:root{--bg:#070707;--panel:#111;--text:#f3f3f1;--muted:#a3a39f;--line:#303030;--red:#ed1b24}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Vazirmatn",Tahoma,sans-serif}
a{color:inherit;text-decoration:none}
.detail-header{position:sticky;top:0;z-index:20;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:rgba(7,7,7,.9);border-bottom:1px solid #252525;backdrop-filter:blur(14px)}
.detail-header img{width:235px;height:56px;object-fit:contain;object-position:right}
.detail-header nav{display:flex;gap:26px;color:#b0b0ac;font-size:14px}
.detail-hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:70px 7vw;background:radial-gradient(circle at 22% 48%,#292a2d,#111 34%,#070707 68%)}
.detail-hero>div:first-child{max-width:680px}
.detail-kicker{margin:0 0 18px;color:#b3b3af;font-size:13px}
.detail-hero h1{margin:0;font:800 clamp(62px,8vw,132px)/.98 Arial;letter-spacing:-5px}
.detail-hero h2{margin:24px 0 14px;font-size:clamp(28px,3vw,50px)}
.detail-hero p:not(.detail-kicker){max-width:610px;color:var(--muted);font-size:17px;line-height:2}
.detail-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:22px;padding:0 25px;background:#f3f3ef;color:#080808;font-weight:800;border-radius:999px}
.brand-monogram{display:flex;align-items:center;justify-content:center;min-height:440px;padding:40px;text-align:center;font:800 clamp(42px,6vw,92px)/1 Arial;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.6);border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 62%)}
.luxe-brand-hero{background:radial-gradient(circle at 20% 44%,#313843,#151719 34%,#070707 69%)}
.luxe-brand-hero .brand-monogram{flex-direction:column;gap:8px;background:radial-gradient(circle,rgba(194,210,230,.16),transparent 62%)}
.luxe-brand-hero .brand-monogram span{font-size:clamp(100px,15vw,230px)}
.luxe-brand-hero .brand-monogram small{color:#9d9da0;font:500 14px/1.7 "Vazirmatn",Tahoma,sans-serif;-webkit-text-stroke:0}
.detail-products{padding:90px 6vw}
.detail-products>header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:35px}
.detail-products header p{margin:0;color:#858581;font-size:13px}
.detail-products header h2{margin:6px 0 0;font-size:clamp(36px,5vw,68px)}
.catalog-filters{display:flex;flex-wrap:wrap;gap:8px;max-width:620px}
.catalog-filters button{min-height:42px;padding:0 18px;color:#aaa;background:#111;border:1px solid #333;border-radius:999px;font:600 13px/1 "Vazirmatn",Tahoma,sans-serif;cursor:pointer}
.catalog-filters button.active{color:#080808;background:#f3f3ef;border-color:#f3f3ef}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.detail-card{position:relative;height:520px;overflow:hidden;padding:28px;background:linear-gradient(150deg,#292929,#0c0c0c 70%);border:1px solid var(--line);border-radius:22px}
.detail-card.no-image{display:flex;flex-direction:column;justify-content:flex-end}
.detail-card[hidden]{display:none}
.detail-card .card-media{display:flex;height:76%;align-items:center;justify-content:center;overflow:hidden;border-radius:15px}
.detail-card img{display:block;width:100%;height:100%;margin:auto;object-fit:contain;object-position:center;filter:drop-shadow(0 25px 32px rgba(0,0,0,.55));transform:scale(calc(var(--product-scale,.8) * 1.25));transition:transform .35s}
.detail-card.is-smartphone .card-media{height:80%}
.detail-card.is-fold .card-media{height:66%}
.detail-card.is-classic .card-media{height:62%}
.detail-card.is-photo .card-media{background:#f5f5f5}
.detail-card.is-photo img{object-fit:contain;padding:16px;filter:none}
.detail-card:hover img{transform:translateY(-6px) scale(calc(var(--product-scale,.8) * 1.25))}
.honor-products .detail-card img{transform:scale(calc(var(--product-scale,.8) * 1.1))}
.honor-products .detail-card:hover img{transform:translateY(-4px) scale(calc(var(--product-scale,.8) * 1.12))}
.luxe-products .detail-card:not(.is-smartphone) img,.luxe-products .detail-card[data-product="general-luxe-shahin4"] img{transform:scale(calc(var(--product-scale,.8) * 1.1))}
.luxe-products .detail-card:not(.is-smartphone):hover img,.luxe-products .detail-card[data-product="general-luxe-shahin4"]:hover img{transform:translateY(-4px) scale(calc(var(--product-scale,.8) * 1.12))}
.detail-card span{display:block;color:#969692;font-size:13px}
.detail-card h3{margin:5px 0;font:800 25px/1.2 Arial;text-align:right}
.detail-card b{color:#747470;font-size:12px}
.empty-products{grid-column:1/-1;padding:50px;border:1px solid var(--line);border-radius:22px;background:#101010}
.empty-products p{color:var(--muted);font-size:17px}
.empty-products a{display:inline-block;margin-top:10px;color:#fff;border-bottom:1px solid #777}
.product-detail{direction:rtl}
.product-detail.no-gallery{grid-template-columns:1fr}
.product-detail.no-gallery .product-copy{max-width:680px}
.product-copy{z-index:2}
.product-copy h2{margin:18px 0 0;font-size:clamp(25px,2.7vw,43px)}
.crumb{display:inline-block;margin-bottom:44px;color:#8d8d89;font-size:13px}
.detail-actions{display:flex;align-items:center;gap:24px}
.detail-actions>a:last-child{margin-top:22px;color:#a5a5a1;font-size:14px;border-bottom:1px solid #555}
.detail-product-visual{position:relative;height:660px}
.detail-product-visual:before{content:"";position:absolute;inset:15% 4%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 66%)}
.detail-product-visual img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 40px 55px rgba(0,0,0,.7));transform:scale(calc(var(--product-scale,.8) * 1.25))}
.detail-product-visual.is-photo{height:580px;margin:auto 0;overflow:hidden;border-radius:24px;background:#f5f5f5}
.detail-product-visual.is-photo:before{display:none}
.detail-product-visual.is-photo img{object-fit:cover;filter:none;transform:none}
.product-gallery{position:relative;height:660px;min-width:0;outline:none}
.gallery-stage{position:relative;width:100%;height:100%;overflow:hidden;border-radius:26px;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,.015) 64%)}
.gallery-stage img{position:absolute;inset:0;width:100%;height:100%;padding:24px;object-fit:contain;object-position:center;filter:drop-shadow(0 40px 55px rgba(0,0,0,.7));transform:scale(calc(var(--product-scale,.8) * 1.25))}
.gallery-stage img:not(:first-child){padding:0;transform:none;filter:none}
.gallery-stage img[src$="gl-shahin3-gallery.png"]{transform:scale(.87)}
.gallery-stage img[src$="gl-shahin4-gallery.png"]{transform:scale(1.6)}
.gallery-stage img[src$="gl-216-gallery.png"]{transform:scale(.88)}
.gallery-stage img[src$="gl-e16-front.png"]{transform:scale(.94)}
.gallery-stage img[src$="gl-f17-front-gallery.png"]{transform:scale(.87)}
.gallery-stage img[src$="gl-f27-camera-gallery.png"]{transform:scale(.96)}
.gallery-stage img[src$="gl-f27-front-new.png"]{transform:scale(.86)}
.gallery-stage img[src$="gl-f35-front-angle-dark.webp"],.gallery-stage img[src$="gl-f35-back-dark.webp"],.gallery-stage img[src$="gl-f35-back-angle-dark.webp"]{inset:50% auto auto 50%;width:auto;height:88%;transform:translate(-50%,-50%)}
.gallery-stage img[src$="gl-150-new-front-gallery.webp"],.gallery-stage img[src$="gl-150-new-back-gallery.webp"]{transform:scale(.92)}
.gallery-stage img[src$="apple-air-ui-gallery.png"]{transform:scale(.93)}
.gallery-stage img[src$="apple-air-back-angle-gallery.png"]{transform:scale(.91)}
.gallery-stage img[src$="apple-air-camera-gallery.png"]{transform:scale(1)}
.gallery-stage img[src$="apple-17-front-gallery.png"]{transform:scale(.92)}
.gallery-stage img[src$="apple-17-colors-fan-gallery.png"]{transform:scale(1.1)}
.gallery-stage img[src$="apple-17-green-gallery.png"]{transform:scale(.86)}
.gallery-stage img[src$="apple-17-camera-gallery.png"]{transform:scale(.9)}
.gallery-stage img[src$="apple-duo-user-gallery-v2.png"]{transform:scale(.88)}
.gallery-stage img[src$="apple-17e-user-primary.png"],.gallery-stage img[src$="apple-17e-user-gallery.png"]{transform:scale(.72)}
.gallery-stage img[src$="apple-16-user-primary-v2.png"],.gallery-stage img[src$="apple-16-user-gallery-v2.png"]{transform:scale(.72)}
.gallery-stage img[src$="gl-flip-open-gallery.png"],.gallery-stage img[src$="gl-flip-sos-gallery.png"]{transform:scale(.86)}
.gallery-stage img[hidden]{display:none}
.gallery-stage.is-photo{background:#f5f5f5}
.gallery-stage.is-photo img:first-child{padding:26px;transform:none;filter:none}
.gallery-arrow{position:absolute;z-index:3;top:50%;width:48px;height:48px;padding:0;color:#fff;font:300 38px/1 Arial;background:rgba(8,8,8,.68);border:1px solid rgba(255,255,255,.25);border-radius:50%;backdrop-filter:blur(10px);cursor:pointer;transform:translateY(-50%)}
.gallery-arrow:hover{background:#fff;color:#080808}
.gallery-prev{right:18px}.gallery-next{left:18px}
.gallery-count{position:absolute;z-index:3;bottom:18px;left:50%;padding:7px 13px;color:#ddd;font:500 12px/1 Arial;background:rgba(8,8,8,.7);border:1px solid rgba(255,255,255,.18);border-radius:999px;transform:translateX(-50%)}
.brand-source{display:flex;width:max-content;max-width:100%;margin:32px auto 0;padding:12px 20px;color:#d0d0cc;font-size:13px;border:1px solid #3a3a3a;border-radius:999px}
.brand-source:hover{color:#080808;background:#f3f3ef;border-color:#f3f3ef}
.product-fold .detail-product-visual img,.product-classic .detail-product-visual img{display:block;width:74%;margin:auto}
.specification-section{padding:85px 7vw;background:linear-gradient(180deg,#101010,#080808)}
.specification-section>header p{margin:0;color:#858581;font-size:13px}
.specification-section>header h2{margin:7px 0 30px;font-size:clamp(34px,4vw,58px)}
.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #303030}
.spec-grid>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #292929}
.spec-grid>div:nth-child(odd){padding-left:32px;border-left:1px solid #292929}
.spec-grid>div:nth-child(even){padding-right:32px}
.spec-grid span{color:#777;font-size:13px}
.spec-grid strong{font-size:15px;font-weight:600}
.spec-note{margin:24px 0 0;color:#9a9a96;font-size:14px}
.official-source{display:inline-block;margin-top:22px;color:#d0d0cc;font-size:13px;border-bottom:1px solid #555}
.support-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:80px 6vw;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.support-strip div{padding:30px;border-left:1px solid var(--line)}
.support-strip div:last-child{border-left:0}
.support-strip span,.support-strip b{display:block}
.support-strip span{color:#777;font-size:12px}
.support-strip b{margin-top:6px;font-size:17px}
.detail-footer{padding:34px 6vw;color:#777;border-top:1px solid #242424}
.missing{min-height:70vh;display:grid;place-content:center;text-align:center}
.missing a{color:#fff;border-bottom:1px solid #777}
@media(min-width:1500px){.luxe-products .detail-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){
  .detail-header nav{display:none}
  .detail-hero{grid-template-columns:1fr;min-height:auto;padding:55px 22px}
  .brand-monogram{min-height:260px}
  .detail-product-visual{height:520px;grid-row:1}
  .product-gallery{height:520px;grid-row:1}
  .product-copy{grid-row:2}
  .detail-products>header{align-items:flex-start;flex-direction:column}
  .detail-grid{grid-template-columns:1fr 1fr}
  .spec-grid{grid-template-columns:1fr}
  .spec-grid>div:nth-child(n){padding-right:0;padding-left:0;border-left:0}
  .support-strip{grid-template-columns:1fr;margin:55px 22px}
  .support-strip div{border-left:0;border-bottom:1px solid var(--line)}
  .support-strip div:last-child{border-bottom:0}
}
@media(max-width:560px){
  .detail-header{height:68px;padding:0 20px}
  .detail-header img{width:190px;height:48px}
  .detail-hero h1{font-size:52px;letter-spacing:-2px}
  .detail-hero p:not(.detail-kicker){font-size:15px}
  .detail-products{padding:60px 20px}
  .detail-grid{grid-template-columns:1fr}
  .detail-card{height:470px}
  .catalog-filters{gap:6px}
  .catalog-filters button{padding:0 12px;font-size:12px}
  .detail-actions{align-items:flex-start;flex-direction:column;gap:2px}
  .detail-product-visual{height:430px}
  .product-gallery{height:430px}
  .gallery-stage img{padding:12px}
  .gallery-arrow{width:42px;height:42px;font-size:32px}
  .gallery-prev{right:10px}.gallery-next{left:10px}
  .specification-section{padding:60px 20px}
  .spec-grid>div{grid-template-columns:110px 1fr}
  .product-fold .detail-product-visual img,.product-classic .detail-product-visual img{width:82%}
}