/* LUNASOS Luxury Experience v2.0.1 — intentional responsive composition */
:root{--lux-gold:#aa8e61;--lux-dark:#0a0805}
/* Header: professional outline icon system, consistent hit area, deliberate spacing. */
header .headActions{gap:9px}
header .headActions .header-contact,header .headActions .header-whatsapp,header .headActions .cartButton{
 display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;
 border:1px solid rgba(202,167,105,.39);border-radius:50%;background:linear-gradient(140deg,rgba(170,142,97,.10),rgba(255,255,255,.01));
 color:#ecd4a8;transition:background .25s,transform .25s,border-color .25s;position:relative;text-decoration:none;padding:0}
header .headActions .header-contact:hover,header .headActions .header-whatsapp:hover,header .headActions .cartButton:hover{
 background:rgba(170,142,97,.24);border-color:#ceb080;transform:translateY(-2px)}
header .headActions svg,#waFloat svg{width:21px;height:21px;display:block}
header .headActions .cartButton #cartCount{position:absolute;top:-7px;inset-inline-end:-7px;font:700 10px 'DM Sans',sans-serif;min-width:20px;height:20px;line-height:12px;padding:4px;border:2px solid #100e0d;background:#b69359;color:#100e0d}
/* Hero: editorial composition, separate copy from packshots, cinematic dark gradient and quiet brand-safe region. */
.hero{min-height:600px!important;height:clamp(600px,47vw,710px)!important;isolation:isolate;background:#160d08}
.heroImg{background-image:linear-gradient(90deg,rgba(5,4,3,.04) 0%,rgba(10,7,5,.05) 48%,rgba(10,7,5,.54) 68%,rgba(8,5,4,.98) 100%),url('/assets/hero-lunasos.webp')!important;background-position:center 67%!important;background-size:cover!important;transform:scale(1.005)}
.heroAura{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,4,2,.38) 0%,transparent 29%,transparent 75%,rgba(8,4,2,.35)),radial-gradient(ellipse at 80% 48%,rgba(166,121,60,.10),transparent 42%)}
.heroContent{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1440px!important;min-height:100%;padding-inline:clamp(32px,7vw,110px)!important}
.heroContent>*,.heroBottom{position:relative;z-index:2}
.heroContent .eyebrow{font-size:12px;letter-spacing:.28em;color:#e8c68e}
.hero h1{font:800 clamp(40px,4.3vw,73px)/1.3 'Cairo',sans-serif;max-width:440px!important;text-wrap:balance;margin:20px 0 14px!important;text-shadow:0 4px 22px #000b}
.hero p{font:600 clamp(13px,1.1vw,17px)/2 'Cairo',sans-serif;max-width:380px!important;text-shadow:0 2px 10px #000b}
.hero .goldBtn{padding:13px 34px!important;border-radius:3px;letter-spacing:.2px}
.heroRule{position:absolute;right:6%;bottom:24px;width:96px;height:1px;background:linear-gradient(to left,#c7a46a,transparent);z-index:2}
/* Product portraits: original uncropped 816x1450 images; large premium portrait frames. */
.products:not(.sets){grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.products:not(.sets) .product{border:1px solid #d9c6a9;border-radius:8px;box-shadow:0 12px 38px #47331c12;background:#fffaf2}
.products:not(.sets) .product .photo{aspect-ratio:0.83!important;max-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(150deg,#e9dfd2,#f3ede3);position:relative}
.products:not(.sets) .product .photo img{width:100%;height:100%;object-fit:contain!important;object-position:center center;display:block;transition:transform .4s ease}
.products:not(.sets) .product:hover .photo img{transform:scale(1.035)}
.products:not(.sets) .productInfo{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:16px 20px 18px}
.products:not(.sets) .productInfo h3{grid-column:1 / -1;font-size:27px;margin:0}
.products:not(.sets) .productInfo .category{grid-column:1;color:#796852}
.products:not(.sets) .productInfo .price{grid-column:2;grid-row:2;margin:0;white-space:nowrap}
.products:not(.sets) .productInfo .addBtn{grid-column:1 / -1;min-height:42px;margin-top:12px}
/* Gift experience: real LUNASOS gift-set photography, no synthetic bottle or modified labels. */
.banner{min-height:475px;position:relative;isolation:isolate;display:flex!important;align-items:center;overflow:hidden;padding:70px max(6%,calc((100vw - 1320px)/2))!important;background:radial-gradient(circle at 22% 42%,#57402b 0%,#22140d 42%,#0d0806 80%)!important}
.banner::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0,transparent 60px,rgba(207,163,96,.018) 61px,transparent 63px),radial-gradient(circle at 35% 18%,#b1824026,transparent 45%);pointer-events:none;z-index:0}
.gift-visual{position:absolute;inset:0 0 0 37%;display:flex;gap:12px;align-items:center;justify-content:center;z-index:1;mask-image:linear-gradient(to right,transparent 0%,black 22%)}
.gift-image{height:76%;width:37%;border:1px solid #c6a3744d;box-shadow:0 25px 50px #0008;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:4px;transform:perspective(900px) rotateY(-9deg);filter:brightness(.86) saturate(.98)}
.gift-leeno{background-image:url('/assets/leeno.webp');transform:translateY(19px) perspective(900px) rotateY(-9deg)}
.gift-revando{background-image:url('/assets/revando.webp');transform:translateY(-19px) perspective(900px) rotateY(-9deg)}
.bannerCopy{position:relative;z-index:3;max-width:440px!important;margin-inline-end:0;text-shadow:0 4px 18px #000}
.bannerCopy h2{font:800 clamp(30px,3.5vw,48px)/1.4 'Cairo',sans-serif;color:#fff6e8}
.bannerCopy p{font-size:15px;color:#efdfca}
/* Uncropped square gift set images; works with original source sizes. */
.sets .product{min-height:310px;background:#fffbf5}
.sets .product .photo{min-height:310px;background:#eee4d8;overflow:hidden}
.sets .product .photo img{width:100%;height:100%;object-fit:contain!important;object-position:center!important}
.sets .productInfo{min-width:0}
/* Cinematic logo scene — approved vector itself is never edited. */
.about{position:relative;background:linear-gradient(115deg,#0a0706,#261a12 45%,#080605 100%);color:#f6edde;overflow:hidden}
.about::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 32% 42%,#c19b572a,transparent 39%),repeating-linear-gradient(150deg,transparent 0 92px,#d4b27407 93px 95px);pointer-events:none}
.about-inner{min-height:425px;grid-template-columns:43% 1fr;gap:65px;position:relative}
.about-art{background:radial-gradient(ellipse at center,#3f2c19 0%,#1c130c 42%,#070605 75%);min-height:425px;isolation:isolate;overflow:hidden}
.about-art::before{content:'';position:absolute;inset:-45%;background:conic-gradient(from 130deg at 50% 50%,transparent 0deg,#d5b67a30 18deg,transparent 37deg,transparent 195deg,#d4af6c16 220deg,transparent 240deg);animation:luxScan 18s linear infinite;z-index:0}
.about-art::after{inset:9%;border:1px solid #c5a15a4a;box-shadow:inset 0 0 50px #e8bd6320}
.cinema-halo{position:absolute;width:66%;aspect-ratio:1;filter:blur(45px);background:radial-gradient(circle,#c7a46b38,transparent 64%);z-index:1}
.cinema-emblem{position:relative;z-index:2;width:82%;filter:drop-shadow(0 16px 35px #000a)}
.about-art .cinema-emblem img{width:100%;height:auto;max-height:290px;object-fit:contain;filter:drop-shadow(0 0 15px #b78e5144)}
.cinema-caption{position:absolute;z-index:2;bottom:38px;letter-spacing:.42em;font:500 10px 'DM Sans',sans-serif;color:#c5a574}
.about-copy{padding:55px 0}
.about h2{color:#fbf1dd;font-size:clamp(27px,3.1vw,43px)!important}
.about p{color:#cfc2af;font-size:14px;max-width:660px}
.about .features{color:#efddb9}.about .features>div{color:#efddb9}
@keyframes luxScan{to{transform:rotate(360deg)}}
#waFloat{box-shadow:0 6px 20px #0004}#waFloat svg{width:26px;height:26px}
html[dir=ltr] .heroImg{background-image:linear-gradient(270deg,rgba(5,4,3,.04),rgba(10,7,5,.05) 48%,rgba(10,7,5,.54) 68%,rgba(8,5,4,.98)),url('/assets/hero-lunasos.webp')!important}
html[dir=ltr] .gift-visual{inset:0 37% 0 0;mask-image:linear-gradient(to left,transparent 0%,black 22%)}
@media(max-width:1050px){.hero{min-height:540px!important;height:540px!important}.hero h1{font-size:42px}.products:not(.sets) .product .photo{max-height:430px}.banner{min-height:420px}.about-inner{gap:30px}}
@media(max-width:800px){header .headActions .header-contact{display:none}.hero{height:510px!important;min-height:510px!important}.heroImg{background-position:35% center!important}.heroContent{padding:45px 28px!important}.hero h1{font-size:37px}.hero p{font-size:13px}.products:not(.sets){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.products:not(.sets) .product .photo{max-height:none}.gift-visual{inset:0 0 0 25%}.gift-image{width:41%;height:65%}.about-inner{grid-template-columns:1fr}.about-art{min-height:280px;height:280px}.about-copy{padding:42px 0}.about-art .cinema-emblem img{max-height:195px}}
@media(max-width:520px){header .headActions .header-whatsapp{display:none}header .headActions .cartButton{min-width:39px;width:39px;height:39px}.hero{height:565px!important;min-height:565px!important}.heroImg{background-image:linear-gradient(to bottom,rgba(5,4,3,.05) 0%,rgba(10,7,5,.03) 34%,rgba(10,7,5,.68) 66%,rgba(8,5,4,.95) 100%),url('/assets/hero-lunasos.webp')!important;background-position:39% 21%!important;background-size:auto 88%!important}.heroAura{background:linear-gradient(to bottom,transparent 0%,#09060544 48%,#090605ad 90%)}.heroContent{justify-content:flex-end;align-items:center;text-align:center!important;padding:235px 22px 48px!important}.heroContent .eyebrow{font-size:10px}.hero h1{font-size:31px;max-width:320px!important;margin:8px 0!important}.hero p{font-size:12px;line-height:1.8;max-width:315px!important}.hero .goldBtn{margin-top:10px;padding:10px 26px!important}.heroRule{display:none}.products:not(.sets){gap:10px}.products:not(.sets) .product .photo{aspect-ratio:.72!important}.products:not(.sets) .productInfo{padding:11px 10px 13px;gap:2px 5px}.products:not(.sets) .productInfo h3{font-size:19px}.products:not(.sets) .productInfo .category{font-size:10px}.products:not(.sets) .productInfo .price{font-size:12px}.products:not(.sets) .productInfo .addBtn{min-height:37px;font-size:10px;margin-top:7px}.banner{min-height:510px;align-items:flex-end;padding:270px 24px 37px!important;background:linear-gradient(#20140d,#090605)!important}.gift-visual{inset:0 0 165px 0;mask-image:linear-gradient(to bottom,black 55%,transparent 100%)}.gift-image{width:44%;height:78%;transform:none!important}.bannerCopy{text-align:center;margin-inline:auto}.bannerCopy h2{font-size:27px}.bannerCopy p{font-size:12px}.sets .product .photo{min-height:170px}.about-art{display:grid;min-height:260px;height:260px}.about-art .cinema-emblem img{max-height:185px}.cinema-caption{font-size:8px;bottom:20px}.about-copy{text-align:center;padding:35px 0}}
@media(prefers-reduced-motion:reduce){.about-art::before{animation:none!important}}