/* LUNASOS Cinematic Luxury v2.1.0. Official brand palette and genuine product photos. */
:root{--cin-black:#0a0805;--cin-brown:#1c120d;--cin-gold:#aa8e61;--cin-light:#efd5a5;--cin-line:rgba(204,164,94,.46)}
html{scroll-behavior:smooth}body{background:#100c0a;color:#f5eee3}header{background:linear-gradient(180deg,#080605,#100d09)!important}a,button{transition:transform .24s,border-color .24s,background-color .24s,box-shadow .24s}
/* Top controls */
.utility{background:#070606;border-bottom:1px solid #a47e4233}.utility .social{border-color:#a88755;color:#e4c48b;box-shadow:inset 0 0 7px #b38e4417}
header .headActions{gap:11px}header .headActions .header-contact,header .headActions .header-whatsapp,header .headActions .cartButton{background:linear-gradient(145deg,#231b14,#0f0d0a);width:44px;height:44px;min-width:44px;border-radius:50%;border:1px solid #b595605c;box-shadow:0 2px 13px #0007,inset 0 1px 0 #e7c7971b;color:#e9ce91}header .headActions svg{width:21px;height:21px}header .headActions .header-contact:hover,header .headActions .header-whatsapp:hover,header .headActions .cartButton:hover{border-color:#deb977;box-shadow:0 0 18px #d7a45936;transform:translateY(-2px)}
/* Photo-led cinematic hero: keep all UI text outside imagery. */
.hero{height:clamp(590px,48vw,730px)!important;min-height:590px!important;background:#0d0805;isolation:isolate;overflow:hidden}
.heroImg{background-image:linear-gradient(90deg,transparent 0%,transparent 43%,rgba(13,9,6,.42) 58%,rgba(11,7,5,.90) 79%,#0a0705 100%),url('/assets/hero-lunasos.webp')!important;background-size:cover!important;background-position:43% 55%!important;transform:none!important}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 38% 12%,rgba(245,187,102,.11),transparent 43%),linear-gradient(0deg,#0705047a,transparent 24%,transparent 73%,#06040342)}
.heroAura{z-index:2!important;opacity:.8;background:linear-gradient(110deg,transparent 0 52%,#d9aa4b1a 62%,transparent 73%),radial-gradient(circle at 76% 60%,#8d65241f,transparent 37%)!important}
.heroContent{z-index:3;max-width:1390px!important;padding-inline:clamp(25px,6vw,95px)!important;min-height:100%;justify-content:center;align-items:flex-start}.heroContent>*,.heroBottom{z-index:3}.hero h1{font:800 clamp(39px,4.4vw,70px)/1.3 'Cairo',sans-serif!important;color:#fff9ee;max-width:410px!important;text-shadow:0 5px 24px #000c}.hero p{max-width:340px!important;font-size:15px!important;line-height:2!important;color:#f3e4d2}.hero .eyebrow{color:#e2b970;letter-spacing:.35em}.hero .goldBtn{background:linear-gradient(135deg,#efd69d,#aa8243);border-radius:30px;padding:13px 36px!important;box-shadow:0 9px 34px #04030270}.heroRule{display:none}.heroBottom{color:#ebc994ab}
.service-strip{background:linear-gradient(90deg,#211811,#080707,#20160e)}.service-inner{min-height:74px}.service-inner>div{border-color:var(--cin-line);color:#f4eadd}.service-symbol{color:#d6ad61}
/* Dark signature block, exact layout language from approved concept */
.intro{background:radial-gradient(ellipse at 50% -80%,#6e4d28 0%,#201710 50%,#100b08 100%)!important;color:#f4ead8;padding:48px 20px 24px;border-bottom:1px solid #ac86523b}.intro h2{color:#fff5e2;font-size:clamp(31px,3vw,43px)}.intro p{color:#d7c5aa}.intro .eyebrow{color:#d6ab64}
.catalog:not(.collections-section){background:radial-gradient(ellipse at center top,#352519 0%,#120c09 67%,#090807 100%);max-width:none;padding:20px max(24px,calc((100vw - 1320px)/2)) 78px!important;color:#eee4d5}
.catalog:not(.collections-section) .sectionTitle h2{color:#fff3df}.catalog:not(.collections-section) .sectionTitle .eyebrow{color:#d6a85c}.catalog:not(.collections-section) .filters button{color:#ecdac0;border-radius:4px}.catalog:not(.collections-section) .filters button.active,.catalog:not(.collections-section) .filters button:hover{color:#211508;border:1px solid #ebc68b;background:linear-gradient(135deg,#f0cb7a,#86602e);box-shadow:0 0 18px #d3a44a3d}
/* Six landscape showcase cards, original vertical photo preserved, no CSS crop */
.products:not(.sets){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px!important}
.products:not(.sets) .product{height:244px;min-height:244px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #bd955bba;border-radius:13px;box-shadow:inset 0 1px 0 #f6d7a528,0 12px 34px #0007;background:radial-gradient(ellipse at 24% 40%,#6a4b26,#17110e 56%,#090807 100%);transform:none}
.products:not(.sets) .product:hover{transform:translateY(-4px);border-color:#e7c58b;box-shadow:0 10px 38px #cf973c2a}
.products:not(.sets) .photo{position:absolute;inset:0 44% 0 0;height:100%;max-height:none!important;aspect-ratio:auto!important;overflow:hidden;background:transparent!important;cursor:pointer}
.products:not(.sets) .photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,#15100d 100%);pointer-events:none}
.products:not(.sets) .photo img{width:100%;height:100%;object-fit:contain!important;object-position:center center!important;filter:saturate(1.05) contrast(1.04);transform:scale(1.05);transition:transform .4s}
.products:not(.sets) .product:hover .photo img{transform:scale(1.095)}
.products:not(.sets) .quick{display:none!important}
.products:not(.sets) .productInfo{position:absolute;inset:0 0 0 53%;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:20px 17px 17px 8px!important;background:transparent;text-align:start}
.products:not(.sets) .productInfo h3{font:700 clamp(21px,2vw,27px)/1.1 'Cormorant Garamond',Georgia,serif;color:#fff6e7!important;letter-spacing:.4px;margin:0 0 7px!important;grid-column:auto!important}
.products:not(.sets) .productInfo .category{color:#e4d4b9!important;font:600 12px/1.7 'Cairo',sans-serif;grid-column:auto!important}
.products:not(.sets) .productInfo .price{color:#fff4e8!important;font:700 21px 'DM Sans','Cairo',sans-serif;margin:5px 0 9px!important;grid-column:auto!important;grid-row:auto!important;direction:ltr;unicode-bidi:isolate}
.products:not(.sets) .productInfo .addBtn{width:100%;max-width:165px;min-height:39px!important;margin-top:0!important;padding:7px 8px!important;background:linear-gradient(180deg,#cbab69,#77511e);border:1px solid #e0bf79;border-radius:7px;box-shadow:0 3px 12px #0008;font-size:11px;color:#fff8e8}
.products:not(.sets) .wishlist{position:absolute;top:13px;left:13px;width:33px;height:33px;z-index:4;background:#120f0bad;border-radius:50%;display:grid;place-items:center;color:#fff;border:1px solid #edc78055;cursor:pointer;font-size:22px;line-height:1}
.products:not(.sets) .wishlist[aria-pressed=true]{color:#ecc47d;background:#4b2619}
/* True LUNASOS collections visuals, no AI substitute branding */
.banner{display:flex!important;align-items:center;justify-content:flex-start;min-height:440px!important;isolation:isolate;background:radial-gradient(circle at 24% 47%,#754d2a 0%,#21120c 45%,#090706 100%)!important;overflow:hidden;padding:55px max(5%,calc((100vw - 1290px)/2))!important;border-block:1px solid #bb95596e}
.banner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 32% 47%,#e5aa3d2e,transparent 45%),repeating-linear-gradient(120deg,transparent 0 58px,#e1b36f09 60px,transparent 62px);z-index:0}
.banner::after{content:'';position:absolute;bottom:-100px;inset-inline:0;height:210px;transform:rotate(-8deg);background:linear-gradient(178deg,transparent 26%,#dfb26030 31%,#d19d4f0c 36%,transparent 56%);pointer-events:none}
.banner .gift-visual{inset:0 37% 0 0;display:flex!important;align-items:center;justify-content:center;gap:0;mask-image:linear-gradient(90deg,#000 0% 65%,transparent 100%);z-index:1}
.banner .gift-image{height:83%;width:48%;background-size:contain!important;background-position:center;background-repeat:no-repeat;box-shadow:none;border:0;filter:drop-shadow(0 18px 18px #000b) brightness(.96);border-radius:0;transform:none}
.banner .gift-leeno{background-image:url('/assets/leeno.webp');transform:translate(8%,5%) scale(1.08)}.banner .gift-revando{background-image:url('/assets/revando.webp');transform:translate(-15%,12%) scale(.82)}
.bannerCopy{position:relative;z-index:3;max-width:485px!important;text-shadow:0 3px 25px #000a}.bannerCopy h2{font:800 clamp(29px,3.5vw,48px)/1.5 'Cairo',sans-serif!important;color:#fff7e8}.bannerCopy p{color:#e9d9c0}.banner .outlineBtn{display:inline-flex;align-items:center;justify-content:center;background:#100b08ba;border:1px solid #e0b66f;color:#f7d69b;border-radius:5px;min-height:45px}
/* Collection product images remain the real goods */
.collections-section{max-width:none;background:#eee7da;color:#1c150f;padding:55px max(24px,calc((100vw - 1320px)/2)) 70px!important}.collections-section h2{color:#281c10}.sets .product .photo img{object-fit:contain!important}.sets .product{background:#fbf5ec;border-color:#d5bd91}.sets .productInfo h3{color:#1e1510}
/* Cinematic brand wall */
.about{background:radial-gradient(ellipse at 28% 42%,#3b2a1c,#100c0b 44%,#070606 100%)!important;color:#f5ecd9;position:relative;overflow:hidden;border-top:1px solid #b48b4b55}
.about::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(170deg,transparent 0 85px,#d6a76c09 87px,transparent 89px),radial-gradient(circle at 34% 25%,#e9ad4f24,transparent 35%);pointer-events:none}
.about-inner{grid-template-columns:47% 1fr;gap:65px;min-height:465px!important;position:relative}
.about-art{min-height:465px!important;background:radial-gradient(ellipse at 54% 53%,#3c2c1c,#15100d 51%,#080606 81%)!important;position:relative;isolation:isolate;overflow:hidden}
.about-art:before{content:'';position:absolute;inset:-80%;background:conic-gradient(from 170deg,transparent 0 140deg,#dcaa5c37 156deg,transparent 180deg 315deg,#bb914733 331deg,transparent 350deg);animation:cin-light 22s linear infinite;z-index:0}
.about-art:after{content:'';position:absolute;inset:10%;border:1px solid #d7ad6f30;box-shadow:0 0 35px #daa45d20,inset 0 0 55px #bb8e4311;transform:perspective(800px) rotateY(6deg)}
.about-art .cinema-emblem{z-index:2;position:relative;width:89%;max-width:470px;filter:drop-shadow(0 18px 25px #0009)}
.about-art .cinema-emblem img{max-height:350px!important;max-width:100%!important;object-fit:contain;filter:drop-shadow(0 0 22px #e8ac5e44)}
.about .cinema-caption{position:absolute;bottom:28px;letter-spacing:.36em;color:#dcb77e;font-size:10px}
.about-copy{padding:65px 0}.about h2{color:#fff6e7;font:800 clamp(28px,3.1vw,44px)/1.55 'Cairo',sans-serif!important}.about p{color:#d7c5ae;font-size:15px;line-height:2}.about .features{color:#ead9b8}.about .features>div{color:#f2ddbb;border-color:#a27d4580}.about .feature-icon{color:#e2b567}
@keyframes cin-light{to{transform:rotate(360deg)}}
/* Premium footer */
footer{background:linear-gradient(150deg,#19130f,#080706 60%,#11100e)!important;border-top:1px solid #bd955b5c;padding-top:55px}footer .footer-grid{gap:30px}footer .footer-brand img{width:170px;filter:drop-shadow(0 5px 13px #cea46224)}footer .footer-grid h3{font-size:16px;color:#e6bb73}footer .footer-grid a{font-size:13px}footer .footer-grid .social{width:37px;height:37px;font-size:17px;border-color:#d0ac65}footer .footer-bottom{border-color:#b8965b70;color:#b6a48c}
/* RTL/LTR mirrored layout while keeping reading order correct */
html[dir=ltr] .heroImg{background-image:linear-gradient(270deg,transparent 0%,transparent 43%,rgba(13,9,6,.42) 58%,rgba(11,7,5,.90) 79%,#0a0705 100%),url('/assets/hero-lunasos.webp')!important}
html[dir=ltr] .products:not(.sets) .photo{inset:0 44% 0 0}html[dir=ltr] .products:not(.sets) .productInfo{inset:0 0 0 53%}
html[dir=ltr] .banner .gift-visual{inset:0 0 0 37%;mask-image:linear-gradient(270deg,#000 0% 65%,transparent 100%)}
@media(max-width:1100px){.products:not(.sets){gap:14px!important}.products:not(.sets) .product{height:210px;min-height:210px}.products:not(.sets) .productInfo h3{font-size:21px}.products:not(.sets) .productInfo .price{font-size:18px}.banner .gift-visual{inset:0 37% 0 0}.about-inner{gap:25px}}
@media(max-width:800px){.hero{height:560px!important;min-height:560px!important}.heroImg{background-position:43% center!important}.heroContent{padding:35px 29px!important}.hero h1{font-size:40px!important}.products:not(.sets){grid-template-columns:repeat(2,minmax(0,1fr))}.products:not(.sets) .product{height:206px;min-height:206px}.banner{min-height:380px!important}.about-inner{grid-template-columns:1fr}.about-art{min-height:285px!important;height:285px}.about-art .cinema-emblem img{max-height:210px!important}.about-copy{padding:40px 0}.footer-grid{gap:20px}}
@media(max-width:560px){header .headActions .header-contact{display:none}header .headActions .header-whatsapp{display:flex}header .headActions .cartButton,header .headActions .header-whatsapp{width:39px;height:39px;min-width:39px}header .head{grid-template-columns:40px 1fr 102px!important}.hero{height:570px!important;min-height:570px!important}.heroImg{background-image:linear-gradient(180deg,#0906052e 0%,#09060514 32%,#090605e8 76%,#090605 100%),url('/assets/hero-lunasos.webp')!important;background-position:40% 19%!important;background-size:auto 80%!important}.heroContent{align-items:center;justify-content:flex-end;text-align:center!important;padding:250px 20px 50px!important}.hero h1{font-size:32px!important;max-width:320px!important;margin:9px 0!important}.hero p{font-size:12px!important;max-width:300px!important}.hero .goldBtn{margin-top:8px}.catalog:not(.collections-section){padding:22px 13px 43px!important}.products:not(.sets){grid-template-columns:1fr;gap:13px!important}.products:not(.sets) .product{height:218px;min-height:218px}.products:not(.sets) .productInfo h3{font-size:26px}.products:not(.sets) .productInfo .price{font-size:20px}.banner{min-height:520px!important;align-items:flex-end;padding:260px 22px 35px!important}.banner .gift-visual{inset:0 0 175px 0;mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 100%)}.banner .gift-image{height:90%;width:50%}.bannerCopy{text-align:center;max-width:340px!important;margin-inline:auto}.bannerCopy h2{font-size:29px!important}.bannerCopy p{font-size:12px}.about-art{height:270px;min-height:270px!important}.about-copy{padding:35px 0 42px}.about h2{font-size:27px!important}footer{padding-top:38px}}
@media(prefers-reduced-motion:reduce){.about-art:before{animation:none!important}}