/** Shopify CDN: Minification failed

Line 119:34 Unexpected ";"

**/
/* ============================================================
   BarklyPaw - Hebrew RTL conversion funnel
   Mobile-first design system. v3 - Grüns-grade rebuild.
   ============================================================ */
:root{
  /* ===== BarklyPaw design system — the SINGLE source of truth =====
     bp-journey.css aliases its tokens to these, so the hero/buy-box and the
     journey chapters all draw from one vocabulary. Change a brand value here
     once and the whole funnel follows. */
  /* warm */
  --bp-orange:#f19e38;        /* Pelsbarn amber (Ram 2026-09-02: colours like them) */
  --bp-orange-deep:#b25405;   /* brand spec (was #bd5c08, off-brand) */
  --bp-orange-soft:#fff0db;
  --bp-ember:#d9551a;
  /* neutrals */
  --bp-ink:#332821;
  --bp-ink-soft:#5c4d42;
  --bp-cream:#fcf7f3;
  --bp-beige:#f5ecdf;
  --bp-dark:#1c1814;
  --bp-night:#191410;
  --bp-line:rgba(28,24,20,.10);
  /* cool */
  --bp-sky:#2f9ec4;
  --bp-sky-soft:#e7f4f8;
  --bp-sky-tint:#f1f8fa;
  --bp-sky-mist:#d4eaf1;
  --bp-sky-deep:#155f7c;
  /* status */
  --bp-green:#1f8a4c;
  --bp-star:#ffb02e;
  /* form */
  --bp-radius:22px;
  --bp-radius-sm:14px;
  --bp-radius-lg:26px;
  --bp-pill:999px;
  --bp-shadow:0 4px 18px rgba(60,44,28,.07);
  --bp-shadow-md:0 14px 38px rgba(60,44,28,.13);
  --bp-shadow-lg:0 26px 64px rgba(60,44,28,.18);
  --bp-wrap:1120px;
  --bp-font:'Assistant',-apple-system,system-ui,'Segoe UI',sans-serif;
  --bp-ease:cubic-bezier(.22,.68,.18,1);
}

/* ---- base ---- */
/* Lock the page to the sides on mobile/tablet: stop any stray element (buy-box
   payment row, comparison tables, off-screen a11y skip-link, etc.) from nudging
   the page wider than the viewport and letting the whole page drag sideways.
   Safe here because there is NO position:sticky below 990px (the sticky product
   gallery is desktop-only), and fixed elements (the sticky buy bar) are unaffected
   by root overflow clipping. Carousels keep their own inner scroll. (2026-06-15) */
@media (max-width:989px){ html, body { overflow-x: hidden; } }
.bp-section{font-family:var(--bp-font);color:var(--bp-ink);position:relative;direction:rtl;-webkit-font-smoothing:antialiased}
.bp-section *{box-sizing:border-box}
.bp-section img{max-width:100%;display:block}
.bp-wrap{max-width:var(--bp-wrap);margin:0 auto;padding:0 18px}
.bp-narrow{max-width:660px}
.bp-pad{padding:48px 0}
.bp-pad-sm{padding:30px 0}
.bp-cream{background:var(--bp-cream)}
.bp-beige{background:var(--bp-beige)}
.bp-white{background:#fff}
.bp-dark{background:var(--bp-dark);color:var(--bp-cream)}
.bp-center{text-align:center}

/* ---- section header ---- */
.bp-eyebrow{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12.5px;
  letter-spacing:.03em;color:var(--bp-orange-deep);background:var(--bp-orange-soft);
  padding:7px 15px;border-radius:999px;margin-bottom:15px;text-transform:uppercase}
.bp-dark .bp-eyebrow{background:rgba(245,133,31,.2);color:#ffce95}
.bp-h2{font-size:clamp(27px,7.4vw,42px);line-height:1.12;font-weight:900;
  letter-spacing:-.018em;margin:0 0 14px;color:inherit;text-wrap:balance}
.bp-accent{color:var(--bp-orange)}
.bp-sub{font-size:clamp(15.5px,4vw,18px);line-height:1.6;color:var(--bp-ink-soft);
  margin:0 auto;max-width:580px}
.bp-dark .bp-sub{color:rgba(253,247,240,.82)}
html{scroll-behavior:smooth}
#bp-buy{scroll-margin-top:84px}

/* ---- buttons ---- */
.bp-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;
  background:var(--bp-orange);color:var(--bp-ink);font-family:var(--bp-font);
  font-weight:900;font-size:18px;border:0;border-radius:999px;padding:18px 26px;
  cursor:pointer;text-decoration:none;width:100%;line-height:1.1;
  box-shadow:0 6px 16px rgba(28,24,20,.14);
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease}
.bp-btn:hover{background:var(--bp-orange-deep);color:#fff;transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(28,24,20,.18)}
.bp-btn:active{transform:translateY(0)}
.bp-btn:disabled{opacity:.65;cursor:wait}
.bp-btn.bp-loading{color:transparent !important}
.bp-btn.bp-loading::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;
  border:3px solid rgba(255,255,255,.4);border-top-color:#fff;animation:bp-spin .7s linear infinite}
@keyframes bp-spin{to{transform:rotate(360deg)}}
.bp-btn-pulse{animation:bp-pulse 2.6s ease-in-out infinite}
@keyframes bp-pulse{0%,100%{box-shadow:0 6px 16px rgba(28,24,20,.14)}
  50%{box-shadow:0 8px 22px rgba(28,24,20,.2)}}
.bp-btn.bp-flash{animation:bp-flash .6s ease}
@keyframes bp-flash{0%,100%{transform:scale(1)}40%{transform:scale(1.04)}}
/* "X sold" pill that sits over a CTA */
.bp-cta-wrap{position:relative;padding-top:13px}
.bp-cta-tag{position:absolute;top:0;inset-inline:0;margin:0 auto;width:max-content;
  background:var(--bp-ink);color:#fff;font-weight:800;font-size:11.5px;
  padding:5px 14px;border-radius:999px;z-index:2}

/* ============ ANNOUNCEMENT BAR ============ */
.bp-announce{background:#000;color:#fff;direction:rtl;font-family:var(--bp-font)}
.bp-section.bp-announce{padding:0}
.bp-announce-in{max-width:none;margin:0 auto;padding:8px 14px;min-height:38px;display:flex;
  align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}
.bp-announce-live-dot{width:7px;height:7px;border-radius:50%;background:#fff;flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(255,255,255,.54);animation:bpAnnounceDot 1.35s ease-in-out infinite}
@keyframes bpAnnounceDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.42;transform:scale(1.35)}} /* perf 2026-09-04: opacity+transform only */
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:999px;padding:3px 8px 3px 11px}
.bp-cd-label{display:inline-flex;align-items:center;gap:5px;font-weight:800;
  font-size:10.5px;letter-spacing:.01em;color:var(--bp-orange);white-space:nowrap}
.bp-cd-ico{width:12px;height:12px;flex:0 0 auto;display:block}
.bp-cd-clock{display:inline-flex;align-items:center;gap:4px;direction:ltr}
.bp-cd-unit{display:inline-flex;justify-content:center;align-items:center;min-width:25px;
  padding:2px 5px;border-radius:6px;background:rgba(255,255,255,.1);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
.bp-cd-unit b{font-size:13px;font-weight:800;color:#fff;line-height:1.25;
  font-variant-numeric:tabular-nums;letter-spacing:.06em}
.bp-cd-clock i{font-style:normal;color:rgba(255,255,255,.34);font-weight:700;font-size:10px;margin:0 -1px}

/* ============ HERO / BUY BOX ============ */
.bp-hero{padding:18px 0 32px}
.bp-hero-grid{display:flex;flex-direction:column;gap:22px}
.bp-gallery{display:flex;flex-direction:column;gap:10px}
/* 2026-08-18: these three placeholders were #fff while the page is cream (--bp-cream
   #fdf7f0). The gallery box is 370px tall, reserved by aspect-ratio:1/1 directly under the
   header, so on a cold load a pure-WHITE block sat at the top of a cream page until the hero
   JPEG painted - the "white gap at the top for a second" Ram reported. The images are
   object-fit:cover, so once loaded they hide the box entirely and this changes nothing about
   the finished look; it only stops the flash. */
.bp-gal-main{position:relative;border-radius:var(--bp-radius);overflow:hidden;background:var(--bp-cream);
  border:1px solid var(--bp-line);aspect-ratio:1/1;max-width:74vw;margin-inline:auto;
  width:100%;box-shadow:var(--bp-shadow-md);
  display:flex;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;scrollbar-width:none}
.bp-gal-main::-webkit-scrollbar{display:none}
.bp-gal-slide{flex:0 0 100%;min-width:100%;height:100%;
  scroll-snap-align:start;scroll-snap-stop:always;background:var(--bp-cream);overflow:hidden}
.bp-gal-slide img{width:100%;height:100%;object-fit:cover;display:block;
  -webkit-touch-callout:none;-webkit-user-drag:none;user-select:none}
/* Thumbnails in one horizontal scrollable row (Pelsbarn-style) */
.bp-gal-thumbs{display:flex;flex-wrap:nowrap;gap:7px;
  max-width:74vw;margin-inline:auto;width:100%;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding:2px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}
.bp-gal-thumbs::-webkit-scrollbar{display:none}
.bp-thumb{flex:0 0 18%;max-width:74px;border-radius:11px;overflow:hidden;
  border:2px solid transparent;background:var(--bp-cream);cursor:pointer;aspect-ratio:1/1;padding:0;
  scroll-snap-align:start}
.bp-thumb img{width:100%;height:100%;object-fit:cover}
.bp-thumb.is-active{border-color:var(--bp-orange)}
@media (min-width: 700px){.bp-thumb{flex:0 0 70px}}
.bp-gal-badge{position:absolute;top:14px;inset-inline-start:14px;z-index:3;
  display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;
  padding:8px 13px 9px;border-radius:11px;
  background:rgba(255,255,255,.94);color:var(--bp-ink);
  border:1px solid rgba(28,24,20,.08);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 10px 24px -8px rgba(20,12,4,.28);
  pointer-events:none;font-family:var(--bp-font)}
.bp-gal-badge i{font-style:normal;
  font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--bp-orange-deep);line-height:1}
.bp-gal-badge b{font-size:14.5px;font-weight:900;letter-spacing:-.01em;
  line-height:1.18;color:var(--bp-ink)}
/* gallery prev/next controls — desktop has no touch-swipe, so explicit arrows.
   Hidden on mobile (native swipe); shown ≥700px. RTL: prev sits on the start
   edge (right) and its glyph points start-ward, next on the end edge (left). */
.bp-gal-stage{position:relative}
.bp-gal-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:4;
  width:42px;height:42px;border-radius:50%;padding:0;cursor:pointer;
  align-items:center;justify-content:center;
  background:rgba(255,255,255,.93);color:var(--bp-ink);
  border:1px solid rgba(28,24,20,.10);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  box-shadow:0 8px 22px -8px rgba(20,12,4,.32);
  transition:opacity .18s ease, background .18s ease, transform .18s ease}
.bp-gal-nav svg{width:22px;height:22px;display:block}
.bp-gal-nav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.bp-gal-nav:disabled{opacity:.34;cursor:default;box-shadow:none}
.bp-gal-prev{inset-inline-start:12px}
.bp-gal-next{inset-inline-end:12px}
@media (min-width:700px){.bp-gal-nav{display:flex}}

.bp-buy{display:flex;flex-direction:column}
.bp-rating{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-weight:700;font-size:14px}
.bp-stars{color:var(--bp-star);font-size:17px;letter-spacing:1px}
.bp-rating a{color:var(--bp-ink-soft);text-underline-offset:2px}
.bp-title{font-size:clamp(24px,6.4vw,32px);font-weight:900;line-height:1.15;
  letter-spacing:-.022em;margin:2px 0 8px;text-wrap:balance}
.bp-tagline{font-size:15.5px;line-height:1.55;color:var(--bp-ink-soft);margin:0 0 16px}
.bp-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.bp-price{font-size:33px;font-weight:900;color:var(--bp-ink)}
.bp-price-row .bp-compare{font-size:20px;color:#a99e92;text-decoration:line-through;font-weight:700}
.bp-save{background:var(--bp-orange);color:var(--bp-ink);font-weight:800;font-size:12.5px;
  padding:5px 10px;border-radius:999px}
.bp-price-note{font-size:13.5px;color:var(--bp-green);font-weight:800;margin:0 0 16px}
.bp-price-note:empty{display:none}

.bp-opt{margin-bottom:16px}
.bp-opt-label{font-weight:800;font-size:14.5px;margin-bottom:9px;display:flex;gap:6px}
.bp-opt-label span{color:var(--bp-ink-soft);font-weight:600}
.bp-swatches{display:flex;gap:11px;flex-wrap:wrap}
.bp-sw{width:46px;height:46px;border-radius:50%;cursor:pointer;border:0;
  position:relative;transition:transform .12s ease, box-shadow .12s ease;padding:0;
  box-shadow:0 0 0 1px rgba(28,24,20,.16)}
.bp-sw:hover{transform:scale(1.06)}
/* clean Pelsbarn-style selected state: white gap + crisp dark ring, no checkmark overlay */
.bp-sw.is-active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--bp-ink);transform:none}
.bp-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;direction:ltr;margin-top:11px}
.bp-size{position:relative;border:1.6px solid rgba(28,24,20,.22);background:#fff;border-radius:13px;
  padding:11px 3px;cursor:pointer;text-align:center;font-family:var(--bp-font);
  transition:all .12s ease;color:var(--bp-ink);min-height:58px;
  display:flex;flex-direction:column;align-items:center;justify-content:center}
.bp-size:hover{border-color:var(--bp-ink)}
.bp-size.is-active{border-color:var(--bp-ink);background:var(--bp-ink);color:#fff}
.bp-size.is-soldout{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.bp-size b{display:block;font-size:15px;font-weight:900}
.bp-size small{display:block;font-size:10px;opacity:.62;margin-top:2px}
.bp-size-badge{display:block;max-width:100%;margin-top:5px;padding:2px 4px;border-radius:999px;
  background:rgba(245,133,31,.12);color:var(--bp-orange-deep);font-size:8.5px;
  font-weight:900;line-height:1.1;letter-spacing:0;direction:rtl;unicode-bidi:plaintext;white-space:normal}
.bp-size.is-active .bp-size-badge{background:rgba(255,255,255,.16);color:#fff}
@media (max-width:480px){
  .bp-size{padding:9px 2px;min-height:60px}
  .bp-size-badge{font-size:8px;padding:2px 3px;margin-top:4px}
}
.bp-bogo{display:flex;align-items:center;gap:11px;background:var(--bp-orange-soft);
  border:1.5px dashed var(--bp-orange);border-radius:14px;padding:13px 15px;margin:2px 0 16px}
.bp-bogo-ico{font-size:25px;flex:none}
.bp-bogo b{font-size:15.5px}
.bp-bogo p{margin:2px 0 0;font-size:13px;color:var(--bp-ink-soft)}

.bp-atc-sub{display:flex;justify-content:center;gap:14px;margin-top:12px;
  font-size:12.5px;color:var(--bp-ink-soft);flex-wrap:wrap}
.bp-atc-sub span{display:flex;align-items:center;gap:5px;font-weight:700}
/* Pelsbarn-style payment row: uniform-size tiles, one line where they fit.
   flex-wrap:wrap (not nowrap) so on very small phones (≤~340px) the 7 chips wrap
   to a 2nd row instead of overflowing the viewport and letting the whole page drag
   sideways (fixed 2026-06-15). On normal widths they still shrink onto one line. */
.bp-pay{display:flex;align-items:center;justify-content:center;gap:4px;
  margin-top:14px;flex-wrap:wrap;direction:ltr}
.bp-pay .bp-pc-box{display:inline-flex;align-items:center;justify-content:center;
  width:43px;height:30px;flex:0 1 43px;min-width:30px;border-radius:5px;
  background:#fff;box-shadow:0 0 0 1px rgba(29,24,18,.08);overflow:hidden}
.bp-pay .bp-pc-box img{display:block;max-width:90%;max-height:80%;
  width:auto;height:auto;object-fit:contain;border-radius:3px}
/* PayBox: fill the tile fully */
.bp-pay .bp-pc-box--zoom img{max-width:100%;max-height:100%;width:100%;height:auto}
@media (min-width: 420px){
  .bp-pay{gap:5px}
  .bp-pay .bp-pc-box{width:47px;height:32px}
}
@media (min-width: 480px){
  .bp-pay{gap:6px}
  .bp-pay .bp-pc-box{width:52px;height:34px}
}
.bp-trust-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;
  border-top:1px solid var(--bp-line);padding-top:16px}
.bp-trust-mini div{text-align:center;font-size:12px;font-weight:700;line-height:1.35;color:var(--bp-ink-soft)}
.bp-trust-mini .bp-tm-ico{font-size:22px;margin-bottom:3px}
/* hero buy-box: problem paragraph + icon benefit lines + trust bar */
.bp-hb-problem{font-size:16.5px;line-height:1.62;color:var(--bp-ink-soft);margin:8px 0 15px}
.bp-hb-problem b{color:var(--bp-ink);font-weight:900}
.bp-hb-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}
.bp-hb-item{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.4}
.bp-hb-item b{font-weight:900}
.bp-hb-ico{flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:var(--bp-orange-soft);
  color:var(--bp-orange-deep);display:flex;align-items:center;justify-content:center}
.bp-hb-ico svg{width:18px;height:18px}
.bp-hb-ico svg path{fill:currentColor}
.bp-hb-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;
  border-top:1px solid var(--bp-line);padding-top:16px}
.bp-hb-trust div{text-align:center}
.bp-hb-trust b{display:block;font-size:15px;font-weight:900;color:var(--bp-orange-deep)}
.bp-hb-trust span{font-size:10.5px;color:var(--bp-ink-soft);font-weight:700;line-height:1.3;display:block}

/* ---- Trust row v2: circular icon badges (Ram, 2026-06-15) ---- */
.bp-trust2{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(118,84,61,.14);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.bp-trust2-it{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;
  padding:0 3px;position:relative}
.bp-trust2-it:not(:first-child)::before{content:none}
.bp-trust2-ic{width:46px;height:40px;border-radius:0;background:transparent;
  display:flex;align-items:center;justify-content:center;box-shadow:none}
.bp-trust2-ic svg{width:42px;height:40px;display:block}
.bp-trust2-it--hl .bp-trust2-ic{background:transparent;box-shadow:none}
.bp-trust2 b{display:block;font-size:16px;font-weight:900;color:#211a15;line-height:1.05;letter-spacing:0}
.bp-trust2-it--hl b{color:#b25405}
.bp-trust2-sub{display:block;font-size:11.5px;color:#5f5346;font-weight:500;line-height:1.28;margin-top:0;letter-spacing:0}
@media (max-width:380px){
  .bp-trust2{margin-top:14px;padding-top:12px;gap:2px}
  .bp-trust2-it{gap:6px;padding:0 2px}
  .bp-trust2-ic{width:38px;height:34px}
  .bp-trust2-ic svg{width:34px;height:33px}
  .bp-trust2 b{font-size:14px}
  .bp-trust2-sub{font-size:10.5px}
}

/* ============ STICKY MOBILE CTA ============ */
/* Sticky bar is an <a href="#bp-buy"> — the WHOLE bar scrolls up to the buy box
   (no price, no direct add-to-cart). Offer tag on one side, an obvious "להזמנה"
   pill on the other; whole thing is tappable. (rebuilt 2026-06-15, Ram) */
.bp-sticky{position:fixed;inset-inline:0;bottom:0;z-index:50;background:var(--bp-ink);
  box-shadow:0 -6px 22px rgba(28,24,20,.32);padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));
  padding-inline-end:68px;display:none;
  gap:12px;align-items:center;justify-content:space-between;text-decoration:none;cursor:pointer;
  transform:translateY(110%);transition:transform .25s ease}
.bp-sticky.is-on{transform:translateY(0)}
.bp-sticky-tag{flex:1 1 auto;min-width:0;color:#fff;font-size:14px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-sticky-tag b{color:var(--bp-orange);font-weight:900}
.bp-sticky-go{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;
  background:var(--bp-orange);color:#1c1a18;font-size:15.5px;font-weight:900;
  padding:12px 22px;border-radius:999px;line-height:1}
.bp-sticky-go svg{width:15px;height:15px}

/* ============ TRUST BAR ============ */
.bp-trustbar{display:flex;align-items:center;justify-content:center;gap:9px;
  flex-wrap:wrap;text-align:center}
.bp-trustbar-avts{display:flex;direction:ltr}
.bp-trustbar-avts span{width:34px;height:34px;border-radius:50%;border:2.5px solid #fff;
  margin-inline-start:-9px;background:var(--bp-orange);color:#fff;display:flex;
  align-items:center;justify-content:center;font-weight:900;font-size:13px}
.bp-trustbar-avts span:first-child{margin-inline-start:0}
.bp-trustbar b{font-weight:900;font-size:15px}
.bp-trustbar .bp-tb-stars{color:var(--bp-star);font-size:15px;letter-spacing:1px}
.bp-trustbar i{font-style:normal;color:var(--bp-ink-soft);font-weight:700;font-size:13.5px}

/* ============ PROMISE (2-tone headline + value props) ============ */
.bp-promise{max-width:620px;margin:0 auto;text-align:center}
.bp-promise .bp-h2{margin-bottom:22px}
.bp-promise-list{display:flex;flex-direction:column;gap:13px;text-align:start;margin:0 auto;max-width:440px}
.bp-promise-item{display:flex;gap:12px;align-items:flex-start}
.bp-promise-check{flex:0 0 26px;height:26px;border-radius:50%;background:var(--bp-green);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;
  font-size:14px;margin-top:1px}
.bp-promise-item p{margin:0;font-size:15.5px;line-height:1.5;font-weight:600}
.bp-promise-item p b{font-weight:900}
.bp-promise-line{font-weight:900;font-size:clamp(16px,4.4vw,19px);margin:24px auto 0;
  max-width:480px;line-height:1.4}

/* ============ BENEFITS GRID ============ */
.bp-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.bp-bcard{background:#fff;border:1px solid var(--bp-line);border-radius:var(--bp-radius);
  padding:22px 16px;text-align:center;box-shadow:var(--bp-shadow);transition:transform .16s ease}
.bp-bcard:hover{transform:translateY(-4px)}
.bp-bcard .bp-bico{width:58px;height:58px;margin:0 auto 13px;border-radius:17px;
  background:var(--bp-orange-soft);display:flex;align-items:center;justify-content:center;
  color:var(--bp-orange-deep)}
.bp-bcard .bp-bico svg{width:30px;height:30px}
.bp-bcard .bp-bico svg path{fill:currentColor}
.bp-bcard h3{font-size:16.5px;font-weight:900;margin:0 0 6px}
.bp-bcard p{font-size:13.5px;line-height:1.55;color:var(--bp-ink-soft);margin:0}

/* ============ STATS (big numbers) ============ */
.bp-stats{display:flex;flex-direction:column;gap:14px;margin-top:30px}
.bp-stat{background:#fff;border:1px solid var(--bp-line);border-radius:var(--bp-radius);
  box-shadow:var(--bp-shadow);padding:24px 20px;display:flex;align-items:center;gap:18px}
.bp-stat-num{font-size:clamp(44px,13vw,62px);font-weight:900;line-height:.9;
  color:var(--bp-orange);flex:none;letter-spacing:-.03em}
.bp-stat-txt{text-align:start}
.bp-stat-txt b{display:block;font-size:16px;font-weight:900;margin-bottom:3px}
.bp-stat-txt span{font-size:13.5px;line-height:1.5;color:var(--bp-ink-soft)}

/* ============ FEATURE ROWS ============ */
.bp-feat{display:flex;flex-direction:column;gap:20px}
.bp-feat-media{position:relative;aspect-ratio:4/3;max-height:300px;overflow:hidden;
  border-radius:var(--bp-radius);box-shadow:var(--bp-shadow-md)}
.bp-feat-media img{width:100%;height:100%;object-fit:cover;display:block}
.bp-feat-body .bp-h2{margin-bottom:10px}
.bp-feat-list{list-style:none;padding:0;margin:16px 0 0}
.bp-feat-list li{display:flex;gap:10px;align-items:flex-start;margin-bottom:11px;
  font-size:15px;line-height:1.5;font-weight:600}
.bp-feat-list li::before{content:"✓";flex:0 0 23px;height:23px;border-radius:50%;
  background:var(--bp-green);color:#fff;font-weight:900;display:flex;align-items:center;
  justify-content:center;font-size:12px;margin-top:1px}
.bp-feat-stat{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap}
.bp-feat-stat div{flex:1;min-width:120px;background:#fff;border:1px solid var(--bp-line);
  border-radius:var(--bp-radius-sm);padding:14px}
.bp-feat-stat div b{font-size:26px;font-weight:900;color:var(--bp-orange-deep);
  display:block;line-height:1}
.bp-feat-stat div span{font-size:12.5px;color:var(--bp-ink-soft);font-weight:700}

/* ============ COOL DOGS / UGC SLIDER ============ */
.bp-ugc-rating{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin-top:12px;font-weight:900;font-size:14px;color:var(--bp-ink)}
.bp-ugc-stars{color:#f5a623;font-size:16px;letter-spacing:2px}
.bp-ugc-score{color:var(--bp-ink-soft);font-weight:700;font-size:12.5px}
.bp-ugc-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;max-width:var(--bp-wrap);margin:0 auto;
  padding:24px 16px 8px;scrollbar-width:none}
.bp-ugc-track::-webkit-scrollbar{display:none}
.bp-ugc-card{position:relative;flex:0 0 auto;width:73%;max-width:300px;margin:0;
  scroll-snap-align:center;border-radius:var(--bp-radius);overflow:hidden;
  box-shadow:var(--bp-shadow-md);background:#fff;aspect-ratio:4/5}
.bp-ugc-card img{width:100%;height:100%;object-fit:cover;display:block}
.bp-ugc-cap{position:absolute;top:12px;left:50%;transform:translateX(-50%);
  background:#fff;color:var(--bp-ink);font-weight:800;font-size:12.5px;
  padding:6px 14px;border-radius:999px;white-space:nowrap;
  box-shadow:0 3px 12px rgba(0,0,0,.2)}

/* ============ COOL OASIS ============ */
.bp-oasis-intro{margin-left:auto;margin-right:auto}
.bp-oasis-media{max-width:var(--bp-wrap);margin:22px auto 0;border-radius:var(--bp-radius);
  overflow:hidden;box-shadow:var(--bp-shadow-md);aspect-ratio:3/2}
.bp-oasis-media img{width:100%;height:100%;object-fit:cover;display:block}
.bp-oasis-cards{display:grid;gap:14px;margin-top:24px}
.bp-oasis-card{background:#fff;border:1px solid var(--bp-line);
  border-radius:var(--bp-radius-sm);padding:22px 20px;text-align:center}
.bp-oasis-emoji{font-size:30px;line-height:1;display:block;margin-bottom:10px}
.bp-oasis-card h3{font-size:17px;font-weight:900;color:var(--bp-ink);margin:0 0 7px}
.bp-oasis-card p{font-size:14px;line-height:1.6;color:var(--bp-ink-soft);
  font-weight:600;margin:0}
@media (min-width:750px){
  .bp-oasis-cards{grid-template-columns:repeat(3,1fr);gap:18px}
}

/* ============ SEE-IT VIDEO ============ */
.bp-video-wrap{max-width:var(--bp-wrap);margin:22px auto 0;border-radius:var(--bp-radius);
  overflow:hidden;box-shadow:var(--bp-shadow-lg);background:#0d0b0a;aspect-ratio:3/2}
.bp-video{width:100%;height:100%;object-fit:cover;display:block}

/* ============ OFFER MODULE ============ */
.bpo{max-width:560px;margin:0 auto;background:#fff;border-radius:24px;
  box-shadow:var(--bp-shadow-lg);overflow:hidden;border:1px solid var(--bp-line)}
.bpo-ribbon{background:var(--bp-orange);color:#fff;text-align:center;
  padding:13px 16px;font-weight:900;font-size:15px}
.bpo-body{padding:26px 20px 28px}
.bpo-badge{display:inline-flex;align-items:center;gap:7px;background:var(--bp-ink);
  color:#fff;font-weight:900;font-size:13px;padding:7px 14px;border-radius:999px;margin-bottom:12px}
.bpo h2{font-size:clamp(24px,6.6vw,32px);font-weight:900;line-height:1.15;
  letter-spacing:-.015em;margin:0 0 8px;color:var(--bp-ink)}
.bpo-sub{font-size:14.5px;line-height:1.55;color:var(--bp-ink-soft);margin:0 0 18px}
.bpo-count{display:flex;justify-content:center;gap:8px;margin:0;direction:ltr}
.bpo-cd{background:var(--bp-ink);color:#fff;border-radius:13px;padding:9px 5px;
  min-width:60px;text-align:center}
.bpo-cd b{font-size:25px;font-weight:900;display:block;line-height:1;font-variant-numeric:tabular-nums}
.bpo-cd span{font-size:10px;color:rgba(255,255,255,.66);font-weight:700}
.bpo-deadline{text-align:center;font-weight:800;font-size:12.5px;color:var(--bp-orange-deep);margin:8px 0 0}
.bpo-get{margin:18px 0;border:1px solid var(--bp-line);border-radius:16px;overflow:hidden}
.bpo-get-row{display:flex;align-items:center;gap:12px;padding:13px 15px;
  border-bottom:1px solid var(--bp-line)}
.bpo-get-row:last-child{border-bottom:0}
.bpo-get-row.is-free{background:var(--bp-orange-soft)}
.bpo-get-ico{width:42px;height:42px;border-radius:11px;background:var(--bp-cream);
  display:flex;align-items:center;justify-content:center;font-size:23px;flex:none}
.bpo-get-row.is-free .bpo-get-ico{background:#fff}
.bpo-get-txt{flex:1;text-align:start}
.bpo-get-txt b{display:block;font-size:15px;font-weight:800}
.bpo-get-txt span{font-size:12.5px;color:var(--bp-ink-soft)}
.bpo-get-tag{font-weight:900;font-size:13px;color:var(--bp-green);flex:none}
.bpo-get-tag s{color:#a99e92;font-weight:700;font-size:11.5px;margin-inline-end:4px}
.bpo .bp-btn{margin-top:4px}
.bpo-stock{margin-top:16px}
.bpo-stock-track{height:9px;background:rgba(28,24,20,.1);border-radius:999px;overflow:hidden}
.bpo-stock-fill{height:100%;width:22%;border-radius:999px;
  background:linear-gradient(90deg,var(--bp-orange-deep),var(--bp-orange))}
.bpo-stock p{font-size:12px;font-weight:800;color:var(--bp-orange-deep);margin:7px 0 0;text-align:center}
.bpo-trust{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;
  margin-top:14px;font-size:12px;font-weight:700;color:var(--bp-ink-soft)}

/* ============ COMPARE TABLE ============ */
.bp-compare-wrap{max-width:620px;margin:24px auto 0;background:#fff;border-radius:var(--bp-radius);
  overflow:hidden;box-shadow:var(--bp-shadow);border:1px solid var(--bp-line)}
.bp-ctable{width:100%;border-collapse:collapse}
.bp-ctable th,.bp-ctable td{padding:13px 10px;text-align:center;
  border-bottom:1px solid var(--bp-line);font-size:13.5px}
.bp-ctable thead th{background:var(--bp-ink);color:#fff;font-weight:900;font-size:13.5px}
.bp-ctable thead .bp-col-us{background:var(--bp-orange)}
.bp-ctable tbody .bp-col-us{background:var(--bp-orange-soft);font-weight:800}
.bp-ctable tbody td:first-child,.bp-ctable tbody th:first-child{text-align:start;
  font-weight:800;font-size:13.5px}
.bp-ctable .bp-yes{color:var(--bp-green);font-weight:900;font-size:17px}
.bp-ctable .bp-no{color:#c9bcae;font-weight:900;font-size:17px}
.bp-ctable tr:last-child td{border-bottom:0}

/* ============ REVIEWS ============ */
.bp-rev-head{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:6px}
.bp-rev-score{font-size:42px;font-weight:900;line-height:1}
.bp-reviews{display:flex;flex-direction:column;gap:13px;margin-top:24px}
.bp-rev{background:#fff;border:1px solid var(--bp-line);border-radius:var(--bp-radius);
  padding:20px;box-shadow:var(--bp-shadow);text-align:start}
.bp-rev-stars{color:var(--bp-star);font-size:15px;letter-spacing:1px;margin-bottom:6px}
.bp-rev-title{font-size:15px;font-weight:900;color:var(--bp-ink);margin:0 0 5px;line-height:1.35}
.bp-rev-txt{font-size:14.5px;line-height:1.6;margin:0 0 13px}
.bp-rev-by{display:flex;align-items:center;gap:10px}
.bp-rev-av{width:38px;height:38px;border-radius:50%;background:var(--bp-orange);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;flex:none}
.bp-rev-by b{font-size:13.5px;display:block}
.bp-rev-by span{font-size:11.5px;color:var(--bp-ink-soft);display:flex;align-items:center;gap:4px}
.bp-rev-verified{color:var(--bp-green);font-weight:800}

/* ============ SIZE GUIDE ============ */
.bp-sg-wrap{max-width:620px;margin:22px auto 0;background:#fff;border-radius:var(--bp-radius);
  overflow:hidden;box-shadow:var(--bp-shadow);border:1px solid var(--bp-line)}
.bp-sg{width:100%;border-collapse:collapse}
.bp-sg th,.bp-sg td{padding:12px 12px;border-bottom:1px solid var(--bp-line);
  font-size:13px;text-align:start;line-height:1.4}
.bp-sg thead th{background:var(--bp-beige);font-weight:900}
.bp-sg td:first-child b{background:var(--bp-orange);color:#fff;border-radius:8px;
  padding:3px 9px;font-size:13px;display:inline-block;font-weight:900}
.bp-sg tr:last-child td{border-bottom:0}

/* ============ FAQ ============ */
.bp-faq{max-width:680px;margin:22px auto 0;display:flex;flex-direction:column;gap:10px}
.bp-fq{background:#fff;border:1px solid var(--bp-line);border-radius:14px;overflow:hidden}
.bp-fq summary{list-style:none;cursor:pointer;padding:16px 17px;font-weight:800;
  font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.bp-fq summary::-webkit-details-marker{display:none}
.bp-fq summary::after{content:"+";font-size:22px;color:var(--bp-orange-deep);
  font-weight:900;flex:none}
.bp-fq[open] summary::after{content:"–"}
.bp-fq-body{padding:0 17px 17px;font-size:14px;line-height:1.62;color:var(--bp-ink-soft)}

/* ============ GUARANTEE BAND ============ */
.bp-guarantee{text-align:center}
.bp-guarantee .bp-badge-30{width:104px;height:104px;border-radius:50%;background:var(--bp-orange);
  color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;
  margin:0 auto 18px;font-weight:900;box-shadow:var(--bp-shadow-lg);border:4px solid rgba(255,255,255,.16)}
.bp-badge-30 b{font-size:34px;line-height:.9}
.bp-badge-30 span{font-size:12px}
.bp-guarantee .bp-btn{max-width:360px;margin:22px auto 0}

/* ============ VALUE STRIP / MARQUEE ============ */
.bp-strip{background:var(--bp-dark);color:var(--bp-cream);padding:13px 0;overflow:hidden}
.bp-strip-track{display:flex;gap:34px;white-space:nowrap;width:max-content;
  animation:bp-marq 30s linear infinite}
.bp-strip-track span{font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px}
.bp-strip-track span::before{content:"❄";color:var(--bp-orange);font-size:13px}
@keyframes bp-marq{to{transform:translateX(50%)}}

/* ============ FOOTER LEGAL LINKS ============ */
/* clean horizontal policy nav: no chip background, no underline by default,
   tidy spacing. dedupes the redundant /policies/contact-information link
   ("פרטי יצירת קשר") because /pages/contact already says the same thing. */
.footer nav.bp-footer-legal,
.shopify-section-group-footer-group nav.bp-footer-legal{
  display:flex !important;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:4px 22px;
  background:transparent !important;background-color:transparent !important;
  border-top:1px solid rgba(28,24,20,.10) !important;
  border-color:rgba(28,24,20,.10) !important;
  margin-top:22px;padding:18px 14px 4px;direction:rtl}
.footer nav.bp-footer-legal a,
.footer nav.bp-footer-legal a:visited,
.shopify-section-group-footer-group nav.bp-footer-legal a{
  display:inline-block;min-height:auto !important;padding:5px 0 !important;
  border-radius:0 !important;
  font-size:13px;font-weight:500;line-height:1.4;
  color:#1c1814 !important;
  opacity:.82 !important;
  background:transparent !important;background-color:transparent !important;
  box-shadow:none !important;border:0 !important;
  text-decoration:none !important;
  transition:opacity .15s ease, color .15s ease}
.footer nav.bp-footer-legal a:hover,
.shopify-section-group-footer-group nav.bp-footer-legal a:hover{
  color:#c4710b !important;opacity:1 !important;text-decoration:none !important}
.footer nav.bp-footer-legal a[href*="/policies/contact-information"]{display:none !important}

/* ============ HEBREW POLICY PAGES ============ */
.bp-legal{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--bp-line);
  border-radius:var(--bp-radius);box-shadow:var(--bp-shadow);padding:clamp(22px,5vw,44px)}
.bp-legal-updated{font-size:13.5px;font-weight:700;color:var(--bp-ink-soft);margin:0 0 24px}
.bp-legal-body{text-align:start;font-size:15.5px;line-height:1.8;color:var(--bp-ink)}
.bp-legal-body h2{font-size:clamp(20px,3vw,26px);font-weight:900;margin:30px 0 10px}
.bp-legal-body h2:first-child{margin-top:0}
.bp-legal-body p{margin:0 0 13px}
.bp-legal-body ul,.bp-legal-body ol{padding-inline-start:22px;margin:0 0 16px}
.bp-legal-body li{margin:0 0 7px}
.bp-legal-body a{color:var(--bp-orange-deep);font-weight:800;text-underline-offset:3px}

/* ============ DESKTOP ENHANCEMENTS ============ */
@media (min-width:750px){
  .bp-wrap{padding:0 28px}
  .bp-pad{padding:72px 0}
  .bp-pad-sm{padding:44px 0}
  .bp-benefits{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
  .bp-bcard{padding:30px 22px}
  .bp-reviews{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .bp-stats{flex-direction:row;gap:18px}
  .bp-stat{flex:1;flex-direction:column;text-align:center;gap:8px;padding:30px 22px}
  .bp-stat-txt{text-align:center}
  .bp-feat-stat div{min-width:0}
  .bp-strip-track{gap:46px}
  .bp-ctable th,.bp-ctable td{padding:16px 16px;font-size:15px}
  .bp-sg th,.bp-sg td{padding:15px 16px;font-size:14.5px}
  .bp-announce-txt{font-size:18px}
  .bp-cd-label{font-size:11px}
  .bp-cd-unit b{font-size:13.5px}
}
@media (min-width:990px){
  .bp-hero{padding:30px 0 46px}
  .bp-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:flex-start}
  .bp-gallery{position:sticky;top:18px}
  .bp-gal-main{aspect-ratio:1/1;max-width:none;margin:0}
  /* desktop: wrap thumbs into rows so ALL photos are visible/clickable —
     the horizontal scroll strip hid the last thumbs behind a hidden scrollbar */
  .bp-gal-thumbs{max-width:none;flex-wrap:wrap;overflow:visible;
    justify-content:flex-start;scroll-snap-type:none;
    -webkit-mask-image:none;mask-image:none}
  .bp-reviews{grid-template-columns:repeat(3,1fr)}
  .bp-feat{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
  .bp-feat.bp-feat-flip .bp-feat-media{order:2}
  .bp-feat-media{aspect-ratio:auto;max-height:none}
  .bp-feat-media img{height:auto;max-height:460px}
}
/* hide the search icon in the header — not needed on a single-product funnel */
.header .header__search,
.header .header__search-modal{display:none !important}

@media (max-width:989px){
  .bp-sticky{display:flex}
  /* extend the footer's cream background through the section-group wrapper so
     the padding reserved for the sticky CTA doesn't show as a gap of another color. */
  .shopify-section-group-footer-group{background:#fbf4e6}
  body.bp-has-sticky .shopify-section-group-footer-group{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}

  /* full-bleed product gallery on mobile — the photo runs edge to edge,
     flush to the top, like a full-screen hero. */
  .bp-hero{padding-top:0}
  .bp-gal-main{
    max-width:100vw;width:100vw;
    margin-inline:calc(50% - 50vw);
    border:0;border-radius:0;box-shadow:none;
  }
  .bp-gal-thumbs{
    max-width:100vw;width:100vw;
    margin-inline:calc(50% - 50vw);
    padding-inline:14px;
  }
}

/* legacy: hide qty editors on cart page - fixed 1+1 bundles */
body.template-cart .quantity__button,
body.template-cart quantity-popover .quantity__rules{display:none!important}

/* ============================================================
   Tighter funnel rhythm (Ram, 2026-05-23)
   - Hide mini-title eyebrows on every funnel section (except the
     buy-box eyebrow inside bp-hero, which uses .bp-buy-eyebrow)
   - Pull section padding from 48px → 28px so scrolling is denser
   ============================================================ */
.bp-eyebrow:not(.bp-buy-eyebrow){display:none !important}
.bp-section.bp-pad{padding:28px 0 !important}
.bp-section.bp-pad-sm{padding:20px 0 !important}
.bp-section h2.bp-h2,
.bp-section .bp-h2{margin-top:0 !important}

/* ============================================================
   Cart drawer — loading overlay while ATC fetch resolves
   (Ram, 2026-05-24 — opens drawer instantly, fills when data arrives)
   ============================================================ */
cart-drawer.bp-cart-busy .drawer__inner{position:relative}
cart-drawer.bp-cart-busy .drawer__inner::after{
  content:"";position:absolute;inset:0;z-index:8;
  background:rgba(255,255,255,.72);backdrop-filter:blur(2px);
  pointer-events:none;border-radius:inherit;
}
cart-drawer.bp-cart-busy .drawer__inner::before{
  content:"";position:absolute;top:50%;left:50%;
  width:36px;height:36px;margin:-18px 0 0 -18px;
  border-radius:50%;
  border:3px solid rgba(29,24,18,.12);
  border-top-color:#1A2540;z-index:9;
  animation:bp-cart-spin .9s linear infinite;
}
@keyframes bp-cart-spin{to{transform:rotate(360deg)}}


/* ============================================================
   QUIET LUXURY PASS — standalone PDP sections (non-buy-box)
   Hairline borders, tracked-out eyebrows, refined typography.
   Visual-only. Doesn't touch hero/buy-box/cart/payment row.
   (Ram, 2026-05-24)
   ============================================================ */

/* --- Section header treatment --- */
.bp-section:not(.bp-hero):not(.bp-announce) .bp-eyebrow:not(.bp-buy-eyebrow){
  font-family:'Assistant',sans-serif !important;
  font-weight:700 !important;
  font-size:10.5px !important;
  letter-spacing:0.22em !important;
  text-transform:uppercase !important;
  background:transparent !important;
  color:#c4710b !important;
  padding:0 !important;
  margin-bottom:10px !important;
  position:relative !important;
}
.bp-section:not(.bp-hero):not(.bp-announce) .bp-eyebrow:not(.bp-buy-eyebrow)::before{
  content:"";display:inline-block;width:18px;height:1.5px;background:#c4710b;
  margin-inline-end:8px;vertical-align:middle;border-radius:2px;
}
.bp-section:not(.bp-hero) .bp-h2{
  font-weight:800 !important;
  letter-spacing:-0.024em !important;
}
.bp-section:not(.bp-hero) .bp-h2 .bp-accent{color:#c4710b !important}
.bp-section:not(.bp-hero) .bp-sub{
  font-weight:500 !important;
  color:#6e6053 !important;
}

/* --- Promise list: refined check disc --- */
.bp-promise-check{
  background:transparent !important;
  border:1.5px solid #c4710b !important;
  color:#c4710b !important;
}
.bp-promise-item p{font-weight:500 !important;color:#6e6053 !important}
.bp-promise-item p b{font-weight:700 !important;color:#1A2540 !important;letter-spacing:-0.005em !important}
.bp-promise-line{
  font-weight:700 !important;
  letter-spacing:-0.012em !important;
  color:#1A2540 !important;
}

/* --- Benefits grid (PDP "כל מה שמזרן קירור צריך להיות") --- */
.bp-benefits .bp-benefit-card{
  background:linear-gradient(180deg,#fffdf7 0%,#fff8e9 100%);
  border:1px solid rgba(26,37,64,.10);
  box-shadow:0 1px 2px rgba(28,24,20,.04), 0 8px 22px -16px rgba(28,24,20,.18);
}

/* --- Feature rows: refined stats --- */
.bp-feature .bp-feat-stat b{
  font-weight:800 !important;
  letter-spacing:-0.04em !important;
  color:#c4710b !important;
}
.bp-feature .bp-feat-stat span{
  font-weight:600 !important;
  font-size:11.5px !important;
  letter-spacing:0.10em !important;
  text-transform:uppercase !important;
  color:#7a6a55 !important;
}
.bp-feature .bp-feat-list li{
  font-weight:500 !important;
  color:#6e6053 !important;
}
.bp-feature .bp-feat-list li::before{
  background:rgba(196,113,11,.10) !important;
  color:#c4710b !important;
  border:0 !important;
}

/* --- Compare table (BarklyPaw vs gel mat) — museum-label hairline --- */
.bp-compare-wrap{
  background:#fff !important;
  border:1px solid rgba(26,37,64,.10) !important;
  box-shadow:0 1px 2px rgba(28,24,20,.04), 0 18px 40px -20px rgba(28,24,20,.20) !important;
  overflow:hidden;
}
.bp-compare th, .bp-compare td{
  border-color:rgba(26,37,64,.08) !important;
  padding:14px 12px !important;
  font-weight:500 !important;
  font-size:13.5px !important;
  color:#6e6053 !important;
}
.bp-compare thead th{
  font-weight:700 !important;
  font-size:11px !important;
  letter-spacing:0.16em !important;
  text-transform:uppercase !important;
  color:#1A2540 !important;
}
.bp-compare tbody th{font-weight:600 !important;color:#1A2540 !important;
  letter-spacing:-0.005em !important;font-size:13.5px !important}
.bp-compare .bp-col-us{
  background:linear-gradient(180deg, rgba(245,133,31,.04), rgba(196,113,11,.05)) !important;
  color:#1A2540 !important;
}

/* --- Reviews carousel cards --- */
.bp-reviews .bp-rev{
  background:linear-gradient(180deg,#fffdf7 0%,#fff8e9 100%) !important;
  border:1px solid rgba(26,37,64,.10) !important;
  box-shadow:0 1px 2px rgba(28,24,20,.04), 0 10px 24px -16px rgba(28,24,20,.18) !important;
  padding:18px 16px !important;
}
.bp-rev-stars{color:#c4710b !important;letter-spacing:.12em !important;font-size:14px !important}
.bp-rev-title{font-weight:700 !important;font-size:15px !important;letter-spacing:-0.012em !important;
  color:#1A2540 !important;line-height:1.3 !important;margin-top:8px !important}
.bp-rev-txt{font-weight:500 !important;font-size:13.5px !important;color:#6e6053 !important;
  line-height:1.6 !important}
.bp-rev-av{
  background:rgba(26,37,64,.06) !important;
  color:#1A2540 !important;
  font-weight:700 !important;
}
.bp-rev-by b{font-size:13px !important;font-weight:700 !important;color:#1A2540 !important}
.bp-rev-by span{font-size:11.5px !important;color:#7a6a55 !important;font-weight:500 !important}
.bp-rev-verified{
  font-size:10.5px !important;
  letter-spacing:0.08em !important;
  font-weight:600 !important;
  color:#588063 !important;
  text-transform:uppercase !important;
}

/* --- Size guide --- */
.bp-sizeguide-table{
  background:#fff !important;
  border:1px solid rgba(26,37,64,.10) !important;
  box-shadow:0 1px 2px rgba(28,24,20,.04), 0 12px 28px -16px rgba(28,24,20,.16) !important;
  overflow:hidden;
}
.bp-sizeguide-table th, .bp-sizeguide-table td{
  font-weight:500 !important;
  font-size:13.5px !important;
  padding:13px 12px !important;
  color:#6e6053 !important;
  border-color:rgba(26,37,64,.08) !important;
}
.bp-sizeguide-table thead th{
  font-weight:700 !important;
  font-size:11px !important;
  letter-spacing:0.16em !important;
  text-transform:uppercase !important;
  color:#1A2540 !important;
}
.bp-sizeguide-table tbody td:first-child{
  font-weight:700 !important;color:#c4710b !important;
}

/* --- Cool Oasis facts --- */
.bp-cooloasis-cards .bp-coc{
  background:linear-gradient(180deg,#fffdf7 0%,#fff8e9 100%) !important;
  border:1px solid rgba(26,37,64,.10) !important;
  box-shadow:0 1px 2px rgba(28,24,20,.04), 0 10px 24px -16px rgba(28,24,20,.18) !important;
}
.bp-coc b{font-weight:700 !important;color:#1A2540 !important;letter-spacing:-0.008em !important}
.bp-coc p{font-weight:500 !important;color:#7a6a55 !important;font-size:12.5px !important;
  line-height:1.5 !important}

/* --- FAQ accordion --- */
.bp-faq details{
  background:#fff !important;
  border:1px solid rgba(26,37,64,.10) !important;
  border-radius:12px !important;
  box-shadow:0 1px 2px rgba(28,24,20,.04) !important;
}
.bp-faq summary{
  font-weight:700 !important;
  font-size:14.5px !important;
  letter-spacing:-0.008em !important;
  color:#1A2540 !important;
  padding:16px 18px !important;
}
.bp-faq details[open] summary{color:#c4710b !important}
.bp-faq-body{
  font-size:13.5px !important;
  font-weight:500 !important;
  color:#6e6053 !important;
  line-height:1.65 !important;
  padding:0 18px 16px !important;
}

/* --- 30-day guarantee badge (PDP version) --- */
.bp-guarantee .bp-badge-30{
  background:transparent !important;
  border:2px solid #c4710b !important;
  color:#c4710b !important;
  box-shadow:0 1px 2px rgba(28,24,20,.04) !important;
}
.bp-guarantee .bp-badge-30 b{font-weight:800 !important;letter-spacing:-0.04em !important}
.bp-guarantee .bp-badge-30 span{
  font-size:9.5px !important;
  letter-spacing:0.18em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
}

/* --- Value strip / marquee — slightly more refined --- */
.bp-strip{background:#1A2540 !important;color:#fff7e8 !important}
.bp-strip-track span{
  font-weight:600 !important;
  letter-spacing:0.04em !important;
  font-size:13.5px !important;
}
.bp-strip-track span::before{
  color:#c4710b !important;
}

/* ============================================================
   FINAL VISUAL PASS — footer + edge polish (Ram, 2026-05-24)
   Visual-only. No content/links/structure changes.
   ============================================================ */

/* --- Dawn footer (sections/footer.liquid) — refine the look --- */
.footer{
  background:#15110d !important;
  color:#d8cdbe !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  font-family:'Assistant',sans-serif !important;
}
.footer .footer-block__heading,
.footer h2.h4{
  font-weight:700 !important;
  font-size:11.5px !important;
  letter-spacing:0.20em !important;
  text-transform:uppercase !important;
  color:#f4ece0 !important;
  margin-bottom:16px !important;
}
.footer a, .footer p{
  color:#9a8d7a !important;
  font-weight:500 !important;
  font-size:13.5px !important;
  letter-spacing:-0.005em !important;
  transition:color .15s ease;
}
.footer a:hover{color:#f5a042 !important}
.footer__copyright,
.footer__copyright *{
  color:#7a6a55 !important;
  font-size:11.5px !important;
  letter-spacing:0.06em !important;
}
.footer__content-bottom{
  border-top:1px solid rgba(255,255,255,.08) !important;
}

/* The custom legal strip already overridden by the in-page accessibility
   hardening block — leave that alone */

/* --- Announcement bar refinement --- */
.bp-announce{
  background:#000 !important;
  border-block-end:none !important;
}
.bp-announce-in{
  padding:8px 14px !important;
  min-height:38px !important;
  gap:8px !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
}
.bp-announce-live-dot{
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#fff !important;
  flex:0 0 auto !important;
  box-shadow:0 0 0 0 rgba(255,255,255,.54) !important;
  animation:bpAnnounceDot 1.35s ease-in-out infinite !important;
}
.bp-announce-txt{
  color:#fff !important;
  font-family:var(--bp-font) !important;
  font-weight:900 !important;
  font-size:15.5px !important;
  letter-spacing:0.035em !important;
  line-height:1.12 !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.bp-announce-txt b{
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:0.03em !important;
}
@media (prefers-reduced-motion: reduce){ .bp-announce-live-dot{ animation:none !important; } }

/* --- Premium shipping-cutoff countdown (Ram, 2026-06-13) --- */
.bp-announce-cd{
  background:linear-gradient(180deg,rgba(245,160,66,.16),rgba(245,160,66,.06)) !important;
  border:1px solid rgba(245,160,66,.38) !important;
  padding:3px 9px 3px 11px !important; gap:8px !important;
  box-shadow:0 1px 10px rgba(245,160,66,.14) !important;
}
.bp-cd-label{ color:#f6b25e !important; font-size:10.5px !important; font-weight:800 !important; }
.bp-cd-label b[data-bp-cd-when]{ color:#fff !important; font-weight:900 !important; }
.bp-cd-clock{ gap:5px !important; }
.bp-cd-unit{
  flex-direction:column !important; min-width:33px !important; padding:3px 6px 2px !important;
  border-radius:8px !important; background:#1c1814 !important;
  box-shadow:inset 0 0 0 1px rgba(245,160,66,.30), 0 1px 3px rgba(0,0,0,.25) !important;
}
.bp-cd-unit b{ font-size:16px !important; font-weight:900 !important; color:#fff !important;
  line-height:1.05 !important; letter-spacing:.03em !important; font-variant-numeric:tabular-nums !important; }
.bp-cd-unit i{ font-style:normal !important; font-size:8px !important; font-weight:700 !important;
  color:rgba(255,255,255,.55) !important; margin-top:1px !important; letter-spacing:.02em !important; }
.bp-cd-clock .bp-cd-unit:last-of-type b{ color:#f6b25e !important; }
/* the seconds chip breathes once per second so the bar reads "live" */
.bp-cd-clock .bp-cd-unit:last-of-type{ animation:bpCdPulse 1s steps(1,end) infinite; }
@keyframes bpCdPulse{ 0%,60%{ box-shadow:inset 0 0 0 1px rgba(245,160,66,.6), 0 1px 3px rgba(0,0,0,.25); } 61%,100%{ box-shadow:inset 0 0 0 1px rgba(245,160,66,.3), 0 1px 3px rgba(0,0,0,.25); } }
@media (prefers-reduced-motion: reduce){ .bp-cd-clock .bp-cd-unit:last-of-type{ animation:none; } }
/* Mobile (Ram, 2026-06-13): stack the countdown BELOW the 1+1 headline, keep the
   orange "ends in" label + pill, premium HH:MM:SS labeled boxes (big + noticeable),
   consistent with the buy-box look. */
@media (max-width:600px){
  .bp-announce-in{ flex-direction:row !important; gap:7px !important; padding:7px 10px !important; min-height:34px !important; }
  .bp-announce-txt{ font-size:14.8px !important; letter-spacing:0.025em !important; }
  .bp-announce-live-dot{ width:6px !important; height:6px !important; }
  .bp-announce-cd .bp-cd-label{ display:inline-flex !important; font-size:11px !important; }
  .bp-announce-cd{ padding:4px 10px 4px 12px !important; gap:9px !important; }
}
@media (max-width:360px){
  .bp-announce-txt{ font-size:14px !important; letter-spacing:0.015em !important; }
}
@media (min-width:750px){
  .bp-announce-txt{ font-size:18px !important; letter-spacing:0.04em !important; }
  .bp-announce-in{ min-height:40px !important; padding:8px 14px !important; }
}
[data-d-wrap][hidden]{ display:none !important; }
.bp-cd-colon{ display:none; color:rgba(255,255,255,.5); font-weight:800; font-size:13px; line-height:1; }

/* --- Buy-box urgency countdown, right above Add-to-Cart (Ram, 2026-06-13) --- */
.bp-atc-cd{
  display:flex; align-items:center; justify-content:center; gap:10px;
  margin:0 0 9px; padding:8px 12px; border-radius:13px; direction:rtl;
  background:linear-gradient(180deg,rgba(245,160,66,.13),rgba(245,160,66,.05));
  border:1px solid rgba(245,160,66,.32);
}
.bp-atc-cd[hidden]{ display:none !important; }
.bp-atc-cd-txt{ font-weight:800; font-size:13px; color:#c2701a; letter-spacing:-.01em; }
.bp-atc-cd-clock{ display:inline-flex; gap:6px; direction:ltr; }
.bp-atc-cd-u{
  display:inline-flex; flex-direction:column; align-items:center; min-width:38px;
  padding:4px 6px 3px; border-radius:9px; background:#1c1814;
  box-shadow:0 1px 4px rgba(0,0,0,.18);
}
.bp-atc-cd-u b{ font-size:17px; font-weight:900; line-height:1; color:#fff; font-variant-numeric:tabular-nums; }
.bp-atc-cd-u i{ font-style:normal; font-size:8.5px; font-weight:700; color:rgba(255,255,255,.6); margin-top:2px; letter-spacing:.02em; }
.bp-atc-cd-u:last-child b{ color:#f6b25e; }
@media (max-width:480px){ .bp-atc-cd{ gap:7px; padding:7px 9px; } .bp-atc-cd-txt{ font-size:11.5px; } .bp-atc-cd-u{ min-width:33px; } .bp-atc-cd-u b{ font-size:15px; } }

/* --- Tighten the trust strip marquee to match navy palette --- */
.bp-strip{
  background:#15110d !important;
  border-block-start:1px solid rgba(255,255,255,.04) !important;
  border-block-end:1px solid rgba(255,255,255,.04) !important;
}
.bp-strip-track span{
  color:#f4ece0 !important;
  font-weight:500 !important;
  font-size:13.5px !important;
  letter-spacing:-0.005em !important;
}
.bp-strip-track span::before{
  color:#f5a042 !important;
  font-size:14px !important;
  margin-inline-end:6px;
}

/* ============================================================
   Buy-box trust trio — premium refinement (Ram, 2026-05-24)
   CSS only — bp-hero.liquid markup untouched.
   ============================================================ */
.bp-hb-trust{
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  margin-top:22px !important;
  padding:18px 4px 4px !important;
  border-top:1px solid rgba(26,37,64,.10) !important;
  position:relative;
}
.bp-hb-trust div{
  text-align:center !important;
  padding:0 6px !important;
  position:relative;
}
/* Hairline dividers between trust items (RTL-aware) */
.bp-hb-trust div + div::before{
  content:"" !important;
  position:absolute !important;
  inset-block:6px !important;
  inset-inline-end:0 !important;
  inset-inline-start:auto !important;
  width:1px !important;
  background:rgba(26,37,64,.10) !important;
}
/* The numerals: refined navy-ink, tighter letter-spacing, single bold weight */
.bp-hb-trust b{
  display:block !important;
  font-size:15.5px !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
  color:#1A2540 !important;
  line-height:1.1 !important;
  margin-bottom:5px !important;
}
/* The labels: tracked-out caps in warm gray — the editorial micro-treatment */
.bp-hb-trust span{
  display:block !important;
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:0.12em !important;
  text-transform:uppercase !important;
  color:#7a6a55 !important;
  line-height:1.35 !important;
}

/* ============================================================
   Buy-box bottom gap tighten (Ram, 2026-05-24)
   The empty space between the trust trio and the journey's first
   chapter was reading as dead air. Tighten the seam.
   ============================================================ */
.bp-hero{padding-bottom:12px !important}
.bp-hb-trust{margin-top:18px !important; padding-top:14px !important}

/* ============================================================
   Review avatars — photo version (round, cover-fit, crisp)
   ============================================================ */
.bp-rev-av.bp-rev-av--img{
  display:block !important;
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  background:rgba(26,37,64,.06) !important;
  border:1.5px solid #fff !important;
  box-shadow:0 0 0 1px rgba(26,37,64,.10), 0 2px 4px rgba(28,24,20,.06) !important;
  flex:0 0 44px !important;
  padding:0 !important;
}

/* Make trust-trio dividers actually visible (were too faint at 10% opacity) */
.bp-hb-trust div + div::before{
  background:rgba(26,37,64,.18) !important;
  inset-block:8px !important;
  width:1px !important;
}

/* Trust-trio dividers — render between EVERY adjacent pair (was missing one) */
.bp-hb-trust{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
}
.bp-hb-trust > div{
  position:relative !important;
  padding:0 8px !important;
}
.bp-hb-trust > div:not(:last-child)::after{
  content:"" !important;
  position:absolute !important;
  inset-block:8px !important;
  inset-inline-end:0 !important;
  width:1px !important;
  background:rgba(26,37,64,.22) !important;
}
/* Drop any conflicting old divider rule */
.bp-hb-trust > div + div::before{display:none !important}

/* ============================================================
   Footer — premium polish (CSS only, no markup changes)
   Subtle warm-dark gradient, refined typography, gold accent rule,
   brand signature stamp at the bottom.
   ============================================================ */
.footer{
  background:linear-gradient(180deg, #17120e 0%, #100c08 100%) !important;
  color:#c9bda8 !important;
  position:relative !important;
  padding-top:42px !important;
  padding-bottom:24px !important;
  border-top:0 !important;
}
/* Top accent — slim gold rule centered, like a museum-label divider */
.footer::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:64px !important;
  height:3px !important;
  background:linear-gradient(90deg, transparent, #c4710b 25%, #f5a042 50%, #c4710b 75%, transparent) !important;
  border-radius:0 0 4px 4px !important;
}

/* Column headings — refined tracked-caps */
.footer .footer-block__heading,
.footer h2.h4{
  font-family:'Assistant',sans-serif !important;
  font-weight:700 !important;
  font-size:11px !important;
  letter-spacing:0.24em !important;
  text-transform:uppercase !important;
  color:#f4ece0 !important;
  margin-bottom:18px !important;
  padding-bottom:12px !important;
  position:relative !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.footer .footer-block__heading::after,
.footer h2.h4::after{
  content:"" !important;
  position:absolute !important;
  bottom:-1px !important;
  inset-inline-end:0 !important;
  width:24px !important;
  height:1px !important;
  background:#c4710b !important;
}

/* Body copy in footer columns */
.footer p,
.footer .footer-block__details-content{
  color:#9a8d7a !important;
  font-weight:500 !important;
  font-size:13.5px !important;
  line-height:1.7 !important;
  letter-spacing:-0.003em !important;
}

/* Links — subtle slide-in gold underline on hover */
.footer a{
  color:#c9bda8 !important;
  font-weight:500 !important;
  font-size:13.5px !important;
  letter-spacing:-0.003em !important;
  position:relative !important;
  display:inline-block !important;
  padding-bottom:1px !important;
  transition:color .18s ease !important;
  background-image:linear-gradient(#f5a042, #f5a042) !important;
  background-size:0% 1px !important;
  background-position:right 100% !important;
  background-repeat:no-repeat !important;
  transition:background-size .25s ease, color .18s ease !important;
}
.footer a:hover{
  color:#f5a042 !important;
  background-size:100% 1px !important;
}

/* List spacing */
.footer ul li{
  margin-bottom:8px !important;
}

/* Brand block — slightly larger BARKLYPAW heading with gold subtext */
.footer .footer-block:first-child .footer-block__heading,
.footer-block--menu:first-child .footer-block__heading{
  font-size:13px !important;
  letter-spacing:0.32em !important;
}

/* Policy strip at bottom — refined separators */
.footer__content-bottom{
  border-top:1px solid rgba(255,255,255,.06) !important;
  margin-top:28px !important;
  padding-top:20px !important;
}
.policies,
.policies li{
  font-size:11.5px !important;
  letter-spacing:0.04em !important;
}
.policies li::before,
.policies li::after{
  color:rgba(255,255,255,.18) !important;
}
.policies a{
  color:#a09380 !important;
  font-size:11.5px !important;
}
.policies a:hover{
  color:#f5a042 !important;
}

/* Signature stamp at the very bottom — quiet brand mark */
.footer::after{
  content:"BARKLYPAW · TEL AVIV";
  display:block;
  text-align:center;
  margin-top:24px;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:0.42em;
  color:rgba(255,255,255,.16);
  font-family:'Assistant',sans-serif;
}

/* ============================================================
   Legal/policies panel — clean stacked list (Ram, 2026-05-25)
   Pelsbarn-style: light cream bg, each link on its own line,
   centered, quiet sans-serif. Sits below the dark footer columns.
   ============================================================ */
.footer .bp-footer-legal,
.bp-footer-legal{
  background:#fbf4e6 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  padding:36px 20px !important;
  margin-top:0 !important;
  border-top:1px solid rgba(0,0,0,.04) !important;
  max-width:none !important;
  width:100% !important;
}
.footer .bp-footer-legal a,
.bp-footer-legal a{
  display:block !important;
  width:auto !important;
  background:transparent !important;
  color:#1c1814 !important;
  font-family:'Assistant',sans-serif !important;
  font-weight:500 !important;
  font-size:14px !important;
  letter-spacing:-0.005em !important;
  line-height:1.65 !important;
  padding:9px 12px !important;
  text-decoration:none !important;
  opacity:.85 !important;
  transition:opacity .18s ease, color .18s ease !important;
  text-align:center !important;
  border:0 !important;
  margin:0 !important;
}
.footer .bp-footer-legal a:hover,
.bp-footer-legal a:hover{
  opacity:1 !important;
  color:#c4710b !important;
}

/* Suppress the dark-footer signature stamp since the legal panel handles closure */
.footer::after{display:none !important}

/* Also kill any stale separators between policy links */
.bp-footer-legal a + a{border-top:0 !important}

/* ============================================================
   FOOTER — clean light unified version (Ram, 2026-05-25)
   Override the previous dark warm-ink columns. One cohesive
   cream background, centered stacked clean style like Gymshark/Pelsbarn.
   ============================================================ */
.footer{
  background:#fbf4e6 !important;
  color:#1c1814 !important;
  padding-top:48px !important;
  padding-bottom:24px !important;
  border-top:1px solid rgba(28,24,20,.06) !important;
}
.footer::before{
  background:linear-gradient(90deg, transparent, #c4710b 25%, #f5a042 50%, #c4710b 75%, transparent) !important;
}

/* Layout — stack centered */
.footer__content-top{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:36px !important;
  text-align:center !important;
}
.footer-block{
  text-align:center !important;
  max-width:420px !important;
  margin-inline:auto !important;
}

/* Column headings */
.footer .footer-block__heading,
.footer h2.h4{
  color:#1c1814 !important;
  border-bottom:1px solid rgba(28,24,20,.10) !important;
  text-align:center !important;
}
.footer .footer-block__heading::after,
.footer h2.h4::after{
  inset-inline-end:50% !important;
  inset-inline-start:50% !important;
  transform:translateX(50%) !important;
  width:36px !important;
  background:#c4710b !important;
}

/* Body copy + lists */
.footer p,
.footer .footer-block__details-content{
  color:#5f5346 !important;
  font-weight:500 !important;
  font-size:13.5px !important;
  line-height:1.7 !important;
}
.footer ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
}

/* Links — dark with subtle gold underline animation */
.footer a{
  color:#1c1814 !important;
  font-weight:500 !important;
  font-size:14px !important;
  letter-spacing:-0.005em !important;
  opacity:.82 !important;
  background:none !important;
  text-decoration:none !important;
  transition:opacity .18s ease, color .18s ease !important;
}
.footer a:hover{
  opacity:1 !important;
  color:#c4710b !important;
  background:none !important;
}

/* Policy strip / legal panel — already clean from previous, just unify */
.footer .bp-footer-legal,
.bp-footer-legal{
  background:transparent !important;
  border-top:1px solid rgba(28,24,20,.08) !important;
  margin-top:24px !important;
  padding-top:28px !important;
  padding-bottom:8px !important;
}

/* Footer bottom content */
.footer__content-bottom{
  border-top:1px solid rgba(28,24,20,.08) !important;
  margin-top:24px !important;
  padding-top:18px !important;
  background:transparent !important;
}
.footer__copyright,
.footer__copyright *{
  color:#7a6a55 !important;
  font-size:11.5px !important;
  letter-spacing:0.04em !important;
}

/* Signature stamp — keep it but in dark text */
.footer::after{
  display:block !important;
  content:"BARKLYPAW · TEL AVIV" !important;
  text-align:center !important;
  margin-top:20px !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  letter-spacing:0.42em !important;
  color:rgba(28,24,20,.32) !important;
  font-family:'Assistant',sans-serif !important;
}

/* ============================================================
   FOOTER — compact + clean (Ram, 2026-05-25)
   Trim padding, tighten typography, add payment row at bottom.
   ============================================================ */
.footer{
  padding-top:32px !important;
  padding-bottom:18px !important;
}
.footer::before{
  width:48px !important;
  height:2px !important;
}
.footer__content-top{
  gap:24px !important;
  padding-bottom:0 !important;
}
.footer-block{
  max-width:380px !important;
}
.footer .footer-block__heading,
.footer h2.h4{
  font-size:10px !important;
  letter-spacing:0.22em !important;
  margin-bottom:12px !important;
  padding-bottom:8px !important;
}
.footer p,
.footer .footer-block__details-content{
  font-size:12.5px !important;
  line-height:1.6 !important;
}
.footer ul{
  gap:6px !important;
}
.footer a{
  font-size:13px !important;
}

/* Legal panel — tighter */
.footer .bp-footer-legal,
.bp-footer-legal{
  padding-top:18px !important;
  padding-bottom:14px !important;
  margin-top:18px !important;
}
.footer .bp-footer-legal a,
.bp-footer-legal a{
  font-size:12.5px !important;
  padding:5px 10px !important;
}

/* Payment chip row in footer */
.bp-footer-pay{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  margin:0 auto !important;
  padding:18px 16px 6px !important;
  border-top:1px solid rgba(28,24,20,.08) !important;
  direction:ltr !important;
}
.bp-footer-pay .bp-pc-box{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:28px !important;
  flex:0 0 auto !important;
  border-radius:5px !important;
  background:#fff !important;
  box-shadow:0 0 0 1px rgba(29,24,18,.08) !important;
  overflow:hidden !important;
}
.bp-footer-pay .bp-pc-box img{
  display:block !important;
  max-width:90% !important;
  max-height:80% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}
.bp-footer-pay .bp-pc-box--zoom img{
  max-width:100% !important;
  max-height:100% !important;
  width:100% !important;
  height:auto !important;
}
@media (min-width: 480px){
  .bp-footer-pay{gap:6px !important}
  .bp-footer-pay .bp-pc-box{width:46px !important; height:30px !important}
}

/* Bottom strip + brand stamp */
.footer__content-bottom{
  margin-top:12px !important;
  padding-top:14px !important;
}
.footer::after{
  margin-top:14px !important;
  font-size:9px !important;
  letter-spacing:0.36em !important;
}

/* ============================================================
   Footer — kill effects, simpler clean treatment (Ram, 2026-05-25)
   Drop top accent gradient + signature stamp. Add Hebrew rights line.
   ============================================================ */
.footer::before{display:none !important}
.footer::after{display:none !important}
.footer .footer-block__heading::after,
.footer h2.h4::after{display:none !important}
.footer .footer-block__heading,
.footer h2.h4{
  border-bottom:0 !important;
  padding-bottom:6px !important;
  margin-bottom:10px !important;
}
.bp-footer-rights{
  display:block !important;
  text-align:center !important;
  margin:14px auto 0 !important;
  padding:0 16px !important;
  max-width:520px !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  color:#7a6a55 !important;
  letter-spacing:0.02em !important;
  line-height:1.6 !important;
  direction:rtl !important;
}

/* ============================================================
   FOOTER — final compact pass (Ram, 2026-05-25)
   Tighten every vertical rhythm — padding, gaps, line-heights,
   block margins, link paddings — so the whole footer is short
   and dense like Gymshark's mobile bottom.
   ============================================================ */
.footer{
  padding-top:20px !important;
  padding-bottom:10px !important;
}
.footer__content-top{
  gap:14px !important;
  padding-bottom:0 !important;
}
.footer-block{
  margin-block:0 !important;
  max-width:380px !important;
}
.footer .footer-block__heading,
.footer h2.h4{
  font-size:10px !important;
  letter-spacing:0.22em !important;
  margin-bottom:6px !important;
  padding-bottom:2px !important;
}
.footer p,
.footer .footer-block__details-content{
  font-size:12.5px !important;
  line-height:1.55 !important;
  margin:0 !important;
}
.footer ul{
  gap:2px !important;
  margin:0 !important;
  padding:0 !important;
}
.footer ul li{margin:0 !important}
.footer a{
  font-size:13px !important;
  padding:2px 0 !important;
}

/* Policy strip — compact */
.footer .bp-footer-legal,
.shopify-section-group-footer-group nav.bp-footer-legal,
.bp-footer-legal{
  padding:12px 14px 6px !important;
  margin-top:6px !important;
  gap:0 !important;
}
.footer nav.bp-footer-legal a,
.footer nav.bp-footer-legal a:visited,
.shopify-section-group-footer-group nav.bp-footer-legal a,
.footer .bp-footer-legal a,
.bp-footer-legal a{
  padding:3px 8px !important;
  font-size:12.5px !important;
  line-height:1.5 !important;
  margin:0 !important;
}

/* Payment row — compact */
.bp-footer-pay{
  padding:8px 16px 4px !important;
  margin-top:0 !important;
  border-top-width:1px !important;
}

/* Rights line — compact */
.bp-footer-rights{
  margin:6px auto 0 !important;
  font-size:11px !important;
  line-height:1.4 !important;
}

/* Bottom strip — collapse stock spacing */
.footer__content-bottom{
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
}

/* ============================================================
   REVIEW PHOTOS — Pelsbarn/Loox-style customer photo strip
   Sits between review text and reviewer attribution. 84x84 square
   thumbnails, 6px radius, 6px gap. 1-3 photos per review for
   natural variation. Empty dashed placeholders ONLY appear in
   the theme editor (request.design_mode) so live site stays clean
   until real photos are wired in via the snippet's `photos` param.
   ============================================================ */
.bp-rev-photos{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:12px 0 14px;
}
.bp-rev-photo{
  width:84px;
  height:84px;
  border-radius:6px;
  object-fit:cover;
  display:block;
  background:#f1e9d8;
}
.bp-rev-photo--empty{
  border:1.5px dashed rgba(26,37,64,.25);
  background:
    repeating-linear-gradient(
      45deg,
      rgba(26,37,64,.025),
      rgba(26,37,64,.025) 6px,
      transparent 6px,
      transparent 12px
    ),
    #fbf4e6;
  position:relative;
}
.bp-rev-photo--empty::after{
  content:"+";
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  font-size:24px;
  font-weight:300;
  color:rgba(26,37,64,.35);
  line-height:1;
  font-family:system-ui,sans-serif;
}

@media (min-width:740px){
  .bp-rev-photo{
    width:88px;
    height:88px;
  }
}

/* ============================================================
   REVIEWS — Pelsbarn/Loox-style structure (Ram, 2026-05-25)
   New order: HEADER (avatar + name + verified + date) → 
   "recommend" line → stars+title row → body text → photos.
   Header-first puts social-proof BEFORE the opinion text so the
   reader trusts it by the time they read the words.
   ============================================================ */

/* Card already has padding from old .bp-rev rule — keep that */
.bp-rev{
  background:#fff;
  border:1px solid rgba(28,24,20,.06);
  border-radius:14px;
  padding:18px 18px 16px;
  box-shadow:0 1px 3px rgba(15,30,55,.04);
}

/* HEADER stack: avatar on top → name → verified+city → date.
   Centered vertical layout — name and meta sit BELOW the photo
   (Ram, 2026-05-26: matches the visual style he wants across all reviews). */
.bp-rev-head{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  margin-bottom:12px;
  text-align:center;
}
.bp-rev-head .bp-rev-av{
  flex:0 0 auto;
  width:52px;
  height:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:20px;
  color:#fff;
  background:linear-gradient(150deg,#fb9836,#ef7a14);
  text-transform:uppercase;
  margin-bottom:2px;
}
.bp-rev-head .bp-rev-av--img{
  background:none !important;
  object-fit:cover;
}
.bp-rev-meta{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  min-width:0;
}
.bp-rev-name{
  font-weight:800;
  font-size:14.5px;
  color:#1c1814;
  line-height:1.25;
}
.bp-rev-sub{
  font-size:12px;
  color:#6f6256;
  line-height:1.3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:wrap;
}
.bp-rev-verified{
  color:#1f6f3a !important;
  font-weight:700 !important;
  background:rgba(31,111,58,.08);
  padding:1px 7px;
  border-radius:99px;
  font-size:11px;
}
.bp-rev-date{
  font-size:12px;
  color:#9a8d7a;
  font-weight:500;
  white-space:nowrap;
}

/* "Recommend" line */
.bp-rev-recommend{
  display:flex;
  align-items:center;
  gap:6px;
  margin:6px 0 10px;
  font-size:13px;
  font-weight:700;
  color:#1c1814;
}
.bp-rev-recommend-ic{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  background:#f5851f;
  color:#fff;
  border-radius:50%;
  font-size:11px;
  font-weight:900;
  flex:0 0 auto;
}

/* Stars + title on the SAME row */
.bp-rev-title-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 6px;
}
.bp-rev-title-row .bp-rev-stars{
  color:#f5851f;
  font-size:14px;
  letter-spacing:1.5px;
  line-height:1;
  flex:0 0 auto;
}
.bp-rev-title-row .bp-rev-title{
  margin:0;
  font-size:15px;
  font-weight:900;
  color:#1c1814;
  line-height:1.32;
}

/* Body text — slightly looser line-height */
.bp-rev-txt{
  margin:0 0 4px;
  font-size:14px;
  line-height:1.65;
  color:#5f5346;
}

/* ============================================================
   ATC SKELETON — instant cart preview (Ram, 2026-05-26)
   When user clicks ATC, this card appears INSIDE the drawer
   immediately while the cart API runs in background. Built from
   variant data already in the page, so no lying about state —
   image/variant/price are real. Replaced by Shopify's
   server-rendered cart HTML when drawer.renderContents() lands.
   ============================================================ */
cart-drawer.bp-cart-skeleton-shown .drawer__inner::before,
cart-drawer.bp-cart-skeleton-shown .drawer__inner::after{
  display:none !important;
}

.bp-cart-skeleton{
  position:absolute;
  inset:0;
  z-index:10;
  background:#ffffff;
  padding:64px 20px 24px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:18px;
  pointer-events:none;
  animation:bp-skel-in .22s ease forwards;
  border-radius:inherit;
}
@keyframes bp-skel-in{from{opacity:0; transform:translateY(4px)}to{opacity:1; transform:translateY(0)}}

.bp-skel-card{
  display:flex;
  gap:14px;
  padding:14px;
  border:1px solid rgba(28,24,20,.10);
  border-radius:14px;
  background:#fff;
  align-items:center;
  box-shadow:0 1px 3px rgba(15,30,55,.04);
}
.bp-skel-img{
  flex:0 0 84px;
  width:84px;
  height:84px;
  border-radius:10px;
  overflow:hidden;
  background:#f1e9d8;
  position:relative;
}
.bp-skel-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bp-skel-meta{
  flex:1 1 auto;
  min-width:0;
  direction:rtl;
  text-align:start;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.bp-skel-title{
  font-size:14px;
  font-weight:800;
  color:#1c1814;
  line-height:1.3;
}
.bp-skel-variant{
  font-size:12.5px;
  color:#6f6256;
  line-height:1.3;
}
.bp-skel-bogo{
  font-size:11.5px;
  color:#1f6f3a;
  font-weight:700;
  letter-spacing:0.01em;
  margin-top:4px;
}
.bp-skel-price{
  flex:0 0 auto;
  font-size:16px;
  font-weight:900;
  color:#1c1814;
  direction:ltr;
  letter-spacing:-0.01em;
}

/* three-dot loading indicator below the card */
.bp-skel-loading{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  padding-top:6px;
}
.bp-skel-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(29,24,18,.32);
  animation:bp-skel-bounce 1.1s ease-in-out infinite;
}
.bp-skel-dot:nth-child(2){animation-delay:.15s}
.bp-skel-dot:nth-child(3){animation-delay:.30s}
@keyframes bp-skel-bounce{
  0%, 60%, 100%{transform:translateY(0); opacity:.32}
  30%{transform:translateY(-4px); opacity:.85}
}

/* ============================================================
   BUY-BOX TRUST TRIO — Pelsbarn-grade polish (Ram, 2026-05-26)
   Same content/structure (1+1, חינם, 30 יום, מאובטח). Visual upgrade:
   - Top+bottom thin borders frame the strip as one unit
   - Bigger, chunkier punch words (was 15px → 17px, weight 900)
   - Tighter line pairing (big + small as one visual group)
   - Spaced caps on the small descriptors (more "premium product page")
   - Divider lines a touch darker and taller for definition
   ============================================================ */
.bp-hb-trust{
  margin-top:22px !important;
  padding:18px 4px !important;
  border-top:1px solid rgba(26,37,64,.14) !important;
  border-bottom:1px solid rgba(26,37,64,.14) !important;
  gap:0 !important;
}
.bp-hb-trust > div{
  padding:2px 10px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
}
.bp-hb-trust > div:not(:last-child)::after{
  inset-block:14% !important;
  width:1px !important;
  background:rgba(26,37,64,.18) !important;
}
.bp-hb-trust b{
  font-size:17px !important;
  font-weight:900 !important;
  color:#1A2540 !important;
  letter-spacing:-0.015em !important;
  line-height:1 !important;
  display:block !important;
}
.bp-hb-trust span{
  font-size:10.5px !important;
  font-weight:600 !important;
  color:#6f6256 !important;
  line-height:1.35 !important;
  letter-spacing:0.02em !important;
  text-align:center !important;
  display:block !important;
}
@media (min-width:740px){
  .bp-hb-trust{
    padding:22px 4px !important;
    margin-top:26px !important;
  }
  .bp-hb-trust b{font-size:19px !important}
  .bp-hb-trust span{font-size:11.5px !important}
}

/* ============================================================
   CART TOTALS — Tanaor-style summary block (Ram, 2026-05-26)
   "סה"כ:" label + amount on one row with space-between.
   Label in brand-orange, amount in dark ink.
   "או עד 3 תשלומים" small gray line below.
   Button color stays orange (per Ram's instruction — only
   text changes to "המשך לתשלום מאובטח").
   ============================================================ */
.bp-cart-total{
  display:flex !important;
  justify-content:space-between !important;
  align-items:baseline !important;
  gap:12px !important;
  margin:14px 0 4px !important;
  padding-block:2px !important;
}
.bp-cart-total__label{
  margin:0 !important;
  font-size:17px !important;
  font-weight:900 !important;
  color:#b25405 !important;
  letter-spacing:-0.01em !important;
}
.bp-cart-total__value{
  margin:0 !important;
  font-size:20px !important;
  font-weight:900 !important;
  color:#1c1814 !important;
  direction:ltr !important;
  letter-spacing:-0.015em !important;
}
.bp-cart-installments{
  text-align:center !important;
  margin:4px 0 14px !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  color:#9a8d7a !important;
  letter-spacing:0.02em !important;
}

/* Hide the original cart tax-note clutter below — keep the layout clean
   like Tanaor (they don't show a tax-note line under totals). */
.cart-drawer__footer .tax-note,
.cart__footer .tax-note{
  display:none !important;
}

/* ============================================================
   CART TOTALS — v2 polish (Ram, 2026-05-26)
   1. Hairline separator + extra padding above so totals reads
      as its own block, not glued to the last cart item.
   2. Tune label to deeper orange #b25405 so it doesn't compete
      with the button's bright orange — clearer eye hierarchy.
   3. Price display already changed to money_without_trailing_zeros
      → "₪260" instead of "₪260.00" for whole-shekel amounts.
   ============================================================ */
.bp-cart-total{
  border-top:1px solid rgba(28,24,20,.10) !important;
  padding-top:16px !important;
  margin-top:18px !important;
  justify-content:flex-start !important;
  gap:10px !important;
}
.bp-cart-total__label{
  color:#b25405 !important;
  font-size:16px !important;
  font-weight:800 !important;
  opacity:.92 !important;
}
.bp-cart-total__value{
  font-size:22px !important;
}
.bp-cart-installments{
  margin:6px 0 16px !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:#1c1814 !important;
  text-align:start !important;
  padding-inline-start:2px !important;
}

/* ----------------------------------------------------------------------
   Free-shipping confirmation banner — sits above the cart total in both
   the cart drawer (snippets/cart-drawer.liquid) and the cart page
   (sections/main-cart-footer.liquid). BarklyPaw ships free with no
   minimum, so the bar is purely a celebration of "you qualify · 100%".
   ---------------------------------------------------------------------- */
.bp-ship-banner{
  background:#fdf6e9 !important;
  border:1px solid rgba(28,24,20,.08) !important;
  border-radius:14px !important;
  padding:14px 16px 12px !important;
  margin:4px 0 18px !important;
  font-family:'Assistant',system-ui,-apple-system,'Segoe UI',sans-serif !important;
}
.bp-ship-banner__row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#1A2540 !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  margin-bottom:10px !important;
}
.bp-ship-banner__truck{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  color:#1A2540 !important;
  transform:scaleX(-1) !important;
}
.bp-ship-banner__text{
  flex:1 1 auto !important;
  text-align:start !important;
  line-height:1.3 !important;
}
.bp-ship-banner__text strong{
  font-weight:800 !important;
  color:#b25405 !important;
  margin-inline-start:2px !important;
}
.bp-ship-banner__check{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  color:#b25405 !important;
}
.bp-ship-banner__bar{
  height:8px !important;
  background:rgba(28,24,20,.06) !important;
  border-radius:999px !important;
  overflow:hidden !important;
}
.bp-ship-banner__fill{
  display:block !important;
  width:100% !important;
  height:100% !important;
  background:#f5851f !important;
  border-radius:999px !important;
}

/* Payment chips below the cart CTA — uses the existing .bp-pay grid
   that powers the buy-box payment row in bp-hero.liquid. */
.bp-cart-pay{
  margin-top:14px !important;
}

/* ============================================================
   HERO ELEVATION (2026-05-27) — "Warm Editorial Calm"
   Atmosphere + orchestrated arrival + product glow + micro-craft.
   100% additive CSS over existing classes. No markup / no variant-JS
   touched. Reverts cleanly via git tag `pre-frontend-pass`.
   LCP-safe: the hero image is NEVER opacity-animated; only the
   non-LCP buy-box text rises, and the image gets a transform-only settle.
   ============================================================ */

/* 1 · Atmosphere — depth under the flat cream.
   Warm orange energy at the top-end corner; a cool teal whisper at the
   opposite corner (a quiet nod to "cooling"). Sits behind all content. */
.bp-hero{
  overflow:hidden; isolation:isolate;
  background:
    radial-gradient(115% 78% at 84% 2%, rgba(245,133,31,.16) 0%, rgba(245,133,31,0) 56%),
    radial-gradient(95% 72% at 6% 98%, rgba(47,158,196,.10) 0%, rgba(47,158,196,0) 60%),
    var(--bp-cream);
}
.bp-hero::before{
  content:none;
}
.bp-hero > .bp-wrap{ position:relative; z-index:1; }

/* 2 · Product image — soft glow halo behind the card.
   The image itself stays fully painted (LCP safe); only the halo glows. */
.bp-gallery{ position:relative; }
.bp-gallery::before{
  content:""; position:absolute; z-index:0; pointer-events:none;
  inset:5% 3% 16%; border-radius:48px;
  background:radial-gradient(58% 54% at 50% 45%, rgba(245,133,31,.24), rgba(245,133,31,0) 72%);
  filter:blur(30px);
}
.bp-gal-main{ position:relative; z-index:1; }

/* 3 · Micro-interactions — swatch & size lift, CTA clip for the sheen */
.bp-sw{ transition:transform .16s ease, box-shadow .16s ease; }
/* lift on hover only while NOT selected — the selected swatch keeps its
   scale(1.15) grow (a plain :hover here would override it on click/tap) */
.bp-sw:not(.is-active):hover{ transform:translateY(-2px); }
.bp-size{ transition:transform .14s ease, border-color .14s ease,
  background .14s ease, color .14s ease; }
.bp-size:hover{ transform:translateY(-1px); }
.bp-btn{ overflow:hidden; }  /* clips the sheen to the pill; box-shadow is unaffected */

@media (prefers-reduced-motion: no-preference){
  /* orchestrated arrival of the buy-box content (never the LCP image) */
  .bp-buy > *{ animation:bp-rise .62s cubic-bezier(.2,.72,.2,1) backwards; }
  .bp-buy > *:nth-child(1){ animation-delay:.04s }
  .bp-buy > *:nth-child(2){ animation-delay:.10s }
  .bp-buy > *:nth-child(3){ animation-delay:.16s }
  .bp-buy > *:nth-child(4){ animation-delay:.22s }
  .bp-buy > *:nth-child(5){ animation-delay:.28s }
  .bp-buy > *:nth-child(6){ animation-delay:.33s }
  .bp-buy > *:nth-child(7){ animation-delay:.38s }
  .bp-buy > *:nth-child(8){ animation-delay:.43s }
  .bp-buy > *:nth-child(n+9){ animation-delay:.48s }

  /* image card settles in once — transform only, so LCP is untouched */
  .bp-gallery{ animation:bp-settle .9s cubic-bezier(.2,.72,.2,1) backwards; }

  /* glow breathes slowly behind the product */
  .bp-gallery::before{ animation:none; } /* perf 2026-09-04: an infinite scale+opacity animation on a blur(30px) layer cost ~7 s of rendering on mobile (Lighthouse) */

  /* light-sweep on the primary CTA removed per Ram, 2026-05-30 (no shine). */
}

@keyframes bp-rise{ from{ opacity:0; transform:translateY(15px) } to{ opacity:1; transform:none } }
@keyframes bp-settle{ from{ transform:translateY(12px) scale(.986) } to{ transform:none } }
@keyframes bp-glow{ 0%,100%{ opacity:.5; transform:scale(.97) } 50%{ opacity:.92; transform:scale(1.03) } }
@keyframes bp-sheen{ 0%,15%{ transform:translateX(0) skewX(-18deg) } 46%,100%{ transform:translateX(470%) skewX(-18deg) } }

/* ============================================================
   REVIEWS — draggable shuffle-card stack (v4, 2026-05-27)
   Native rebuild of a React/framer-motion "shuffle cards" effect.
   Pure CSS chrome; transforms applied by inline JS in bp-reviews.liquid.
   ============================================================ */
/* ===== Reviews — swipeable proof row (native scroll-snap, photo-forward) ===== */
.bp-revrow{
  display:flex; gap:13px; overflow-x:auto; overflow-y:hidden;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; margin:26px 0 6px;
  padding:6px 16px 14px; scroll-padding-inline:16px;
}
.bp-revrow::-webkit-scrollbar{ display:none; }
.bp-rc{
  flex:0 0 84%; max-width:320px; scroll-snap-align:center;
  display:flex; flex-direction:column; background:#fff;
  border:1px solid var(--bp-line); border-radius:var(--bp-radius);
  box-shadow:var(--bp-shadow-md); overflow:hidden; text-align:start;
}
.bp-rc-photo{ width:100%; height:200px; aspect-ratio:auto; object-fit:cover; object-position:center 50%;
  background:#f3ece2; display:block; }
.bp-rc-body{ display:flex; flex-direction:column; gap:8px; padding:15px 17px 17px; }
.bp-rc-stars{ color:var(--bp-star); font-size:15px; letter-spacing:1.5px; line-height:1; }
.bp-rc-title{ font-size:15.5px; font-weight:900; color:var(--bp-ink);
  margin:0; line-height:1.28; letter-spacing:-.01em; text-wrap:balance; }
.bp-rc-quote{ font-size:13px; line-height:1.55; color:var(--bp-ink-soft); margin:0;
  overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.bp-rc-foot{ display:flex; align-items:center; gap:9px; margin-top:2px; }
.bp-rc-av{ width:34px; height:34px; border-radius:50%; object-fit:cover; flex:0 0 34px;
  border:1.5px solid var(--bp-orange-soft); background:#f3ece2; }
.bp-rc-name{ font-weight:800; font-size:13px; color:var(--bp-ink); }
.bp-rc-sub{ display:block; font-size:11px; color:var(--bp-ink-soft); }
.bp-rc-verified{ color:var(--bp-orange-deep); font-weight:700; }
/* Tablet+: drop the mobile swipe-strip for a real grid — no clipped/peeking
   cards on wide screens. 2-up on tablet, 4-up (one clean row) on desktop. */
@media (min-width:700px){
  .bp-revrow{
    display:grid; grid-template-columns:repeat(2,1fr); gap:18px;
    overflow:visible; scroll-snap-type:none;
    margin:28px 0 0; padding:4px 0 8px;
  }
  .bp-rc{ flex:initial; max-width:none; scroll-snap-align:none; }
}
@media (min-width:1000px){
  .bp-revrow{ grid-template-columns:repeat(4,1fr); gap:20px; }
}

/* ============================================================
   Keyboard focus visibility (a11y / Israeli accessibility regs), 2026-05-29.
   :focus-visible only -> mouse users see no change; keyboard users get a
   clear ring on the custom buy-box controls that previously had none.
   ============================================================ */
.bp-btn:focus-visible,
.bp-sw:focus-visible,
.bp-size:focus-visible,
.bp-thumb:focus-visible,
.bp-sg-link:focus-visible,
[data-bp-hero-atc]:focus-visible,
[data-bp-sticky-atc]:focus-visible{
  outline:3px solid var(--bp-orange-deep);
  outline-offset:2px;
}

/* ============================================================
   Up to two 1+1 deals per order (Ram 2026-07-01). The cart holds
   full 2-mat sets only — there is no quantity to edit. Hide the +/-
   steppers and the qty-rules popover in cart surfaces, and show the
   count as a locked, centered number. Removal (whole pair) stays.
   Scoped to cart surfaces only, so the custom buy box is untouched.
   ============================================================ */
cart-drawer .cart-quantity .quantity__button,
.cart-items .cart-quantity .quantity__button,
#main-cart-items .cart-quantity .quantity__button,
cart-drawer .quantity-popover__info-button,
.cart-items .quantity-popover__info-button,
#main-cart-items .quantity-popover__info-button{
  display:none !important;
}
cart-drawer .cart-quantity .quantity__input,
.cart-items .cart-quantity .quantity__input,
#main-cart-items .cart-quantity .quantity__input{
  pointer-events:none;
  -webkit-appearance:none;
  -moz-appearance:textfield;
  appearance:none;
  text-align:center;
  width:100%;
  border:0;
  background:transparent;
  font-weight:700;
}

.bp-cart-offer-summary{
  direction:rtl;
  position:relative;
  margin:0 0 14px;
  padding:12px 13px 11px 11px;
  border:1px solid rgba(118,84,61,.16);
  border-radius:10px;
  background:#fffaf2;
  color:#1c1814;
  text-align:start;
  box-shadow:0 1px 2px rgba(28,24,20,.04), 0 10px 22px -18px rgba(118,84,61,.28);
  overflow:hidden;
}
.bp-cart-offer-summary::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:4px;
  background:#76543d;
}
.bp-cart-offer-summary__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.bp-cart-offer-summary__icon{
  width:38px;
  height:38px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#76543d;
  color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:0;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.18);
}
.bp-cart-offer-summary__copy{
  min-width:0;
}
.bp-cart-offer-summary__eyebrow{
  color:#9a4a06;
  font-size:11.5px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:0;
  margin:0 0 3px;
}
.bp-cart-offer-summary__main{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  font-weight:900;
  font-size:15px;
  line-height:1.15;
}
.bp-cart-offer-summary__main strong{
  font-size:25px;
  line-height:1;
  color:#1c1814;
}
.bp-cart-offer-summary__split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:11px;
}
.bp-cart-offer-summary__chip{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  min-height:32px;
  padding:6px 9px;
  border-radius:8px;
  font-size:11.5px;
  line-height:1.2;
  font-weight:900;
  white-space:nowrap;
}
.bp-cart-offer-summary__chip b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  font-size:12px;
  line-height:1;
  font-weight:900;
}
.bp-cart-offer-summary__chip span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bp-cart-offer-summary__chip--paid{
  background:#fff;
  color:#3b3028;
  box-shadow:inset 0 0 0 1px rgba(60,44,28,.13);
}
.bp-cart-offer-summary__chip--paid b{
  background:#f3eee7;
  color:#3b3028;
}
.bp-cart-offer-summary__chip--free{
  background:#e9f6ee;
  color:#126b34;
  box-shadow:inset 0 0 0 1px rgba(31,138,76,.18);
}
.bp-cart-offer-summary__chip--free b{
  background:#1f8a4c;
  color:#fff;
}
.bp-cart-line-offer{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:8px 0 0;
  padding:4px 9px;
  border-radius:999px;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:0;
}
.bp-cart-line-offer--paid{
  background:#fff3df;
  color:#9a4a06;
}
.bp-cart-line-offer--free{
  background:#e8f6ed;
  color:#16723a;
}
.bp-cart-quantity-display{
  position:relative;
  width:auto;
  min-width:76px;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(60,44,28,.12);
  border-radius:999px;
  background:#fff;
  justify-content:center;
}
.bp-cart-quantity-display .quantity__input{
  position:absolute;
  inset:0;
  opacity:0;
}
.bp-cart-quantity-display__label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#1c1814;
  font-size:12.5px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
  pointer-events:none;
}
cart-drawer .bp-cart-offer-summary{
  margin:0 0 12px;
  padding:11px 12px 10px 10px;
}
cart-drawer .bp-cart-offer-summary__main strong{
  font-size:24px;
}
cart-drawer .bp-cart-offer-summary__chip{
  font-size:11px;
  padding-inline:8px;
}
cart-drawer .bp-cart-line-offer{
  font-size:11.5px;
}
@media (max-width:749px){
  .bp-cart-offer-summary{
    margin-bottom:12px;
    padding:11px 12px 10px 10px;
  }
  .bp-cart-offer-summary__main strong{
    font-size:24px;
  }
  .bp-cart-offer-summary__chip{
    font-size:11px;
    padding-inline:8px;
  }
}

/* ---- ported from the global store 2026-09-02: rating link, Pelsbarn offer box, Pelsbarn ATC ---- */
.bp-rating--link{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--bp-ink);margin:2px 0 8px;font-size:15.5px}
.bp-rating--link .bp-rating-stars{color:#f5b301;font-size:18px;letter-spacing:1px;line-height:1}
.bp-rating--link b{font-weight:800}
.bp-rating--link .bp-rating-count{color:#7a7066;font-weight:600}
.bp-rating--link:hover .bp-rating-count{text-decoration:underline}
.bp-gift{margin:0 0 14px;padding:14px;background:#fff;border:1.5px solid #f3b04a;border-radius:12px}
.bp-gift-head b{display:block;font-size:21px;font-weight:900;color:var(--bp-ink);line-height:1.15}
.bp-gift-head span{display:block;font-size:14px;color:var(--bp-ink);margin:5px 0 16px}
.bp-gift-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.bp-gift-tile{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.bp-gift-img{position:relative;width:100%;aspect-ratio:1/1;background:#fddeb7;border:1.5px dashed #2a2320;border-radius:10px;overflow:visible;padding:0}
.bp-gift-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:8.5px}
.bp-gift-img i{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:900;color:#fff;background:#f5851f;border-radius:6px;padding:2px 9px;z-index:1}
.bp-gift-tile b{font-size:12.5px;font-weight:700;color:var(--bp-ink);text-align:center;line-height:1.25}
.bp-gift-ship{margin-top:14px;background:#fddeb7;color:var(--bp-ink);font-size:13.5px;font-weight:800;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:10px}
.bp-gift-ship svg{width:24px;height:24px;flex:0 0 auto}
@media (max-width:360px){.bp-gift-tile b{font-size:11.5px}.bp-gift-head b{font-size:19px}}
.bp-atc .bp-btn{flex-direction:column;gap:3px;background:#f19e38;color:#442508;border-radius:12px;padding:9px 16px 8px;min-height:67px;box-shadow:none}
.bp-atc .bp-btn .bp-btn-txt{font-size:25px;font-weight:800;line-height:1.1;white-space:nowrap}
.bp-atc .bp-btn .bp-btn-sub{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;line-height:1;opacity:.95}
.bp-atc .bp-btn .bp-btn-sub svg{flex:0 0 auto;width:16px;height:16px}
.bp-atc .bp-btn:hover{background:#ea9530;color:#442508;transform:none;box-shadow:none}
.bp-atc .bp-btn.bp-btn-pulse{animation:none}
@media (max-width:380px){.bp-atc .bp-btn .bp-btn-txt{font-size:24px}.bp-atc .bp-btn .bp-btn-sub{font-size:12.5px}}
.bp-gift-line .quantity__button{display:none}.bp-gift-line .quantity__input{pointer-events:none;border:0;background:transparent}
.bp-gift-head .bp-gift-date{display:inline;font-size:inherit;font-weight:800;color:var(--bp-ink);margin:0}

/* ---- gallery ribbon: "designed with Scandinavian cooling principles" (Ram 2026-09-02, Pelsbarn) ---- */
.bp-gal-ribbon{position:absolute;top:14px;left:12px;z-index:3;display:flex;align-items:center;gap:10px;direction:rtl;background:#0c2a66;color:#fff;border-radius:999px;padding:6px 14px 6px 6px;box-shadow:0 4px 14px rgba(0,0,0,.18);max-width:78%}
.bp-gal-ribbon b{font-size:12.5px;font-weight:800;line-height:1.25;letter-spacing:.02em;text-align:right;white-space:nowrap}
.bp-flag-no{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:
  linear-gradient(#fff,#fff) 44% 0/8px 100% no-repeat,linear-gradient(#fff,#fff) 0 50%/100% 8px no-repeat,#ba0c2f;position:relative;overflow:hidden}
.bp-flag-no::before{content:"";position:absolute;inset:0;background:linear-gradient(#00205b,#00205b) 44% 0/4px 100% no-repeat,linear-gradient(#00205b,#00205b) 0 50%/100% 4px no-repeat;left:0;top:0}
.bp-flag-no::after{content:"";position:absolute;left:44%;top:50%;width:0}
@media (min-width:990px){.bp-gal-ribbon b{font-size:13.5px}.bp-flag-no{width:46px;height:46px}}