@import url("https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Xanh+Mono:ital@0;1&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Libre+Caslon+Display&family=Work+Sans:wght@400;500;600&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');
/* Besni Üzümü — shared navigation + premium cart */
:root{
  --bb-cream:#f2ece2;
  --bb-paper:#f8f5ef;
  --bb-ink:#171311;
  --bb-wine:#6b2035;
  --bb-gold:#d6ad5b;
  --bb-olive:#505843;
  --bb-muted:#736b63;
  --bb-line:rgba(23,19,17,.16);
}
body.bb-cart-open{overflow:hidden!important}
.bb-cart-overlay{
  position:fixed;inset:0;z-index:998;background:rgba(20,14,12,.48);
  opacity:0;pointer-events:none;backdrop-filter:blur(0);
  transition:opacity .32s ease,backdrop-filter .32s ease;
}
.bb-cart-overlay.is-open{opacity:1;pointer-events:auto;backdrop-filter:blur(4px)}
.bb-cart-drawer{
  position:fixed;z-index:999;inset:0 0 0 auto;width:min(510px,100vw);
  background:#f6f0e7;transform:translate3d(102%,0,0);
  transition:transform .46s cubic-bezier(.22,.75,.18,1);
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  border-left:1px solid rgba(44,29,24,.16);box-shadow:-26px 0 70px rgba(35,21,18,.18);
  color:#171311;font-family:"Work Sans","Xanh Mono","Courier New",monospace;
}
.bb-cart-drawer.is-open{transform:translate3d(0,0,0)}
.bb-cart-head{
  position:relative;padding:30px 30px 24px;background:var(--bb-wine);color:#fff8ed;
  border-bottom:1px solid rgba(255,255,255,.16);overflow:hidden;
}
.bb-cart-head::after{
  content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(214,173,91,.32);
  border-radius:50%;right:-72px;top:-102px;box-shadow:0 0 0 20px rgba(214,173,91,.05),0 0 0 40px rgba(214,173,91,.035)
}
.bb-cart-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:1}
.bb-cart-kicker{display:block;font-family:"Xanh Mono","Courier New",monospace;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#e5c98b;margin-bottom:8px}
.bb-cart-head h2{margin:0;font-family:var(--bb-heading-font)!important;font-weight:400;font-size:38px;line-height:.95;letter-spacing:-.035em}
.bb-cart-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(255,255,255,.03);color:#fff8ed;display:grid;place-items:center;cursor:pointer;font-size:25px;line-height:1;transition:transform .2s ease,background .2s ease}
.bb-cart-close:hover{transform:rotate(5deg);background:rgba(255,255,255,.09)}
.bb-cart-note{position:relative;z-index:1;margin:18px 0 0;font-size:11px;line-height:1.55;color:#ead9d5;max-width:330px}
.bb-cart-items{overflow:auto;padding:10px 30px 24px;scrollbar-width:thin;overscroll-behavior:contain}
.bb-cart-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:15px;padding:20px 0;border-bottom:1px solid rgba(23,19,17,.12)}
.bb-cart-thumb{width:88px;height:96px;border-radius:14px;overflow:hidden;background:#e8dfd2;border:1px solid rgba(23,19,17,.08)}
.bb-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bb-cart-info{min-width:0;display:flex;flex-direction:column}
.bb-cart-row-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
.bb-cart-name{font-family:"Xanh Mono","Courier New",monospace;font-size:18px;line-height:1.12;font-weight:600;letter-spacing:-.02em}
.bb-cart-price{font-family:"Xanh Mono","Courier New",monospace;font-size:12px;font-weight:700;white-space:nowrap}
.bb-cart-variant{margin-top:5px;color:#756b62;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.bb-cart-row-bottom{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bb-cart-qty{display:grid;grid-template-columns:29px 34px 29px;align-items:center;border:1px solid rgba(23,19,17,.2);border-radius:999px;background:#fbf8f3;overflow:hidden}
.bb-cart-qty button{height:29px;border:0;background:transparent;cursor:pointer;font-size:16px;display:grid;place-items:center;transition:background .15s ease}
.bb-cart-qty button:hover{background:#eee5d9}
.bb-cart-qty span{text-align:center;font-size:11px;font-weight:700}
.bb-cart-remove{border:0;background:transparent;padding:3px 0;color:#7c7066;font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bb-cart-empty{min-height:100%;display:grid;place-items:center;text-align:center;padding:52px 18px}
.bb-cart-empty-art{width:130px;height:130px;margin:0 auto 24px;border-radius:50%;background:#dedaa7;position:relative;overflow:hidden;border:1px solid rgba(23,19,17,.08)}
.bb-cart-empty-art img{width:100%;height:100%;object-fit:contain;padding:20px;filter:saturate(.82)}
.bb-cart-empty h3{margin:0;font-family:var(--bb-heading-font)!important;font-weight:400;font-size:30px;letter-spacing:-.03em}
.bb-cart-empty p{margin:9px auto 0;max-width:280px;color:#736b63;font-size:12px;line-height:1.6}
.bb-cart-empty a{display:inline-flex;margin-top:20px;border-bottom:1px solid currentColor;padding-bottom:3px;font-family:"Xanh Mono","Courier New",monospace;font-size:11px;font-weight:700}
.bb-cart-foot{padding:22px 30px 28px;background:#efe6da;border-top:1px solid rgba(23,19,17,.13)}
.bb-cart-shipping{display:flex;gap:10px;align-items:flex-start;margin-bottom:17px;font-size:10px;line-height:1.5;color:#62594f}
.bb-cart-shipping-dot{width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--bb-olive);box-shadow:0 0 0 4px rgba(80,88,67,.10);flex:0 0 auto}
.bb-cart-total{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid rgba(23,19,17,.14)}
.bb-cart-total span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#6c6259}
.bb-cart-total strong{font-family:var(--bb-heading-font)!important;font-size:30px;font-weight:400;line-height:1}
.bb-cart-checkout{width:100%;margin-top:17px;min-height:52px;border:1px solid #1e1a17;border-radius:999px;background:#1d1916;color:#fff8ed;font-family:"Xanh Mono","Courier New",monospace;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:4px 4px 0 #d6ad5b;transition:transform .18s ease,box-shadow .18s ease}
.bb-cart-checkout:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #d6ad5b}
.bb-cart-checkout:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.bb-cart-micro{margin:13px 0 0;text-align:center;color:#82776d;font-size:9px;line-height:1.5}
.bb-cart-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--bb-wine);color:#fff;font-size:9px;font-weight:800;line-height:1}
@media(max-width:560px){
  .bb-cart-head{padding:24px 20px 20px}.bb-cart-items{padding:8px 20px 20px}.bb-cart-foot{padding:20px}.bb-cart-row{grid-template-columns:78px minmax(0,1fr)}.bb-cart-thumb{width:78px;height:88px}.bb-cart-head h2{font-size:34px}
}


/* v86 — Graza-inspired supporting typography.
   Main display/title faces stay unchanged; supporting copy moves to Xanh Mono. */
:root{--bb-support-font:"Xanh Mono","Courier New",monospace}

body,
button,
input,
textarea,
select,
.subnav-links,
.subnav-cart,
.eyebrow,
.pill-link,
.page-footer h4,
.page-footer a,
.page-footer p,
.page-legal,
figcaption,
small,
label{
  font-family:var(--bb-support-font);
}

/* Body/supporting copy across editorial, product, FAQ, contact and cart surfaces. */
p,
.bb-cart-kicker,
.bb-cart-price,
.bb-cart-empty a,
.bb-cart-checkout,
.catalog-hero p,
.catalog-head p,
.catalog-price,
.catalog-meta,
.catalog-desc,
.catalog-actions a,
.catalog-actions button,
.faq-page-hero p,
.faq-question,
.faq-answer-index,
.faq-answer-panel p,
.faq-answer-bottom span,
.faq-answer-bottom a,
.besni77-statement-copy p,
.besni77-field-copy p,
.besni77-grape-copy p,
.besni77-harvest-copy p,
.besni77-shire-lead,
.besni77-shire-copy p,
.besni77-inline-link,
.contact67-about-copy p,
.contact67-section-head p,
.contact67-card-content p,
.contact67-form-head p,
.contact67-form-bottom span,
.faq78-hero p,
.faq78-intro p,
.faq78-category-nav a,
.faq78-question,
.faq78-answer,
.faq78-inline-link,
.faq78-contact a{
  font-family:var(--bb-support-font);
}

/* Keep the site's main display/editorial title faces untouched. */
.display,
.page-footer-logo,
.bb-cart-head h2,
.bb-cart-name,
.bb-cart-empty h3,
.bb-cart-total strong,
.catalog-name,
.faq-answer-panel h2{
  font-family:inherit;
}
.display{font-family:var(--bb-heading-font)!important;
  src:
    local("Fairplex Wide Bold"),
    local("Fairplex Wide"),
    local("Fairplex Bold"),
    local("Fairplex");
  font-style:normal;
  font-weight:600 900;
  font-display:swap;
}
:root{
  --bb-heading-font:"Fairplex Wide","Fairplex","Zilla Slab",Georgia,serif;
}

/* Main editorial/product headings */
h1,
h2,
h3,
.display,
.catalog-name,
.bb-cart-head h2,
.bb-cart-empty h3,
.bb-cart-total strong,
.reviews-intro h2,
.review-score,
.review-card h3,
.review-form-head h3,
.related-head h2,
.related-copy h3{
  font-family:var(--bb-heading-font)!important;
  font-weight:700!important;
  letter-spacing:-.028em;
}

/* Wide-bold faces need a little calmer tracking/leading on large headlines. */
h1,.display{
  line-height:.96;
}
h2,h3{
  line-height:1.02;
}

/* Keep supporting text in Xanh Mono, and preserve the brand/logo treatments. */
.eyebrow,
.subnav-links,
.subnav-cart,
button,
input,
textarea,
label,
small,
figcaption,
.page-footer h4,
.page-footer a,
.page-footer p,
.page-legal{
  font-family:var(--bb-support-font)!important;
}
.page-footer-logo{
  font-family:"Bree Serif",Georgia,serif!important;
}

/* Mobile safety for wider display serif headings. */
@media(max-width:680px){
  h1,h2,h3,.display{
    overflow-wrap:anywhere;
    text-wrap:balance;
  }
}

/* v88 — page-specific heading overrides */
.besni77-big-copy,
.besni77-wide-caption p,
.besni77-quote p,
.besni77-grape-copy h2,
.besni77-harvest-heading h2,
.besni77-shire h2,
.besni77-closing p,
.besni77-field-title h2,
.besni77-intro h1,
.faq78-hero h1,
.faq78-nav-head > span,
.faq78-group-head h2,
.faq78-contact p,
.faq78-band::after,
.catalog-hero h1,
.catalog-head h2,
.story-block h3{
  font-family:var(--bb-heading-font)!important;
  font-weight:700!important;
}