@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@500;600;700;800&family=Inter:wght@400;600;700;800&display=swap');
:root{--burgundy:#6b1022;--berry:#a90e42;--ivory:#fbf7f2;--cream:#fffaf4;--paper:#fffdf9;--line:#eadfd4;--espresso:#2b1712;--muted:#806a60;--gold:#c99a62;--sand:#efe3d5;--blush:#f3ddd4;--shadow:0 26px 70px rgba(43,23,18,.09);--soft:0 14px 38px rgba(43,23,18,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--espresso);font-family:'IBM Plex Sans Arabic',Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0,rgba(201,154,98,.08),transparent 28%),radial-gradient(circle at 88% 14%,rgba(107,16,34,.06),transparent 30%);z-index:-1}.display{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',Inter,sans-serif;font-weight:700}.container-naqae{width:min(1260px,calc(100% - 42px));margin-inline:auto}.announcement{background:var(--burgundy);color:#fff7ee;font-size:.78rem;font-weight:700;padding:8px 0;letter-spacing:.01em}.announcement-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.announcement span{position:relative}.announcement span+span:before{content:"";position:absolute;top:50%;inset-inline-start:-13px;width:3px;height:3px;background:rgba(255,255,255,.75);border-radius:50%}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,247,242,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(107,16,34,.11)}.header-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:18px 0 14px}.header-actions{display:flex;align-items:center;gap:9px}.header-actions.right{justify-content:flex-end}.brand-lockup{text-align:center;text-decoration:none;color:var(--espresso);display:grid;justify-items:center;line-height:1}.brand-line{display:flex;align-items:center;gap:13px}.brand-word{font-family:Inter,sans-serif;font-size:1rem;font-weight:800;letter-spacing:.48em;margin-inline-end:-.48em}.brand-ar{font-size:1.95rem;font-weight:800;letter-spacing:-.06em}.brand-mark{width:23px;height:23px;border:1px solid rgba(201,154,98,.7);display:grid;place-items:center;color:var(--gold);font-size:.88rem;transform:rotate(45deg);line-height:1}.brand-mark::first-letter{transform:rotate(-45deg)}.brand-lockup small{font-size:.72rem;color:var(--muted);font-weight:700;margin-top:7px}.icon-btn,.cart-btn,.search-pill{border:1px solid rgba(234,223,212,.95);background:rgba(255,250,244,.86);color:var(--espresso);height:39px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;font-weight:700;text-decoration:none;transition:.2s}.search-pill{width:275px;justify-content:flex-start;color:var(--muted);background:var(--paper);font-weight:500}.icon-btn:hover,.search-pill:hover{border-color:rgba(107,16,34,.28);background:white}.cart-btn{background:var(--espresso);color:white;border-color:var(--espresso);cursor:pointer}.cart-btn span{background:rgba(255,255,255,.15);min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:.78rem}.wishlist{font-size:1.05rem}.nav-row{padding:0 0 15px}.nav-row nav{display:flex;justify-content:center;gap:31px;overflow:auto;white-space:nowrap;font-size:.88rem;font-weight:700}.nav-row a{text-decoration:none;color:rgba(43,23,18,.88);padding:5px 0;border-bottom:1px solid transparent}.nav-row a:hover{color:var(--burgundy);border-color:var(--gold)}
.hero-luxury{position:relative;overflow:hidden;border-bottom:1px solid rgba(107,16,34,.08);background:linear-gradient(180deg,#fbf7f2 0,#f7efe6 100%)}.hero-luxury:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 4%,rgba(201,154,98,.22),transparent 31%),radial-gradient(circle at 8% 25%,rgba(107,16,34,.08),transparent 31%),linear-gradient(120deg,rgba(255,250,244,.9),rgba(239,227,213,.55));z-index:0}.hero-luxury:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(107,16,34,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(107,16,34,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 78%);z-index:0}.hero-grid{position:relative;z-index:1;min-height:690px;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;padding:62px 0 72px}.tiny-label{font-size:.70rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--berry)}.hero-title{font-size:clamp(3.1rem,5.8vw,6.65rem);line-height:1.04;letter-spacing:-.075em;max-width:680px}.section-title{font-size:clamp(2rem,3.7vw,4.35rem);line-height:1.12;letter-spacing:-.055em}.hero-text{font-size:1.04rem;line-height:2.05;color:rgba(43,23,18,.70);max-width:650px;margin-top:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-proof span{border:1px solid rgba(107,16,34,.13);background:rgba(255,250,244,.72);padding:9px 13px;font-size:.82rem;font-weight:700;color:rgba(43,23,18,.72)}.btn{border:1px solid var(--espresso);min-height:49px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none;letter-spacing:.04em;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,var(--burgundy),var(--berry));border-color:var(--burgundy);color:white;box-shadow:0 16px 34px rgba(107,16,34,.19)}.btn-light{background:rgba(255,250,244,.92);border-color:rgba(107,16,34,.18);color:var(--burgundy)}.hero-slider-ui{display:flex;align-items:center;gap:14px;margin-top:27px}.hero-slider-ui button{width:38px;height:38px;border:1px solid rgba(234,223,212,.96);background:#fffaf4;font-size:1.4rem;line-height:1;color:var(--espresso)}.hero-slider-ui div{display:flex;gap:7px}.hero-slider-ui span{display:block;width:6px;height:6px;border-radius:50%;background:#dac8ba}.hero-slider-ui span.active{width:25px;border-radius:20px;background:var(--burgundy)}
.hero-visual{position:relative;min-height:585px}.editorial-card{position:absolute;inset:0 6% 0 3%;background:linear-gradient(155deg,#fffaf4,#ecd9c8 57%,#f7eee5);border:1px solid rgba(234,223,212,.95);box-shadow:var(--shadow);overflow:hidden}.editorial-card:before{content:"";position:absolute;inset:24px;border:1px solid rgba(107,16,34,.12);z-index:2}.editorial-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.55),transparent 30%),linear-gradient(115deg,transparent 0 55%,rgba(107,16,34,.10) 55% 56%,transparent 56%),linear-gradient(26deg,transparent 0 48%,rgba(201,154,98,.17) 48% 49%,transparent 49%);z-index:1}.portrait-frame{position:absolute;inset:38px 56px 70px 56px;z-index:3;overflow:hidden;background:linear-gradient(180deg,#ead2c1,#d9ad94);box-shadow:inset 0 0 0 1px rgba(107,16,34,.09)}.portrait-frame:before{content:"";position:absolute;inset:auto -10% -10% -10%;height:45%;background:linear-gradient(180deg,rgba(107,16,34,.0),rgba(107,16,34,.72));clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}.portrait-face{position:absolute;left:50%;top:14%;transform:translateX(-50%);width:245px;height:355px;border-radius:46% 46% 42% 42%;background:radial-gradient(circle at 42% 32%,#3b1b18 0 2.2%,transparent 2.5%),radial-gradient(circle at 58% 32%,#3b1b18 0 2.2%,transparent 2.5%),radial-gradient(ellipse at 50% 40%,#d3a084 0 42%,transparent 42.4%);filter:drop-shadow(0 32px 50px rgba(43,23,18,.20))}.portrait-face:before{content:"";position:absolute;left:-50px;right:-50px;top:-42px;height:155px;background:radial-gradient(ellipse at 50% 100%,#4b1d1b 0 63%,transparent 64%);border-radius:50% 50% 20% 20%}.portrait-face:after{content:"";position:absolute;left:50%;top:48%;transform:translateX(-50%);width:46px;height:10px;border-bottom:2px solid rgba(107,16,34,.45);border-radius:50%}.portrait-glow{position:absolute;right:8%;top:12%;width:86px;height:86px;border-radius:50%;background:rgba(255,250,244,.26);border:1px solid rgba(255,255,255,.45)}.editorial-note{position:absolute;z-index:5;left:38px;right:38px;bottom:32px;background:rgba(255,250,244,.82);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.68);display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 17px}.editorial-note span{font-family:Inter,sans-serif;font-weight:800;letter-spacing:.12em;color:var(--burgundy);font-size:.72rem}.editorial-note b{font-size:.86rem;color:rgba(43,23,18,.75)}.product-arrangement{position:absolute;right:0;bottom:22px;z-index:8;display:grid;gap:12px}.hero-product{width:172px;background:rgba(255,255,255,.94);border:1px solid rgba(234,223,212,.95);padding:11px;text-decoration:none;color:var(--espresso);box-shadow:0 18px 42px rgba(43,23,18,.10);position:relative}.hero-product img{width:100%;height:118px;object-fit:contain;background:linear-gradient(145deg,#fff7ef,#f2dfd0)}.hero-product span{display:block;font-size:.82rem;margin-top:8px;font-weight:800}.hero-product-2{transform:translateX(-34px)}.hero-product-3{transform:translateX(-12px)}
.trust-section{padding:34px 0 18px}.trust-strip{display:grid;border:1px solid rgba(234,223,212,.95);background:rgba(255,253,249,.9);box-shadow:var(--soft)}.trust-strip.five{grid-template-columns:repeat(5,1fr)}.trust-strip div{text-align:center;padding:19px 10px;font-weight:800;border-inline-start:1px solid rgba(234,223,212,.95);display:grid;gap:7px}.trust-strip div:first-child{border-inline-start:0}.trust-strip i{font-style:normal;color:var(--gold);font-size:1.2rem}.category-section,.bestseller-section,.promo-section{padding:58px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-head p{max-width:455px;line-height:1.9;color:var(--muted);font-size:.95rem}.section-link{font-weight:800;color:var(--burgundy);text-decoration:none;border-bottom:1px solid var(--burgundy)}.category-row{display:grid;grid-template-columns:repeat(8,minmax(132px,1fr));gap:12px;overflow:auto}.category-card{min-height:145px;background:rgba(255,250,244,.72);border:1px solid rgba(234,223,212,.95);padding:18px;text-decoration:none;color:var(--espresso);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--soft);transition:.22s}.category-card:hover{transform:translateY(-3px);border-color:rgba(107,16,34,.28);background:white}.category-card span{color:var(--gold);font-size:1.45rem}.category-card b{font-size:1rem;font-weight:800}.category-card small{color:var(--muted);font-weight:700;font-size:.78rem}.bestseller-layout{display:grid;grid-template-columns:315px 1fr;gap:18px;align-items:stretch}.quiz-card{background:linear-gradient(160deg,#6b1022,#3a1712);color:white;border:1px solid rgba(107,16,34,.4);padding:30px;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 60px rgba(107,16,34,.16)}.quiz-card .tiny-label{color:#f0d0b0}.quiz-card h3{font-size:2.8rem;line-height:1.12;margin:16px 0;letter-spacing:-.055em}.quiz-card p{color:rgba(255,255,255,.75);line-height:1.95;font-size:.96rem}.product-carousel{min-width:0}.product-carousel .container-naqae{width:100%;margin:0}.product-carousel .product-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:15px}.product-card{background:rgba(255,253,249,.94);border:1px solid rgba(234,223,212,.98);padding:12px;box-shadow:0 18px 54px rgba(43,23,18,.055);position:relative;transition:.25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 28px 82px rgba(107,16,34,.11)}.product-card a{text-decoration:none;color:inherit}.product-media{position:relative;background:linear-gradient(145deg,#fff8f0,#f3dfcf);border:1px solid rgba(234,223,212,.95);min-height:270px;display:grid;place-items:center;overflow:hidden}.product-media:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.42);top:32px}.product-media:after{content:"";position:absolute;left:26%;right:26%;bottom:26px;height:10px;background:rgba(107,16,34,.15);filter:blur(9px);border-radius:50%}.product-media img{width:86%;height:228px;object-fit:contain;position:relative;z-index:2}.ribbon{position:absolute;top:13px;inset-inline-start:13px;background:var(--burgundy);color:white;font-size:.68rem;font-weight:800;padding:7px 10px;z-index:4}.wish{position:absolute;top:12px;inset-inline-end:12px;width:34px;height:34px;border:1px solid rgba(234,223,212,.95);background:white;display:grid;place-items:center;font-size:1rem;z-index:4}.product-info{padding:16px 3px 4px}.badge{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--berry);font-weight:800}.price{font-family:Inter,sans-serif;color:var(--burgundy);font-size:1rem}.product-info h3{font-size:1.55rem;line-height:1.25;margin-bottom:8px;letter-spacing:-.035em}.product-badge{color:#8f5c52;font-weight:800;font-size:.86rem}.product-short{color:rgba(43,23,18,.64);line-height:1.65;min-height:66px;font-size:.91rem}.rating-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:var(--gold);font-weight:800;font-size:.82rem}.bundle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;text-align:center;margin-top:10px}.bundle-row span,.offer-chip{border:1px solid rgba(107,16,34,.14);background:#fffaf4;padding:8px;font-size:.75rem;font-weight:700;color:var(--burgundy)}.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.promo-card,.premium-card{background:rgba(255,250,244,.88);border:1px solid rgba(234,223,212,.95);box-shadow:var(--soft)}.promo-card{padding:24px;min-height:205px}.promo-card span{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgba(107,16,34,.16);color:var(--burgundy);font-family:Inter,sans-serif;font-weight:800;margin-bottom:22px}.promo-card h3{font-size:1.18rem;font-weight:800;margin-bottom:10px}.promo-card p,.premium-card p{color:rgba(43,23,18,.66);line-height:1.8}.brand-strip{padding:46px 0;background:linear-gradient(180deg,#301814,#24110e);color:white}.brand-logo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-logo-row span{min-height:62px;display:grid;place-items:center;font-family:Inter,sans-serif;font-weight:800;letter-spacing:.09em;color:rgba(255,255,255,.68);font-size:.78rem;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025)}.collections-grid-wrap .container-naqae{padding-top:0}.collections-grid-wrap .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-hero{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:center}.product-showcase{background:linear-gradient(145deg,#fffaf4,#ead7c2);border:1px solid var(--line);padding:26px;box-shadow:var(--shadow)}.product-showcase img{width:100%;height:420px;object-fit:contain;background:rgba(255,255,255,.5)}.bundle-card{margin-top:14px;background:white;border:1px solid var(--line);padding:16px;display:flex;justify-content:space-between;gap:15px;font-weight:800}.faq{border:1px solid var(--line);background:white;padding:16px}.faq summary{cursor:pointer;font-weight:800}.faq p{margin-top:10px;color:var(--muted);line-height:1.7}.footer{border-top:1px solid var(--line);background:#fffaf4;margin-top:60px}.footer-grid{padding:34px 0;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:18px}.brand-footer{font-family:Inter,sans-serif;font-weight:800;letter-spacing:.16em}.footer a{color:var(--espresso);text-decoration:none;font-weight:800}.drawer,.modal{position:fixed;inset:0;z-index:100;pointer-events:none}.drawer.open,.modal.open{pointer-events:auto}.overlay{position:absolute;inset:0;background:rgba(43,23,18,.38);opacity:0;transition:.25s}.drawer.open .overlay,.modal.open{opacity:1}.drawer-panel{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(460px,94vw);background:var(--ivory);transform:translateX(105%);transition:.28s;overflow:auto;box-shadow:-25px 0 80px rgba(0,0,0,.18)}html[dir="rtl"] .drawer-panel{transform:translateX(-105%)}.drawer.open .drawer-panel{transform:translateX(0)}.modal{display:grid;place-items:center;background:rgba(43,23,18,.42);opacity:0;transition:.22s}.modal-card{width:min(520px,92vw);background:var(--ivory);border:1px solid var(--line);padding:26px;box-shadow:var(--shadow);max-height:90vh;overflow:auto}.input{width:100%;border:1px solid var(--line);background:white;padding:14px 15px;outline:0}.countdown-ring{width:54px;height:54px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;margin:auto;font-weight:800}.mini-progress{height:6px;background:#eadfd4;overflow:hidden}.mini-progress span{display:block;height:100%;background:var(--berry)}.sticky-cta{position:sticky;bottom:0;padding:12px;background:rgba(251,247,242,.86);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:30;display:none}.legal p{line-height:1.9;color:var(--muted);margin-bottom:18px}
@media(max-width:980px){.announcement-inner{justify-content:center;flex-wrap:wrap}.announcement span+span:before{display:none}.header-main{grid-template-columns:1fr;justify-items:center}.header-actions.left,.header-actions.right{justify-content:center;flex-wrap:wrap}.search-pill{width:min(100%,340px)}.nav-row nav{justify-content:flex-start}.hero-grid,.product-hero,.bestseller-layout{grid-template-columns:1fr}.hero-grid{min-height:0;gap:34px}.hero-copy{order:1}.hero-visual{order:2;min-height:540px}.trust-strip.five{grid-template-columns:repeat(2,1fr)}.trust-strip.five div:last-child{grid-column:1/-1}.section-head{display:block}.category-row{grid-template-columns:repeat(8,150px)}.product-carousel .product-grid,.collections-grid-wrap .product-grid{grid-template-columns:repeat(3,260px);overflow:auto;padding-bottom:10px}.promo-grid{grid-template-columns:repeat(2,1fr)}.brand-logo-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container-naqae{width:min(100% - 22px,1240px)}.brand-line{gap:8px}.brand-word{font-size:.86rem}.brand-ar{font-size:1.65rem}.hero-grid{padding:40px 0 48px}.hero-title{font-size:2.9rem;line-height:1.15}.section-title{font-size:2.25rem}.hero-text{font-size:.96rem;line-height:1.85}.hero-actions .btn{width:100%}.hero-proof span{width:100%;text-align:center}.hero-visual{min-height:470px}.editorial-card{inset:0 0 40px}.portrait-frame{inset:30px 28px 84px}.portrait-face{width:200px;height:310px}.product-arrangement{right:8px;bottom:0}.hero-product{width:126px}.hero-product img{height:84px}.hero-product-2{transform:translateX(-18px)}.trust-strip.five{grid-template-columns:1fr}.trust-strip div{border-inline-start:0;border-top:1px solid var(--line)}.trust-strip div:first-child{border-top:0}.category-section,.bestseller-section,.promo-section{padding:38px 0}.quiz-card h3{font-size:2.2rem}.product-carousel .product-grid,.collections-grid-wrap .product-grid{grid-template-columns:1fr;overflow:visible}.promo-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.product-showcase img{height:300px}.bundle-card{display:block}.sticky-cta{display:block}.btn{width:100%;padding:0 16px}.drawer-panel{width:100vw}.modal-card{padding:20px}.product-media{min-height:232px}.product-media img{height:192px}}

/* Phase 6: real assets + conversion polish */
.brand-logo-img{padding:0;border:0;min-width:250px}.brand-logo-img img{width:min(330px,42vw);height:auto;display:block}.editorial-image-card{padding:0;overflow:hidden;background:#fffaf4}.editorial-image-card>img{width:100%;height:100%;object-fit:cover;display:block}.editorial-image-card .editorial-note{position:absolute;left:28px;right:28px;bottom:24px;background:rgba(255,250,244,.88);backdrop-filter:blur(9px);border:1px solid rgba(234,223,212,.8);padding:14px 16px}.category-card-img{min-height:185px;padding:0;overflow:hidden;position:relative}.category-card-img img{width:100%;height:112px;object-fit:cover;display:block;border-bottom:1px solid rgba(234,223,212,.95)}.category-card-img span{position:absolute;top:12px;inset-inline-start:12px;width:34px;height:34px;display:grid;place-items:center;background:rgba(255,250,244,.88);border:1px solid rgba(234,223,212,.85);font-size:1rem}.category-card-img b,.category-card-img small{padding-inline:16px}.category-card-img b{padding-top:14px}.category-card-img small{padding-bottom:14px}.product-hero-upgraded{align-items:start}.product-copy-panel{background:rgba(255,250,244,.86);border:1px solid var(--line);padding:36px;box-shadow:var(--soft)}.product-trust-mini{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.product-trust-mini span{background:white;border:1px solid rgba(234,223,212,.95);padding:9px 12px;color:rgba(43,23,18,.72);font-weight:800;font-size:.82rem}.bundle-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.bundle-option{appearance:none;text-align:start;background:white;border:1px solid rgba(234,223,212,.95);padding:15px;transition:.2s;color:var(--espresso);cursor:pointer}.bundle-option:hover,.bundle-option.active{border-color:rgba(107,16,34,.38);box-shadow:0 15px 40px rgba(107,16,34,.08)}.bundle-option b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--burgundy);color:white;margin-bottom:10px}.bundle-option span{display:block;font-weight:800;font-size:.82rem;color:var(--muted)}.bundle-option strong{display:block;margin-top:8px;color:var(--burgundy);font-size:1.25rem}.product-gallery-panel{position:sticky;top:120px}.gallery-main{background:linear-gradient(145deg,#fffaf4,#ead7c2);border:1px solid var(--line);box-shadow:var(--shadow);padding:30px;min-height:510px;display:grid;place-items:center}.gallery-main img{width:92%;height:440px;object-fit:contain}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.gallery-thumbs span{background:white;border:1px solid var(--line);padding:11px 8px;text-align:center;font-size:.78rem;font-weight:800;color:var(--muted)}.delivery-card{margin-top:10px;background:#fffaf4;border:1px solid var(--line);padding:16px}.delivery-card b{color:var(--burgundy)}.delivery-card p{color:var(--muted);line-height:1.7;font-size:.9rem}.product-conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cart-line{box-shadow:0 10px 26px rgba(43,23,18,.04)}.qty-btn{width:28px;height:28px;border:1px solid rgba(43,23,18,.16);background:#fffaf4;font-weight:900}.cart-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.cart-trust-row span{background:white;border:1px solid var(--line);padding:8px 5px;text-align:center;font-size:.72rem;font-weight:800;color:var(--muted)}.recommend-line{transition:.2s}.recommend-line:hover{transform:translateY(-1px)}.checkout-card{width:min(620px,94vw)}.checkout-payments{display:flex;flex-wrap:wrap;gap:7px;margin:-2px 0 16px}.checkout-payments span,.checkout-payments b{border:1px solid var(--line);background:white;padding:7px 9px;font-size:.72rem;font-weight:900;color:var(--muted)}.checkout-payments b{color:var(--burgundy);background:#fffaf4}.checkout-reassurance{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:6px 0 16px}.checkout-reassurance span{font-size:.75rem;background:white;border:1px solid var(--line);padding:9px;text-align:center;font-weight:800;color:var(--muted)}.thank-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 4px}.thank-steps span{background:white;border:1px solid var(--line);padding:12px 8px;font-weight:800;color:var(--muted);font-size:.84rem}.drawer-panel{border-inline-start:1px solid rgba(234,223,212,.85)}
@media(max-width:980px){.brand-logo-img img{width:min(300px,78vw)}.product-gallery-panel{position:relative;top:0}.product-conversion-grid,.product-detail-columns{grid-template-columns:1fr}.bundle-selector{grid-template-columns:1fr}.gallery-main{min-height:360px}.gallery-main img{height:310px}.thank-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.brand-logo-img{min-width:auto}.brand-logo-img img{width:245px}.category-card-img{min-height:170px}.product-copy-panel{padding:24px 18px}.product-trust-mini span{width:100%;text-align:center}.gallery-thumbs{grid-template-columns:1fr}.checkout-reassurance,.cart-trust-row{grid-template-columns:1fr}.checkout-payments span,.checkout-payments b{flex:1;text-align:center}.thank-steps{grid-template-columns:1fr}.editorial-image-card .editorial-note{left:14px;right:14px;bottom:14px}}


/* Phase 7: launch readiness, SEO, analytics polish */
.post-order-note{margin:18px auto 0;max-width:620px;background:#fffaf4;border:1px solid var(--line);padding:14px 16px;color:rgba(43,23,18,.72);font-weight:800;line-height:1.7}.admin-table td,.admin-table th{white-space:nowrap}.footer-grid{align-items:center}.footer-grid a{font-weight:800;color:rgba(255,250,244,.76)}.footer-grid a:hover{color:#fff}.site-header{backdrop-filter:saturate(1.2) blur(10px)}@media(max-width:640px){.post-order-note{font-size:.9rem}.admin-table{font-size:.82rem}}

/* Phase 8: Lucide icon integration */
[data-lucide]{width:18px;height:18px;stroke-width:1.5;vertical-align:middle;flex:0 0 auto}.icon-btn,.cart-btn,.btn,.search-pill,.cart-trust-row span,.checkout-reassurance span,.product-trust-mini span{display:inline-flex;align-items:center;justify-content:center;gap:8px}.cart-btn strong{min-width:24px;height:24px;border-radius:999px;background:var(--gold);color:#fff;display:inline-grid;place-items:center;font-family:Inter,sans-serif;font-size:.75rem}.search-pill [data-lucide],.icon-btn [data-lucide]{color:var(--burgundy)}.cart-btn [data-lucide],.btn-gold [data-lucide]{color:currentColor}.trust-strip i{display:inline-flex;align-items:center;justify-content:center;margin-inline:auto;color:var(--gold)}.trust-strip [data-lucide]{width:22px;height:22px}.category-card i{width:30px;height:30px;color:var(--gold);stroke-width:1.45}.promo-card span{display:inline-flex!important;align-items:center;justify-content:center}.promo-card span [data-lucide]{width:20px;height:20px;color:var(--burgundy)}.wish [data-lucide]{width:17px;height:17px;color:var(--burgundy)}.rating-row .stars{display:inline-flex;gap:2px;color:var(--gold)}.rating-row .stars [data-lucide]{width:13px;height:13px;fill:currentColor;stroke-width:1.2}.product-detail-columns li{display:flex;align-items:flex-start;gap:10px;line-height:1.8}.product-detail-columns li [data-lucide]{width:17px;height:17px;margin-top:6px;color:var(--gold)}.product-trust-mini [data-lucide],.cart-trust-row [data-lucide],.checkout-reassurance [data-lucide]{width:16px;height:16px;color:var(--gold)}.thank-icon{width:70px;height:70px;margin:0 auto 18px;border:1px solid rgba(201,154,98,.34);background:#fffaf4;display:grid;place-items:center;border-radius:50%}.thank-icon [data-lucide]{width:34px;height:34px;color:var(--burgundy)}.hero-slider-ui button{display:inline-grid;place-items:center}.hero-slider-ui button [data-lucide]{width:18px;height:18px}.badge [data-lucide]{width:15px;height:15px;margin-inline-end:6px}

/* Phase 9: Premium art direction + realistic visual system */
:root{--deep:#24110e;--rosewash:#f7ece6}.brand-logo-img img{width:min(300px,36vw)}.hero-luxury{background:linear-gradient(180deg,#fbf7f2 0,#f6eee7 62%,#fbf7f2 100%)}.hero-grid{min-height:640px;gap:84px;padding:56px 0 66px}.hero-title{font-weight:700;font-size:clamp(3rem,5vw,5.55rem);line-height:1.08;letter-spacing:-.065em}.hero-text{max-width:610px;font-size:1rem;line-height:1.95}.hero-proof span{background:rgba(255,255,255,.58);backdrop-filter:blur(8px)}.hero-visual{min-height:570px}.editorial-image-card{inset:0 2% 0 7%;box-shadow:0 38px 100px rgba(43,23,18,.13)}.editorial-image-card:before{content:"";position:absolute;inset:24px;border:1px solid rgba(107,16,34,.11);z-index:3;pointer-events:none}.editorial-image-card>img{filter:saturate(.98) contrast(1.02)}.editorial-image-card .editorial-note{left:30px;right:30px;bottom:28px;z-index:5;border-color:rgba(201,154,98,.23);background:rgba(255,250,244,.82);box-shadow:0 20px 45px rgba(43,23,18,.08)}
.trust-strip{background:rgba(255,253,249,.74);backdrop-filter:blur(8px)}.trust-strip div{padding:22px 10px}.section-title{font-size:clamp(2.1rem,3.25vw,3.9rem);line-height:1.18}.section-head{align-items:center}.category-section{padding-top:64px}.category-row{grid-template-columns:repeat(8,minmax(150px,1fr));gap:14px}.category-card-img{min-height:220px;background:#fffaf4}.category-card-img img{height:142px;transition:.35s;filter:saturate(.98) contrast(1.02)}.category-card-img:hover img{transform:scale(1.035)}.category-card i{position:absolute;top:16px;inset-inline-start:16px;width:36px;height:36px;background:rgba(255,250,244,.86);border:1px solid rgba(201,154,98,.24);padding:8px;color:var(--burgundy);backdrop-filter:blur(8px)}.category-card-img b{font-size:1.04rem;padding-top:15px}.category-card-img small{letter-spacing:.02em;color:rgba(107,16,34,.72)}
.bestseller-section{padding-top:72px}.bestseller-layout{grid-template-columns:340px 1fr;gap:22px}.quiz-card{position:relative;overflow:hidden;background:#4c1020;box-shadow:0 30px 80px rgba(107,16,34,.18)}.quiz-card:before{content:"";position:absolute;inset:0;background:url('/assets/images/quiz-consultation.svg') center/cover;opacity:.28}.quiz-card>*{position:relative;z-index:1}.quiz-card h3{font-size:2.55rem;letter-spacing:-.045em}.product-card{padding:14px;background:rgba(255,253,249,.95);box-shadow:0 24px 70px rgba(43,23,18,.07)}.product-media{min-height:292px;background:linear-gradient(150deg,#fffaf4,#f4e2d6 55%,#fff8f1);border-color:rgba(201,154,98,.22)}.product-media:before{width:214px;height:214px;background:rgba(255,255,255,.55);top:36px}.product-media img{height:250px;width:92%;filter:drop-shadow(0 22px 22px rgba(43,23,18,.16))}.ribbon{top:15px;inset-inline-start:15px;background:rgba(107,16,34,.94);letter-spacing:.03em}.wish{border-radius:999px;background:rgba(255,250,244,.9);backdrop-filter:blur(8px)}.product-info h3{font-size:1.38rem;letter-spacing:-.025em;line-height:1.35}.product-short{min-height:58px}.bundle-row span{background:#fffdf9}.btn-gold{background:linear-gradient(135deg,#6b1022,#a90e42);box-shadow:0 18px 42px rgba(107,16,34,.18)}
.promo-grid{gap:18px}.promo-card{background:rgba(255,253,249,.82);min-height:190px;transition:.25s}.promo-card:hover{transform:translateY(-3px);box-shadow:0 22px 58px rgba(43,23,18,.08)}.promo-card span{border-radius:999px;background:#fffaf4}.brand-strip-premium{padding:62px 0;background:linear-gradient(180deg,#301814,#24110e);position:relative;overflow:hidden}.brand-strip-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(201,154,98,.18),transparent 42%)}.brand-strip-premium .container-naqae{position:relative;z-index:1}.brand-strip-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:32px}.brand-strip-head h2{font-size:clamp(2rem,3vw,3.35rem);line-height:1.15;letter-spacing:-.045em}.brand-strip-head p{max-width:460px;color:rgba(255,250,244,.64);line-height:1.85}.brand-logo-row{display:flex;flex-wrap:wrap;justify-content:center;gap:0;border-block:1px solid rgba(255,255,255,.10);padding:18px 0}.brand-logo-row span{border:0;background:transparent;min-height:auto;padding:18px 28px;color:rgba(255,250,244,.58);letter-spacing:.12em;position:relative}.brand-logo-row span+span:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:1px;height:18px;background:rgba(255,255,255,.12);transform:translateY(-50%)}
.footer-premium{margin-top:0;background:#21100d;color:#fffaf4;border-top:0}.footer-newsletter{padding:48px 0;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(255,255,255,.09)}.footer-newsletter h2{font-size:clamp(1.9rem,3vw,3.2rem);line-height:1.2;letter-spacing:-.04em}.footer-subscribe{display:flex;align-items:center;gap:12px}.footer-subscribe span{color:rgba(255,250,244,.62);font-weight:800}.footer-grid-premium{padding:46px 0;display:grid;grid-template-columns:2.2fr 1fr 1fr 1.25fr;gap:34px;align-items:start}.footer-grid-premium h3{font-weight:900;color:#fff;margin-bottom:14px}.footer-grid-premium a{display:block;color:rgba(255,250,244,.68);text-decoration:none;margin:10px 0;font-weight:700}.footer-grid-premium a:hover{color:#fff}.footer-brand img{width:220px;margin-bottom:18px}.footer-brand p,.footer-grid-premium p{color:rgba(255,250,244,.62);line-height:1.9}.footer-payments{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.footer-payments span{border:1px solid rgba(255,255,255,.12);padding:7px 10px;color:rgba(255,250,244,.7);font-weight:800;font-size:.76rem}.footer-bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:18px;color:rgba(255,250,244,.56);font-weight:800}.gallery-main{background:linear-gradient(150deg,#fffaf4,#f3dfd0 58%,#fff8f1);border-color:rgba(201,154,98,.25)}.gallery-main img{filter:drop-shadow(0 28px 26px rgba(43,23,18,.17))}.product-copy-panel,.premium-card{background:rgba(255,253,249,.9)}
@media(max-width:980px){.brand-logo-img img{width:min(280px,75vw)}.hero-grid{gap:36px}.editorial-image-card{inset:0}.brand-strip-head,.footer-newsletter{display:block}.footer-subscribe{margin-top:18px}.footer-grid-premium{grid-template-columns:1fr 1fr}.brand-logo-row span+span:before{display:none}.bestseller-layout{grid-template-columns:1fr}.category-row{grid-template-columns:repeat(8,165px)}}
@media(max-width:640px){.hero-title{font-size:2.75rem;line-height:1.16}.hero-grid{padding-top:34px}.hero-visual{min-height:455px}.editorial-image-card .editorial-note{font-size:.86rem}.section-title{font-size:2rem}.category-card-img{min-height:198px}.category-card-img img{height:126px}.product-media{min-height:248px}.product-media img{height:208px}.brand-strip-premium{padding:46px 0}.brand-logo-row{display:grid;grid-template-columns:1fr 1fr}.brand-logo-row span{padding:15px 10px}.footer-grid-premium{grid-template-columns:1fr}.footer-bottom{display:block}.footer-subscribe{display:block}.footer-subscribe .btn{margin-top:12px}.footer-brand img{width:190px}}

/* Phase 10: Product page + cart + checkout CRO finalization */
.product-copy-panel{position:relative;overflow:hidden}.product-copy-panel:after{content:"";position:absolute;inset-inline-end:-90px;top:-90px;width:180px;height:180px;border:1px solid rgba(201,154,98,.18);border-radius:50%;pointer-events:none}.cro-bundles .bundle-option{position:relative}.cro-bundles .bundle-option.best:before,.cro-bundles .bundle-option.value:before{content:"";position:absolute;inset:0;border:1px solid rgba(107,16,34,.28);pointer-events:none}.bundle-option em{display:block;margin-top:6px;font-size:.72rem;color:rgba(107,16,34,.76);font-style:normal;font-weight:900}.product-buy-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn-ghost{border:1px solid transparent;color:var(--burgundy);background:transparent}.conversion-note{display:flex;align-items:center;gap:10px;margin-top:14px;padding:13px 14px;background:rgba(255,255,255,.62);border:1px solid rgba(234,223,212,.95);color:rgba(43,23,18,.70);font-weight:800;font-size:.88rem;line-height:1.65}.conversion-note [data-lucide]{color:var(--gold)}.delivery-cro div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.delivery-cro span{background:white;border:1px solid rgba(234,223,212,.95);padding:7px 10px;color:var(--burgundy);font-weight:900;font-size:.74rem}.related-products{padding-bottom:54px}.related-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px;max-width:760px}.sticky-cta-cro{align-items:center;justify-content:space-between;gap:14px}.sticky-cta-cro>div{display:grid;gap:2px}.sticky-cta-cro strong{font-size:.86rem;line-height:1.25}.sticky-cta-cro span{color:var(--burgundy);font-weight:900}.checkout-summary-cro .summary-line{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(234,223,212,.75);padding:8px 0;font-weight:900}.checkout-summary-cro .summary-line:first-child{padding-top:0}.checkout-summary-cro .summary-line.muted{font-size:.86rem;color:rgba(43,23,18,.66)}.checkout-summary-cro .summary-line:last-of-type{border-bottom:0}.whatsapp-note{display:flex;align-items:flex-start;gap:10px;background:#fffaf4;border:1px solid rgba(201,154,98,.25);padding:12px 13px;margin:-2px 0 16px;color:rgba(43,23,18,.70);font-weight:800;font-size:.84rem;line-height:1.65}.whatsapp-note [data-lucide]{color:var(--burgundy);margin-top:3px}.drawer-panel .btn-gold:disabled{opacity:.45;cursor:not-allowed}.cart-line img{border:1px solid rgba(234,223,212,.95)}.recommend-line{border-radius:0}.checkout-card{border-color:rgba(201,154,98,.28)}
@media(max-width:980px){.product-buy-actions .btn{flex:1 1 100%}.related-grid{grid-template-columns:repeat(2,260px);overflow:auto;max-width:none}.sticky-cta{display:flex}.sticky-cta-cro .btn{width:auto;min-width:132px}}
@media(max-width:640px){.cro-bundles{grid-template-columns:1fr}.product-copy-panel{padding:24px 18px}.conversion-note{font-size:.82rem}.sticky-cta-cro{display:flex}.sticky-cta-cro>div{min-width:0}.sticky-cta-cro strong{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-grid{grid-template-columns:repeat(2,238px)}.checkout-card{padding:20px}.checkout-payments{max-height:82px;overflow:auto}.modal{align-items:end}.modal-card{width:100%;max-height:92vh;border-radius:20px 20px 0 0}.drawer-panel{width:100vw}.whatsapp-note{font-size:.78rem}}

/* Phase 11: trust/legal pages */
.legal-page{background:linear-gradient(180deg,#fbf7f2 0%,#fffaf4 45%,#fbf7f2 100%);}
.legal-hero{padding:64px 0 30px;max-width:980px;text-align:center;}
.legal-hero-icon{width:72px;height:72px;margin:0 auto 18px;border:1px solid rgba(201,154,98,.35);background:#fffaf4;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 50px rgba(43,23,18,.08)}
.legal-hero-icon svg{width:30px;height:30px;color:#6b1022;}
.legal-title{font-size:clamp(2.8rem,7vw,6.5rem);line-height:.9;color:#2b1712;margin-bottom:18px;}
.legal-kicker{font-weight:900;color:#6b1022;font-size:1.05rem;margin-bottom:14px;}
.legal-intro{max-width:760px;margin:0 auto;color:rgba(43,23,18,.72);line-height:2;font-size:1rem;}
.legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 0 40px;}
.legal-card{padding:28px;min-height:230px;}
.legal-card h2{font-size:2.2rem;line-height:1;margin-bottom:16px;color:#2b1712;}
.legal-card p{color:rgba(43,23,18,.72);line-height:1.9;}
.legal-notice{margin-bottom:64px;border:1px solid rgba(107,16,34,.12);background:#fffaf4;display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:0;box-shadow:0 20px 60px rgba(43,23,18,.06)}
.legal-notice svg{width:24px;height:24px;color:#c99a62;}
.legal-notice p{margin:0;color:rgba(43,23,18,.72);line-height:1.8;}
.footer-grid-premium a{display:block;}
@media(max-width:900px){.legal-grid{grid-template-columns:1fr}.legal-hero{padding-top:42px}.legal-card{min-height:auto}.legal-title{font-size:3.2rem}.legal-notice{flex-direction:column}}


/* Phase 15: temporary real image URLs + homepage micro-polish */
:root{--bronze:#b98b5c;--shadow-editorial:0 34px 90px rgba(43,23,18,.075)}
.tiny-label{letter-spacing:.26em;}
.nav-row a{position:relative;border-bottom:0;transition:color .28s ease;}
.nav-row a:after{content:"";position:absolute;left:50%;right:50%;bottom:-2px;height:1px;background:var(--gold);transition:left .35s ease,right .35s ease;}
.nav-row a:hover:after{left:0;right:0;}
.cart-btn{background:rgba(255,250,244,.8);color:var(--burgundy);border-color:rgba(107,16,34,.25);box-shadow:none;border-radius:0;}
.cart-btn span{background:rgba(107,16,34,.08);color:var(--burgundy)}
.cart-btn:hover,.cart-btn.has-items{background:var(--burgundy);color:#fff;border-color:var(--burgundy)}
.cart-btn:hover span,.cart-btn.has-items span{background:rgba(255,255,255,.16);color:#fff}
.editorial-card{overflow:hidden;box-shadow:var(--shadow-editorial);}
.editorial-image-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02);}
.editorial-image-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,247,242,.06),rgba(107,16,34,.08));pointer-events:none;}
.hero-product{box-shadow:0 30px 80px rgba(43,23,18,.085);transition:transform .35s ease,box-shadow .35s ease;}
.hero-product:hover{transform:translateY(-6px);box-shadow:0 40px 100px rgba(43,23,18,.12)}
.hero-product img{object-fit:cover;border-radius:0;filter:saturate(.9) contrast(1.03);}
.hero-product-1{transform:translateX(-8px);}
.hero-product-1:hover{transform:translateX(-8px) translateY(-6px)}
.slider-controls .arrow{border:0;background:transparent;box-shadow:none;color:var(--burgundy);transition:background .25s ease,transform .25s ease;}
.slider-controls .arrow:hover{background:rgba(107,16,34,.07);transform:translateY(-1px)}
.category-card-img{background:linear-gradient(180deg,rgba(255,253,249,.95),rgba(255,250,244,.78));position:relative;overflow:hidden;}
.category-card-img:before{content:"";position:absolute;top:18px;left:50%;width:132px;height:132px;transform:translateX(-50%);border-radius:999px;background:rgba(239,227,213,.68);z-index:0;}
.category-card-img img{position:relative;z-index:1;object-fit:cover;border-radius:999px;clip-path:circle(44% at 50% 48%);filter:saturate(.82) contrast(.98);}
.category-card-img i,.category-card-img b,.category-card-img small{position:relative;z-index:2;}
.product-media img{object-fit:cover;border-radius:999px;clip-path:circle(42% at 50% 47%);filter:saturate(.9) contrast(1.02) drop-shadow(0 20px 22px rgba(43,23,18,.14));}
.product-media:before{background:rgba(255,255,255,.74);box-shadow:inset 0 0 0 1px rgba(201,154,98,.12)}
.stars,[data-lucide="star"]{color:var(--bronze)!important;stroke:var(--bronze)!important;}
.bundle-row{background:rgba(255,250,244,.65);border:1px solid rgba(234,223,212,.65);display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.bundle-row span{background:transparent!important;border:0!important;border-inline-start:1px solid rgba(234,223,212,.8);border-radius:0!important;}
.bundle-row span:first-child{border-inline-start:0;}
.hero-title,.section-title{letter-spacing:-.055em;}
.product-card{transition:transform .28s ease,box-shadow .28s ease;}
.product-card:hover{transform:translateY(-4px);box-shadow:0 34px 90px rgba(43,23,18,.105)}
.brand-logo-row span{letter-spacing:.18em;}
.footer-newsletter h2{letter-spacing:-.035em;}
.temp-image-note{display:none;}
@media(max-width:640px){.category-card-img:before{width:112px;height:112px}.product-media img{clip-path:circle(45% at 50% 47%)}.hero-product-1{transform:none}.hero-product-1:hover{transform:translateY(-6px)}}


/* Phase 16: full homepage premium rebuild — stronger art direction */
:root{
  --editorial-shadow:0 42px 110px rgba(43,23,18,.105);
  --hairline:rgba(107,16,34,.105);
}
.container-naqae{width:min(1180px,calc(100% - 56px));}
.announcement{padding:7px 0;font-size:.72rem;}
.site-header{background:rgba(255,253,249,.92);border-bottom:1px solid rgba(43,23,18,.08);}
.header-main{padding:16px 0 12px;}
.brand-logo-img img{width:min(210px,34vw);}
.search-pill{height:42px;width:300px;background:#fff;border-color:rgba(234,223,212,.9);color:rgba(43,23,18,.56);}
.icon-btn,.cart-btn{height:42px;background:#fff;border-color:rgba(234,223,212,.9);}
.cart-btn{color:var(--burgundy);border-color:rgba(107,16,34,.28);}
.cart-btn strong{min-width:20px;height:20px;display:grid;place-items:center;background:rgba(107,16,34,.08);color:var(--burgundy);font-size:.72rem;}
.nav-row{padding-bottom:13px}.nav-row nav{gap:34px;font-size:.84rem;}
.hero-luxury{background:linear-gradient(180deg,#fbf7f2 0%,#f9f2ea 100%);padding:38px 0 52px;border-bottom:0;}
.hero-luxury:before,.hero-luxury:after{display:none;}
.hero-grid{min-height:590px;grid-template-columns:.98fr 1.02fr;gap:54px;align-items:center;padding:54px 58px;background:linear-gradient(135deg,rgba(255,253,249,.98),rgba(247,238,229,.92));border:1px solid rgba(234,223,212,.95);box-shadow:0 30px 100px rgba(43,23,18,.07);position:relative;overflow:hidden;}
.hero-grid:before{content:"";position:absolute;inset:auto -16% -42% -16%;height:74%;background:radial-gradient(ellipse at 50% 45%,rgba(201,154,98,.14),transparent 56%);pointer-events:none;}
.hero-copy{position:relative;z-index:2;max-width:625px;}
.tiny-label{font-size:.66rem;letter-spacing:.32em;color:var(--berry);font-weight:900;}
.hero-title{font-size:clamp(2.85rem,4.85vw,5.35rem);line-height:1.10;letter-spacing:-.046em;max-width:640px;font-weight:700;}
.hero-text{font-size:.99rem;line-height:2.08;color:rgba(43,23,18,.66);max-width:600px;}
.btn{min-height:48px;padding:0 25px;font-size:.9rem;letter-spacing:.02em;}
.btn-gold{box-shadow:0 18px 46px rgba(107,16,34,.20);}
.btn-light{background:#fff;border-color:rgba(107,16,34,.16);}
.hero-proof span{background:rgba(255,255,255,.78);border-color:rgba(234,223,212,.8);font-size:.76rem;padding:8px 12px;}
.hero-slider-ui button{border:0;background:transparent;color:var(--burgundy);width:34px;height:34px;display:grid;place-items:center;}
.hero-slider-ui button:hover{background:rgba(107,16,34,.06);}
.hero-visual{min-height:500px;position:relative;z-index:2;}
.editorial-card{inset:0 9% 0 0;background:#f2e4d7;border:0;box-shadow:var(--editorial-shadow);}
.editorial-image-card{overflow:hidden;}
.editorial-image-card img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.02);}
.editorial-card:before{inset:18px;border-color:rgba(255,255,255,.34);z-index:3;}
.editorial-card:after{display:block;content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(107,16,34,.18),transparent 54%),linear-gradient(180deg,transparent 52%,rgba(43,23,18,.18));z-index:2;}
.editorial-note{left:28px;right:28px;bottom:26px;z-index:4;background:rgba(255,253,249,.88);border-color:rgba(255,255,255,.72);box-shadow:0 20px 56px rgba(43,23,18,.10);}
.editorial-note span{letter-spacing:.24em;color:var(--gold);}
.product-arrangement{right:auto;left:0;top:34px;bottom:auto;z-index:6;gap:14px;}
.hero-product{width:184px;padding:8px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.78);box-shadow:0 32px 90px rgba(43,23,18,.13);backdrop-filter:blur(10px);}
.hero-product img{height:112px;object-fit:cover;background:#f5ebe3;}
.hero-product span{font-size:.76rem;letter-spacing:.01em;color:var(--espresso);}
.hero-product-1{transform:translateX(24px);}
.hero-product-2{transform:translateX(-18px);}
.hero-product-3{transform:translateX(12px);}
.hero-product:hover{box-shadow:0 42px 120px rgba(43,23,18,.16);}
.trust-section{padding:30px 0 6px;}
.trust-strip{background:#fff;border-color:rgba(234,223,212,.9);box-shadow:0 18px 60px rgba(43,23,18,.045);}
.trust-strip div{padding:18px 10px;font-size:.86rem;gap:8px;}
.trust-strip svg{width:18px;height:18px;color:var(--bronze);margin:auto;}
.category-section,.bestseller-section,.promo-section{padding:70px 0;}
.section-head{margin-bottom:32px;align-items:center;}
.section-title{font-size:clamp(2.15rem,3.55vw,4.05rem);line-height:1.16;letter-spacing:-.04em;font-weight:700;}
.section-head p{font-size:.92rem;color:rgba(43,23,18,.56);}
.category-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:visible;}
.category-card{min-height:0;padding:0;background:#fff;border:1px solid rgba(234,223,212,.95);box-shadow:0 18px 55px rgba(43,23,18,.045);}
.category-card-img{display:grid;grid-template-rows:190px auto;position:relative;overflow:hidden;}
.category-card-img:before{display:none;}
.category-card-img img{width:100%;height:190px;object-fit:cover;clip-path:none;border-radius:0;filter:saturate(.86) contrast(1.01);}
.category-card-img i{position:absolute;top:14px;inset-inline-end:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(234,223,212,.86);background:rgba(255,253,249,.88);color:var(--burgundy);}
.category-card-img b{padding:18px 18px 4px;font-size:1.05rem;}
.category-card-img small{padding:0 18px 18px;color:var(--gold);font-weight:900;}
.category-card:hover img{transform:scale(1.025);}
.category-card img{transition:transform .55s ease;}
.bestseller-layout{grid-template-columns:340px 1fr;gap:22px;}
.quiz-card{background:linear-gradient(160deg,#6b1022,#371411);box-shadow:0 34px 90px rgba(107,16,34,.18);border:0;padding:34px;}
.quiz-card:before{opacity:.18;}
.quiz-card h3{font-size:2.45rem;line-height:1.18;font-weight:700;}
.product-carousel .product-grid{gap:19px;}
.product-card{background:#fff;border:1px solid rgba(234,223,212,.95);padding:0;box-shadow:0 22px 70px rgba(43,23,18,.055);overflow:hidden;}
.product-card:hover{transform:translateY(-5px);box-shadow:0 36px 110px rgba(43,23,18,.10);}
.product-card .btn{margin:0 16px 18px;width:calc(100% - 32px);min-height:44px;}
.product-media{min-height:312px;background:#f4e7dc;border:0;}
.product-media:before,.product-media:after{display:none;}
.product-media img{width:100%;height:312px;object-fit:cover;clip-path:none;border-radius:0;filter:saturate(.88) contrast(1.02);}
.ribbon{top:16px;inset-inline-start:16px;background:rgba(107,16,34,.88);font-size:.64rem;letter-spacing:.07em;padding:7px 11px;}
.wish{top:15px;inset-inline-end:15px;background:rgba(255,253,249,.88);border-color:rgba(255,255,255,.72);}
.product-info{padding:19px 18px 7px;}
.badge{font-size:.62rem;letter-spacing:.18em;color:var(--gold);}
.price{font-size:.95rem;}
.product-info h3{font-size:1.35rem;line-height:1.38;letter-spacing:-.015em;font-weight:700;}
.product-badge{font-size:.82rem;color:#7f4e45;}
.product-short{font-size:.86rem;line-height:1.75;min-height:58px;color:rgba(43,23,18,.58);}
.rating-row{font-size:.78rem;color:var(--bronze);}
.rating-row svg{width:13px;height:13px;fill:rgba(185,139,92,.12);}
.bundle-row{margin:11px 16px 14px;border:1px solid rgba(234,223,212,.75);background:#fffaf4;}
.bundle-row span{padding:9px 5px;font-size:.70rem;color:rgba(107,16,34,.82);}
.promo-grid{gap:18px;}
.promo-card{background:#fff;border-color:rgba(234,223,212,.92);min-height:190px;padding:26px;box-shadow:0 18px 55px rgba(43,23,18,.045);}
.promo-card span{border-color:rgba(107,16,34,.14);background:#fffaf4;color:var(--burgundy);}
.brand-strip-premium{padding:72px 0;background:radial-gradient(circle at 12% 20%,rgba(201,154,98,.10),transparent 25%),linear-gradient(180deg,#2d1512,#1f0f0d);}
.brand-strip-head h2{font-size:clamp(2.1rem,3.6vw,4.1rem);line-height:1.18;font-weight:700;}
.brand-logo-row{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0;}
.brand-logo-row span{border:0;background:transparent;min-height:auto;padding:9px 18px;letter-spacing:.20em;color:rgba(255,255,255,.62);font-size:.68rem;}
.brand-logo-row span+span{border-inline-start:1px solid rgba(255,255,255,.12);}
.footer-premium{margin-top:0;background:linear-gradient(180deg,#1f0f0d,#1a0c0a);}
.footer-newsletter{padding-top:64px;padding-bottom:46px;}
.footer-newsletter h2{font-size:clamp(2rem,3.4vw,3.8rem);line-height:1.18;font-weight:700;}
.footer-grid-premium{padding-top:42px;border-top:1px solid rgba(255,255,255,.08);}
.footer-grid-premium h3{color:#fffaf4;letter-spacing:.04em;}
.footer-grid-premium a,.footer-grid-premium p{color:rgba(255,250,244,.62);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);}
@media(max-width:980px){
  .container-naqae{width:min(100% - 34px,1180px)}
  .header-main{grid-template-columns:1fr;gap:12px}.brand-logo-img img{width:220px}.search-pill{width:min(100%,420px)}
  .hero-grid{grid-template-columns:1fr;padding:38px 28px;gap:34px;min-height:0}.hero-copy{order:1}.hero-visual{order:2;min-height:470px}.editorial-card{inset:0 0 0 0}.product-arrangement{left:14px;top:28px}.category-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bestseller-layout{grid-template-columns:1fr}.product-carousel .product-grid{grid-template-columns:repeat(3,minmax(240px,1fr));overflow:auto}.promo-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .container-naqae{width:min(100% - 22px,1180px)}.announcement{font-size:.68rem}.announcement-inner{gap:10px}
  .header-actions.left,.header-actions.right{width:100%;}.search-pill{width:100%;}.hero-luxury{padding:18px 0 36px}.hero-grid{padding:28px 18px}.hero-title{font-size:2.45rem;line-height:1.22}.hero-text{font-size:.9rem}.hero-visual{min-height:390px}.product-arrangement{display:none}.editorial-note{left:15px;right:15px;bottom:15px}.trust-strip.five{grid-template-columns:1fr}.category-section,.bestseller-section,.promo-section{padding:44px 0}.category-row{display:flex;overflow:auto;gap:12px}.category-card{min-width:220px}.category-card-img{grid-template-rows:155px auto}.category-card-img img{height:155px}.product-carousel .product-grid{grid-template-columns:1fr;overflow:visible}.product-media{min-height:282px}.product-media img{height:282px}.promo-grid{grid-template-columns:1fr}.brand-logo-row{display:grid;grid-template-columns:1fr 1fr}.brand-logo-row span{border:0!important}.footer-newsletter{padding-top:46px}.footer-grid-premium{grid-template-columns:1fr}.btn{width:100%}
}


/* =========================================================
   Phase 17 — Professional Ecommerce Redesign Reset
   Purpose: stop the patched/stock-photo look and move to a calmer,
   cleaner commercial beauty-store system with consistent visuals.
   ========================================================= */
body{background:#fbf8f3;color:#281713;}
body:before{opacity:.45}.container-naqae{width:min(1180px,calc(100% - 40px));}
.announcement{padding:7px 0;font-size:.72rem;background:#6b1022}.site-header{background:rgba(255,253,249,.96);border-bottom:1px solid rgba(43,23,18,.08);box-shadow:0 8px 28px rgba(43,23,18,.035)}
.header-main{padding:14px 0 10px}.brand-logo-img img{width:180px}.search-pill{height:40px;width:320px;border-color:#e8ddd2;background:#fff;color:#8a746a}.icon-btn,.cart-btn{height:40px;background:#fff;border-color:#e8ddd2;color:#3a211b}.cart-btn{border-color:rgba(107,16,34,.24);color:#6b1022}.cart-btn strong{background:#6b1022;color:#fff;border-radius:999px;min-width:20px;height:20px;font-size:.7rem}.nav-row{padding-bottom:11px}.nav-row nav{gap:28px;font-size:.82rem}.nav-row a{position:relative;border:0}.nav-row a:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:#6b1022;transition:.25s}.nav-row a:hover:after{left:0;right:0}
.home-reset{background:#fbf8f3}.reset-hero{padding:34px 0 22px;background:linear-gradient(180deg,#fffdf9,#fbf8f3)}.reset-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;min-height:570px}.reset-hero-copy{max-width:590px}.reset-kicker{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:#9d1743;font-weight:900;margin-bottom:14px}.reset-title{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;font-size:clamp(2.55rem,4.6vw,5.05rem);line-height:1.13;letter-spacing:-.045em;font-weight:700;margin:0;color:#2b1712}.reset-lead{margin:18px 0 0;font-size:1rem;line-height:2.05;color:rgba(43,23,18,.64);max-width:610px}.reset-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.reset-mini-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.reset-mini-trust span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #eadfd4;padding:9px 12px;font-size:.8rem;font-weight:800;color:#654c43}.reset-mini-trust svg{width:16px;color:#b98b5c}.reset-hero-stage{position:relative;min-height:520px}.reset-stage-label{position:absolute;top:16px;inset-inline-start:24px;z-index:2;font-family:Inter,sans-serif;letter-spacing:.38em;color:#c99a62;font-weight:800;font-size:.72rem}.reset-stage-panel{position:absolute;inset:0;background:linear-gradient(135deg,#fffaf4,#efe1d4);border:1px solid #eadfd4;box-shadow:0 34px 90px rgba(43,23,18,.085);overflow:hidden}.reset-stage-panel:before{content:"";position:absolute;inset:22px;border:1px solid rgba(107,16,34,.09)}.reset-orb{position:absolute;border-radius:999px;filter:blur(.1px)}.reset-orb-a{width:320px;height:320px;right:12%;top:17%;background:linear-gradient(135deg,#f4d8cc,#d7a286)}.reset-orb-b{width:230px;height:230px;left:7%;bottom:5%;background:linear-gradient(135deg,rgba(107,16,34,.88),rgba(70,25,21,.98));clip-path:polygon(0 0,100% 18%,72% 100%,0 78%);border-radius:0}.reset-hero-item{position:absolute;width:190px;text-decoration:none;color:#2b1712;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);box-shadow:0 24px 70px rgba(43,23,18,.12);padding:12px;z-index:3;transition:.25s}.reset-hero-item img{width:100%;height:142px;object-fit:contain;background:#f7ede5}.reset-hero-item span{display:block;margin-top:8px;font-size:.76rem;font-weight:900}.reset-hero-item-1{top:72px;left:45px}.reset-hero-item-2{top:200px;right:52px}.reset-hero-item-3{bottom:54px;left:110px}.reset-hero-item:hover{transform:translateY(-4px)}
.reset-trust-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #eadfd4;box-shadow:0 18px 48px rgba(43,23,18,.045);margin-top:20px}.reset-trust-row div{padding:22px 18px;border-inline-start:1px solid #eadfd4;display:grid;gap:5px}.reset-trust-row div:first-child{border-inline-start:0}.reset-trust-row svg{width:21px;color:#b98b5c}.reset-trust-row b{font-size:.92rem}.reset-trust-row small{color:#8a746a;font-size:.78rem}
.reset-section{padding:74px 0}.reset-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:34px;margin-bottom:30px}.reset-section-title{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;font-size:clamp(2rem,3.4vw,3.55rem);line-height:1.22;letter-spacing:-.035em;font-weight:700;margin:0}.reset-section-head p{max-width:430px;line-height:1.9;color:#806a60;font-size:.92rem}.reset-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.reset-category-card{background:#fff;border:1px solid #eadfd4;padding:24px 20px;min-height:145px;text-decoration:none;color:#2b1712;display:grid;align-content:space-between;transition:.25s}.reset-category-card:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(43,23,18,.07);border-color:rgba(107,16,34,.22)}.reset-category-card svg{width:24px;color:#b98b5c}.reset-category-card strong{font-size:1.04rem}.reset-category-card small{color:#9d1743;font-weight:900;font-size:.75rem}.reset-products-section{padding-top:36px}.reset-products-section .container-naqae{width:100%;}.reset-product-grid{grid-template-columns:repeat(3,1fr);gap:22px}.reset-product-card{background:#fff;border:1px solid #eadfd4;box-shadow:0 20px 60px rgba(43,23,18,.052);overflow:hidden;transition:.25s}.reset-product-card:hover{transform:translateY(-4px);box-shadow:0 32px 90px rgba(43,23,18,.09)}.reset-product-media{height:330px;min-height:330px;background:linear-gradient(135deg,#fff8f1,#f2e4d8);display:grid;place-items:center;position:relative}.reset-product-media img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(43,23,18,.12));clip-path:none;border-radius:0}.reset-ribbon{position:absolute;top:16px;inset-inline-start:16px;background:#6b1022;color:#fff;font-size:.66rem;padding:8px 11px;z-index:2}.reset-wish{position:absolute;top:14px;inset-inline-end:14px;width:34px;height:34px;background:#fff;border:1px solid #eadfd4;display:grid;place-items:center;z-index:2}.reset-product-info{padding:22px}.reset-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.reset-product-info .badge{letter-spacing:.14em;color:#b98b5c;font-size:.65rem}.reset-product-info .price{color:#6b1022;font-size:1rem}.reset-product-info h3{font-size:1.45rem;line-height:1.38;margin:0 0 8px;letter-spacing:-.02em}.reset-product-info .product-badge{font-size:.85rem;color:#74443e;font-weight:800}.reset-product-info .product-short{font-size:.88rem;line-height:1.75;color:#725d54;min-height:54px}.reset-card-footer{border-top:1px solid #eadfd4;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.reset-card-footer>span{font-size:.82rem;color:#806a60}.reset-card-footer>span b{color:#6b1022}.reset-card-footer .btn{min-height:42px;padding:0 16px;font-size:.82rem;box-shadow:none}.rating-row{color:#b98b5c}.rating-row svg{width:13px;height:13px;color:#b98b5c;fill:rgba(185,139,92,.18)}
.reset-routine-band{padding:14px 0 70px}.reset-routine-card{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(135deg,#6b1022,#351310);color:#fffaf4;padding:42px;border:0;box-shadow:0 28px 80px rgba(107,16,34,.16)}.reset-routine-card .reset-kicker{color:#c99a62}.reset-routine-card .reset-section-title{color:#fff}.reset-routine-card p{max-width:640px;line-height:1.9;color:rgba(255,250,244,.72);margin-top:12px}.reset-routine-card .btn-light{background:#fff;color:#6b1022;border-color:#fff;white-space:nowrap}.reset-promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:74px}.reset-promise-grid article{background:#fff;border:1px solid #eadfd4;padding:28px}.reset-promise-grid svg{width:24px;color:#b98b5c}.reset-promise-grid h3{font-size:1.12rem;margin:18px 0 8px}.reset-promise-grid p{line-height:1.8;color:#806a60;font-size:.9rem}
.brand-strip-premium{padding:58px 0;background:#2b1712}.brand-strip-head h2{font-size:clamp(1.8rem,3vw,3.2rem)}.footer-premium{background:#20100d}.footer-newsletter h2{font-size:clamp(1.8rem,3vw,3.2rem)}
/* Hide older home styles when new reset markup is present */
.home-reset .hero-luxury,.home-reset .category-section,.home-reset .bestseller-section,.home-reset .promo-section{display:none!important}
@media(max-width:980px){.reset-hero-grid{grid-template-columns:1fr;min-height:0}.reset-hero-stage{min-height:460px;order:-1}.reset-category-grid{grid-template-columns:repeat(2,1fr)}.reset-product-grid{grid-template-columns:repeat(2,1fr)}.reset-section-head{align-items:flex-start;flex-direction:column}.reset-routine-card{align-items:flex-start;flex-direction:column}.reset-promise-grid{grid-template-columns:1fr}.reset-trust-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container-naqae{width:min(100% - 24px,1180px)}.header-main{grid-template-columns:1fr}.header-actions.left,.header-actions.right{justify-content:center;flex-wrap:wrap}.brand-logo-img{order:-1}.search-pill{width:100%}.reset-hero{padding-top:24px}.reset-title{font-size:2.2rem}.reset-lead{font-size:.92rem}.reset-hero-stage{min-height:370px}.reset-stage-label{font-size:.58rem}.reset-hero-item{width:142px}.reset-hero-item img{height:102px}.reset-hero-item-1{top:62px;left:18px}.reset-hero-item-2{top:165px;right:20px}.reset-hero-item-3{bottom:28px;left:62px}.reset-orb-a{width:230px;height:230px}.reset-category-grid{display:flex;overflow:auto;gap:12px}.reset-category-card{min-width:190px}.reset-product-grid{grid-template-columns:1fr}.reset-product-media{height:300px;min-height:300px}.reset-card-footer{flex-direction:column;align-items:stretch}.reset-card-footer .btn{width:100%}.reset-trust-row{grid-template-columns:1fr}.reset-trust-row div{border-inline-start:0;border-top:1px solid #eadfd4}.reset-trust-row div:first-child{border-top:0}.reset-section{padding:52px 0}.reset-routine-card{padding:30px 22px}.reset-actions .btn{width:100%}}


/* =========================================================
   PHASE 2 — HEADER + NAVIGATION REBUILD ONLY
   Scope: announcement bar, main header, search, cart button,
   category navigation, mobile header behavior.
   Do not change hero, product cards, category section or footer here.
   ========================================================= */
.announcement-v2{background:#6b1022;color:#fffaf4;padding:9px 0;font-size:.74rem;font-weight:700;letter-spacing:0;}
.announcement-inner-v2{display:flex;align-items:center;justify-content:center;gap:0;min-height:18px;}
.announcement-inner-v2 span{display:inline-flex;align-items:center;gap:7px;padding:0 24px;white-space:nowrap;opacity:.96;}
.announcement-inner-v2 span+span{border-inline-start:1px solid rgba(255,250,244,.28);}
.announcement-inner-v2 span+span:before{display:none;}
.announcement-inner-v2 svg{width:14px;height:14px;stroke-width:1.65;color:#e9c997;}
.site-header-v2{position:sticky;top:0;z-index:80;background:rgba(255,253,249,.97);backdrop-filter:blur(18px);border-bottom:1px solid rgba(43,23,18,.075);box-shadow:0 10px 28px rgba(43,23,18,.035);}
.header-main-v2{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:26px;padding:17px 0 13px;}
.header-main-v2 .header-actions{display:flex;align-items:center;gap:10px;min-width:0;}
.header-actions-left{justify-content:flex-start;}
.header-actions-right{justify-content:flex-end;}
.brand-logo-v2{display:flex;align-items:center;justify-content:center;min-width:210px;}
.brand-logo-v2 img{display:block;width:202px;max-width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(43,23,18,.035));}
.search-pill-v2{height:44px;width:min(360px,38vw);display:flex;align-items:center;gap:10px;border:1px solid #e6dbd0;background:#fffdf9;color:#826d63;padding:0 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transition:border-color .22s ease, box-shadow .22s ease, background .22s ease;}
.search-pill-v2:hover,.search-pill-v2:focus-within{background:#fff;border-color:rgba(107,16,34,.30);box-shadow:0 12px 28px rgba(43,23,18,.045);}
.search-pill-v2 svg{width:17px;height:17px;stroke-width:1.55;color:#9d7d65;flex:0 0 auto;}
.search-pill-v2 input{width:100%;border:0;outline:0;background:transparent;color:#2b1712;font:inherit;font-size:.86rem;font-weight:600;min-width:0;}
.search-pill-v2 input::placeholder{color:#927d74;font-weight:500;}
.icon-btn,.site-header-v2 .icon-btn{height:42px;padding:0 13px;border:1px solid #e6dbd0;background:#fffdf9;color:#3b241e;display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:.82rem;font-weight:800;transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;}
.site-header-v2 .icon-btn svg{width:17px;height:17px;stroke-width:1.55;color:#7d6258;}
.site-header-v2 .icon-btn:hover{background:#fff;border-color:rgba(107,16,34,.26);color:#6b1022;transform:translateY(-1px);}
.site-header-v2 .icon-btn:hover svg{color:#6b1022;}
.lang-btn{min-width:44px;justify-content:center;font-family:Inter,'IBM Plex Sans Arabic',sans-serif;letter-spacing:.06em;}
.location-btn{white-space:nowrap;}
.mobile-menu-trigger{display:none;width:42px;height:42px;border:1px solid #e6dbd0;background:#fffdf9;color:#6b1022;align-items:center;justify-content:center;transition:.22s ease;}
.mobile-menu-trigger svg{width:19px;height:19px;stroke-width:1.6;}
.mobile-menu-trigger:hover{background:#fff;border-color:rgba(107,16,34,.30);}
.cart-btn-v2{height:42px;padding:0 13px;border:1px solid rgba(107,16,34,.34);background:transparent;color:#6b1022;display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:900;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;}
.cart-btn-v2 svg{width:17px;height:17px;stroke-width:1.55;}
.cart-btn-v2 strong{min-width:21px;height:21px;border-radius:999px;background:#fff;border:1px solid rgba(107,16,34,.24);color:#6b1022;font-size:.68rem;display:inline-grid;place-items:center;line-height:1;padding:0 5px;}
.cart-btn-v2:hover,.cart-btn-v2.has-items{background:#6b1022;border-color:#6b1022;color:#fff;box-shadow:0 12px 26px rgba(107,16,34,.16);transform:translateY(-1px);}
.cart-btn-v2:hover strong,.cart-btn-v2.has-items strong{background:#fffaf4;color:#6b1022;border-color:#fffaf4;}
.mobile-search-wrap{display:none;padding-bottom:10px;}
.nav-row-v2{padding:0 0 13px;}
.nav-row-v2 nav{display:flex;justify-content:center;gap:34px;overflow:auto;white-space:nowrap;scrollbar-width:none;font-size:.84rem;font-weight:800;}
.nav-row-v2 nav::-webkit-scrollbar{display:none;}
.nav-row-v2 a{position:relative;color:rgba(43,23,18,.78);text-decoration:none;padding:8px 0;border:0;transition:color .24s ease;}
.nav-row-v2 a:after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:1px;background:#6b1022;transition:left .26s ease,right .26s ease;}
.nav-row-v2 a:hover,.nav-row-v2 a.active{color:#6b1022;}
.nav-row-v2 a:hover:after,.nav-row-v2 a.active:after{left:0;right:0;}
@media(max-width:1080px){.search-pill-v2{width:min(300px,34vw)}.brand-logo-v2{min-width:180px}.brand-logo-v2 img{width:180px}.location-btn span,.account-btn span{display:none}.nav-row-v2 nav{gap:26px;justify-content:flex-start;padding-inline:4px;}.announcement-inner-v2{justify-content:flex-start;overflow:auto;scrollbar-width:none}.announcement-inner-v2::-webkit-scrollbar{display:none}.announcement-inner-v2 span{padding:0 18px;}}
@media(max-width:760px){.announcement-v2{font-size:.69rem;padding:8px 0}.announcement-inner-v2 span{padding:0 14px}.header-main-v2{grid-template-columns:auto 1fr auto;gap:10px;padding:12px 0 9px}.mobile-menu-trigger{display:inline-flex}.brand-logo-v2{order:0;min-width:0;justify-content:center}.brand-logo-v2 img{width:154px}.header-actions-left{justify-content:flex-start}.header-actions-right{justify-content:flex-end}.header-actions-left .search-pill-v2,.location-btn,.account-btn,.wishlist-btn{display:none!important}.header-main-v2 .lang-btn{display:none}.cart-btn-v2{width:42px;padding:0;justify-content:center;position:relative}.cart-btn-v2 span{display:none}.cart-btn-v2 strong{position:absolute;top:-7px;inset-inline-end:-7px;min-width:18px;height:18px;font-size:.62rem}.mobile-search-wrap{display:block}.mobile-search{width:100%;height:42px}.nav-row-v2{padding-bottom:8px}.nav-row-v2 nav{gap:21px;font-size:.78rem;justify-content:flex-start;padding-bottom:2px}}
@media(max-width:420px){.brand-logo-v2 img{width:138px}.announcement-inner-v2 span{padding:0 11px}.nav-row-v2 nav{gap:18px}.mobile-search{height:40px}.search-pill-v2 input{font-size:.8rem}}

/* =========================================================
   PHASE 3 — HERO SECTION COMPLETE REBUILD ONLY
   Scope: homepage hero, hero copy, hero campaign visual,
   hero CTA/proof chips, hero mobile behavior.
   Do not change header, product cards, categories or footer here.
   ========================================================= */
.phase3-home .phase3-hero{position:relative;overflow:hidden;padding:46px 0 34px;background:
  radial-gradient(circle at 14% 18%,rgba(201,154,98,.095),transparent 28%),
  radial-gradient(circle at 82% 12%,rgba(107,16,34,.055),transparent 30%),
  linear-gradient(180deg,#fffdf9 0%,#fbf8f3 100%);}
.phase3-home .phase3-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(43,23,18,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(43,23,18,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 72%);}
.phase3-home .phase3-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:58px;align-items:center;min-height:620px;}
.phase3-home .phase3-hero-copy{max-width:610px;justify-self:start;}
.phase3-home .phase3-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;font-family:Inter,'IBM Plex Sans Arabic',sans-serif;font-size:.68rem;font-weight:800;letter-spacing:.34em;text-transform:uppercase;color:#9d1743;}
.phase3-home .phase3-eyebrow:before{content:"";width:34px;height:1px;background:#c99a62;opacity:.85;}
.phase3-home .phase3-hero-title{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;color:#2b1712;font-size:clamp(2.25rem,4.05vw,4.35rem);line-height:1.22;letter-spacing:-.035em;font-weight:650;margin:0;max-width:710px;}
.phase3-home .phase3-hero-lead{margin:20px 0 0;max-width:610px;font-size:1.02rem;line-height:2.05;color:rgba(43,23,18,.68);font-weight:500;}
.phase3-home .phase3-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px;}
.phase3-home .phase3-primary-cta{background:#6b1022;color:#fffaf4;border-color:#6b1022;box-shadow:0 18px 46px rgba(107,16,34,.18);min-height:52px;padding:0 28px;}
.phase3-home .phase3-primary-cta:hover{background:#54101d;border-color:#54101d;transform:translateY(-2px);box-shadow:0 24px 58px rgba(107,16,34,.23);}
.phase3-home .phase3-secondary-cta{height:52px;display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#2b1712;font-weight:850;border-bottom:1px solid rgba(107,16,34,.22);transition:color .25s ease,border-color .25s ease,transform .25s ease;}
.phase3-home .phase3-secondary-cta svg{width:16px;height:16px;stroke-width:1.7;color:#9d1743;transition:transform .25s ease;}
html[dir="ltr"] .phase3-home .phase3-secondary-cta svg{transform:rotate(180deg);}
.phase3-home .phase3-secondary-cta:hover{color:#6b1022;border-color:#6b1022;transform:translateY(-1px);}
.phase3-home .phase3-secondary-cta:hover svg{transform:translateX(-3px);}html[dir="ltr"] .phase3-home .phase3-secondary-cta:hover svg{transform:rotate(180deg) translateX(-3px);}
.phase3-home .phase3-hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.phase3-home .phase3-hero-proof span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.72);border:1px solid rgba(234,223,212,.95);padding:10px 13px;color:#654c43;font-size:.82rem;font-weight:800;box-shadow:0 12px 30px rgba(43,23,18,.035);}
.phase3-home .phase3-hero-proof svg{width:15px;height:15px;stroke-width:1.7;color:#b98b5c;}
.phase3-home .phase3-hero-visual{min-height:580px;position:relative;}
.phase3-home .phase3-editorial-frame{position:absolute;inset:0;background:linear-gradient(135deg,#fffaf4 0%,#f7eee6 45%,#ead8c8 100%);border:1px solid rgba(234,223,212,.95);box-shadow:0 34px 100px rgba(43,23,18,.10);overflow:hidden;isolation:isolate;}
.phase3-home .phase3-editorial-frame:before{content:"";position:absolute;inset:24px;border:1px solid rgba(107,16,34,.075);z-index:0;}
.phase3-home .phase3-editorial-frame:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.62),rgba(255,255,255,.12) 58%,transparent 70%);top:46px;inset-inline-start:70px;z-index:0;}
.phase3-home .phase3-frame-topline{position:absolute;z-index:3;top:24px;inset-inline:28px;display:flex;justify-content:space-between;align-items:center;color:#7d6258;}
.phase3-home .phase3-frame-topline span{font-family:Inter,sans-serif;letter-spacing:.36em;font-size:.66rem;font-weight:900;color:#9d1743;}
.phase3-home .phase3-frame-topline small{font-size:.78rem;font-weight:800;color:#8a746a;}
.phase3-home .phase3-soft-portrait{position:absolute;z-index:1;inset-inline-start:10%;top:96px;width:330px;height:390px;opacity:.84;filter:drop-shadow(0 28px 46px rgba(43,23,18,.08));}
.phase3-home .phase3-face{position:absolute;top:0;inset-inline-start:56px;width:214px;height:272px;border-radius:48% 52% 46% 54% / 44% 48% 52% 56%;background:linear-gradient(150deg,#e8b89c 0%,#f1cab5 42%,#d69a7f 100%);box-shadow:inset -24px 10px 34px rgba(107,16,34,.08);}
.phase3-home .phase3-face:before{content:"";position:absolute;inset-inline-end:20px;top:-24px;width:154px;height:116px;border-radius:70% 48% 48% 40%;background:linear-gradient(135deg,#3a1913,#6b2a1b);transform:rotate(-8deg);}
.phase3-home .phase3-face:after{content:"";position:absolute;inset-inline-start:55px;top:126px;width:92px;height:40px;border-bottom:2px solid rgba(107,16,34,.42);border-radius:50%;}
.phase3-home .phase3-neck{position:absolute;top:246px;inset-inline-start:120px;width:92px;height:120px;background:linear-gradient(180deg,#e2aa90,#c98469);border-radius:0 0 46px 46px;}
.phase3-home .phase3-product-shelf{position:absolute;z-index:4;inset-inline-end:9%;bottom:52px;width:min(58%,390px);height:300px;}
.phase3-home .phase3-product-shelf:after{content:"";position:absolute;inset-inline:0;bottom:24px;height:18px;border-radius:50%;background:rgba(43,23,18,.11);filter:blur(18px);z-index:0;}
.phase3-home .phase3-packshot{position:absolute;bottom:36px;display:grid;justify-items:center;text-decoration:none;color:#2b1712;transition:transform .28s ease,filter .28s ease;z-index:2;}
.phase3-home .phase3-packshot img{width:150px;height:220px;object-fit:contain;filter:drop-shadow(0 28px 22px rgba(43,23,18,.13));}
.phase3-home .phase3-packshot b{margin-top:9px;background:rgba(255,255,255,.82);border:1px solid rgba(234,223,212,.9);padding:7px 10px;font-size:.72rem;font-weight:900;color:#654c43;backdrop-filter:blur(8px);}
.phase3-home .phase3-packshot:hover{transform:translateY(-6px);filter:saturate(1.04);}
.phase3-home .phase3-packshot-1{inset-inline-start:0;transform:rotate(-4deg);}.phase3-home .phase3-packshot-1:hover{transform:rotate(-4deg) translateY(-6px);}
.phase3-home .phase3-packshot-2{inset-inline-start:33%;bottom:48px;z-index:3;}.phase3-home .phase3-packshot-2 img{width:170px;height:245px;}
.phase3-home .phase3-packshot-3{inset-inline-end:0;transform:rotate(4deg);}.phase3-home .phase3-packshot-3:hover{transform:rotate(4deg) translateY(-6px);}
.phase3-home .phase3-floating-note{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;background:rgba(255,253,249,.88);border:1px solid rgba(234,223,212,.9);box-shadow:0 22px 60px rgba(43,23,18,.09);padding:12px 14px;color:#52382f;font-size:.78rem;font-weight:900;backdrop-filter:blur(12px);}
.phase3-home .phase3-floating-note svg{width:16px;height:16px;stroke-width:1.7;color:#b98b5c;}
.phase3-home .phase3-note-a{top:132px;inset-inline-end:36px;}.phase3-home .phase3-note-b{bottom:146px;inset-inline-start:36px;}
/* neutralize older reset hero styles only when phase3 hero is present */
.phase3-home>.reset-hero{display:none!important;}
@media(max-width:1080px){.phase3-home .phase3-hero-grid{grid-template-columns:1fr;min-height:auto;gap:34px}.phase3-home .phase3-hero-copy{max-width:760px;justify-self:stretch}.phase3-home .phase3-hero-visual{min-height:540px;order:-1}.phase3-home .phase3-product-shelf{width:430px;max-width:70%;}}
@media(max-width:680px){.phase3-home .phase3-hero{padding:26px 0 20px}.phase3-home .phase3-hero-grid{gap:24px}.phase3-home .phase3-hero-title{font-size:clamp(2rem,9vw,2.85rem);line-height:1.28}.phase3-home .phase3-hero-lead{font-size:.94rem;line-height:1.9}.phase3-home .phase3-hero-actions{gap:12px;margin-top:24px}.phase3-home .phase3-primary-cta,.phase3-home .phase3-secondary-cta{width:100%;justify-content:center}.phase3-home .phase3-hero-proof span{width:100%;justify-content:center}.phase3-home .phase3-hero-visual{min-height:430px}.phase3-home .phase3-editorial-frame:before{inset:14px}.phase3-home .phase3-frame-topline{top:18px;inset-inline:18px}.phase3-home .phase3-frame-topline small{display:none}.phase3-home .phase3-soft-portrait{width:250px;height:320px;top:78px;inset-inline-start:2%}.phase3-home .phase3-face{width:165px;height:215px;inset-inline-start:42px}.phase3-home .phase3-face:before{width:126px;height:92px}.phase3-home .phase3-neck{top:194px;inset-inline-start:92px;width:72px;height:92px}.phase3-home .phase3-product-shelf{width:310px;max-width:88%;height:220px;bottom:36px;inset-inline-end:2%}.phase3-home .phase3-packshot img{width:95px;height:150px}.phase3-home .phase3-packshot-2 img{width:110px;height:170px}.phase3-home .phase3-packshot b{font-size:.62rem;padding:6px 7px}.phase3-home .phase3-floating-note{font-size:.68rem;padding:9px 10px}.phase3-home .phase3-note-a{top:92px;inset-inline-end:12px}.phase3-home .phase3-note-b{bottom:108px;inset-inline-start:12px}}

/* =========================================================
   PHASE 4 — Image System + Asset Consistency
   Scope: image assets, product render consistency, category visual
   system, crop/ratio/shadow rules. Does not rebuild header/hero flow.
   ========================================================= */
.phase4-home{--phase4-surface:#fffaf4;--phase4-line:#eadfd4;--phase4-shadow:0 22px 70px rgba(43,23,18,.075);--phase4-soft-shadow:0 14px 38px rgba(43,23,18,.055)}
.phase4-home .phase3-product-shelf{filter:drop-shadow(0 28px 45px rgba(43,23,18,.10))}
.phase4-home .phase3-packshot img{background:linear-gradient(145deg,#fffaf4,#f3e4d8)!important;border:1px solid rgba(234,223,212,.92);box-shadow:0 20px 54px rgba(43,23,18,.09);object-fit:contain;padding:0;border-radius:0;}
.phase4-home .phase3-packshot b{background:rgba(255,250,244,.92);border:1px solid rgba(234,223,212,.95);color:#6b1022;box-shadow:0 12px 28px rgba(43,23,18,.055)}

/* Consistent category visuals: every category uses one local SVG system,
   same crop, same warmth, same shadow depth. */
.phase4-home .reset-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.phase4-category-card{padding:0!important;min-height:252px!important;overflow:hidden;background:#fffdf9!important;border-color:rgba(234,223,212,.98)!important;box-shadow:0 18px 56px rgba(43,23,18,.055)!important;display:grid!important;grid-template-rows:150px 1fr!important;}
.phase4-category-card:hover{transform:translateY(-4px)!important;box-shadow:0 30px 86px rgba(43,23,18,.095)!important;}
.phase4-category-image{display:block;position:relative;overflow:hidden;background:linear-gradient(145deg,#fffaf4,#f4e5da);border-bottom:1px solid rgba(234,223,212,.92);}
.phase4-category-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(107,16,34,.045));pointer-events:none;}
.phase4-category-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.phase4-category-card:hover .phase4-category-image img{transform:scale(1.035);}
.phase4-category-copy{display:grid;gap:9px;padding:18px 18px 20px;align-content:start;}
.phase4-category-copy svg{width:20px;height:20px;color:#b98b5c;stroke-width:1.6;}
.phase4-category-copy strong{font-size:1.02rem;line-height:1.45;color:#2b1712;}
.phase4-category-copy small{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#9d1743;font-weight:900;}

/* Product image system: same size, same background, no mixed remote crop
   behavior, no random photography styles. */
.phase4-product-card{background:#fffdf9!important;border-color:rgba(234,223,212,.98)!important;box-shadow:0 20px 64px rgba(43,23,18,.055)!important;}
.phase4-product-media{height:310px!important;min-height:310px!important;background:linear-gradient(145deg,#fffaf4 0%,#f4e6dc 100%)!important;}
.phase4-product-media:before{width:205px!important;height:205px!important;top:46px!important;background:rgba(255,255,255,.44)!important;border:1px solid rgba(255,255,255,.55);}
.phase4-product-media:after{left:22%!important;right:22%!important;bottom:28px!important;height:14px!important;background:rgba(43,23,18,.16)!important;filter:blur(12px)!important;}
.phase4-product-media img{width:88%!important;height:88%!important;max-height:284px!important;object-fit:contain!important;filter:drop-shadow(0 24px 22px rgba(43,23,18,.12));}
.phase4-product-info .badge{color:#9d1743!important;letter-spacing:.15em;}
.phase4-product-info .product-badge{color:#74443e!important;}
.phase4-product-card .rating-row{color:#b98b5c!important;}
.phase4-product-card .rating-row svg{width:13px;height:13px;color:#b98b5c!important;fill:rgba(185,139,92,.16)!important;}

/* Product detail and related image consistency. */
.product-gallery-panel .gallery-main{background:linear-gradient(145deg,#fffaf4,#f3e4d8)!important;border:1px solid rgba(234,223,212,.98);}
.product-gallery-panel .gallery-main img{object-fit:contain!important;filter:drop-shadow(0 28px 30px rgba(43,23,18,.13));}
.related-products .product-media img{object-fit:contain!important;filter:drop-shadow(0 24px 24px rgba(43,23,18,.12));}

@media(max-width:980px){.phase4-home .reset-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.phase4-category-card{min-height:240px!important}.phase4-category-card{grid-template-rows:140px 1fr!important}.phase4-product-media{height:290px!important;min-height:290px!important}}
@media(max-width:640px){.phase4-home .reset-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}.phase4-category-card{min-width:0!important;min-height:214px!important;grid-template-rows:118px 1fr!important}.phase4-category-copy{padding:14px}.phase4-category-copy strong{font-size:.92rem}.phase4-product-media{height:260px!important;min-height:260px!important}.phase4-product-media img{max-height:235px!important}}

/* =========================================================
   PHASE 5 — PRODUCT CARDS FULL REDESIGN
   Scope: product-card presentation only. No hero/header/category changes.
   Goal: compact premium ecommerce cards; no noisy bundle boxes on homepage.
   ========================================================= */
.phase5-products{width:100%;}
.phase5-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;}
.phase5-product-card{position:relative;display:flex;flex-direction:column;min-height:100%;background:#fffdf9;border:1px solid rgba(234,223,212,.96);box-shadow:0 18px 48px rgba(43,23,18,.045);overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;background-image:linear-gradient(180deg,rgba(255,250,244,.55),rgba(255,255,255,0) 38%);}
.phase5-product-card:hover{transform:translateY(-4px);border-color:rgba(107,16,34,.24);box-shadow:0 28px 72px rgba(43,23,18,.085);}
.phase5-product-link{display:flex;flex:1;flex-direction:column;text-decoration:none;color:#2b1712;}
.phase5-product-media{position:relative;height:255px;background:linear-gradient(145deg,#fff8f1 0%,#f3e5d8 100%);display:grid;place-items:center;overflow:hidden;border-bottom:1px solid rgba(234,223,212,.88);}
.phase5-media-backdrop{position:absolute;inset:22px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.85),rgba(255,255,255,0) 43%),radial-gradient(circle at 50% 74%,rgba(107,16,34,.085),rgba(107,16,34,0) 42%);}
.phase5-product-media:after{content:"";position:absolute;left:18%;right:18%;bottom:28px;height:14px;border-radius:50%;background:rgba(43,23,18,.11);filter:blur(15px);opacity:.7;}
.phase5-product-media img{position:relative;z-index:2;width:74%;height:78%;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(43,23,18,.12));transform:translateY(4px);transition:transform .32s ease,filter .32s ease;}
.phase5-product-card:hover .phase5-product-media img{transform:translateY(0) scale(1.025);filter:drop-shadow(0 28px 28px rgba(43,23,18,.16));}
.phase5-ribbon{position:absolute;z-index:4;top:14px;inset-inline-start:14px;background:rgba(107,16,34,.94);color:#fffaf4;border:1px solid rgba(255,255,255,.22);font-size:.66rem;font-weight:900;line-height:1;padding:8px 10px;letter-spacing:.015em;}
.phase5-wish{position:absolute;z-index:5;top:12px;inset-inline-end:12px;width:36px;height:36px;border:1px solid rgba(234,223,212,.95);background:rgba(255,253,249,.94);color:#6b1022;display:grid;place-items:center;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease;}
.phase5-wish svg{width:17px;height:17px;stroke-width:1.55;}
.phase5-wish:hover{background:#fff;border-color:rgba(107,16,34,.3);transform:translateY(-1px);}
.phase5-product-info{padding:20px 20px 16px;display:flex;flex:1;flex-direction:column;}
.phase5-product-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.phase5-product-meta span{font-size:.72rem;font-weight:900;color:#9d1743;letter-spacing:.04em;}
.phase5-product-meta small{font-family:Inter,sans-serif;font-size:.62rem;font-weight:800;color:#b98b5c;letter-spacing:.22em;text-transform:uppercase;}
.phase5-product-info h3{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;font-size:1.12rem;line-height:1.55;letter-spacing:-.02em;margin:0 0 8px;color:#2b1712;font-weight:800;min-height:3.1em;}
.phase5-product-promise{font-size:.83rem;line-height:1.75;color:#74443e;font-weight:800;margin:0 0 7px;}
.phase5-product-short{font-size:.84rem;line-height:1.78;color:#806a60;margin:0;min-height:3.2em;}
.phase5-rating-row{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#a97b50;}
.phase5-stars{display:inline-flex;gap:2px;color:#b98b5c;}
.phase5-stars svg{width:13px;height:13px;stroke-width:1.55;fill:rgba(185,139,92,.20);}
.phase5-rating-row small{font-size:.73rem;color:#8a746a;font-weight:700;}
.phase5-product-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px 18px;border-top:1px solid rgba(234,223,212,.88);background:linear-gradient(180deg,rgba(255,250,244,.35),rgba(255,255,255,.92));}
.phase5-price-block{display:grid;gap:2px;line-height:1;}
.phase5-price-block small{font-size:.70rem;color:#8a746a;font-weight:700;}
.phase5-price-block strong{font-size:1.12rem;color:#6b1022;font-weight:900;letter-spacing:-.01em;}
.phase5-add-btn{min-height:42px;padding:0 16px;border:1px solid #6b1022;background:#6b1022;color:#fffaf4;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.82rem;font-weight:900;cursor:pointer;transition:transform .22s ease,background .22s ease,box-shadow .22s ease;white-space:nowrap;}
.phase5-add-btn svg{width:16px;height:16px;stroke-width:1.6;}
.phase5-add-btn:hover{background:#8f1740;box-shadow:0 14px 28px rgba(107,16,34,.18);transform:translateY(-1px);}
.collections-grid-wrap .phase5-products{width:min(100% - 40px,1180px);margin:0 auto 76px;}
.related-products .phase5-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:980px){.phase5-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.phase5-product-media{height:235px}.phase5-product-info{padding:18px}.phase5-product-info h3{font-size:1.02rem}}
@media(max-width:640px){.phase5-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phase5-product-media{height:178px}.phase5-media-backdrop{inset:14px}.phase5-ribbon{top:10px;inset-inline-start:10px;font-size:.57rem;padding:7px 8px}.phase5-wish{top:9px;inset-inline-end:9px;width:31px;height:31px}.phase5-product-media img{width:80%;height:78%}.phase5-product-info{padding:14px 12px 12px}.phase5-product-meta{margin-bottom:7px}.phase5-product-meta span{font-size:.62rem}.phase5-product-meta small{display:none}.phase5-product-info h3{font-size:.86rem;line-height:1.55;min-height:2.9em;margin-bottom:6px}.phase5-product-promise{font-size:.72rem;line-height:1.55}.phase5-product-short{display:none}.phase5-rating-row{padding-top:9px;gap:5px}.phase5-stars svg{width:11px;height:11px}.phase5-rating-row small{font-size:.62rem}.phase5-product-footer{padding:12px;gap:9px;flex-direction:column;align-items:stretch}.phase5-price-block{display:flex;align-items:center;justify-content:space-between}.phase5-add-btn{width:100%;min-height:38px;font-size:.74rem}.collections-grid-wrap .phase5-products{width:min(100% - 24px,1180px);margin-bottom:54px}}


/* Phase 6 — Category / Discovery Section Rebuild
   Focus: stronger category discovery only. Product cards, hero, and header remain from previous phases. */
.phase6-discovery{position:relative;padding-top:82px;padding-bottom:78px;}
.phase6-discovery:before{content:"";position:absolute;inset:22px -2vw auto -2vw;height:72%;z-index:-1;background:linear-gradient(180deg,rgba(255,250,244,.78),rgba(251,247,242,0));border-top:1px solid rgba(234,223,212,.72);}
.phase6-discovery-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);align-items:end;gap:44px;margin-bottom:30px;}
.phase6-discovery-head .reset-section-title{max-width:720px;}
.phase6-discovery-head p{margin:0;color:#7b6359;line-height:1.95;font-size:.96rem;max-width:470px;}
.phase6-kicker{letter-spacing:.18em;}
.phase6-discovery-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(208px,auto);gap:18px;}
.phase6-discovery-card{position:relative;overflow:hidden;text-decoration:none;color:#2b1712;background:#fffdf9;border:1px solid rgba(234,223,212,.96);box-shadow:0 18px 60px rgba(43,23,18,.045);display:grid;isolation:isolate;transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;}
.phase6-discovery-card:hover{transform:translateY(-5px);box-shadow:0 34px 98px rgba(43,23,18,.09);border-color:rgba(107,16,34,.22);}
.phase6-discovery-card:focus-visible{outline:2px solid rgba(107,16,34,.45);outline-offset:3px;}
.phase6-featured{grid-column:span 2;min-height:318px;grid-template-columns:1.03fr .97fr;}
.phase6-compact{min-height:236px;grid-template-rows:132px 1fr;}
.phase6-card-media{position:relative;display:block;overflow:hidden;background:radial-gradient(circle at 50% 28%,#fffefb 0%,#fff8ef 42%,#f1e1d3 100%);}
.phase6-card-media:before{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.65);z-index:1;pointer-events:none;}
.phase6-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(107,16,34,.045));pointer-events:none;z-index:2;}
.phase6-card-media img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .55s ease, filter .55s ease;}
.phase6-discovery-card:hover .phase6-card-media img{transform:scale(1.045);filter:saturate(1.04) contrast(1.02);}
.phase6-featured .phase6-card-media img{object-fit:cover;}
.phase6-card-content{padding:22px;display:flex;flex-direction:column;justify-content:center;gap:10px;background:linear-gradient(180deg,#fffdf9,#fffaf4);}
.phase6-featured .phase6-card-content{padding:28px 30px;}
.phase6-card-meta{display:inline-flex;align-items:center;gap:9px;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#a66f49;font-weight:900;}
.phase6-card-meta svg{width:17px;height:17px;color:#b98b5c;stroke-width:1.55;}
.phase6-card-content strong{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;font-size:1.14rem;line-height:1.45;letter-spacing:-.02em;font-weight:800;}
.phase6-featured .phase6-card-content strong{font-size:1.72rem;line-height:1.34;}
.phase6-card-content small{color:#766056;line-height:1.8;font-size:.86rem;}
.phase6-featured .phase6-card-content small{font-size:.94rem;}
.phase6-card-content em{margin-top:4px;font-style:normal;color:#6b1022;font-weight:900;font-size:.78rem;display:inline-flex;align-items:center;gap:8px;}
.phase6-card-content em svg{width:14px;height:14px;transition:transform .25s ease;}
.phase6-discovery-card:hover .phase6-card-content em svg{transform:translate(-2px,-2px);}
[dir="ltr"] .phase6-card-content em svg{transform:scaleX(-1);}
[dir="ltr"] .phase6-discovery-card:hover .phase6-card-content em svg{transform:scaleX(-1) translate(-2px,-2px);}

/* Retire the old Phase 4 category tile visuals for this section only. */
.phase6-discovery .phase4-category-card,.phase6-discovery .reset-category-card{all:unset;}

@media(max-width:1080px){
  .phase6-discovery-layout{grid-template-columns:repeat(2,minmax(0,1fr));}
  .phase6-featured{grid-column:span 1;grid-template-columns:1fr;grid-template-rows:180px 1fr;}
  .phase6-compact{grid-template-rows:180px 1fr;}
}
@media(max-width:760px){
  .phase6-discovery{padding-top:56px;padding-bottom:58px;}
  .phase6-discovery-head{grid-template-columns:1fr;gap:18px;margin-bottom:22px;}
  .phase6-discovery-head p{font-size:.9rem;line-height:1.85;}
  .phase6-discovery-layout{grid-template-columns:1fr;gap:14px;}
  .phase6-featured,.phase6-compact{grid-template-columns:1fr;grid-template-rows:164px 1fr;min-height:0;}
  .phase6-card-content,.phase6-featured .phase6-card-content{padding:20px;}
  .phase6-featured .phase6-card-content strong{font-size:1.28rem;}
  .phase6-card-content strong{font-size:1.08rem;}
}


/* =========================================================
   PHASE 7 — HOMEPAGE HIERARCHY + SECTION FLOW ONLY
   Scope: ordering, section hierarchy, trust-story rhythm.
   Do not redesign header, hero, product-card internals, category cards,
   backend, cart, checkout, admin, or legal pages here.
   ========================================================= */
.phase7-home{background:#fbf8f3;}
.phase7-home .reset-trust-row{margin-top:24px;margin-bottom:10px;position:relative;z-index:2;}
.phase7-home .reset-section{padding-top:66px;padding-bottom:66px;}
.phase7-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px) auto;align-items:end;gap:28px;margin-bottom:28px;}
.phase7-section-head p{margin:0;max-width:420px;line-height:1.9;color:#806a60;font-size:.9rem;}
.phase7-bestsellers{border-top:1px solid rgba(234,223,212,.75);}
.phase7-why{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:42px;align-items:stretch;padding:72px 0;border-top:1px solid rgba(234,223,212,.8);}
.phase7-why-copy{background:#fffaf4;border:1px solid #eadfd4;padding:42px;display:flex;flex-direction:column;justify-content:center;min-height:350px;}
.phase7-why-copy p{margin:18px 0 0;line-height:2;color:#725d54;max-width:610px;}
.phase7-proof-list{display:grid;grid-template-columns:1fr;gap:14px;}
.phase7-proof-list article{background:#fff;border:1px solid #eadfd4;padding:26px 28px;display:grid;grid-template-columns:42px 1fr;column-gap:18px;align-items:start;box-shadow:0 18px 48px rgba(43,23,18,.035);}
.phase7-proof-list article svg{grid-row:1 / span 2;width:24px;height:24px;color:#b98b5c;margin-top:2px;}
.phase7-proof-list h3{font-size:1.05rem;margin:0 0 6px;color:#2b1712;}
.phase7-proof-list p{margin:0;line-height:1.75;color:#806a60;font-size:.9rem;}
.phase7-routine-offer{padding:4px 0 76px;}
.phase7-routine-card{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);align-items:center;gap:34px;background:linear-gradient(135deg,#6b1022 0%,#3b1412 70%,#2b1712 100%);color:#fffaf4;padding:46px;border:1px solid rgba(255,250,244,.12);box-shadow:0 30px 80px rgba(107,16,34,.18);overflow:hidden;position:relative;}
.phase7-routine-card:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,250,244,.09);pointer-events:none;}
.phase7-routine-content{position:relative;z-index:2;max-width:700px;}
.phase7-routine-card .reset-kicker{color:#e2bd82;}
.phase7-routine-card .reset-section-title{color:#fffaf4;max-width:760px;}
.phase7-routine-card p{margin:16px 0 0;line-height:1.95;color:rgba(255,250,244,.72);max-width:670px;}
.phase7-routine-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px;}
.phase7-routine-actions .btn-light{background:#fffaf4;color:#6b1022;border-color:#fffaf4;}
.phase7-text-link{color:#e9c997;text-decoration:none;font-weight:900;border-bottom:1px solid rgba(233,201,151,.45);padding-bottom:4px;}
.phase7-routine-visual{position:relative;z-index:2;display:flex;align-items:end;justify-content:center;gap:0;min-height:285px;}
.phase7-routine-visual span{width:38%;max-width:190px;min-width:120px;background:rgba(255,250,244,.08);border:1px solid rgba(255,250,244,.16);box-shadow:0 24px 58px rgba(0,0,0,.12);padding:18px;margin-inline-start:-26px;}
.phase7-routine-visual span:first-child{margin-inline-start:0;transform:translateY(16px);}
.phase7-routine-visual span:nth-child(2){transform:translateY(-14px);background:rgba(255,250,244,.13);}
.phase7-routine-visual span:nth-child(3){transform:translateY(30px);}
.phase7-routine-visual img{width:100%;height:200px;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(0,0,0,.20));}
.phase7-social-proof{padding:0 0 82px;}
.phase7-proof-head{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:28px;align-items:end;margin-bottom:26px;}
.phase7-proof-head p{margin:0;line-height:1.9;color:#806a60;font-size:.9rem;}
.phase7-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.phase7-proof-grid article{background:#fff;border:1px solid #eadfd4;padding:28px;min-height:210px;position:relative;box-shadow:0 18px 50px rgba(43,23,18,.035);}
.phase7-proof-grid span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(185,139,92,.45);color:#b98b5c;font-family:Inter,sans-serif;font-size:.75rem;font-weight:900;margin-bottom:22px;}
.phase7-proof-grid h3{font-size:1.12rem;margin:0 0 9px;color:#2b1712;}
.phase7-proof-grid p{line-height:1.8;color:#806a60;font-size:.9rem;margin:0;}
@media(max-width:980px){
  .phase7-section-head{grid-template-columns:1fr;align-items:start;}
  .phase7-why{grid-template-columns:1fr;padding:58px 0;gap:22px;}
  .phase7-why-copy{padding:32px;min-height:0;}
  .phase7-routine-card{grid-template-columns:1fr;padding:36px 28px;}
  .phase7-routine-visual{min-height:230px;order:-1;}
  .phase7-proof-head{grid-template-columns:1fr;}
  .phase7-proof-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .phase7-home .reset-section{padding-top:50px;padding-bottom:50px;}
  .phase7-why-copy{padding:28px 22px;}
  .phase7-proof-list article{grid-template-columns:34px 1fr;padding:22px;}
  .phase7-routine-offer{padding-bottom:54px;}
  .phase7-routine-card{padding:30px 22px;}
  .phase7-routine-visual{min-height:205px;}
  .phase7-routine-visual span{padding:12px;min-width:92px;margin-inline-start:-18px;}
  .phase7-routine-visual img{height:152px;}
  .phase7-social-proof{padding-bottom:56px;}
}


/* =========================================================
   PHASE 8 — TYPOGRAPHY + SPACING SYSTEM ONLY
   Scope: type scale, line-height, letter-spacing, container rhythm,
   section spacing, readable Arabic hierarchy, and consistent spacing.
   No layout rebuilds, no hero/product/category structural changes,
   no backend/cart/checkout/admin/legal changes.
   ========================================================= */
:root{
  --phase8-container:1180px;
  --phase8-section-y:74px;
  --phase8-section-y-tight:58px;
  --phase8-gap-lg:34px;
  --phase8-gap-md:22px;
  --phase8-radius:0px;
  --phase8-title-tracking:-.028em;
  --phase8-body-line:1.9;
}
body{font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;}
.phase8-type-system{background:#fbf8f3;}
.phase8-type-system .container-naqae{width:min(var(--phase8-container),calc(100% - 44px));}

/* Arabic-first typography: calmer, more commercial, less poster-heavy */
.phase8-type-system .display,
.phase8-type-system .reset-section-title,
.phase8-type-system .phase3-hero-title,
.phase8-type-system h1,
.phase8-type-system h2,
.phase8-type-system h3{
  letter-spacing:var(--phase8-title-tracking);
  text-wrap:balance;
}
.phase8-type-system .phase3-hero-title{
  font-size:clamp(2.55rem,4.35vw,5.1rem);
  line-height:1.18;
  font-weight:700;
  max-width:720px;
  margin:0;
}
.phase8-type-system .phase3-hero-lead{
  font-size:clamp(.96rem,1.08vw,1.08rem);
  line-height:2.02;
  color:rgba(43,23,18,.66);
  max-width:620px;
  margin-top:18px;
}
.phase8-type-system .reset-section-title{
  font-size:clamp(1.82rem,3.05vw,3.25rem);
  line-height:1.26;
  font-weight:700;
  max-width:760px;
  margin:0;
}
.phase8-type-system .reset-kicker,
.phase8-type-system .phase3-eyebrow,
.phase8-type-system .phase6-kicker,
.phase8-type-system .tiny-label{
  font-family:Inter,'IBM Plex Sans Arabic',system-ui,sans-serif;
  font-size:.68rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:900;
  color:#9d1743;
  line-height:1.4;
}
.phase8-type-system p,
.phase8-type-system small,
.phase8-type-system .phase6-discovery-head p,
.phase8-type-system .phase7-section-head p,
.phase8-type-system .phase7-why-copy p,
.phase8-type-system .phase7-proof-head p{
  line-height:var(--phase8-body-line);
}
.phase8-type-system a,
.phase8-type-system button{letter-spacing:0;}

/* Section rhythm: consistent vertical distance, clearer visual breathing */
.phase8-type-system .phase3-hero{
  padding-top:54px;
  padding-bottom:62px;
}
.phase8-type-system .phase3-hero-grid{
  min-height:auto;
  gap:clamp(34px,5vw,76px);
  align-items:center;
}
.phase8-type-system .reset-trust-row{
  margin-top:18px;
  margin-bottom:0;
}
.phase8-type-system .reset-section,
.phase8-type-system .phase6-discovery,
.phase8-type-system .phase7-why,
.phase8-type-system .phase7-social-proof{
  padding-top:var(--phase8-section-y);
  padding-bottom:var(--phase8-section-y);
}
.phase8-type-system .phase7-bestsellers{
  padding-top:var(--phase8-section-y-tight);
}
.phase8-type-system .phase7-routine-offer{
  padding-top:8px;
  padding-bottom:var(--phase8-section-y);
}
.phase8-type-system .reset-section-head,
.phase8-type-system .phase6-discovery-head,
.phase8-type-system .phase7-section-head,
.phase8-type-system .phase7-proof-head{
  margin-bottom:32px;
}
.phase8-type-system .phase6-discovery-head,
.phase8-type-system .phase7-section-head,
.phase8-type-system .phase7-proof-head{
  gap:32px;
}

/* Header typography harmony without changing Phase 2 structure */
.announcement-v2{font-size:.73rem;line-height:1.45;}
.brand-logo-v2 img{max-height:62px;}
.nav-row-v2 nav{font-size:.84rem;gap:30px;}
.nav-row-v2 a{line-height:1.55;}
.search-pill-v2 input{font-size:.86rem;}
.icon-btn,.cart-btn{font-size:.82rem;}

/* Hero micro rhythm: CTA/trust spacing only, no structural redesign */
.phase8-type-system .phase3-hero-actions{margin-top:30px;gap:14px;}
.phase8-type-system .phase3-hero-proof{margin-top:22px;gap:10px;}
.phase8-type-system .phase3-hero-proof span{font-size:.79rem;line-height:1.5;padding:9px 12px;}
.phase8-type-system .btn,
.phase8-type-system .phase3-primary-cta,
.phase8-type-system .phase3-secondary-cta{
  min-height:47px;
  font-size:.86rem;
  font-weight:850;
}

/* Trust strip spacing + legibility */
.phase8-type-system .reset-trust-row div{padding:20px 18px;gap:6px;}
.phase8-type-system .reset-trust-row b{font-size:.9rem;line-height:1.55;}
.phase8-type-system .reset-trust-row small{font-size:.75rem;line-height:1.45;color:#897166;}

/* Discovery section: tighten text rhythm without changing cards */
.phase8-type-system .phase6-card-content{gap:9px;}
.phase8-type-system .phase6-card-content strong{
  line-height:1.42;
  font-weight:750;
  letter-spacing:-.018em;
}
.phase8-type-system .phase6-featured .phase6-card-content strong{font-size:clamp(1.26rem,1.65vw,1.58rem);}
.phase8-type-system .phase6-card-content small{line-height:1.72;color:#735c53;}
.phase8-type-system .phase6-card-meta{letter-spacing:.14em;font-size:.65rem;}

/* Product card text: more premium, less heavy, better scanability */
.phase8-type-system .phase5-product-grid{gap:24px;}
.phase8-type-system .phase5-product-info{padding:20px 20px 15px;}
.phase8-type-system .phase5-product-info h3{
  font-size:1.03rem;
  line-height:1.6;
  font-weight:750;
  letter-spacing:-.014em;
  min-height:3.05em;
}
.phase8-type-system .phase5-product-meta span{font-size:.68rem;letter-spacing:.035em;}
.phase8-type-system .phase5-product-promise{font-size:.8rem;line-height:1.68;font-weight:800;}
.phase8-type-system .phase5-product-short{font-size:.81rem;line-height:1.75;color:#786158;}
.phase8-type-system .phase5-rating-row small{font-size:.7rem;}
.phase8-type-system .phase5-price-block small{font-size:.68rem;}
.phase8-type-system .phase5-price-block strong{font-size:1.08rem;}
.phase8-type-system .phase5-add-btn{font-size:.8rem;min-height:41px;}

/* Why / proof / routine text hierarchy */
.phase8-type-system .phase7-why-copy{padding:40px;}
.phase8-type-system .phase7-proof-list{gap:13px;}
.phase8-type-system .phase7-proof-list article{padding:24px 26px;}
.phase8-type-system .phase7-proof-list h3,
.phase8-type-system .phase7-proof-grid h3{font-size:1rem;line-height:1.55;font-weight:800;}
.phase8-type-system .phase7-proof-list p,
.phase8-type-system .phase7-proof-grid p{font-size:.86rem;line-height:1.78;}
.phase8-type-system .phase7-routine-card{padding:44px;}
.phase8-type-system .phase7-routine-card p{font-size:.94rem;line-height:1.9;}
.phase8-type-system .phase7-proof-grid article{padding:26px;}

/* Footer typography: calmer, more balanced */
.footer-premium h2,.footer-premium h3{letter-spacing:-.022em;line-height:1.35;}
.footer-premium p,.footer-premium a,.footer-premium li{line-height:1.85;}

/* LTR tuning */
[dir="ltr"] .phase8-type-system .phase3-hero-title,
[dir="ltr"] .phase8-type-system .reset-section-title,
[dir="ltr"] .phase8-type-system .phase5-product-info h3,
[dir="ltr"] .phase8-type-system .phase6-card-content strong{
  letter-spacing:-.025em;
}
[dir="ltr"] .phase8-type-system .reset-kicker,
[dir="ltr"] .phase8-type-system .phase3-eyebrow,
[dir="ltr"] .phase8-type-system .tiny-label{letter-spacing:.20em;}

@media(max-width:1080px){
  :root{--phase8-section-y:62px;--phase8-section-y-tight:50px;}
  .phase8-type-system .container-naqae{width:min(1180px,calc(100% - 34px));}
  .phase8-type-system .phase3-hero-title{font-size:clamp(2.35rem,5.4vw,4.2rem);}
  .phase8-type-system .reset-section-title{font-size:clamp(1.75rem,4vw,2.8rem);}
  .phase8-type-system .phase7-section-head{grid-template-columns:1fr;gap:16px;}
}
@media(max-width:760px){
  :root{--phase8-section-y:50px;--phase8-section-y-tight:44px;}
  body{font-size:15px;}
  .phase8-type-system .container-naqae{width:min(100% - 26px,1180px);}
  .announcement-inner-v2{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-bottom:1px;}
  .announcement-inner-v2::-webkit-scrollbar{display:none;}
  .announcement-inner-v2 span{padding:0 16px;font-size:.70rem;}
  .phase8-type-system .phase3-hero{padding-top:34px;padding-bottom:46px;}
  .phase8-type-system .phase3-hero-grid{gap:28px;}
  .phase8-type-system .phase3-hero-title{font-size:2.18rem;line-height:1.22;letter-spacing:-.035em;}
  .phase8-type-system .phase3-hero-lead{font-size:.92rem;line-height:1.9;margin-top:14px;}
  .phase8-type-system .reset-section-title{font-size:1.72rem;line-height:1.32;}
  .phase8-type-system .reset-kicker,
  .phase8-type-system .phase3-eyebrow,
  .phase8-type-system .tiny-label{font-size:.62rem;letter-spacing:.18em;}
  .phase8-type-system .phase3-hero-actions{gap:10px;margin-top:24px;}
  .phase8-type-system .btn,
  .phase8-type-system .phase3-primary-cta,
  .phase8-type-system .phase3-secondary-cta{width:100%;justify-content:center;min-height:46px;font-size:.82rem;}
  .phase8-type-system .phase3-hero-proof{margin-top:16px;}
  .phase8-type-system .phase3-hero-proof span{font-size:.72rem;padding:8px 10px;}
  .phase8-type-system .reset-trust-row div{padding:17px 16px;}
  .phase8-type-system .phase6-discovery-head,
  .phase8-type-system .reset-section-head,
  .phase8-type-system .phase7-proof-head{margin-bottom:22px;}
  .phase8-type-system .phase5-product-grid{gap:13px;}
  .phase8-type-system .phase5-product-info{padding:14px 12px 12px;}
  .phase8-type-system .phase5-product-info h3{font-size:.84rem;line-height:1.55;font-weight:800;min-height:2.7em;}
  .phase8-type-system .phase5-product-promise{font-size:.71rem;}
  .phase8-type-system .phase5-price-block strong{font-size:.98rem;}
  .phase8-type-system .phase7-why-copy{padding:26px 20px;}
  .phase8-type-system .phase7-proof-list article{padding:20px;}
  .phase8-type-system .phase7-routine-card{padding:28px 20px;}
  .phase8-type-system .phase7-proof-grid article{padding:22px 20px;}
}


/* =========================================================
   PHASE 9 — MICRO-INTERACTIONS + UX POLISH ONLY
   Scope: subtle interaction states, hover/focus feedback, drawer/modal
   movement, cart feedback, mobile tap polish, and reduced-motion safety.
   No structure/content/backend/product data changes.
   ========================================================= */
:root{
  --phase9-ease:cubic-bezier(.22,1,.36,1);
  --phase9-fast:180ms;
  --phase9-med:320ms;
  --phase9-slow:520ms;
  --phase9-focus:0 0 0 3px rgba(201,154,98,.20),0 0 0 1px rgba(107,16,34,.28);
}
.phase9-ux-polish *{backface-visibility:hidden;}
.phase9-ux-polish a,.phase9-ux-polish button,.site-header-v2 a,.site-header-v2 button,.site-header-v2 input{
  -webkit-tap-highlight-color:transparent;
}

/* Premium focus states: visible for keyboard, quiet for mouse */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
.phase5-product-card:focus-within,.phase6-discovery-card:focus-within{
  outline:0!important;
  box-shadow:var(--phase9-focus)!important;
}
input:focus,select:focus,textarea:focus{outline:0;}

/* Header/nav micro-interactions */
.site-header-v2{transition:box-shadow var(--phase9-med) var(--phase9-ease),background-color var(--phase9-med) var(--phase9-ease),border-color var(--phase9-med) var(--phase9-ease);}
.site-header-v2:hover{box-shadow:0 10px 30px rgba(43,23,18,.035);}
.brand-logo-v2{transition:transform var(--phase9-med) var(--phase9-ease),opacity var(--phase9-med) var(--phase9-ease);}
.brand-logo-v2:hover{transform:translateY(-1px);opacity:.94;}
.search-pill-v2{transition:border-color var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease),transform var(--phase9-med) var(--phase9-ease);}
.search-pill-v2:focus-within{border-color:rgba(107,16,34,.28);background:#fff;box-shadow:0 14px 34px rgba(43,23,18,.055),0 0 0 4px rgba(201,154,98,.10);transform:translateY(-1px);}
.search-pill-v2 svg,.icon-btn svg,.cart-btn-v2 svg{transition:transform var(--phase9-med) var(--phase9-ease),color var(--phase9-med) var(--phase9-ease),opacity var(--phase9-med) var(--phase9-ease);}
.search-pill-v2:focus-within svg{transform:scale(1.06);color:var(--burgundy);}
.icon-btn,.cart-btn-v2,.mobile-menu-trigger{transition:transform var(--phase9-med) var(--phase9-ease),border-color var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease),color var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease);}
.icon-btn:hover,.mobile-menu-trigger:hover{transform:translateY(-1px);border-color:rgba(107,16,34,.25);background:#fff;box-shadow:0 12px 24px rgba(43,23,18,.045);}
.icon-btn:hover svg,.mobile-menu-trigger:hover svg{transform:translateY(-1px);color:var(--burgundy);}
.cart-btn-v2:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(107,16,34,.12);}
.cart-btn-v2.cart-pulse{animation:phase9CartPulse .52s var(--phase9-ease);}
@keyframes phase9CartPulse{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-2px) scale(1.035)}100%{transform:translateY(0) scale(1)}}
.nav-row-v2 a{position:relative;border-bottom:0!important;transition:color var(--phase9-med) var(--phase9-ease),opacity var(--phase9-med) var(--phase9-ease);}
.nav-row-v2 a:after{content:"";position:absolute;left:50%;right:50%;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--burgundy),var(--gold),transparent);transition:left var(--phase9-med) var(--phase9-ease),right var(--phase9-med) var(--phase9-ease),opacity var(--phase9-med) var(--phase9-ease);opacity:0;}
.nav-row-v2 a:hover:after,.nav-row-v2 a.active:after{left:0;right:0;opacity:.9;}
.nav-row-v2 a:hover{color:var(--burgundy);}
.announcement-v2 span{transition:opacity var(--phase9-med) var(--phase9-ease),transform var(--phase9-med) var(--phase9-ease);}
.announcement-v2 span:hover{opacity:.92;transform:translateY(-1px);}

/* Buttons: soft lift, clear disabled/submitting states, no jumpy effects */
.btn,.phase3-primary-cta,.phase3-secondary-cta,.phase5-add-btn,.phase7-text-link,.qty-btn,.recommend-line{
  transition:transform var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease),border-color var(--phase9-med) var(--phase9-ease),color var(--phase9-med) var(--phase9-ease),opacity var(--phase9-med) var(--phase9-ease),filter var(--phase9-med) var(--phase9-ease);
}
.btn:hover,.phase3-primary-cta:hover,.phase5-add-btn:hover{transform:translateY(-2px);filter:saturate(1.03);}
.btn-light:hover,.phase3-secondary-cta:hover{transform:translateY(-2px);background:#fff;box-shadow:0 14px 32px rgba(43,23,18,.06);}
.btn.is-pressed,.phase3-primary-cta.is-pressed,.phase3-secondary-cta.is-pressed,.phase5-add-btn.is-pressed,.cart-btn-v2.is-pressed,.icon-btn.is-pressed,.qty-btn.is-pressed{transform:translateY(0) scale(.985)!important;}
button:disabled,.btn[disabled]{cursor:not-allowed;opacity:.58;filter:grayscale(.12);transform:none!important;box-shadow:none!important;}

/* Hero: subtle editorial movement and clear interactive affordances */
.phase9-ux-polish .phase3-editorial-frame,.phase9-ux-polish .phase3-packshot,.phase9-ux-polish .phase3-floating-note,.phase9-ux-polish .phase3-soft-portrait{
  transition:transform var(--phase9-slow) var(--phase9-ease),box-shadow var(--phase9-slow) var(--phase9-ease),filter var(--phase9-slow) var(--phase9-ease),opacity var(--phase9-slow) var(--phase9-ease);
}
.phase9-ux-polish .phase3-hero-visual:hover .phase3-editorial-frame{transform:translateY(-3px);box-shadow:0 30px 76px rgba(43,23,18,.105);}
.phase9-ux-polish .phase3-hero-visual:hover .phase3-packshot-1{transform:translateY(-5px) rotate(-.4deg);}
.phase9-ux-polish .phase3-hero-visual:hover .phase3-packshot-2{transform:translateY(-8px) rotate(.35deg);}
.phase9-ux-polish .phase3-hero-visual:hover .phase3-packshot-3{transform:translateY(-4px) rotate(.2deg);}
.phase9-ux-polish .phase3-floating-note{box-shadow:0 18px 42px rgba(43,23,18,.07);}
.phase9-ux-polish .phase3-floating-note:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(43,23,18,.09);}
.phase9-ux-polish .phase3-hero-proof span{transition:transform var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease),border-color var(--phase9-med) var(--phase9-ease);}
.phase9-ux-polish .phase3-hero-proof span:hover{transform:translateY(-2px);background:#fff;border-color:rgba(107,16,34,.20);}

/* Trust strip: premium hover without feeling gamified */
.reset-trust-row div{transition:transform var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease);}
.reset-trust-row div:hover{transform:translateY(-2px);background:#fff;box-shadow:0 16px 34px rgba(43,23,18,.045);}
.reset-trust-row div svg{transition:transform var(--phase9-med) var(--phase9-ease),color var(--phase9-med) var(--phase9-ease);}
.reset-trust-row div:hover svg{transform:translateY(-1px) scale(1.04);color:var(--burgundy);}

/* Discovery cards: hover depth, image zoom, arrow movement */
.phase6-discovery-card{transition:transform var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease),border-color var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease);}
.phase6-discovery-card:hover{transform:translateY(-4px);box-shadow:0 28px 62px rgba(43,23,18,.085);border-color:rgba(107,16,34,.18);background:#fffdf9;}
.phase6-card-media img,.phase6-card-art img{transition:transform var(--phase9-slow) var(--phase9-ease),filter var(--phase9-slow) var(--phase9-ease);}
.phase6-discovery-card:hover .phase6-card-media img,.phase6-discovery-card:hover .phase6-card-art img{transform:scale(1.035);filter:saturate(1.02) contrast(1.015);}
.phase6-card-arrow{transition:transform var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease),color var(--phase9-med) var(--phase9-ease);}
.phase6-discovery-card:hover .phase6-card-arrow{transform:translateX(-4px);background:var(--burgundy);color:#fff;}
[dir="ltr"] .phase6-discovery-card:hover .phase6-card-arrow{transform:translateX(4px);}

/* Product cards: cleaner ecommerce feedback */
.phase5-product-card{transition:transform var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease),border-color var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease);}
.phase5-product-card:hover{transform:translateY(-5px);box-shadow:0 32px 70px rgba(43,23,18,.095);border-color:rgba(107,16,34,.18);background:#fffdf9;}
.phase5-product-media img{transition:transform var(--phase9-slow) var(--phase9-ease),filter var(--phase9-slow) var(--phase9-ease);}
.phase5-product-card:hover .phase5-product-media img{transform:scale(1.035) translateY(-2px);filter:saturate(1.025) contrast(1.01);}
.phase5-wish{transition:transform var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease),color var(--phase9-med) var(--phase9-ease),border-color var(--phase9-med) var(--phase9-ease);}
.phase5-wish:hover{transform:scale(1.06);background:#fff;color:var(--burgundy);border-color:rgba(107,16,34,.24);}
.phase5-rating-stars svg{transition:transform var(--phase9-med) var(--phase9-ease),opacity var(--phase9-med) var(--phase9-ease);}
.phase5-product-card:hover .phase5-rating-stars svg:nth-child(1){transform:translateY(-1px);}
.phase5-product-card:hover .phase5-rating-stars svg:nth-child(2){transform:translateY(-1px);transition-delay:35ms;}
.phase5-product-card:hover .phase5-rating-stars svg:nth-child(3){transform:translateY(-1px);transition-delay:70ms;}
.phase5-product-card:hover .phase5-rating-stars svg:nth-child(4){transform:translateY(-1px);transition-delay:105ms;}
.phase5-product-card:hover .phase5-rating-stars svg:nth-child(5){transform:translateY(-1px);transition-delay:140ms;}
.phase5-add-btn{position:relative;overflow:hidden;}
.phase5-add-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);transform:translateX(-130%);transition:transform 720ms var(--phase9-ease);}
.phase5-add-btn:hover:after{transform:translateX(130%);}

/* Why / routine / proof cards */
.phase7-proof-list article,.phase7-proof-grid article,.phase7-routine-card,.phase7-why-copy{
  transition:transform var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease),border-color var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease);
}
.phase7-proof-list article:hover,.phase7-proof-grid article:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(43,23,18,.065);border-color:rgba(107,16,34,.16);background:#fffdf9;}
.phase7-routine-card:hover{box-shadow:0 32px 80px rgba(43,23,18,.10);}
.phase7-routine-visual img{transition:transform var(--phase9-slow) var(--phase9-ease),filter var(--phase9-slow) var(--phase9-ease);}
.phase7-routine-card:hover .phase7-routine-visual img{transform:translateY(-4px) scale(1.025);filter:saturate(1.02);}

/* Drawer / modal: more polished motion */
.drawer,.modal-card,.overlay{will-change:transform,opacity;}
.drawer{transition:transform var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease)!important;}
.drawer.open{box-shadow:-22px 0 70px rgba(43,23,18,.18);}
[dir="ltr"] .drawer.open{box-shadow:22px 0 70px rgba(43,23,18,.18);}
.overlay{transition:opacity var(--phase9-med) var(--phase9-ease),backdrop-filter var(--phase9-med) var(--phase9-ease)!important;backdrop-filter:blur(0px);}
.drawer-panel.open .overlay,.modal.open .overlay{backdrop-filter:blur(3px);}
.modal-card{transition:transform var(--phase9-med) var(--phase9-ease),opacity var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease)!important;}
.modal.open .modal-card{box-shadow:0 35px 95px rgba(43,23,18,.20);}
.qty-btn:hover{background:#fff;border-color:rgba(107,16,34,.25);color:var(--burgundy);}
.recommend-line:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(43,23,18,.055);}
.checkout-card input:focus,.checkout-card select:focus{border-color:rgba(107,16,34,.34)!important;box-shadow:0 0 0 4px rgba(201,154,98,.11)!important;background:#fff;}
.checkout-reassurance span,.whatsapp-note{transition:background var(--phase9-med) var(--phase9-ease),border-color var(--phase9-med) var(--phase9-ease),transform var(--phase9-med) var(--phase9-ease);}
.checkout-reassurance span:hover,.whatsapp-note:hover{background:#fff;transform:translateY(-1px);border-color:rgba(107,16,34,.16);}

/* Mobile tap affordance and sticky CTA clarity */
.sticky-cta,.sticky-cta-cro{transition:transform var(--phase9-med) var(--phase9-ease),box-shadow var(--phase9-med) var(--phase9-ease),background var(--phase9-med) var(--phase9-ease);}
.sticky-cta:hover,.sticky-cta-cro:hover{box-shadow:0 -18px 44px rgba(43,23,18,.12);}
@media(max-width:760px){
  .phase5-product-card:hover,.phase6-discovery-card:hover,.reset-trust-row div:hover,.phase7-proof-list article:hover,.phase7-proof-grid article:hover{transform:none;}
  .phase5-add-btn,.btn,.cart-btn-v2,.icon-btn{min-height:44px;}
  .nav-row-v2 nav{scroll-snap-type:x proximity;}
  .nav-row-v2 a{scroll-snap-align:center;}
}

/* Keep animations accessible */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}

/* =========================================================
   PHASE 10 — REFERENCE-BASED REAL STORE HOMEPAGE REBUILD
   Goal: commercial premium beauty ecommerce density inspired by
   Sephora Middle East / Asteri / Nice One references.
   ========================================================= */
:root{
  --rs-bg:#fbf7f2;--rs-card:#fffdf9;--rs-line:#eadfd4;--rs-text:#2b1712;--rs-muted:#806a60;--rs-burg:#8b0f35;--rs-burg-dark:#5c0c1d;--rs-gold:#b98b5c;--rs-pink:#f7dde3;--rs-soft:#f3e9df;
}
.realstore-home{background:var(--rs-bg);color:var(--rs-text);overflow:hidden}.realstore-home *{box-sizing:border-box}.realstore-home a{text-decoration:none;color:inherit}.rs-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--rs-burg);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.rs-btn{min-height:46px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-weight:900;font-size:.9rem;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease}.rs-btn:hover{transform:translateY(-1px)}.rs-btn-primary{background:var(--rs-burg);color:#fff;box-shadow:0 14px 30px rgba(139,15,53,.18)}.rs-btn-primary:hover{background:var(--rs-burg-dark);box-shadow:0 20px 42px rgba(139,15,53,.23)}.rs-btn-outline{background:rgba(255,255,255,.55);border-color:rgba(107,16,34,.36);color:var(--rs-burg)}.rs-btn-outline:hover{background:#fff;border-color:var(--rs-burg)}.rs-btn-light{background:#fff;color:var(--rs-burg);border-color:#fff;box-shadow:0 16px 40px rgba(43,23,18,.12)}
.rs-hero{position:relative;min-height:520px;border-bottom:1px solid var(--rs-line);background:#f5ece3}.rs-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover}.rs-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:44%;background:linear-gradient(0deg,rgba(251,247,242,.92),rgba(251,247,242,0));pointer-events:none}.rs-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:40px;align-items:center;min-height:520px}.rs-hero-copy{max-width:520px;padding:50px 0}.rs-hero-copy h1{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',Inter,sans-serif;font-size:clamp(2.7rem,5vw,5.55rem);line-height:1.08;letter-spacing:-.05em;font-weight:800;color:var(--rs-text);margin:16px 0 18px}.rs-hero-copy p{font-size:1.02rem;line-height:1.95;color:#5f4d45;max-width:490px}.rs-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.rs-hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.rs-hero-badges span{height:34px;padding:0 12px;background:rgba(255,255,255,.72);border:1px solid rgba(234,223,212,.9);display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:800;color:#654d45}.rs-hero-badges svg{width:15px;color:var(--rs-gold)}.rs-hero-products{position:relative;height:420px}.rs-floating-product{position:absolute;width:184px;background:rgba(255,255,255,.78);border:1px solid rgba(234,223,212,.95);box-shadow:0 22px 60px rgba(43,23,18,.12);padding:12px;backdrop-filter:blur(9px);transition:.25s}.rs-floating-product:hover{transform:translateY(-4px)}.rs-floating-product img{width:100%;height:126px;object-fit:cover;background:#fff;border:1px solid rgba(234,223,212,.65)}.rs-floating-product span{display:block;padding-top:10px;font-size:.75rem;font-weight:900;color:var(--rs-text)}.rs-float-1{top:28px;inset-inline-start:14%}.rs-float-2{top:156px;inset-inline-start:36%;width:210px}.rs-float-3{bottom:10px;inset-inline-start:18%}.rs-hero-arrow{position:absolute;z-index:4;top:50%;width:46px;height:46px;margin-top:-23px;border:1px solid rgba(234,223,212,.9);background:rgba(255,255,255,.72);color:var(--rs-text);display:grid;place-items:center;box-shadow:0 10px 30px rgba(43,23,18,.08);transition:.22s}.rs-hero-arrow:hover{background:#fff;color:var(--rs-burg);transform:translateY(-1px)}.rs-prev{inset-inline-start:34px}.rs-next{inset-inline-end:34px}.rs-hero-arrow svg{width:22px}.rs-trust-strip{position:relative;z-index:5;margin-top:-32px;background:#fff;border:1px solid var(--rs-line);box-shadow:0 18px 60px rgba(43,23,18,.08);display:grid;grid-template-columns:repeat(4,1fr)}.rs-trust-strip article{padding:24px 20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;border-inline-start:1px solid var(--rs-line)}.rs-trust-strip article:first-child{border-inline-start:0}.rs-trust-strip svg{grid-row:1/3;width:28px;height:28px;color:var(--rs-gold);stroke-width:1.45}.rs-trust-strip strong{font-size:.94rem}.rs-trust-strip small{font-size:.78rem;color:var(--rs-muted);margin-top:3px}.rs-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.rs-section-head h2{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',Inter,sans-serif;font-size:clamp(1.7rem,2.9vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1.18;margin:8px 0 0;color:var(--rs-text)}.rs-section-head>a{display:inline-flex;align-items:center;gap:7px;color:var(--rs-burg);font-weight:900;font-size:.86rem;white-space:nowrap}.rs-section-head svg{width:15px}.rs-section-head.compact{margin-top:46px}.rs-cats{padding:42px 0 38px}.rs-cat-row{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.rs-cat-card{min-height:174px;background:#fff;border:1px solid var(--rs-line);overflow:hidden;display:flex;flex-direction:column;transition:.22s;box-shadow:0 10px 30px rgba(43,23,18,.035)}.rs-cat-card:hover{transform:translateY(-3px);box-shadow:0 20px 56px rgba(43,23,18,.085);border-color:rgba(139,15,53,.24)}.rs-cat-card figure{height:96px;margin:0;background:#f4ebe2;overflow:hidden}.rs-cat-card figure img{width:100%;height:100%;object-fit:cover;transition:.35s}.rs-cat-card:hover figure img{transform:scale(1.055)}.rs-cat-card div{padding:12px 12px 14px;display:grid;gap:3px}.rs-cat-card svg{width:17px;color:var(--rs-gold)}.rs-cat-card strong{font-size:.9rem;line-height:1.35}.rs-cat-card small{font-size:.72rem;color:var(--rs-muted)}.rs-bestsellers{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:28px 0 54px}.rs-quiz-card{min-height:420px;background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(243,233,223,.72)),url('https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?auto=format&fit=crop&w=700&q=82');background-size:cover;background-position:center;border:1px solid var(--rs-line);padding:34px 26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-shadow:0 16px 50px rgba(43,23,18,.06)}.rs-quiz-card h2{font-size:2rem;line-height:1.25;margin:10px 0 10px;font-weight:800}.rs-quiz-card p{line-height:1.85;color:var(--rs-muted);font-size:.92rem;margin-bottom:22px}.rs-products-area{min-width:0}.rs-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rs-product-card{background:#fff;border:1px solid var(--rs-line);min-width:0;overflow:hidden;box-shadow:0 12px 36px rgba(43,23,18,.04);transition:.22s}.rs-product-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(43,23,18,.09);border-color:rgba(139,15,53,.18)}.rs-product-img{position:relative;height:220px;background:#fff8f2;display:block;overflow:hidden}.rs-product-img img{width:100%;height:100%;object-fit:contain;padding:24px;transition:.28s;mix-blend-mode:multiply}.rs-product-card:hover .rs-product-img img{transform:scale(1.035)}.rs-wish{position:absolute;top:10px;inset-inline-start:10px;z-index:3;width:32px;height:32px;border:1px solid var(--rs-line);background:rgba(255,255,255,.86);display:grid;place-items:center;color:#8a746a}.rs-wish svg{width:16px}.rs-sale-badge{position:absolute;top:10px;inset-inline-end:10px;z-index:3;background:var(--rs-burg);color:#fff;font-size:.66rem;font-weight:900;padding:6px 9px}.rs-product-info{padding:16px 16px 14px}.rs-product-info small{display:block;color:var(--rs-burg);font-weight:900;font-size:.68rem;margin-bottom:5px}.rs-product-info h3{font-size:1rem;line-height:1.38;font-weight:900;min-height:42px;margin:0 0 6px;color:var(--rs-text)}.rs-product-info p{font-size:.76rem;line-height:1.55;color:var(--rs-muted);min-height:36px;margin:0 0 10px}.rs-rating{display:flex;align-items:center;gap:8px;margin-bottom:11px}.rs-rating span{letter-spacing:.08em;color:#b98b5c;font-size:.72rem}.rs-rating em{font-size:.72rem;color:#8a746a;font-style:normal}.rs-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.rs-product-bottom strong{font-size:.96rem;color:var(--rs-text);white-space:nowrap}.rs-product-bottom button{height:34px;padding:0 14px;border:0;background:var(--rs-burg);color:#fff;font-size:.78rem;font-weight:900;cursor:pointer;transition:.2s}.rs-product-bottom button:hover{background:var(--rs-burg-dark)}.rs-offer-banner{min-height:248px;margin:22px auto 54px;background:linear-gradient(100deg,#f7d9df,#fff4f2 48%,#f7dde3);border:1px solid #eccbd4;display:grid;grid-template-columns:320px 1fr auto;align-items:center;gap:28px;overflow:hidden;box-shadow:0 16px 60px rgba(139,15,53,.08)}.rs-offer-image{height:100%;min-height:248px;background:url('https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=900&q=82') center/cover no-repeat}.rs-offer-copy h2{font-size:2.2rem;line-height:1.18;font-weight:900;margin:8px 0 8px;color:var(--rs-burg)}.rs-offer-copy p{color:#684f47;line-height:1.8;max-width:580px;margin-bottom:18px}.rs-countdown{display:grid;grid-template-columns:repeat(2,58px);gap:8px;align-items:center;padding-inline-end:28px}.rs-countdown b{height:54px;background:rgba(255,255,255,.72);border:1px solid rgba(139,15,53,.13);display:grid;place-items:center;color:var(--rs-burg);font-size:1.35rem}.rs-countdown span{font-size:.72rem;color:#785f56;text-align:center}.rs-proof-grid{display:grid;grid-template-columns:1.15fr 1.15fr .9fr;gap:16px;padding-bottom:58px}.rs-proof-card{background:#fff;border:1px solid var(--rs-line);padding:28px;min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-shadow:0 10px 34px rgba(43,23,18,.035)}.rs-proof-card h3{font-size:1.45rem;line-height:1.28;font-weight:900;margin:8px 0 8px}.rs-proof-card p{color:var(--rs-muted);line-height:1.75;font-size:.9rem}.rs-proof-card a{display:inline-flex;gap:7px;align-items:center;margin-top:14px;color:var(--rs-burg);font-weight:900}.rs-proof-card a svg{width:15px}.rs-payments{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;margin-top:18px}.rs-payments span{height:34px;border:1px solid var(--rs-line);display:grid;place-items:center;font-size:.76rem;font-weight:900;color:#4b332c;background:#fffdf9}.rs-brand-marquee{background:#fff;border-block:1px solid var(--rs-line);padding:32px 0}.rs-brand-marquee .container-naqae{display:grid;gap:18px;text-align:center}.rs-brand-marquee span{color:var(--rs-burg);font-weight:900}.rs-brand-marquee div div{display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:auto;padding-bottom:4px}.rs-brand-marquee b{font-family:Georgia,serif;font-size:1.35rem;font-weight:500;letter-spacing:.04em;white-space:nowrap;color:#2f201d;opacity:.86}
/* tighten header when real-store homepage is used */
.realstore-home ~ .footer{margin-top:0}.site-header-v2{box-shadow:0 8px 26px rgba(43,23,18,.035)}.brand-logo-v2 img{width:222px}.nav-row-v2 nav{justify-content:center;gap:6px}.nav-row-v2 nav a{padding:14px 18px;font-size:.86rem}.announcement-v2{padding:8px 0}.cart-btn-v2{border-radius:0}.search-pill-v2{border-radius:0}
@media(max-width:1180px){.rs-cat-row{grid-template-columns:repeat(4,1fr)}.rs-product-grid{grid-template-columns:repeat(3,1fr)}.rs-bestsellers{grid-template-columns:260px 1fr}.rs-hero-inner{grid-template-columns:1fr}.rs-hero-products{display:none}.rs-hero{min-height:460px}.rs-hero-inner{min-height:460px}.rs-hero-copy{max-width:560px}.rs-proof-grid{grid-template-columns:1fr 1fr}.rs-proof-card.payments{grid-column:1/-1}.rs-offer-banner{grid-template-columns:260px 1fr}.rs-countdown{display:none}}
@media(max-width:760px){.rs-hero{min-height:520px}.rs-hero-bg{background-position:center right}.rs-hero-bg:after{content:"";position:absolute;inset:0;background:rgba(251,247,242,.66)}.rs-hero-inner{display:block;min-height:520px}.rs-hero-copy{padding:82px 0 46px}.rs-hero-copy h1{font-size:2.55rem;line-height:1.16}.rs-hero-copy p{font-size:.94rem}.rs-hero-actions .rs-btn{width:100%}.rs-hero-badges span{flex:1 1 100%;justify-content:center}.rs-hero-arrow{display:none}.rs-trust-strip{margin-top:0;grid-template-columns:1fr 1fr}.rs-trust-strip article{padding:18px 14px;grid-template-columns:1fr;text-align:center;gap:6px}.rs-trust-strip svg{grid-row:auto;margin:auto}.rs-cats{padding-top:30px}.rs-section-head{align-items:flex-start;flex-direction:column}.rs-cat-row{display:flex;overflow:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory}.rs-cat-card{min-width:154px;scroll-snap-align:start}.rs-cat-card figure{height:92px}.rs-bestsellers{grid-template-columns:1fr;padding-top:18px}.rs-quiz-card{min-height:280px}.rs-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rs-product-img{height:178px}.rs-product-img img{padding:18px}.rs-product-info{padding:13px}.rs-product-info h3{font-size:.88rem;min-height:38px}.rs-product-info p{display:none}.rs-product-bottom{display:block}.rs-product-bottom strong{display:block;margin-bottom:9px}.rs-product-bottom button{width:100%}.rs-offer-banner{display:block;margin-bottom:38px}.rs-offer-image{min-height:150px}.rs-offer-copy{padding:22px}.rs-offer-copy h2{font-size:1.55rem}.rs-proof-grid{grid-template-columns:1fr}.rs-brand-marquee div div{justify-content:flex-start}.brand-logo-v2 img{width:176px}}
@media(max-width:420px){.rs-product-grid{grid-template-columns:1fr}.rs-product-img{height:220px}.rs-trust-strip{grid-template-columns:1fr}.rs-cat-card{min-width:170px}}

/* ======================================================================
   PHASE 2 — HEADER + NAVIGATION REAL STORE REBUILD
   Scope: announcement bar, ecommerce header, search, nav, mobile header only.
   ====================================================================== */
[x-cloak]{display:none!important;}
.phase2-topbar{
  background:#6b1022;
  color:#fffaf4;
  padding:7px 0;
  font-size:.76rem;
  line-height:1.35;
  font-weight:800;
  letter-spacing:.01em;
  border:0;
}
.phase2-topbar-inner{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
  gap:0;
  min-height:22px;
}
.phase2-topbar-inner span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  padding:0 18px;
  position:relative;
  color:#fffaf4;
}
.phase2-topbar-inner span+span{border-inline-start:1px solid rgba(255,250,244,.24);}
.phase2-topbar-inner span:before{display:none!important;}
.phase2-topbar-inner svg{
  width:15px;
  height:15px;
  stroke-width:1.65;
  color:#e5c187;
}
.phase2-store-header{
  position:sticky;
  top:0;
  z-index:90;
  background:rgba(255,253,249,.985);
  backdrop-filter:saturate(1.1) blur(16px);
  border-bottom:1px solid rgba(43,23,18,.085);
  box-shadow:0 10px 26px rgba(43,23,18,.035);
}
.phase2-main-row{
  display:grid;
  grid-template-columns:minmax(270px,1fr) auto minmax(270px,1fr);
  align-items:center;
  gap:28px;
  padding:16px 0 10px;
}
.phase2-left-tools,
.phase2-right-tools{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
.phase2-left-tools{justify-content:flex-start;}
.phase2-right-tools{justify-content:flex-end;}
.phase2-logo{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-decoration:none;
  min-width:230px;
  color:#2b1712;
}
.phase2-logo img{
  width:246px;
  max-width:28vw;
  height:auto;
  display:block;
  filter:drop-shadow(0 3px 10px rgba(43,23,18,.035));
}
.phase2-logo em{
  font-style:normal;
  color:#8b6d62;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.18em;
  margin-top:-2px;
}
.phase2-select,
.phase2-header-link,
.phase2-lang,
.phase2-cart,
.phase2-mobile-menu{
  height:40px;
  border:1px solid #e6dbd0;
  background:#fffdf9;
  color:#2b1712;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px;
  text-decoration:none;
  font-size:.82rem;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.phase2-select:hover,
.phase2-header-link:hover,
.phase2-lang:hover,
.phase2-mobile-menu:hover{
  background:#fff;
  border-color:rgba(107,16,34,.28);
  color:#6b1022;
  box-shadow:0 10px 22px rgba(43,23,18,.045);
  transform:translateY(-1px);
}
.phase2-select svg,
.phase2-header-link svg,
.phase2-cart svg,
.phase2-mobile-menu svg{
  width:17px;
  height:17px;
  stroke-width:1.55;
  color:#7a6258;
}
.phase2-header-link:hover svg,
.phase2-select:hover svg,
.phase2-mobile-menu:hover svg{color:#6b1022;}
.phase2-flag{
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  background:#f3eee8;
  font-size:.82rem;
}
.phase2-lang{
  min-width:42px;
  padding:0 11px;
  color:#6b1022;
  border-color:rgba(107,16,34,.20);
  letter-spacing:.03em;
}
.phase2-cart{
  border-color:rgba(107,16,34,.34);
  color:#6b1022;
  background:#fffdf9;
  padding-inline:13px 10px;
  min-width:92px;
  position:relative;
}
.phase2-cart svg{color:#6b1022;}
.phase2-cart strong{
  min-width:19px;
  height:19px;
  border-radius:999px;
  background:#6b1022;
  color:#fff;
  display:inline-grid;
  place-items:center;
  font-size:.66rem;
  font-weight:900;
  font-family:Inter,system-ui,sans-serif;
  padding:0 5px;
}
.phase2-cart:hover,.phase2-cart.has-items{
  background:#6b1022;
  border-color:#6b1022;
  color:#fff;
  box-shadow:0 14px 32px rgba(107,16,34,.14);
  transform:translateY(-1px);
}
.phase2-cart:hover svg,.phase2-cart.has-items svg{color:#fff;}
.phase2-cart:hover strong,.phase2-cart.has-items strong{background:#fffaf4;color:#6b1022;}
.phase2-mobile-menu{display:none;width:42px;padding:0;color:#6b1022;border-color:rgba(107,16,34,.20);}
.phase2-search-row{padding:0 0 12px;}
.phase2-search{
  width:min(690px,64vw);
  height:44px;
  margin-inline:auto;
  border:1px solid #e5d9cd;
  background:#fff;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 10px 0 15px;
  box-shadow:0 8px 22px rgba(43,23,18,.025), inset 0 1px 0 rgba(255,255,255,.75);
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.phase2-search:focus-within{
  border-color:rgba(107,16,34,.32);
  box-shadow:0 14px 34px rgba(43,23,18,.055),0 0 0 4px rgba(201,154,98,.10);
  transform:translateY(-1px);
}
.phase2-search svg{width:18px;height:18px;stroke-width:1.6;color:#7e675e;}
.phase2-search input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#2b1712;
  font:inherit;
  font-size:.9rem;
  font-weight:650;
  height:100%;
}
.phase2-search input::placeholder{color:#9a867c;font-weight:500;}
.phase2-search button{
  height:30px;
  padding:0 16px;
  border:0;
  background:#6b1022;
  color:#fffaf4;
  font-weight:900;
  font-size:.78rem;
  cursor:pointer;
  transition:background .22s ease,transform .22s ease;
}
.phase2-search button:hover{background:#4d0b18;transform:translateY(-1px);}
.phase2-nav-wrap{
  border-top:1px solid rgba(43,23,18,.06);
  padding:0;
}
.phase2-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
  min-height:48px;
}
.phase2-nav::-webkit-scrollbar{display:none;}
.phase2-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  color:rgba(43,23,18,.82);
  text-decoration:none;
  font-size:.86rem;
  font-weight:850;
  border:0!important;
  letter-spacing:0;
  transition:color .24s ease,background .24s ease;
}
.phase2-nav a:after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:0;
  height:2px;
  background:#6b1022;
  transition:left .28s ease,right .28s ease,opacity .28s ease;
  opacity:0;
}
.phase2-nav a:hover{color:#6b1022;background:rgba(107,16,34,.025);}
.phase2-nav a:hover:after,.phase2-nav a.active:after{left:18px;right:18px;opacity:1;}
.phase2-nav .phase2-offer-link{color:#a60f45;font-weight:950;}
.phase2-nav .phase2-offer-link:before{
  content:"";
  width:5px;height:5px;border-radius:50%;background:#a60f45;
  margin-inline-end:8px;
  box-shadow:0 0 0 4px rgba(166,15,69,.08);
}
.phase2-mobile-panel{
  display:none;
  padding:0 0 12px;
}
.phase2-mobile-actions{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  border-top:1px solid rgba(43,23,18,.07);
  padding-top:10px;
}
.phase2-mobile-actions a,.phase2-mobile-actions button{
  min-height:42px;
  border:1px solid #e6dbd0;
  background:#fffdf9;
  color:#2b1712;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-decoration:none;
  font-weight:800;
  font-size:.76rem;
  cursor:pointer;
}
.phase2-mobile-actions svg{width:16px;height:16px;color:#6b1022;stroke-width:1.55;}
@media(max-width:1180px){
  .phase2-main-row{grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);gap:18px;}
  .phase2-logo img{width:218px;}
  .phase2-logo{min-width:205px;}
  .phase2-search{width:min(620px,72vw);}
  .phase2-header-link span,.phase2-country span:not(.phase2-flag){display:none;}
  .phase2-select{padding:0 10px;}
  .phase2-nav a{padding-inline:14px;font-size:.82rem;}
}
@media(max-width:860px){
  .phase2-topbar{font-size:.69rem;padding:7px 0;}
  .phase2-topbar-inner{display:flex;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;}
  .phase2-topbar-inner::-webkit-scrollbar{display:none;}
  .phase2-topbar-inner span{padding:0 16px;}
  .phase2-main-row{grid-template-columns:auto 1fr auto;gap:10px;padding:12px 0 8px;}
  .phase2-left-tools .phase2-country,.phase2-left-tools .phase2-currency{display:none;}
  .phase2-mobile-menu{display:inline-flex;}
  .phase2-logo{min-width:0;}
  .phase2-logo img{width:164px;max-width:48vw;}
  .phase2-logo em{font-size:.63rem;letter-spacing:.13em;}
  .phase2-lang,.phase2-account,.phase2-wishlist{display:none!important;}
  .phase2-cart{width:42px;min-width:42px;height:42px;padding:0;}
  .phase2-cart span{display:none;}
  .phase2-cart strong{position:absolute;top:-6px;inset-inline-end:-6px;min-width:18px;height:18px;font-size:.62rem;border:1px solid #fffaf4;}
  .phase2-search-row{padding-bottom:9px;}
  .phase2-search{width:100%;height:42px;}
  .phase2-search button{display:none;}
  .phase2-nav{justify-content:flex-start;min-height:44px;scroll-snap-type:x proximity;}
  .phase2-nav a{min-height:44px;padding:0 16px;font-size:.78rem;scroll-snap-align:center;}
  .phase2-nav a:hover:after,.phase2-nav a.active:after{left:16px;right:16px;}
  .phase2-mobile-panel{display:block;}
  .phase2-mobile-actions{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:460px){
  .phase2-logo img{width:142px;}
  .phase2-logo em{display:none;}
  .phase2-topbar-inner span{font-size:.66rem;padding:0 13px;}
  .phase2-main-row{gap:7px;}
  .phase2-search input{font-size:.82rem;}
  .phase2-nav a{padding-inline:13px;font-size:.75rem;}
  .phase2-mobile-actions{grid-template-columns:1fr 1fr;gap:7px;}
}
@media(prefers-reduced-motion:reduce){
  .phase2-select,.phase2-header-link,.phase2-lang,.phase2-cart,.phase2-search,.phase2-search button,.phase2-nav a,.phase2-nav a:after{transition:none!important;}
}

/* =========================================================
   Phase 3 — Full-Width Hero Banner Rebuild
   Scope: hero section only. Commercial premium beauty-store
   direction inspired by real GCC ecommerce layouts.
   ========================================================= */
.phase3-hero-store{
  background:#fbf7f2;
  padding:24px 0 18px;
  border-bottom:1px solid #eadfd4;
  position:relative;
  overflow:hidden;
}
.phase3-hero-container{position:relative;}
.phase3-hero-shell{
  min-height:570px;
  display:grid;
  grid-template-columns:minmax(350px,.88fr) minmax(520px,1.12fr);
  align-items:stretch;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(107,16,34,.13);
  background:
    radial-gradient(circle at 17% 18%,rgba(201,154,98,.18),transparent 30%),
    radial-gradient(circle at 86% 20%,rgba(107,16,34,.10),transparent 32%),
    linear-gradient(115deg,#fffaf4 0%,#fbf0ed 42%,#f4d8dd 100%);
  box-shadow:0 24px 70px rgba(43,23,18,.075);
}
.phase3-hero-shell:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.28) 0 1px,transparent 1px 120px),
    linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 120px);
  opacity:.26;
  pointer-events:none;
}
.phase3-hero-shell:after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border:1px solid rgba(201,154,98,.22);
  border-radius:999px;
  inset-inline-start:-130px;
  bottom:-180px;
  pointer-events:none;
}
.phase3-hero-copy{
  position:relative;
  z-index:3;
  padding:clamp(42px,5vw,74px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  color:#2b1712;
}
.phase3-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:32px;
  padding:0 13px;
  border:1px solid rgba(107,16,34,.16);
  background:rgba(255,255,255,.56);
  color:#6b1022;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.phase3-eyebrow svg{width:15px;height:15px;color:#c99a62;stroke-width:1.5;}
.phase3-hero-copy h1{
  margin:18px 0 16px;
  max-width:610px;
  font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',Inter,sans-serif;
  font-size:clamp(2.25rem,4.45vw,4.9rem);
  line-height:1.13;
  letter-spacing:-.045em;
  font-weight:850;
  color:#2b1712;
}
.phase3-hero-copy p{
  max-width:560px;
  margin:0;
  color:#624d45;
  font-size:1.02rem;
  line-height:1.9;
  font-weight:520;
}
.phase3-hero-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:30px;
}
.phase3-btn{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
  border:1px solid transparent;
  font-weight:900;
  font-size:.91rem;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease;
}
.phase3-btn:hover{transform:translateY(-1px);}
.phase3-btn-primary{
  background:#6b1022;
  color:#fff;
  box-shadow:0 18px 44px rgba(107,16,34,.22);
}
.phase3-btn-primary:hover{background:#4d0b18;box-shadow:0 24px 56px rgba(107,16,34,.27);}
.phase3-btn-secondary{
  background:rgba(255,255,255,.64);
  color:#6b1022;
  border-color:rgba(107,16,34,.28);
}
.phase3-btn-secondary:hover{background:#fff;border-color:#6b1022;}
.phase3-hero-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:min(560px,100%);
  margin-top:28px;
}
.phase3-hero-proof span{
  min-height:64px;
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  border:1px solid rgba(234,223,212,.92);
  background:rgba(255,255,255,.66);
  box-shadow:0 12px 34px rgba(43,23,18,.04);
}
.phase3-hero-proof b{font-size:1rem;color:#6b1022;line-height:1;}
.phase3-hero-proof span{font-size:.72rem;color:#725b52;font-weight:750;}
.phase3-hero-visual{
  position:relative;
  z-index:2;
  min-height:570px;
  padding:34px 34px 34px 0;
}
.phase3-campaign-photo{
  position:absolute;
  inset:34px 34px 52px 154px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.65);
  background:#f1dfd6;
  box-shadow:0 30px 85px rgba(43,23,18,.16);
}
.phase3-campaign-photo:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,rgba(43,23,18,.22),transparent 38%,rgba(255,250,244,.08));
  pointer-events:none;
}
.phase3-campaign-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 37%;
  display:block;
  filter:saturate(.92) contrast(.97) brightness(1.03);
}
.phase3-product-edit{
  position:absolute;
  z-index:4;
  inset-inline-end:0;
  bottom:34px;
  width:min(350px,58%);
  padding:16px;
  border:1px solid rgba(234,223,212,.88);
  background:rgba(255,250,244,.88);
  backdrop-filter:blur(14px);
  box-shadow:0 28px 80px rgba(43,23,18,.16);
}
.phase3-edit-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(234,223,212,.88);
}
.phase3-edit-head span{
  color:#6b1022;
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.phase3-edit-head strong{font-size:.95rem;color:#2b1712;}
.phase3-mini-product{
  display:grid;
  grid-template-columns:66px 1fr;
  align-items:center;
  gap:12px;
  min-height:76px;
  color:#2b1712;
}
.phase3-mini-product+.phase3-mini-product{border-top:1px solid rgba(234,223,212,.72);padding-top:10px;margin-top:10px;}
.phase3-mini-product img{
  width:66px;
  height:66px;
  object-fit:cover;
  background:#fff;
  border:1px solid rgba(234,223,212,.75);
}
.phase3-mini-product b{
  display:block;
  font-size:.82rem;
  line-height:1.45;
  font-weight:900;
}
.phase3-mini-product em{
  display:block;
  margin-top:4px;
  font-style:normal;
  color:#6b1022;
  font-size:.82rem;
  font-weight:950;
}
.phase3-offer-note{
  position:absolute;
  z-index:5;
  inset-inline-start:42px;
  top:46px;
  min-width:174px;
  padding:13px 14px;
  border:1px solid rgba(107,16,34,.13);
  background:rgba(107,16,34,.92);
  color:#fff;
  box-shadow:0 20px 54px rgba(107,16,34,.22);
}
.phase3-offer-note small{
  display:block;
  color:#f4d5dd;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.phase3-offer-note strong{display:block;margin-top:3px;font-size:.94rem;}
.phase3-hero-dots{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:34px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:9px;
}
.phase3-hero-dots span{
  width:7px;
  height:7px;
  border-radius:99px;
  background:#d8c7bd;
  transition:.2s;
}
.phase3-hero-dots span.active{width:28px;background:#6b1022;}
@media(max-width:1180px){
  .phase3-hero-shell{grid-template-columns:1fr;min-height:unset;}
  .phase3-hero-copy{padding:44px 38px 28px;}
  .phase3-hero-copy h1{max-width:720px;}
  .phase3-hero-visual{min-height:430px;padding:24px;}
  .phase3-campaign-photo{inset:24px 24px 42px 144px;}
  .phase3-product-edit{inset-inline-end:24px;width:330px;}
  .phase3-offer-note{inset-inline-start:36px;top:36px;}
}
@media(max-width:760px){
  .phase3-hero-store{padding:12px 0 0;}
  .phase3-hero-shell{border-inline:0;box-shadow:none;}
  .phase3-hero-copy{padding:30px 22px 18px;}
  .phase3-eyebrow{font-size:.63rem;letter-spacing:.12em;}
  .phase3-hero-copy h1{font-size:2.15rem;line-height:1.18;letter-spacing:-.035em;margin-top:14px;}
  .phase3-hero-copy p{font-size:.92rem;line-height:1.78;}
  .phase3-hero-actions{gap:9px;margin-top:22px;}
  .phase3-btn{width:100%;min-height:46px;font-size:.85rem;}
  .phase3-hero-proof{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;}
  .phase3-hero-proof span:last-child{grid-column:1/-1;}
  .phase3-hero-visual{min-height:380px;padding:14px 18px 22px;}
  .phase3-campaign-photo{inset:14px 18px 88px 18px;}
  .phase3-product-edit{width:auto;left:30px;right:30px;bottom:20px;padding:12px;}
  .phase3-edit-head{margin-bottom:8px;padding-bottom:8px;}
  .phase3-mini-product{grid-template-columns:52px 1fr;min-height:58px;gap:9px;}
  .phase3-mini-product img{width:52px;height:52px;}
  .phase3-mini-product:nth-of-type(n+3){display:none;}
  .phase3-mini-product b{font-size:.74rem;}
  .phase3-mini-product em{font-size:.75rem;}
  .phase3-offer-note{display:none;}
  .phase3-hero-dots{display:none;}
}

/* ======================================================================
   PHASE 4 — TRUST STRIP + CATEGORY ROW LIKE REAL STORES
   Scope: only the trust rail directly under hero and the shop-by-category row.
   Goal: denser, cleaner commercial ecommerce discovery like premium beauty stores.
   ====================================================================== */
.phase4-realstore-home .phase4-trust-wrap{
  position:relative;
  z-index:5;
  margin:0 auto 26px;
}
.phase4-realstore-home .phase4-trust-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  background:#fff;
  border:1px solid rgba(234,223,212,.98);
  box-shadow:0 16px 45px rgba(43,23,18,.045);
  overflow:hidden;
}
.phase4-realstore-home .phase4-trust-item{
  min-height:92px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:18px 19px;
  border-inline-start:1px solid rgba(234,223,212,.86);
  background:linear-gradient(180deg,#fff 0%,#fffdf9 100%);
  transition:background .24s ease,transform .24s ease,box-shadow .24s ease;
}
.phase4-realstore-home .phase4-trust-item:first-child{border-inline-start:0;}
.phase4-realstore-home .phase4-trust-item:hover{
  background:#fffaf4;
  transform:translateY(-1px);
  box-shadow:inset 0 -2px 0 rgba(107,16,34,.12);
}
.phase4-realstore-home .phase4-trust-icon{
  width:42px;
  height:42px;
  min-width:42px;
  display:grid;
  place-items:center;
  background:rgba(107,16,34,.06);
  border:1px solid rgba(107,16,34,.14);
  color:#6b1022;
}
.phase4-realstore-home .phase4-trust-icon svg{
  width:20px;
  height:20px;
  stroke-width:1.55;
}
.phase4-realstore-home .phase4-trust-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.phase4-realstore-home .phase4-trust-copy strong{
  color:#2b1712;
  font-size:.9rem;
  line-height:1.35;
  font-weight:950;
  white-space:nowrap;
}
.phase4-realstore-home .phase4-trust-copy small{
  color:#7c665c;
  font-size:.74rem;
  line-height:1.45;
  font-weight:650;
}
.phase4-realstore-home .phase4-cats{
  padding:34px 0 54px;
}
.phase4-realstore-home .phase4-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:22px;
}
.phase4-realstore-home .phase4-section-head h2{
  margin:8px 0 8px;
  max-width:640px;
  color:#2b1712;
  font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',Inter,sans-serif;
  font-size:clamp(1.42rem,2.2vw,2.18rem);
  line-height:1.28;
  font-weight:850;
  letter-spacing:-.025em;
}
.phase4-realstore-home .phase4-section-head p{
  max-width:650px;
  margin:0;
  color:#796257;
  font-size:.94rem;
  line-height:1.8;
  font-weight:550;
}
.phase4-realstore-home .phase4-kicker{
  letter-spacing:.15em;
  color:#8b0f35;
}
.phase4-realstore-home .phase4-view-all{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px;
  color:#6b1022;
  border:1px solid rgba(107,16,34,.18);
  background:rgba(255,255,255,.54);
  font-size:.84rem;
  font-weight:900;
  white-space:nowrap;
  transition:background .22s ease,border-color .22s ease,transform .22s ease,color .22s ease;
}
.phase4-realstore-home .phase4-view-all svg{width:15px;height:15px;stroke-width:1.7;transition:transform .22s ease;}
.phase4-realstore-home .phase4-view-all:hover{background:#fff;border-color:#6b1022;transform:translateY(-1px);}
.phase4-realstore-home .phase4-view-all:hover svg{transform:translateX(-3px);}
html[dir="ltr"] .phase4-realstore-home .phase4-view-all:hover svg{transform:translateX(3px);}
.phase4-realstore-home .phase4-cat-row{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:13px;
}
.phase4-realstore-home .phase4-cat-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:238px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(234,223,212,.96);
  color:#2b1712;
  box-shadow:0 10px 26px rgba(43,23,18,.035);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
.phase4-realstore-home .phase4-cat-card:hover{
  transform:translateY(-4px);
  border-color:rgba(107,16,34,.18);
  box-shadow:0 24px 58px rgba(43,23,18,.085);
  background:#fffdf9;
}
.phase4-realstore-home .phase4-cat-media{
  position:relative;
  height:132px;
  margin:0;
  overflow:hidden;
  background:#f6eee7;
}
.phase4-realstore-home .phase4-cat-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(43,23,18,0) 40%,rgba(43,23,18,.20) 100%);
  opacity:.7;
  pointer-events:none;
}
.phase4-realstore-home .phase4-cat-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.01);
  filter:saturate(.98) contrast(1.03);
  transition:transform .42s ease,filter .42s ease;
}
.phase4-realstore-home .phase4-cat-card:hover .phase4-cat-media img{
  transform:scale(1.06);
  filter:saturate(1.03) contrast(1.04);
}
.phase4-realstore-home .phase4-cat-body{
  position:relative;
  flex:1;
  display:grid;
  grid-template-rows:auto auto auto 1fr;
  gap:5px;
  padding:15px 14px 14px;
}
.phase4-realstore-home .phase4-cat-icon{
  position:absolute;
  top:-21px;
  inset-inline-start:14px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  color:#6b1022;
  background:#fffaf4;
  border:1px solid rgba(234,223,212,.98);
  box-shadow:0 10px 22px rgba(43,23,18,.08);
}
.phase4-realstore-home .phase4-cat-icon svg{width:19px;height:19px;stroke-width:1.55;}
.phase4-realstore-home .phase4-cat-body strong{
  margin-top:11px;
  font-size:.92rem;
  line-height:1.35;
  font-weight:950;
  color:#2b1712;
}
.phase4-realstore-home .phase4-cat-body small{
  min-height:34px;
  color:#7a6258;
  font-size:.74rem;
  line-height:1.45;
  font-weight:650;
}
.phase4-realstore-home .phase4-cat-body em{
  align-self:end;
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:7px;
  color:#8b0f35;
  font-style:normal;
  font-size:.74rem;
  font-weight:950;
}
.phase4-realstore-home .phase4-cat-body em svg{width:13px;height:13px;stroke-width:1.8;transition:transform .22s ease;}
.phase4-realstore-home .phase4-cat-card:hover em svg{transform:translateX(-3px);}
html[dir="ltr"] .phase4-realstore-home .phase4-cat-card:hover em svg{transform:translateX(3px);}

/* Hide older realstore trust/category styling only for Phase 4 markup coexistence */
.phase4-realstore-home .rs-trust-strip,
.phase4-realstore-home .rs-cats .rs-cat-row{display:none!important;}

@media(max-width:1240px){
  .phase4-realstore-home .phase4-trust-strip{grid-template-columns:repeat(3,1fr);}
  .phase4-realstore-home .phase4-trust-item:nth-child(4){border-inline-start:0;}
  .phase4-realstore-home .phase4-cat-row{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:760px){
  .phase4-realstore-home .phase4-trust-wrap{margin-bottom:18px;}
  .phase4-realstore-home .phase4-trust-strip{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .phase4-realstore-home .phase4-trust-strip::-webkit-scrollbar{display:none;}
  .phase4-realstore-home .phase4-trust-item{
    min-width:245px;
    scroll-snap-align:start;
    min-height:82px;
    padding:15px 16px;
  }
  .phase4-realstore-home .phase4-trust-copy strong{font-size:.84rem;}
  .phase4-realstore-home .phase4-trust-copy small{font-size:.7rem;}
  .phase4-realstore-home .phase4-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
    margin-bottom:18px;
  }
  .phase4-realstore-home .phase4-section-head h2{font-size:1.42rem;line-height:1.35;}
  .phase4-realstore-home .phase4-section-head p{font-size:.86rem;line-height:1.75;}
  .phase4-realstore-home .phase4-view-all{width:100%;}
  .phase4-realstore-home .phase4-cat-row{
    display:flex;
    overflow-x:auto;
    gap:12px;
    padding-bottom:10px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .phase4-realstore-home .phase4-cat-row::-webkit-scrollbar{display:none;}
  .phase4-realstore-home .phase4-cat-card{min-width:168px;min-height:222px;scroll-snap-align:start;}
  .phase4-realstore-home .phase4-cat-media{height:118px;}
  .phase4-realstore-home .phase4-cat-body{padding:14px 12px 13px;}
}
@media(max-width:420px){
  .phase4-realstore-home .phase4-cat-card{min-width:158px;}
  .phase4-realstore-home .phase4-cat-body strong{font-size:.86rem;}
  .phase4-realstore-home .phase4-cat-body small{font-size:.69rem;}
}

/* =========================================================
   REFERENCE PHASE 5 — PRODUCT CARD SYSTEM REBUILD
   Scope: homepage + collection product cards only.
   Goal: compact real-store ecommerce cards; image-led, scannable,
   price/rating/CTA visible without giant empty blocks.
   ========================================================= */
.phase5-products-area{min-width:0;}
.phase5-product-head{margin-bottom:16px;}
.phase5-shelf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:12px 14px;background:rgba(255,253,249,.9);border:1px solid rgba(234,223,212,.92);box-shadow:0 10px 30px rgba(43,23,18,.035);}
.phase5-shelf-toolbar p{margin:0;color:#78645c;font-size:.78rem;font-weight:700;line-height:1.55;max-width:390px;}
.phase5-shelf-tabs{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none;}
.phase5-shelf-tabs::-webkit-scrollbar{display:none;}
.phase5-shelf-tabs span{height:32px;padding:0 12px;border:1px solid rgba(234,223,212,.95);background:#fffaf4;color:#6b5750;font-size:.74rem;font-weight:900;display:inline-flex;align-items:center;white-space:nowrap;transition:.2s ease;}
.phase5-shelf-tabs span.active,.phase5-shelf-tabs span:hover{background:#6b1022;border-color:#6b1022;color:#fffaf4;}
.phase5-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch;}
.collections-grid-wrap .phase5-products{width:min(100% - 40px,1180px);margin:0 auto 74px;}
.collections-grid-wrap .phase5-store-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.collection-toolbar{margin-bottom:22px;}
.phase5-store-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(234,223,212,.96);box-shadow:0 8px 24px rgba(43,23,18,.035);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.phase5-store-card:hover{transform:translateY(-3px);border-color:rgba(107,16,34,.20);box-shadow:0 20px 54px rgba(43,23,18,.085);}
.phase5-card-media{position:relative;display:block;height:206px;background:linear-gradient(145deg,#fffaf4 0%,#f4e8dd 100%);overflow:hidden;border-bottom:1px solid rgba(234,223,212,.86);text-decoration:none;}
.phase5-card-media:before{content:"";position:absolute;inset:16px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.86),rgba(255,255,255,0) 46%);pointer-events:none;}
.phase5-card-media:after{content:"";position:absolute;left:25%;right:25%;bottom:20px;height:12px;border-radius:50%;background:rgba(43,23,18,.13);filter:blur(12px);opacity:.65;}
.phase5-card-media img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;padding:24px 22px 20px;filter:drop-shadow(0 20px 18px rgba(43,23,18,.12));transition:transform .28s ease,filter .28s ease;}
.phase5-store-card:hover .phase5-card-media img{transform:scale(1.035) translateY(-2px);filter:drop-shadow(0 24px 22px rgba(43,23,18,.16));}
.phase5-card-tag{position:absolute;z-index:4;top:10px;inset-inline-end:10px;max-width:55%;height:25px;padding:0 9px;background:rgba(255,255,255,.88);border:1px solid rgba(234,223,212,.95);backdrop-filter:blur(10px);color:#6b1022;font-size:.63rem;font-weight:900;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.phase5-discount{position:absolute;z-index:5;top:10px;inset-inline-start:10px;height:27px;padding:0 9px;background:#6b1022;color:#fffaf4;font-family:Inter,sans-serif;font-size:.72rem;font-weight:900;display:inline-flex;align-items:center;letter-spacing:.01em;}
.phase5-card-wish{position:absolute;z-index:5;bottom:10px;inset-inline-end:10px;width:34px;height:34px;border:1px solid rgba(234,223,212,.95);background:rgba(255,255,255,.9);color:#6b1022;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;color .2s ease;}
.phase5-card-wish svg{width:16px;height:16px;stroke-width:1.55;}
.phase5-card-wish:hover{transform:translateY(-1px);background:#fff;border-color:rgba(107,16,34,.28);color:#9d1743;}
.phase5-card-body{display:flex;flex:1;flex-direction:column;padding:13px 13px 12px;}
.phase5-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
.phase5-card-topline span{font-family:Inter,sans-serif;font-size:.62rem;letter-spacing:.18em;font-weight:900;color:#b98b5c;}
.phase5-card-topline small{font-size:.66rem;color:#9d1743;font-weight:900;white-space:nowrap;max-width:52%;overflow:hidden;text-overflow:ellipsis;}
.phase5-card-name{text-decoration:none;color:inherit;}
.phase5-card-name h3{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',Inter,sans-serif;font-size:.92rem;line-height:1.45;font-weight:900;color:#2b1712;margin:0 0 5px;min-height:2.8em;letter-spacing:-.02em;}
.phase5-card-short{font-size:.72rem;line-height:1.55;color:#766056;margin:0 0 10px;min-height:2.35em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.phase5-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:2px;}
.phase5-card-size{height:25px;padding:0 8px;background:#fffaf4;border:1px solid rgba(234,223,212,.9);display:inline-flex;align-items:center;color:#735d55;font-size:.66rem;font-weight:900;white-space:nowrap;}
.phase5-card-rating{display:inline-flex;align-items:center;gap:3px;color:#8b6a4e;font-family:Inter,sans-serif;font-size:.72rem;font-weight:900;white-space:nowrap;}
.phase5-card-rating svg{width:13px;height:13px;color:#b98b5c;fill:rgba(185,139,92,.22);stroke-width:1.45;}
.phase5-card-rating em{font-style:normal;color:#8a746a;font-size:.65rem;font-weight:700;}
.phase5-card-buy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(234,223,212,.82);}
.phase5-card-price{display:grid;gap:1px;line-height:1;}
.phase5-card-price del{font-family:Inter,sans-serif;font-size:.68rem;color:#9d8b83;font-weight:700;}
.phase5-card-price strong{font-family:Inter,'Noto Kufi Arabic',sans-serif;font-size:1rem;color:#6b1022;font-weight:950;letter-spacing:-.02em;white-space:nowrap;}
.phase5-quick-add{height:36px;min-width:82px;padding:0 10px;border:1px solid #6b1022;background:#6b1022;color:#fffaf4;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.74rem;font-weight:950;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap;}
.phase5-quick-add svg{width:14px;height:14px;stroke-width:1.7;}
.phase5-quick-add:hover{background:#8b0f35;box-shadow:0 12px 24px rgba(107,16,34,.18);transform:translateY(-1px);}
.phase5-quick-add:active{transform:translateY(0);}

/* Neutralize older product-card rules inside this new system. */
.phase5-store-card .rs-rating,.phase5-store-card .product-short,.phase5-store-card .phase5-rating-row{all:unset;}

@media(max-width:1180px){.phase5-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.collections-grid-wrap .phase5-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.phase5-card-media{height:218px;}.phase5-shelf-toolbar{align-items:flex-start;flex-direction:column;}}
@media(max-width:860px){.phase5-store-grid,.collections-grid-wrap .phase5-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.phase5-card-media{height:190px}.phase5-card-body{padding:12px}.phase5-card-name h3{font-size:.86rem}.phase5-card-short{font-size:.70rem}.phase5-shelf-toolbar{padding:10px 10px;margin-bottom:14px}.phase5-shelf-toolbar p{display:none}.phase5-shelf-tabs{width:100%;}.phase5-shelf-tabs span{height:31px;font-size:.69rem}.phase5-card-topline small{max-width:58%;}.phase5-card-buy-row{gap:8px}.phase5-quick-add{min-width:74px;height:34px}.phase5-quick-add span{display:inline;}}
@media(max-width:460px){.phase5-store-grid,.collections-grid-wrap .phase5-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.collections-grid-wrap .phase5-products{width:min(100% - 22px,1180px);}.phase5-card-media{height:158px}.phase5-card-media img{padding:20px 16px 16px}.phase5-card-body{padding:10px}.phase5-card-name h3{font-size:.78rem;line-height:1.45;min-height:3em}.phase5-card-short{display:none}.phase5-card-meta-row{align-items:flex-start;flex-direction:column;gap:6px}.phase5-card-size{height:22px;font-size:.6rem}.phase5-card-rating{font-size:.66rem}.phase5-card-buy-row{display:grid;gap:8px}.phase5-card-price strong{font-size:.93rem}.phase5-quick-add{width:100%;height:34px}.phase5-card-tag{font-size:.57rem;max-width:60%;height:24px}.phase5-discount{height:24px;font-size:.65rem}.phase5-card-wish{width:31px;height:31px}}

/* =========================================================
   REFERENCE PHASE 6 — BESTSELLERS + PRODUCT ROWS COMMERCIAL REBUILD
   Scope: homepage product shelf structure only.
   Goal: make NAQAE feel like a real store with clear shelves, commercial density,
   and product discovery rows while preserving the Phase 5 product-card system.
   ========================================================= */
.phase6-shelves{
  padding:28px 0 58px;
  position:relative;
}
.phase6-store-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:18px;
}
.phase6-store-head h2{
  max-width:760px;
  margin:8px 0 8px;
  color:#2b1712;
  font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',Inter,sans-serif;
  font-size:clamp(1.55rem,2.45vw,2.6rem);
  line-height:1.24;
  font-weight:900;
  letter-spacing:-.03em;
}
.phase6-store-head p{
  max-width:780px;
  margin:0;
  color:#78645c;
  font-size:.94rem;
  line-height:1.85;
  font-weight:600;
}
.phase6-kicker{letter-spacing:.16em;color:#8b0f35;}
.phase6-view-all{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px;
  color:#6b1022;
  border:1px solid rgba(107,16,34,.20);
  background:#fff;
  font-size:.84rem;
  font-weight:950;
  white-space:nowrap;
  transition:background .22s ease,border-color .22s ease,transform .22s ease;
}
.phase6-view-all svg{width:15px;height:15px;stroke-width:1.7;transition:transform .22s ease;}
.phase6-view-all:hover{background:#fffaf4;border-color:#6b1022;transform:translateY(-1px);}
.phase6-view-all:hover svg{transform:translateX(-3px);}
html[dir="ltr"] .phase6-view-all:hover svg{transform:translateX(3px);}
.phase6-store-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  overflow:auto;
  scrollbar-width:none;
  margin-bottom:18px;
  padding-bottom:2px;
}
.phase6-store-tabs::-webkit-scrollbar{display:none;}
.phase6-store-tabs a{
  min-height:37px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 14px;
  border:1px solid rgba(234,223,212,.95);
  background:#fffdf9;
  color:#6f5a52;
  font-size:.78rem;
  font-weight:950;
  white-space:nowrap;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.phase6-store-tabs a svg{width:15px;height:15px;stroke-width:1.7;}
.phase6-store-tabs a.active,.phase6-store-tabs a:hover{
  background:#6b1022;
  border-color:#6b1022;
  color:#fffaf4;
  transform:translateY(-1px);
}
.phase6-featured-layout{
  display:grid;
  grid-template-columns:292px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
  margin-bottom:24px;
}
.phase6-editor-card{
  position:relative;
  min-height:100%;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#fffaf4 100%);
  border:1px solid rgba(234,223,212,.96);
  box-shadow:0 14px 42px rgba(43,23,18,.05);
  display:flex;
  flex-direction:column;
}
.phase6-editor-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 12% 4%,rgba(201,154,98,.16),transparent 34%),radial-gradient(circle at 86% 20%,rgba(107,16,34,.06),transparent 28%);
  pointer-events:none;
}
.phase6-editor-media{
  position:relative;
  height:198px;
  margin:18px 18px 0;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#fffaf4,#f3e6dc);
  border:1px solid rgba(234,223,212,.9);
  overflow:hidden;
}
.phase6-editor-media:after{
  content:"";
  position:absolute;
  left:25%;right:25%;bottom:22px;height:14px;
  border-radius:999px;
  background:rgba(43,23,18,.12);
  filter:blur(12px);
}
.phase6-editor-media img{
  position:relative;
  z-index:2;
  width:86%;
  height:86%;
  object-fit:contain;
  filter:drop-shadow(0 24px 20px rgba(43,23,18,.14));
}
.phase6-editor-copy{
  position:relative;
  z-index:1;
  padding:22px 22px 24px;
  display:grid;
  gap:10px;
}
.phase6-editor-copy span,
.phase6-routine-copy span,
.phase6-shelf-title span{
  font-family:Inter,'IBM Plex Sans Arabic',sans-serif;
  color:#8b0f35;
  font-size:.67rem;
  font-weight:950;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.phase6-editor-copy h3{
  margin:0;
  color:#2b1712;
  font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;
  font-size:1.24rem;
  line-height:1.48;
  font-weight:900;
  letter-spacing:-.02em;
}
.phase6-editor-copy p{
  margin:0;
  color:#765f55;
  font-size:.84rem;
  line-height:1.8;
  font-weight:600;
}
.phase6-editor-copy a{
  margin-top:6px;
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  padding:0 14px;
  background:#6b1022;
  color:#fffaf4;
  font-size:.78rem;
  font-weight:950;
  transition:background .2s ease,transform .2s ease;
}
.phase6-editor-copy a svg{width:14px;height:14px;stroke-width:1.7;}
.phase6-editor-copy a:hover{background:#8b0f35;transform:translateY(-1px);}
.phase6-primary-shelf,
.phase6-row-shell{
  min-width:0;
  background:rgba(255,253,249,.68);
  border:1px solid rgba(234,223,212,.88);
  box-shadow:0 12px 34px rgba(43,23,18,.032);
  padding:16px;
}
.phase6-shelf-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
  padding-bottom:13px;
  border-bottom:1px solid rgba(234,223,212,.84);
}
.phase6-shelf-title h3{
  margin:6px 0 0;
  color:#2b1712;
  font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;
  font-size:1.22rem;
  line-height:1.35;
  font-weight:950;
  letter-spacing:-.02em;
}
.phase6-shelf-title small{
  color:#806a60;
  font-size:.76rem;
  font-weight:750;
  line-height:1.5;
  max-width:310px;
}
.phase6-shelf-title a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#6b1022;
  font-size:.78rem;
  font-weight:950;
  white-space:nowrap;
}
.phase6-shelf-title a svg{width:14px;height:14px;stroke-width:1.8;}
.phase6-shelf-title.compact{margin-bottom:15px;}
.phase6-product-grid.phase5-store-grid,
.phase6-product-row.phase5-store-grid,
.phase6-routine-products.phase5-store-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
}
.phase6-shelves .phase5-card-media{height:188px;}
.phase6-shelves .phase5-card-body{padding:12px 12px 11px;}
.phase6-shelves .phase5-card-name h3{font-size:.86rem;min-height:2.8em;}
.phase6-shelves .phase5-card-short{font-size:.70rem;line-height:1.52;min-height:2.2em;margin-bottom:8px;}
.phase6-shelves .phase5-card-buy-row{margin-top:10px;padding-top:10px;}
.phase6-row-shell{margin-bottom:24px;}
.phase6-routine-band{
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:18px;
  background:linear-gradient(115deg,#6b1022 0%,#8b0f35 42%,#f7dfe5 42%,#fff7f4 100%);
  border:1px solid rgba(107,16,34,.18);
  box-shadow:0 18px 60px rgba(107,16,34,.10);
  overflow:hidden;
}
.phase6-routine-copy{
  color:#fffaf4;
  padding:16px 10px;
}
.phase6-routine-copy span{color:#f0c899;}
.phase6-routine-copy h3{
  margin:8px 0 9px;
  font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;
  font-size:1.42rem;
  line-height:1.4;
  font-weight:950;
}
.phase6-routine-copy p{
  margin:0;
  color:rgba(255,250,244,.78);
  font-size:.84rem;
  line-height:1.85;
  font-weight:650;
}
.phase6-routine-products{
  background:rgba(255,253,249,.72);
  padding:14px;
  border:1px solid rgba(255,255,255,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
@media(max-width:1180px){
  .phase6-featured-layout{grid-template-columns:1fr;}
  .phase6-editor-card{display:grid;grid-template-columns:260px 1fr;min-height:0;}
  .phase6-editor-media{height:auto;min-height:220px;margin:16px;}
  .phase6-product-grid.phase5-store-grid,
  .phase6-product-row.phase5-store-grid,
  .phase6-routine-products.phase5-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .phase6-routine-band{grid-template-columns:1fr;}
  .phase6-routine-copy{padding:10px 6px 0;}
}
@media(max-width:760px){
  .phase6-shelves{padding:20px 0 42px;}
  .phase6-store-head{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:14px;}
  .phase6-store-head h2{font-size:1.45rem;line-height:1.38;}
  .phase6-store-head p{font-size:.86rem;line-height:1.75;}
  .phase6-view-all{width:100%;}
  .phase6-editor-card{display:none;}
  .phase6-primary-shelf,.phase6-row-shell{padding:12px;margin-inline:-2px;}
  .phase6-shelf-title{align-items:flex-start;flex-direction:column;gap:8px;}
  .phase6-shelf-title h3{font-size:1.08rem;}
  .phase6-shelf-title small{max-width:none;}
  .phase6-product-grid.phase5-store-grid,
  .phase6-product-row.phase5-store-grid,
  .phase6-routine-products.phase5-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .phase6-shelves .phase5-card-media{height:154px;}
  .phase6-shelves .phase5-card-short{display:none;}
  .phase6-routine-band{padding:14px;background:linear-gradient(180deg,#6b1022 0%,#8b0f35 34%,#fff7f4 34%,#fffaf4 100%);}
  .phase6-routine-copy h3{font-size:1.16rem;}
  .phase6-routine-copy p{font-size:.78rem;}
  .phase6-routine-products{padding:10px;}
}
@media(max-width:420px){
  .phase6-store-tabs a{font-size:.70rem;padding:0 11px;}
  .phase6-shelves .phase5-card-media{height:142px;}
  .phase6-shelves .phase5-card-name h3{font-size:.76rem;}
}

/* =========================================================
   Reference rebuild Phase 7 — Promo Banners + Offer Sections
   Scope: homepage offer/promo blocks only.
   ========================================================= */
.phase7-promos{
  padding:54px 0 58px;
  border-top:1px solid rgba(234,223,212,.88);
}
.phase7-promo-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,470px);
  gap:26px;
  align-items:end;
  margin-bottom:24px;
}
.phase7-promo-head h2{
  margin:7px 0 0;
  color:#2b1712;
  font-size:clamp(1.55rem,2.6vw,2.65rem);
  line-height:1.22;
  letter-spacing:-.035em;
  font-weight:900;
}
.phase7-promo-head p{
  margin:0;
  color:#756056;
  line-height:1.85;
  font-size:.92rem;
}
.phase7-kicker{color:#9d1743;letter-spacing:.18em;}
.phase7-promo-layout{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);
  gap:16px;
  align-items:stretch;
}
.phase7-main-offer{
  position:relative;
  overflow:hidden;
  min-height:356px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);
  align-items:stretch;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.70),transparent 28%),
    linear-gradient(115deg,#76112a 0%,#5a0e20 43%,#2b1712 100%);
  border:1px solid rgba(107,16,34,.20);
  box-shadow:0 26px 80px rgba(107,16,34,.16);
}
.phase7-main-offer:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,250,244,.09);
  pointer-events:none;
}
.phase7-main-offer:after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  inset:auto -120px -150px auto;
  background:rgba(255,250,244,.10);
  border-radius:999px;
  filter:blur(2px);
}
.phase7-main-copy{
  position:relative;
  z-index:2;
  padding:42px 44px 40px;
  color:#fffaf4;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.phase7-offer-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:34px;
  padding:0 12px;
  border:1px solid rgba(255,250,244,.22);
  background:rgba(255,250,244,.09);
  color:#f0c78d;
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.06em;
}
.phase7-offer-label svg{width:15px;height:15px;stroke-width:1.6;}
.phase7-main-copy h3{
  margin:16px 0 12px;
  max-width:640px;
  color:#fffaf4;
  font-size:clamp(1.9rem,3.4vw,3.65rem);
  line-height:1.08;
  letter-spacing:-.055em;
  font-weight:900;
}
.phase7-main-copy p{
  margin:0;
  max-width:620px;
  color:rgba(255,250,244,.74);
  line-height:1.9;
  font-size:.96rem;
}
.phase7-offer-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.phase7-offer-chips span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:0 11px;
  border:1px solid rgba(255,250,244,.14);
  background:rgba(255,250,244,.075);
  color:rgba(255,250,244,.88);
  font-size:.72rem;
  font-weight:850;
}
.phase7-main-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:26px;
}
.phase7-btn{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  text-decoration:none;
  font-weight:950;
  font-size:.86rem;
  transition:transform .2s ease, background .2s ease, border-color .2s ease;
}
.phase7-btn:hover{transform:translateY(-1px);}
.phase7-btn-primary{background:#fffaf4;color:#6b1022;border:1px solid #fffaf4;}
.phase7-btn-primary:hover{background:#f2dfcf;border-color:#f2dfcf;}
.phase7-btn-ghost{color:#fffaf4;border:1px solid rgba(255,250,244,.30);background:rgba(255,250,244,.035);}
.phase7-btn-ghost:hover{background:rgba(255,250,244,.11);}
.phase7-main-visual{
  position:relative;
  z-index:2;
  min-height:356px;
  display:flex;
  align-items:end;
  justify-content:center;
  padding:34px 30px 28px;
}
.phase7-bottle{
  position:relative;
  width:31%;
  min-width:112px;
  max-width:180px;
  background:linear-gradient(180deg,rgba(255,250,244,.20),rgba(255,250,244,.08));
  border:1px solid rgba(255,250,244,.16);
  box-shadow:0 28px 62px rgba(0,0,0,.22);
  padding:15px 12px 8px;
  margin-inline-start:-18px;
  backdrop-filter:blur(8px);
}
.phase7-bottle:first-child{margin-inline-start:0;transform:translateY(18px) rotate(-2deg);}
.phase7-bottle-2{z-index:3;transform:translateY(-12px);background:linear-gradient(180deg,rgba(255,250,244,.28),rgba(255,250,244,.10));}
.phase7-bottle-3{transform:translateY(24px) rotate(2deg);}
.phase7-bottle img{
  width:100%;height:210px;object-fit:contain;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.20));
}
.phase7-value-badge{
  position:absolute;
  top:42px;
  inset-inline-end:34px;
  width:78px;height:78px;
  border-radius:999px;
  display:grid;
  place-items:center;
  text-align:center;
  background:#fffaf4;
  color:#6b1022;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 16px 42px rgba(0,0,0,.16);
  z-index:5;
}
.phase7-value-badge strong{display:block;font-size:1.3rem;line-height:1;font-weight:950;}
.phase7-value-badge small{display:block;font-size:.66rem;line-height:1.25;color:#7c6259;font-weight:850;}
.phase7-side-offers{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:16px;
}
.phase7-side-offer{
  position:relative;
  overflow:hidden;
  min-height:170px;
  background:#fff;
  border:1px solid #eadfd4;
  box-shadow:0 14px 42px rgba(43,23,18,.045);
  padding:24px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:16px;
  align-items:start;
}
.phase7-side-offer:after{
  content:"";
  position:absolute;
  width:170px;height:170px;
  inset:auto -80px -90px auto;
  background:#fbf0e8;
  border-radius:999px;
  z-index:0;
}
.phase7-side-offer>*{position:relative;z-index:1;}
.phase7-side-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border:1px solid rgba(185,139,92,.38);
  background:#fffaf4;
  color:#b98b5c;
}
.phase7-side-icon svg{width:20px;height:20px;stroke-width:1.55;}
.phase7-side-offer span{
  display:block;
  color:#9d1743;
  font-size:.70rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.phase7-side-offer h3{
  margin:0;
  color:#2b1712;
  font-size:1.08rem;
  line-height:1.45;
  font-weight:900;
}
.phase7-side-offer small{
  display:block;
  margin-top:10px;
  color:#806a60;
  line-height:1.65;
  font-size:.76rem;
}
.phase7-progress{
  width:100%;height:7px;
  margin-top:14px;
  background:#f0e4d9;
  overflow:hidden;
}
.phase7-progress i{
  display:block;height:100%;
  background:linear-gradient(90deg,#9d1743,#c99a62);
}
.phase7-gift{
  background:linear-gradient(135deg,#fffaf4,#fff);
  padding-inline-end:112px;
}
.phase7-gift img{
  position:absolute;
  inset-inline-end:18px;
  bottom:8px;
  width:88px;height:125px;
  object-fit:contain;
  filter:drop-shadow(0 16px 20px rgba(43,23,18,.12));
  z-index:2;
}
.phase7-commercial-tiles{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.phase7-commercial-card{
  position:relative;
  overflow:hidden;
  min-height:150px;
  padding:20px 18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-decoration:none;
  border:1px solid #eadfd4;
  background:#fff;
  box-shadow:0 10px 34px rgba(43,23,18,.035);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.phase7-commercial-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 62px rgba(43,23,18,.075);
  border-color:rgba(157,23,67,.22);
}
.phase7-commercial-card:after{
  content:"";
  position:absolute;
  width:130px;height:130px;
  inset:auto -70px -70px auto;
  border-radius:999px;
  background:rgba(107,16,34,.055);
}
.phase7-commercial-card span,
.phase7-commercial-card strong,
.phase7-commercial-card em{position:relative;z-index:1;}
.phase7-commercial-card span{
  display:flex;align-items:center;gap:8px;
  color:#9d1743;
  font-size:.70rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.phase7-commercial-card span svg{width:16px;height:16px;stroke-width:1.55;color:#b98b5c;}
.phase7-commercial-card strong{
  margin-top:18px;
  display:block;
  color:#2b1712;
  font-size:1.03rem;
  line-height:1.45;
  font-weight:950;
}
.phase7-commercial-card em{
  margin-top:10px;
  display:block;
  color:#806a60;
  line-height:1.5;
  font-size:.76rem;
  font-style:normal;
}
.phase7-commercial-card.burgundy{
  background:#6b1022;
  border-color:#6b1022;
  color:#fffaf4;
}
.phase7-commercial-card.burgundy span,
.phase7-commercial-card.burgundy strong,
.phase7-commercial-card.burgundy em{color:#fffaf4;}
.phase7-commercial-card.burgundy span svg{color:#e7bd82;}
.phase7-commercial-card.burgundy:after{background:rgba(255,250,244,.09);}
.phase7-commercial-card.gold{background:#fff8ed;}
.phase7-commercial-card.pale{background:#fbf5ef;}
@media(max-width:1120px){
  .phase7-promo-layout{grid-template-columns:1fr;}
  .phase7-side-offers{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .phase7-commercial-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .phase7-promos{padding:38px 0 42px;}
  .phase7-promo-head{grid-template-columns:1fr;gap:12px;margin-bottom:18px;}
  .phase7-promo-head h2{font-size:1.55rem;line-height:1.35;}
  .phase7-promo-head p{font-size:.82rem;}
  .phase7-main-offer{grid-template-columns:1fr;min-height:0;}
  .phase7-main-copy{padding:28px 22px 24px;}
  .phase7-main-copy h3{font-size:1.75rem;line-height:1.22;}
  .phase7-main-copy p{font-size:.84rem;}
  .phase7-main-actions{display:grid;width:100%;}
  .phase7-btn{width:100%;min-height:42px;}
  .phase7-main-visual{min-height:218px;padding:8px 18px 22px;}
  .phase7-bottle{min-width:86px;width:30%;padding:10px 8px 4px;margin-inline-start:-12px;}
  .phase7-bottle img{height:150px;}
  .phase7-value-badge{width:64px;height:64px;top:8px;inset-inline-end:20px;}
  .phase7-side-offers{grid-template-columns:1fr;gap:12px;}
  .phase7-side-offer{min-height:0;padding:20px;grid-template-columns:38px 1fr;gap:12px;}
  .phase7-gift{padding-inline-end:96px;}
  .phase7-gift img{width:72px;height:105px;}
  .phase7-commercial-tiles{display:flex;overflow:auto;gap:10px;padding-bottom:6px;scroll-snap-type:x mandatory;}
  .phase7-commercial-card{min-width:218px;min-height:142px;scroll-snap-align:start;}
  .phase7-commercial-tiles::-webkit-scrollbar{display:none;}
}
@media(max-width:430px){
  .phase7-main-copy{padding:24px 18px 22px;}
  .phase7-offer-chips span{font-size:.67rem;}
  .phase7-bottle img{height:132px;}
  .phase7-gift{padding-inline-end:82px;}
  .phase7-gift img{width:62px;height:94px;}
}

/* =========================================================
   Reference rebuild Phase 8 — Trust, Reviews, Payment, Consultation Blocks
   Scope: trust/social proof/payment/consultation homepage blocks only.
   ========================================================= */
.phase8-trust-commerce{
  padding:56px 0 62px;
  border-top:1px solid rgba(234,223,212,.88);
}
.phase8-trust-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(290px,500px);
  gap:28px;
  align-items:end;
  margin-bottom:22px;
}
.phase8-kicker{color:#9d1743;letter-spacing:.20em;}
.phase8-trust-head h2{
  margin:7px 0 0;
  font-size:clamp(1.65rem,2.7vw,2.75rem);
  line-height:1.22;
  letter-spacing:-.035em;
  font-weight:950;
  color:#2b1712;
}
.phase8-trust-head p{
  margin:0;
  line-height:1.85;
  font-size:.92rem;
  color:#746057;
}
.phase8-stats-rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.phase8-stats-rail article{
  min-height:86px;
  background:#fff;
  border:1px solid #eadfd4;
  box-shadow:0 12px 34px rgba(43,23,18,.035);
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  column-gap:12px;
  align-items:center;
  padding:17px 18px;
}
.phase8-stats-rail svg{
  grid-row:1 / span 2;
  width:23px;height:23px;
  color:#b98b5c;
  stroke-width:1.55;
}
.phase8-stats-rail strong{
  font-family:Inter,'IBM Plex Sans Arabic',sans-serif;
  font-size:1.18rem;
  line-height:1;
  color:#6b1022;
  letter-spacing:.02em;
}
.phase8-stats-rail span{
  font-size:.78rem;
  font-weight:850;
  color:#725d54;
  margin-top:5px;
}
.phase8-trust-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.72fr);
  gap:16px;
  align-items:stretch;
}
.phase8-review-panel,
.phase8-consult-card,
.phase8-service-card,
.phase8-payment-row{
  background:#fff;
  border:1px solid #eadfd4;
  box-shadow:0 18px 56px rgba(43,23,18,.045);
}
.phase8-review-panel{
  padding:28px;
  display:grid;
  grid-template-columns:270px 1fr;
  grid-template-rows:auto auto;
  gap:18px 24px;
  min-height:430px;
}
.phase8-panel-title{
  grid-column:1 / -1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(234,223,212,.86);
  padding-bottom:17px;
}
.phase8-panel-title span{
  font-size:.70rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#9d1743;
  font-weight:950;
}
.phase8-panel-title strong{
  font-size:1.05rem;
  color:#2b1712;
  line-height:1.45;
}
.phase8-rating-summary{
  background:linear-gradient(180deg,#fffaf4,#fbf1e8);
  border:1px solid rgba(234,223,212,.86);
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-height:250px;
}
.phase8-rating-summary b{
  font-family:Inter,'IBM Plex Sans Arabic',sans-serif;
  font-size:4.6rem;
  line-height:.95;
  letter-spacing:-.06em;
  color:#6b1022;
}
.phase8-rating-summary span{
  display:flex;
  gap:4px;
  margin:16px 0 12px;
  color:#b98b5c;
}
.phase8-rating-summary svg{width:17px;height:17px;fill:rgba(185,139,92,.18);stroke-width:1.55;}
.phase8-rating-summary em{
  font-style:normal;
  color:#756056;
  line-height:1.7;
  font-size:.83rem;
}
.phase8-review-list{
  display:grid;
  gap:10px;
}
.phase8-review-list blockquote{
  margin:0;
  background:#fffdf9;
  border:1px solid rgba(234,223,212,.88);
  padding:16px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:13px;
  align-items:start;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.phase8-review-list blockquote:hover{
  transform:translateY(-2px);
  border-color:rgba(107,16,34,.18);
  box-shadow:0 16px 38px rgba(43,23,18,.05);
}
.phase8-review-avatar{
  width:42px;height:42px;
  display:grid;
  place-items:center;
  background:#6b1022;
  color:#fffaf4;
  font-family:Inter,sans-serif;
  font-weight:900;
  font-size:.82rem;
}
.phase8-review-list header{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin-bottom:6px;
}
.phase8-review-list strong{
  color:#2b1712;
  font-size:.93rem;
  line-height:1.45;
}
.phase8-review-list header span{
  background:rgba(185,139,92,.12);
  color:#9a713f;
  height:24px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  font-size:.70rem;
  font-weight:950;
  white-space:nowrap;
}
.phase8-review-list p{
  margin:0;
  color:#725d54;
  line-height:1.75;
  font-size:.84rem;
}
.phase8-honesty-note{
  grid-column:1 / -1;
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:12px 14px;
  background:rgba(107,16,34,.045);
  color:#6d554d;
  line-height:1.65;
  font-size:.78rem;
  font-weight:750;
}
.phase8-honesty-note svg{
  width:16px;height:16px;min-width:16px;
  color:#6b1022;
  margin-top:2px;
}
.phase8-side-stack{
  display:grid;
  gap:16px;
}
.phase8-consult-card{
  min-height:295px;
  padding:26px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 0%,rgba(201,154,98,.12),transparent 28%),
    linear-gradient(180deg,#fff,#fff7f0);
}
.phase8-consult-card:after{
  content:"";
  position:absolute;
  inset:auto -70px -105px auto;
  width:250px;height:250px;
  border-radius:999px;
  background:rgba(107,16,34,.055);
  pointer-events:none;
}
.phase8-consult-icon{
  width:46px;height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(185,139,92,.32);
  background:#fffaf4;
  color:#b98b5c;
  margin-bottom:18px;
}
.phase8-consult-icon svg{width:23px;height:23px;stroke-width:1.55;}
.phase8-consult-card>span,
.phase8-service-card strong{
  color:#9d1743;
  font-weight:950;
  font-size:.76rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.phase8-consult-card h3{
  margin:9px 0 9px;
  font-size:1.45rem;
  line-height:1.28;
  color:#2b1712;
  font-weight:950;
}
.phase8-consult-card p,
.phase8-service-card p,
.phase8-payment-copy p{
  margin:0;
  color:#725d54;
  line-height:1.78;
  font-size:.88rem;
}
.phase8-consult-options{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:17px;
}
.phase8-consult-options button{
  height:30px;
  border:1px solid rgba(234,223,212,.95);
  background:#fff;
  color:#6b1022;
  font-size:.73rem;
  font-weight:850;
  padding:0 10px;
}
.phase8-consult-card a{
  margin-top:20px;
  min-height:43px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#6b1022;
  color:#fffaf4;
  text-decoration:none;
  font-size:.85rem;
  font-weight:950;
  position:relative;
  z-index:2;
}
.phase8-consult-card a svg{width:15px;height:15px;}
.phase8-service-card{
  padding:24px 26px;
}
.phase8-service-card div{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.phase8-service-card svg{width:22px;height:22px;color:#b98b5c;stroke-width:1.55;}
.phase8-service-card a{
  display:inline-flex;
  margin-top:14px;
  color:#6b1022;
  font-weight:950;
  font-size:.82rem;
}
.phase8-payment-row{
  margin-top:16px;
  display:grid;
  grid-template-columns:minmax(290px,.82fr) minmax(0,1.18fr);
  gap:24px;
  align-items:center;
  padding:26px 28px;
  background:linear-gradient(90deg,#fff,#fffaf4);
}
.phase8-payment-copy h3{
  margin:8px 0 8px;
  color:#2b1712;
  font-size:1.45rem;
  line-height:1.3;
  font-weight:950;
}
.phase8-payment-methods{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.phase8-payment-methods span{
  height:48px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid rgba(234,223,212,.95);
  box-shadow:0 10px 26px rgba(43,23,18,.028);
  font-family:Inter,'IBM Plex Sans Arabic',sans-serif;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.02em;
  color:#3b2823;
}
.phase8-payment-methods span:last-child{
  background:#6b1022;
  color:#fffaf4;
  border-color:#6b1022;
}
@media(max-width:1080px){
  .phase8-trust-head,
  .phase8-trust-grid,
  .phase8-payment-row{grid-template-columns:1fr;}
  .phase8-review-panel{grid-template-columns:1fr;}
  .phase8-rating-summary{min-height:0;}
  .phase8-stats-rail{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .phase8-trust-commerce{padding:38px 0 44px;}
  .phase8-trust-head{gap:14px;margin-bottom:16px;}
  .phase8-trust-head h2{font-size:1.42rem;line-height:1.38;}
  .phase8-trust-head p{font-size:.84rem;line-height:1.75;}
  .phase8-stats-rail{display:flex;overflow:auto;padding-bottom:6px;scroll-snap-type:x mandatory;}
  .phase8-stats-rail article{min-width:178px;scroll-snap-align:start;padding:15px;}
  .phase8-review-panel,.phase8-consult-card,.phase8-service-card,.phase8-payment-row{padding:20px;}
  .phase8-panel-title{align-items:flex-start;flex-direction:column;gap:6px;}
  .phase8-rating-summary b{font-size:3.6rem;}
  .phase8-review-list blockquote{grid-template-columns:36px 1fr;padding:13px;}
  .phase8-review-avatar{width:36px;height:36px;}
  .phase8-review-list header{align-items:flex-start;flex-direction:column;gap:6px;}
  .phase8-consult-card h3,.phase8-payment-copy h3{font-size:1.18rem;}
  .phase8-payment-methods{grid-template-columns:repeat(2,minmax(0,1fr));}
  .phase8-payment-methods span{height:42px;font-size:.72rem;}
}

/* =========================================================
   REFERENCE PHASE 9 — MOBILE-FIRST ECOMMERCE REBUILD
   Scope: mobile UX only. No desktop layout or backend logic changes.
   Goal: make NAQAE feel usable like a real mobile beauty store:
   sticky commerce header, compact hero, swipeable categories, 2-column
   products, bottom commerce dock, bottom-sheet cart/checkout, and safer
   tap targets.
   ========================================================= */
:root{--mobile-dock-height:76px;--phase9-mobile-gutter:14px;}
.mobile-commerce-dock{display:none;}
@media(max-width:860px){
  html{scroll-padding-top:128px;}
  body{overflow-x:hidden;padding-bottom:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom));}
  .container-naqae{width:min(100% - 24px,1180px);}
  img{max-width:100%;}

  /* Mobile ecommerce header: sticky, compact, and useful. */
  .phase2-store-header{position:sticky;top:0;z-index:70;background:rgba(251,247,242,.96);backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 10px 32px rgba(43,23,18,.07);}
  .phase2-topbar{position:relative;z-index:71;padding:7px 0;background:#6b1022;}
  .phase2-topbar-inner{gap:0;mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);}
  .phase2-topbar-inner span{white-space:nowrap;min-width:max-content;font-size:.67rem;}
  .phase2-main-row{min-height:56px;padding:10px 0 6px;}
  .phase2-mobile-menu,.phase2-cart{width:42px;height:42px;min-width:42px;border-radius:999px;background:#fffaf4;border:1px solid rgba(107,16,34,.14);}
  .phase2-mobile-menu:active,.phase2-cart:active{transform:scale(.96);}
  .phase2-logo img{width:clamp(138px,42vw,172px)!important;}
  .phase2-search-row{padding:0 0 8px;}
  .phase2-search{height:44px;border-radius:999px;background:#fff;border-color:rgba(107,16,34,.18);box-shadow:0 10px 26px rgba(43,23,18,.04);}
  .phase2-search input{font-size:.88rem;min-width:0;}
  .phase2-search i{margin-inline-start:14px;}
  .phase2-nav-wrap{border-top:1px solid rgba(234,223,212,.70);background:rgba(255,250,244,.76);margin-inline:calc(var(--phase9-mobile-gutter) * -1);padding-inline:var(--phase9-mobile-gutter);}
  .phase2-nav{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none;}
  .phase2-nav::-webkit-scrollbar{display:none;}
  .phase2-nav a{scroll-snap-align:start;white-space:nowrap;min-height:42px;padding-inline:14px;font-size:.76rem;}
  .phase2-mobile-panel{background:#fffaf4;border-top:1px solid rgba(234,223,212,.78);box-shadow:0 20px 45px rgba(43,23,18,.06);}
  .phase2-mobile-actions a,.phase2-mobile-actions button{border-radius:12px;min-height:46px;}

  /* Full-width hero made practical on mobile: one story, one image, no clutter. */
  .phase3-hero-store{padding:0;background:#fbf7f2;border-bottom:1px solid rgba(234,223,212,.90);}
  .phase3-hero-container{width:100%;}
  .phase3-hero-shell{width:100%;border-left:0;border-right:0;border-top:0;box-shadow:none;grid-template-columns:1fr;background:linear-gradient(180deg,#fff7f4 0%,#fbf0ed 54%,#fffaf4 100%);}
  .phase3-hero-copy{padding:26px var(--phase9-mobile-gutter) 18px;text-align:start;}
  .phase3-eyebrow{height:30px;padding-inline:11px;font-size:.60rem;letter-spacing:.12em;background:#fff;border:1px solid rgba(234,223,212,.95);}
  .phase3-hero-copy h1{font-size:clamp(1.82rem,8vw,2.55rem);line-height:1.22;max-width:12ch;margin:13px 0 10px;letter-spacing:-.04em;}
  .phase3-hero-copy p{font-size:.91rem;line-height:1.82;max-width:38ch;color:rgba(43,23,18,.76);}
  .phase3-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;}
  .phase3-btn{width:100%;min-height:44px;padding:0 13px;font-size:.78rem;border-radius:12px;}
  .phase3-hero-proof{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;margin-top:14px;scrollbar-width:none;}
  .phase3-hero-proof::-webkit-scrollbar{display:none;}
  .phase3-hero-proof span{min-width:128px;height:50px;padding:8px 10px;display:grid;place-items:center;text-align:center;border-radius:14px;background:rgba(255,255,255,.72);}
  .phase3-hero-visual{min-height:292px;padding:0 var(--phase9-mobile-gutter) 16px;}
  .phase3-campaign-photo{position:absolute;inset:0 var(--phase9-mobile-gutter) 16px;border:1px solid rgba(234,223,212,.95);box-shadow:0 18px 44px rgba(43,23,18,.08);}
  .phase3-campaign-photo img{object-position:center 28%;}
  .phase3-product-edit{display:none;}
  .phase3-offer-note{display:flex;inset:auto 28px 30px auto;min-width:auto;padding:9px 11px;border-radius:14px;background:rgba(107,16,34,.86);box-shadow:0 18px 34px rgba(107,16,34,.18);}
  .phase3-offer-note small{font-size:.54rem;}
  .phase3-offer-note strong{font-size:.75rem;}
  .phase3-hero-dots{display:none;}

  /* Benefit rail and categories become mobile swipe rails with visible snap. */
  .phase4-realstore-home .phase4-trust-wrap{width:100%;margin:0 0 20px;padding-inline:0;}
  .phase4-realstore-home .phase4-trust-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;border:0;box-shadow:none;background:transparent;padding:12px var(--phase9-mobile-gutter);scrollbar-width:none;}
  .phase4-realstore-home .phase4-trust-strip::-webkit-scrollbar{display:none;}
  .phase4-realstore-home .phase4-trust-item{min-width:228px;scroll-snap-align:start;border:1px solid rgba(234,223,212,.95)!important;min-height:78px;padding:13px 14px;background:#fff;box-shadow:0 10px 28px rgba(43,23,18,.035);}
  .phase4-realstore-home .phase4-trust-icon{width:36px;height:36px;min-width:36px;}
  .phase4-realstore-home .phase4-trust-copy strong{font-size:.80rem;}
  .phase4-realstore-home .phase4-trust-copy small{font-size:.70rem;line-height:1.45;}
  .phase4-cats{padding:24px 0 28px;}
  .phase4-section-head{gap:12px;align-items:flex-start;}
  .phase4-section-head h2{font-size:1.38rem!important;line-height:1.38;}
  .phase4-section-head p{font-size:.82rem;line-height:1.7;}
  .phase4-view-all{min-height:38px;width:100%;justify-content:center;border-radius:12px;}
  .phase4-cat-row{display:flex;gap:12px;overflow-x:auto;padding:2px var(--phase9-mobile-gutter) 10px;margin-inline:calc(var(--phase9-mobile-gutter) * -1);scroll-snap-type:x mandatory;scrollbar-width:none;}
  .phase4-cat-row::-webkit-scrollbar{display:none;}
  .phase4-cat-card{min-width:162px;max-width:162px;scroll-snap-align:start;border-radius:16px;overflow:hidden;}
  .phase4-cat-media{height:106px;}
  .phase4-cat-body{padding:11px 12px 12px;}
  .phase4-cat-body strong{font-size:.86rem;line-height:1.35;}
  .phase4-cat-body small{font-size:.68rem;line-height:1.35;min-height:2.6em;}
  .phase4-cat-body em{font-size:.66rem;margin-top:8px;}

  /* Product shelves: mobile-first density, no single-column collapse. */
  .phase6-shelves{padding:26px 0 42px;}
  .phase6-store-head{gap:12px;margin-bottom:12px;}
  .phase6-store-head h2{font-size:1.38rem!important;line-height:1.38;}
  .phase6-store-head p{font-size:.82rem;line-height:1.72;}
  .phase6-store-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 calc(var(--phase9-mobile-gutter) * -1) 14px;padding:0 var(--phase9-mobile-gutter) 6px;scrollbar-width:none;}
  .phase6-store-tabs::-webkit-scrollbar{display:none;}
  .phase6-store-tabs a{min-width:max-content;height:36px;border-radius:999px;font-size:.72rem;padding:0 13px;}
  .phase6-primary-shelf,.phase6-row-shell{padding:10px;border-radius:16px;}
  .phase6-shelf-title h3{font-size:1rem;}
  .phase6-shelf-title small{font-size:.72rem;}
  .phase5-store-grid,.phase6-product-grid.phase5-store-grid,.phase6-product-row.phase5-store-grid,.phase6-routine-products.phase5-store-grid,.collections-grid-wrap .phase5-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .phase5-store-card{border-radius:15px;overflow:hidden;box-shadow:0 8px 22px rgba(43,23,18,.042);}
  .phase5-card-media,.phase6-shelves .phase5-card-media{height:150px!important;border-radius:12px;}
  .phase5-card-media img{padding:18px 14px 14px;}
  .phase5-discount,.phase5-card-tag{top:7px;height:22px;font-size:.56rem;padding:0 7px;}
  .phase5-card-tag{inset-inline-end:7px;max-width:58%;}
  .phase5-discount{inset-inline-start:7px;}
  .phase5-card-wish{width:29px;height:29px;bottom:7px;inset-inline-end:7px;border-radius:999px;}
  .phase5-card-body{padding:9px 9px 10px;}
  .phase5-card-topline{margin-bottom:4px;}
  .phase5-card-topline span{font-size:.52rem;letter-spacing:.14em;}
  .phase5-card-topline small{display:none;}
  .phase5-card-name h3{font-size:.75rem!important;line-height:1.45;min-height:3em;margin-bottom:5px;letter-spacing:-.01em;}
  .phase5-card-short{display:none!important;}
  .phase5-card-meta-row{gap:4px;align-items:center;}
  .phase5-card-size{font-size:.55rem;height:21px;padding:0 6px;max-width:68px;overflow:hidden;text-overflow:ellipsis;}
  .phase5-card-rating{font-size:.62rem;gap:2px;}
  .phase5-card-rating em{display:none;}
  .phase5-card-buy-row{display:grid!important;grid-template-columns:1fr;gap:7px;margin-top:8px;padding-top:8px;}
  .phase5-card-price{display:flex;align-items:center;gap:6px;min-width:0;}
  .phase5-card-price del{font-size:.60rem;}
  .phase5-card-price strong{font-size:.88rem;}
  .phase5-quick-add{width:100%;height:34px;border-radius:11px;font-size:.72rem;}
  .phase6-routine-band{margin-inline:-2px;border-radius:18px;padding:12px;}
  .phase6-routine-products{padding:9px;border-radius:14px;}

  /* Promo and trust sections stack without killing mobile scan speed. */
  .phase7-promos{padding:34px 0 40px;}
  .phase7-promo-head{gap:10px;margin-bottom:14px;}
  .phase7-promo-head h2{font-size:1.38rem!important;line-height:1.36;}
  .phase7-promo-head p{font-size:.82rem;line-height:1.7;}
  .phase7-promo-layout{gap:12px;}
  .phase7-main-offer{border-radius:18px;padding:0;overflow:hidden;}
  .phase7-main-copy{padding:22px 18px;}
  .phase7-main-copy h3{font-size:1.32rem;line-height:1.35;}
  .phase7-main-copy p{font-size:.82rem;line-height:1.75;}
  .phase7-offer-chips{gap:6px;}
  .phase7-offer-chips span{font-size:.64rem;height:28px;}
  .phase7-main-actions{grid-template-columns:1fr;}
  .phase7-main-visual{min-height:180px;}
  .phase7-side-offers{gap:10px;}
  .phase7-side-offer{border-radius:16px;padding:16px;}
  .phase7-commercial-tiles{display:flex;overflow-x:auto;gap:10px;margin-inline:calc(var(--phase9-mobile-gutter) * -1);padding:0 var(--phase9-mobile-gutter) 6px;scroll-snap-type:x mandatory;scrollbar-width:none;}
  .phase7-commercial-tiles::-webkit-scrollbar{display:none;}
  .phase7-commercial-card{min-width:228px;scroll-snap-align:start;border-radius:16px;}
  .phase8-trust-commerce{padding:34px 0 42px;}
  .phase8-stats-rail{margin-inline:calc(var(--phase9-mobile-gutter) * -1);padding-inline:var(--phase9-mobile-gutter);}
  .phase8-trust-grid{gap:12px;}
  .phase8-review-panel,.phase8-consult-card,.phase8-service-card,.phase8-payment-row{border-radius:18px;}
  .phase8-payment-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow-x:auto;}
  .phase8-payment-methods span{height:38px;font-size:.62rem;min-width:72px;}
  .rs-brand-marquee{display:none;}

  /* Footer becomes compact and does not compete with the buying flow. */
  .footer{margin-top:30px;padding-bottom:14px;}
  .footer-newsletter{display:grid!important;gap:14px;padding:24px 0;}
  .footer-newsletter h2{font-size:1.38rem!important;line-height:1.35;}
  .footer-subscribe{display:grid!important;gap:10px;}
  .footer-grid-premium{grid-template-columns:1fr!important;gap:22px;padding:24px 0;}
  .footer-brand img{width:170px!important;}
  .footer-grid-premium h3{font-size:.88rem;margin-bottom:8px;}
  .footer-grid-premium a{display:inline-flex;margin:0 0 8px 12px;font-size:.82rem;}
  .footer-bottom{display:flex;flex-direction:column;gap:6px;text-align:center;padding:12px 0 0;font-size:.76rem;}

  /* Mobile bottom commerce dock. */
  .mobile-commerce-dock{position:fixed;left:0;right:0;bottom:0;z-index:95;min-height:var(--mobile-dock-height);padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr) minmax(96px,1.25fr);gap:6px;background:rgba(255,250,244,.96);border-top:1px solid rgba(234,223,212,.96);box-shadow:0 -18px 45px rgba(43,23,18,.12);backdrop-filter:blur(16px) saturate(1.12);}
  .mobile-dock-link,.mobile-dock-checkout{appearance:none;border:0;background:transparent;color:#6d554d;text-decoration:none;display:grid;place-items:center;align-content:center;gap:3px;min-width:0;min-height:54px;border-radius:14px;font-weight:900;font-size:.62rem;position:relative;}
  .mobile-dock-link svg{width:19px;height:19px;color:#6b1022;stroke-width:1.65;}
  .mobile-dock-link:active,.mobile-dock-checkout:active{transform:scale(.97);}
  .mobile-dock-cart strong{position:absolute;top:5px;inset-inline-end:12px;min-width:17px;height:17px;border-radius:999px;background:#6b1022;color:#fff;display:grid;place-items:center;font-size:.58rem;border:1px solid #fffaf4;}
  .mobile-dock-checkout{background:#6b1022;color:#fffaf4;padding-inline:8px;}
  .mobile-dock-checkout:not(.ready){background:#8b746b;color:#fffaf4;opacity:.86;}
  .mobile-dock-checkout span{font-size:.70rem;line-height:1;}
  .mobile-dock-checkout b{font-family:Inter,sans-serif;font-size:.76rem;line-height:1;font-weight:950;}

  /* Cart and checkout become bottom sheets with sticky action area. */
  .drawer,.modal{z-index:120;}
  .drawer .overlay,.modal{background:rgba(43,23,18,.44);}
  .drawer-panel{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100vw!important;max-height:86dvh;border-radius:24px 24px 0 0;border-inline-start:0!important;border-top:1px solid rgba(234,223,212,.95);transform:translateY(110%)!important;box-shadow:0 -28px 80px rgba(43,23,18,.24)!important;padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;}
  html[dir="rtl"] .drawer-panel{transform:translateY(110%)!important;}
  .drawer.open .drawer-panel{transform:translateY(0)!important;}
  .drawer-panel:before,.modal-card:before{content:"";display:block;width:44px;height:4px;border-radius:999px;background:#d9c7bd;margin:0 auto 12px;}
  .drawer-panel .display,.modal-card .display{font-size:1.78rem!important;line-height:1.12;}
  .cart-line{border-radius:16px;}
  .cart-line img{width:64px!important;height:64px!important;border-radius:12px;}
  .cart-trust-row{grid-template-columns:1fr;}
  .drawer-panel>.mt-5{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(251,247,242,0),#fbf7f2 24%);padding-top:18px;margin-bottom:-2px;}
  .modal{align-items:end!important;place-items:end center!important;}
  .modal-card{width:100%!important;max-width:none!important;max-height:90dvh;border-radius:24px 24px 0 0!important;border-bottom:0!important;padding:18px 14px calc(20px + env(safe-area-inset-bottom))!important;}
  .modal-card .grid.grid-cols-2{grid-template-columns:1fr!important;}
  .checkout-payments{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding-bottom:4px;scrollbar-width:none;}
  .checkout-payments::-webkit-scrollbar{display:none;}
  .checkout-payments span,.checkout-payments b{white-space:nowrap;min-width:max-content;border-radius:999px;}
  .checkout-reassurance{display:flex;overflow-x:auto;gap:7px;scrollbar-width:none;}
  .checkout-reassurance span{min-width:150px;border-radius:14px;}
  .checkout-reassurance::-webkit-scrollbar{display:none;}
}
@media(max-width:420px){
  .container-naqae{width:min(100% - 20px,1180px);}
  .phase3-hero-copy h1{font-size:2rem;}
  .phase3-hero-actions{grid-template-columns:1fr;}
  .phase3-hero-proof span{min-width:118px;}
  .phase3-hero-visual{min-height:255px;}
  .phase4-cat-card{min-width:148px;max-width:148px;}
  .phase4-cat-media{height:94px;}
  .phase5-card-media,.phase6-shelves .phase5-card-media{height:136px!important;}
  .phase5-card-name h3{font-size:.70rem!important;}
  .phase5-card-size{display:none;}
  .phase5-card-rating{font-size:.60rem;}
  .mobile-commerce-dock{grid-template-columns:repeat(4,1fr) minmax(88px,1.15fr);gap:4px;padding-inline:7px;}
  .mobile-dock-link,.mobile-dock-checkout{font-size:.58rem;min-height:52px;border-radius:12px;}
  .mobile-dock-link svg{width:18px;height:18px;}
}
@media(min-width:861px){
  .mobile-commerce-dock{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .mobile-dock-link,.mobile-dock-checkout,.phase5-store-card,.phase4-cat-card,.phase4-trust-item,.drawer-panel,.modal-card{transition:none!important;animation:none!important;}
}

/* ======================================================================
   PHASE 9.5 — HEADER COMPRESSION + PREMIUM ECOMMERCE REFINEMENT
   Scope: header/navigation only. The goal is to reduce vertical space and
   make the top of the store feel closer to a real premium beauty retailer.
   ====================================================================== */
.phase2-topbar{
  padding:5px 0!important;
  font-size:.70rem!important;
  letter-spacing:.005em;
}
.phase2-topbar-inner{min-height:18px!important;}
.phase2-topbar-inner span{gap:6px!important;padding:0 14px!important;}
.phase2-topbar-inner svg{width:13px!important;height:13px!important;stroke-width:1.55!important;}
.phase2-store-header{
  box-shadow:0 6px 18px rgba(43,23,18,.026)!important;
  border-bottom-color:rgba(43,23,18,.075)!important;
}
.phase2-main-row{
  grid-template-columns:minmax(410px,1fr) auto minmax(300px,1fr)!important;
  gap:18px!important;
  padding:9px 0 8px!important;
  min-height:58px;
}
.phase95-search-cluster{gap:7px!important;}
.phase2-right-tools{gap:7px!important;}
.phase2-logo{min-width:176px!important;gap:0!important;}
.phase2-logo img{
  width:178px!important;
  max-width:18vw!important;
  filter:none!important;
}
.phase2-logo em{display:none!important;}
.phase2-select,
.phase2-header-link,
.phase2-lang,
.phase2-cart,
.phase2-mobile-menu{
  height:34px!important;
  padding:0 10px!important;
  font-size:.75rem!important;
  border-color:rgba(43,23,18,.12)!important;
  background:rgba(255,253,249,.82)!important;
  box-shadow:none!important;
}
.phase2-select svg,
.phase2-header-link svg,
.phase2-cart svg,
.phase2-mobile-menu svg{width:15px!important;height:15px!important;stroke-width:1.45!important;}
.phase2-flag{width:19px!important;height:19px!important;font-size:.72rem!important;}
.phase2-header-link span{display:none!important;}
.phase2-lang{min-width:35px!important;padding-inline:9px!important;font-size:.72rem!important;}
.phase2-cart{
  min-width:76px!important;
  border-color:rgba(107,16,34,.26)!important;
  background:#fffdf9!important;
  color:#6b1022!important;
}
.phase2-cart span{font-size:.74rem!important;}
.phase2-cart strong{
  min-width:17px!important;
  height:17px!important;
  font-size:.60rem!important;
  padding:0 4px!important;
}
.phase2-cart:hover,
.phase2-cart.has-items{
  background:#6b1022!important;
  color:#fff!important;
  border-color:#6b1022!important;
  box-shadow:0 8px 18px rgba(107,16,34,.11)!important;
}
.phase95-desktop-search{
  display:flex!important;
  width:clamp(250px,30vw,430px)!important;
  height:34px!important;
  margin:0!important;
  padding:0 8px 0 11px!important;
  gap:7px!important;
  border-color:rgba(43,23,18,.13)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.phase95-desktop-search svg{width:15px!important;height:15px!important;}
.phase95-desktop-search input{font-size:.78rem!important;font-weight:650!important;}
.phase95-desktop-search button{
  height:24px!important;
  padding:0 11px!important;
  font-size:.68rem!important;
}
.phase95-mobile-search-row{display:none!important;}
.phase2-nav-wrap{border-top:1px solid rgba(43,23,18,.055)!important;background:rgba(255,253,249,.74);}
.phase2-nav{min-height:38px!important;}
.phase2-nav a{
  min-height:38px!important;
  padding:0 13px!important;
  font-size:.78rem!important;
  font-weight:820!important;
  color:rgba(43,23,18,.75)!important;
}
.phase2-nav a:after{height:1px!important;bottom:0!important;}
.phase2-nav a:hover:after,.phase2-nav a.active:after{left:13px!important;right:13px!important;}
.phase2-nav .phase2-offer-link:before{width:4px!important;height:4px!important;margin-inline-end:6px!important;}
.phase2-mobile-actions a,.phase2-mobile-actions button{
  min-height:38px!important;
  font-size:.72rem!important;
  background:#fff!important;
}
@media(max-width:1240px){
  .phase2-main-row{grid-template-columns:minmax(350px,1fr) auto minmax(250px,1fr)!important;gap:14px!important;}
  .phase95-desktop-search{width:clamp(220px,27vw,360px)!important;}
  .phase2-country span:not(.phase2-flag),.phase2-currency svg{display:none!important;}
  .phase2-logo img{width:166px!important;}
  .phase2-nav a{padding-inline:11px!important;font-size:.76rem!important;}
}
@media(max-width:980px){
  .phase2-main-row{grid-template-columns:minmax(255px,1fr) auto minmax(150px,1fr)!important;}
  .phase95-desktop-search{width:min(280px,27vw)!important;}
  .phase2-select{padding-inline:8px!important;}
  .phase2-logo img{width:154px!important;}
  .phase2-cart{min-width:42px!important;width:42px!important;padding:0!important;}
  .phase2-cart span{display:none!important;}
  .phase2-cart strong{position:absolute;top:-5px;inset-inline-end:-5px;border:1px solid #fffaf4;}
}
@media(max-width:860px){
  .phase2-topbar{padding:4px 0!important;font-size:.64rem!important;}
  .phase2-topbar-inner{min-height:18px!important;}
  .phase2-topbar-inner span{padding:0 12px!important;}
  .phase2-main-row{
    grid-template-columns:42px 1fr 42px!important;
    gap:8px!important;
    padding:7px 0 6px!important;
    min-height:50px!important;
  }
  .phase2-left-tools{justify-content:flex-start!important;}
  .phase2-right-tools{justify-content:flex-end!important;}
  .phase2-mobile-menu{display:inline-flex!important;width:38px!important;height:38px!important;padding:0!important;background:#fff!important;}
  .phase95-desktop-search,.phase2-left-tools .phase2-country,.phase2-left-tools .phase2-currency{display:none!important;}
  .phase2-logo{min-width:0!important;}
  .phase2-logo img{width:132px!important;max-width:42vw!important;}
  .phase2-cart{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;background:#fff!important;}
  .phase2-lang,.phase2-account,.phase2-wishlist{display:none!important;}
  .phase95-mobile-search-row{display:block!important;padding:0 0 6px!important;}
  .phase95-mobile-search-row .phase2-search{
    width:100%!important;
    height:36px!important;
    margin:0!important;
    padding:0 10px!important;
    border-color:rgba(43,23,18,.12)!important;
    box-shadow:none!important;
  }
  .phase95-mobile-search-row .phase2-search input{font-size:.78rem!important;}
  .phase95-mobile-search-row .phase2-search button{display:none!important;}
  .phase2-nav{min-height:36px!important;justify-content:flex-start!important;scroll-snap-type:x proximity;}
  .phase2-nav a{min-height:36px!important;padding:0 12px!important;font-size:.70rem!important;scroll-snap-align:center;}
  .phase2-mobile-panel{padding-bottom:8px!important;}
  .phase2-mobile-actions{padding-top:8px!important;gap:6px!important;}
  .phase2-mobile-actions a,.phase2-mobile-actions button{min-height:36px!important;font-size:.68rem!important;}
}
@media(max-width:460px){
  .phase2-logo img{width:118px!important;max-width:38vw!important;}
  .phase2-topbar-inner span{font-size:.61rem!important;padding:0 10px!important;}
  .phase2-nav a{padding-inline:10px!important;font-size:.67rem!important;}
}

/* ======================================================================
   PHASE 9.6 — DESKTOP VISUAL POLISH + STORE DENSITY REBALANCE
   Scope: visual composition only. The intent is to make the homepage feel
   less like a long prototype and more like a commercial premium beauty shop.
   ====================================================================== */
@media (min-width: 861px){
  body{background:#fbf8f4;}
  .container-naqae{width:min(100% - 56px,1240px);}

  /* More commercial hero: full-bleed campaign banner instead of a small boxed card. */
  .phase3-hero-store{padding:0!important;background:#fffaf4!important;border-bottom:1px solid rgba(234,223,212,.9)!important;}
  .phase3-hero-store .phase3-hero-container{width:100%!important;max-width:none!important;margin:0!important;}
  .phase3-hero-shell{
    min-height:500px!important;
    border:0!important;
    box-shadow:none!important;
    display:grid!important;
    grid-template-columns:minmax(470px,44vw) minmax(0,1fr)!important;
    align-items:stretch!important;
    background:linear-gradient(90deg,#fffaf4 0%,#fff5f3 48%,#f8dde4 100%)!important;
  }
  .phase3-hero-shell:before{opacity:.16!important;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,0) 52%)!important;z-index:2!important;}
  .phase3-hero-shell:after{display:none!important;}
  .phase3-hero-copy{
    padding:58px max(54px,calc((100vw - 1240px)/2 + 24px)) 54px 40px!important;
    justify-content:center!important;
    z-index:5!important;
  }
  html[dir="ltr"] .phase3-hero-copy{padding:58px 40px 54px max(54px,calc((100vw - 1240px)/2 + 24px))!important;}
  .phase3-eyebrow{height:26px;min-height:26px;padding:0 11px!important;background:rgba(255,255,255,.70)!important;font-size:.62rem!important;letter-spacing:.18em!important;border-color:rgba(107,16,34,.14)!important;}
  .phase3-hero-copy h1{
    font-size:clamp(2.55rem,4.25vw,4.65rem)!important;
    max-width:520px!important;
    line-height:1.08!important;
    margin:14px 0 14px!important;
    letter-spacing:-.048em!important;
    font-weight:900!important;
  }
  .phase3-hero-copy p{max-width:500px!important;font-size:.98rem!important;line-height:1.85!important;color:#5f4a42!important;}
  .phase3-hero-actions{margin-top:24px!important;gap:10px!important;}
  .phase3-btn{min-height:44px!important;padding:0 24px!important;font-size:.84rem!important;border-radius:2px!important;}
  .phase3-hero-proof{width:min(430px,100%)!important;margin-top:20px!important;gap:7px!important;}
  .phase3-hero-proof span{min-height:48px!important;padding:9px 10px!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important;}
  .phase3-hero-proof b{font-size:.9rem!important;}
  .phase3-hero-visual{min-height:500px!important;padding:0!important;overflow:hidden!important;}
  .phase3-campaign-photo{inset:0!important;border:0!important;box-shadow:none!important;background:#f2d9d7!important;}
  .phase3-campaign-photo:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(251,247,242,.94) 0%,rgba(251,247,242,.42) 18%,rgba(251,247,242,0) 42%),linear-gradient(0deg,rgba(107,16,34,.04),rgba(255,255,255,0));pointer-events:none;}
  html[dir="ltr"] .phase3-campaign-photo:before{background:linear-gradient(270deg,rgba(251,247,242,.94) 0%,rgba(251,247,242,.42) 18%,rgba(251,247,242,0) 42%),linear-gradient(0deg,rgba(107,16,34,.04),rgba(255,255,255,0));}
  .phase3-campaign-photo:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(0deg,rgba(255,250,244,.72),rgba(255,250,244,0));z-index:3;pointer-events:none;}
  .phase3-campaign-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.015);filter:saturate(.98) contrast(1.02);}
  .phase3-product-edit{display:none!important;}
  .phase3-offer-note{z-index:6!important;inset:auto max(42px,calc((100vw - 1240px)/2 + 22px)) 38px auto!important;background:rgba(255,255,255,.82)!important;border-color:rgba(107,16,34,.16)!important;box-shadow:0 20px 60px rgba(43,23,18,.09)!important;backdrop-filter:blur(14px)!important;}
  html[dir="ltr"] .phase3-offer-note{inset:auto auto 38px max(42px,calc((100vw - 1240px)/2 + 22px))!important;}
  .phase3-hero-dots{position:absolute;z-index:10;bottom:24px;inset-inline-start:max(54px,calc((100vw - 1240px)/2 + 24px));margin:0!important;}
  html[dir="rtl"] .phase3-hero-dots{inset-inline-start:auto;inset-inline-end:max(54px,calc((100vw - 1240px)/2 + 24px));}

  /* Trust strip becomes tighter and closer to the hero like a real store. */
  .phase4-realstore-home .phase4-trust-wrap{margin-top:-28px!important;margin-bottom:34px!important;position:relative;z-index:20;}
  .phase4-realstore-home .phase4-trust-strip{width:min(100% - 56px,1240px);margin:0 auto!important;border-radius:12px!important;box-shadow:0 18px 58px rgba(43,23,18,.08)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px)!important;}
  .phase4-realstore-home .phase4-trust-item{min-height:82px!important;padding:16px 18px!important;}
  .phase4-realstore-home .phase4-trust-icon{width:38px!important;height:38px!important;min-width:38px!important;background:#fffaf4!important;}
  .phase4-realstore-home .phase4-trust-copy strong{font-size:.86rem!important;}
  .phase4-realstore-home .phase4-trust-copy small{font-size:.69rem!important;line-height:1.45!important;}

  /* Category row: compact image-led tiles without huge gaps. */
  .phase4-cats{padding:18px 0 28px!important;}
  .phase4-section-head{margin-bottom:16px!important;align-items:end!important;}
  .phase4-section-head h2{font-size:clamp(1.5rem,2.2vw,2.35rem)!important;max-width:650px!important;line-height:1.25!important;}
  .phase4-section-head p{font-size:.86rem!important;line-height:1.7!important;max-width:560px!important;}
  .phase4-realstore-home .phase4-cat-row{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important;}
  .phase4-realstore-home .phase4-cat-card{min-height:172px!important;border-radius:8px!important;box-shadow:0 10px 24px rgba(43,23,18,.045)!important;}
  .phase4-realstore-home .phase4-cat-media{height:104px!important;}
  .phase4-realstore-home .phase4-cat-media img{object-fit:cover!important;}
  .phase4-realstore-home .phase4-cat-body{padding:10px 10px 11px!important;gap:3px!important;}
  .phase4-realstore-home .phase4-cat-icon{display:none!important;}
  .phase4-realstore-home .phase4-cat-body strong{font-size:.80rem!important;line-height:1.25!important;}
  .phase4-realstore-home .phase4-cat-body small{font-size:.64rem!important;min-height:0!important;line-height:1.25!important;}
  .phase4-realstore-home .phase4-cat-body em{font-size:.62rem!important;margin-top:3px!important;}

  /* Product merchandising: remove repeated prototype feel and make one strong commercial shelf. */
  .phase6-shelves{padding:30px 0 46px!important;}
  .phase6-store-head{margin-bottom:14px!important;align-items:center!important;}
  .phase6-store-head h2{font-size:clamp(1.55rem,2.45vw,2.45rem)!important;max-width:620px!important;margin:6px 0!important;}
  .phase6-store-head p{font-size:.88rem!important;line-height:1.7!important;max-width:640px!important;}
  .phase6-store-tabs{display:none!important;}
  .phase6-featured-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:14px!important;margin-bottom:0!important;}
  .phase6-editor-card{border-radius:10px!important;box-shadow:0 12px 34px rgba(43,23,18,.045)!important;}
  .phase6-editor-media{height:184px!important;margin:14px 14px 0!important;border-radius:8px!important;}
  .phase6-editor-copy{padding:18px!important;gap:8px!important;}
  .phase6-editor-copy h3{font-size:1.05rem!important;line-height:1.5!important;}
  .phase6-editor-copy p{font-size:.76rem!important;line-height:1.65!important;}
  .phase6-editor-copy a{min-height:36px!important;font-size:.72rem!important;}
  .phase6-primary-shelf{padding:14px!important;border-radius:10px!important;background:#fffdf9!important;}
  .phase6-row-shell,.phase6-routine-band{display:none!important;}
  .phase6-shelf-title{margin-bottom:12px!important;padding-bottom:10px!important;}
  .phase6-shelf-title h3{font-size:1.12rem!important;}
  .phase6-shelf-title small{font-size:.70rem!important;}
  .phase6-product-grid.phase5-store-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}

  /* Product cards: cleaner, tighter, closer to retail grid proportions. */
  .phase5-store-card{border-radius:9px!important;box-shadow:0 8px 22px rgba(43,23,18,.035)!important;background:#fff!important;}
  .phase5-store-card:hover{box-shadow:0 18px 44px rgba(43,23,18,.075)!important;transform:translateY(-2px)!important;}
  .phase5-card-media,.phase6-shelves .phase5-card-media{height:170px!important;background:#fffaf7!important;border-bottom-color:rgba(234,223,212,.76)!important;}
  .phase5-card-media:before{inset:12px!important;opacity:.72!important;}
  .phase5-card-media img{padding:18px 18px 16px!important;filter:drop-shadow(0 14px 14px rgba(43,23,18,.10))!important;}
  .phase5-card-tag{top:8px!important;inset-inline-end:8px!important;height:22px!important;font-size:.56rem!important;padding:0 7px!important;max-width:62%!important;}
  .phase5-discount{top:8px!important;inset-inline-start:8px!important;height:23px!important;font-size:.62rem!important;padding:0 7px!important;}
  .phase5-card-wish{bottom:auto!important;top:8px!important;inset-inline-end:auto!important;inset-inline-start:8px!important;width:28px!important;height:28px!important;border-radius:999px!important;}
  .phase5-card-body{padding:11px 11px 10px!important;}
  .phase5-card-topline{margin-bottom:4px!important;}
  .phase5-card-topline span{font-size:.56rem!important;letter-spacing:.14em!important;}
  .phase5-card-topline small{font-size:.60rem!important;}
  .phase5-card-name h3,.phase6-shelves .phase5-card-name h3{font-size:.78rem!important;line-height:1.43!important;min-height:2.85em!important;}
  .phase5-card-short,.phase6-shelves .phase5-card-short{display:none!important;}
  .phase5-card-meta-row{margin-top:7px!important;gap:6px!important;}
  .phase5-card-size{height:22px!important;font-size:.58rem!important;padding:0 6px!important;}
  .phase5-card-rating{font-size:.62rem!important;gap:4px!important;}
  .phase5-card-rating svg{width:12px!important;height:12px!important;}
  .phase5-card-buy-row{padding-top:9px!important;margin-top:9px!important;gap:8px!important;}
  .phase5-card-price del{font-size:.60rem!important;}
  .phase5-card-price strong{font-size:.88rem!important;}
  .phase5-quick-add{height:31px!important;min-width:74px!important;font-size:.66rem!important;padding:0 9px!important;border-radius:4px!important;}
  .phase5-quick-add svg{width:12px!important;height:12px!important;}

  /* Promo/trust blocks: fewer oversized blocks, more premium commercial rhythm. */
  .phase7-promos{padding:34px 0 42px!important;border-top:1px solid rgba(234,223,212,.72)!important;}
  .phase7-promo-head{margin-bottom:14px!important;}
  .phase7-promo-head h2{font-size:clamp(1.5rem,2.15vw,2.2rem)!important;line-height:1.28!important;}
  .phase7-promo-head p{font-size:.86rem!important;line-height:1.65!important;}
  .phase7-promo-layout{grid-template-columns:minmax(0,1fr) 330px!important;gap:14px!important;}
  .phase7-main-offer{min-height:300px!important;border-radius:12px!important;box-shadow:0 18px 48px rgba(107,16,34,.10)!important;}
  .phase7-main-copy{padding:34px 36px!important;}
  .phase7-main-copy h3{font-size:clamp(1.55rem,2.4vw,2.4rem)!important;line-height:1.22!important;}
  .phase7-main-copy p{font-size:.88rem!important;line-height:1.7!important;max-width:520px!important;}
  .phase7-main-visual{min-height:300px!important;}
  .phase7-side-offers{gap:14px!important;}
  .phase7-side-offer{border-radius:12px!important;padding:18px!important;min-height:143px!important;}
  .phase7-commercial-tiles{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-top:14px!important;}
  .phase7-commercial-card{border-radius:10px!important;min-height:122px!important;padding:18px!important;}
  .phase7-commercial-card strong{font-size:.92rem!important;line-height:1.45!important;}
  .phase7-commercial-card em{font-size:.68rem!important;line-height:1.45!important;}

  .phase8-trust-commerce{padding:42px 0 54px!important;border-top:1px solid rgba(234,223,212,.72)!important;}
  .phase8-trust-head h2{font-size:clamp(1.55rem,2.3vw,2.35rem)!important;line-height:1.28!important;}
  .phase8-stats-rail{gap:10px!important;}
  .phase8-trust-grid{gap:14px!important;}
  .phase8-payment-methods span{height:36px!important;border-radius:6px!important;}
  .rs-brand-marquee{padding:22px 0!important;}

  .footer{margin-top:0!important;}
  .footer-newsletter{padding:34px 0!important;}
  .footer-newsletter h2{font-size:clamp(1.75rem,3vw,3rem)!important;line-height:1.22!important;}
}

@media (min-width:1181px){
  .phase6-product-grid.phase5-store-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

@media (max-width:860px){
  /* Keep mobile from inheriting the full desktop banner density. */
  .phase3-hero-copy h1{font-size:2.15rem!important;}
  .phase3-hero-copy p{font-size:.88rem!important;}
}

/* ======================================================================
   PHASE 9.7 — PREMIUM VISUAL UNIFICATION + REAL STORE POLISH
   Scope: visual unification only. Tightens the full homepage so it feels
   more cohesive, less coded, and closer to a commercial premium beauty shop.
   ====================================================================== */
.phase97-polish{
  --p97-bg:#fbf7f2;
  --p97-card:#fffdf9;
  --p97-line:rgba(218,202,189,.82);
  --p97-soft:#f5e9df;
  --p97-rose:#f7dfe6;
  --p97-burg:#7a0f2d;
  --p97-burg-deep:#4a1214;
  --p97-text:#2b1712;
  --p97-muted:#796258;
  --p97-gold:#bd8c58;
  --p97-shadow:0 18px 60px rgba(43,23,18,.065);
  --p97-shadow-soft:0 10px 34px rgba(43,23,18,.045);
}
.phase97-polish .realstore-home{background:var(--p97-bg);}
.phase97-polish .container-naqae{max-width:1260px;}

/* Header: unify controls into one calm ecommerce system. */
.phase97-polish .phase2-store-header{
  background:rgba(255,253,249,.96)!important;
  border-bottom:1px solid rgba(43,23,18,.07)!important;
  box-shadow:0 8px 24px rgba(43,23,18,.035)!important;
}
.phase97-polish .phase2-topbar{padding:5px 0!important;background:#72122b!important;}
.phase97-polish .phase2-topbar-inner span{font-size:.69rem!important;letter-spacing:.01em!important;color:#fff9f3!important;}
.phase97-polish .phase2-main-row{padding:9px 0 7px!important;gap:18px!important;}
.phase97-polish .phase2-logo img{width:178px!important;max-width:22vw!important;}
.phase97-polish .phase2-logo em{display:none!important;}
.phase97-polish .phase2-select,
.phase97-polish .phase2-header-link,
.phase97-polish .phase2-lang,
.phase97-polish .phase2-cart,
.phase97-polish .phase2-mobile-menu{
  height:34px!important;
  border-radius:9px!important;
  border-color:rgba(43,23,18,.11)!important;
  background:#fffdf9!important;
  box-shadow:none!important;
  font-size:.72rem!important;
}
.phase97-polish .phase2-cart{border-color:rgba(122,15,45,.28)!important;color:var(--p97-burg)!important;}
.phase97-polish .phase2-cart:hover,
.phase97-polish .phase2-cart.has-items{background:var(--p97-burg)!important;border-color:var(--p97-burg)!important;color:#fffaf4!important;}
.phase97-polish .phase95-desktop-search{
  height:35px!important;
  border-radius:999px!important;
  width:clamp(270px,31vw,460px)!important;
  border-color:rgba(43,23,18,.12)!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.phase97-polish .phase95-desktop-search button{border-radius:999px!important;background:#fff5f1!important;color:var(--p97-burg)!important;}
.phase97-polish .phase95-desktop-search:focus-within{box-shadow:0 12px 28px rgba(43,23,18,.055),0 0 0 3px rgba(189,140,88,.10)!important;border-color:rgba(122,15,45,.26)!important;}
.phase97-polish .phase2-nav-wrap{background:rgba(255,253,249,.88)!important;border-top:1px solid rgba(43,23,18,.045)!important;}
.phase97-polish .phase2-nav{min-height:36px!important;justify-content:center!important;}
.phase97-polish .phase2-nav a{min-height:36px!important;font-size:.74rem!important;padding-inline:14px!important;color:rgba(43,23,18,.72)!important;}
.phase97-polish .phase2-nav a:hover,
.phase97-polish .phase2-nav .phase2-offer-link{color:var(--p97-burg)!important;}

@media (min-width:861px){
  /* Hero: make it a single campaign banner, with product routine overlay integrated into the image side. */
  .phase97-polish .phase3-hero-store{background:#fff!important;border-bottom:0!important;}
  .phase97-polish .phase3-hero-shell{
    min-height:520px!important;
    grid-template-columns:minmax(430px,42vw) minmax(0,1fr)!important;
    background:linear-gradient(90deg,#fffaf4 0%,#fff3f2 45%,#f6d9e0 100%)!important;
    box-shadow:inset 0 -1px 0 rgba(234,223,212,.86)!important;
  }
  .phase97-polish .phase3-hero-copy{
    padding-top:56px!important;
    padding-bottom:58px!important;
  }
  .phase97-polish .phase3-eyebrow{
    background:rgba(255,255,255,.74)!important;
    border-radius:999px!important;
    color:var(--p97-burg)!important;
    box-shadow:0 10px 26px rgba(43,23,18,.035)!important;
  }
  .phase97-polish .phase3-hero-copy h1{
    max-width:500px!important;
    font-size:clamp(2.55rem,4vw,4.4rem)!important;
    line-height:1.06!important;
    color:var(--p97-text)!important;
  }
  .phase97-polish .phase3-hero-copy h1::first-letter{color:var(--p97-burg);}
  .phase97-polish .phase3-hero-copy p{font-size:.98rem!important;color:#5e4a42!important;max-width:520px!important;}
  .phase97-polish .phase3-btn{border-radius:8px!important;min-width:148px!important;}
  .phase97-polish .phase3-btn-primary{background:var(--p97-burg)!important;border-color:var(--p97-burg)!important;box-shadow:0 14px 34px rgba(122,15,45,.16)!important;}
  .phase97-polish .phase3-btn-primary:hover{background:#94113c!important;}
  .phase97-polish .phase3-btn-secondary{background:rgba(255,255,255,.72)!important;border-color:rgba(122,15,45,.28)!important;color:var(--p97-burg)!important;}
  .phase97-polish .phase3-hero-proof{gap:8px!important;}
  .phase97-polish .phase3-hero-proof span{
    border-radius:9px!important;
    background:rgba(255,255,255,.70)!important;
    border-color:rgba(218,202,189,.76)!important;
    box-shadow:0 10px 24px rgba(43,23,18,.035)!important;
  }
  .phase97-polish .phase3-hero-visual{isolation:isolate;}
  .phase97-polish .phase3-campaign-photo{background:#f6e1df!important;}
  .phase97-polish .phase3-campaign-photo:before{
    background:linear-gradient(90deg,rgba(251,247,242,.96) 0%,rgba(251,247,242,.46) 18%,rgba(251,247,242,0) 47%),linear-gradient(0deg,rgba(122,15,45,.05),rgba(255,255,255,0))!important;
  }
  .phase97-polish .phase3-campaign-photo img{
    object-position:center 34%!important;
    filter:saturate(.93) contrast(1.03) brightness(1.03)!important;
  }
  .phase97-polish .phase3-product-edit{
    display:grid!important;
    position:absolute!important;
    z-index:7!important;
    inset:auto auto 32px 42px!important;
    width:min(386px,44%)!important;
    padding:14px!important;
    border-radius:16px!important;
    background:rgba(255,253,249,.82)!important;
    border:1px solid rgba(255,255,255,.76)!important;
    box-shadow:0 22px 70px rgba(43,23,18,.13)!important;
    backdrop-filter:blur(18px)!important;
    gap:8px!important;
  }
  html[dir="rtl"] .phase97-polish .phase3-product-edit{left:42px!important;right:auto!important;}
  html[dir="ltr"] .phase97-polish .phase3-product-edit{right:42px!important;left:auto!important;}
  .phase97-polish .phase3-edit-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 2px 4px!important;border-bottom:1px solid rgba(218,202,189,.58)!important;}
  .phase97-polish .phase3-edit-head span{font-size:.58rem!important;letter-spacing:.16em!important;color:var(--p97-gold)!important;font-weight:950!important;}
  .phase97-polish .phase3-edit-head strong{font-size:.76rem!important;color:var(--p97-text)!important;}
  .phase97-polish .phase3-mini-product{
    min-height:52px!important;
    display:grid!important;
    grid-template-columns:46px 1fr!important;
    align-items:center!important;
    gap:10px!important;
    padding:7px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.64)!important;
    border:1px solid rgba(234,223,212,.62)!important;
    color:var(--p97-text)!important;
    text-decoration:none!important;
  }
  .phase97-polish .phase3-mini-product img{width:46px!important;height:46px!important;object-fit:contain!important;padding:4px!important;background:#fffaf4!important;border-radius:9px!important;}
  .phase97-polish .phase3-mini-product span{display:grid!important;gap:1px!important;min-width:0!important;}
  .phase97-polish .phase3-mini-product b{font-size:.70rem!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .phase97-polish .phase3-mini-product em{font-style:normal!important;color:var(--p97-burg)!important;font-weight:900!important;font-size:.68rem!important;}
  .phase97-polish .phase3-offer-note{
    top:34px!important;
    bottom:auto!important;
    inset-inline-end:max(38px,calc((100vw - 1260px)/2 + 24px))!important;
    border-radius:999px!important;
    padding:10px 16px!important;
    min-width:0!important;
  }
  .phase97-polish .phase3-offer-note small{display:none!important;}
  .phase97-polish .phase3-offer-note strong{font-size:.74rem!important;}
  .phase97-polish .phase3-hero-dots span{width:9px!important;height:9px!important;border-radius:999px!important;background:rgba(122,15,45,.24)!important;}
  .phase97-polish .phase3-hero-dots span.active{width:26px!important;background:var(--p97-burg)!important;}

  /* Trust and category: less boxy, more premium retail. */
  .phase97-polish .phase4-realstore-home .phase4-trust-wrap{margin-top:-34px!important;margin-bottom:30px!important;}
  .phase97-polish .phase4-realstore-home .phase4-trust-strip{
    border-radius:18px!important;
    box-shadow:0 18px 54px rgba(43,23,18,.09)!important;
    border-color:rgba(234,223,212,.76)!important;
    overflow:hidden!important;
  }
  .phase97-polish .phase4-realstore-home .phase4-trust-item{min-height:78px!important;background:rgba(255,255,255,.93)!important;}
  .phase97-polish .phase4-realstore-home .phase4-trust-icon{border-radius:14px!important;border-color:rgba(122,15,45,.12)!important;color:var(--p97-burg)!important;}
  .phase97-polish .phase4-cats{padding-top:20px!important;padding-bottom:34px!important;}
  .phase97-polish .phase4-section-head h2{font-size:clamp(1.55rem,2.05vw,2.2rem)!important;letter-spacing:-.025em!important;}
  .phase97-polish .phase4-realstore-home .phase4-cat-card{border-radius:14px!important;overflow:hidden!important;border-color:rgba(218,202,189,.78)!important;background:#fff!important;}
  .phase97-polish .phase4-realstore-home .phase4-cat-card:hover{box-shadow:0 20px 46px rgba(43,23,18,.08)!important;}
  .phase97-polish .phase4-realstore-home .phase4-cat-media{height:108px!important;background:#fff4ee!important;}
  .phase97-polish .phase4-realstore-home .phase4-cat-body{background:linear-gradient(180deg,#fff,#fffaf6)!important;}
  .phase97-polish .phase4-realstore-home .phase4-cat-body strong{font-weight:900!important;}
  .phase97-polish .phase4-realstore-home .phase4-cat-body em{color:var(--p97-burg)!important;}

  /* Product shelf: align like a curated retail carousel, with tighter card rhythm. */
  .phase97-polish .phase6-shelves{padding-top:32px!important;padding-bottom:42px!important;border-top:1px solid rgba(234,223,212,.52)!important;}
  .phase97-polish .phase6-store-head{margin-bottom:16px!important;}
  .phase97-polish .phase6-store-head h2{font-size:clamp(1.65rem,2.25vw,2.35rem)!important;letter-spacing:-.028em!important;}
  .phase97-polish .phase6-featured-layout{grid-template-columns:248px minmax(0,1fr)!important;gap:16px!important;}
  .phase97-polish .phase6-editor-card,
  .phase97-polish .phase6-primary-shelf{border-radius:18px!important;border-color:rgba(218,202,189,.76)!important;box-shadow:var(--p97-shadow-soft)!important;background:#fffdf9!important;}
  .phase97-polish .phase6-editor-media{border-radius:14px!important;height:170px!important;background:linear-gradient(145deg,#fff6f0,#f4e6dc)!important;}
  .phase97-polish .phase6-editor-copy{padding:16px 17px 18px!important;}
  .phase97-polish .phase6-editor-copy h3{font-size:.98rem!important;}
  .phase97-polish .phase6-editor-copy p{font-size:.72rem!important;}
  .phase97-polish .phase6-primary-shelf{padding:16px!important;}
  .phase97-polish .phase6-shelf-title{border-bottom-color:rgba(218,202,189,.64)!important;}
  .phase97-polish .phase6-product-grid.phase5-store-grid{gap:14px!important;}
  .phase97-polish .phase5-store-card{border-radius:16px!important;border-color:rgba(218,202,189,.78)!important;box-shadow:0 8px 26px rgba(43,23,18,.04)!important;}
  .phase97-polish .phase5-store-card:hover{box-shadow:0 18px 48px rgba(43,23,18,.09)!important;border-color:rgba(122,15,45,.20)!important;}
  .phase97-polish .phase5-card-media{height:178px!important;border-bottom-color:rgba(218,202,189,.58)!important;background:radial-gradient(circle at 50% 40%,#fff 0%,#fff8f2 48%,#f4e3d8 100%)!important;}
  .phase97-polish .phase5-card-media:after{background:rgba(43,23,18,.10)!important;bottom:18px!important;}
  .phase97-polish .phase5-card-media img{padding:20px 20px 18px!important;filter:drop-shadow(0 16px 14px rgba(43,23,18,.11))!important;}
  .phase97-polish .phase5-card-tag,
  .phase97-polish .phase5-discount{border-radius:999px!important;}
  .phase97-polish .phase5-card-wish{border-radius:999px!important;background:rgba(255,255,255,.92)!important;}
  .phase97-polish .phase5-card-body{padding:12px 12px 11px!important;}
  .phase97-polish .phase5-card-topline span{letter-spacing:.12em!important;color:var(--p97-gold)!important;}
  .phase97-polish .phase5-card-name h3{font-size:.80rem!important;line-height:1.45!important;font-weight:900!important;}
  .phase97-polish .phase5-card-buy-row{border-top-color:rgba(218,202,189,.60)!important;}
  .phase97-polish .phase5-quick-add{border-radius:8px!important;background:var(--p97-burg)!important;border-color:var(--p97-burg)!important;}
  .phase97-polish .phase5-quick-add:hover{background:#94113c!important;}

  /* Promotional modules: unify surfaces and reduce heavy blockiness. */
  .phase97-polish .phase7-promos{padding-top:38px!important;padding-bottom:44px!important;background:linear-gradient(180deg,#fbf7f2,#fffaf4)!important;}
  .phase97-polish .phase7-promo-layout{gap:16px!important;}
  .phase97-polish .phase7-main-offer{border-radius:20px!important;background:linear-gradient(115deg,#7a0f2d,#981341 48%,#f4d8df 48%,#fff6f2)!important;box-shadow:0 22px 62px rgba(122,15,45,.13)!important;}
  .phase97-polish .phase7-main-copy h3{font-size:clamp(1.65rem,2.25vw,2.3rem)!important;}
  .phase97-polish .phase7-side-offer,
  .phase97-polish .phase7-commercial-card{border-radius:16px!important;box-shadow:0 9px 28px rgba(43,23,18,.045)!important;}
  .phase97-polish .phase7-commercial-tiles{gap:14px!important;}

  /* Trust/reviews: make it a premium reassurance section, not a prototype explanation. */
  .phase97-polish .phase8-trust-commerce{padding-top:44px!important;background:#fffaf4!important;border-top:1px solid rgba(234,223,212,.64)!important;}
  .phase97-polish .phase8-trust-head{margin-bottom:18px!important;}
  .phase97-polish .phase8-trust-head h2{font-size:clamp(1.65rem,2.35vw,2.4rem)!important;}
  .phase97-polish .phase8-stats-rail article,
  .phase97-polish .phase8-review-panel,
  .phase97-polish .phase8-consult-card,
  .phase97-polish .phase8-service-card,
  .phase97-polish .phase8-payment-row{border-radius:18px!important;border-color:rgba(218,202,189,.76)!important;box-shadow:var(--p97-shadow-soft)!important;background:#fff!important;}
  .phase97-polish .phase8-stats-rail article{min-height:86px!important;}
  .phase97-polish .phase8-rating-summary b{color:var(--p97-burg)!important;}
  .phase97-polish .phase8-payment-methods span{border-radius:10px!important;background:#fffdf9!important;}
  .phase97-polish .rs-brand-marquee{background:#fff!important;padding:24px 0!important;border-block-color:rgba(234,223,212,.72)!important;}
  .phase97-polish .rs-brand-marquee b{opacity:.78;font-size:1.05rem!important;}

  /* Footer transition: softer dark area, less abrupt and heavy. */
  .phase97-polish .footer{background:#1d0f0d!important;}
  .phase97-polish .footer-newsletter{padding-top:40px!important;padding-bottom:34px!important;}
  .phase97-polish .footer-newsletter h2{font-size:clamp(1.75rem,2.8vw,2.9rem)!important;}
  .phase97-polish .footer-grid{padding-top:34px!important;}
}

@media (min-width:1181px){
  .phase97-polish .phase6-product-grid.phase5-store-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

@media (max-width:860px){
  .phase97-polish .phase2-topbar{padding:4px 0!important;}
  .phase97-polish .phase2-main-row{padding:7px 0 6px!important;}
  .phase97-polish .phase2-logo img{width:126px!important;max-width:40vw!important;}
  .phase97-polish .phase95-mobile-search-row .phase2-search{border-radius:999px!important;}
  .phase97-polish .phase3-hero-shell{border-radius:0!important;}
  .phase97-polish .phase3-hero-copy h1{font-size:2.05rem!important;line-height:1.18!important;}
  .phase97-polish .phase3-product-edit{display:none!important;}
  .phase97-polish .phase4-realstore-home .phase4-trust-strip{border-radius:14px!important;}
  .phase97-polish .phase5-store-card{border-radius:14px!important;}
  .phase97-polish .phase5-card-media{height:162px!important;}
  .phase97-polish .phase6-editor-card{display:none!important;}
  .phase97-polish .phase6-featured-layout{display:block!important;}
}