:root{
  --gutter:50px; --color-bg:#FFFFFF; --color-text:#2D2926; --color-text-muted:#8B8178;
  --color-accent:#C9A86C; --color-accent-hover:#B8956A; --color-line:#ECE7DF;
  --font-display:'Carizma Book',Georgia,serif; --font-body:'Assistant',system-ui,-apple-system,sans-serif;
  --transition:300ms cubic-bezier(0.16,1,0.3,1);
}
@font-face{font-family:'Carizma Book';src:url('/assets/fonts/FbCarizmaBook-Regular.woff2') format('woff2'),url('/assets/fonts/FbCarizmaBook-Regular.otf') format('opentype');font-weight:400;font-display:swap;}
@font-face{font-family:'Grand Baron';src:url('/assets/fonts/Grand-Baron.woff2') format('woff2'),url('/assets/fonts/Grand-Baron.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Grand Baron';src:url('/assets/fonts/Grand-Baron-Italic.woff2') format('woff2'),url('/assets/fonts/Grand-Baron-Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;background:#fff;color-scheme:light;}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
/* Canonical site navbar — shared across portfolio + blog + shop (NAV_CSS). */

.nav{position:sticky;top:0;z-index:50;direction:rtl;display:flex;align-items:center;gap:clamp(0.75rem,2vw,2rem);padding:0.7rem clamp(1rem,4vw,3rem);background:rgba(255,255,255,0.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(45,41,38,0.08);}
.nav__brand{margin-inline-end:auto;display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto;}
.nav__logo{height:clamp(30px,3.6vw,42px);width:auto;display:block;}
.nav__links{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(0.6rem,1.6vw,1.5rem);min-width:0;}
.nav__link{background:none;border:0;cursor:pointer;padding:0.3em 0;font-family:'Assistant',system-ui,-apple-system,sans-serif;font-size:clamp(14px,1.6vw,17px);letter-spacing:0.02em;color:#8B8178;text-decoration:none;position:relative;white-space:nowrap;transition:color 300ms ease;}
.nav__link::after{content:'';position:absolute;inset-inline:0;bottom:-3px;height:1.5px;background:#C9A86C;transform:scaleX(0);transform-origin:center;transition:transform 300ms ease;}
.nav__link:hover{color:#2D2926;}
.nav__link:hover::after,.nav__link.is-active::after{transform:scaleX(1);}
.nav__link.is-active{color:#2D2926;}
@media (max-width:560px){.nav{flex-wrap:wrap;justify-content:center;}.nav__brand{margin-inline-end:0;}.nav__links{justify-content:center;width:100%;}}

.cart-toggle{position:relative;flex:0 0 auto;margin-inline-start:0.25rem;border:1px solid var(--color-line);background:#fff;border-radius:999px;padding:0.45rem 0.9rem;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:0.9rem;color:var(--color-text);transition:border-color var(--transition);}
.cart-toggle:hover{border-color:var(--color-accent);}
.cart-toggle__count{display:inline-grid;place-items:center;min-width:1.3em;height:1.3em;margin-inline-start:0.35rem;padding:0 0.35em;border-radius:999px;background:var(--color-accent);color:#fff;font-size:0.78rem;}
.cart-toggle[hidden]{display:none;}
.shop-intro{text-align:center;padding:clamp(2.5rem,6vw,4rem) var(--gutter) 0;display:flex;flex-direction:column;align-items:center;}
.shop-intro__star{opacity:0.9;margin-bottom:0.9rem;}
.shop-intro h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.1;margin:0 0 0.7rem;max-width:18ch;}
.shop-intro p{color:var(--color-text-muted);max-width:48ch;margin:0 auto;line-height:1.6;}
main{padding:0 clamp(1rem,4vw,var(--gutter)) 4rem;max-width:1280px;margin:0 auto;}
.collection{margin-top:clamp(2.25rem,5vw,3.25rem);}
.collection__head{display:flex;align-items:center;justify-content:center;gap:clamp(0.8rem,2vw,1.5rem);margin-bottom:clamp(1.25rem,3vw,2rem);}
.collection__rule{flex:1;max-width:140px;height:1px;background:linear-gradient(to var(--_d,left),var(--color-accent),transparent);opacity:0.5;}
.collection__head .collection__rule:last-child{--_d:right;}
.collection__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,4vw,2.6rem);margin:0;white-space:nowrap;}
.pgrid{list-style:none;margin:0;padding:0;display:grid;gap:clamp(1rem,2.5vw,1.75rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));}
.pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-line);border-radius:4px;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition);}
.pcard:hover{transform:translateY(-4px);box-shadow:0 24px 44px -24px rgba(60,42,18,0.45);}
.pcard--oos{opacity:0.72;}
.pcard__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;}
.pcard__media{aspect-ratio:3/4;background:#f6f2ec;overflow:hidden;}
.pcard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 700ms var(--transition);}
.pcard:hover .pcard__media img{transform:scale(1.05);}
.pcard__name{font-family:var(--font-display);font-weight:400;font-size:1.12rem;line-height:1.25;margin:0;padding:0.85rem 0.9rem 0.4rem;}
.pcard__foot{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-top:auto;padding:0 0.9rem 1rem;}
.pcard__price{font-weight:700;font-size:1.05rem;}
.pcard__add{border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;border-radius:999px;padding:0.4rem 0.95rem;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:0.85rem;transition:background var(--transition),border-color var(--transition);}
.pcard__add:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);}
.pcard__add[data-in-cart]{background:#fff;color:var(--color-accent);}
.pcard__oos{color:var(--color-text-muted);font-size:0.85rem;font-weight:600;}
/* Product profile */
.pp{max-width:1100px;}
.pp-crumbs{color:var(--color-text-muted);font-size:0.9rem;margin-bottom:1.5rem;}
.pp-crumbs a{text-decoration:none;color:var(--color-accent);}
.pp-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;}
.pp-main{aspect-ratio:1/1;background:#f6f2ec;border-radius:6px;overflow:hidden;border:1px solid var(--color-line);}
.pp-main img{width:100%;height:100%;object-fit:contain;display:block;}
.pp-thumbs{display:flex;gap:0.6rem;margin-top:0.8rem;flex-wrap:wrap;}
.pp-thumb{width:64px;height:64px;padding:0;border:1px solid var(--color-line);border-radius:4px;overflow:hidden;background:#fff;cursor:pointer;transition:border-color var(--transition);}
.pp-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pp-thumb.is-active{border-color:var(--color-accent);}
.pp-info{position:sticky;top:90px;}
.pp-name{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 0.5rem;}
.pp-price{font-weight:700;font-size:1.5rem;margin-bottom:1.2rem;}
.pp-add{width:100%;margin-bottom:1.5rem;}
.pp-oos{color:var(--color-text-muted);font-weight:600;margin-bottom:1.5rem;}
.pp-desc{border-top:1px solid var(--color-line);padding-top:1.2rem;color:#4a443d;font-size:0.98rem;line-height:1.7;}
.pp-desc .pp-lead{font-size:1.05rem;color:var(--color-text);margin:0 0 1rem;}
.pp-desc .pp-h{font-family:var(--font-display);font-weight:400;font-size:1.2rem;margin:1.3rem 0 0.5rem;}
.pp-desc .pp-list{margin:0;padding-inline-start:1.2rem;}
.pp-desc .pp-list li{margin:0.3rem 0;}
.pp-back{display:inline-block;margin-top:1.6rem;color:var(--color-accent);text-decoration:none;font-weight:600;}
.pp-back:hover{text-decoration:underline;}
@media (max-width:760px){.pp-grid{grid-template-columns:1fr;}.pp-info{position:static;}}
/* Cart drawer */
.drawer-backdrop{position:fixed;inset:0;background:rgba(30,22,12,0.42);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:40;}
.drawer-backdrop[data-open]{opacity:1;pointer-events:auto;}
.drawer{position:fixed;inset-block:0;inset-inline-start:0;width:min(420px,92vw);background:#fff;z-index:41;transition:transform var(--transition);display:flex;flex-direction:column;box-shadow:0 0 60px -20px rgba(0,0,0,0.4);transform:translateX(100%);}
.drawer[data-open]{transform:translateX(0);}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--color-line);}
.drawer__head h2{font-family:var(--font-display);font-weight:400;margin:0;font-size:1.4rem;}
.drawer__close{border:none;background:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text-muted);}
.drawer__body{flex:1;overflow-y:auto;padding:1rem 1.25rem;}
.drawer__empty{color:var(--color-text-muted);text-align:center;margin:2rem 0;}
.citem{display:grid;grid-template-columns:56px 1fr auto;gap:0.75rem;align-items:center;padding:0.7rem 0;border-bottom:1px solid var(--color-line);}
.citem__img{width:56px;height:70px;object-fit:cover;border-radius:3px;background:#f6f2ec;}
.citem__name{font-size:0.92rem;font-weight:600;margin:0 0 0.25rem;}
.citem__price{color:var(--color-text-muted);font-size:0.85rem;}
.citem__qty{display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.3rem;}
.citem__qty button{width:1.6em;height:1.6em;border:1px solid var(--color-line);background:#fff;border-radius:4px;cursor:pointer;font-size:0.9rem;}
.citem__remove{border:none;background:none;color:var(--color-text-muted);cursor:pointer;font-size:0.8rem;text-decoration:underline;}
.drawer__foot{border-top:1px solid var(--color-line);padding:1.1rem 1.25rem;}
.drawer__total{display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem;margin-bottom:0.9rem;}
.checkout-form{display:grid;gap:0.6rem;}
.checkout-form input,.checkout-form textarea{width:100%;padding:0.6rem 0.7rem;border:1px solid var(--color-line);border-radius:6px;font-family:var(--font-body);font-size:0.95rem;background:#fff;}
.checkout-form textarea{resize:vertical;min-height:2.4rem;}
.btn-primary{border:none;background:var(--color-accent);color:#fff;border-radius:999px;padding:0.7rem 1rem;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:1rem;transition:background var(--transition);}
.btn-primary:hover{background:var(--color-accent-hover);}
.btn-primary:disabled{opacity:0.6;cursor:progress;}
.form-err{color:#b3261e;font-size:0.85rem;min-height:1.1em;}
.status-banner{position:fixed;inset-block-start:0;inset-inline:0;z-index:50;padding:0.9rem 1.25rem;text-align:center;font-weight:600;color:#fff;transform:translateY(-100%);transition:transform var(--transition);}
.status-banner[data-show]{transform:translateY(0);}
.status-banner--ok{background:#2f7d4f;}
.status-banner--info{background:var(--color-text);}
.status-banner a{color:#fff;text-decoration:underline;}
.status-banner button{margin-inline-start:1rem;border:1px solid rgba(255,255,255,0.6);background:none;color:#fff;border-radius:999px;padding:0.15rem 0.7rem;cursor:pointer;}
@media (prefers-reduced-motion:reduce){*{transition:none !important;}}
/* Footer — homepage lockup mirrored: nav+socials start edge, brand end edge. */
.shop-footer{direction:rtl;color:var(--color-text);background:#EFE9E2;padding:clamp(1.5rem,3.5vw,2.5rem) clamp(1.25rem,5vw,var(--gutter));margin-top:clamp(3rem,7vw,5rem);}
.shop-footer__row{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,3vw,2rem);flex-wrap:nowrap;}
.shop-footer__right{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(0.5rem,1.2vw,0.85rem);flex:0 0 auto;min-width:0;}
.shop-footer__nav{display:flex;align-items:center;gap:clamp(0.6rem,1.4vw,0.95rem);font-family:'Grand Baron','Carizma Book',Georgia,serif;font-size:clamp(18px,2.1vw,24px);font-weight:400;letter-spacing:0.01em;color:#000;white-space:nowrap;}
.shop-footer__nav a{color:inherit;text-decoration:none;transition:color 200ms ease;}
.shop-footer__nav a:hover,.shop-footer__nav a:focus-visible{color:var(--color-accent);outline:none;}
.shop-footer__nav-sep{color:#000;font-weight:400;}
.shop-footer__socials{display:flex;align-items:center;gap:clamp(0.5rem,1.2vw,0.75rem);}
.shop-footer__social{display:inline-flex;align-items:center;justify-content:center;width:clamp(18px,1.6vw,22px);height:clamp(18px,1.6vw,22px);text-decoration:none;opacity:0.88;transition:transform 200ms ease,opacity 200ms ease;}
.shop-footer__social img{width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%);}
.shop-footer__social:hover,.shop-footer__social:focus-visible{transform:translateY(-1px);opacity:1;outline:none;}
.shop-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;direction:ltr;flex:0 0 auto;min-width:0;}
.shop-footer__brand-star{width:clamp(26px,2.59vw,31px);height:auto;align-self:flex-start;margin:0 0 -2px 4px;opacity:0.95;}
.shop-footer__brand-name{font-family:var(--font-display);font-weight:400;font-size:clamp(28px,4.2vw,44px);line-height:1;color:var(--color-text);margin:0;letter-spacing:0.005em;}
.shop-footer__brand-sub{font-family:var(--font-display);font-weight:300;font-size:clamp(12px,1.4vw,16px);letter-spacing:0.02em;line-height:1.1;color:var(--color-text);display:inline-flex;align-items:baseline;gap:0.35em;margin-top:2px;}
.shop-footer__brand-amp{color:var(--color-accent);font-family:'Grand Baron',Georgia,serif;font-style:italic;font-size:1.35em;line-height:1;}
@media (max-width:480px){.shop-footer{padding:clamp(1rem,4vw,1.75rem) clamp(0.75rem,3vw,1.25rem);}.shop-footer__row{gap:clamp(0.5rem,2vw,1rem);}}