.wahba-product {
  --ink:#221e1a; --muted:#6c625c; --subtle:#8a7b70; --line:#e8dfd8;
  --paper:#fffaf6; --brand:#e65528; --brand-ink:#9f341b;
  color:var(--ink); background:var(--paper); font-family:inherit;line-height:1.55;
  min-height:100vh; padding-inline:max(18px,calc((100vw - 1240px)/2));
}
.wahba-product *{box-sizing:border-box}
.wahba-product a{color:inherit}
.wahba-product :focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.product-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}
.product-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.15rem;font-weight:800;line-height:1.3}
.product-brand img{width:48px;height:48px;object-fit:contain}
.product-brand small{font:inherit;font-weight:500}
.product-back{font-size:.9rem;text-decoration:none;color:var(--brand-ink)!important;font-weight:700}
.product-back:hover{text-decoration:underline;text-underline-offset:4px}
.product-shell{max-width:1200px;margin:auto}
.product-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:21px 0 28px;font-size:.86rem;line-height:1.6;color:var(--subtle)}
.product-breadcrumb a{text-decoration:none;color:var(--muted)}
.product-breadcrumb a:hover{text-decoration:underline}
.product-layout{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  grid-template-areas:"gallery summary" "gallery details";
  grid-template-rows:auto 1fr;column-gap:clamp(24px,4.8vw,72px);row-gap:0;
  align-items:start;direction:rtl;
}
.product-summary{grid-area:summary;min-width:0;padding-top:8px}
.product-category{display:inline-block;color:var(--brand-ink);font-weight:800;font-size:.87rem;line-height:1.5}
.product-summary h1{font-size:clamp(2rem,3.2vw,3.2rem);font-weight:800;line-height:1.38;letter-spacing:-.018em;margin:10px 0 8px;overflow-wrap:anywhere}
.product-model{font-size:.95rem;color:var(--muted);margin:0 0 14px;line-height:1.6}
.product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:20px 0 10px;font-variant-numeric:tabular-nums}
.product-price strong{font-size:clamp(2rem,3vw,2.55rem);font-weight:800;line-height:1.3;direction:ltr;unicode-bidi:isolate}
.product-price span{color:var(--muted);font-size:.98rem}
.product-available,.product-unavailable{font-size:.86rem;font-weight:650;line-height:1.6;margin:0 0 20px}
.product-available{color:#216044}.product-unavailable{color:#8c5432}
.product-available span,.product-unavailable span{font-size:.7em;margin-left:4px}
.product-gallery{grid-area:gallery;min-width:0;max-width:100%;align-self:start}
.product-gallery-main{position:relative;border-radius:15px;overflow:hidden;background:#f3e9e0;aspect-ratio:1.12}
.product-gallery-main img{display:block;width:100%;height:100%;object-fit:contain}
.product-photo-count{position:absolute;top:13px;left:13px;padding:7px 11px;border-radius:6px;background:#fffcf7eb;color:#312923;font-weight:750;font-size:.75rem;direction:ltr}
.product-photo-arrow{position:absolute;bottom:15px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #ffffffb8;background:#fffef7e8;color:#251f1a;font-size:27px;line-height:1.35;cursor:pointer;box-shadow:0 3px 10px #2b1b101a}
.product-photo-previous{right:14px}.product-photo-next{left:14px}
.product-photo-arrow:hover{background:#fff}
.product-thumbnails{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:12px 14px 7px;scroll-padding-inline:14px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.product-thumbnails::-webkit-scrollbar{display:none}
.product-thumbnail{flex:0 0 clamp(66px,7vw,86px);aspect-ratio:1;scroll-snap-align:start;scroll-margin-inline:14px;border:2px solid transparent;border-radius:9px;padding:3px;background:#f1e8de;cursor:pointer;transition:border-color .16s ease,opacity .16s ease}
.product-thumbnail[aria-pressed=true]{border-color:var(--brand)}
.product-thumbnail:hover{opacity:.82}
.product-thumbnail img{display:block;width:100%;height:100%;border-radius:5px;object-fit:cover}
.product-details{grid-area:details;min-width:0;padding-top:5px}
.product-guarantee{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:4px 0 18px;line-height:1.55}
.product-guarantee strong{font-size:1.15rem;color:var(--ink)}
.product-guarantee span{font-size:.82rem;color:var(--muted)}
.product-description{font-size:.95rem;line-height:1.85;color:var(--muted);margin:15px 0 18px;overflow-wrap:anywhere}
.product-specifications{border-top:1px solid var(--line);margin:17px 0 20px}
.product-specifications div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:.9rem}
.product-specifications dt{color:var(--muted)}.product-specifications dd{margin:0;text-align:left;font-weight:700;overflow-wrap:anywhere}
.product-contact{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;border:0;border-radius:8px;color:#fff;background:#cb401a;font:inherit;font-size:1rem;font-weight:800;cursor:pointer;padding:14px 15px;transition:background-color .18s ease,transform .18s ease}
.wahba-product a.product-contact{color:#fff;text-decoration:none}
.product-contact:hover{background:var(--brand-ink)}
.product-contact:active{transform:translateY(1px)}
.product-contact-note{font-size:.82rem;line-height:1.7;color:var(--muted);margin:10px 0}
.product-phone{display:inline-block;font-size:.88rem;line-height:1.7;text-decoration:none;color:var(--brand-ink)!important;margin-top:5px}
.product-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:23px 0;margin-top:52px;color:var(--muted);font-size:.85rem}
.product-footer a{text-decoration:none}
@media(max-width:760px){
  .wahba-product{width:calc(100% + 48px);margin-inline:-24px;padding-inline:16px;padding-bottom:calc(94px + env(safe-area-inset-bottom))}
  .product-header{height:66px}.product-brand{font-size:1rem}.product-brand img{width:42px;height:42px}.product-back{font-size:.83rem}
  .product-breadcrumb{margin:13px 0 13px;font-size:.78rem;gap:7px}
  .product-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'summary' 'gallery' 'details';gap:13px}
  .product-summary{padding:0}
  .product-category{font-size:.8rem}
  .product-summary h1{font-size:clamp(1.5rem,6.4vw,1.95rem);line-height:1.45;margin:5px 0 7px}
  .product-model{margin:0 0 5px}
  .product-price{margin:7px 0 5px;gap:7px}
  .product-price strong{font-size:1.9rem}
  .product-price span{font-size:.86rem}
  .product-available,.product-unavailable{font-size:.8rem;margin:0}
  .product-gallery-main{aspect-ratio:1.15;border-radius:10px}
  .product-photo-arrow{width:38px;height:38px;bottom:10px}
  .product-thumbnails{gap:8px;padding:9px 8px 3px}
  .product-thumbnail{flex-basis:72px}
  .product-details{padding-top:0}
  .product-guarantee{margin:2px 0 15px;padding:13px 0}
  .product-guarantee strong{font-size:1.05rem}
  .product-contact{position:fixed;z-index:20;bottom:calc(10px + env(safe-area-inset-bottom));right:16px;left:16px;width:calc(100% - 32px);min-height:54px;box-shadow:0 5px 18px #271c1636}
  .product-contact-note{margin:17px 0 8px}
  .product-footer{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){
  .product-contact,.product-thumbnail{transition:none}
  .product-thumbnails{scroll-behavior:auto}
}
