:root{--cream:#FBF8F1;--white:#fff;--green:#0F3B3A;--gold:#B8893B;--indigo:#2C3A6B;--ink:#1d2423;--mute:#5d6664;--line:#e8e0cf}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--cream)}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;color:var(--green);line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,7vw,4.2rem)}h2{font-size:clamp(1.8rem,4.5vw,2.6rem)}h3{font-size:1.35rem}
a{color:var(--green)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
.bar{background:var(--green);color:#f3ead6;text-align:center;font-size:.85rem;padding:9px 14px;letter-spacing:.02em}
.bar b{color:#e6c27f}
header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.6rem;font-weight:600;text-decoration:none;color:var(--green);display:flex;gap:8px;align-items:center}
.logo span{color:var(--gold)}
.nav nav a{margin-left:22px;text-decoration:none;font-size:.92rem;color:var(--ink)}.nav nav a:hover{color:var(--gold)}
@media(max-width:700px){.nav nav a:not(.cta-s){display:none}}
.cta-s{border:1px solid var(--green);padding:6px 14px;border-radius:99px}
/* single thin ajrak-inspired divider */
.divider{height:10px;background:
 radial-gradient(circle,var(--gold) 1.4px,transparent 1.8px) 0 50%/20px 10px repeat-x,
 linear-gradient(var(--line),var(--line)) 0 0/100% 1px no-repeat,
 linear-gradient(var(--line),var(--line)) 0 100%/100% 1px no-repeat;opacity:.9;margin:0}
.hero{position:relative;overflow:hidden;background:var(--white)}
.hero::before{content:"";position:absolute;inset:0;opacity:.05;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' stroke='%230F3B3A' stroke-width='1'%3E%3Cpath d='M24 2 46 24 24 46 2 24Z'/%3E%3Ccircle cx='24' cy='24' r='9'/%3E%3C/g%3E%3C/svg%3E")}
.hero .wrap{position:relative;display:grid;gap:40px;padding:64px 22px 72px;align-items:center}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.05fr .95fr;padding:96px 22px}}
.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:600}
.lead{font-size:1.12rem;color:var(--mute);max-width:34em}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{display:inline-block;padding:13px 24px;border-radius:99px;text-decoration:none;font-weight:600;font-size:.95rem;transition:transform .25s,box-shadow .25s,background .25s;border:1px solid var(--green);cursor:pointer;font-family:inherit}
.btn.p{background:var(--green);color:#fff}.btn.p:hover{background:#15504e;box-shadow:0 8px 24px -10px rgba(15,59,58,.6);transform:translateY(-1px)}
.btn.g{background:transparent;color:var(--green)}.btn.g:hover{background:#f2ede1}
.arch{position:relative;aspect-ratio:4/5;max-width:440px;margin:0 auto;width:100%;border-radius:999px 999px 18px 18px;overflow:hidden;background:#f4efe4;box-shadow:0 30px 60px -35px rgba(15,59,58,.45);border:1px solid var(--line)}
.arch img{width:100%;height:100%;object-fit:cover}
.glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(230,184,100,.35),transparent 65%);top:-60px;right:-40px;pointer-events:none;animation:breathe 7s ease-in-out infinite}
@keyframes breathe{50%{opacity:.6;transform:scale(1.06)}}
.sale-note{display:inline-block;margin-top:18px;font-size:.88rem;color:var(--indigo);background:#eef0f7;padding:6px 12px;border-radius:8px}
section{padding:76px 0}.alt{background:var(--white)}
.head{text-align:center;max-width:640px;margin:0 auto 40px}.head p{color:var(--mute)}
.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(15,59,58,.45)}
.card .ph{aspect-ratio:1;background:#f6f2e8;overflow:hidden}.card .ph img{width:100%;height:100%;object-fit:cover}
.card .b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-size:1.2rem;margin:0}.card p{margin:0;font-size:.9rem;color:var(--mute)}
.price{font-weight:600;color:var(--green)}.price small{font-weight:400;color:var(--mute)}
.acts{display:flex;gap:8px;margin-top:auto;padding-top:10px}.acts .btn{padding:9px 14px;font-size:.85rem;flex:1;text-align:center}
.feature{display:grid;gap:36px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:28px}
@media(min-width:860px){.feature{grid-template-columns:1fr 1fr;padding:48px}}
.feature ul{padding-left:1.1em;color:var(--mute)}
.trust{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.trust div{padding:6px 4px}.trust h3{font-size:1.2rem}.trust p{color:var(--mute);margin:0;font-size:.95rem}
.ic{width:34px;height:34px;color:var(--gold);margin-bottom:10px}
.capture{background:var(--green);color:#efe6d2;border-radius:22px;padding:44px 28px;text-align:center;position:relative;overflow:hidden}
.capture h2{color:#fff}.capture p{color:#d8cfbb}
form.ml{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
form.ml input{padding:13px 18px;border-radius:99px;border:1px solid #cdbf9f;min-width:240px;font:inherit;flex:1;max-width:340px}
.capture .btn.p{background:var(--gold);border-color:var(--gold)}
.fine{font-size:.78rem;opacity:.75;margin-top:12px}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:600;color:var(--green)}details p{color:var(--mute);margin:.6em 0 0}
footer{background:var(--white);border-top:1px solid var(--line);padding:44px 0 30px;font-size:.9rem;color:var(--mute)}
footer .cols{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}footer a{display:block;color:var(--mute);text-decoration:none;margin:4px 0}footer a:hover{color:var(--green)}
.page{padding:64px 0}.page .wrap{max-width:780px}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
.pop{position:fixed;inset:0;background:rgba(15,30,29,.45);display:none;align-items:center;justify-content:center;z-index:50;padding:18px}
.pop.on{display:flex}.pop .box{background:var(--white);border-radius:20px;max-width:420px;width:100%;padding:34px 28px;text-align:center;position:relative}
.pop .x{position:absolute;top:10px;right:12px;background:none;border:0;font-size:1.6rem;cursor:pointer;color:var(--mute)}
.pop form.ml input{min-width:0;max-width:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.arch{aspect-ratio:5/6}.arch img{object-fit:contain;padding:34px 18px 12px}
@media(min-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}
/* rev2: subtle Pakistani accents, socials, hero fix */
.hero .wrap{padding-top:40px}
@media(min-width:900px){.hero .wrap{padding:64px 22px 80px}}
.arch{aspect-ratio:4/5;background:#efe8d8}
.arch img{object-fit:cover;object-position:center 30%;padding:0;transform:scale(1.02)}
.arch::after{content:"";position:absolute;inset:10px;border:1px solid rgba(230,194,127,.55);border-radius:999px 999px 12px 12px;pointer-events:none}
:root{--ajrak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='6'%3E%3Crect width='24' height='6' fill='%237a1f2b'/%3E%3Cpath d='M0 3 3 0 6 3 3 6Z M12 3 15 0 18 3 15 6Z' fill='%23E6C27F'/%3E%3Ccircle cx='9' cy='3' r='1' fill='%23f3ead6'/%3E%3Ccircle cx='21' cy='3' r='1' fill='%23f3ead6'/%3E%3C/svg%3E")}
.bar{position:relative;padding-bottom:13px}
.bar::after,footer::before{content:"";position:absolute;left:0;right:0;height:4px;background:var(--ajrak) repeat-x;background-size:16px 4px;opacity:.9}
.bar::after{bottom:0}
footer{position:relative}footer::before{top:0}
.capture::before{content:"";position:absolute;inset:0;opacity:.09;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='none' stroke='%23E6C27F' stroke-width='1'%3E%3Cpath d='M20 0v40M0 20h40M0 0l40 40M40 0 0 40'/%3E%3Ccircle cx='20' cy='20' r='10'/%3E%3Ccircle cx='0' cy='0' r='10'/%3E%3Ccircle cx='40' cy='0' r='10'/%3E%3Ccircle cx='0' cy='40' r='10'/%3E%3Ccircle cx='40' cy='40' r='10'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.capture>*:not(.glow){position:relative}
.hero .glow{width:520px;height:520px;background:radial-gradient(circle,rgba(230,184,100,.32),rgba(230,184,100,.08) 45%,transparent 68%)}
.soc{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.soc a{display:inline-flex!important;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;color:var(--green);margin:0!important;transition:color .2s,border-color .2s,transform .2s}
.soc a:hover{color:var(--gold);border-color:var(--gold);transform:translateY(-2px)}
.soc svg{width:17px;height:17px}
.soc.hs{margin:0 0 0 18px;gap:6px}.soc.hs a{width:30px;height:30px;border:0}
@media(max-width:900px){.soc.hs{display:none}}
.soc.big a{width:44px;height:44px}.soc.big svg{width:21px;height:21px}
.via{font-size:.78rem;color:var(--mute);margin:8px 0 0}
@media(max-width:700px){.nav nav a[href="/shop/"]{display:inline}.nav nav a{margin-left:14px}}
.hero-trust{font-size:.82rem;color:var(--mute);margin-top:10px}
.arch img{transform:scale(1.16);transform-origin:50% 92%}
/* r6 */
@media(max-width:700px){.bar .dk{display:none}}
/* r8 hero products: one identity each */
.acc-forest{--ac:#0F3B3A;--acl:#e3ece9}.acc-brass{--ac:#9a7230;--acl:#f5ecd9}.acc-clay{--ac:#a5573c;--acl:#f6e7df}.acc-sky{--ac:#3d6f8f;--acl:#e3edf3}.acc-rose{--ac:#a24f63;--acl:#f6e4e8}.acc-ivory{--ac:#6b5f45;--acl:#f7f2e4}
.bdgs{margin:0 0 2px}.bdg{display:inline-block;font:600 .7rem/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:99px;background:var(--ac);color:#fff;margin-right:6px}.bdg.o{background:transparent;color:var(--ac);border:1px solid var(--ac)}
.hook{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem!important;font-style:italic;color:var(--ac)!important;line-height:1.3}
.hgrid{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:760px){.hgrid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.hgrid{grid-template-columns:repeat(3,1fr)}}
.hc{background:var(--white);border:1px solid var(--line);border-top:4px solid var(--ac);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.hc-ph{display:block;background:var(--acl);padding:22px;overflow:hidden}.hc-ph img{border-radius:10px;width:100%}
.v0 img{transform:rotate(-2.5deg);box-shadow:0 22px 40px -22px rgba(0,0,0,.45)}.v1 img{border:10px solid #fff;box-shadow:0 10px 30px -18px rgba(0,0,0,.4)}.v2 img{border-radius:120px 120px 12px 12px;box-shadow:0 18px 36px -24px rgba(0,0,0,.4)}
.hc .b{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.hc h3{margin:0}.hc h3 a{text-decoration:none;color:var(--ac)}.hc p{margin:0;font-size:.92rem;color:var(--mute)}
.inside{margin:2px 0;padding-left:1.1em;color:var(--mute);font-size:.9rem}.inside li::marker{color:var(--ac)}.inside.two{columns:2;column-gap:24px}
.hc .acts{margin-top:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lk{color:var(--ac);font-weight:600;font-size:.9rem}
.mega .mg{display:grid;gap:32px;align-items:center;background:linear-gradient(135deg,#0F3B3A,#164e4c);color:#f3efe4;border-radius:24px;padding:28px;position:relative;overflow:hidden}
.mega .mg h2,.mega .mg .hook{color:#E6B864!important}.mega .lead,.mega .inside{color:#dfe7e3}.mega .eyebrow{color:#E6B864}.mega .bdg{background:#E6B864;color:#0F3B3A}.mega .bdg.o{background:transparent;color:#E6B864;border-color:#E6B864}
.mega .mg-ph img{border-radius:14px;transform:rotate(2deg);box-shadow:0 30px 60px -30px #000}.mega .price,.mega .price small{color:#fff}.mega .btn.g{color:#fff;border-color:#ffffff66}
@media(min-width:860px){.mega .mg{grid-template-columns:1fr 1.1fr;padding:52px}}
.price.big{font-size:1.35rem}.more{text-align:center;margin:30px 0 0;font-size:.95rem}.more a{color:var(--mute)}
.gl{display:grid;gap:12px;max-width:820px;margin:0 auto}@media(min-width:760px){.gl{grid-template-columns:1fr 1fr}}
.gl a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--white);text-decoration:none}.gl span{color:var(--mute);font-size:.92rem}.gl b{color:var(--green)}
.det .dg{display:grid;gap:36px}@media(min-width:860px){.det .dg{grid-template-columns:1fr 1fr;align-items:start}}.det h1{color:var(--ac)}.det h2{font-size:1.3rem;margin:1em 0 .2em;color:var(--ac)}