@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700&family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap');
:root{--forest:#14241b;--forest2:#1f3527;--cream:#f5efe3;--paper:#fffdf8;--gold:#c9a765;--ink:#172019;--muted:#69736d;--line:#dfddd4;--radius:26px;--shadow:0 28px 70px rgba(12,25,16,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#0c1710;color:#d8dfd8;font-size:12px;letter-spacing:.08em}.topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between}.site-header{position:absolute;z-index:30;left:0;right:0;top:36px;border-bottom:1px solid rgba(255,255,255,.12)}.nav-wrap{height:92px;display:flex;align-items:center;gap:36px}
.brand img{
  width:96px;
  height:auto;
  display:block;
  filter:none;
}
.nav-links{margin-left:auto;display:flex;gap:30px;align-items:center;color:#f6f5ef;font-size:14px}.nav-links a{opacity:.82;transition:.2s}.nav-links a:hover{opacity:1;color:#e4c98d}.nav-actions{display:flex;gap:12px;align-items:center}.lang-btn{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent;border-radius:999px;padding:9px 12px;cursor:pointer}.nav-cta{background:#f3ead9;padding:11px 19px;border-radius:999px;font-size:13px}.menu-toggle{display:none}.hero{min-height:780px;background:radial-gradient(circle at 74% 35%,#31503a 0,#1a2e22 27%,#132219 58%,#0d1811 100%);color:white;position:relative;overflow:hidden;padding-top:128px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,rgba(0,0,0,.22));pointer-events:none}.hero-grid{min-height:650px;display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;gap:40px;position:relative;z-index:2}.hero-copy{padding:45px 0}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:700;color:#e1c27d}.eyebrow.dark{color:#8a6a32}.hero h1,.section h2,.story h2,.wholesale h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.02}.hero h1{font-size:clamp(54px,6vw,86px);margin:18px 0 25px;max-width:680px}.hero-copy>p{max-width:600px;color:#cdd8d0;font-size:17px}.hero-actions{display:flex;gap:12px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:13px;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#e6d1a3;color:#18231b}.btn-ghost{border-color:rgba(255,255,255,.28);color:white}.hero-points{display:flex;gap:34px;margin-top:43px}.hero-points div{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.2);padding-left:15px}.hero-points strong{font-family:Georgia,serif;font-size:21px}.hero-points span{font-size:11px;color:#9ead9f}.hero-visual{height:620px;position:relative}.hero-product{position:absolute;filter:drop-shadow(0 28px 24px rgba(0,0,0,.35))}.hero-product-main{width:340px;right:76px;bottom:58px;z-index:4;transform:rotate(1.5deg)}.hero-product-side{width:225px;left:38px;bottom:62px;z-index:2;transform:rotate(-8deg);opacity:.94}.tea-cup{position:absolute;width:240px;right:-30px;bottom:40px;z-index:1;opacity:.72;filter:drop-shadow(0 20px 20px rgba(0,0,0,.25))}.hero-badge{position:absolute;top:65px;right:10px;width:128px;height:128px;border:1px solid rgba(226,194,125,.55);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:5;transform:rotate(8deg);font-size:9px;letter-spacing:.2em;color:#e1c27d}.hero-badge b{font-size:12px;margin-top:4px}.hero-glow{position:absolute;border-radius:50%;filter:blur(3px);opacity:.2}.glow-one{width:400px;height:400px;background:#98bf88;right:6%;top:25%}.glow-two{width:280px;height:280px;background:#d8bc77;right:25%;bottom:-18%}.scroll-cue{position:absolute;z-index:5;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;color:#b9c4bb;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.scroll-cue span{display:block;width:34px;height:1px;background:#c3ab73}.section{padding:100px 0}.intro-strip{background:var(--cream);padding:72px 0}.intro-strip-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.intro-strip h2,.section-head h2,.contact h2{font-size:clamp(38px,4vw,56px);margin:12px 0 0}.intro-strip p{color:#667067;margin:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head p{max-width:390px;color:#7b837d}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-card{height:470px;border-radius:var(--radius);position:relative;overflow:hidden;padding:30px;background:#eee}.collection-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.38) 100%)}.collection-card.tea{background:#c9bfa8}.collection-card.green{background:#a4d8ae}.collection-card.herbal{background:#f1d596}.collection-copy{position:relative;z-index:3;color:#142018}.collection-copy span{font-size:11px;opacity:.55}.collection-copy h3{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:8px 0}.collection-copy p{font-size:13px;max-width:210px}.collection-copy a{position:absolute;top:360px;color:white;font-weight:700;font-size:12px;white-space:nowrap}.collection-card img{position:absolute;z-index:2;height:330px;width:auto;right:-2px;bottom:-28px;filter:drop-shadow(0 25px 18px rgba(0,0,0,.18));transition:.4s}.collection-card:hover img{transform:translateY(-10px) rotate(1deg)}.featured{background:#18291f;color:white}.featured .section-head h2{font-size:clamp(42px,5vw,62px);margin:10px 0}.featured .section-head p{color:#aab8ad}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#21352a;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;transition:.28s}.product-card:hover{transform:translateY(-6px);background:#263e30}.product-image{height:380px;display:flex;align-items:end;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.15),transparent 52%)}.product-image img{height:345px;width:auto;object-fit:contain;filter:drop-shadow(0 24px 18px rgba(0,0,0,.3))}.product-info{padding:22px 22px 24px;border-top:1px solid rgba(255,255,255,.08)}.product-info small{color:#d9bc78;text-transform:uppercase;letter-spacing:.16em}.product-info h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:8px 0 5px}.product-info p{color:#9fb0a4;font-size:13px;margin:0}.story{padding:110px 0;background:#f0e7d7}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story-frame{height:620px;background:#d9ccb4;border-radius:220px 220px 28px 28px;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.story-frame img{height:570px;width:auto;filter:drop-shadow(0 20px 20px rgba(0,0,0,.16))}.story-visual{position:relative}.story-stamp{position:absolute;right:-28px;bottom:55px;width:135px;height:135px;border-radius:50%;background:#163023;color:#f4ead7;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-family:Georgia,serif;line-height:1.05;letter-spacing:.08em;box-shadow:0 18px 40px rgba(0,0,0,.16)}.story-stamp span{font-size:9px;letter-spacing:.28em;margin-top:5px;color:#dbbc77}.story-copy h2{font-size:clamp(46px,5vw,70px);margin:16px 0 25px}.story-copy p{color:#5e685f}.text-link{display:inline-block;margin-top:18px;border-bottom:1px solid #28382d;padding-bottom:4px;font-weight:700;font-size:13px}.wholesale{padding:90px 0;background:#fff}.wholesale-card{padding:62px 70px;background:#243b2d;color:white;border-radius:32px;display:flex;justify-content:space-between;gap:60px;align-items:center;position:relative;overflow:hidden}.wholesale-card:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(225,194,125,.25);border-radius:50%;right:-80px;top:-150px}.wholesale-card h2{font-size:clamp(40px,4vw,58px);margin:10px 0}.wholesale-card p{max-width:680px;color:#b7c5ba}.btn-light{background:#efe1c1;color:#172219;position:relative;z-index:2;white-space:nowrap}.contact{background:#f8f6f0}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:95px}.contact-copy p{color:#6d766f;max-width:400px}.contact-form{background:white;border:1px solid #e4e1d8;border-radius:24px;padding:32px;box-shadow:0 18px 50px rgba(19,34,25,.05)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;margin-bottom:16px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #dbdfda;border-radius:12px;padding:14px 15px;font:inherit;font-size:14px;outline:none;background:#fbfcfa}.contact-form input:focus,.contact-form textarea:focus{border-color:#77927f}.btn-dark{background:#182c20;color:white}.form-note{font-size:12px;color:#54705c;margin:12px 0 0}.footer{background:#0d1710;color:#ced5cf;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;padding-bottom:50px}.footer-brand img{width:110px;filter:brightness(0) invert(1);margin-bottom:10px}.footer-brand p{color:#87958a}.footer h4{color:white;font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin:0 0 15px}.footer a{display:block;color:#8f9c92;font-size:13px;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;color:#738077;font-size:11px}.footer-bottom a{display:inline;margin:0}.whatsapp{position:fixed;right:24px;bottom:24px;width:52px;height:52px;background:#264c35;color:white;border-radius:50%;display:grid;place-items:center;z-index:40;box-shadow:0 12px 30px rgba(0,0,0,.18);font-size:25px}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}html[dir="rtl"] .nav-links{margin-left:0;margin-right:auto}html[dir="rtl"] .hero-points div{border-left:0;border-right:1px solid rgba(255,255,255,.2);padding-left:0;padding-right:15px}html[dir="rtl"] .collection-card img{right:auto;left:-2px}html[dir="rtl"] .collection-copy a{direction:rtl}html[dir="rtl"] .whatsapp{right:auto;left:24px}@media(max-width:980px){.nav-links{position:absolute;top:92px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;background:#122219;padding:24px;border-radius:20px}.nav-links.open{display:flex}.menu-toggle{display:flex;margin-left:auto;width:38px;height:38px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{width:23px;height:2px;background:white;display:block}.nav-actions{margin-left:0}.nav-cta{display:none}.hero{padding-top:128px}.hero-grid{grid-template-columns:1fr;min-height:920px;padding-top:70px}.hero-copy{padding-bottom:0}.hero h1{font-size:58px}.hero-visual{height:500px}.hero-product-main{width:300px;right:17%}.hero-product-side{left:13%;width:190px}.tea-cup{right:3%;width:190px}.intro-strip-grid,.story-grid,.contact-grid{grid-template-columns:1fr;gap:50px}.collection-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.collection-card:last-child{grid-column:1/-1}.story-frame{max-width:600px}.wholesale-card{padding:50px;align-items:flex-start;flex-direction:column}.topbar-note{display:none}html[dir="rtl"] .menu-toggle{margin-left:0;margin-right:auto}}@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.site-header{top:34px}.nav-wrap{height:76px}.brand img{width:78px}.hero{min-height:830px}.hero-grid{padding-top:40px;min-height:760px}.hero h1{font-size:45px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-points{gap:13px}.hero-points span{font-size:9px}.hero-visual{height:350px}.hero-product-main{width:220px;right:13%;bottom:24px}.hero-product-side{width:135px;left:3%;bottom:20px}.tea-cup{width:145px;right:-3%;bottom:14px}.hero-badge{width:90px;height:90px;top:20px}.scroll-cue{display:none}.section{padding:75px 0}.intro-strip{padding:55px 0}.section-head{display:block}.collection-grid,.products-grid{grid-template-columns:1fr}.collection-card:last-child{grid-column:auto}.collection-card{height:430px}.collection-copy a{top:320px}.product-image{height:350px}.story{padding:75px 0}.story-frame{height:470px}.story-frame img{height:440px}.story-stamp{right:-4px;bottom:30px;width:110px;height:110px}.story-copy h2{font-size:45px}.wholesale{padding:60px 0}.wholesale-card{padding:38px 28px}.field-row{grid-template-columns:1fr}.contact-form{padding:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}.topbar-inner{min-height:34px}.topbar{font-size:10px}}
/* ===== V1.0 STEP 2 ===== */
html{scroll-behavior:smooth}.hero-visual{--mx:0px;--my:0px}.hero-product-main{transform:translate(var(--mx),var(--my));transition:transform .35s ease}.hero-product-side{transform:translate(calc(var(--mx) * -.55),calc(var(--my) * -.4)) rotate(-4deg);transition:transform .4s ease}.tea-cup{transform:translate(calc(var(--mx) * .35),calc(var(--my) * .25));transition:transform .45s ease}.hero-badge{animation:badgeFloat 4.5s ease-in-out infinite}.hero-product-main{animation:packFloat 5.6s ease-in-out infinite}.hero-product-side{animation:packFloat2 6.2s ease-in-out infinite}.tea-cup{animation:cupFloat 5s ease-in-out infinite}@keyframes badgeFloat{50%{margin-top:-10px}}@keyframes packFloat{50%{margin-bottom:10px}}@keyframes packFloat2{50%{margin-bottom:-7px}}@keyframes cupFloat{50%{margin-bottom:8px}}.filter-pills{display:flex;gap:10px;flex-wrap:wrap;margin:-8px 0 30px}.filter-pill{border:1px solid rgba(255,255,255,.16);background:transparent;color:#d7e1da;border-radius:999px;padding:10px 16px;cursor:pointer;font:inherit;font-size:12px;transition:.25s}.filter-pill:hover,.filter-pill.active{background:#dfc27d;border-color:#dfc27d;color:#162219}.product-card{position:relative}.product-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent,#d9bc78);opacity:.8;z-index:2}.product-image{position:relative}.card-arrow{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);color:white;opacity:0;transform:translateY(6px);transition:.25s;z-index:2}.product-card:hover .card-arrow{opacity:1;transform:none}.product-link{display:inline-block;margin-top:15px;color:#d9bc78;font-size:12px;font-weight:700}.center-action{text-align:center;margin-top:36px}.btn-outline-dark{border:1px solid rgba(255,255,255,.28);color:white;background:transparent}.btn-outline-dark:hover{background:white;color:#172219}.site-header.scrolled{background:rgba(13,23,16,.92);backdrop-filter:blur(14px);box-shadow:0 10px 35px rgba(0,0,0,.15)}
/* inner pages */
.inner-hero{padding:190px 0 85px;background:#14261c;color:white;position:relative;overflow:hidden}.inner-hero:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(218,187,116,.16);border-radius:50%;right:-160px;top:-230px}.inner-hero h1{font-family:Georgia,serif;font-size:clamp(52px,7vw,92px);font-weight:400;margin:14px 0}.inner-hero p{max-width:620px;color:#b9c7bd}.catalog-section{padding:80px 0;background:#f6f2e9}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.catalog-toolbar .filter-pills{margin:0}.catalog-count{font-size:12px;color:#667169}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.catalog-grid .product-card{background:white;border-color:#e4ddd0;color:#203126}.catalog-grid .product-image{background:radial-gradient(circle at 50% 70%,rgba(36,70,48,.12),transparent 55%)}.catalog-grid .product-info{border-color:#e7e1d7}.catalog-grid .product-info p{color:#6e786f}.catalog-grid .product-link{color:#294f38}.breadcrumb{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#aebdb2}.breadcrumb a{color:#dcc17f}.product-detail{padding:170px 0 90px;background:#f4efe5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.detail-visual{min-height:650px;border-radius:34px;background:radial-gradient(circle at 50% 72%,rgba(37,84,53,.2),transparent 54%),#e5dccb;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}.detail-visual:after{content:"";width:460px;height:460px;border:1px solid rgba(21,51,33,.14);border-radius:50%;position:absolute;top:75px}.detail-visual img{height:590px;width:auto;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(31,38,30,.2));position:relative;z-index:2}.detail-copy h1{font-family:Georgia,serif;font-size:clamp(52px,6vw,78px);font-weight:400;line-height:1;margin:14px 0 20px}.detail-copy>p{color:#687269;font-size:16px;max-width:520px}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0}.meta-box{padding:18px;border:1px solid #d9d3c7;border-radius:15px;background:rgba(255,255,255,.5)}.meta-box small{display:block;color:#8a938b;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.meta-box strong{font-size:14px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.detail-actions .btn-dark{display:inline-flex}.related{padding:80px 0;background:#16291e;color:white}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related .product-card{background:#20372a}.back-link{display:inline-block;margin-bottom:24px;color:#516358;font-size:13px}
@media(max-width:980px){.catalog-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr;gap:45px}.detail-visual{min-height:560px}.detail-visual img{height:510px}.catalog-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.inner-hero{padding:145px 0 60px}.catalog-grid,.related-grid{grid-template-columns:1fr}.detail-visual{min-height:440px}.detail-visual img{height:405px}.detail-meta{grid-template-columns:1fr}.product-detail{padding-top:135px}.filter-pills{gap:7px}.filter-pill{padding:9px 12px}.hero-product-main,.hero-product-side,.tea-cup{animation:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
\n/* Step 3 enhancements */
.tea-experience{background:#fffdf8}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.benefit-card{padding:30px;border:1px solid #e1ddd3;border-radius:22px;background:#faf7f0;min-height:235px;transition:.3s}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(24,45,31,.08)}.benefit-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1c3526;color:#e4c57e;font-size:11px}.benefit-card h3{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:34px 0 10px}.benefit-card p{font-size:13px;color:#6b756d;margin:0}.testimonial-band{background:#1a2f22;color:white;overflow:hidden}.testimonial-grid{min-height:500px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.testimonial-quote{padding:70px 60px 70px 0}.quote-mark{font:100px Georgia,serif;color:#d7b66f;line-height:.5}.testimonial-quote blockquote{font:400 clamp(32px,4vw,52px)/1.15 Georgia,serif;margin:25px 0}.testimonial-quote p{font-size:10px;letter-spacing:.18em;color:#9fb1a4}.testimonial-product{height:500px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 70%,rgba(221,191,119,.2),transparent 55%)}.testimonial-product img{max-height:450px;width:auto;filter:drop-shadow(0 28px 25px rgba(0,0,0,.3))}.catalog-search{display:flex;gap:10px;margin-bottom:18px}.search-box{flex:1;height:54px;border:1px solid #ddd7ca;border-radius:999px;background:white;display:flex;align-items:center;padding:0 20px;gap:12px}.search-box span{font-size:23px;color:#7a857d}.search-box input{border:0;outline:0;background:transparent;width:100%;font:inherit;color:#223129}.clear-search{border:1px solid #ddd7ca;background:#fff;border-radius:999px;padding:0 20px;cursor:pointer;font-weight:700}.catalog-status{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:-15px 0 26px;color:#69746b;font-size:12px}.empty-state{text-align:center;padding:70px 20px;border:1px dashed #cbc4b8;border-radius:24px}.empty-state strong{font:30px Georgia,serif}.product-image{overflow:hidden}.image-link{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:center}.quick-view{position:absolute;left:50%;bottom:18px;transform:translate(-50%,14px);opacity:0;border:0;border-radius:999px;padding:11px 18px;background:#f6ead1;color:#183022;font-weight:700;font-size:11px;cursor:pointer;transition:.25s;z-index:4;box-shadow:0 10px 25px rgba(0,0,0,.15)}.product-card:hover .quick-view{opacity:1;transform:translate(-50%,0)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.card-footer>span{font-size:10px;color:#99aa9f}.catalog-grid .card-footer>span{color:#7f8c83}.product-link{margin-top:0}.quick-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.quick-modal.open{display:flex}.quick-backdrop{position:absolute;inset:0;background:rgba(7,15,10,.72);backdrop-filter:blur(8px)}.quick-panel{position:relative;z-index:2;width:min(940px,100%);background:#f7f1e7;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:0 40px 100px rgba(0,0,0,.35);animation:modalIn .25s ease}.quick-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.75);font-size:26px;cursor:pointer;z-index:4}.quick-visual{min-height:540px;background:radial-gradient(circle at 50% 70%,rgba(37,84,53,.18),transparent 55%),#ddd2bf;display:flex;align-items:flex-end;justify-content:center;padding:20px}.quick-visual img{max-height:500px;width:auto;filter:drop-shadow(0 30px 25px rgba(0,0,0,.2))}.quick-copy{padding:58px 50px}.quick-copy h2{font:400 clamp(42px,5vw,62px)/1 Georgia,serif;margin:14px 0 18px}.quick-copy>p{color:#657067}.quick-spec{display:grid;gap:10px;margin:28px 0}.quick-spec>div,.detail-highlights>div{padding:14px 0;border-top:1px solid #d7d0c4;display:flex;justify-content:space-between;gap:20px}.quick-spec small,.detail-highlights small{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#7d887f}.quick-spec strong,.detail-highlights strong{font-size:12px}.modal-open{overflow:hidden}@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.detail-highlights{margin:28px 0 5px}.detail-highlights>div:first-child{border-top:1px solid #d7d0c4}[dir="rtl"] .testimonial-quote{padding:70px 0 70px 60px}[dir="rtl"] .quick-close{right:auto;left:18px}
@media(max-width:980px){.benefit-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid{grid-template-columns:1fr}.testimonial-quote{padding:65px 0 35px}.testimonial-product{height:390px}.quick-panel{grid-template-columns:1fr 1fr}.quick-visual{min-height:480px}.quick-visual img{max-height:440px}}
@media(max-width:640px){.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:0}.testimonial-product{height:320px}.testimonial-product img{max-height:300px}.catalog-search{flex-direction:column}.clear-search{height:46px}.catalog-status{align-items:flex-start;flex-direction:column}.quick-view{opacity:1;transform:translate(-50%,0)}.quick-modal{padding:10px}.quick-panel{grid-template-columns:1fr;max-height:94vh;overflow:auto}.quick-visual{min-height:330px}.quick-visual img{max-height:310px}.quick-copy{padding:34px 24px}.quick-copy h2{font-size:40px}.quick-close{position:fixed;right:20px;top:20px}.card-footer{align-items:flex-start;flex-direction:column}.testimonial-quote blockquote{font-size:35px}}


/* Step 4 */
.quote-nav{height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;display:flex;align-items:center;gap:8px;cursor:pointer}.quote-nav b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dfc27d;color:#17251b;font-size:10px}.btn-gold{border:0;background:#d9bb73;color:#17251b;cursor:pointer}.card-tools{position:absolute;inset:auto 14px 14px 14px;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px}.card-tools .quick-view{position:static;transform:translateY(14px);flex:1}.product-card:hover .card-tools .quick-view{transform:none}.quote-add{width:38px;height:38px;border:0;border-radius:50%;background:#183022;color:#f0d693;font-size:21px;cursor:pointer;opacity:0;transform:translateY(14px);transition:.25s}.product-card:hover .quote-add{opacity:1;transform:none}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.quote-drawer{position:fixed;inset:0;z-index:140;pointer-events:none}.quote-drawer.open{pointer-events:auto}.quote-overlay{position:absolute;inset:0;background:rgba(5,12,8,.52);opacity:0;transition:.3s}.quote-drawer.open .quote-overlay{opacity:1}.quote-panel{position:absolute;right:0;top:0;height:100%;width:min(440px,94vw);background:#f8f2e8;padding:28px;transform:translateX(105%);transition:.35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.22)}.quote-drawer.open .quote-panel{transform:none}.quote-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid #d9d0c2}.quote-head h3{font:400 36px/1 Georgia,serif;margin:8px 0 0}.quote-close{width:38px;height:38px;border:1px solid #d8d0c3;background:#fff;border-radius:50%;font-size:24px;cursor:pointer}.quote-items{display:grid;gap:10px;padding:20px 0;overflow:auto}.quote-item{display:grid;grid-template-columns:58px 1fr 30px;gap:12px;align-items:center;background:#fff;border:1px solid #e3ddd2;border-radius:16px;padding:9px}.quote-item img{height:70px;width:58px;object-fit:contain}.quote-item small{display:block;font-size:9px;color:#7b877e;text-transform:uppercase;letter-spacing:.08em}.quote-item strong{display:block;font:400 17px Georgia,serif}.quote-item button{border:0;background:transparent;font-size:20px;cursor:pointer;color:#7e817d}.quote-empty{padding:32px 4px;color:#7b847d}.quote-foot{margin-top:auto;padding-top:20px;border-top:1px solid #d9d0c2;display:grid;gap:10px}.quote-submit{text-align:center}.quote-clear{border:0;background:transparent;color:#6f776f;cursor:pointer;padding:10px}.quote-open{overflow:hidden}.partner-flow{background:#f2ecdf}.partner-flow .section-head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end}.partner-flow .section-head p{color:#687269}.partner-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.partner-step{background:#fff;border:1px solid #dfd8cb;border-radius:22px;padding:30px;min-height:220px}.partner-step b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#193025;color:#dcbf7a;font-size:11px}.partner-step h3{font:400 28px Georgia,serif;margin:32px 0 8px}.partner-step p{font-size:13px;color:#6d776f}.site-header.scrolled{position:fixed;top:0}.site-header.scrolled+.hero{padding-top:0}[dir="rtl"] .quote-panel{right:auto;left:0;transform:translateX(-105%)}[dir="rtl"] .quote-drawer.open .quote-panel{transform:none}
@media(max-width:980px){.partner-flow .section-head{grid-template-columns:1fr}.partner-steps{grid-template-columns:1fr 1fr}.nav-actions{gap:7px}.quote-nav span{display:none}}
@media(max-width:640px){.partner-steps{grid-template-columns:1fr}.quote-add{opacity:1;transform:none}.card-tools .quick-view{transform:none}.quote-panel{padding:22px}.quick-actions{display:grid}.detail-actions .btn{width:100%;text-align:center}.quote-nav{padding:0 9px}}


/* Step 5 quotation builder */
.quote-page-body{background:#f6f0e5}.quote-page{padding-top:92px}.quote-page-hero{background:linear-gradient(125deg,#122219,#203a2a);color:#fff;padding:90px 0 75px}.quote-page-hero h1{font:400 clamp(48px,7vw,86px)/.96 Georgia,serif;max-width:850px;margin:18px 0}.quote-page-hero p{max-width:660px;color:#b9c7bd;font-size:16px}.quote-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.quote-review,.quote-request-form{background:#fff;border:1px solid #dfd8cb;border-radius:28px;padding:30px;box-shadow:0 20px 60px rgba(26,48,35,.06)}.quote-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.quote-section-head h2{font:400 34px/1.1 Georgia,serif;margin:8px 0 0}.text-link{font-size:12px;color:#254b36;font-weight:700}.quote-page-items{display:grid;gap:12px}.quote-page-item{display:grid;grid-template-columns:82px 1fr 120px 36px;gap:14px;align-items:center;border:1px solid #e6dfd4;border-radius:18px;padding:10px;background:#fdfbf7}.quote-page-item img{width:82px;height:92px;object-fit:contain;background:#eee7db;border-radius:12px}.quote-page-item small{display:block;color:#89938c;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.quote-page-item h3{font:400 20px Georgia,serif;margin:4px 0}.qty-control{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;border:1px solid #d8d0c3;border-radius:999px;overflow:hidden;background:#fff}.qty-control button{height:36px;border:0;background:transparent;cursor:pointer;font-size:18px}.qty-control input{width:100%;border:0;text-align:center;outline:0;font-weight:700}.quote-page-remove{border:0;background:transparent;font-size:22px;cursor:pointer;color:#8a8d89}.quote-page-empty{text-align:center;padding:50px 15px}.quote-page-empty h3{font:400 30px Georgia,serif}.quote-request-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-request-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536259}.quote-request-form label.full{grid-column:1/-1}.quote-request-form input,.quote-request-form select,.quote-request-form textarea{width:100%;border:1px solid #dcd5c9;border-radius:12px;padding:13px 14px;background:#fbfaf7;font:inherit;outline:0}.quote-request-form input:focus,.quote-request-form select:focus,.quote-request-form textarea:focus{border-color:#7b967f;box-shadow:0 0 0 3px rgba(57,96,69,.08)}.quote-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.quote-summary>div{background:#183025;color:#fff;border-radius:16px;padding:16px}.quote-summary small{display:block;color:#a9b8ad;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.quote-summary strong{display:block;font:400 30px Georgia,serif;margin-top:6px;color:#e7cb87}.quote-send{width:100%;min-height:52px}.form-note{font-size:10px;color:#7b847d;line-height:1.5;margin:12px 2px 0}.quote-trust{padding-top:0}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9d1c4;border-bottom:1px solid #d9d1c4}.trust-strip div{padding:25px;display:flex;gap:14px;align-items:center;border-right:1px solid #d9d1c4}.trust-strip div:last-child{border-right:0}.trust-strip strong{font:400 28px Georgia,serif;color:#b38c43}.trust-strip span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#56645b}.saved-request{margin-top:12px;padding:12px 14px;border-radius:12px;background:#e6f1e9;color:#264b33;font-size:12px}.saved-request.error{background:#f5e8e4;color:#7f372a}[dir="rtl"] .trust-strip div{border-right:0;border-left:1px solid #d9d1c4}[dir="rtl"] .trust-strip div:last-child{border-left:0}
@media(max-width:980px){.quote-layout{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div:nth-child(2){border-right:0}.quote-page{padding-top:78px}}
@media(max-width:640px){.quote-page-hero{padding:70px 0 55px}.quote-review,.quote-request-form{padding:20px;border-radius:20px}.quote-section-head{align-items:flex-start;flex-direction:column}.quote-request-form .form-grid{grid-template-columns:1fr}.quote-page-item{grid-template-columns:64px 1fr 32px}.quote-page-item img{width:64px;height:78px}.qty-control{grid-column:1/-1;width:140px;margin-left:auto}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid #d9d1c4}.trust-strip div:last-child{border-bottom:0}.quote-summary{grid-template-columns:1fr 1fr}}
[hidden]{display:none!important}.dynamic-contact{display:flex;flex-direction:column;gap:7px;margin-top:18px}.dynamic-contact a{font-weight:700;color:inherit}.testimonial-dots{display:flex;gap:7px;margin-top:18px}.testimonial-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.28);cursor:pointer}.testimonial-dots button.active{background:#fff}
.hero-slider-controls{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:8}.hero-slider-controls>button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(18,31,24,.45);color:white;font-size:22px;cursor:pointer;backdrop-filter:blur(8px)}#heroDots{display:flex;gap:7px}#heroDots button{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.35);padding:0;cursor:pointer;transition:.25s}#heroDots button.active{width:24px;border-radius:8px;background:#d6b16a}.hero-copy.hero-changing,.hero-visual.hero-changing{opacity:.35;transform:translateY(8px);transition:.2s}.hero-copy,.hero-visual{transition:opacity .35s,transform .35s}

/* Arabic typography refresh */
html[dir="rtl"] body{font-family:"Alexandria",Arial,sans-serif;letter-spacing:0}
html[dir="rtl"] .hero h1,html[dir="rtl"] .section h2,html[dir="rtl"] .story h2,html[dir="rtl"] .wholesale h2,html[dir="rtl"] .contact h2,html[dir="rtl"] .intro-strip h2,html[dir="rtl"] .section-head h2,html[dir="rtl"] .collection-copy h3,html[dir="rtl"] .product-info h3,html[dir="rtl"] .detail-copy h1,html[dir="rtl"] .inner-hero h1{font-family:"Noto Kufi Arabic","Alexandria",sans-serif;font-weight:500;line-height:1.45;letter-spacing:-.03em}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .topbar,html[dir="rtl"] .footer h4,html[dir="rtl"] .product-info small{font-family:"Noto Kufi Arabic","Alexandria",sans-serif;letter-spacing:0;font-weight:600;line-height:1.8}
html[dir="rtl"] .eyebrow{font-size:12px}
html[dir="rtl"] .btn,html[dir="rtl"] .nav-links,html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{font-family:"Alexandria",Arial,sans-serif}
.product-image img{max-width:96%;object-position:center bottom}
