.detail-header { position:absolute; }
.product-hero { padding:118px clamp(24px,7vw,112px) 85px; background:linear-gradient(90deg,#f5f5f3 0 50%,#fff 50%); }
.breadcrumbs { display:flex; gap:10px; align-items:center; color:#999; font-size:11px; margin:15px 0 38px; }
.breadcrumbs b { color:var(--ink); font-weight:700; }
.product-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; min-height:590px; }
.product-gallery { position:relative; min-height:580px; display:grid; place-items:center; direction:ltr; }
.product-gallery::before { content:""; position:absolute; width:410px; height:410px; border-radius:50%; border:1px solid rgba(211,11,33,.14); }
.product-gallery img { width:min(520px,88%); height:auto; object-fit:contain; mix-blend-mode:multiply; position:relative; z-index:1; }
.image-index { position:absolute; top:18px; left:0; color:var(--red); font-size:10px; letter-spacing:.14em; }
.gallery-caption { position:absolute; bottom:10px; left:0; color:#999; font-size:9px; letter-spacing:.16em; }
.product-summary { padding:35px clamp(25px,6vw,85px); }
.model-code { direction:ltr; text-align:right; color:var(--red); font-size:11px; letter-spacing:.18em; font-weight:800; margin:0 0 16px; }
.product-summary h1 { font-size:clamp(48px,5vw,74px); line-height:1.12; direction:rtl; }
.summary-lede { color:var(--muted); font-size:16px; line-height:1.9; max-width:560px; }
.summary-features { list-style:none; padding:0; margin:27px 0 0; display:grid; gap:10px; color:#414246; font-size:13px; }
.summary-features li::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--red); display:inline-block; margin-left:11px; }
.product-actions { display:flex; align-items:center; gap:25px; margin-top:34px; flex-wrap:wrap; }
.standard-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; border-top:1px solid var(--line); margin-top:40px; padding-top:22px; }
.standard-row span { color:#999; font-size:10px; margin-left:10px; }
.standard-row b { border:1px solid var(--line); padding:7px 10px; direction:ltr; font-size:10px; }

.feature-section,.model-section { padding:110px clamp(24px,7vw,112px); }
.detail-heading { display:flex; justify-content:space-between; align-items:end; gap:35px; margin-bottom:50px; }
.detail-heading h2 { font-size:clamp(36px,4vw,55px); margin:0; }
.detail-heading>p { color:var(--muted); max-width:430px; line-height:1.8; font-size:12px; margin:0; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-right:1px solid var(--line); }
.feature-grid article { min-height:190px; padding:28px 25px; border-left:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; justify-content:flex-end; }
.feature-grid b { color:var(--red); font-size:10px; direction:ltr; margin-bottom:auto; }
.feature-grid h3 { font-size:16px; margin:0 0 7px; }
.feature-grid p { direction:ltr; text-align:right; color:#999; margin:0; font-size:10px; letter-spacing:.04em; }

.specification-section { display:grid; grid-template-columns:.8fr 1.2fr; background:#1a1b1d; color:#fff; }
.specification-intro { padding:95px clamp(30px,6vw,90px); }
.specification-intro h2 { font-size:clamp(40px,4.5vw,65px); line-height:1.25; margin:0 0 25px; }
.specification-intro>p:not(.eyebrow) { color:#a8a9ac; font-size:14px; line-height:1.9; }
.spec-list { margin:0; padding:60px clamp(28px,6vw,85px); background:#222326; }
.spec-list>div { display:grid; grid-template-columns:.65fr 1.35fr; gap:28px; padding:22px 0; border-bottom:1px solid #3b3c3f; }
.spec-list dt { color:#8f9094; font-size:11px; }
.spec-list dd { margin:0; font-size:13px; line-height:1.7; }
.spec-list small { color:#77797d; font-size:10px; }

.model-section { background:#f6f6f5; }
.table-wrap { overflow-x:auto; border:1px solid #dededc; background:#fff; }
table { width:100%; min-width:820px; border-collapse:collapse; direction:ltr; text-align:center; }
th { background:#1a1b1d; color:#fff; padding:18px 14px; font-size:11px; font-weight:700; }
td { padding:18px 14px; border-bottom:1px solid var(--line); font-size:12px; }
tbody tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#fafafa; }

.faq-section { padding:110px clamp(24px,7vw,112px); }
.faq-grid { border-top:1px solid var(--line); }
.faq-grid details { border-bottom:1px solid var(--line); padding:0; }
.faq-grid summary { list-style:none; cursor:pointer; padding:25px 45px 25px 0; position:relative; font-size:16px; font-weight:700; }
.faq-grid summary::-webkit-details-marker { display:none; }
.faq-grid summary::before { content:"+"; position:absolute; right:0; top:20px; color:var(--red); font-size:22px; font-weight:400; }
.faq-grid details[open] summary::before { content:"−"; }
.faq-grid details p { color:var(--muted); font-size:13px; line-height:1.9; margin:0; padding:0 45px 25px 0; max-width:820px; }
.source-note { margin-top:55px; background:#f6f6f5; padding:25px 28px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px 30px; }
.source-note div { display:grid; gap:5px; }
.source-note span,.source-note p { color:#888; font-size:10px; }
.source-note strong { font-size:13px; direction:ltr; text-align:right; }
.source-note>a { color:var(--red); font-size:12px; font-weight:700; }
.source-note p { grid-column:1/-1; margin:5px 0 0; line-height:1.7; }

.product-inquiry { display:grid; grid-template-columns:.85fr 1.15fr; background:var(--red); color:#fff; }
.inquiry-copy { padding:90px clamp(30px,6vw,90px); }
.inquiry-copy h2 { font-size:clamp(40px,4.6vw,66px); line-height:1.2; margin:0 0 23px; }
.inquiry-copy>p:not(.eyebrow) { color:rgba(255,255,255,.76); line-height:1.9; font-size:14px; }
.inquiry-copy .eyebrow span { background:#fff; }
.selected-product { margin-top:50px; padding-top:22px; border-top:1px solid rgba(255,255,255,.25); display:grid; gap:8px; }
.selected-product span { color:rgba(255,255,255,.58); font-size:10px; }
.selected-product strong { direction:ltr; text-align:right; font-size:15px; }
.quote-form .current-product-field { margin-bottom:28px; }
.quote-form .current-product-field input { color:var(--red); font-weight:800; background:#f7f7f6; border:1px solid #e4e4e2; padding:14px 16px; cursor:default; }

.product-summary h1 { max-width:760px; }
.whatsapp-button { border:1px solid var(--line); padding:14px 18px; color:var(--ink); }
.application-section,.delivery-section { padding:110px clamp(24px,7vw,112px); }
.detail-heading>p { max-width:420px; color:var(--muted); line-height:1.8; font-size:13px; }
.application-grid,.delivery-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-right:1px solid var(--line); }
.application-grid article,.delivery-grid>article { padding:30px; min-height:250px; border-left:1px solid var(--line); border-bottom:1px solid var(--line); }
.application-grid span,.delivery-grid>article>span { color:var(--red); font-size:10px; direction:ltr; }
.application-grid h3,.delivery-grid h3 { font-size:20px; margin:70px 0 18px; }
.application-grid p { color:var(--muted); font-size:13px; line-height:1.9; }
.source-link { color:var(--red); font-size:11px; border-bottom:1px solid rgba(0,108,53,.3); padding-bottom:6px; }
.table-wrap caption { text-align:right; padding:0 0 18px; color:#777; font-size:11px; }
.table-wrap th small { display:block; margin-top:5px; color:#999; font-size:8px; direction:ltr; }
.table-empty { padding:55px; background:#fff; border:1px solid var(--line); }
.table-empty p { color:var(--muted); line-height:1.8; }
.quality-section { display:grid; grid-template-columns:1fr 1fr; background:#191a1c; color:#fff; }
.quality-visual { min-height:650px; position:relative; overflow:hidden; }
.quality-visual img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.quality-visual::after { content:""; position:absolute; inset:55% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.72)); }
.quality-visual p { position:absolute; z-index:1; bottom:30px; right:35px; color:#fff; font-size:11px; }
.quality-copy { padding:95px clamp(30px,6vw,85px); }
.quality-copy h2 { font-size:clamp(40px,4.4vw,64px); line-height:1.25; margin:0 0 50px; }
.quality-steps article { padding:22px 0; border-top:1px solid #38393c; display:grid; grid-template-columns:45px 1fr; column-gap:18px; }
.quality-steps article:last-child { border-bottom:1px solid #38393c; }
.quality-steps b { color:var(--red); font-size:10px; grid-row:1/3; }
.quality-steps h3 { margin:0 0 8px; font-size:16px; }
.quality-steps p { margin:0; color:#a8a9ac; font-size:12px; line-height:1.8; }

/* Decorative sequence numbers are not part of the product information. */
.image-index,
.feature-grid b,
.application-grid article>span,
.delivery-grid>article>span,
.quality-steps b { display:none; }
.quality-steps article { grid-template-columns:1fr; }
.application-grid h3,.delivery-grid h3 { margin-top:8px; }
.quality-source { display:inline-block; margin-top:28px; color:#fff; font-size:11px; border-bottom:1px solid #666; padding-bottom:6px; }
.delivery-section { background:#f6f6f5; }
.delivery-grid ul { list-style:none; padding:0; margin:0; }
.delivery-grid li { position:relative; padding:11px 18px 11px 0; border-top:1px solid var(--line); color:#555; font-size:12px; }
.delivery-grid li::before { content:""; position:absolute; right:0; top:17px; width:5px; height:5px; border-radius:50%; background:var(--red); }
.delivery-grid dl { margin:0; }
.delivery-grid dl div { display:flex; justify-content:space-between; gap:15px; padding:10px 0; border-top:1px solid var(--line); font-size:11px; }
.delivery-grid dt { direction:ltr; font-weight:800; }
.delivery-grid dd { color:#666; margin:0; text-align:left; }
.inquiry-whatsapp { display:inline-block; margin-top:25px; color:#fff; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:7px; font-size:12px; }
.file-field { margin-top:5px; padding:18px; border:1px dashed #ccc; background:#fafafa; }
.file-field small { direction:ltr; color:#999; margin-right:8px; }
.file-field input { margin:12px 0 8px; padding:0; border:0; background:transparent; }
.file-field span { display:block; color:#777; font-size:10px; }

@media (max-width:980px) {
  .product-hero { background:linear-gradient(#f5f5f3 0 50%,#fff 50%); }
  .product-hero-grid,.specification-section,.product-inquiry,.quality-section { grid-template-columns:1fr; }
  .product-summary { padding:65px 0 20px; }
  .feature-grid { grid-template-columns:1fr 1fr; }
  .application-grid,.delivery-grid { grid-template-columns:1fr; }
  .quality-visual { min-height:500px; }
  .detail-heading { align-items:start; flex-direction:column; }
}
@media (max-width:680px) {
  .product-hero { padding:98px 20px 60px; }
  .breadcrumbs { overflow:hidden; white-space:nowrap; }
  .product-hero-grid { min-height:0; }
  .product-gallery { min-height:390px; }
  .product-gallery::before { width:290px; height:290px; }
  .product-summary h1 { font-size:45px; }
  .feature-section,.model-section,.application-section,.delivery-section { padding:75px 20px; }
  .faq-section { padding:75px 20px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-grid article { min-height:150px; }
  .specification-intro,.inquiry-copy { padding:70px 24px; }
  .spec-list { padding:40px 24px; }
  .spec-list>div { grid-template-columns:1fr; gap:9px; }
  .source-note { grid-template-columns:1fr; }
  .source-note p { grid-column:auto; }
  .application-grid article,.delivery-grid>article { min-height:0; padding:25px; }
  .application-grid h3,.delivery-grid h3 { margin-top:45px; }
  .quality-visual { min-height:370px; }
  .quality-copy { padding:70px 24px; }
}

/* Saudi-localized visual system */
.product-hero { background:linear-gradient(90deg,var(--sand-bg) 0 50%,#fff 50%); }
.product-gallery::before { border-color:rgba(0,108,53,.20); }
.summary-lede,.summary-features,.detail-heading>p,.application-grid p,.faq-grid details p,.specification-intro>p:not(.eyebrow),.inquiry-copy>p:not(.eyebrow),.quality-steps p,.delivery-grid li { font-size:17px; line-height:1.9; }
.whatsapp-button,.inquiry-whatsapp { border:0; border-radius:8px; padding:13px 18px; background:var(--whatsapp); color:#fff; text-decoration:none; }
.feature-grid article,.application-grid article,.delivery-grid>article { border-top:4px solid var(--green); }
.specification-section,.quality-section { background:var(--navy); }
.spec-list { background:var(--navy-2); }
.model-section,.delivery-section,.source-note { background:var(--sand-bg); }
.table-wrap,.source-note,.table-empty { border-radius:10px; }
th { background:var(--navy); }
.product-inquiry { background:var(--navy); }
.product-inquiry .quote-form button { background:var(--green); }
.file-field { border-radius:8px; background:var(--soft); }
@media (max-width:980px) { .product-hero { background:linear-gradient(var(--sand-bg) 0 50%,#fff 50%); } }

/* Saudi-localized product detail refinement. */
.product-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,var(--sand-bg) 0%,#fff 72%)}
.product-hero::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.075;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23006C35' stroke-width='1.2'%3E%3Cpath d='M30 1 59 30 30 59 1 30Z'/%3E%3Cpath d='M90 1 119 30 90 59 61 30Z'/%3E%3Cpath d='M30 61 59 90 30 119 1 90Z'/%3E%3Cpath d='M90 61 119 90 90 119 61 90Z'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.breadcrumbs,.product-hero-grid{position:relative;z-index:1}
.product-gallery{grid-column:2;grid-row:1}
.product-summary{grid-column:1;grid-row:1;padding:35px clamp(25px,4vw,60px)}
.product-gallery::before{border-color:rgba(0,108,53,.26);box-shadow:0 0 0 24px rgba(0,108,53,.035)}
.product-gallery-clean::before{display:none}
.product-gallery-clean img{width:min(620px,96%);mix-blend-mode:normal;filter:drop-shadow(0 24px 28px rgba(20,33,61,.14))}
.model-code{color:var(--green)}
.product-summary h1{color:var(--navy);font-size:clamp(40px,3.8vw,58px);line-height:1.18}
.summary-features li::before,.delivery-grid li::before{background:var(--green)}
.standard-row b{border-color:rgba(0,108,53,.22);border-radius:999px;background:var(--green-soft);color:var(--green-dark);padding:8px 13px}
.feature-grid,.application-grid,.delivery-grid{border:0;gap:16px}
.feature-grid article,.application-grid article,.delivery-grid>article{border:1px solid var(--line);border-top:4px solid var(--green);border-radius:10px;background:#fff}
.specification-section,.quality-section{background:var(--navy)}
.spec-list{background:var(--navy-2)}
.spec-list>div{border-color:rgba(255,255,255,.13)}
.spec-list dt{color:#9fb0cc}
.model-section,.delivery-section{background:var(--sand-bg)}
.product-data-label{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid rgba(0,108,53,.22);border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:700}
.table-wrap{border-radius:12px;box-shadow:0 12px 34px rgba(20,33,61,.06)}
.table-wrap caption{color:var(--green-dark);font-size:13px;font-weight:700}
tbody tr:hover{background:var(--green-soft)}
.quality-copy{position:relative;overflow:hidden}
.quality-copy::after{content:"";position:absolute;inset:auto auto -80px -60px;width:240px;height:240px;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 2 78 40 40 78 2 40Z' fill='none' stroke='%23C9A227' stroke-width='1.4'/%3E%3C/svg%3E");pointer-events:none}
.quality-steps article{border-color:rgba(255,255,255,.15)}
.quality-source{position:relative;z-index:1;border:1px solid rgba(201,162,39,.65);border-radius:8px;padding:11px 16px;color:#fff}
.faq-grid summary::before{color:var(--green)}
.product-inquiry{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(128deg,var(--green-dark) 0%,#17405a 58%,#1b3151 100%)}
.product-inquiry::after{content:"";position:absolute;z-index:-1;inset:auto 0 0 auto;width:48%;height:48%;opacity:.11;pointer-events:none;background:radial-gradient(circle at 75% 100%,rgba(201,162,39,.5),transparent 58%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cpath d='M42 2 82 42 42 82 2 42Z' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");background-size:auto,84px 84px;mask-image:linear-gradient(135deg,transparent,#000)}
.quote-form .current-product-field input{color:var(--green-dark)}
@media(max-width:980px){
  .product-hero{background:linear-gradient(180deg,var(--sand-bg),#fff 72%)}
  .product-summary{grid-column:1;grid-row:1;padding:45px 0 20px}
  .product-gallery{grid-column:1;grid-row:2}
}
@media(max-width:680px){
  .product-hero::after{mask-image:linear-gradient(#000,transparent 68%)}
  .product-summary h1{font-size:clamp(38px,11vw,48px)}
  .product-data-label{font-size:11px}
}