/* ══ Fond Bake House ══════════════════════════════════════════════════
   Palette lifted from the brand kit: cocoa, sky, butter, bone.        */
:root{
  --cocoa:#482424;
  --cocoa-deep:#301616;
  --cocoa-soft:#5E3533;
  --sky:#C6DEF0;
  --sky-deep:#9CC3E4;
  --butter:#FCF6C0;
  --butter-deep:#F2E79C;
  --bone:#F0EAEA;
  --white:#FFFDF7;

  --ink:var(--cocoa);
  --r-sm:8px; --r-md:16px; --r-lg:28px;

  --display:"Poppins","Trebuchet MS",system-ui,sans-serif;
  --body:"Poppins","Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important;}}
body{margin:0;background:var(--cocoa);color:var(--ink);
  font-family:var(--body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:var(--r-sm);}

.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto;}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin:0;}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.01em;
  text-wrap:balance;margin:0;line-height:1.05;}
h2{font-size:clamp(26px,3.6vw,40px);text-transform:uppercase;letter-spacing:.005em;}

/* ── header ─────────────────────────────────────────────────────── */
.hdr{position:sticky;top:0;z-index:80;background:var(--cocoa);
  border-bottom:1px solid var(--cocoa-soft);}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;}
.hdr img{width:132px;}
.nav{display:flex;gap:22px;align-items:center;}
.nav a{color:var(--sky);text-decoration:none;font-size:13px;font-weight:500;
  letter-spacing:.09em;text-transform:uppercase;}
.nav a:hover{color:var(--butter);}
.nav .btn-sm{background:var(--butter);color:var(--cocoa);padding:9px 16px;border-radius:99px;font-weight:700;}
.nav .btn-sm:hover{background:var(--sky);color:var(--cocoa);}
@media (max-width:640px){
  .nav{gap:14px;}
  .nav a:not(.btn-sm):not(.nav-cart){display:none;}
  .nav .btn-sm{padding:8px 13px;font-size:12px;}
}

/* ── hero ───────────────────────────────────────────────────────── */
.hero{background:var(--cocoa);padding:clamp(34px,6vw,70px) 0 clamp(40px,7vw,84px);position:relative;overflow:hidden;}
.hero-in{display:grid;gap:clamp(26px,4vw,52px);grid-template-columns:1fr;align-items:center;}
@media (min-width:900px){ .hero-in{grid-template-columns:1.05fr .95fr;} }
.hero-script{width:min(400px,78%);}
.hero-lead{color:var(--sky);font-size:clamp(15px,1.9vw,18px);max-width:44ch;margin:22px 0 0;}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px;}
.btn{display:inline-block;border:0;cursor:pointer;text-decoration:none;
  font-family:var(--display);font-weight:700;font-size:15px;padding:14px 26px;border-radius:99px;
  background:var(--butter);color:var(--cocoa);transition:transform .14s,background .16s;}
.btn:hover{background:var(--sky);}
.btn:active{transform:translateY(1px);}
.btn-ghost{background:transparent;color:var(--sky);border:2px solid var(--sky);}
.btn-ghost:hover{background:var(--sky);color:var(--cocoa);}

.hero-art{position:relative;display:grid;place-items:center;min-height:280px;}
@media (max-width:899px){ .hero-art{min-height:240px;margin-top:6px;} }
.hero-art .c1{width:min(320px,62%);transform:rotate(-7deg);}
.hero-art .c2{width:min(230px,45%);position:absolute;right:2%;bottom:0;transform:rotate(9deg);}
.hero-stamp{position:absolute;left:0;top:4%;width:min(150px,30%);transform:rotate(-13deg);}

/* ── ticker ─────────────────────────────────────────────────────── */
.ticker{background:var(--sky);color:var(--cocoa);padding:11px 0;overflow:hidden;
  border-block:2px solid var(--cocoa);}
.ticker-in{display:flex;gap:34px;white-space:nowrap;animation:slide 26s linear infinite;
  font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;}
@keyframes slide{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.ticker-in{animation:none;justify-content:center;flex-wrap:wrap;white-space:normal;}}

/* ── generic light section ──────────────────────────────────────── */
.sec{padding:clamp(44px,6.5vw,84px) 0;}
.sec-butter{background:var(--butter);}
.sec-bone{background:var(--bone);}
.sec-head{margin-bottom:clamp(24px,3.5vw,38px);}
.sec-head .eyebrow{color:var(--cocoa-soft);margin-bottom:8px;}
.sec-head p{margin:12px 0 0;max-width:56ch;color:var(--cocoa-soft);}

/* ── menu ───────────────────────────────────────────────────────── */
.menu{display:grid;gap:clamp(20px,3vw,34px);grid-template-columns:1fr;list-style:none;padding:0;margin:0;}
@media (min-width:700px){ .menu{grid-template-columns:repeat(2,1fr);} }
.menu li{text-align:center;background:var(--white);border:2px solid var(--cocoa);
  border-radius:var(--r-lg);padding:clamp(22px,3vw,34px);}
.menu img{width:min(230px,72%);margin:0 auto 18px;}
.menu h3{font-size:20px;text-transform:uppercase;letter-spacing:.02em;}
.menu p{margin:10px auto 0;max-width:34ch;color:var(--cocoa-soft);font-size:14.5px;}
.menu .price{display:inline-block;margin-top:14px;font-family:var(--display);font-weight:700;
  background:var(--butter);border:2px solid var(--cocoa);border-radius:99px;padding:5px 16px;font-size:14px;}

/* ── how ────────────────────────────────────────────────────────── */
.steps{display:grid;gap:18px;grid-template-columns:1fr;list-style:none;padding:0;margin:0;counter-reset:s;}
@media (min-width:760px){ .steps{grid-template-columns:repeat(3,1fr);} }
.steps li{counter-increment:s;background:var(--cocoa);color:var(--sky);
  border-radius:var(--r-md);padding:24px;}
.steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;
  border-radius:50%;background:var(--butter);color:var(--cocoa);
  font-family:var(--display);font-weight:800;font-size:15px;margin-bottom:14px;}
.steps h3{font-size:16px;text-transform:uppercase;color:var(--butter);margin-bottom:6px;}
.steps p{margin:0;font-size:14px;}

/* ── footer ─────────────────────────────────────────────────────── */
.ftr{background:var(--cocoa);color:var(--sky);padding:clamp(40px,6vw,72px) 0 32px;}
.ftr-in{display:grid;gap:32px;grid-template-columns:1fr;align-items:start;}
@media (min-width:800px){ .ftr-in{grid-template-columns:1.2fr .8fr;} }
.ftr h2{color:var(--butter);margin-bottom:16px;}
.ftr a{color:var(--sky);}
.ftr dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14.5px;}
.ftr dt{font-weight:600;color:var(--butter);}
.ftr dd{margin:0;}
.ftr-mark{display:flex;gap:22px;align-items:center;justify-content:flex-start;flex-wrap:wrap;}
.ftr-mark img{width:112px;}
.ftr-note{margin-top:34px;padding-top:20px;border-top:1px solid var(--cocoa-soft);
  font-size:12.5px;opacity:.8;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}

/* ── WooCommerce pages (cart, checkout, shop, account) share the brand shell ── */
.wc-shell{background:var(--bone);padding:clamp(26px,5vw,56px) 0 clamp(44px,7vw,80px);min-height:52vh;}
.wc-shell .wrap{max-width:980px;}
.wc-shell .wc-title{font-size:clamp(24px,3.4vw,36px);text-transform:uppercase;margin-bottom:22px;}
.wc-shell a{color:var(--cocoa);}
.wc-shell p{font-size:15px;}
.wc-shell .woocommerce-notices-wrapper{margin-bottom:16px;}

/* buttons — block and classic */
.wc-shell .wc-block-components-button,
.wc-shell .wc-block-components-checkout-place-order-button,
.wc-shell .button,
.wc-shell .wp-element-button,
.wc-shell .wc-block-cart__submit-button,
.wc-shell button[type="submit"]{
  background:var(--cocoa)!important;color:var(--butter)!important;border:2px solid var(--cocoa)!important;
  border-radius:99px!important;font-family:var(--display)!important;font-weight:800!important;
  text-transform:uppercase;letter-spacing:.03em;box-shadow:none!important;
}
.wc-shell .wc-block-components-button:hover,.wc-shell .button:hover,.wc-shell .wp-element-button:hover{
  background:var(--cocoa-soft)!important;}
.wc-shell .wc-block-components-button.outlined,
.wc-shell .wc-block-cart__empty-cart__return-button{background:transparent!important;color:var(--cocoa)!important;}

/* cards, totals, inputs */
.wc-shell .wc-block-components-sidebar-layout .wc-block-components-sidebar,
.wc-shell .wc-block-cart__sidebar,.wc-shell .wc-block-checkout__sidebar{
  background:var(--white);border:2px solid var(--cocoa);border-radius:var(--r-lg);padding:20px;}
.wc-shell .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-shell .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
  font-family:var(--display);font-weight:800;}
.wc-shell .wc-block-components-product-name{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:14px;}
.wc-shell .wc-block-components-product-details__value{font-weight:500;}
.wc-shell input[type="text"],.wc-shell input[type="email"],.wc-shell input[type="tel"],
.wc-shell .wc-block-components-text-input input,.wc-shell select,.wc-shell textarea{
  border:1.5px solid var(--cocoa)!important;border-radius:12px!important;background:var(--white);}
.wc-shell .wc-block-components-radio-control__option,.wc-shell .wc-block-components-checkbox{color:var(--cocoa);}
.wc-shell .wc-block-components-radio-control__input:checked{border-color:var(--cocoa)!important;}
.wc-shell .wc-block-components-radio-control__input:checked::before{background:var(--cocoa)!important;}
.wc-shell .wc-block-components-checkout-step__title{font-family:var(--display);text-transform:uppercase;}

/* product grids (shop, "new in store", related) */
.wc-shell .wc-block-grid__product,.wc-shell ul.products li.product,
.wc-shell .wc-block-product,.wc-shell .wp-block-woocommerce-product-template li{
  background:var(--white);border:2px solid var(--cocoa);border-radius:var(--r-lg);padding:18px!important;text-align:center;}
.wc-shell .wc-block-grid__product-title,.wc-shell .woocommerce-loop-product__title,
.wc-shell .wp-block-post-title,.wc-shell .product_title{
  font-family:var(--display)!important;font-weight:800!important;text-transform:uppercase;font-size:16px!important;}
.wc-shell .price,.wc-shell .wc-block-grid__product-price,.wc-shell .wc-block-components-product-price{
  font-family:var(--display);font-weight:700;color:var(--cocoa);}
.wc-shell img{border-radius:12px;}
.wc-shell .onsale{background:var(--butter);color:var(--cocoa);}