/* Snackpati quality layer */
:root{
  --sp-pine:#0f3d32;
  --sp-pine-mid:#1b4d3e;
  --sp-pine-soft:#e8f2ec;
  --sp-coral:#e07a5f;
  --sp-coral-deep:#c45a3e;
  --sp-sand:#f7f2ea;
  --sp-ink:#14231e;
  --sp-muted:#5c6b62;
  --sp-line:#d5e0d8;
  --sp-glow:rgba(224,122,95,.28);
  --sp-ease:cubic-bezier(.22,1,.36,1);
}

html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
img,picture,video{max-width:100%;height:auto}
img[loading="lazy"]{content-visibility:auto}
main a,main button{transition:transform .25s var(--sp-ease),box-shadow .25s var(--sp-ease),opacity .2s ease,background .2s ease,color .2s ease}

.promo-marquee{min-height:2.55rem!important;display:flex!important;align-items:center!important;padding-block:.65rem!important;font-size:clamp(.76rem,2.1vw,.9rem)!important;line-height:1.35!important;overflow:hidden!important}
.promo-marquee-item,.promo-marquee-item a{white-space:nowrap!important}
.promo-marquee-sep{margin:0 1.25rem!important;opacity:.5!important}

.sp-reveal{opacity:0;transform:translateY(18px) scale(.985);filter:blur(2px);transition:opacity .7s var(--sp-ease),transform .7s var(--sp-ease),filter .7s ease}
.sp-reveal.is-in{opacity:1;transform:none;filter:none}
.sp-reveal-delay-1{transition-delay:.08s}
.sp-reveal-delay-2{transition-delay:.16s}
.sp-reveal-delay-3{transition-delay:.24s}

@keyframes sp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes sp-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes sp-pulse{0%,100%{transform:scale(1);box-shadow:0 10px 24px var(--sp-glow)}50%{transform:scale(1.03);box-shadow:0 14px 30px rgba(224,122,95,.38)}}
.sp-pulse{animation:2.8s ease-in-out infinite sp-pulse}

body.sp-home{background:
  radial-gradient(1100px 520px at 10% -8%, rgba(27,77,62,.13), transparent 55%),
  radial-gradient(900px 460px at 92% 6%, rgba(224,122,95,.11), transparent 52%),
  linear-gradient(180deg,#fbf8f2 0%,#f3eee5 46%,#eef4f0 100%)}

.sp-ambient{
  pointer-events:none;position:fixed;inset:auto -12% -22% -12%;height:52vh;z-index:0;opacity:.34;
  background:
    radial-gradient(closest-side at 28% 42%, rgba(27,77,62,.24), transparent 70%),
    radial-gradient(closest-side at 72% 58%, rgba(224,122,95,.16), transparent 65%);
  filter:blur(30px);animation:18s ease-in-out infinite alternate sp-float
}

.sp-boost{position:relative;z-index:1;max-width:72rem;margin:0 auto;padding:.25rem 1rem 1.35rem}

.sp-hero-polish{
  margin:1rem 0 0;border-radius:1.35rem;overflow:hidden;position:relative;
  min-height:clamp(230px,44vw,390px);isolation:isolate;
  box-shadow:0 18px 42px rgba(15,61,50,.16)
}
.sp-hero-polish picture,.sp-hero-img{position:absolute;inset:0;width:100%;height:100%}
.sp-hero-img{object-fit:cover;transform:scale(1.03);transition:transform 1.15s var(--sp-ease)}
.sp-hero-polish:hover .sp-hero-img{transform:scale(1.07)}
.sp-hero-veil{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(115deg,rgba(15,61,50,.84) 0%,rgba(15,61,50,.48) 42%,rgba(15,61,50,.16) 70%,transparent 100%),
    linear-gradient(0deg,rgba(15,61,50,.32),transparent 48%)
}
.sp-hero-copy{
  position:relative;z-index:2;color:#fff;padding:clamp(1.15rem,4vw,2.35rem);
  max-width:34rem;min-height:clamp(230px,44vw,390px);display:flex;flex-direction:column;justify-content:flex-end;gap:.7rem
}
.sp-hero-copy .eyebrow{
  display:inline-flex;align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);
  padding:.35rem .65rem;border-radius:999px
}
.sp-hero-copy h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,3.5vw,2.3rem);line-height:1.12;letter-spacing:-.02em;font-weight:650}
.sp-hero-copy p{margin:0;font-size:clamp(.9rem,1.7vw,1.02rem);line-height:1.5;opacity:.93;max-width:28rem}
.sp-hero-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.2rem}
.sp-btn-primary,.sp-btn-ghost{
  display:inline-flex;align-items:center;justify-content:center;border-radius:.85rem;padding:.7rem 1rem;
  font-weight:700;font-size:.88rem;text-decoration:none
}
.sp-btn-primary{background:#fff;color:var(--sp-pine)}
.sp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.sp-btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28)}
.sp-btn-ghost:hover{background:rgba(255,255,255,.2)}

.sp-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.15rem}
@media(min-width:768px){.sp-trust{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}
.sp-trust-card{
  background:rgba(255,255,255,.8);border:1px solid var(--sp-line);border-radius:1.05rem;padding:.9rem .95rem;
  display:flex;gap:.7rem;align-items:flex-start;backdrop-filter:blur(10px);
  box-shadow:0 10px 24px rgba(15,61,50,.06);transition:transform .35s var(--sp-ease),box-shadow .35s ease,border-color .25s ease
}
.sp-trust-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(15,61,50,.12);border-color:#b9cfc3}
.sp-trust-ico{
  width:2.25rem;height:2.25rem;border-radius:999px;display:grid;place-items:center;flex-shrink:0;
  background:linear-gradient(145deg,#dff0e6,#cfe4d8);color:var(--sp-pine-mid);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
.sp-trust-ico svg{width:1.05rem;height:1.05rem}
.sp-trust-card strong{display:block;font-size:.9rem;color:var(--sp-pine);letter-spacing:-.01em}
.sp-trust-card span{display:block;font-size:.74rem;color:var(--sp-muted);margin-top:.15rem;line-height:1.35}

.sp-cats{margin-top:1.7rem}
.sp-cats h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.3rem,2.6vw,1.85rem);color:var(--sp-pine);letter-spacing:-.02em}
.sp-cats .lead{margin:.4rem 0 1.05rem;color:var(--sp-muted);font-size:.94rem;max-width:40rem}
.sp-cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
@media(min-width:768px){.sp-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}
.sp-cat-card{
  position:relative;overflow:hidden;border-radius:1.2rem;min-height:11rem;color:#fff;text-decoration:none;display:block;
  background:var(--sp-pine);box-shadow:0 14px 30px rgba(15,61,50,.16);
  transition:transform .4s var(--sp-ease),box-shadow .4s ease
}
.sp-cat-card:hover{transform:translateY(-5px);box-shadow:0 20px 36px rgba(15,61,50,.22)}
.sp-cat-card img,.sp-cat-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--sp-ease)}
.sp-cat-card:hover img,.sp-cat-card:hover .sp-cat-fallback{transform:scale(1.07)}
.sp-cat-fallback{
  display:grid;place-items:center;
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.18),transparent 40%),linear-gradient(145deg,#1f5a48,#0f3d32 55%,#c45a3e)
}
.sp-cat-fallback svg{width:2.8rem;height:2.8rem;opacity:.95}
.sp-cat-meta{position:absolute;left:0;right:0;bottom:0;padding:1rem;background:linear-gradient(transparent,rgba(10,40,33,.94))}
.sp-cat-meta strong{display:block;font-size:1rem;letter-spacing:-.01em}
.sp-cat-meta span{font-size:.74rem;opacity:.9}

.sp-urgency{margin-top:1.4rem}
.sp-urgency-inner{
  border-radius:1.25rem;padding:1.05rem 1.15rem;color:#fff;
  background:radial-gradient(600px 120px at 90% 0%, rgba(255,255,255,.2), transparent 50%),linear-gradient(110deg,#e07a5f,#d45f45 38%,#b86b2f);
  display:flex;flex-wrap:wrap;gap:.85rem 1.1rem;align-items:center;justify-content:space-between;
  box-shadow:0 16px 34px rgba(224,122,95,.28)
}
.sp-urgency-inner p{margin:0;font-size:.92rem;line-height:1.45;max-width:42rem}
.sp-urgency-inner a{background:#fff;color:var(--sp-pine);font-weight:700;font-size:.86rem;border-radius:.85rem;padding:.68rem 1rem;text-decoration:none;white-space:nowrap}

.sp-seo-copy{margin:1.55rem 0 1.4rem}
.sp-seo-copy .box{
  background:rgba(255,255,255,.74);border:1px solid var(--sp-line);border-radius:1.2rem;padding:1.15rem 1.25rem;
  backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(15,61,50,.06)
}
.sp-seo-copy h2{margin:0 0 .45rem;font-size:1.08rem;color:var(--sp-pine);font-family:Fraunces,Georgia,serif}
.sp-seo-copy p{margin:0;color:var(--sp-muted);font-size:.88rem;line-height:1.65}

.sp-lift{transition:transform .35s var(--sp-ease),box-shadow .35s ease}
.sp-lift:hover{transform:translateY(-4px)}
main a[href*="/urun/"] img{transition:transform .55s var(--sp-ease)}
main a[href*="/urun/"]:hover img{transform:scale(1.04)}

.sp-img-ready{background:linear-gradient(90deg,#e9efe9 25%,#f7faf7 37%,#e9efe9 63%);background-size:400% 100%;animation:1.4s ease infinite sp-shimmer}

.sp-topbar{
  position:fixed;left:50%;bottom:1rem;transform:translateX(-50%) translateY(120%);z-index:60;
  display:flex;gap:.5rem;align-items:center;background:rgba(15,61,50,.92);color:#fff;backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.45rem .5rem .45rem .9rem;
  box-shadow:0 14px 34px rgba(15,61,50,.28);transition:transform .4s var(--sp-ease),opacity .3s ease;opacity:0;pointer-events:none
}
.sp-topbar.is-show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
.sp-topbar span{font-size:.78rem;font-weight:600;white-space:nowrap}
.sp-topbar a{appearance:none;border:0;cursor:pointer;text-decoration:none;color:var(--sp-pine);background:#fff;border-radius:999px;padding:.45rem .8rem;font-size:.78rem;font-weight:700}

.sp-backtop{
  position:fixed;right:1rem;bottom:1rem;z-index:55;width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid var(--sp-line);
  background:rgba(255,255,255,.92);color:var(--sp-pine);box-shadow:0 10px 24px rgba(15,61,50,.14);
  display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);
  transition:opacity .3s ease,transform .3s var(--sp-ease)
}
.sp-backtop.is-show{opacity:1;pointer-events:auto;transform:none}
.sp-backtop svg{width:1rem;height:1rem}

.sp-buybar{
  position:fixed;left:0;right:0;bottom:0;z-index:58;display:none;
  background:rgba(251,248,242,.95);border-top:1px solid var(--sp-line);backdrop-filter:blur(14px);
  padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));box-shadow:0 -10px 28px rgba(15,61,50,.1)
}
.sp-buybar.is-show{display:block}
.sp-buybar-inner{max-width:72rem;margin:0 auto;display:flex;gap:.75rem;align-items:center;justify-content:space-between}
.sp-buybar strong{font-size:.95rem;color:var(--sp-pine)}
.sp-buybar span{display:block;font-size:.75rem;color:var(--sp-muted)}
.sp-buybar button{
  border:0;cursor:pointer;background:linear-gradient(135deg,var(--sp-coral),var(--sp-coral-deep));
  color:#fff;font-weight:700;border-radius:.9rem;padding:.78rem 1.1rem;font-size:.9rem;white-space:nowrap;
  box-shadow:0 10px 22px var(--sp-glow)
}

.sp-toast{
  position:fixed;left:50%;bottom:5.5rem;transform:translateX(-50%) translateY(12px);background:var(--sp-pine);color:#fff;
  padding:.7rem 1rem;border-radius:.9rem;font-size:.84rem;font-weight:600;z-index:70;opacity:0;pointer-events:none;
  transition:opacity .3s ease,transform .35s var(--sp-ease);box-shadow:0 12px 28px rgba(15,61,50,.25)
}
.sp-toast.is-show{opacity:1;transform:translateX(-50%) translateY(0)}

.sp-guest-banner{margin:0 0 .85rem;padding:.8rem .95rem;border-radius:1rem;background:linear-gradient(105deg,#e7f1eb,#fff6ef);border:1px solid var(--sp-line);color:var(--sp-pine);font-size:.88rem;line-height:1.45}
.sp-guest-banner strong{font-weight:700}
.sp-guest-more{display:inline-flex;align-items:center;gap:.35rem;margin:.15rem 0 .55rem;padding:0;border:0;background:transparent;color:var(--sp-pine-mid);font-size:.8rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sp-guest-form .sp-guest-opt-field{display:none!important}
.sp-guest-form.sp-guest-show-optional .sp-guest-opt-field{display:block!important}

@media(prefers-reduced-motion:reduce){
  .sp-pulse,.sp-ambient,.sp-reveal,.sp-cat-card img,.sp-hero-img{animation:none!important;transition:none!important;opacity:1;transform:none;filter:none}
}
@media(max-width:640px){
  .sp-topbar span{display:none}
  .sp-hero-copy{justify-content:flex-end;padding:1.1rem}
}

.sp-hide-stock,[data-sp-hide-stock="1"]{display:none!important}


/* ===== Sales coherence layer ===== */
.sp-shipbar{
  position:sticky;top:0;z-index:45;
  background:linear-gradient(90deg,#0f3d32,#1b4d3e 55%,#2a5f4c);
  color:#fff;font-size:.82rem;padding:.55rem 1rem;
  display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap;
  box-shadow:0 8px 22px rgba(15,61,50,.18)
}
.sp-shipbar strong{font-weight:700}
.sp-ship-meter{
  width:min(220px,36vw);height:.35rem;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden;flex-shrink:0
}
.sp-ship-fill{height:100%;width:38%;background:linear-gradient(90deg,#f4d3a1,#e07a5f);border-radius:999px;transition:width .6s var(--sp-ease)}

.sp-sales-rail{
  margin:1.35rem 0 0;padding:1.1rem 1.15rem;border-radius:1.25rem;
  background:
    radial-gradient(500px 120px at 100% 0%, rgba(224,122,95,.16), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.74));
  border:1px solid var(--sp-line);box-shadow:0 14px 34px rgba(15,61,50,.08)
}
.sp-sales-rail h3{
  margin:.45rem 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.15rem,2.4vw,1.45rem);
  color:var(--sp-pine);letter-spacing:-.02em
}
.sp-sales-sub{margin:.35rem 0 1rem;color:var(--sp-muted);font-size:.9rem}
.sp-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}
.sp-chip{
  display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .85rem;border-radius:999px;
  background:#fff;border:1px solid var(--sp-line);color:var(--sp-pine);text-decoration:none;
  font-size:.82rem;font-weight:700;box-shadow:0 6px 16px rgba(15,61,50,.05);
  transition:transform .3s var(--sp-ease),border-color .25s ease,box-shadow .3s ease
}
.sp-chip:hover{transform:translateY(-3px);border-color:#b9cfc3;box-shadow:0 12px 24px rgba(15,61,50,.12)}
.sp-chip svg{width:.95rem;height:.95rem}

.sp-proof{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1.2rem}
@media(min-width:720px){.sp-proof{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sp-proof-card{
  border-radius:1.05rem;padding:.95rem 1rem;background:rgba(15,61,50,.04);
  border:1px solid rgba(15,61,50,.08);min-height:5.2rem
}
.sp-proof-card strong{display:block;color:var(--sp-pine);font-size:.92rem;margin-bottom:.25rem}
.sp-proof-card span{color:var(--sp-muted);font-size:.8rem;line-height:1.45}

.sp-hot{
  display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#e07a5f,#c45a3e);
  padding:.28rem .55rem;border-radius:999px;box-shadow:0 8px 18px rgba(224,122,95,.28)
}

.sp-card-glow{position:relative;overflow:hidden}
.sp-card-glow::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 62%);
  transform:translateX(-120%)
}
.sp-card-glow:hover::after{opacity:1;animation:.9s ease forwards sp-shimmer}

.sp-fab-cart{
  position:fixed;right:1rem;bottom:4.6rem;z-index:56;display:none;align-items:center;gap:.45rem;
  background:var(--sp-pine);color:#fff;border:0;border-radius:999px;padding:.7rem .95rem;
  font-weight:700;font-size:.84rem;text-decoration:none;cursor:pointer;
  box-shadow:0 14px 30px rgba(15,61,50,.28);transform:translateY(12px);opacity:0;
  transition:opacity .35s ease,transform .35s var(--sp-ease)
}
.sp-fab-cart.is-show{display:inline-flex;opacity:1;transform:none}
.sp-fab-count{
  min-width:1.35rem;height:1.35rem;border-radius:999px;background:#e07a5f;color:#fff;
  display:grid;place-items:center;font-size:.72rem;font-weight:800
}
@keyframes sp-pop{0%{transform:scale(.86)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
.sp-fab-cart.is-pop{animation:.45s var(--sp-ease) sp-pop}

.sp-cta-breathe{animation:2.8s ease-in-out infinite sp-pulse}

.sp-mini-banner{
  margin:0 0 1rem;padding:.75rem .9rem;border-radius:1rem;
  background:linear-gradient(105deg,#fff7f1,#eef6f1);border:1px solid var(--sp-line);
  color:var(--sp-pine);font-size:.86rem;line-height:1.4;
  display:flex;gap:.65rem;align-items:center;justify-content:space-between;flex-wrap:wrap
}
.sp-mini-banner a{
  color:#fff;background:var(--sp-pine);text-decoration:none;font-weight:700;font-size:.8rem;
  padding:.5rem .8rem;border-radius:.75rem;white-space:nowrap
}

@media(prefers-reduced-motion:reduce){
  .sp-card-glow::after,.sp-cta-breathe,.sp-fab-cart.is-pop{animation:none!important}
}


/* ===== Cart-aware ship bar + mobile/tablet ===== */
.sp-shipbar{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(95deg,#0f3d32 0%,#1b4d3e 55%,#245a48 100%);
  color:#fff;padding:.55rem .85rem;
  box-shadow:0 8px 20px rgba(15,61,50,.18)
}
.sp-ship-inner{max-width:72rem;margin:0 auto;display:flex;align-items:center;gap:.85rem;justify-content:space-between}
.sp-ship-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.sp-ship-msg{font-size:.86rem;font-weight:800;letter-spacing:-.01em}
.sp-ship-sub{font-size:.72rem;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw}
.sp-ship-meter{flex:0 0 min(220px,34vw);height:.38rem;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden}
.sp-ship-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#f3d2a0,#e07a5f);transition:width .45s var(--sp-ease)}
.sp-shipbar.is-free{background:linear-gradient(95deg,#1b4d3e,#2f6b54 60%,#3d7d62)}
.sp-shipbar.is-free .sp-ship-fill{background:linear-gradient(90deg,#b7e3c8,#7dcea0);width:100%!important}

.sp-hero-polish{min-height:clamp(200px,48vw,390px)}
.sp-hero-copy{padding:clamp(1rem,3.5vw,2.2rem);max-width:min(34rem,92%)}
.sp-hero-copy h2{font-size:clamp(1.35rem,4.2vw,2.25rem)}
.sp-hero-actions{gap:.45rem}
.sp-btn-primary,.sp-btn-ghost{padding:.65rem .9rem;font-size:.84rem}

.sp-fab-cart{right:.75rem;bottom:calc(4.2rem + env(safe-area-inset-bottom))}
.sp-buybar{padding:.7rem .85rem calc(.7rem + env(safe-area-inset-bottom))}
.sp-buybar-inner{gap:.65rem}
.sp-buybar strong{font-size:.9rem;max-width:55vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-backtop{right:.75rem;bottom:calc(1rem + env(safe-area-inset-bottom));width:2.45rem;height:2.45rem}

.sp-sales-rail{padding:1rem}
.sp-chip{padding:.5rem .75rem;font-size:.78rem}
.sp-proof{gap:.65rem}
.sp-mini-banner{font-size:.82rem;padding:.7rem .8rem}

@media(max-width:767px){
  .sp-ship-inner{flex-direction:column;align-items:stretch;gap:.45rem}
  .sp-ship-meter{flex:none;width:100%}
  .sp-ship-sub{max-width:100%;white-space:normal}
  .sp-trust{gap:.55rem}
  .sp-trust-card{padding:.75rem .8rem}
  .sp-cat-grid{gap:.65rem}
  .sp-cat-card{min-height:9.2rem;border-radius:1rem}
  .sp-boost{padding:.15rem .75rem 1.1rem}
  .sp-topbar{left:.75rem;right:.75rem;transform:translateY(120%);width:auto;max-width:none}
  .sp-topbar.is-show{transform:translateY(0)}
  .sp-topbar span{display:none}
  .sp-hero-actions{width:100%}
  .sp-hero-actions a{flex:1 1 auto;justify-content:center;text-align:center}
  .sp-urgency-inner{padding:.9rem;gap:.65rem}
  .sp-urgency-inner a{width:100%;text-align:center}
  .sp-fab-cart{bottom:calc(5.2rem + env(safe-area-inset-bottom))}
}

@media(min-width:768px) and (max-width:1024px){
  .sp-boost{padding:.25rem 1.1rem 1.25rem}
  .sp-hero-polish{min-height:clamp(240px,36vw,340px)}
  .sp-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-ship-meter{flex-basis:260px}
}

@supports(padding:max(0px)){
  .sp-shipbar{padding-left:max(.85rem, env(safe-area-inset-left));padding-right:max(.85rem, env(safe-area-inset-right))}
}

form.sp-quick-order-protect .sp-guest-opt-field{display:block!important}
form.sp-quick-order-protect .sp-guest-more{display:none!important}


.sp-free-ship, article.sp-free-ship, .sp-free-ship-card {
  outline: 2px solid #dc2626 !important;
  outline-offset: 3px;
  border-radius: 1rem !important;
  box-shadow: 0 0 0 1px rgba(220,38,38,.22), 0 8px 22px rgba(220,38,38,.14);
}
.sp-free-ship-badge {
  position: absolute; z-index: 6; top: .6rem; left: .6rem;
  background: #dc2626; color: #fff; font-size: .68rem; font-weight: 800;
  padding: .28rem .55rem; border-radius: .45rem;
  box-shadow: 0 2px 8px rgba(220,38,38,.35); pointer-events: none;
}


/* FREE-SHIP PC+MOBILE */
.sp-free-ship,
article.sp-free-ship,
.sp-free-ship-card,
[data-free-shipping="1"] {
  outline: 2px solid #dc2626 !important;
  outline-offset: 3px !important;
  border-radius: 1rem !important;
  box-shadow: 0 0 0 1px rgba(220,38,38,.28), 0 10px 24px rgba(220,38,38,.12) !important;
}
.sp-free-ship-badge {
  position: absolute !important;
  z-index: 8 !important;
  top: .55rem !important;
  left: .55rem !important;
  background: #dc2626 !important;
  color: #fff !important;
  font-size: .7rem !important;
  font-weight: 800 !important;
  padding: .28rem .6rem !important;
  border-radius: .45rem !important;
  display: inline-block !important;
  pointer-events: none !important;
}
.sp-shipbar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.sp-shipbar.is-free .sp-ship-fill,
.sp-shipbar[data-free="1"] .sp-ship-fill {
  width: 100% !important;
  transition: width .45s ease !important;
}
@media (min-width: 768px) {
  .sp-shipbar { display: block !important; }
  .sp-free-ship, article.sp-free-ship { outline: 2px solid #dc2626 !important; }
}


/* FREE-SHIP PC FORCE */
@media (min-width: 768px) {
  .sp-shipbar { display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 60 !important; }
  .sp-shipbar .sp-ship-fill { display: block !important; height: 100% !important; }
  .sp-free-ship, article.sp-free-ship, [data-free-shipping="1"] {
    outline: 2px solid #dc2626 !important;
    outline-offset: 3px !important;
  }
  .sp-free-ship-badge { display: inline-block !important; }
}

/* FREE-SHIP VISIBILITY DESKTOP */
[data-sp-free-ship-opt="1"],
label[data-sp-free-ship-opt="1"] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (min-width: 768px) {
  [data-sp-free-ship-opt="1"],
  label[data-sp-free-ship-opt="1"] {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* sp-campaign-mobile: all-device polish */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img, video { max-width: 100%; height: auto; }
a, button, [role="button"] { touch-action: manipulation; }
@media (max-width: 767px) {
  body { overflow-x: hidden; }
  header a, header button { min-height: 44px; }
  main input, main textarea, main select, main button {
    font-size: 16px !important; /* iOS zoom prevent */
  }
  .promo-marquee { font-size: 12px; }
  /* checkout form readability */
  form input, form textarea, form select {
    min-height: 44px;
    width: 100%;
    box-sizing: border-box;
  }
  form button[type="submit"], form button.w-full {
    min-height: 48px;
    width: 100%;
  }
}
@media (max-width: 380px) {
  header .font-\\[family-name\\:var\\(--font-display\\)\\],
  header a[href="/"] { font-size: 1.35rem !important; }
}