/* ============ MAWAZO by Dagiova — site.css v1 ============ */
:root{
  --sand:#EAE0CA; --sand-2:#E3D7BC; --stone:#D9CDB4; --taupe:#C3B294; --cream:#F5EFDF;
  --espresso:#33261B; --brown:#503820; --gold:#A8862D; --gold-soft:#C2A24A;
  --serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Jost",-apple-system,sans-serif;
  --border:rgba(51,38,27,.14);
  --radius:2px;
}
/* hidden attribute always wins (checkout/thank-you toggles it in JS) */
[hidden]{display:none !important}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--espresso);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}
::selection{background:var(--gold);color:var(--cream)}

.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--espresso);color:var(--cream);padding:12px 24px;font-size:14px;font-weight:500}
.skip-link:focus{left:16px;top:16px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ============ HEADER — CENTERED LOGO ============ */
.site-head{position:sticky;top:0;z-index:60;background:var(--cream);border-bottom:1px solid var(--border)}
.promo-bar{background:var(--espresso);color:var(--cream);text-align:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.masthead{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 48px 10px}
.logo{display:inline-flex;line-height:0}
.logo img{height:26px;width:auto}
#menuBtn{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:26px;height:22px;display:flex;flex-direction:column;justify-content:space-between;padding:0}
#menuBtn span{display:block;height:2px;width:100%;background:var(--espresso);border-radius:1px;transition:.25s}
.mast-icons{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:16px}
.mast-icons .mast-link{display:none;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--espresso)}
#cartBtn{position:relative;width:24px;height:24px;color:var(--espresso)}
#cartBtn svg{width:100%;height:100%}
#cartCount{position:absolute;top:-7px;right:-9px;background:var(--gold);color:var(--cream);font-size:10px;font-weight:500;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--sans)}
.navrow{display:flex;gap:28px;padding:4px 20px 14px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.navrow::-webkit-scrollbar{display:none}
.navrow a{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--espresso);padding-bottom:3px;border-bottom:1px solid transparent;flex:0 0 auto}
.navrow a:first-child{margin-left:auto}
.navrow a:last-child{margin-right:auto}
.navrow a:hover{color:var(--brown)}
.navrow a.active{border-bottom-color:var(--espresso)}

/* ============ DRAWER ============ */
.drawer{position:fixed;inset:0;z-index:90;background:rgba(51,38,27,.4);opacity:0;visibility:hidden;transition:.3s}
.drawer.open{opacity:1;visibility:visible}
.drawer-inner{position:absolute;top:0;left:0;bottom:0;width:280px;max-width:82vw;background:var(--cream);padding:70px 32px 32px;display:flex;flex-direction:column;gap:8px;transform:translateX(-100%);transition:.3s}
.drawer.open .drawer-inner{transform:translateX(0)}
.drawer-close{position:absolute;top:16px;right:16px;font-size:28px;line-height:1;color:var(--espresso)}
.drawer-inner a{font-size:13px;letter-spacing:.2em;text-transform:uppercase;padding:12px 0;border-bottom:1px solid var(--border);color:var(--espresso)}

/* ============ KICKERS / HEADINGS ============ */
.kicker{font-family:var(--sans);font-weight:400;letter-spacing:.34em;text-transform:uppercase;font-size:.68rem;color:var(--gold)}
h1,h2{font-family:var(--serif);font-weight:500}
h1 em,h2 em{font-style:italic;color:var(--gold)}

/* ============ HERO ============ */
.hero{display:flex;flex-direction:column;min-height:0}
.hero-inner{text-align:center;padding:56px 24px 40px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,.45),transparent 65%),var(--sand)}
.hero h1{font-size:clamp(38px,8vw,72px);letter-spacing:.1em;text-transform:uppercase;line-height:1.05;margin-top:18px}
.hero-sub{margin:22px auto 0;max-width:420px;font-size:15px;line-height:1.7;color:var(--espresso);opacity:.75;font-weight:300}
.hero-cta{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:32px}
.hero-media img{width:100%;height:52vh;object-fit:cover}
.btn{display:inline-flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.24em;text-transform:uppercase;padding:16px 34px;border:1px solid var(--espresso);transition:.25s;font-family:var(--sans)}
.btn-solid{background:var(--espresso);color:var(--cream)}
.btn-solid:hover{background:var(--brown);border-color:var(--brown)}
.btn-ghost{color:var(--espresso)}
.btn-ghost:hover{background:var(--espresso);color:var(--cream)}
.btn-block{width:100%}

/* ============ SECTIONS ============ */
.section-head{text-align:center;padding:64px 24px 8px}
.section-head h2{font-size:clamp(28px,5vw,42px);letter-spacing:.08em;text-transform:uppercase;margin-top:14px}
.section-sub{margin:16px auto 0;max-width:440px;font-size:14px;line-height:1.7;color:var(--espresso);opacity:.7;font-weight:300}

/* ============ SHOP GRID ============ */
.shop{padding-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:32px 16px 0;max-width:1320px;margin:0 auto}
.pcard{background:var(--sand-2);border:1px solid var(--border)}
.pcard-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--sand-2);display:block}
.pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pcard:hover .pcard-media img{transform:scale(1.04)}
.pcard-body{padding:14px 14px 16px}
.pcard-name{font-family:var(--serif);font-size:17px;font-weight:500;line-height:1.25;display:block}
.pcard-name:hover{color:var(--brown)}
.pcard-badge{position:absolute;top:10px;left:10px;background:var(--gold);color:var(--cream);font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:5px 10px}
.pcard-desc{font-size:12px;color:var(--espresso);opacity:.65;margin-top:4px;font-weight:300;line-height:1.5}
.pcard-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px}
.pcard-price{font-size:14px;font-weight:400;letter-spacing:.06em}
.pcard-add{font-size:11px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--espresso);padding:9px 14px;transition:.25s}
.pcard-add:hover{background:var(--espresso);color:var(--cream)}
.pcard-add.added{background:var(--gold);border-color:var(--gold);color:var(--cream)}

/* ============ COLLECTIONS ============ */
.coll-grid{display:flex;flex-direction:column;gap:14px;padding:28px 16px 0;max-width:1320px;margin:0 auto}
.coll-card{position:relative;display:block;overflow:hidden;border:1px solid var(--border)}
.coll-card img{width:100%;height:340px;object-fit:cover;transition:transform .5s}
.coll-card:hover img{transform:scale(1.04)}
.coll-card span{position:absolute;left:16px;bottom:14px;background:var(--cream);color:var(--espresso);font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:10px 18px}

/* ============ ABOUT ============ */
.about{display:flex;flex-direction:column;padding:60px 0 0}
.about-media img{width:100%;height:420px;object-fit:cover}
.about-text{text-align:center;padding:44px 24px}
.about-text h2{font-size:clamp(26px,4.5vw,38px);line-height:1.3;letter-spacing:.04em;margin-top:14px}
.about-text p{margin:18px auto 0;max-width:460px;font-size:14px;line-height:1.8;color:var(--espresso);opacity:.75;font-weight:300}
.about-text .btn{margin-top:30px}

/* ============ REVIEWS ============ */
.reviews{background:var(--sand);margin-top:60px;padding-bottom:60px}
.rev-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:28px 16px 0;max-width:1120px;margin:0 auto}
.review-card{background:var(--cream);border:1px solid var(--border);padding:24px 22px}
.review-card blockquote{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.6}
.review-card figcaption{margin-top:14px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--espresso);opacity:.7}
.stars{color:var(--gold);letter-spacing:.2em;margin-left:6px}

/* ============ SHIPPING ============ */
.shipping{text-align:center;padding:64px 24px}
.shipping h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,4vw,34px);letter-spacing:.05em}
.shipping p{margin:16px auto 0;max-width:480px;font-size:14px;line-height:1.7;color:var(--espresso);opacity:.7;font-weight:300}

/* ============ FAQ ============ */
.faq{max-width:760px;margin:0 auto;padding:0 20px 70px}
.faq-item{border-bottom:1px solid var(--border)}
.faq-item summary{cursor:pointer;font-family:var(--serif);font-size:19px;padding:20px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::after{content:"+";font-family:var(--sans);font-size:20px;color:var(--gold)}
.faq-item[open] summary::after{content:"−"}
.faq-item p{padding:0 0 20px;font-size:14px;line-height:1.8;color:var(--espresso);opacity:.75;font-weight:300}

/* ============ FOOTER ============ */
footer{background:var(--espresso);color:var(--cream);padding:56px 20px 32px;margin-top:0}
.foot-mark{display:flex;justify-content:center;margin-bottom:18px}
.foot-mark img{height:44px;width:auto;opacity:.95}
.foot-logo{display:flex;justify-content:center;margin-bottom:36px}
.foot-logo img{height:46px;width:auto;opacity:.95}
.foot-grid{display:flex;flex-direction:column;gap:0;max-width:1320px;margin:0 auto}
.foot-news{text-align:center;margin-bottom:32px}
.foot-news h4{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:.05em}
.foot-news p{font-size:13px;opacity:.65;margin-top:8px;font-weight:300}
.news-form{display:flex;margin:20px auto 0;max-width:380px;border:1px solid rgba(245,239,223,.3)}
.news-form input{flex:1;min-width:0;background:transparent;border:none;padding:14px 16px;color:var(--cream);font-family:var(--sans);font-size:14px}
.news-form input::placeholder{color:rgba(245,239,223,.5)}
.news-form button{background:var(--gold);color:var(--cream);border:none;padding:14px 20px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.foot-col{border-top:1px solid rgba(245,239,223,.16)}
.foot-col h5{margin:0}
.foot-toggle{width:100%;text-align:left;padding:14px 0;display:flex;align-items:center;justify-content:space-between;color:var(--cream);font-size:11px;letter-spacing:.24em;text-transform:uppercase}
.foot-chev{display:inline-block;transition:transform .25s ease;font-size:14px}
.foot-toggle[aria-expanded="false"] .foot-chev{transform:rotate(-90deg)}
.foot-links-wrap{overflow:hidden;transition:max-height .3s ease,opacity .25s ease;max-height:300px;opacity:1}
.foot-col.collapsed .foot-links-wrap{max-height:0;opacity:0}
.foot-links-wrap a{display:block;padding:7px 0;font-size:13px;opacity:.72;font-weight:300}
.foot-links-wrap a:hover{opacity:1}
.copyright{text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.5;margin-top:40px}

/* ============ CART DRAWER ============ */
.cart-drawer{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:.3s}
.cart-drawer.open{visibility:visible;opacity:1}
.cart-backdrop{position:absolute;inset:0;background:rgba(51,38,27,.45)}
.cart-panel{position:absolute;top:0;right:0;bottom:0;width:390px;max-width:92vw;background:var(--cream);display:flex;flex-direction:column;transform:translateX(100%);transition:.3s}
.cart-drawer.open .cart-panel{transform:translateX(0)}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border)}
.cart-head h3{font-family:var(--serif);font-size:22px;font-weight:500}
.cart-head button{font-size:26px;line-height:1;color:var(--espresso)}
.cart-items{flex:1;overflow-y:auto;padding:16px 22px;display:flex;flex-direction:column;gap:16px}
.cart-empty{text-align:center;color:var(--espresso);opacity:.55;font-size:14px;padding:48px 0;font-weight:300}
.cart-row{display:flex;gap:14px}
.cart-row img{width:72px;height:90px;object-fit:cover;background:var(--sand-2)}
.cart-row-info{flex:1;min-width:0}
.cart-row-name{font-family:var(--serif);font-size:16px;font-weight:500;line-height:1.2}
.cart-row-meta{font-size:12px;opacity:.6;margin-top:3px;font-weight:300}
.cart-row-qty{display:flex;align-items:center;gap:10px;margin-top:10px}
.cart-row-qty button{width:24px;height:24px;border:1px solid var(--border);font-size:15px;display:flex;align-items:center;justify-content:center}
.cart-row-qty span{font-size:14px;min-width:20px;text-align:center}
.cart-row-remove{margin-left:auto;align-self:flex-start;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.cart-row-remove:hover{opacity:1}
.cart-foot{border-top:1px solid var(--border);padding:18px 22px 22px}
.cart-total{display:flex;justify-content:space-between;font-size:15px;letter-spacing:.05em;margin-bottom:16px}
#checkoutBtn:disabled{opacity:.5;cursor:not-allowed}
.cart-note{text-align:center;font-size:11px;opacity:.55;margin-top:12px;font-weight:300}

/* ============ PDP GALLERY — multi-plate product page (4-5 views) ============ */
.gallery-main{position:relative}
.gallery-main img{transition:opacity .25s ease}
.gal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(245,239,223,.88);border:1px solid var(--border);color:var(--espresso);font-size:22px;line-height:1;transition:.2s;z-index:2}
.gal-arrow:hover{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}
.gal-prev{left:10px}
.gal-next{right:10px}
.gal-count{position:absolute;right:10px;bottom:10px;background:rgba(245,239,223,.9);border:1px solid var(--border);font-size:10px;letter-spacing:.2em;padding:5px 9px;text-transform:uppercase;z-index:2}
.gal-ph{font-family:var(--serif);font-size:17px;opacity:.5}
.thumbs:empty{display:none}
.thumb{border-width:2px;transition:border-color .2s}
.thumb:hover{border-color:var(--taupe)}
.thumb.on{border-color:var(--gold)}
.pdp-deposit{margin-top:14px;border:1px solid var(--gold);background:rgba(168,134,45,.08);padding:12px 14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--espresso)}

/* ============ CHECKOUT — pre-order: 60% deposit today, 40% before shipping ============ */
.ck{padding:0 0 70px}
.ck-wrap{max-width:1180px;margin:0 auto;padding:34px 16px 0}
.ck-back{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.7;display:inline-block;margin-bottom:16px}
.ck-back:hover{opacity:1}
.ck-head{margin-bottom:24px}
.ck-title{font-family:var(--serif);font-weight:500;font-size:clamp(28px,5vw,40px);letter-spacing:.05em;text-transform:uppercase;margin-top:12px}
.ck-sub{margin-top:12px;font-size:14px;line-height:1.7;color:var(--espresso);opacity:.72;font-weight:300;max-width:580px}
.ck-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.ck-steps span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--border);padding:7px 12px;color:var(--espresso);opacity:.7}
.ck-steps span.on{background:var(--espresso);color:var(--cream);border-color:var(--espresso);opacity:1}
.ck-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
.ck-aside{position:relative}
.ck-card{background:var(--sand-2);border:1px solid var(--border);padding:22px 18px}
.ck-card + .ck-card{margin-top:18px}
.ck-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.ck-label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--espresso);opacity:.7}
.ck-num{font-size:11px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.ck-h{font-family:var(--serif);font-weight:500;font-size:21px;letter-spacing:.04em;margin-bottom:14px}
.ck-hint{font-size:12px;line-height:1.7;font-weight:300;color:var(--espresso);opacity:.72;margin-top:10px}
.ck-chip{display:inline-block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--gold);color:var(--brown);background:rgba(168,134,45,.1);padding:6px 10px;margin-bottom:14px}
.ck-fields{display:grid;grid-template-columns:1fr;gap:14px}
.ck-field{display:flex;flex-direction:column;gap:6px}
.ck-field.span2{grid-column:1 / -1}
.ck-field label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--espresso);opacity:.72}
.ck-field input,.ck-field textarea,.ck-field select{width:100%;background:var(--cream);border:1px solid var(--border);padding:12px 13px;font-family:var(--sans);font-size:14px;color:var(--espresso);border-radius:var(--radius);transition:border-color .2s}
.ck-field input:focus,.ck-field textarea:focus,.ck-field select:focus{outline:none;border-color:var(--gold)}
.ck-field textarea{min-height:88px;resize:vertical}
.ck-field input::placeholder,.ck-field textarea::placeholder{color:var(--espresso);opacity:.35}
.ck-field.invalid input,.ck-field.invalid textarea,.ck-field.invalid select{border-color:#9C3B24;background:rgba(156,59,36,.05)}
.ck-field.invalid label{color:#9C3B24}
.ck-items{display:flex;flex-direction:column;gap:16px}
.ck-item{display:flex;gap:14px;align-items:flex-start}
.ck-item img{width:70px;height:88px;object-fit:cover;background:var(--sand)}
.ck-item-info{flex:1;min-width:0}
.ck-item-name{font-family:var(--serif);font-size:16px;font-weight:500;line-height:1.2}
.ck-item-meta{font-size:12px;opacity:.62;margin-top:3px;font-weight:300}
.ck-item-line{font-size:13px;margin-top:8px;letter-spacing:.04em}
.ck-item-qty{font-size:12px;opacity:.62;font-weight:300;margin-top:2px}
.ck-money{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}
.ck-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0;color:var(--espresso)}
.ck-row span:last-child{letter-spacing:.04em}
.ck-due{margin-top:14px;background:var(--espresso);color:var(--cream);padding:18px}
.ck-due .ck-label{color:var(--gold-soft);opacity:1}
.ck-due-amt{font-family:var(--serif);font-size:30px;line-height:1.1;margin-top:6px}
.ck-due-note{font-size:11px;letter-spacing:.06em;opacity:.75;margin-top:9px;font-weight:300;line-height:1.6}
.ck-balance{margin-top:14px;border:1px dashed var(--border);padding:12px 14px;font-size:12px;letter-spacing:.05em;opacity:.82;line-height:1.6}
.ck-pending{margin-top:14px;border:1px solid var(--border);padding:14px;font-size:12px;line-height:1.7;opacity:.8;font-weight:300}
.ck-trust{border-top:1px solid var(--border);margin-top:18px;padding-top:14px;display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.ck-trust span::before{content:"— ";color:var(--gold)}
.ck-empty{background:var(--sand-2);border:1px solid var(--border);padding:48px 22px;text-align:center}
.ck-empty h4{font-family:var(--serif);font-size:22px;font-weight:500}
.ck-empty p{font-size:14px;opacity:.7;margin-top:10px;font-weight:300}
.ck-empty .btn{margin-top:22px}
.ck-pay{margin-top:6px}
#paypalButtons{min-height:0}
#paypalButtons:empty::after{content:"";display:block;height:48px;border:1px dashed var(--border)}
.ck-pay-note{font-size:11px;letter-spacing:.06em;opacity:.6;margin-top:12px;line-height:1.7;font-weight:300;text-align:center}
.ck-status{margin-top:14px;font-size:12px;letter-spacing:.05em;line-height:1.7;padding:12px 14px;border:1px solid var(--border);display:none}
.ck-status.show{display:block}
.ck-status.err{border-color:#9C3B24;color:#9C3B24}
.ck-status.ok{border-color:var(--gold);color:var(--brown)}
.ck-fallback{margin-top:16px;border:1px solid var(--gold);background:rgba(168,134,45,.08);padding:16px;display:none}
.ck-fallback.show{display:block}
.ck-fallback h4{font-family:var(--serif);font-size:18px;font-weight:500;margin-bottom:8px}
.ck-fallback p{font-size:12px;line-height:1.7;font-weight:300;opacity:.85}
.ck-fallback .btn{margin-top:16px;width:100%}
.cart-total.cart-deposit{font-size:14px;opacity:.85;margin-bottom:0}
.cart-total.cart-balance{font-size:12px;opacity:.7;margin:6px 0 14px;padding-top:8px;border-top:1px dashed var(--border)}

@media(min-width:720px){
  .ck-wrap{padding:44px 40px 0}
  .ck-grid{grid-template-columns:1.35fr 1fr;gap:36px}
  .ck-card{padding:26px 24px}
  .ck-fields{grid-template-columns:1fr 1fr}
  .ck-aside{position:sticky;top:120px}
  .ck-fallback .btn{width:auto}
}

/* ---- thank-you (thank-you.html) ---- */
.co-h{font-family:var(--serif);font-weight:500;font-size:21px;letter-spacing:.04em;margin-bottom:12px}
.co-hint{font-size:12px;line-height:1.7;font-weight:300;color:var(--espresso);opacity:.72;margin-top:10px}
.money-box{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}
.money-line{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 0;color:var(--espresso)}
.money-line span:last-child{letter-spacing:.04em}
.money-big{margin-top:14px;background:var(--espresso);color:var(--cream);padding:18px;display:flex;flex-direction:column;gap:6px}
.money-big span:first-child{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft)}
.money-big span:last-child{font-family:var(--serif);font-size:30px;line-height:1.1}
.money-balance{margin-top:14px;border:1px dashed var(--border);padding:12px 14px;font-size:12px;letter-spacing:.05em;opacity:.82;line-height:1.6}
.ty{padding:56px 16px 80px;text-align:center}
.ty h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,5vw,42px);letter-spacing:.06em;text-transform:uppercase;margin-top:10px}
.ty .section-sub{max-width:560px}
.ty-card{max-width:540px;margin:30px auto 0;background:var(--sand-2);border:1px solid var(--border);padding:24px 22px;text-align:left}
.ty-order{display:flex;flex-direction:column;gap:6px;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--border)}
.ty-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.6}
.ty-order strong{font-family:var(--serif);font-size:19px;font-weight:500;letter-spacing:.02em;word-break:break-all}
.ty-next{max-width:620px;margin:40px auto 0;text-align:left}
.ty-steps{list-style:none;counter-reset:ty;padding:0;margin:0}
.ty-steps li{counter-increment:ty;position:relative;padding:0 0 16px 40px;font-size:14px;line-height:1.75;font-weight:300;color:var(--espresso);opacity:.85}
.ty-steps li::before{content:counter(ty,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:11px;letter-spacing:.14em;color:var(--gold)}
.ty-steps strong{font-weight:500}
.ty-cta{display:flex;flex-direction:column;gap:12px;max-width:320px;margin:34px auto 0}
@media(min-width:720px){
  .ty-cta{flex-direction:row;justify-content:center;max-width:none}
}

/* ============ DESKTOP ============ */
@media(min-width:720px){
  .masthead{padding:24px 40px 12px}
  .logo img{height:34px}
  #menuBtn{display:none}
  .mast-icons{right:40px;gap:22px}
  .mast-icons .mast-link{display:inline}
  .navrow{gap:44px;padding:6px 40px 18px}
  .hero{flex-direction:row;min-height:88vh}
  .hero-inner{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 40px}
  .hero-media{flex:1.2;min-height:100%}
  .hero-media img{height:100%;min-height:88vh}
  .hero-cta{flex-direction:row;gap:16px}
  .grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:44px 40px 0}
  .coll-grid{flex-direction:row;padding:36px 40px 0}
  .coll-card{flex:1}
  .coll-card img{height:440px}
  .about{flex-direction:row;align-items:center;padding:80px 40px 0;max-width:1200px;margin:0 auto;gap:60px}
  .about-media{flex:1}
  .about-media img{height:520px}
  .about-text{flex:1;text-align:left;padding:0}
  .about-text p{margin-left:0}
  .about-text .btn{margin-top:34px}
  .rev-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:36px 40px 0}
  .foot-grid{flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:space-between}
  .foot-news{text-align:left;max-width:340px;margin-bottom:0}
  .news-form{margin:20px 0 0}
  .foot-col{border-top:none}
  .foot-logo img{height:56px}
  .copyright{margin-top:52px}
}

/* ============ UTILITY ============ */
[hidden]{display:none !important}

/* ============ CART: PRE-ORDER MONEY ============ */
.cart-deposit{margin-top:-6px;font-size:13px;letter-spacing:.04em;color:var(--espresso)}
.cart-deposit span:last-child{font-weight:500}
.cart-balance{margin-top:2px;font-size:12px;opacity:.7}
.pcard{cursor:pointer}
.pcard-add{cursor:pointer}

/* ============ PDP GALLERY EXTRAS ============ */
.pdp-grid>*{min-width:0}
.pdp-buy{max-width:100%}
.gallery-main{position:relative;max-width:100%}
.thumbs{max-width:100%}
.gal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;background:rgba(245,239,223,.9);border:1px solid var(--border);color:var(--espresso);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s}
.gal-arrow:hover{background:var(--espresso);color:var(--cream)}
.gal-prev{left:10px}
.gal-next{right:10px}
.gal-count{position:absolute;bottom:10px;right:10px;background:rgba(51,38,27,.72);color:var(--cream);font-size:10px;letter-spacing:.16em;padding:4px 9px}
.gal-ph{font-family:var(--serif);font-size:18px;color:var(--espresso);opacity:.55;padding:40px 20px;text-align:center}
.pdp-deposit{margin-top:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-weight:400}

/* ============ CHECKOUT / PRE-ORDER ============ */
.co-grid>*,.ck-grid>*{min-width:0}
.co-hero{text-align:center;padding:48px 20px 4px;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,.45),transparent 65%),var(--sand)}
.co-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(28px,6vw,46px);letter-spacing:.08em;text-transform:uppercase;margin-top:14px}
.co-wrap{max-width:1320px;margin:0 auto;padding:30px 16px 70px}
.co-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
.co-card{background:var(--sand-2);border:1px solid var(--border)}
.co-card-in{padding:20px 16px}
.co-h{font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:.04em;line-height:1.2}
.co-sub{font-size:12.5px;line-height:1.6;opacity:.7;margin-top:5px}
.co-req{display:inline-block;font-family:var(--sans);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);padding:2px 7px;vertical-align:middle;margin-left:8px}
.co-opt{font-style:italic;letter-spacing:.04em;text-transform:none;opacity:.6;font-size:10px}
.co-field{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.co-field label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-weight:400}
.co-field input,.co-field textarea{width:100%;background:var(--cream);border:1px solid var(--border);color:var(--espresso);font-family:var(--sans);font-size:15px;padding:13px 14px;border-radius:0;-webkit-appearance:none;appearance:none}
.co-field textarea{resize:vertical}
.co-field input:focus,.co-field textarea:focus{outline:none;border-color:var(--gold)}
.co-field.err input{border-color:#a83b2c}
.co-msg{display:none;font-size:11px;color:#a83b2c}
.co-field.err .co-msg{display:block}
.co-2col{display:grid;grid-template-columns:1fr;gap:0}
.co-hint{font-size:11.5px;line-height:1.6;opacity:.6;margin-top:14px}
.co-items{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.co-item{display:flex;gap:12px;align-items:flex-start}
.co-item img{width:62px;height:78px;object-fit:cover;background:var(--cream);flex:0 0 auto}
.co-item-info{flex:1;min-width:0}
.co-item-name{font-family:var(--serif);font-size:16px;font-weight:500;line-height:1.2}
.co-item-meta{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:4px}
.co-item-price{font-size:14px;white-space:nowrap}
.money-box{border-top:1px solid var(--border);margin-top:20px;padding-top:16px;display:flex;flex-direction:column;gap:9px}
.money-line{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px}
.money-line em{font-style:italic;opacity:.6;font-size:11.5px}
.money-big{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--espresso);color:var(--cream);padding:14px 16px;margin:5px 0}
.money-big span:first-child{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;line-height:1.4}
.money-big span:first-child em{text-transform:none;letter-spacing:.02em}
.money-big span:last-child{font-family:var(--serif);font-size:24px;white-space:nowrap}
.money-balance{font-size:12.5px;opacity:.85}
.co-pay{margin-top:20px;border-top:1px solid var(--border);padding-top:18px}
.co-chip{display:inline-block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);padding:4px 9px;margin-bottom:12px}
#paypalButtons{min-height:46px;margin-top:12px}
#paypalButtons>div{min-height:46px}
.co-busy{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-top:10px;text-align:center}
.co-notice{border:1px solid var(--gold);background:rgba(168,134,45,.09);padding:15px 16px;margin-top:16px;font-size:13px;line-height:1.65}
.co-notice h4{font-family:var(--serif);font-size:17px;font-weight:500;margin-bottom:6px}
.co-notice p{margin-top:6px}
.co-err{border:1px solid #a83b2c;color:#8d2f24;background:rgba(168,59,44,.06);padding:13px 15px;margin-top:14px;font-size:12.5px;line-height:1.6}
#payFallback{margin-top:16px}
#payFallback .btn{width:100%}
.co-empty{text-align:center;padding:30px 16px 50px}
.co-empty .btn{margin-top:20px}
.co-terms{margin-top:34px;border-top:1px solid var(--border);padding-top:22px;font-size:13.5px;line-height:1.8;opacity:.85}
.co-terms h3{font-family:var(--serif);font-size:20px;font-weight:500;margin-bottom:4px}
.co-terms ul{list-style:none;margin-top:10px}
.co-terms li{position:relative;padding-left:18px;margin-top:9px}
.co-terms li::before{content:"—";position:absolute;left:0;color:var(--gold)}

/* ============ THANK YOU ============ */
.ty{max-width:640px;margin:0 auto;padding:52px 20px 70px;text-align:center}
.ty h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,6vw,44px);letter-spacing:.06em;margin-top:12px}
.ty h1 em{font-style:italic;color:var(--gold)}
.ty-card{background:var(--sand-2);border:1px solid var(--border);padding:22px 18px;margin-top:28px;text-align:left}
.ty-order{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:14px}
.ty-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.65}
.ty-order strong{font-family:var(--sans);font-size:15px;letter-spacing:.06em;word-break:break-all;text-align:right}
.ty-next{text-align:left;margin-top:34px;border-top:1px solid var(--border);padding-top:22px}
.ty-steps{list-style:none;counter-reset:s;margin-top:14px}
.ty-steps li{position:relative;padding-left:34px;margin-top:14px;font-size:13.5px;line-height:1.7;opacity:.85}
.ty-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:1px;width:22px;height:22px;border:1px solid var(--gold);color:var(--gold);font-size:11px;display:flex;align-items:center;justify-content:center}
.ty-cta{display:flex;flex-direction:column;gap:10px;margin-top:34px}
.ty-cta .btn{width:100%}

/* ============ DESKTOP / TABLET ============ */
@media(min-width:560px){
  .co-2col{grid-template-columns:1fr 1fr;gap:0 14px}
  .ty-cta{flex-direction:row;justify-content:center}
  .ty-cta .btn{width:auto}
}
@media(min-width:900px){
  .co-card-in{padding:28px 26px}
  .co-grid{grid-template-columns:1.1fr .9fr;gap:40px}
  .co-sum{position:sticky;top:150px}
  .co-hero{padding:64px 40px 8px}
  .co-wrap{padding:40px 40px 80px}
  .co-terms{margin-top:44px}
}


/* ============ LOGO — FULL lockup in the header (2026-09-27) ============
   The header was showing assets/logo-nav.png: the wordmark only, without the Z's
   swash and without the "BY DAGIOVA" line. Desktop now shows the full lockup
   (assets/logo-full.png) so the complete logo is visible; small screens keep the
   wordmark-only asset, because the lockup's second line renders under ~4px there
   and turns to mush.
   Sizes: mobile 26px (as it always was), desktop 56px. The negative desktop
   margins cancel the added height, so .masthead keeps its 70px height and the
   nav row does not move. The mark grows into the masthead's own padding. */
.logo img{height:26px}
@media(min-width:720px){
  .logo{margin:-11px 0}
  .logo img{height:56px}
}

/* ============================================================================
   COLLECTION GUIDES — collection.html (editorial guide layout)
   Added 2026-09-27. Everything below is NEW: no rule above this line is
   touched, so the header / footer stack geometry is unchanged. Built only on
   the tokens already declared at the top of this file:
     --cream --sand --sand-2 --stone --taupe --espresso --brown --gold
     --gold-soft --border --radius --serif --sans
   The type stack stays MAWAZO's own (Cormorant Garamond + Jost) — the Kovah
   reference was used for layout and rhythm only.
   ============================================================================ */

/* ---- page shell ---------------------------------------------------------- */
.guide{color:var(--espresso);font-family:var(--sans)}
.guide > *{min-width:0}
.guide-loading{padding:90px 20px;text-align:center;font-size:11px;letter-spacing:.26em;text-transform:uppercase;opacity:.55}
.guide-note{max-width:640px;margin:0 auto;padding:56px 22px 10px;text-align:center}
.guide-note h2{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.25;letter-spacing:.05em;text-transform:uppercase;margin-top:12px}
.guide-note p{margin-top:14px;font-size:14px;line-height:1.8;font-weight:300;opacity:.75}
.guide-note .btn{margin-top:26px}

/* ---- breadcrumb ---------------------------------------------------------- */
.guide-crumbs{padding:18px 20px 0;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.6}
.guide-crumbs a:hover{opacity:1;text-decoration:underline}
.guide-crumbs span{opacity:.75}

/* ---- hero: full-width band, small kicker + large editorial heading ------- */
.guide-hero{text-align:center;padding:52px 20px 0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,.45),transparent 65%),var(--sand)}
.guide-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,7.5vw,68px);line-height:1.06;letter-spacing:.08em;text-transform:uppercase;margin-top:16px;overflow-wrap:anywhere}
.guide-hero-sub{margin:20px auto 0;max-width:540px;font-size:15px;line-height:1.75;font-weight:300;opacity:.78}
.guide-hero-meta{margin:18px auto 0;font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.62}
.guide-hero-media{margin-top:34px;background:var(--sand-2)}
.guide-hero-media img{width:100%;height:44vw;min-height:230px;max-height:58vh;object-fit:cover;object-position:50% 28%}

/* ---- numbered section shell --------------------------------------------- */
.guide-sec{max-width:1600px;margin:0 auto;padding:60px 20px 0}
.guide-sec-head{text-align:center;margin-bottom:30px}
.guide-num{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.guide-sec-title{font-family:var(--serif);font-weight:500;font-size:clamp(25px,4.6vw,44px);line-height:1.14;letter-spacing:.06em;text-transform:uppercase;margin-top:12px;overflow-wrap:anywhere}
.guide-sec-note{margin:14px auto 0;max-width:640px;font-size:14px;line-height:1.75;font-weight:300;opacity:.72}

/* ---- product tile grid -------------------------------------------------- */
.guide-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.guide-tile{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);background:var(--sand-2)}
.guide-tile-media{display:block;aspect-ratio:3/4;overflow:hidden;background:var(--sand-2)}
.guide-tile-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.guide-tile:hover .guide-tile-media img{transform:scale(1.04)}
.guide-tile-name{display:block;padding:12px 12px 0;font-family:var(--serif);font-size:16px;font-weight:500;line-height:1.28}
.guide-tile-price{display:block;padding:6px 12px 14px;font-size:13px;letter-spacing:.06em;opacity:.88}
.guide-tile-price s{opacity:.5;margin-right:6px}
.guide-tile-price .on-req{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}

/* ---- detail tiles: four squares, each with a caption line ---------------- */
.guide-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.guide-detail{min-width:0;margin:0}
.guide-detail-media{display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--border);background:var(--sand-2)}
.guide-detail-media img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.guide-detail h3{font-family:var(--serif);font-size:17px;font-weight:500;letter-spacing:.03em;margin-top:12px}
.guide-detail figcaption p{margin-top:6px;font-size:12.5px;line-height:1.68;font-weight:300;opacity:.75}

/* ---- fit row: three cuts ------------------------------------------------- */
.guide-fits{display:grid;grid-template-columns:1fr;gap:12px}
.guide-fit{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);background:var(--sand-2)}
.guide-fit-media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--sand-2)}
.guide-fit-media img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.guide-fit-body{display:block;padding:14px 14px 18px}
.guide-fit h3{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:.03em}
.guide-fit p{margin-top:8px;font-size:12.5px;line-height:1.7;font-weight:300;opacity:.75}

/* ---- house palette swatch row ------------------------------------------- */
.guide-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 26px;list-style:none}
.guide-swatch{display:flex;flex-direction:column;align-items:center;gap:9px}
.guide-swatch-chip{display:block;width:62px;height:62px;border:1px solid var(--border)}
.guide-swatch-name{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.7}

/* ---- All Collections index ---------------------------------------------- */
.guide-index-grid{display:grid;grid-template-columns:1fr;gap:14px}
.guide-index-card{display:block;min-width:0;border:1px solid var(--border);background:var(--sand-2)}
.guide-index-card .gi-media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand-2)}
.guide-index-card .gi-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.guide-index-card:hover .gi-media img{transform:scale(1.04)}
.guide-index-card .gi-body{display:block;padding:16px 14px 20px}
.guide-index-card .gi-name{display:block;font-family:var(--serif);font-size:20px;font-weight:500;letter-spacing:.03em}
.guide-index-card .gi-desc{display:block;margin-top:7px;font-size:12.5px;line-height:1.65;font-weight:300;opacity:.72}
.guide-index-card .gi-count{display:block;margin-top:12px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}

/* ---- closing CTA row ---------------------------------------------------- */
.guide-cta{text-align:center;margin-top:66px;padding:56px 20px}
.guide-cta h2{font-family:var(--serif);font-weight:500;font-size:clamp(25px,4.6vw,44px);line-height:1.15;letter-spacing:.06em;text-transform:uppercase;margin-top:12px}
.guide-cta p{margin:16px auto 0;max-width:540px;font-size:14px;line-height:1.75;font-weight:300;opacity:.75}
.guide-cta-btns{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:28px}
.guide-cta-alts{margin-top:30px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.guide-cta-alts a{display:inline-block;margin:4px 8px;border-bottom:1px solid var(--border);padding-bottom:2px}
.guide-cta-alts a:hover{border-bottom-color:var(--espresso);opacity:1}

/* ---- responsive: 720 / 1100 -------------------------------------------- */
@media(min-width:720px){
  .guide-crumbs{padding:22px 40px 0}
  .guide-hero{padding:78px 40px 0}
  .guide-sec{padding:78px 40px 0}
  .guide-tiles{grid-template-columns:repeat(3,1fr);gap:20px}
  .guide-details{grid-template-columns:repeat(4,1fr);gap:20px}
  .guide-fits{grid-template-columns:repeat(3,1fr);gap:20px}
  .guide-index-grid{grid-template-columns:repeat(2,1fr);gap:20px}
  .guide-cta-btns{flex-direction:row;justify-content:center}
  .guide-cta{padding:66px 40px}
}
@media(min-width:1100px){
  .guide-tiles{grid-template-columns:repeat(4,1fr)}
  .guide-index-grid{grid-template-columns:repeat(4,1fr)}
  .guide-tile-name{font-size:17px}
  .guide-detail h3{font-size:18px}
}