@font-face { font-family:'Tajawal'; font-style:normal; font-weight:400; font-display:swap; src:url('./media/fonts/tajawal-400.ttf') format('truetype'); }
@font-face { font-family:'Tajawal'; font-style:normal; font-weight:500; font-display:swap; src:url('./media/fonts/tajawal-500.ttf') format('truetype'); }
@font-face { font-family:'Tajawal'; font-style:normal; font-weight:700; font-display:swap; src:url('./media/fonts/tajawal-700.ttf') format('truetype'); }
@font-face { font-family:'Tajawal'; font-style:normal; font-weight:800; font-display:swap; src:url('./media/fonts/tajawal-800.ttf') format('truetype'); }
:root {
  --tima-palette-d7aa57: #d7aa57;
  --tima-palette-f0d49a: #f0d49a;
  --tima-palette-f5e0b0: #f5e0b0;
  --tima-palette-fff8ea: #fff8ea;
  --tima-palette-7f2b39: #7f2b39;
  --tima-palette-5a1f2a: #5a1f2a;
  --tima-palette-171211: #171211;
  --tima-palette-2d2926: #2d2926;
  --tima-palette-9a948f: #9a948f;
  --tima-palette-f7f5f3: #f7f5f3;
  --tima-palette-fffdfa: #fffdfa;
  --tima-palette-shadow-11: rgba(0,0,0,.38);
  --tima-palette-shadow-12: rgba(0,0,0,.42);
  --tima-palette-shadow-13: rgba(0,0,0,.42);
  --tima-palette-e15b64: #e15b64;
  --tima-palette-shadow-15: rgba(86, 168, 196, .34);
  --tima-palette-shadow-16: rgba(215, 170, 87, .92);
  --tima-palette-shadow-17: rgba(190, 228, 238, .5);
  --tima-palette-shadow-18: rgba(42, 112, 138, .45);
  --tima-palette-14110f: #14110f;
  --tima-palette-1a2228: #1a2228;
  --tima-palette-000: #000;
  --tima-palette-8ec4d4: #8ec4d4;
  --tima-palette-100e0d: #100e0d;
  --tima-palette-333: #333;
  --tima-palette-fff: #fff;
  --tima-palette-shadow-26: rgba(255, 255, 255, 0.14);
  --tima-palette-shadow-27: rgba(255, 255, 255, 0.28);
  --tima-palette-1e1b19: #1e1b19;
  --tima-palette-0f0d0c: #0f0d0c;
  --tima-palette-ffb4aa: #ffb4aa;
  --tima-palette-shadow-31: rgba(0,0,0,.28);
  --tima-palette-shadow-32: rgba(23,18,17,.9);
  --tima-palette-shadow-33: rgba(23,18,17,.18);
  --tima-palette-shadow-34: rgba(23,18,17,.05);
  --tima-palette-shadow-35: rgba(0,0,0,.18);
  --tima-palette-shadow-36: rgba(12, 9, 8, .72);
  --tima-palette-shadow-37: rgba(0,0,0,.35);
  --tima-palette-shadow-38: rgba(23,18,17,.72);
  --tima-palette-shadow-39: rgba(127, 43, 57, .42);
  --tima-palette-b7b0a8: #b7b0a8;
  --tima-palette-1b7a45: #1b7a45;
  --tima-palette-faf5ee: #faf5ee;
  --tima-palette-40271e: #40271e;
  --tima-palette-8b1635: #8b1635;
  --tima-palette-70102a: #70102a;
  --tima-palette-947647: #947647;
  --tima-palette-85683d: #85683d;
  --tima-palette-786e63: #786e63;
  --tima-palette-fffaf3: #fffaf3;
  --tima-palette-f4eadf: #f4eadf;
  --tima-palette-e6ddd1: #e6ddd1;
  --tima-palette-a41d36: #a41d36;
  --tima-palette-shadow-53: rgba(64,39,30,.06);
  --tima-palette-shadow-54: rgba(64,39,30,.06);
  --tima-palette-f2e9de: #f2e9de;
}
/* ═══════════════════════════════════════════════════════════════
   Tima Kitchen – Storefront CSS v4 FINAL
   Fixes: overlap between cart toggle and checkout CTA
          Hero title: "Tima's Kitchen" / "أجود مصنعات اللحوم المصرية"
          Logo in header
   ═══════════════════════════════════════════════════════════════ */

/* ── Brand tokens ───────────────────────────────────────────── */
.tima-storefront,
.tima-checkout-shell,
.tima-success-shell {
  --tima-gold:      var(--tima-palette-d7aa57);
  --tima-gold-soft: var(--tima-palette-f0d49a);
  --tima-gold-light:var(--tima-palette-f5e0b0);
  --tima-cream:     var(--tima-palette-fff8ea);
  --tima-wine:      var(--tima-palette-7f2b39);
  --tima-wine-dark: var(--tima-palette-5a1f2a);
  --tima-ink:       var(--tima-palette-171211);
  --tima-charcoal:  var(--tima-palette-2d2926);
  --tima-gray:      var(--tima-palette-9a948f);
  --tima-light-gray:var(--tima-palette-f7f5f3);
}

/* ── CART TOGGLE & CHECKOUT CTA — FIXED OVERLAP ─────────────── */
/* Cart toggle at bottom-right */
.tima-storefront .wk-intent {
  position: fixed !important;
  inset-inline-end: clamp(1rem, 3vw, 1.5rem) !important;
  inset-block-end: clamp(1rem, 3vw, 1.5rem) !important;
  z-index: 100 !important;
}

/* Checkout CTA BELOW cart toggle (5.5rem from bottom) */
.tima-storefront .tima-checkout-cta {
  position: fixed !important;
  inset-block-end: 6.5rem !important;
  inset-inline-end: clamp(1rem, 3vw, 1.5rem) !important;
  z-index: 101 !important;
}

.tima-storefront .tima-checkout-cta .wk-button {
  min-block-size: 3.5rem !important;
  padding-inline: 1.2rem !important;
  border-radius: 999px !important;
  border: 2px solid var(--tima-gold) !important;
  background: var(--tima-wine) !important;
  color: var(--tima-ink) !important;
  font-weight: 800 !important;
}
.tima-storefront .tima-checkout-cta .wk-button:hover {
  box-shadow: 0 0.5rem 1.2rem color-mix(in srgb, var(--tima-wine) 30%, transparent) !important;
}

/* ── HEADER LOGO ────────────────────────────────────────────── */
.tima-storefront .wk-header__brand::after,
.tima-checkout-shell .wk-header__brand::after,
.tima-success-shell .wk-header__brand::after { content: none !important; }

/* Logo as text "TK" with gold circle */
.tima-storefront .wk-header__brand::before,
.tima-checkout-shell .wk-header__brand::before,
.tima-success-shell .wk-header__brand::before {
  content: "TK" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  inline-size: 2.5rem !important;
  block-size: 2.5rem !important;
  border-radius: 50% !important;
  background: var(--tima-gold) !important;
  color: var(--tima-ink) !important;
  font-weight: 900 !important;
  font-size: .9rem !important;
  letter-spacing: -.04em !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tima-gold-soft) 40%, transparent) !important;
  transition: transform 0.2s ease !important;
}

.tima-storefront .wk-header__brand:hover::before,
.tima-checkout-shell .wk-header__brand:hover::before,
.tima-success-shell .wk-header__brand:hover::before {
  transform: scale(1.08) !important;
}

/* ── REDUCE HEADER MARGINS ──────────────────────────────────── */
.tima-storefront .wk-header,
.tima-checkout-shell .wk-header,
.tima-success-shell .wk-header {
  margin: 0 !important;
  border-radius: 0 !important;
}

/* ── DEFAULT STYLES ─────────────────────────────────────────── */
.tima-storefront,
.tima-checkout-shell,
.tima-success-shell {
  font-family: 'Tajawal', 'Segoe UI', sans-serif;
  line-height: 1.65;
}

/* ── HEADER ─────────────────────────────────────────────────── */
.tima-storefront .wk-header,
.tima-checkout-shell .wk-header,
.tima-success-shell .wk-header {
  inline-size: 100%;
  background: var(--wk-surface, var(--tima-palette-fffdfa));
  box-shadow: 0 1px 0 color-mix(in srgb, var(--tima-gold) 18%, transparent);
  position: sticky;
  inset-block-start: 0;
  z-index: 200;
  backdrop-filter: none;
}

.tima-storefront .wk-header__inner,
.tima-checkout-shell .wk-header__inner,
.tima-success-shell .wk-header__inner {
  max-inline-size: 72rem;
  margin-inline: auto;
  min-block-size: 4.5rem;
  padding-inline: clamp(1rem, 4vw, 2.5rem);
  gap: 1.5rem;
  display: flex;
  align-items: center;
}

.tima-storefront .wk-header__brand,
.tima-checkout-shell .wk-header__brand,
.tima-success-shell .wk-header__brand {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  color: var(--tima-ink);
  text-decoration: none;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -.01em;
}

.tima-storefront .wk-header__nav,
.tima-checkout-shell .wk-header__nav,
.tima-success-shell .wk-header__nav { gap: .35rem; }
.tima-storefront .wk-header__nav:not(:has(a)) { display: none; }

.tima-storefront .wk-header__link,
.tima-checkout-shell .wk-header__link,
.tima-success-shell .wk-header__link {
  padding: .5rem .85rem;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--tima-gray);
  text-decoration: none;
  font-size: .8rem;
  font-weight: 600;
  transition: color .2s, background .2s, border-color .2s;
}
.tima-storefront .wk-header__link:hover,
.tima-storefront .wk-header__link[aria-current='page'] {
  border-color: var(--tima-gold);
  background: color-mix(in srgb, var(--tima-gold) 12%, transparent);
  color: var(--tima-ink);
}

.tima-storefront .wk-header__actions > .wk-button,
.tima-checkout-shell .wk-header__actions > .wk-button,
.tima-success-shell .wk-header__actions > .wk-button { display: none; }
.tima-storefront .wk-header__menu { display: none; }
.tima-storefront .wk-header__actions { margin-inline-start: auto; }
@media (max-width: 850px) {
  .tima-storefront .wk-header__inner { flex-wrap: wrap; row-gap: .4rem; min-block-size: 0; padding-block: .7rem; }
  .tima-storefront .wk-header__nav { display: flex; order: 3; flex: 1 0 100%; margin-inline: 0; overflow-x: auto; scrollbar-width: none; }
  .tima-storefront .wk-header__nav::-webkit-scrollbar { display: none; }
  .tima-storefront .wk-header__link { flex: 0 0 auto; white-space: nowrap; }
}
.tima-storefront .wk-controls__button,
.tima-checkout-shell .wk-controls__button,
.tima-success-shell .wk-controls__button {
  border: 1px solid color-mix(in srgb, var(--tima-gold) 45%, transparent);
  color: var(--tima-ink);
  background: transparent;
}
.tima-storefront .tima-header-tools { display: flex; align-items: center; gap: .4rem; }
.tima-storefront .tima-header-tools .wk-controls {
  position: relative; z-index: 2; display: flex; align-items: center; gap: .4rem;
  padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none;
}
.tima-storefront .tima-icon-button { position: relative; z-index: 2; display: grid; place-items: center; padding: 0; }
.tima-storefront .tima-cart-icon { display: block; }
.tima-storefront .tima-header-cart__count {
  position: absolute; inset-block-start: -.15rem; inset-inline-start: -.15rem;
  min-inline-size: 1.05rem; block-size: 1.05rem; padding-inline: .18rem;
  border-radius: 999px; background: var(--tima-gold); color: var(--tima-ink);
  font-size: .62rem; font-weight: 800; line-height: 1.05rem; text-align: center;
}
.tima-storefront .tima-header-search { position: relative; }
.tima-storefront .tima-search-toggle {
  border-radius: .7rem; border-color: transparent; background: var(--tima-gold); color: var(--tima-ink);
}
.tima-storefront .tima-search-toggle:hover,
.tima-storefront .tima-search-toggle:focus-visible { background: var(--tima-gold); color: var(--tima-ink); }
.tima-storefront .tima-header-search__backdrop {
  position: fixed; inset: 0; z-index: 1; border: 0; padding: 0; background: transparent; cursor: default;
}
.tima-storefront .tima-header-search[data-open='false'] .tima-header-search__panel { display: none; }
.tima-storefront .tima-header-search__panel {
  position: fixed; z-index: 230; inset-block-start: var(--tima-search-top, 5rem); inset-inline-end: clamp(.75rem, 3vw, 1.5rem);
  inline-size: min(28rem, calc(100vw - 1.5rem)); display: grid; gap: .45rem;
  animation: tima-search-in .22s ease;
}
.tima-storefront .tima-header-search__tab {
  display: flex; align-items: center; gap: .45rem; min-block-size: 2.85rem; padding-inline: .9rem .35rem;
  border: 1px solid var(--tima-gold); border-radius: 999px; background: var(--wk-surface, var(--tima-palette-fffdfa));
  box-shadow: 0 .9rem 2.2rem var(--tima-palette-shadow-11);
}
.tima-storefront .tima-header-search__lens { display: grid; place-items: center; color: var(--tima-gold); }
.tima-storefront .tima-header-search__input {
  flex: 1; min-inline-size: 0; min-block-size: 2.3rem; border: 0; outline: 0; background: transparent;
  color: var(--tima-ink); font: inherit; font-size: .92rem;
}
.tima-storefront .tima-header-search__input::placeholder { color: var(--tima-gray); }
.tima-storefront .tima-header-search__close {
  inline-size: 1.9rem; block-size: 1.9rem; border: 0; border-radius: 50%; display: grid; place-items: center;
  background: transparent; color: var(--tima-ink); font: inherit; font-size: 1.15rem; cursor: pointer;
}
.tima-storefront .tima-header-search__suggest {
  display: grid; gap: .55rem; max-block-size: min(60vh, 24rem); overflow: auto; padding: .75rem;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 42%, transparent); border-radius: 1rem;
  background: var(--wk-surface, var(--tima-palette-fffdfa)); color: var(--tima-ink); box-shadow: 0 1rem 2.4rem var(--tima-palette-shadow-12);
}
.tima-storefront .tima-header-search__label { margin: 0; color: var(--tima-gold); font-size: .78rem; font-weight: 800; }
.tima-storefront .tima-header-search__chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.tima-storefront .tima-header-search__chip {
  min-block-size: 2rem; padding-inline: .75rem; border-radius: 999px; cursor: pointer; font: inherit;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 45%, transparent); background: transparent; color: var(--tima-ink);
}
.tima-storefront .tima-header-search__hits { display: grid; gap: .15rem; }
.tima-storefront .tima-header-search__hit {
  display: flex; align-items: center; gap: .6rem; width: 100%; padding: .3rem; border: 0; border-radius: .7rem;
  background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer;
}
.tima-storefront .tima-header-search__hit:hover,
.tima-storefront .tima-header-search__chip:hover { background: color-mix(in srgb, var(--tima-gold) 12%, transparent); }
.tima-storefront .tima-header-search__hit img,
.tima-storefront .tima-header-search__ph { inline-size: 2.4rem; block-size: 2.4rem; border-radius: .45rem; object-fit: cover; background: var(--wk-surface, var(--tima-palette-fffdfa)); flex: 0 0 auto; }
.tima-storefront .tima-header-search__hit span { min-inline-size: 0; display: grid; }
.tima-storefront .tima-header-search__hit strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .86rem; }
.tima-storefront .tima-header-search__hit span span { color: var(--tima-gold); font-size: .78rem; font-weight: 800; }
.tima-storefront .tima-header-search__empty { margin: 0; color: var(--tima-gray); font-size: .86rem; }
@keyframes tima-search-in { from { opacity: 0; transform: translateY(-.4rem); } to { opacity: 1; transform: none; } }
.tima-storefront .tima-cart-tab__panel {
  position: fixed; z-index: 230; inset-block-start: 4.7rem; inset-inline-end: clamp(.75rem, 3vw, 1.5rem);
  inline-size: min(22rem, calc(100vw - 1.5rem)); max-block-size: min(70vh, 28rem); overflow: auto;
  padding: .9rem; border: 1px solid color-mix(in srgb, var(--tima-gold) 42%, transparent); border-radius: 1rem;
  background: var(--wk-surface, var(--tima-palette-fffdfa)); color: var(--tima-ink); box-shadow: 0 1rem 2.4rem var(--tima-palette-shadow-13);
}
.tima-storefront .tima-cart-tab__head,
.tima-storefront .tima-cart-tab__item { display: flex; align-items: center; justify-content: space-between; gap: .65rem; }
.tima-storefront .tima-cart-tab__head { margin-block-end: .75rem; }
.tima-storefront .tima-cart-tab__head strong { font-size: .95rem; }
.tima-storefront .tima-cart-tab__head button { border: 0; background: transparent; color: var(--tima-ink); font-size: 1.2rem; cursor: pointer; }
.tima-storefront .tima-cart-tab__items { display: grid; gap: .65rem; }
.tima-storefront .tima-cart-tab__item img,
.tima-storefront .tima-cart-tab__placeholder { inline-size: 3rem; block-size: 3rem; border-radius: .65rem; object-fit: cover; background: var(--wk-surface, var(--tima-palette-fffdfa)); }
.tima-storefront .tima-cart-tab__item > div { flex: 1; min-inline-size: 0; display: grid; gap: .15rem; }
.tima-storefront .tima-cart-tab__item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; }
.tima-storefront .tima-cart-tab__item span { color: var(--tima-gray); font-size: .74rem; }
.tima-storefront .tima-cart-tab__remove {
  inline-size: 1.8rem; block-size: 1.8rem; padding: 0; border: 0; border-radius: .45rem;
  display: grid; place-items: center; background: transparent; color: var(--tima-palette-e15b64); cursor: pointer;
}
.tima-storefront .tima-cart-tab__empty { margin: 0; color: var(--tima-gray); font-size: .86rem; }
.tima-storefront .tima-cart-tab__checkout {
  inline-size: 100%; min-block-size: 2.7rem; margin-block-start: .85rem; border: 0; border-radius: 999px;
  background: var(--tima-gold); color: var(--tima-ink); font: inherit; font-weight: 800; cursor: pointer;
}

/* ── HERO AND SEA ───────────────────────────────────────────── */
.tima-storefront .wk-search-hero {
  max-inline-size: none;
  min-block-size: 0;
  margin: 0;
  padding: .85rem clamp(.75rem, 3vw, 2rem) 2.8rem;
  border-radius: 0;
  display: grid;
  align-content: center;
  --wk-canvas-primary: var(--tima-palette-shadow-15);
  --wk-canvas-accent: var(--tima-palette-shadow-16);
  --wk-canvas-ink: var(--tima-palette-shadow-17);
  background:
    radial-gradient(ellipse at 50% 100%, var(--tima-palette-shadow-18), transparent 58%),
    linear-gradient(180deg, var(--tima-palette-14110f) 0%, var(--tima-palette-1a2228) 100%);
}
.tima-storefront .wk-search-hero__canvas {
  z-index: 1; opacity: .95; mix-blend-mode: screen; pointer-events: none;
  mask-image: linear-gradient(to top, var(--tima-palette-000) 0 34%, transparent 70%);
}
.tima-storefront .wk-search-hero::after { content: none; }
.tima-storefront .wk-search-hero__mosaic {
  position: relative; inset: auto; z-index: 2; inline-size: min(100%, 72rem); block-size: auto;
  margin-inline: auto; transform: none; opacity: 1; filter: none; pointer-events: none;
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .5rem;
}
.tima-storefront .wk-search-hero__tile,
.tima-storefront .wk-search-hero__tile:nth-child(2),
.tima-storefront .wk-search-hero__tile:nth-child(5) {
  transform: none; aspect-ratio: 1 / 1.02; min-block-size: 0; border-radius: .95rem; opacity: 1;
}
.tima-storefront .tima-sea { margin-block-start: -2.35rem; line-height: 0; pointer-events: none; position: relative; z-index: 3; }
.tima-storefront .tima-sea__svg { display: block; inline-size: 100%; block-size: clamp(3.6rem, 7vw, 6.2rem); }
.tima-storefront .tima-sea__back { fill: color-mix(in srgb, var(--tima-palette-8ec4d4) 62%, var(--tima-gold)); }
.tima-storefront .tima-sea__front { fill: var(--wk-bg, var(--tima-palette-100e0d)); }
.tima-storefront .wk-rail { padding-block-start: .15rem; }

/* ── PRODUCT GRID ───────────────────────────────────────────── */
.tima-storefront .wk-rail,
.tima-storefront .wk-filter,
.tima-storefront .wk-section-heading { max-inline-size: 72rem; margin-inline: auto; }
.tima-storefront .wk-rail { padding-block: 1rem 2rem; }
.tima-storefront .wk-filter { margin-block-end: 1.5rem; }
.tima-storefront .wk-filter,
.tima-storefront .wk-rail__track { border-color: color-mix(in srgb, var(--tima-gold) 16%, var(--wk-outline, var(--tima-palette-333))); }

.tima-storefront .wk-product-grid {
  max-inline-size: 72rem;
  margin-inline: auto;
  gap: .65rem;
}
.tima-storefront .wk-product {
  border-color: color-mix(in srgb, var(--tima-gold) 14%, var(--wk-outline, var(--tima-palette-333)));
  border-radius: 1.1rem;
  transition: transform .25s ease, box-shadow .25s ease;
}
.tima-storefront .wk-product:hover {
  transform: translateY(-3px);
  box-shadow: 0 .6rem 1.8rem color-mix(in srgb, var(--tima-ink) 18%, transparent);
}
.tima-storefront .wk-product__body {
  padding: .55rem .65rem .3rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.tima-storefront .wk-product__meta { margin-block-start: auto; }
.tima-storefront .wk-product > .wk-cart-ctl { flex: none; }
.tima-storefront .wk-product__title { font-size: .82rem; font-weight: 700; }

.tima-storefront .wk-product__save {
  position: static;
  inline-size: calc(100% - 2 * var(--wk-space-4, 1rem));
  block-size: 2.9rem;
  margin: 0 var(--wk-space-4, 1rem) var(--wk-space-4, 1rem);
  border: 0;
  border-radius: var(--wk-radius-md, .6rem);
  background: var(--tima-wine);
  color: var(--tima-ink);
  box-shadow: 0 .5rem 1.4rem color-mix(in srgb, var(--tima-wine) 22%, transparent);
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}
.tima-storefront .wk-product__save > span { display: none; }
.tima-storefront .wk-product__save::after { content: 'أضف للسلة'; }
.tima-storefront[lang='en'] .wk-product__save::after { content: 'Add to cart'; }
.tima-storefront .wk-product.tima-add-bump .wk-product__save::after { content: 'تمت الإضافة'; }
.tima-storefront[lang='en'] .wk-product.tima-add-bump .wk-product__save::after { content: 'Added'; }
.tima-storefront .wk-product__save:hover { transform: translateY(-2px); box-shadow: 0 .8rem 2rem color-mix(in srgb, var(--tima-wine) 32%, transparent); }
.tima-storefront .wk-product__save:active { transform: scale(.97); }
.tima-storefront .wk-product__save:focus-visible { outline: 3px solid var(--tima-gold); outline-offset: 2px; }
.tima-storefront .wk-cart-ctl {
  inline-size: 100%;
  min-block-size: 40px;
  margin: .45rem 0 0;
  border: 0;
  border-radius: 10px;
  background: var(--tima-wine);
  color: var(--tima-palette-fff);
  box-shadow: 0 .5rem 1.4rem color-mix(in srgb, var(--tima-wine) 22%, transparent);
  font: inherit;
  transition: transform 150ms ease, background-color 150ms ease, opacity 150ms ease;
}
.tima-storefront .wk-cart-ctl--add {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: 0 .75rem;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  color: var(--tima-palette-fff);
}
.tima-storefront .wk-cart-ctl--add:active { transform: scale(0.97); }
.tima-storefront .wk-cart-ctl__icon { inline-size: 1.05rem; block-size: 1.05rem; flex: none; }
.tima-storefront .wk-cart-ctl--qty {
  display: grid;
  grid-template-columns: minmax(44px, 2.75rem) minmax(0, 1fr) minmax(44px, 2.75rem);
  align-items: stretch;
  overflow: hidden;
}
.tima-storefront .wk-cart-ctl__step {
  min-inline-size: 44px;
  border: 0;
  background: var(--tima-palette-shadow-26);
  color: var(--tima-palette-fff);
  font: inherit;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: background 150ms ease, transform 150ms ease;
}
.tima-storefront .wk-cart-ctl__step:hover,
.tima-storefront .wk-cart-ctl__step:focus-visible { background: var(--tima-palette-shadow-27); }
.tima-storefront .wk-cart-ctl__step:active { transform: scale(0.97); }
.tima-storefront .wk-cart-ctl__count,
.tima-storefront .wk-cart-ctl__text {
  display: grid;
  place-items: center;
  min-inline-size: 0;
  font-size: .78rem;
  font-weight: 800;
  text-align: center;
  color: var(--tima-palette-fff);
}
.tima-storefront .wk-cart-ctl:focus-visible,
.tima-storefront .wk-cart-ctl__step:focus-visible {
  outline: 3px solid var(--tima-gold);
  outline-offset: -3px;
}
.tima-product-modal .wk-cart-ctl { margin-block-start: .35rem; }
.tima-storefront .wk-product.tima-add-bump { animation: tima-add-bump 600ms cubic-bezier(.2,.8,.2,1); }
@media (prefers-reduced-motion: reduce) {
  .tima-storefront .wk-cart-ctl,
  .tima-storefront .wk-cart-ctl__step { transition: none; }
  .tima-storefront .wk-cart-ctl--add:active,
  .tima-storefront .wk-cart-ctl__step:active { transform: none; }
}

@keyframes tima-add-bump {
  0%   { transform: translateY(0) scale(1); }
  40%  { transform: translateY(-5px) scale(1.02); box-shadow: 0 1rem 2.4rem color-mix(in srgb, var(--tima-gold) 24%, transparent); }
  100% { transform: translateY(0) scale(1); }
}

/* ── CART TOGGLE & PANEL ────────────────────────────────────── */
.tima-storefront .wk-intent { position: fixed; z-index: 100; }

.tima-storefront .wk-intent__toggle {
  min-block-size: 3.4rem;
  padding-inline: 1rem;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 44%, transparent);
  background: linear-gradient(135deg, var(--tima-gold-soft), var(--tima-gold));
  color: var(--tima-ink);
  box-shadow: 0 .6rem 1.8rem color-mix(in srgb, var(--tima-gold) 20%, transparent);
  font-weight: 900;
  font-size: .88rem;
}
.tima-storefront .wk-intent__toggle strong {
  background: var(--tima-wine);
  color: var(--tima-ink);
}

.tima-storefront .wk-intent__panel {
  position: absolute;
  inline-size: min(26rem, calc(100vw - 2rem));
  max-block-size: min(65vh, 30rem);
  padding: 1.15rem;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 30%, var(--wk-outline, var(--tima-palette-333)));
  border-radius: 1.3rem;
  background: color-mix(in srgb, var(--wk-surface, var(--tima-palette-1e1b19)) 96%, var(--tima-wine));
  box-shadow: 0 1rem 3rem color-mix(in srgb, var(--tima-ink) 36%, transparent);
  backdrop-filter: blur(1.2rem) saturate(1.2);
}
.tima-storefront .wk-intent__head {
  padding-block-end: .8rem;
  border-block-end: 1px solid color-mix(in srgb, var(--tima-gold) 18%, var(--wk-outline, var(--tima-palette-333)));
}
.tima-storefront .wk-intent__head h2 { color: var(--tima-ink); font-size: 1.05rem; }
.tima-storefront .wk-intent__head button {
  inline-size: 2rem; block-size: 2rem; border-radius: 50%;
  background: color-mix(in srgb, var(--tima-cream) 8%, transparent);
  color: var(--tima-ink);
}
.tima-storefront .wk-intent__items { gap: .65rem; margin-block: .8rem; }
.tima-storefront .wk-intent__item {
  padding: .55rem;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 12%, var(--wk-outline, var(--tima-palette-333)));
  border-radius: .85rem;
  background: color-mix(in srgb, var(--wk-bg, var(--tima-palette-0f0d0c)) 32%, transparent);
}
.tima-storefront .wk-intent__item img { inline-size: 3.4rem; block-size: 4.2rem; border-radius: .6rem; }
.tima-storefront .wk-intent__item strong { color: var(--tima-ink); font-size: .78rem; }
.tima-storefront .wk-intent__item button {
  inline-size: 1.8rem; block-size: 1.8rem; border-radius: 50%;
  background: color-mix(in srgb, var(--tima-wine) 48%, transparent);
  color: var(--tima-ink);
}
.tima-storefront .wk-intent__hint {
  margin: 0;
  padding-block-start: .7rem;
  border-block-start: 1px solid color-mix(in srgb, var(--tima-gold) 14%, var(--wk-outline, var(--tima-palette-333)));
  line-height: 1.55;
}

/* ── CHECKOUT FORM ──────────────────────────────────────────── */
.tima-checkout { max-inline-size: 72rem; margin-inline: auto; padding: 1rem clamp(.75rem, 3vw, 1.5rem) 1.5rem; }
.tima-success { max-inline-size: 46rem; margin-inline: auto; padding: clamp(1.2rem, 4vw, 2.4rem) clamp(1rem, 4vw, 2rem) 3rem; }
.tima-success .tima-timeline { margin-block: .35rem 1.15rem; }
/* ── SUCCESS SCREEN WHATSAPP CARD ──────────────────────────── */
.tima-success__wa-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: .75rem;
  margin-block: 1rem 1.5rem;
  padding: clamp(1.2rem, 3vw, 1.8rem);
  background: color-mix(in srgb, #25D366 9%, var(--wk-surface, #ffffff));
  border: 1.5px solid color-mix(in srgb, #25D366 40%, var(--wk-outline, #d1d5db));
  border-radius: 1rem;
  box-shadow: 0 4px 18px rgba(37, 211, 102, 0.12);
}
.tima-success__wa-icon-wrap {
  display: grid;
  place-items: center;
  inline-size: 3.5rem;
  block-size: 3.5rem;
  border-radius: 999px;
  background: #25D366;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
}
.tima-success__wa-heading {
  margin: 0;
  font-size: clamp(1.15rem, 2.5vw, 1.35rem);
  font-weight: 700;
  color: var(--tima-ink, #1f2937);
}
.tima-success__wa-note {
  margin: 0;
  font-size: .95rem;
  line-height: 1.5;
  color: color-mix(in srgb, var(--tima-ink, #1f2937) 75%, transparent);
  max-inline-size: 38ch;
}
.tima-success__wa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-block-size: 3.1rem;
  padding: .75rem 2rem;
  font-size: 1.05rem;
  font-weight: 700;
  border-radius: 999px;
  background: #25D366 !important;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.38);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.tima-success__wa-btn:hover,
.tima-success__wa-btn:focus-visible {
  background: #20ba5a !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.48);
  outline: none;
}
.tima-success__actions {
  display: flex;
  justify-content: center;
  margin-block-start: 1rem;
}
.tima-success__tracking-btn {
  text-decoration: none;
}
.tima-success__pending {
  text-align: center;
  font-size: .95rem;
  color: color-mix(in srgb, var(--tima-ink, #1f2937) 70%, transparent);
  margin-block: .75rem 0;
}
.tima-checkout > .wk-section-heading { max-inline-size: none; margin-block-end: .75rem; gap: .2rem; }
.tima-checkout .wk-section-heading__title { max-inline-size: 18ch; font-size: clamp(1.4rem, 2.5vw, 1.8rem); }

.tima-checkout,
.tima-checkout * { box-sizing: border-box; }
.tima-checkout-shell .tima-checkout-tools { display: flex; align-items: center; gap: .45rem; }
.tima-checkout-close {
  inline-size: 1.75rem; block-size: 1.75rem; padding: 0;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 45%, transparent);
  border-radius: 999px; display: grid; place-items: center;
  background: transparent; color: var(--tima-ink); cursor: pointer; flex: none;
}
.tima-checkout-close:hover,
.tima-checkout-close:focus-visible {
  border-color: var(--tima-gold);
  background: color-mix(in srgb, var(--tima-gold) 14%, transparent);
  outline: none;
}
.tima-checkout__form {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}
.tima-checkout__fields,
.tima-checkout__summary,
.tima-checkout__cart {
  border: 1px solid color-mix(in srgb, var(--tima-gold) 20%, var(--wk-outline, var(--tima-palette-333)));
  border-radius: 1.2rem;
  background: color-mix(in srgb, var(--wk-surface, var(--tima-palette-1e1b19)) 96%, var(--tima-wine));
  box-shadow: 0 .6rem 2rem color-mix(in srgb, var(--tima-ink) 12%, transparent);
}
.tima-checkout__fields {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .6rem .75rem; padding: 1rem; min-inline-size: 0; align-content: start;
}
.tima-checkout__fields > label,
.tima-checkout__fields > .tima-field--wide,
.tima-checkout__fields > fieldset { min-inline-size: 0; }
.tima-checkout__fields > label { display: grid; gap: .2rem; align-content: start; }
.tima-checkout__fields > .tima-field--wide,
.tima-checkout__fields > fieldset { grid-column: 1 / -1; }
.tima-checkout__fields label > span,
.tima-checkout__fields legend { color: var(--tima-ink); font-size: .82rem; font-weight: 700; }
.tima-checkout__fields input,
.tima-checkout__fields textarea,
.tima-checkout__fields select {
  box-sizing: border-box; min-block-size: 2.75rem; inline-size: 100%; max-inline-size: 100%; padding: .4rem .65rem;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 22%, var(--wk-outline, var(--tima-palette-333)));
  border-radius: .7rem; outline: 0;
  background: color-mix(in srgb, var(--wk-bg, var(--tima-palette-0f0d0c)) 55%, transparent);
  color: var(--wk-text, var(--tima-cream)); font: inherit;
  transition: border-color .2s, box-shadow .2s;
}
.tima-checkout__fields textarea { min-block-size: 3.5rem; resize: vertical; }
.tima-checkout__fields small { font-size: .75rem; line-height: 1.4; }
.tima-checkout__fields input:focus,
.tima-checkout__fields textarea:focus,
.tima-checkout__fields select:focus {
  border-color: var(--tima-gold);
  box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--tima-gold) 14%, transparent);
}
.tima-checkout-notes { display: grid; gap: .25rem; margin-block: .15rem; }
.tima-checkout-notes .tima-notes-opt { color: var(--tima-gold-soft); font-size: .74rem; font-weight: 500; margin-inline-start: .35rem; }
.tima-checkout-notes textarea { min-block-size: 3.6rem; max-block-size: 8rem; line-height: 1.5; padding: .5rem .75rem; font-size: .88rem; }
.tima-checkout-notes .tima-notes-hint { color: var(--tima-gray); font-size: .73rem; line-height: 1.35; }
.tima-checkout__fields fieldset { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4rem; padding: 0; border: 0; min-inline-size: 0; }

.tima-payment-option {
  min-inline-size: 0; min-block-size: 0; padding: .35rem .4rem;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 18%, var(--wk-outline, var(--tima-palette-333)));
  border-radius: .65rem; display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: .28rem;
  background: color-mix(in srgb, var(--wk-bg, var(--tima-palette-0f0d0c)) 38%, transparent);
  color: var(--tima-gray); font-size: .68rem; line-height: 1.15; cursor: pointer;
}
.tima-payment-option input {
  inline-size: .8rem; block-size: .8rem; min-block-size: 0; max-inline-size: .8rem;
  margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none;
  accent-color: var(--tima-gold);
}
.tima-payment-option input:focus { border: 0; box-shadow: none; }
.tima-pay-icon { display: block; inline-size: 1.35rem; block-size: 1.35rem; }
.tima-payment-option__copy { display: grid; min-inline-size: 0; }
.tima-payment-option__copy strong { font-size: .68rem; font-weight: 800; }
.tima-payment-option__copy small { font-size: .6rem; color: var(--tima-gold-soft); }
.tima-payment-option:has(input:checked) {
  border-color: var(--tima-gold);
  background: color-mix(in srgb, var(--tima-gold) 10%, transparent);
  color: var(--tima-ink);
}

.tima-checkout__summary {
  position: static; min-inline-size: 0;
  display: flex; flex-direction: column; align-self: start; gap: .6rem; padding: 1rem;
}
.tima-checkout__summary-head { display: flex; align-items: center; justify-content: space-between; gap: .6rem; }
.tima-checkout__summary h2 { margin: 0; color: var(--tima-ink); font-size: 1.05rem; }
.tima-checkout__summary p { margin: 0; color: var(--tima-gray); line-height: 1.5; }
.tima-checkout__total {
  padding-block-start: .7rem;
  border-block-start: 1px solid color-mix(in srgb, var(--tima-gold) 20%, var(--wk-outline, var(--tima-palette-333)));
  color: var(--tima-ink); font-size: 1.15rem; font-weight: 900;
}
.tima-checkout__lines { display: grid; gap: .45rem; max-block-size: 18rem; overflow: auto; }
.tima-checkout__empty { margin: 0; }
.tima-checkout__summary .wk-button {
  inline-size: 100%; min-block-size: 2.75rem; margin-block-start: .15rem; padding-block: .6rem; font-size: .9rem;
  border-radius: .85rem;
  background: var(--tima-wine);
  color: var(--tima-ink); font-weight: 800;
}
.tima-checkout__summary [role='alert'] { color: var(--tima-palette-ffb4aa); font-weight: 700; }

.tima-checkout__item {
  display: grid;
  grid-template-columns: 2.7rem minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .7rem; min-inline-size: 0;
  padding: .45rem 0;
  border-block-start: 1px solid color-mix(in srgb, var(--tima-gold) 13%, var(--wk-outline, var(--tima-palette-333)));
  color: var(--tima-ink);
}
.tima-checkout__thumb { inline-size: 2.7rem; block-size: 2.7rem; border-radius: .55rem; object-fit: cover; background: var(--wk-surface, var(--tima-palette-fffdfa)); }
.tima-checkout__thumb--empty { display: block; }
.tima-checkout__item-copy { display: grid; gap: .12rem; min-inline-size: 0; }
.tima-checkout__item-copy strong { display: block; font-size: .84rem; line-height: 1.35; overflow-wrap: anywhere; }
.tima-checkout__item-copy span { color: var(--tima-gold-soft); font-size: .75rem; font-weight: 800; }
.tima-checkout__qty { display: inline-flex; align-items: center; gap: .2rem; }
.tima-checkout__qty button {
  inline-size: 1.7rem; block-size: 1.7rem; border: 1px solid color-mix(in srgb, var(--tima-gold) 30%, transparent);
  border-radius: .45rem; background: transparent; color: var(--tima-ink); font: inherit; cursor: pointer;
}
.tima-checkout__qty span { min-inline-size: 1.2rem; text-align: center; font-weight: 800; font-size: .82rem; }
.tima-checkout__remove {
  inline-size: 2rem; block-size: 2rem; padding: 0; border: 0; border-radius: .5rem;
  display: grid; place-items: center; background: transparent; color: var(--tima-palette-e15b64); cursor: pointer;
}
.tima-checkout__remove:hover, .tima-checkout__remove:focus-visible { background: color-mix(in srgb, var(--tima-palette-e15b64) 16%, transparent); outline: none; }

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 850px) {
  .tima-storefront .wk-header__inner,
  .tima-checkout-shell .wk-header__inner,
  .tima-success-shell .wk-header__inner {
    min-block-size: 4rem; padding-inline: .75rem;
  }
  .tima-storefront .wk-header__inner {
    min-block-size: 0;
    padding-block: .25rem;
  }
  .tima-storefront .wk-header__brand::before,
  .tima-checkout-shell .wk-header__brand::before,
  .tima-success-shell .wk-header__brand::before {
    inline-size: 2.2rem; block-size: 2.2rem;
  }
  .tima-storefront .wk-search-hero { padding-block-end: 2.2rem; }
  .tima-storefront .wk-search-hero__mosaic { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tima-storefront .tima-cart-tab__panel { inset-block-start: 4.15rem; }
  .tima-storefront .tima-header-search__panel {
    inset-inline: 0; inline-size: 100vw; max-inline-size: 100vw; box-sizing: border-box; padding-inline: .75rem;
  }
  .tima-checkout__form { grid-template-columns: 1fr; }
  .tima-checkout__summary { position: static; min-inline-size: 0; }
}

@media (max-width: 560px) {
  .tima-storefront .wk-header__brand { font-size: .82rem; }
  .tima-storefront .tima-icon-button,
  .tima-storefront .wk-controls__button { inline-size: 2.2rem; block-size: 2.2rem; }
  .tima-storefront .wk-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tima-storefront .wk-product__body { padding: .5rem .55rem .28rem; }
  .tima-storefront .wk-product__save { inline-size: calc(100% - 1.1rem); margin-inline: .55rem; margin-block-end: .5rem; }
  .tima-storefront .wk-cart-ctl { inline-size: 100%; margin-inline: 0; }
  .tima-checkout__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .75rem; }
  .tima-checkout__fields > label:has([name='name'], [name='phone'], [name='alternate_phone'], [name='landmark']),
  .tima-checkout__fields > .tima-select-field { grid-column: 1 / -1; }
  .tima-checkout__fields > .tima-field--wide,
  .tima-checkout__fields > fieldset { grid-column: 1 / -1; }
  .tima-checkout__fields fieldset { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tima-checkout__item { grid-template-columns: 2.4rem minmax(0, 1fr) auto 1.8rem; }
}

@media (prefers-reduced-motion: reduce) {
  .tima-storefront .wk-product__save,
  .tima-storefront .wk-product.tima-add-bump,
  .tima-storefront .wk-header__link,
  .tima-hero__photo,
  .tima-product-modal,
  .tima-product-modal__add,
  .tima-storefront .tima-header-search__panel { animation: none; transition: none; }
  .tima-hero__photo:first-child { opacity: 1; }
}

/* ── Catalog behavior ───────────────────────────────────────── */
#tima-catalog, #tima-customer { scroll-margin-top: 5.4rem; }

.tima-storefront .wk-search-hero__tile {
  pointer-events: auto;
  padding: 0;
  border: 0;
  background: var(--wk-surface, var(--tima-palette-fffdfa));
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.tima-storefront .wk-search-hero__tile img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.tima-storefront .wk-search-hero__tile:hover { transform: translateY(-3px); box-shadow: 0 .8rem 1.8rem var(--tima-palette-shadow-31); }
.tima-storefront .wk-search-hero__tile:focus-visible { outline: 3px solid var(--tima-gold); outline-offset: 3px; }

.tima-storefront .wk-category-card {
  min-block-size: 15.5rem;
  background: var(--wk-surface, var(--tima-palette-fffdfa));
  color: var(--tima-ink);
  text-decoration: none;
}
.tima-storefront .wk-category-card__media img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.tima-storefront .wk-category-card__veil {
  background: linear-gradient(to top, var(--tima-palette-shadow-32) 0%, var(--tima-palette-shadow-33) 58%, var(--tima-palette-shadow-34));
}
.tima-storefront .wk-category-card__title {
  inset-block-end: 3.5rem;
  font-size: 1.15rem;
  font-weight: 800;
}
.tima-storefront .wk-category-card__subtitle {
  position: absolute;
  z-index: 1;
  inset-inline: 1.15rem;
  inset-block-end: 1.05rem;
  margin: 0;
  color: var(--tima-gold-soft);
  font-size: .78rem;
  line-height: 1.4;
}
.tima-storefront .wk-category-card[data-active='true'] { box-shadow: inset 0 0 0 2px var(--tima-gold); }

.tima-storefront .wk-filter__facet {
  color: var(--tima-ink);
  background: color-mix(in srgb, var(--tima-ink) 40%, transparent);
  border-color: color-mix(in srgb, var(--tima-gold) 40%, transparent);
  font-weight: 700;
}
.tima-storefront .wk-filter__facet[aria-pressed='true'] {
  background: var(--tima-gold);
  color: var(--tima-ink);
}

.tima-catalog { padding-block: .85rem 1.6rem; }
.tima-storefront .wk-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(12.25rem, 1fr));
  grid-auto-rows: auto;
  padding-inline: 0;
}
@media (max-width: 640px) {
  .tima-storefront .wk-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.tima-storefront .wk-product {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--wk-surface);
  box-shadow: 0 .45rem 1.3rem var(--tima-palette-shadow-35);
}
.tima-storefront .wk-product__media { flex: none; aspect-ratio: 5 / 4; background: var(--wk-surface, var(--tima-palette-fffdfa)); cursor: pointer; }
.tima-storefront .wk-product__merchant {
  letter-spacing: 0;
  text-transform: none;
  color: var(--tima-gold-soft);
  font-size: .74rem;
}
.tima-storefront .wk-product__title { min-block-size: 0; }
.tima-storefront .wk-product__title a { color: inherit; text-decoration: none; }
.tima-storefront .wk-product__excerpt {
  margin: 0;
  color: var(--tima-gray);
  font-size: .78rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.tima-storefront .wk-product__price { color: var(--tima-gold-soft); }

.tima-product-modal {
  position: fixed;
  inset: 0;
  z-index: 400;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.tima-product-modal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: var(--tima-palette-shadow-36);
  cursor: pointer;
}
.tima-product-modal__panel {
  position: relative;
  z-index: 1;
  inline-size: min(52rem, 100%);
  max-block-size: min(88vh, 46rem);
  overflow: auto;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  border: 1px solid color-mix(in srgb, var(--tima-gold) 35%, transparent);
  border-radius: 1.3rem;
  background: var(--wk-surface, var(--tima-palette-fffdfa));
  color: var(--tima-ink);
  box-shadow: 0 1.4rem 3rem var(--tima-palette-shadow-37);
}
.tima-product-modal__close {
  position: absolute;
  inset-block-start: .7rem;
  inset-inline-end: .7rem;
  z-index: 2;
  inline-size: 2.2rem;
  block-size: 2.2rem;
  border: 0;
  border-radius: 50%;
  background: var(--tima-palette-shadow-38);
  color: var(--tima-ink);
  font: inherit;
  cursor: pointer;
}
.tima-product-modal__media { min-block-size: 16rem; background: var(--wk-surface, var(--tima-palette-fffdfa)); }
.tima-product-modal__media img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.tima-product-modal__body { display: grid; align-content: start; gap: .7rem; padding: 1.3rem 1.3rem 1.4rem; }
.tima-product-modal__category { margin: 0; color: var(--tima-gold); font-size: .78rem; font-weight: 800; }
.tima-product-modal__body h2, .tima-product-modal__body h3 { margin: 0; }
.tima-product-modal__price { margin: 0; color: var(--tima-gold-soft); font-size: 1.25rem; font-weight: 900; }
.tima-product-modal__pitch, .tima-product-modal__description { margin: 0; color: var(--tima-ink); line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 1rem; text-align: start; }
.tima-product-modal__facts { margin: 0; padding-inline-start: 1.1rem; color: var(--tima-gray); line-height: 1.55; }
.tima-product-modal__add {
  min-block-size: 3rem;
  border: 0;
  border-radius: .8rem;
  background: var(--tima-wine);
  color: var(--tima-ink);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.tima-product-modal__add.is-added { animation: tima-add-bump 600ms cubic-bezier(.2,.8,.2,1); background: var(--tima-gold); color: var(--tima-ink); }
.tima-product-modal__quantity { margin: 0; color: var(--tima-gold-soft); font-weight: 800; }
body:has(.tima-product-modal) { overflow: hidden; }

.tima-checkout .tima-select-field { min-inline-size: 0; }
.tima-checkout .mas-searchable-select > label { color: var(--tima-ink); font-size: .82rem; font-weight: 700; }
.tima-checkout .mas-searchable-select__trigger {
  min-height: 2.9rem;
  border-radius: .7rem;
  border-color: color-mix(in srgb, var(--tima-gold) 22%, var(--wk-outline, var(--tima-palette-333)));
  background: color-mix(in srgb, var(--wk-bg, var(--tima-palette-0f0d0c)) 55%, transparent);
  color: var(--tima-ink);
  font-size: .95rem;
}
.tima-checkout .mas-searchable-select__panel,
.tima-checkout .mas-searchable-select__search,
.tima-checkout .mas-searchable-select__option { color: var(--tima-ink); font-size: .92rem; }
.tima-checkout .mas-searchable-select__panel { z-index: 30; background: var(--wk-surface, var(--tima-palette-fffdfa)); }
.tima-checkout .tima-select-field[data-invalid='true'] .mas-searchable-select__trigger { border-color: var(--tima-palette-ffb4aa); }

@media (max-width: 980px) {
  .tima-hero, .tima-hero__copy { min-block-size: 17.5rem; }
  .tima-hero__mark { font-size: 2.2rem; }
}
@media (max-width: 720px) {
  .tima-product-modal__panel { grid-template-columns: 1fr; }
  .tima-product-modal__media { max-block-size: 16rem; }
}

/* ── ORDER TRACKING ──────────────────────────────────────── */
body:has(.tima-tracking-shell) {
  margin: 0;
  background: var(--wk-surface, var(--tima-palette-fffdfa));
  color: var(--tima-ink);
}
.tima-tracking-shell {
  --tima-gold: var(--tima-palette-d7aa57);
  --tima-gold-soft: var(--tima-palette-f0d49a);
  --tima-cream: var(--tima-palette-fff8ea);
  --tima-wine: var(--tima-palette-7f2b39);
  --tima-ink: var(--tima-palette-171211);
  --tima-gray: var(--tima-palette-9a948f);
  box-sizing: border-box;
  min-block-size: 100vh;
  background:
    radial-gradient(ellipse at 50% 0%, var(--tima-palette-shadow-39), transparent 52%),
    var(--tima-palette-14110f);
  color: var(--tima-ink);
  font-family: 'Tajawal', 'Segoe UI', sans-serif;
  line-height: 1.65;
}
.tima-tracking-shell *,
.tima-tracking-shell *::before,
.tima-tracking-shell *::after { box-sizing: border-box; }
.tima-tracking-shell .wk-header {
  margin: 0;
  border-radius: 0;
  inline-size: 100%;
  background: var(--wk-surface, var(--tima-palette-fffdfa));
  box-shadow: 0 1px 0 color-mix(in srgb, var(--tima-gold) 18%, transparent);
  position: sticky;
  inset-block-start: 0;
  z-index: 20;
}
.tima-tracking-shell .wk-header__inner {
  max-inline-size: 72rem;
  margin-inline: auto;
  min-block-size: 4.5rem;
  padding-inline: clamp(1rem, 4vw, 2.5rem);
  gap: .8rem;
  display: flex;
  align-items: center;
}
.tima-tracking-shell .wk-header__brand {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  color: var(--tima-ink);
  text-decoration: none;
  font-size: 1.05rem;
  font-weight: 800;
}
.tima-tracking-shell .wk-header__brand::before {
  content: "TK";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.4rem;
  block-size: 2.4rem;
  border-radius: 50%;
  background: var(--tima-gold);
  color: var(--tima-ink);
  font-weight: 900;
  font-size: .85rem;
}
.tima-tracking-shell .wk-header__menu { display: none; }
.tima-tracking-shell .wk-header__actions {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-inline-start: auto;
}
.tima-tracking-shell .wk-controls__button {
  border: 1px solid color-mix(in srgb, var(--tima-gold) 45%, transparent);
  color: var(--tima-ink);
  background: transparent;
}
.tima-tracking-shell .wk-header__actions > .wk-button {
  display: inline-flex;
  min-block-size: 2.4rem;
  padding-inline: .9rem;
  border-radius: 999px;
  background: transparent;
  color: var(--tima-ink);
  border: 1px solid color-mix(in srgb, var(--tima-gold) 45%, transparent);
  box-shadow: none;
  font-size: .82rem;
}
.tima-tracking {
  max-inline-size: 40rem;
  margin-inline: auto;
  padding: clamp(1.4rem, 4vw, 2.6rem) clamp(1rem, 4vw, 1.5rem) 3rem;
  display: grid;
  gap: 1rem;
}
.tima-tracking .wk-section-heading { gap: .35rem; margin: 0; }
.tima-tracking .wk-section-heading__eyebrow {
  color: var(--tima-gold);
  font-size: .72rem;
  letter-spacing: .12em;
}
.tima-tracking .wk-section-heading__title {
  max-inline-size: none;
  color: var(--tima-ink);
  font-size: clamp(1.55rem, 3vw, 2.15rem);
}
.tima-tracking .wk-section-heading__lead {
  color: var(--tima-gray);
  font-size: .95rem;
}
.tima-tracking__hint { margin: 0; color: var(--tima-gold-soft); font-size: .85rem; }
.tima-tracking__form,
.tima-tracking__result {
  display: grid;
  gap: .85rem;
  padding: clamp(1rem, 3vw, 1.35rem);
  border: 1px solid color-mix(in srgb, var(--tima-gold) 22%, transparent);
  border-radius: 1.15rem;
  background: var(--wk-surface);
}
.tima-tracking__form label { display: grid; gap: .35rem; }
.tima-tracking__form label > span { color: var(--tima-ink); font-size: .82rem; font-weight: 700; }
.tima-tracking__form input {
  box-sizing: border-box;
  inline-size: 100%;
  min-block-size: 2.9rem;
  padding: .6rem .8rem;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 28%, transparent);
  border-radius: .7rem;
  background: var(--wk-surface);
  color: var(--tima-ink);
  font: inherit;
}
.tima-tracking__form input:focus {
  outline: none;
  border-color: var(--tima-gold);
  box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--tima-gold) 16%, transparent);
}
.tima-tracking__form .wk-button {
  inline-size: 100%;
  min-block-size: 3rem;
  border: 0;
  border-radius: .85rem;
  background: var(--tima-wine);
  color: var(--tima-ink);
  font-weight: 800;
}
.tima-tracking__alert { margin: 0; color: var(--tima-palette-ffb4aa); font-weight: 700; }
.tima-tracking__result h2 { margin: 0; color: var(--tima-gold-soft); font-size: .95rem; }
.tima-tracking__result ul {
  margin: 0;
  padding-inline-start: 1.15rem;
  display: grid;
  gap: .35rem;
  color: var(--tima-ink);
}
.tima-tracking__total {
  margin: 0;
  padding-block-start: .7rem;
  border-block-start: 1px solid color-mix(in srgb, var(--tima-gold) 22%, transparent);
  color: var(--tima-ink);
  font-size: 1.05rem;
  font-weight: 900;
}
.tima-tracking__code {
  display: flex; align-items: baseline; justify-content: space-between; gap: .7rem; margin: 0;
}
.tima-tracking__code span { color: var(--tima-gray); font-size: .82rem; font-weight: 700; }
.tima-tracking__code strong {
  color: var(--tima-gold); font-size: 1.45rem; letter-spacing: .14em; font-weight: 900;
}
.tima-tracking__who { margin: 0; color: var(--tima-ink); font-weight: 700; }
.tima-timeline {
  display: flex; flex-direction: column; gap: 0; margin: .2rem 0 0; padding: 0; list-style: none;
}
.tima-timeline__item {
  display: grid; grid-template-columns: 2.7rem minmax(0, 1fr); gap: .75rem;
  position: relative; min-block-size: 4.6rem;
}
.tima-timeline__item::before {
  content: ''; position: absolute; inset-inline-start: 1.3rem; inset-block-start: 2.55rem;
  inline-size: 2px; block-size: calc(100% - 1.7rem);
  background: color-mix(in srgb, var(--tima-gold) 28%, transparent);
}
.tima-timeline__item.is-reached::before { background: var(--tima-gold); }
.tima-timeline__item:last-child::before { content: none; }
.tima-timeline__mark {
  inline-size: 2.6rem; block-size: 2.6rem; border-radius: 50%; display: grid; place-items: center;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 35%, transparent);
  background: var(--tima-palette-171211); color: var(--tima-gray); z-index: 1;
}
.tima-timeline__item.is-reached .tima-timeline__mark {
  background: var(--tima-wine);
  color: var(--tima-ink); border-color: var(--tima-gold);
}
.tima-timeline__item.is-current .tima-timeline__mark {
  box-shadow: 0 0 0 .28rem color-mix(in srgb, var(--tima-gold) 28%, transparent);
}
.tima-timeline__svg { inline-size: 1.15rem; block-size: 1.15rem; }
.tima-timeline__copy { display: grid; align-content: center; gap: .15rem; min-inline-size: 0; }
.tima-timeline__name { color: var(--tima-gray); font-size: .92rem; }
.tima-timeline__item.is-reached .tima-timeline__name,
.tima-timeline__item.is-current .tima-timeline__name { color: var(--tima-ink); }
.tima-timeline__time { min-block-size: 1rem; color: var(--tima-gold-soft); font-size: .75rem; }
@media (min-width: 860px) {
  .tima-tracking { max-inline-size: 62rem; }
  .tima-tracking__form { max-inline-size: 36rem; }
  .tima-timeline { flex-direction: row; align-items: flex-start; justify-content: space-between; }
  .tima-timeline__item {
    flex: 1; grid-template-columns: 1fr; justify-items: center; text-align: center; min-block-size: 0;
  }
  .tima-timeline__item::before {
    inset-inline-start: calc(50% + 1.45rem); inset-block-start: 1.25rem;
    inline-size: calc(100% - 2.9rem); block-size: 2px;
  }
  .tima-timeline__copy { justify-items: center; }
}
@media (max-width: 720px) {
  .tima-tracking-shell .wk-header__inner { min-block-size: 4rem; padding-inline: .75rem; }
  .tima-tracking-shell .wk-header__wordmark { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .tima-tracking-shell .wk-header__brand { font-size: .92rem; }
  .tima-tracking-shell .wk-header__brand::before { inline-size: 2.1rem; block-size: 2.1rem; }
  .tima-tracking-shell .wk-header__actions > .wk-button {
    display: inline-flex;
    padding-inline: .65rem;
    font-size: .75rem;
    white-space: nowrap;
  }
}

/* ── Real mark beside the wordmark ──────────────────────────── */
.tima-storefront .tima-brandbar .wk-header__brand::before,
.tima-checkout-shell .tima-brandbar .wk-header__brand::before,
.tima-success-shell .tima-brandbar .wk-header__brand::before,
.tima-tracking-shell .tima-brandbar .wk-header__brand::before,
.tima-owner-shell .tima-brandbar .wk-header__brand::before { content: none !important; }
.tima-brandbar .wk-header__brand { display: inline-flex; align-items: center; gap: .55rem; min-inline-size: 0; }
.tima-brandbar .wk-header__logo-frame {
  inline-size: 2.55rem; block-size: 2.55rem; flex: 0 0 auto;
  border-radius: 50%; overflow: hidden;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--tima-gold, var(--tima-palette-d7aa57)) 70%, transparent);
}
.tima-brandbar .wk-header__logo {
  inline-size: 100%; block-size: 100%; max-block-size: none; object-fit: cover; border-radius: 50%;
}
.tima-brandbar .wk-header__logo[data-load-state="error"] { display: none; }
.tima-brandbar .wk-header__wordmark {
  font-family: 'Tajawal', 'Segoe UI', sans-serif;
  font-weight: 800; letter-spacing: .01em; white-space: nowrap;
  font-size: clamp(.72rem, 2.5vw, 1.05rem);
}
.tima-tracking-shell .tima-brandbar .wk-header__wordmark,
.tima-owner-shell .tima-brandbar .wk-header__wordmark {
  position: static; inline-size: auto; block-size: auto; overflow: visible; clip: auto;
}
.tima-tracking-shell .tima-brandbar,
.tima-owner-shell .tima-brandbar {
  background: var(--tima-palette-171211); color: var(--tima-ink);
}

/* ── Footer ─────────────────────────────────────────────────── */
.tima-footer {
  --tima-gold: var(--tima-palette-d7aa57); --tima-cream: var(--tima-palette-fff8ea); --tima-ink: var(--tima-palette-171211); --tima-gray: var(--tima-palette-b7b0a8);
  position: relative; margin-block-start: 2rem;
  background: var(--wk-surface, var(--tima-palette-fffdfa)); color: var(--tima-ink);
  font-family: 'Tajawal', 'Segoe UI', sans-serif;
  border-block-start: 1px solid color-mix(in srgb, var(--tima-gold) 35%, transparent);
}
.tima-footer a { color: inherit; text-decoration: none; }
.tima-footer a:hover { color: var(--tima-gold); }
.tima-footer__inner { max-inline-size: 72rem; margin-inline: auto; padding: 1.6rem clamp(1rem, 4vw, 2rem) 5.5rem; display: grid; gap: 1.25rem; }
.tima-footer__grid { display: grid; gap: 1.15rem; }
.tima-footer__brand { display: grid; gap: .7rem; align-content: start; justify-items: start; min-inline-size: 0; }
.tima-footer__title { margin: 0; font-size: 1rem; color: var(--tima-gold); }
.tima-footer__logo { display: grid; justify-items: start; gap: .45rem; width: fit-content; max-inline-size: 100%; color: inherit; }
.tima-footer__logo img { inline-size: 3.4rem; block-size: 3.4rem; border-radius: 50%; object-fit: cover; }
.tima-footer__logo strong { font-size: 1.15rem; font-weight: 800; letter-spacing: .01em; }
.tima-footer__about { margin: 0; max-inline-size: 18rem; white-space: pre-line; color: var(--tima-gray); line-height: 1.7; font-size: .92rem; }
.tima-footer__social { display: flex; flex-wrap: wrap; gap: .5rem; }
.tima-footer__social a, .tima-footer__social-idle {
  inline-size: 2.35rem; block-size: 2.35rem; display: grid; place-items: center;
  border-radius: 50%; background: color-mix(in srgb, var(--tima-cream) 8%, var(--tima-ink));
  color: var(--tima-ink); border: 1px solid color-mix(in srgb, var(--tima-cream) 14%, transparent);
}
.tima-footer__social a:hover { color: var(--tima-gold); background: color-mix(in srgb, var(--tima-cream) 14%, var(--tima-ink)); }
.tima-footer__social a:focus-visible, .tima-footer__tools button:focus-visible, .tima-footer a:focus-visible {
  outline: 3px solid var(--tima-gold); outline-offset: 2px;
}
.tima-footer__col { border-block-end: 1px solid color-mix(in srgb, var(--tima-cream) 12%, transparent); }
.tima-footer__col summary {
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
  min-block-size: 2.2rem; padding: 0; cursor: default; pointer-events: none;
  font-weight: 800; list-style: none; color: var(--tima-gold);
}
.tima-footer__col summary::-webkit-details-marker { display: none; }
.tima-footer__chev, .tima-footer__col[open] .tima-footer__chev { display: none; }
.tima-footer__col nav, .tima-footer__contact { display: grid; gap: .35rem; padding-block-end: .8rem; }
.tima-footer__col a, .tima-footer__fact a { min-block-size: 2.4rem; display: inline-flex; align-items: center; }
.tima-footer__fact { margin: 0; display: grid; gap: .1rem; }
.tima-footer__fact > span:first-child { color: var(--tima-gray); font-size: .78rem; }
.tima-footer__wa {
  display: inline-flex; align-items: center; justify-content: center; gap: .45rem; justify-self: start;
  width: fit-content; max-inline-size: 100%; min-block-size: 2.6rem; padding-inline: .95rem;
  border: 0; border-radius: 999px; font-weight: 800;
}
.tima-footer a.tima-footer__wa:hover { filter: brightness(1.06); }
.tima-footer__hours {
  display: flex; align-items: center; gap: .4rem; margin: .15rem 0 0;
  color: var(--tima-gray); font-size: .92rem;
}
.tima-footer__hours svg { flex: 0 0 auto; color: var(--tima-gold); }
.tima-footer__bar {
  display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center;
  gap: .75rem; padding-block-start: 1rem;
  border-block-start: 1px solid color-mix(in srgb, var(--tima-cream) 16%, transparent);
  color: var(--tima-gray); font-size: .86rem;
}
.tima-footer__bar p { margin: 0; }
.tima-footer__copy { white-space: nowrap; }
.tima-footer__mark { display: grid; place-items: center; }
.tima-footer__mark img { inline-size: 2.15rem; block-size: 2.15rem; border-radius: 50%; object-fit: cover; }
.tima-footer__policies { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-inline-size: 100%; row-gap: .2rem; }
.tima-footer__policies a { display: inline-flex; align-items: center; min-block-size: 2rem; }
.tima-footer__policies a:not(:last-child)::after { content: '\00b7'; margin-inline: .4rem; color: var(--tima-gray); }
.tima-footer__tools { display: flex; flex-wrap: wrap; gap: .5rem; }
.tima-footer__tools button {
  min-block-size: 2.75rem; padding-inline: .9rem; border-radius: 999px; cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--tima-gold) 55%, transparent); background: transparent; color: var(--tima-ink); font: inherit;
}
.tima-footer__wa { background: var(--tima-palette-1b7a45); color: var(--tima-palette-fff) !important; }
.tima-info { max-inline-size: 40rem; margin-inline: auto; padding: clamp(1.2rem, 4vw, 2.5rem) clamp(1rem, 4vw, 1.5rem) 1rem; display: grid; gap: .8rem; }
.tima-info h1 { margin: 0; font-size: clamp(1.6rem, 4vw, 2.2rem); }
.tima-info p { margin: 0; line-height: 1.8; }
.tima-info__faq-item { padding-block: 1.1rem; border-block-start: 1px solid var(--wk-outline, var(--tima-palette-e6ddd1)); display: grid; gap: .55rem; overflow-wrap: anywhere; }
.tima-info__faq-item h2 { margin: 0; color: var(--tima-wine); font-size: clamp(1.05rem, 3vw, 1.2rem); line-height: 1.6; }
.tima-info__eyebrow { color: var(--tima-gold, var(--tima-palette-d7aa57)); letter-spacing: .08em; font-size: .78rem; }
.tima-info__action {
  justify-self: start; min-block-size: 2.75rem; padding-inline: 1rem; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--tima-gold, var(--tima-palette-d7aa57)); color: var(--tima-palette-171211); font: inherit; font-weight: 800;
}
@media (min-width: 980px) {
  .tima-footer__grid { grid-template-columns: minmax(13rem, 1.2fr) repeat(3, minmax(0, 1fr)); gap: 1.5rem 1.2rem; align-items: start; }
  .tima-footer__col { border: 0; }
  .tima-footer__bar {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center; justify-items: stretch; text-align: start;
  }
  .tima-footer__copy { justify-self: start; }
  .tima-footer__mark { justify-self: center; }
  .tima-footer__policies { justify-self: end; justify-content: flex-end; }
}
@media (max-width: 420px) {
  .tima-brandbar .wk-header__wordmark { font-size: .68rem; }
}

/* Payment attachments: separate action from the radio label. */
.tima-payment-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:0 .5rem; }
.tima-payment-row .tima-payment-option { min-inline-size:0; margin:0; }
.tima-proof-action { display:flex; align-items:center; }
.tima-proof-action input[hidden] { display:none; }
.tima-proof-button { display:inline-flex; align-items:center; justify-content:center; gap:.3rem; min-block-size:36px; padding:.35rem .55rem; border:1px solid var(--tima-gold-soft); border-radius:.6rem; background:transparent; color:var(--tima-gold-soft); font:inherit; font-size:.68rem; cursor:pointer; }
.tima-proof-button:hover { background:var(--surface-2); }
.tima-proof-button:focus-visible,.tima-proof-remove:focus-visible { outline:2px solid var(--tima-gold-soft); outline-offset:3px; }
.tima-proof-button:disabled,.tima-proof-remove:disabled { opacity:.55; cursor:wait; }
.tima-proof-preview { grid-column:1/-1; display:flex; align-items:center; gap:.55rem; padding:.5rem; margin-block:.2rem .65rem; border:1px solid var(--border); border-radius:.65rem; }
.tima-proof-preview img { inline-size:40px; block-size:40px; object-fit:cover; border-radius:.4rem; }
.tima-proof-copy { display:grid; flex:1; min-inline-size:0; gap:.15rem; }
.tima-proof-copy strong { font-size:.68rem; font-weight:600; }
.tima-proof-copy small { font-size:.6rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:.75; }
.tima-proof-remove { inline-size:36px; block-size:36px; border:0; border-radius:.5rem; color:inherit; background:transparent; font-size:1.25rem; cursor:pointer; }
.tima-proof-preview[data-state="error"] { color:var(--danger); }

.tima-checkout__fields fieldset { display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch; gap:.55rem; }
.tima-payment-row { inline-size:100%; }
.tima-payment-row .tima-payment-option { inline-size:auto; flex:1; }

.tima-payment-row .tima-payment-option { min-block-size:44px; }

.tima-payment-row .tima-payment-option__copy { display:flex; flex-direction:column; align-items:flex-start; gap:.15rem; }
.tima-payment-row .tima-payment-option__copy strong { font-size:.78rem; }
.tima-payment-row .tima-payment-option__copy small { font-size:.72rem; }

.tima-loading { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.5rem; min-block-size:100vh; min-block-size:100svh; padding:2rem 1.5rem; box-sizing:border-box; text-align:center; }
.tima-loading__logo { display:block; inline-size:clamp(10rem,30vw,14rem); max-inline-size:100%; block-size:auto; object-fit:contain; }
.tima-loading__message { max-inline-size:28rem; margin:0; font-size:clamp(1.1rem,2.5vw,1.4rem); font-weight:500; line-height:1.8; text-wrap:balance; }

.tima-checkout-location { display:grid; gap:.35rem; min-inline-size:0; }
.tima-checkout-location label { display:grid; gap:.2rem; }
.tima-checkout-location .wk-button { min-block-size:2.75rem; padding:.4rem .75rem; font-size:.85rem; }
.tima-checkout-location .wk-button { justify-self:start; }
.tima-checkout-location a { color:var(--wk-primary); overflow-wrap:anywhere; }
.tima-location-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; margin-block-start:.25rem; }
.tima-location-link { color:var(--wk-primary, var(--tima-wine)); font-size:.88rem; text-decoration:underline; overflow-wrap:anywhere; }
.tima-location-status { margin:.35rem 0 0; font-size:.88rem; line-height:1.4; padding:.45rem .75rem; border-radius:.375rem; }
.tima-location-status--success { background:color-mix(in srgb, #22c55e 12%, transparent); color:#15803d; border:1px solid color-mix(in srgb, #22c55e 30%, transparent); }
.tima-location-status--error { background:color-mix(in srgb, #ef4444 12%, transparent); color:#b91c1c; border:1px solid color-mix(in srgb, #ef4444 30%, transparent); }

/* Warm marble identity: application-owned public surfaces, independent of dashboard theme. */
body:has(.tima-storefront,.tima-checkout-shell,.tima-success-shell,.tima-tracking-shell,.tima-loading,.tima-error,.tima-public-theme) {
  margin:0; background:var(--tima-page, var(--tima-palette-faf5ee)); color:var(--tima-ink, var(--tima-palette-40271e)); color-scheme:light;
}
:is(.tima-storefront,.tima-checkout-shell,.tima-success-shell,.tima-tracking-shell,.tima-loading,.tima-error,.tima-public-theme) {
  --tima-ink:var(--tima-palette-40271e); --tima-wine:var(--tima-palette-8b1635); --tima-wine-dark:var(--tima-palette-70102a);
  --tima-gold:var(--tima-palette-947647); --tima-gold-soft:var(--tima-palette-85683d); --tima-gray:var(--tima-palette-786e63);
  --tima-cream:var(--tima-palette-fffaf3); --wk-bg:var(--tima-palette-faf5ee); --wk-surface:var(--tima-palette-fffdfa); --wk-surface-2:var(--tima-palette-f4eadf);
  --wk-text:var(--tima-palette-40271e); --wk-muted:var(--tima-palette-786e63); --wk-outline:var(--tima-palette-e6ddd1); --wk-primary:var(--tima-palette-8b1635);
  --surface:var(--tima-palette-fffdfa); --surface-2:var(--tima-palette-f4eadf); --text:var(--tima-palette-40271e); --text-muted:var(--tima-palette-786e63); --border:var(--tima-palette-e6ddd1);
  --danger:var(--tima-palette-a41d36); color:var(--tima-ink); background:var(--wk-bg); min-block-size:100vh;
}
.tima-storefront .wk-header,.tima-checkout-shell .wk-header,.tima-success-shell .wk-header,.tima-tracking-shell .wk-header { background:var(--wk-surface); box-shadow:0 1px 0 var(--wk-outline); }
.tima-storefront .wk-header__brand,.tima-checkout-shell .wk-header__brand,.tima-success-shell .wk-header__brand,.tima-tracking-shell .wk-header__brand { color:var(--tima-ink); }
.tima-checkout-shell .wk-header__inner { min-block-size:3.5rem; padding-block:.2rem; gap:.75rem; }
.tima-checkout-shell .wk-header__brand { font-size:.9rem; gap:.5rem; }
.tima-checkout-shell .wk-header__brand::before { inline-size:2.2rem; block-size:2.2rem; }
.tima-checkout-shell .wk-controls__button { min-block-size:2.5rem; block-size:2.5rem; padding-block:.25rem; }
.tima-storefront .wk-header__inner { max-inline-size:80rem; min-block-size:3.5rem; padding-block:.2rem; box-sizing:border-box; flex-wrap:nowrap; }
.tima-storefront .wk-header { padding-block:0; }
:is(.tima-storefront,.tima-checkout-shell,.tima-success-shell,.tima-tracking-shell) .wk-controls { background:transparent; box-shadow:none; border:0; }
:is(.tima-storefront,.tima-checkout-shell,.tima-success-shell,.tima-tracking-shell) .wk-controls__button { color:var(--tima-ink); border-color:var(--wk-outline); background:transparent; }
.tima-storefront .tima-search-toggle { background:var(--wk-surface-2); }
.tima-storefront .tima-hero { position:relative; isolation:isolate; overflow:hidden; min-block-size:min(52rem,calc(100svh - 3.5rem)); background:var(--wk-bg); color:var(--tima-ink); }
.tima-hero__stage { position:absolute; inset:0; display:block; }
.tima-hero__image { display:block; inline-size:100%; block-size:100%; object-fit:cover; object-position:center; }
.tima-storefront .tima-hero__copy { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.3rem; inline-size:50%; margin-inline-start:0; min-block-size:min(52rem,calc(100svh - 3.5rem)); padding:3rem clamp(1.5rem,4vw,4rem); text-align:center; }
.tima-storefront[dir='ltr'] .tima-hero__copy { margin-inline-start:auto; }
.tima-hero__logo { display:block; inline-size:clamp(8rem,12vw,11rem); max-inline-size:100%; block-size:auto; object-fit:contain; flex-shrink:0; }
.tima-hero__title { margin:0; max-inline-size:14em; color:var(--tima-ink); font-size:clamp(2rem,3.2vw,3.6rem); line-height:1.4; font-weight:800; }
.tima-hero__title span { display:block; color:var(--tima-wine); }
.tima-hero__lead { margin:0; font-size:clamp(1rem,1.5vw,1.45rem); line-height:1.7; }
.tima-hero__promises { display:flex; flex-wrap:wrap; justify-content:center; gap:.45rem; padding:0; margin:0; list-style:none; }
.tima-hero__promises li { display:flex; align-items:center; gap:.4rem; padding:.5rem .75rem; border:1px solid var(--wk-outline); border-radius:999px; background:color-mix(in srgb,var(--tima-cream) 82%,transparent); font-size:.83rem; font-weight:650; }
.tima-hero__promises li span { color:var(--tima-gold); }
.tima-hero__browse { display:inline-flex; align-items:center; justify-content:center; gap:.65rem; min-block-size:3.4rem; padding:.7rem 1.5rem; border-radius:999px; background:var(--tima-wine); color:var(--tima-cream); font-size:1.05rem; font-weight:700; text-decoration:none; }
.tima-hero__browse:hover { background:var(--tima-wine-dark); }

#tima-categories { scroll-margin-block-start:5rem; }
.tima-menu { max-inline-size:74rem; margin-inline:auto; padding:1.5rem 1rem .5rem; }
.tima-storefront .tima-menu .wk-rail { padding:0; }
.tima-storefront .tima-menu .wk-rail__track { display:grid; grid-auto-flow:row; grid-auto-columns:auto; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.65rem; overflow:visible; padding:0; border:0; }
.tima-storefront .tima-menu .wk-category-card { display:flex; flex-direction:column; min-inline-size:0; inline-size:auto; min-block-size:0; aspect-ratio:auto; background:var(--wk-surface); border:1px solid var(--wk-outline); border-radius:1rem; color:var(--tima-ink); overflow:hidden; box-shadow:0 .3rem .8rem var(--tima-palette-shadow-53); text-decoration:none; }
.tima-storefront .tima-menu .wk-category-card__media { position:relative; inset:auto; inline-size:100%; aspect-ratio:4/3; }
.tima-storefront .tima-menu .wk-category-card__media img { position:absolute; inset:0; inline-size:100%; block-size:100%; object-fit:cover; }
.tima-storefront .tima-menu .wk-category-card__veil { display:none; }
.tima-storefront .tima-menu .wk-category-card__title { position:static; margin:0; padding:.65rem .35rem; color:var(--tima-ink); font-size:.9rem; line-height:1.5; text-align:center; text-shadow:none; overflow-wrap:anywhere; }
.tima-storefront .tima-menu .wk-category-card[data-active='true'] { border-color:var(--tima-wine); }
.tima-storefront .tima-catalog { padding:2.25rem 1rem; max-inline-size:74rem; margin-inline:auto; }
.tima-catalog-tools { display:grid; gap:.85rem; margin-block-end:1.4rem; }
.tima-catalog-tools h2 { margin:0; color:var(--tima-ink); font-size:clamp(1.8rem,3vw,2.8rem); }
.tima-catalog-tools p { margin:0; color:var(--tima-gray); }
.tima-catalog-search { display:flex; align-items:center; min-inline-size:0; border:1px solid var(--wk-outline); border-radius:1rem; background:var(--wk-surface); }
.tima-catalog-search input { min-inline-size:0; flex:1; inline-size:100%; padding:.9rem 1rem; border:0; background:transparent; color:var(--tima-ink); font:inherit; }
.tima-catalog-search button { display:grid; place-items:center; border:0; background:transparent; color:var(--tima-gray); inline-size:3rem; min-block-size:3rem; cursor:pointer; }
.tima-menu-filters { display:flex; flex-wrap:wrap; gap:.5rem; }
.tima-menu-filters button { flex:1 1 auto; min-inline-size:0; min-block-size:2.75rem; padding:.55rem 1rem; border:1px solid var(--wk-outline); border-radius:999px; background:var(--wk-surface); color:var(--tima-ink); font:inherit; font-size:.9rem; font-weight:750; cursor:pointer; }
.tima-menu-filters button[aria-pressed='true'] { color:var(--tima-cream); background:var(--tima-wine); border-color:var(--tima-wine); }
.tima-catalog-tools .tima-catalog-note { font-size:.8rem; }
.tima-storefront .wk-product { background:var(--wk-surface); border:1px solid var(--wk-outline); border-radius:1rem; box-shadow:0 .35rem 1rem var(--tima-palette-shadow-54); color:var(--tima-ink); }
.tima-storefront .wk-product__media { aspect-ratio:1; background:var(--wk-surface-2); }
.tima-storefront .wk-product__title { color:var(--tima-ink); font-size:1rem; line-height:1.55; font-weight:700; }
.tima-storefront .wk-product__price { color:var(--tima-wine); }
.tima-storefront .wk-product__merchant { color:var(--tima-gold); }
.tima-storefront .wk-cart-ctl,.tima-storefront .wk-product__save,.tima-storefront .tima-cart-tab__checkout,.tima-checkout__summary > .wk-button,.tima-success .wk-button,.tima-tracking__form .wk-button,.tima-product-modal__add { background:var(--tima-wine); color:var(--tima-cream); }
.tima-storefront .wk-cart-ctl button { color:var(--tima-cream); }
.tima-storefront .tima-product-modal__panel,.tima-checkout__fields,.tima-checkout__summary { background:var(--wk-surface); color:var(--tima-ink); }
.tima-checkout__summary [role='alert'],.tima-tracking__alert { color:var(--danger); }
.tima-checkout__fields input,.tima-checkout__fields textarea,.tima-checkout .mas-searchable-select__trigger,.tima-checkout .mas-searchable-select__panel { background:var(--wk-surface); color:var(--tima-ink); }
.tima-footer { --tima-ink:var(--tima-palette-40271e); --tima-cream:var(--tima-palette-fffaf3); --tima-gray:var(--tima-palette-786e63); --tima-gold:var(--tima-palette-85683d); background:var(--tima-footer-bg, var(--tima-palette-f2e9de)); color:var(--tima-ink); }
.tima-footer__social a { background:var(--tima-cream); color:var(--tima-ink); border-color:var(--wk-outline, var(--tima-palette-e6ddd1)); }
.tima-footer__wa { background:var(--tima-wine, var(--tima-palette-8b1635)); }
.tima-info__action { background:var(--tima-wine); color:var(--tima-cream); }
.tima-hero a:focus-visible,.tima-menu a:focus-visible,.tima-menu-filters button:focus-visible { outline:3px solid var(--tima-wine); outline-offset:3px; }
@media(max-width:720px) {
  .tima-storefront .tima-hero { min-block-size:46rem; }
  .tima-storefront .tima-hero__copy,.tima-storefront[dir='ltr'] .tima-hero__copy { inline-size:100%; min-block-size:0; margin:0; padding:2rem .75rem 0; gap:.85rem; }
  .tima-hero__image { object-position:center bottom; }
  .tima-hero__logo { inline-size:8rem; }
  .tima-hero__title { font-size:clamp(1.75rem,6.8vw,2.5rem); line-height:1.4; }
  .tima-hero__lead { font-size:clamp(.87rem,3.5vw,1.15rem); }
  .tima-hero__promises { gap:.3rem; }
  .tima-hero__promises li { font-size:.67rem; padding:.45rem .55rem; gap:.25rem; }
  .tima-hero__browse { font-size:.95rem; min-block-size:3rem; padding:.6rem 1.2rem; }
  .tima-hero__browse { font-size:.9rem; }
  .tima-menu { padding:1rem .75rem 0; }
  .tima-storefront .tima-menu .wk-rail__track { grid-template-columns:repeat(5,minmax(0,1fr)); gap:.3rem; }
  .tima-storefront .tima-menu .wk-category-card { border-radius:.5rem; }
  .tima-storefront .tima-menu .wk-category-card__title { font-size:clamp(.65rem,2.6vw,.84rem); padding:.45rem .15rem; }
  .tima-storefront .tima-catalog { padding:1.8rem .75rem; }
  .tima-storefront .wk-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
  .tima-menu-filters button { font-size:.76rem; padding:.5rem .65rem; }
  .tima-storefront .wk-product__body { padding:.65rem; }
  .tima-storefront .wk-product__title { font-size:.94rem; }
}
@media(min-width:721px) and (max-width:980px) {
  .tima-storefront .tima-hero,.tima-storefront .tima-hero__copy { min-block-size:40rem; }
}

/* ── Google subscription sheet and saved server-side delivery profile ───── */
.tima-account{position:fixed;inset:0;z-index:130;display:flex;justify-content:center;align-items:flex-start;padding:clamp(.6rem,3vw,2rem)}
.tima-account__backdrop{position:absolute;inset:0;border:0;background:rgba(12,9,8,.58);backdrop-filter:blur(3px)}
.tima-account__sheet{position:relative;inline-size:min(100%,32rem);margin-block-start:clamp(1rem,7vh,4rem);background:var(--tima-cream);color:var(--tima-ink);border:1px solid color-mix(in srgb,var(--tima-gold) 40%,transparent);border-radius:20px;box-shadow:0 24px 60px rgba(12,9,8,.42);padding:1.1rem 1.15rem 1.3rem;display:grid;gap:.9rem}
.tima-account__head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.tima-account__head strong{font-size:1.05rem}
.tima-account__head button{inline-size:2.4rem;block-size:2.4rem;border:0;background:transparent;color:var(--tima-ink);font-size:1.5rem;cursor:pointer}
.tima-account__intro,.tima-account__note,.tima-account__lead{margin:0;font-size:.92rem;line-height:1.75;color:color-mix(in srgb,var(--tima-ink) 82%,transparent)}
.tima-account__who{display:grid;gap:.15rem;padding:.7rem .8rem;border-radius:14px;background:color-mix(in srgb,var(--tima-gold) 16%,transparent)}
.tima-account__who small{color:color-mix(in srgb,var(--tima-ink) 68%,transparent)}
.tima-account__rows{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}
.tima-account__rows li{display:flex;justify-content:space-between;gap:.8rem;font-size:.9rem;border-block-end:1px dashed color-mix(in srgb,var(--tima-ink) 18%,transparent);padding-block-end:.4rem}
.tima-account__rows b{direction:ltr;font-weight:700}
.tima-account__actions{display:grid;gap:.55rem}
.tima-account__button{min-block-size:3rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--tima-ink) 22%,transparent);background:transparent;color:var(--tima-ink);font:inherit;font-weight:700;cursor:pointer}
.tima-account__button--primary{background:var(--tima-wine);color:var(--tima-cream);border-color:transparent}
.tima-account__error{margin:0;font-size:.88rem;color:var(--tima-palette-a41d36)}
.tima-account-toggle{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;white-space:nowrap}

.tima-weight-options{margin:.85rem 0 1.1rem;display:grid;gap:.5rem}
.tima-weight-options__title{font-size:.85rem;font-weight:700;color:color-mix(in srgb,var(--tima-ink,#2b1810) 75%,transparent);margin:0}
.tima-weight-options__buttons{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.tima-weight-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.65rem .75rem;border:1.5px solid color-mix(in srgb,var(--tima-gold,#c59b27) 35%,transparent);border-radius:14px;background:var(--tima-cream,#fffdf9);cursor:pointer;transition:all .18s ease;font:inherit}
.tima-weight-option:hover{border-color:var(--tima-wine,#722f37);background:color-mix(in srgb,var(--tima-wine,#722f37) 6%,var(--tima-cream,#fffdf9))}
.tima-weight-option.is-active{border-color:var(--tima-wine,#722f37);background:color-mix(in srgb,var(--tima-wine,#722f37) 10%,var(--tima-cream,#fffdf9));box-shadow:0 0 0 1.5px var(--tima-wine,#722f37)}
.tima-weight-label{font-size:.88rem;font-weight:700;color:var(--tima-ink,#2b1810)}
.tima-weight-price{font-size:.82rem;font-weight:800;color:var(--tima-wine,#722f37);margin-top:.2rem}