/* ═══════════════════════════════════════════════════════════════
   PROJETO JAIRO  ·  JCor&Cor
   Design System — Industrial Luxury
   ═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&family=Barlow+Condensed:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800&display=swap');

/* ─────────────────────────────────────────────────────────────
   TOKENS
───────────────────────────────────────────────────────────── */
:root {
  /* Core palette */
  --ink:         #06060a;
  --ink-2:       #0b0b12;
  --ink-3:       #0f0f18;
  --ink-4:       #141421;
  --ink-5:       #1a1a2c;

  --plate:       #1e1e30;
  --plate-2:     #232336;
  --plate-3:     #28283e;
  --plate-4:     #2e2e48;

  --chalk:       #f4f3f0;
  --chalk-2:     #e8e7e2;
  --chalk-3:     #cccac3;
  --chalk-4:     #9997902;
  --chalk-dim:   rgba(244,243,240,0.55);
  --chalk-ghost: rgba(244,243,240,0.12);
  --chalk-trace: rgba(244,243,240,0.06);

  --fire:        #e85d04;
  --fire-2:      #f77f00;
  --fire-3:      #ff9500;
  --orange:      #ff6a00;
  --slate:       #617694;
  --muted:       #6f8199;
  --fire-dim:    rgba(232,93,4,0.18);
  --fire-glow:   rgba(232,93,4,0.35);
  --fire-trace:  rgba(232,93,4,0.08);

  --steel:       #2a3a5c;
  --steel-2:     #1e2d4a;

  --ok:          #22c55e;
  --ok-dim:      rgba(34,197,94,0.12);
  --warn:        #f59e0b;
  --warn-dim:    rgba(245,158,11,0.12);
  --err:         #ef4444;
  --err-dim:     rgba(239,68,68,0.12);

  /* Gradients */
  --g-fire:    linear-gradient(135deg, #e85d04 0%, #f77f00 100%);
  --g-fire-v:  linear-gradient(180deg, #f77f00 0%, #e85d04 100%);
  --g-dark:    linear-gradient(160deg, #0b0b12 0%, #0f0f22 60%, #0a0a10 100%);
  --g-plate:   linear-gradient(145deg, #1e1e30 0%, #16162a 100%);
  --g-shine:   linear-gradient(135deg, rgba(244,243,240,0.06) 0%, rgba(244,243,240,0) 60%);
  --g-noise:   url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");

  /* Typography */
  --f-display:   'Bebas Neue', sans-serif;
  --f-headline:  'Barlow Condensed', sans-serif;
  --f-body:      'Barlow', sans-serif;
  --f-logo:      'Playfair Display', serif;

  /* Shadows */
  --sh-sm:    0 2px 8px rgba(0,0,0,0.4);
  --sh-md:    0 6px 24px rgba(0,0,0,0.55);
  --sh-lg:    0 12px 48px rgba(0,0,0,0.65);
  --sh-xl:    0 24px 80px rgba(0,0,0,0.75);
  --sh-fire:  0 8px 32px rgba(232,93,4,0.4);
  --sh-fire2: 0 16px 64px rgba(232,93,4,0.25);
  --sh-inset: inset 0 1px 0 rgba(244,243,240,0.06);

  /* Borders */
  --b:        1px solid rgba(244,243,240,0.08);
  --b2:       1px solid rgba(244,243,240,0.14);
  --b3:       1px solid rgba(244,243,240,0.22);
  --b-fire:   1px solid rgba(232,93,4,0.35);
  --b-fire2:  1px solid rgba(232,93,4,0.6);

  /* Radii */
  --r-xs: 4px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-2xl:32px;
  --r-pill:999px;

  /* Transitions */
  --ease:     cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast:   0.15s var(--ease);
  --t-mid:    0.28s var(--ease);
  --t-slow:   0.45s var(--ease);

  /* Layout */
  --max-w:    1360px;
  --hh:       72px; /* header height */
}

/* ─────────────────────────────────────────────────────────────
   RESET
───────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; text-size-adjust: 100%; }
body {
  font-family: var(--f-body);
  font-size: 16px;
  line-height: 1.6;
  background: var(--ink);
  color: var(--chalk);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font-family: var(--f-body); }
button { cursor: pointer; border: none; background: none; }

/* ─────────────────────────────────────────────────────────────
   GRAIN OVERLAY  (texture layer — global)
───────────────────────────────────────────────────────────── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: var(--g-noise);
  background-size: 200px 200px;
  pointer-events: none;
  z-index: 9000;
  opacity: 1;
}

/* ─────────────────────────────────────────────────────────────
   SCROLLBAR
───────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--ink-2); }
::-webkit-scrollbar-thumb { background: var(--plate-3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--fire); }

/* ─────────────────────────────────────────────────────────────
   SELECTION
───────────────────────────────────────────────────────────── */
::selection { background: var(--fire); color: #fff; }

/* ─────────────────────────────────────────────────────────────
   TYPOGRAPHY
───────────────────────────────────────────────────────────── */
.t-giant {
  font-family: var(--f-display);
  font-size: clamp(5rem, 13vw, 14rem);
  line-height: 0.88;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.t-display {
  font-family: var(--f-display);
  font-size: clamp(3rem, 7vw, 7rem);
  line-height: 0.9;
  text-transform: uppercase;
}

.t-headline {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: clamp(1.6rem, 3.5vw, 3.2rem);
  line-height: 1.05;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.t-subhead {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: clamp(1.1rem, 2vw, 1.6rem);
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.t-label {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--chalk-dim);
}

.t-label--fire {
  color: var(--fire-2);
}

.t-price {
  font-family: var(--f-headline);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
}

/* ─────────────────────────────────────────────────────────────
   LAYOUT
───────────────────────────────────────────────────────────── */
.container {
  width: 100%;
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 32px;
}

.section { padding: 120px 0; }
.section--sm { padding: 72px 0; }
.section--lg { padding: 160px 0; }

/* ─────────────────────────────────────────────────────────────
   PAGE LOADER
───────────────────────────────────────────────────────────── */
#loader {
  position: fixed; inset: 0; z-index: 99999;
  background: var(--ink);
  display: flex; align-items: center; justify-content: center;
  transition: opacity 0.6s var(--ease), visibility 0.6s;
}
#loader.out { opacity: 0; visibility: hidden; }
.loader__word {
  font-family: var(--f-display);
  font-size: clamp(3rem, 8vw, 7rem);
  letter-spacing: 0.05em;
  overflow: hidden;
}
.loader__word span {
  display: inline-block;
  animation: loaderUp 0.7s var(--ease-spring) forwards;
  transform: translateY(110%);
  opacity: 0;
}
.loader__word span:nth-child(2) { animation-delay: 0.08s; }
.loader__word span:nth-child(3) { animation-delay: 0.14s; }
.loader__word span:nth-child(4) { animation-delay: 0.18s; }
.loader__word span:nth-child(5) { animation-delay: 0.22s; }
.loader__word span:nth-child(6) { animation-delay: 0.26s; }
.loader__amp { color: var(--fire); }
@keyframes loaderUp {
  to { transform: translateY(0); opacity: 1; }
}

/* ─────────────────────────────────────────────────────────────
   HEADER
───────────────────────────────────────────────────────────── */
.header {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: var(--hh);
  z-index: 500;
  background: rgba(6,6,10,0.7);
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
  border-bottom: var(--b);
  transition: background var(--t-mid), box-shadow var(--t-mid);
}

.header.scrolled {
  background: rgba(6,6,10,0.96);
  box-shadow: 0 4px 40px rgba(0,0,0,0.6);
}

.header__inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

/* Logo */
.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  text-decoration: none;
}

.logo__mark {
  position: relative;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}

.logo__mark-bg {
  position: absolute; inset: 0;
  background: var(--g-fire);
  border-radius: var(--r-sm);
  transform: rotate(-8deg);
  transition: transform var(--t-mid);
}

.logo:hover .logo__mark-bg {
  transform: rotate(-4deg) scale(1.05);
}

.logo__mark-text {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--f-display);
  font-size: 12px;
  color: #fff;
  z-index: 1;
}

.logo__name {
  font-family: var(--f-display);
  font-size: 1.45rem;
  letter-spacing: 0.03em;
  color: var(--chalk);
  text-transform: uppercase;
}

.logo__amp { color: var(--fire); }

/* Nav */
.nav {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
  justify-content: center;
}

.nav__item {
  position: relative;
  font-family: var(--f-headline);
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  padding: 8px 20px;
  transition: color var(--t-fast);
}

.nav__item::after {
  content: '';
  position: absolute;
  bottom: 4px; left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: calc(100% - 40px);
  height: 1.5px;
  background: var(--fire);
  border-radius: 1px;
  transition: transform 0.25s var(--ease-spring);
}

.nav__item:hover,
.nav__item.active {
  color: var(--chalk);
}

.nav__item:hover::after,
.nav__item.active::after {
  transform: translateX(-50%) scaleX(1);
}

/* Header actions */
.header__right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.cart-trigger {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background: var(--plate);
  border: var(--b2);
  border-radius: var(--r-pill);
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--chalk);
  transition: var(--t-fast);
  box-shadow: var(--sh-inset);
  text-decoration: none;
}

.cart-trigger:hover {
  background: var(--plate-3);
  border-color: var(--fire-glow);
  box-shadow: var(--sh-inset), 0 0 24px var(--fire-dim);
}

.cart-trigger__icon { font-size: 1rem; }

.cart-count {
  position: absolute;
  top: -7px; right: -7px;
  min-width: 20px; height: 20px;
  background: var(--g-fire);
  border-radius: var(--r-pill);
  border: 2px solid var(--ink);
  font-family: var(--f-headline);
  font-size: 10px;
  font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  padding: 0 4px;
  box-shadow: var(--sh-fire);
  transition: transform var(--t-fast);
}
.cart-count.hidden { display: none; }
.cart-count.bump { animation: bump 0.35s var(--ease-spring); }
@keyframes bump { 0%,100% { transform: scale(1); } 50% { transform: scale(1.4); } }

.ham {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
}
.ham span {
  display: block; width: 22px; height: 2px;
  background: var(--chalk);
  border-radius: 2px;
  transition: var(--t-fast);
}

/* ─────────────────────────────────────────────────────────────
   BUTTONS
───────────────────────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 32px;
  height: 52px;
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.82rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-radius: var(--r-sm);
  transition: var(--t-mid);
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.btn::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, transparent 100%);
  opacity: 0;
  transition: opacity var(--t-fast);
}

.btn:hover::before { opacity: 1; }

.btn--fire {
  background: var(--g-fire);
  color: #fff;
  box-shadow: var(--sh-fire);
}
.btn--fire:hover {
  transform: translateY(-2px);
  box-shadow: var(--sh-fire2);
  filter: brightness(1.08);
}
.btn--fire:active { transform: translateY(0); }

.btn--outline {
  background: transparent;
  color: var(--chalk);
  border: var(--b3);
}
.btn--outline:hover {
  background: var(--chalk-trace);
  border-color: rgba(244,243,240,0.35);
  transform: translateY(-1px);
}

.btn--ghost {
  background: var(--plate);
  color: var(--chalk);
  border: var(--b);
  box-shadow: var(--sh-inset);
}
.btn--ghost:hover {
  background: var(--plate-2);
  border-color: var(--b2);
}

.btn--sm {
  height: 40px;
  padding: 0 20px;
  font-size: 0.72rem;
}

.btn--lg {
  height: 62px;
  padding: 0 44px;
  font-size: 0.88rem;
  border-radius: var(--r-md);
}

.btn--full { width: 100%; }

.btn--icon {
  width: 42px; height: 42px; padding: 0;
  border-radius: var(--r-sm);
  background: var(--plate-2);
  border: var(--b);
  color: var(--chalk-dim);
}
.btn--icon:hover { background: var(--plate-3); color: var(--chalk); border-color: var(--b2); }

/* ─────────────────────────────────────────────────────────────
   BADGES / TAGS
───────────────────────────────────────────────────────────── */
.tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.65rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  border-radius: var(--r-xs);
}

.tag--fire  { background: var(--fire-dim); color: var(--fire-2); border: var(--b-fire); }
.tag--ok    { background: var(--ok-dim); color: var(--ok); border: 1px solid rgba(34,197,94,0.25); }
.tag--warn  { background: var(--warn-dim); color: var(--warn); border: 1px solid rgba(245,158,11,0.25); }
.tag--err   { background: var(--err-dim); color: var(--err); border: 1px solid rgba(239,68,68,0.25); }
.tag--dim   { background: var(--chalk-trace); color: var(--chalk-dim); border: var(--b); }

/* ─────────────────────────────────────────────────────────────
   SECTION TITLES
───────────────────────────────────────────────────────────── */
.section-eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.section-eyebrow__line {
  display: block;
  width: 32px; height: 2px;
  background: var(--fire);
  flex-shrink: 0;
}

.section-eyebrow__text {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.68rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--fire-2);
}

.section-title {
  font-family: var(--f-display);
  text-transform: uppercase;
  color: var(--chalk);
  line-height: 0.92;
}

.section-sub {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 1.05rem;
  color: var(--chalk-dim);
  line-height: 1.75;
  max-width: 520px;
  margin-top: 20px;
}

/* ─────────────────────────────────────────────────────────────
   HERO
───────────────────────────────────────────────────────────── */
.hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding-top: var(--hh);
  background: var(--ink-2);
}

/* BG geometric */
.hero__bg {
  position: absolute; inset: 0;
  overflow: hidden;
}

.hero__bg-grad {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70% 60% at 80% 30%, rgba(232,93,4,0.18) 0%, transparent 65%),
    radial-gradient(ellipse 50% 70% at 10% 80%, rgba(30,30,48,0.9) 0%, transparent 60%),
    linear-gradient(165deg, #0b0b14 0%, #08080f 50%, #0c0b16 100%);
}

.hero__bg-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(244,243,240,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,243,240,0.035) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 0%, transparent 75%);
}

.hero__bg-accent {
  position: absolute;
  top: 0; right: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(135deg, rgba(232,93,4,0.06) 0%, rgba(247,127,0,0.03) 40%, transparent 70%);
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.hero__bg-strip {
  position: absolute;
  top: 0;
  right: 38%;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(232,93,4,0.4) 40%, rgba(232,93,4,0.15) 70%, transparent 100%);
}

/* Hero content */
.hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 80px 0 100px;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 80px;
  align-items: end;
}

.hero__kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
}

.hero__kicker-dot {
  width: 8px; height: 8px;
  background: var(--fire);
  border-radius: 50%;
  box-shadow: 0 0 12px var(--fire);
  animation: pulse 2.5s ease infinite;
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 8px var(--fire); transform: scale(1); }
  50% { box-shadow: 0 0 24px var(--fire); transform: scale(1.15); }
}

.hero__kicker-text {
  font-family: var(--f-headline);
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--chalk-dim);
}

.hero__title {
  font-family: var(--f-display);
  text-transform: uppercase;
  font-size: clamp(5.5rem, 11vw, 13rem);
  line-height: 0.86;
  color: var(--chalk);
  position: relative;
}

.hero__title-line { display: block; overflow: hidden; }

.hero__title-word {
  display: inline-block;
  animation: slideUp 0.8s var(--ease-spring) both;
}

.hero__title-line:nth-child(1) .hero__title-word { animation-delay: 0.1s; }
.hero__title-line:nth-child(2) .hero__title-word { animation-delay: 0.22s; }

@keyframes slideUp {
  from { transform: translateY(105%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.hero__title-accent { color: var(--fire); }

.hero__sub {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  color: var(--chalk-dim);
  line-height: 1.75;
  max-width: 440px;
  margin: 32px 0 48px;
  animation: fadeIn 1s 0.5s both;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

.hero__ctas {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  animation: fadeIn 1s 0.65s both;
}

.hero__scroll {
  position: absolute;
  bottom: 40px; left: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--f-headline);
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  animation: fadeIn 1s 0.9s both;
}

.hero__scroll-line {
  display: block;
  width: 40px; height: 1px;
  background: var(--chalk-dim);
  position: relative;
  overflow: hidden;
}

.hero__scroll-line::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: var(--fire);
  animation: scanLine 2s ease infinite;
}

@keyframes scanLine {
  to { left: 100%; }
}

/* Hero side panel */
.hero__panel {
  background: var(--g-plate);
  border: var(--b);
  border-radius: var(--r-xl);
  padding: 32px;
  box-shadow: var(--sh-xl), var(--sh-inset);
  animation: fadeIn 1s 0.4s both;
  position: relative;
  overflow: hidden;
}

.hero__panel::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(232,93,4,0.6), transparent);
}

.hero__panel-label {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.hero__panel-label::before {
  content: '';
  display: block;
  width: 14px; height: 1px;
  background: var(--fire);
}

.hero__panel-product {
  display: flex;
  gap: 16px;
  padding: 16px;
  background: rgba(244,243,240,0.04);
  border: var(--b);
  border-radius: var(--r-md);
  margin-bottom: 10px;
  cursor: pointer;
  transition: var(--t-fast);
}

.hero__panel-product:hover {
  background: rgba(244,243,240,0.07);
  border-color: rgba(232,93,4,0.3);
}

.hero__panel-product-img {
  width: 52px; height: 52px;
  border-radius: var(--r-sm);
  background: var(--plate-2);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem;
  flex-shrink: 0;
  border: var(--b);
}

.hero__panel-product-name {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.87rem;
  color: var(--chalk);
  margin-bottom: 4px;
}

.hero__panel-product-price {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.87rem;
  color: var(--fire-2);
}

.hero__panel-product-cat {
  font-size: 0.7rem;
  color: var(--chalk-dim);
  margin-bottom: 6px;
}

.hero__stats-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 20px;
}

.hero__stat {
  padding: 14px;
  background: rgba(244,243,240,0.04);
  border: var(--b);
  border-radius: var(--r-md);
  text-align: center;
}

.hero__stat-val {
  font-family: var(--f-display);
  font-size: 1.9rem;
  color: var(--chalk);
  line-height: 1;
}

.hero__stat-lbl {
  font-size: 0.7rem;
  color: var(--chalk-dim);
  margin-top: 2px;
  font-family: var(--f-headline);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ─────────────────────────────────────────────────────────────
   TICKER / MARQUEE
───────────────────────────────────────────────────────────── */
.ticker {
  background: var(--fire);
  padding: 14px 0;
  overflow: hidden;
  border-top: 1px solid rgba(244,243,240,0.15);
  border-bottom: 1px solid rgba(244,243,240,0.15);
}

.ticker__track {
  display: flex;
  gap: 0;
  animation: ticker 28s linear infinite;
  white-space: nowrap;
}

@keyframes ticker {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.ticker__item {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  padding: 0 32px;
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #fff;
}

.ticker__sep {
  display: inline-block;
  width: 5px; height: 5px;
  background: rgba(255,255,255,0.5);
  border-radius: 50%;
  flex-shrink: 0;
}

/* ─────────────────────────────────────────────────────────────
   TRUST BAR
───────────────────────────────────────────────────────────── */
.trust-bar {
  padding: 40px 0;
  border-bottom: var(--b);
  background: var(--ink-2);
}

.trust-bar__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 32px;
  border-right: var(--b);
}

.trust-item:first-child { padding-left: 0; }
.trust-item:last-child { border-right: none; }

.trust-item__icon {
  width: 44px; height: 44px;
  background: var(--fire-dim);
  border: var(--b-fire);
  border-radius: var(--r-sm);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.trust-item__title {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.87rem;
  color: var(--chalk);
  margin-bottom: 2px;
}

.trust-item__sub {
  font-size: 0.75rem;
  color: var(--chalk-dim);
}

/* ─────────────────────────────────────────────────────────────
   CATEGORIES
───────────────────────────────────────────────────────────── */
.cat-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}

.cat-card {
  position: relative;
  padding: 28px 18px 24px;
  background: var(--g-plate);
  border: var(--b);
  border-radius: var(--r-lg);
  text-align: center;
  cursor: pointer;
  transition: var(--t-mid);
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  box-shadow: var(--sh-inset);
}

.cat-card::before {
  content: '';
  position: absolute; inset: 0;
  background: var(--g-shine);
  opacity: 0;
  transition: opacity var(--t-mid);
}

.cat-card::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--g-fire);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s var(--ease-spring);
}

.cat-card:hover {
  transform: translateY(-5px);
  border-color: rgba(232,93,4,0.3);
  box-shadow: var(--sh-md), 0 0 40px rgba(232,93,4,0.12), var(--sh-inset);
}

.cat-card:hover::before { opacity: 1; }
.cat-card:hover::after { transform: scaleX(1); }

.cat-card__emoji {
  position: relative;
  z-index: 1;
  width: 56px; height: 56px;
  background: var(--fire-dim);
  border: var(--b-fire);
  border-radius: var(--r-md);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem;
  transition: var(--t-mid);
}

.cat-card:hover .cat-card__emoji {
  background: var(--g-fire);
  border-color: transparent;
  box-shadow: var(--sh-fire);
  transform: scale(1.08) rotate(-4deg);
}

.cat-card__name {
  position: relative; z-index: 1;
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--chalk);
}

.cat-card__count {
  position: relative; z-index: 1;
  font-size: 0.68rem;
  color: var(--chalk-dim);
  font-family: var(--f-headline);
  letter-spacing: 0.1em;
}

/* ─────────────────────────────────────────────────────────────
   PRODUCT CARDS
───────────────────────────────────────────────────────────── */
.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(272px, 1fr));
  gap: 18px;
}

.pcard {
  background: var(--g-plate);
  border: var(--b);
  border-radius: var(--r-xl);
  overflow: hidden;
  cursor: pointer;
  transition: var(--t-mid);
  display: flex;
  flex-direction: column;
  box-shadow: var(--sh-inset);
  position: relative;
}

.pcard::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(244,243,240,0.1), transparent);
}

.pcard:hover {
  transform: translateY(-7px);
  border-color: rgba(232,93,4,0.28);
  box-shadow: var(--sh-xl), 0 0 50px rgba(232,93,4,0.1), var(--sh-inset);
}

/* Image area */
.pcard__img {
  position: relative;
  aspect-ratio: 4/3;
  background: var(--ink-4);
  overflow: hidden;
}

.pcard__img-inner {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  flex-direction: column;
  gap: 10px;
  background:
    linear-gradient(145deg, var(--ink-5) 0%, var(--ink-3) 100%),
    var(--g-noise);
  transition: transform 0.55s var(--ease);
}

.pcard:hover .pcard__img-inner { transform: scale(1.04); }

.pcard__emoji {
  font-size: 3.5rem;
  filter: drop-shadow(0 4px 16px rgba(0,0,0,0.6));
  transition: transform 0.35s var(--ease-spring);
}

.pcard:hover .pcard__emoji { transform: scale(1.1) translateY(-4px); }

.pcard__cat-label {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  opacity: 0.5;
}

/* Overlays */
.pcard__badges {
  position: absolute;
  top: 12px; left: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pcard__actions {
  position: absolute;
  top: 12px; right: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  opacity: 0;
  transform: translateX(10px);
  transition: var(--t-mid);
}

.pcard:hover .pcard__actions {
  opacity: 1;
  transform: translateX(0);
}

/* Body */
.pcard__body {
  padding: 20px 20px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.pcard__cat {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.66rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--fire-2);
  margin-bottom: 8px;
}

.pcard__name {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 1.05rem;
  color: var(--chalk);
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
  flex: 1;
}

.pcard__desc {
  font-size: 0.8rem;
  color: var(--chalk-dim);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Footer */
.pcard__foot {
  padding: 16px 20px 20px;
  border-top: var(--b);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.pcard__price-block {}

.pcard__price-label {
  font-size: 0.65rem;
  color: var(--chalk-dim);
  font-family: var(--f-headline);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.pcard__price {
  font-family: var(--f-headline);
  font-weight: 900;
  font-size: 1.3rem;
  color: var(--chalk);
  letter-spacing: -0.02em;
  line-height: 1;
}

.pcard__price sup {
  font-size: 0.65em;
  vertical-align: super;
  font-weight: 700;
  color: var(--chalk-dim);
  margin-right: 1px;
}

/* ─────────────────────────────────────────────────────────────
   SHOP PAGE
───────────────────────────────────────────────────────────── */
.shop-wrap {
  padding-top: var(--hh);
  min-height: 100vh;
}

.shop-banner {
  background: var(--ink-2);
  border-bottom: var(--b);
  padding: 60px 0 52px;
  position: relative;
  overflow: hidden;
}

.shop-banner::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 60% 100% at 85% 50%, rgba(232,93,4,0.08) 0%, transparent 65%);
  pointer-events: none;
}

.shop-banner__eyebrow { margin-bottom: 16px; }

.shop-banner__title {
  font-family: var(--f-display);
  text-transform: uppercase;
  font-size: clamp(3rem, 6vw, 6rem);
  line-height: 0.88;
  color: var(--chalk);
}

.shop-banner__sub {
  margin-top: 18px;
  font-size: 1rem;
  color: var(--chalk-dim);
  font-weight: 300;
}

/* Toolbar */
.shop-toolbar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 32px 0 40px;
  flex-wrap: wrap;
}

.search-box {
  position: relative;
  flex: 1;
  max-width: 400px;
}

.search-box__icon {
  position: absolute;
  left: 16px; top: 50%;
  transform: translateY(-50%);
  color: var(--chalk-dim);
  pointer-events: none;
  font-size: 0.9rem;
}

.search-box__input {
  width: 100%;
  padding: 13px 16px 13px 44px;
  background: var(--plate);
  border: var(--b2);
  border-radius: var(--r-sm);
  color: var(--chalk);
  font-size: 0.9rem;
  outline: none;
  transition: var(--t-fast);
  box-shadow: var(--sh-inset);
}

.search-box__input::placeholder { color: var(--chalk-ghost); }

.search-box__input:focus {
  border-color: rgba(232,93,4,0.5);
  box-shadow: var(--sh-inset), 0 0 0 3px rgba(232,93,4,0.1);
}

.filter-pills {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.pill {
  padding: 9px 18px;
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  background: var(--plate);
  border: var(--b);
  border-radius: var(--r-pill);
  color: var(--chalk-dim);
  cursor: pointer;
  transition: var(--t-fast);
  box-shadow: var(--sh-inset);
}

.pill:hover {
  background: var(--plate-2);
  border-color: var(--b2);
  color: var(--chalk);
}

.pill.active {
  background: var(--fire-dim);
  border: var(--b-fire);
  color: var(--fire-2);
}

.shop-count {
  font-family: var(--f-headline);
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  margin-left: auto;
}

.no-results {
  grid-column: 1 / -1;
  padding: 80px 0;
  text-align: center;
}

.no-results__icon { font-size: 3.5rem; margin-bottom: 16px; opacity: 0.3; }
.no-results__title {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 1.3rem;
  color: var(--chalk-dim);
  margin-bottom: 8px;
}

/* ─────────────────────────────────────────────────────────────
   PRODUCT DETAIL
───────────────────────────────────────────────────────────── */
.pdetail {
  padding-top: calc(var(--hh) + 60px);
  padding-bottom: 120px;
}

.pdetail__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.pdetail__gallery { position: sticky; top: calc(var(--hh) + 32px); }

.pdetail__main-img {
  aspect-ratio: 1;
  background: var(--ink-4);
  border: var(--b);
  border-radius: var(--r-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  color: var(--plate-4);
  overflow: hidden;
  position: relative;
  box-shadow: var(--sh-xl), var(--sh-inset);
  margin-bottom: 14px;
}

.pdetail__main-img::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70% 70% at 70% 30%, rgba(232,93,4,0.06) 0%, transparent 70%),
    linear-gradient(145deg, var(--ink-5) 0%, var(--ink-3) 100%);
}


.pdetail__main-img > img,
.pdetail__main-img > picture,
.pdetail__main-img > video,
.pdetail__main-img #main-image-file {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pdetail__main-emoji {
  position: relative; z-index: 1;
  font-size: 7rem;
  filter: drop-shadow(0 8px 32px rgba(0,0,0,0.7));
}

.pdetail__thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.pdetail__thumb {
  aspect-ratio: 1;
  background: var(--plate);
  border: var(--b);
  border-radius: var(--r-md);
  cursor: pointer;
  transition: var(--t-fast);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem;
}

.pdetail__thumb:hover,
.pdetail__thumb.on {
  border-color: rgba(232,93,4,0.5);
  box-shadow: 0 0 20px rgba(232,93,4,0.2);
}

/* Info side */
.pdetail__breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--f-headline);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  margin-bottom: 24px;
}

.pdetail__breadcrumb a { color: var(--chalk-dim); transition: color var(--t-fast); }
.pdetail__breadcrumb a:hover { color: var(--fire-2); }
.pdetail__breadcrumb-sep { color: var(--plate-4); }

.pdetail__cat {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.68rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--fire-2);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.pdetail__name {
  font-family: var(--f-display);
  text-transform: uppercase;
  font-size: clamp(2.2rem, 4vw, 3.8rem);
  line-height: 0.9;
  color: var(--chalk);
  margin-bottom: 24px;
}

.pdetail__rating {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
}

.stars { color: var(--warn); letter-spacing: 2px; font-size: 0.9rem; }

.pdetail__rating-text {
  font-size: 0.8rem;
  color: var(--chalk-dim);
  font-family: var(--f-headline);
}

.pdetail__price-block {
  padding: 24px;
  background: var(--plate);
  border: var(--b);
  border-radius: var(--r-lg);
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
  box-shadow: var(--sh-inset);
}

.pdetail__price {
  font-family: var(--f-headline);
  font-weight: 900;
  font-size: 2.6rem;
  color: var(--chalk);
  letter-spacing: -0.03em;
  line-height: 1;
}

.pdetail__price sup {
  font-size: 0.5em;
  vertical-align: super;
  color: var(--chalk-dim);
  margin-right: 2px;
}

.pdetail__desc {
  font-family: var(--f-body);
  font-weight: 300;
  font-size: 0.97rem;
  color: var(--chalk-dim);
  line-height: 1.8;
  margin-bottom: 28px;
}

.pdetail__hr {
  height: 1px;
  background: var(--b);
  margin: 28px 0;
  border: none;
  background-color: rgba(244,243,240,0.08);
}

.qty-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.qty-label {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--chalk-dim);
}

.qty-ctrl {
  display: flex;
  align-items: center;
  background: var(--plate);
  border: var(--b2);
  border-radius: var(--r-sm);
  overflow: hidden;
  box-shadow: var(--sh-inset);
}

.qty-btn {
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; font-weight: 600;
  color: var(--chalk-dim);
  cursor: pointer;
  background: transparent;
  border: none;
  transition: var(--t-fast);
}

.qty-btn:hover { background: var(--plate-2); color: var(--chalk); }

.qty-num {
  width: 56px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 1rem;
  color: var(--chalk);
  border-left: var(--b);
  border-right: var(--b);
}

.pdetail__cta { display: flex; gap: 12px; margin-bottom: 32px; }

.pdetail__perks {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.perk {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--chalk-trace);
  border: var(--b);
  border-radius: var(--r-md);
  font-size: 0.83rem;
  color: var(--chalk-dim);
}

.perk__icon {
  width: 28px; height: 28px;
  background: var(--fire-dim);
  border-radius: var(--r-xs);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.8rem;
  flex-shrink: 0;
}

.pdetail__specs {
  margin-top: 36px;
  padding: 24px;
  background: var(--plate);
  border: var(--b);
  border-radius: var(--r-lg);
}

.pdetail__specs-title {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.78rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--chalk);
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: var(--b);
}

.spec-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: var(--b);
  font-size: 0.85rem;
}

.spec-row:last-child { border-bottom: none; }
.spec-label { color: var(--chalk-dim); }
.spec-val { font-family: var(--f-headline); font-weight: 700; color: var(--chalk); }

/* ─────────────────────────────────────────────────────────────
   BREADCRUMB (general)
───────────────────────────────────────────────────────────── */
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--f-headline);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  margin-bottom: 32px;
}

.breadcrumb a { transition: color var(--t-fast); }
.breadcrumb a:hover { color: var(--fire-2); }
.breadcrumb__sep { color: var(--plate-4); }
.breadcrumb__cur { color: var(--chalk-dim); }

/* ─────────────────────────────────────────────────────────────
   CART PAGE
───────────────────────────────────────────────────────────── */
.cart-wrap {
  padding-top: var(--hh);
  min-height: 100vh;
}

.cart-layout {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 28px;
  align-items: start;
}

.cart-panel {
  background: var(--g-plate);
  border: var(--b);
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--sh-inset);
}

.cart-panel__head {
  padding: 22px 28px;
  border-bottom: var(--b);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart-panel__title {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.9rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--chalk);
}

.cart-panel__clear {
  font-family: var(--f-headline);
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--err);
  cursor: pointer;
  background: none;
  border: none;
  opacity: 0.7;
  transition: opacity var(--t-fast);
}
.cart-panel__clear:hover { opacity: 1; }

/* Cart item */
.citem {
  display: grid;
  grid-template-columns: 72px 1fr auto auto auto;
  gap: 16px;
  align-items: center;
  padding: 20px 28px;
  border-bottom: var(--b);
  transition: background var(--t-fast);
}

.citem:last-child { border-bottom: none; }
.citem:hover { background: var(--chalk-trace); }

.citem__img {
  width: 72px; height: 72px;
  border-radius: var(--r-md);
  background: var(--ink-4);
  border: var(--b);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.8rem;
  flex-shrink: 0;
  overflow: hidden;
}

.citem__info {}

.citem__cat {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--fire-2);
  margin-bottom: 4px;
}

.citem__name {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.95rem;
  color: var(--chalk);
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.citem__unit {
  font-size: 0.78rem;
  color: var(--chalk-dim);
  font-family: var(--f-headline);
}

.citem__qty {
  display: flex;
  align-items: center;
  background: var(--ink-4);
  border: var(--b);
  border-radius: var(--r-sm);
  overflow: hidden;
}

.citem__qty-btn {
  width: 34px; height: 34px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem; font-weight: 600;
  color: var(--chalk-dim);
  background: transparent; border: none;
  cursor: pointer;
  transition: var(--t-fast);
}
.citem__qty-btn:hover { background: var(--plate-2); color: var(--chalk); }

.citem__qty-val {
  width: 44px; height: 34px;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--f-headline);
  font-weight: 700; font-size: 0.9rem;
  color: var(--chalk);
  border-left: var(--b);
  border-right: var(--b);
}

.citem__total {
  font-family: var(--f-headline);
  font-weight: 900;
  font-size: 1.05rem;
  color: var(--chalk);
  min-width: 88px;
  text-align: right;
  letter-spacing: -0.01em;
}

.citem__rm {
  width: 32px; height: 32px;
  border-radius: var(--r-xs);
  background: var(--err-dim);
  border: 1px solid rgba(239,68,68,0.18);
  color: var(--err);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  font-size: 0.75rem;
  transition: var(--t-fast);
}
.citem__rm:hover { background: rgba(239,68,68,0.2); }

/* Cart empty state */
.cart-empty {
  padding: 88px 40px;
  text-align: center;
}
.cart-empty__ico { font-size: 4.5rem; margin-bottom: 20px; opacity: 0.2; }
.cart-empty__title {
  font-family: var(--f-display);
  font-size: 2.5rem;
  color: var(--chalk-dim);
  margin-bottom: 10px;
}
.cart-empty__sub { color: var(--chalk-dim); font-size: 0.9rem; margin-bottom: 32px; font-weight: 300; }

/* Order summary */
.order-sum {
  background: var(--g-plate);
  border: var(--b);
  border-radius: var(--r-xl);
  overflow: hidden;
  position: sticky;
  top: calc(var(--hh) + 20px);
  box-shadow: var(--sh-inset);
}

.order-sum__head {
  padding: 22px 28px;
  border-bottom: var(--b);
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.9rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--chalk);
}

.order-sum__lines {
  padding: 24px 28px;
}

.sum-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  font-size: 0.88rem;
  color: var(--chalk-dim);
}

.sum-line:last-child { margin-bottom: 0; }

.sum-line--total {
  margin-top: 20px;
  padding-top: 20px;
  border-top: var(--b2);
  font-family: var(--f-headline);
  font-weight: 900;
  font-size: 1.3rem;
  color: var(--chalk);
}

.sum-line--total .sum-line__v { color: var(--fire-2); }

.sum-line__badge {
  display: inline-block;
  padding: 2px 7px;
  background: var(--ok-dim);
  border-radius: var(--r-xs);
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ok);
}

.order-sum__foot {
  padding: 0 28px 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.order-sum__secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: var(--f-headline);
  font-size: 0.65rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  padding: 0 0 4px;
}

/* ─────────────────────────────────────────────────────────────
   CHECKOUT PAGE
───────────────────────────────────────────────────────────── */
.checkout-wrap {
  padding-top: var(--hh);
  min-height: 100vh;
}

.checkout-layout {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 28px;
  align-items: start;
}

.form-stack { display: flex; flex-direction: column; gap: 20px; }

.fcard {
  background: var(--g-plate);
  border: var(--b);
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--sh-inset);
}

.fcard__head {
  padding: 20px 28px;
  border-bottom: var(--b);
  display: flex;
  align-items: center;
  gap: 14px;
}

.fcard__num {
  width: 28px; height: 28px;
  background: var(--g-fire);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.78rem;
  color: #fff;
  flex-shrink: 0;
  box-shadow: var(--sh-fire);
}

.fcard__title {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.88rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--chalk);
}

.fcard__body { padding: 28px; }

.fgrid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.fgrid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }

.fgroup { margin-bottom: 18px; }
.fgroup:last-child { margin-bottom: 0; }

.flabel {
  display: block;
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.68rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  margin-bottom: 8px;
}

.finput,
.fselect {
  width: 100%;
  padding: 13px 16px;
  background: var(--ink-4);
  border: var(--b2);
  border-radius: var(--r-sm);
  color: var(--chalk);
  font-size: 0.92rem;
  outline: none;
  transition: var(--t-fast);
  -webkit-appearance: none;
  box-shadow: var(--sh-inset);
}

.finput::placeholder { color: var(--plate-4); }

.finput:focus,
.fselect:focus {
  border-color: rgba(232,93,4,0.55);
  box-shadow: var(--sh-inset), 0 0 0 3px rgba(232,93,4,0.12);
  background: var(--ink-5);
}

.fselect {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 4.5 5-4.5' stroke='%239997920' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  cursor: pointer;
  padding-right: 40px;
}

.fselect option { background: var(--ink-3); }

/* Payment options */
.pay-opts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.pay-opt { position: relative; }

.pay-opt input[type="radio"] {
  position: absolute; opacity: 0; pointer-events: none;
}

.pay-opt__lbl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 18px 12px;
  background: var(--ink-4);
  border: var(--b2);
  border-radius: var(--r-md);
  cursor: pointer;
  transition: var(--t-fast);
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--chalk-dim);
  text-align: center;
  box-shadow: var(--sh-inset);
}

.pay-opt__lbl:hover {
  background: var(--plate);
  border-color: var(--b3);
  color: var(--chalk);
}

.pay-opt input[type="radio"]:checked + .pay-opt__lbl {
  background: var(--fire-dim);
  border: var(--b-fire2);
  color: var(--fire-2);
  box-shadow: var(--sh-inset), 0 0 24px rgba(232,93,4,0.15);
}

.pay-opt__ico { font-size: 1.6rem; }
.pay-opt__sub { font-size: 0.62rem; opacity: 0.65; font-weight: 500; margin-top: -6px; }

/* Card extra fields */
#card-extra { margin-top: 20px; display: none; }

/* Checkout summary extra */
.checkout-items-list {
  padding: 20px 28px;
  border-bottom: var(--b);
  max-height: 260px;
  overflow-y: auto;
}

.co-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.co-item:last-child { margin-bottom: 0; }

.co-item__img {
  width: 44px; height: 44px;
  background: var(--ink-4);
  border: var(--b);
  border-radius: var(--r-sm);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.co-item__name {
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.82rem;
  color: var(--chalk);
  flex: 1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.co-item__qty {
  font-size: 0.72rem;
  color: var(--chalk-dim);
}

.co-item__price {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.88rem;
  color: var(--chalk);
  white-space: nowrap;
}

/* ─────────────────────────────────────────────────────────────
   SUCCESS MODAL
───────────────────────────────────────────────────────────── */
.modal-bg {
  position: fixed; inset: 0;
  background: rgba(6,6,10,0.92);
  backdrop-filter: blur(16px);
  z-index: 8000;
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  opacity: 0; pointer-events: none;
  transition: opacity 0.4s var(--ease);
}

.modal-bg.show { opacity: 1; pointer-events: all; }

.modal {
  background: var(--g-plate);
  border: var(--b2);
  border-radius: var(--r-2xl);
  padding: 52px 44px;
  max-width: 480px;
  width: 100%;
  text-align: center;
  box-shadow: var(--sh-xl), var(--sh-inset);
  transform: scale(0.92) translateY(24px);
  transition: transform 0.45s var(--ease-spring);
  position: relative;
  overflow: hidden;
}

.modal::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--g-fire);
}

.modal-bg.show .modal {
  transform: scale(1) translateY(0);
}

.modal__check {
  width: 76px; height: 76px;
  background: var(--g-fire);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 28px;
  font-size: 2rem;
  box-shadow: var(--sh-fire2);
}

.modal__title {
  font-family: var(--f-display);
  font-size: 2.5rem;
  color: var(--chalk);
  margin-bottom: 12px;
}

.modal__text {
  color: var(--chalk-dim);
  font-size: 0.95rem;
  font-weight: 300;
  line-height: 1.75;
  margin-bottom: 24px;
}

.modal__order {
  padding: 14px 20px;
  background: var(--ink-4);
  border: var(--b);
  border-radius: var(--r-md);
  font-family: var(--f-headline);
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--fire-2);
  letter-spacing: 0.1em;
  margin-bottom: 28px;
}

/* ─────────────────────────────────────────────────────────────
   TOAST
───────────────────────────────────────────────────────────── */
#toast-root {
  position: fixed;
  bottom: 28px; right: 28px;
  z-index: 7000;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  pointer-events: none;
}

.toast {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  background: var(--plate-2);
  border: var(--b2);
  border-radius: var(--r-md);
  box-shadow: var(--sh-lg);
  font-size: 0.87rem;
  color: var(--chalk);
  max-width: 320px;
  pointer-events: all;
  transform: translateX(110%);
  transition: transform 0.4s var(--ease-spring);
}

.toast.in { transform: translateX(0); }

.toast__ico {
  width: 28px; height: 28px;
  border-radius: var(--r-xs);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.85rem;
  flex-shrink: 0;
}

.toast--ok .toast__ico  { background: var(--ok-dim); color: var(--ok); }
.toast--err .toast__ico { background: var(--err-dim); color: var(--err); }
.toast--info .toast__ico { background: var(--fire-dim); color: var(--fire-2); }

/* ─────────────────────────────────────────────────────────────
   FEATURES BLOCK
───────────────────────────────────────────────────────────── */
.features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.feat-card {
  padding: 32px 26px;
  background: var(--g-plate);
  border: var(--b);
  border-radius: var(--r-xl);
  transition: var(--t-mid);
  box-shadow: var(--sh-inset);
  position: relative;
  overflow: hidden;
}

.feat-card::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--g-fire);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s var(--ease-spring);
}

.feat-card:hover {
  transform: translateY(-4px);
  border-color: rgba(232,93,4,0.22);
  box-shadow: var(--sh-lg), var(--sh-inset);
}

.feat-card:hover::after { transform: scaleX(1); }

.feat-card__ico {
  width: 48px; height: 48px;
  background: var(--fire-dim);
  border: var(--b-fire);
  border-radius: var(--r-md);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem;
  margin-bottom: 20px;
}

.feat-card__title {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 1rem;
  color: var(--chalk);
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.feat-card__text {
  font-size: 0.83rem;
  color: var(--chalk-dim);
  font-weight: 300;
  line-height: 1.65;
}

/* ─────────────────────────────────────────────────────────────
   FOOTER
───────────────────────────────────────────────────────────── */
.footer {
  background: var(--ink-2);
  border-top: var(--b);
  padding: 72px 0 32px;
}

.footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 56px;
  margin-bottom: 56px;
  padding-bottom: 48px;
  border-bottom: var(--b);
}

.footer__tagline {
  font-size: 0.85rem;
  color: var(--chalk-dim);
  font-weight: 300;
  line-height: 1.75;
  margin-top: 18px;
  max-width: 280px;
}

.footer__col-title {
  font-family: var(--f-headline);
  font-weight: 800;
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--chalk);
  margin-bottom: 22px;
}

.footer__links { display: flex; flex-direction: column; gap: 11px; }

.footer__link {
  font-size: 0.85rem;
  color: var(--chalk-dim);
  transition: color var(--t-fast);
  font-weight: 300;
}

.footer__link:hover { color: var(--fire-2); }

.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.footer__copy {
  font-size: 0.78rem;
  color: var(--plate-4);
}

/* ─────────────────────────────────────────────────────────────
   PAGE TRANSITION (fade up on load)
───────────────────────────────────────────────────────────── */
.page-in {
  animation: pageIn 0.6s var(--ease-out) both;
}

@keyframes pageIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ─────────────────────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────────────────────── */
@media (max-width: 1200px) {
  .cat-grid { grid-template-columns: repeat(3, 1fr); }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .trust-bar__grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .trust-item { border-right: none; padding: 0; }
}

@media (max-width: 1024px) {
  .hero__inner { grid-template-columns: 1fr; }
  .hero__panel { display: none; }
  .pdetail__layout { grid-template-columns: 1fr; gap: 48px; }
  .pdetail__gallery { position: static; }
  .cart-layout { grid-template-columns: 1fr; }
  .order-sum { position: static; }
  .checkout-layout { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  :root { --hh: 60px; }
  .container { padding: 0 18px; }
  .section { padding: 72px 0; }
  .nav { display: none; }
  .ham { display: flex; }
  .nav.open {
    display: flex !important;
    position: fixed;
    top: var(--hh); left: 0; right: 0;
    flex-direction: column;
    background: rgba(6,6,10,0.98);
    backdrop-filter: blur(24px);
    border-bottom: var(--b);
    padding: 20px 24px 28px;
    gap: 4px;
    z-index: 490;
  }
  .nav.open .nav__item {
    padding: 14px 0;
    border-bottom: var(--b);
    font-size: 0.88rem;
  }
  .nav.open .nav__item:last-child { border-bottom: none; }
  .cat-grid { grid-template-columns: repeat(2, 1fr); }
  .features-grid { grid-template-columns: 1fr 1fr; }
  .citem { grid-template-columns: 60px 1fr; gap: 12px; flex-wrap: wrap; }
  .citem__qty, .citem__total, .citem__rm { grid-column: 2; }
  .fgrid-2 { grid-template-columns: 1fr; }
  .fgrid-3 { grid-template-columns: 1fr; }
  .pay-opts { grid-template-columns: 1fr; }
  .pdetail__cta { flex-direction: column; }
  .footer__grid { grid-template-columns: 1fr; }
  .hero__title { font-size: clamp(4rem, 16vw, 7rem); }
}

@media (max-width: 480px) {
  .features-grid { grid-template-columns: 1fr; }
  .cat-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .hero__ctas { flex-direction: column; align-items: stretch; }
  .trust-bar__grid { grid-template-columns: 1fr; }
  .pdetail__price { font-size: 2rem; }
  .modal { padding: 36px 24px; }
}


/* ═══════════════════════════════════════════════════════════════
   NEMETH BLACK UPGRADE — JCOR&COR FINAL OVERRIDE
   Paleta oficial: branco + azul-marinho + laranja
   ═══════════════════════════════════════════════════════════════ */
:root {
  --ink: #f4f7fb;
  --ink-2: #ffffff;
  --ink-3: #eef3f9;
  --ink-4: #e6edf6;
  --ink-5: #dce6f2;

  --plate: #ffffff;
  --plate-2: #f8fbff;
  --plate-3: #eef4fb;
  --plate-4: #dde8f4;

  --chalk: #0c2340;
  --chalk-2: #17365d;
  --chalk-3: #4b6786;
  --chalk-dim: rgba(12,35,64,0.72);
  --chalk-ghost: rgba(12,35,64,0.12);
  --chalk-trace: rgba(12,35,64,0.06);

  --fire: #ff7a00;
  --fire-2: #ff9429;
  --fire-3: #ffb15e;
  --fire-dim: rgba(255,122,0,0.14);
  --fire-glow: rgba(255,122,0,0.24);
  --fire-trace: rgba(255,122,0,0.08);

  --steel: #0d2c54;
  --steel-2: #173f73;

  --g-fire: linear-gradient(135deg, #ff7a00 0%, #ff9b34 100%);
  --g-fire-v: linear-gradient(180deg, #ff9b34 0%, #ff7a00 100%);
  --g-dark: linear-gradient(160deg, #ffffff 0%, #f4f8fc 55%, #eef4fa 100%);
  --g-plate: linear-gradient(145deg, #ffffff 0%, #f6faff 100%);
  --g-shine: linear-gradient(135deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 65%);

  --sh-sm: 0 8px 20px rgba(12,35,64,0.06);
  --sh-md: 0 18px 40px rgba(12,35,64,0.08);
  --sh-lg: 0 28px 70px rgba(12,35,64,0.12);
  --sh-xl: 0 36px 90px rgba(12,35,64,0.16);
  --sh-fire: 0 18px 34px rgba(255,122,0,0.18);
  --sh-fire2: 0 22px 50px rgba(255,122,0,0.15);
  --sh-inset: inset 0 1px 0 rgba(255,255,255,0.7);

  --b: 1px solid rgba(12,35,64,0.08);
  --b2: 1px solid rgba(12,35,64,0.12);
  --b3: 1px solid rgba(12,35,64,0.18);
  --b-fire: 1px solid rgba(255,122,0,0.28);
  --b-fire2: 1px solid rgba(255,122,0,0.5);

  --topbar-h: 42px;
}

body.site-shell {
  background:
    radial-gradient(circle at top right, rgba(255,122,0,0.10), transparent 28%),
    linear-gradient(180deg, #f9fbfe 0%, #f3f7fb 100%);
  color: var(--chalk);
}

body::before { opacity: 0.24; }

.topbar {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 650;
  height: var(--topbar-h);
  background: linear-gradient(90deg, #0c2340 0%, #12335d 100%);
  color: rgba(255,255,255,0.92);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 12px 34px rgba(12,35,64,0.16);
}
.topbar__inner {
  min-height: var(--topbar-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.topbar__left, .topbar__right {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.topbar span, .topbar a {
  font-family: var(--f-headline);
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.92);
}
.topbar a:hover { color: #fff; }

.header {
  top: var(--topbar-h);
  background: rgba(255,255,255,0.88);
  border-bottom: 1px solid rgba(12,35,64,0.08);
  box-shadow: 0 10px 30px rgba(12,35,64,0.06);
}
.header.scrolled {
  background: rgba(255,255,255,0.97);
  box-shadow: 0 18px 42px rgba(12,35,64,0.12);
}
.hero, .shop-wrap, .pdetail, .cart-wrap, .checkout-wrap {
  padding-top: calc(var(--hh) + var(--topbar-h));
}
.hero { min-height: calc(100svh - var(--topbar-h)); }

.logo__mark { width: 44px; height: 44px; }
.logo__mark-bg { border-radius: 14px; box-shadow: 0 18px 28px rgba(255,122,0,0.18); }
.logo__mark-text { font-size: 12px; letter-spacing: 0.08em; }
.logo__name {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  font-size: 1.55rem;
  color: var(--steel);
  font-family: var(--f-logo);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.logo.store-logo .logo__name{font-size:1.68rem;}
.logo__j {
  font-size: 2.08rem;
  line-height: 1;
  color: var(--fire);
  margin-right: 2px;
  font-family: var(--f-logo);
  font-weight: 700;
}
.logo__rest { color: var(--steel); }
.logo__amp { color: var(--fire); }

.nav__item { color: rgba(12,35,64,0.68); }
.nav__item:hover, .nav__item.active { color: var(--steel); }
.cart-trigger {
  background: #fff;
  color: var(--steel);
  border: 1px solid rgba(12,35,64,0.10);
  box-shadow: 0 14px 28px rgba(12,35,64,0.08);
}
.cart-trigger:hover {
  background: #fff;
  border-color: rgba(255,122,0,0.28);
  box-shadow: 0 18px 40px rgba(255,122,0,0.12);
}
.cart-count { border-color: #fff; }

.hero__bg-grad {
  background:
    radial-gradient(ellipse 56% 52% at 78% 28%, rgba(255,122,0,0.18) 0%, transparent 62%),
    radial-gradient(ellipse 38% 50% at 0% 88%, rgba(13,44,84,0.10) 0%, transparent 70%),
    linear-gradient(160deg, #ffffff 0%, #f4f8fd 58%, #edf3fa 100%);
}
.hero__bg-grid {
  background-image:
    linear-gradient(rgba(13,44,84,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(13,44,84,0.05) 1px, transparent 1px);
}
.hero__bg-accent { background: linear-gradient(135deg, rgba(255,122,0,0.10) 0%, rgba(255,155,52,0.04) 40%, transparent 72%); }
.hero__bg-strip { background: linear-gradient(180deg, transparent 0%, rgba(255,122,0,0.34) 35%, rgba(255,122,0,0.08) 75%, transparent 100%); }
.hero__kicker-text, .hero__sub, .section-eyebrow__text, .shop-banner__sub, .footer__tagline, .footer__copy { color: var(--chalk-dim); }
.hero__title, .section-title, .shop-banner__title, .pdetail__name, .footer__col-title { color: var(--steel); }
.hero__title-accent, .topbar strong { color: var(--fire); }
.section-eyebrow__line { background: var(--fire); }
.hero__panel, .pcard, .cat-card, .feature-card, .trust-item, .order-sum, .cart-panel, .pdetail__main-img, .pdetail__specs, .checkout-panel, .checkout-box, .footer, .shop-panel, .faq-item, .perk {
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(12,35,64,0.08);
  box-shadow: 0 18px 40px rgba(12,35,64,0.07);
}
.hero__panel::before, .pcard::before, .feature-card::before { opacity: 0.4; }
.trust-bar, .shop-banner, .footer, .section[style*="background:var(--ink-2)"] { background: transparent !important; }

.btn--outline, .btn--ghost {
  background: #fff;
  color: var(--steel);
  border: 1px solid rgba(12,35,64,0.12);
}
.btn--outline:hover, .btn--ghost:hover {
  border-color: rgba(255,122,0,0.32);
  color: var(--fire);
  box-shadow: 0 18px 40px rgba(255,122,0,0.10);
}
.btn--fire {
  color: #fff;
  box-shadow: 0 20px 40px rgba(255,122,0,0.18);
}

.shop-banner, .cart-wrap .shop-banner {
  background:
    radial-gradient(ellipse 50% 80% at 88% 50%, rgba(255,122,0,0.10) 0%, transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
}

.pdetail__cat, .pcard__cat, .hero__panel-product-cat, .trust-item__sub, .citem__cat, .citem__unit, .pdetail__rating-text {
  color: var(--chalk-dim);
}
.pdetail__price, .pcard__price, .hero__stat-val, .sum-line--total .sum-line__v { color: var(--steel); }
.spec-row, .sum-line, .citem, .checkout-line { border-color: rgba(12,35,64,0.08); }

.footer {
  border-top: 1px solid rgba(12,35,64,0.08);
  margin-top: 40px;
}

input, select, textarea {
  background: #fff;
  color: var(--steel);
  border: 1px solid rgba(12,35,64,0.12);
}
input::placeholder, textarea::placeholder { color: rgba(12,35,64,0.45); }

@media (max-width: 920px) {
  :root { --topbar-h: 38px; }
  .topbar__left span:nth-child(2), .topbar__right a:last-child { display: none; }
  .topbar span, .topbar a { font-size: 0.62rem; letter-spacing: 0.10em; }
}

@media (max-width: 768px) {
  .container { padding: 0 18px; }
  .topbar__inner { justify-content: center; }
  .topbar__right { display: none; }
  .header__inner { gap: 14px; }
  .logo__name { font-size: 1.22rem; }
  .logo__j { font-size: 1.5rem; }
  .header { backdrop-filter: blur(18px); }
  .nav { background: rgba(255,255,255,0.98); border: 1px solid rgba(12,35,64,0.08); box-shadow: 0 20px 40px rgba(12,35,64,0.10); }
}


/* ─────────────────────────────────────────────────────────────
   ASSISTENTE IA / CALCULADORA
───────────────────────────────────────────────────────────── */
body.advisor-open { overflow: hidden; }
#paint-advisor-widget { position: fixed; right: 22px; bottom: 22px; z-index: 1200; }
.advisor-fab {
  width: 66px; height: 66px; border-radius: 999px; border: 0; cursor: pointer;
  font-family: var(--f-headline); font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
  color: #fff; background: linear-gradient(135deg, #ff7a00 0%, #0d2c54 100%);
  box-shadow: 0 20px 48px rgba(12,35,64,0.22), 0 12px 28px rgba(255,122,0,0.24);
}
.advisor-panel {
  position: fixed; right: 22px; bottom: 100px; width: min(460px, calc(100vw - 28px));
  max-height: min(760px, calc(100vh - 132px)); overflow: hidden; border-radius: 28px;
  background: rgba(255,255,255,0.96); border: 1px solid rgba(12,35,64,0.10);
  box-shadow: 0 40px 120px rgba(12,35,64,0.18); backdrop-filter: blur(22px);
  transform: translateY(18px) scale(.98); opacity: 0; pointer-events: none;
  transition: .28s ease;
}
.advisor-panel.open { transform: translateY(0) scale(1); opacity: 1; pointer-events: auto; }
.advisor-panel__glass { position:absolute; inset:0; background: radial-gradient(circle at top right, rgba(255,122,0,0.10), transparent 28%); pointer-events:none; }
.advisor-panel__head {
  position: relative; z-index: 1; display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
  padding: 22px 22px 18px; border-bottom: 1px solid rgba(12,35,64,0.08);
}
.advisor-panel__eyebrow { font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; color: var(--fire); font-family: var(--f-headline); margin-bottom: 8px; }
.advisor-panel__head h3 { margin: 0 0 6px; color: var(--steel); font-size: 1.3rem; }
.advisor-panel__head p { margin: 0; color: var(--chalk-dim); font-size: .92rem; line-height: 1.6; }
.advisor-close {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; border: 1px solid rgba(12,35,64,0.10);
  background: #fff; color: var(--steel); cursor: pointer;
}
.advisor-panel__body { position:relative; z-index:1; padding: 18px 22px 22px; overflow:auto; max-height: calc(100vh - 220px); }
.advisor-chips { display:flex; gap:10px; flex-wrap:wrap; margin-bottom: 16px; }
.advisor-chip {
  border-radius: 999px; border: 1px solid rgba(12,35,64,0.10); background: #fff; color: var(--steel);
  padding: 10px 14px; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; font-family: var(--f-headline); cursor:pointer;
}
.advisor-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.advisor-field { display:flex; flex-direction:column; gap:8px; }
.advisor-field--wide { grid-column: 1 / -1; }
.advisor-field span, .advisor-toggle span { font-size: .74rem; letter-spacing:.08em; text-transform:uppercase; color:var(--steel); font-family: var(--f-headline); }
.advisor-field input, .advisor-field select {
  min-height: 50px; border-radius: 16px; border:1px solid rgba(12,35,64,0.12); background:#fff; color:var(--steel);
  padding: 0 14px; font-size: .98rem;
}
.advisor-toggle {
  display:flex; align-items:center; gap:10px; margin: 14px 0 18px; padding: 14px 16px;
  border-radius: 18px; border:1px solid rgba(12,35,64,0.08); background: rgba(12,35,64,0.03);
}
.advisor-toggle input { width: 18px; height: 18px; accent-color: var(--fire); }
.advisor-actions { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.advisor-result {
  border-radius: 22px; border: 1px solid rgba(12,35,64,0.08); background: linear-gradient(180deg, #fff 0%, #f6faff 100%);
  padding: 18px;
}
.advisor-result__empty strong { display:block; color:var(--steel); margin-bottom: 8px; }
.advisor-result__empty p { margin:0; color: var(--chalk-dim); line-height: 1.65; }
.advisor-kpis { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.advisor-kpi { padding: 14px; border-radius: 18px; background:#fff; border:1px solid rgba(12,35,64,0.08); }
.advisor-kpi span { display:block; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; color:var(--chalk-dim); margin-bottom:8px; }
.advisor-kpi strong { color: var(--steel); font-size: 1rem; line-height:1.3; }
.advisor-copy-block { margin-bottom: 14px; }
.advisor-copy-block h4 { margin:0 0 8px; color: var(--steel); font-size: 1.06rem; }
.advisor-copy-block p { margin:0; color: var(--chalk-dim); line-height: 1.7; }
.advisor-recs { display:flex; flex-direction:column; gap: 10px; }
.advisor-recs__title { font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--fire); font-family:var(--f-headline); }
.advisor-rec {
  display:flex; align-items:center; gap: 12px; text-decoration:none; color:inherit; padding: 12px 14px;
  border-radius: 16px; border:1px solid rgba(12,35,64,0.08); background:#fff;
}
.advisor-rec--primary { border-color: rgba(255,122,0,0.24); box-shadow: 0 18px 34px rgba(255,122,0,0.10); }
.advisor-rec__emoji { width: 42px; height: 42px; border-radius: 14px; display:flex; align-items:center; justify-content:center; background: rgba(255,122,0,0.12); font-size: 1.2rem; }
.advisor-rec strong { display:block; color: var(--steel); font-size: .96rem; }
.advisor-rec small { display:block; color: var(--chalk-dim); margin-top: 2px; }

.advisor-highlight {
  display:grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: 24px; align-items:stretch;
  padding: 30px; border-radius: 32px; border:1px solid rgba(12,35,64,0.08);
  background: linear-gradient(140deg, rgba(255,255,255,0.96) 0%, rgba(243,248,252,0.96) 100%);
  box-shadow: 0 22px 60px rgba(12,35,64,0.10);
}
.advisor-highlight__text { margin:0; max-width: 56ch; color:var(--chalk-dim); font-size:1.02rem; line-height:1.8; }
.advisor-highlight__card {
  padding: 22px; border-radius: 24px; background: linear-gradient(135deg, rgba(13,44,84,0.98), rgba(24,63,115,0.98));
  color:#fff; display:flex; flex-direction:column; gap: 14px; box-shadow: 0 26px 54px rgba(12,35,64,0.22);
}
.advisor-highlight__line { display:flex; align-items:center; justify-content:space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.advisor-highlight__line:last-of-type { border-bottom: 0; padding-bottom: 0; }
.advisor-highlight__line strong { font-size: .96rem; }
.advisor-highlight__line span { color: rgba(255,255,255,0.72); font-size: .9rem; }

.pdetail__helper {
  margin: 22px 0 0; padding: 18px; border-radius: 22px; border:1px solid rgba(255,122,0,0.18);
  background: linear-gradient(135deg, rgba(255,122,0,0.08), rgba(255,255,255,0.96));
}
.pdetail__helper-top { display:flex; align-items:flex-start; justify-content:space-between; gap: 16px; margin-bottom: 14px; }
.pdetail__helper-title { margin:0; color:var(--steel); font-size:1rem; }
.pdetail__helper-copy { margin:6px 0 0; color:var(--chalk-dim); line-height:1.6; font-size:.95rem; }
.pdetail__helper-badges { display:flex; gap:10px; flex-wrap:wrap; margin-bottom: 14px; }
.pdetail__helper-badge {
  border-radius:999px; padding: 9px 12px; background:#fff; border:1px solid rgba(12,35,64,0.08); color:var(--steel);
  font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; font-family:var(--f-headline);
}

@media (max-width: 1180px) {
  .hero__inner { grid-template-columns: 1fr; gap: 36px; align-items: start; }
  .hero__panel { width: 100%; }
  .features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .checkout-layout { grid-template-columns: 1fr; }
  .checkout-panel { position: static !important; top: auto !important; }
  .pdetail__layout { grid-template-columns: 1fr; gap: 34px; }
  .pdetail__gallery { position: static; }
}

@media (max-width: 820px) {
  #paint-advisor-widget { right: 14px; bottom: 14px; }
  .advisor-panel { right: 14px; bottom: 88px; width: calc(100vw - 20px); max-height: calc(100vh - 112px); }
  .advisor-grid, .advisor-actions, .advisor-kpis, .advisor-highlight { grid-template-columns: 1fr; }
  .advisor-highlight { padding: 22px; }
  .pdetail__cta { flex-direction: column; }
  .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .topbar__left { justify-content: center; }
}

@media (max-width: 560px) {
  .hero__inner { padding: 52px 0 72px; }
  .hero__ctas { flex-direction: column; align-items: stretch; }
  .products-grid, .features-grid, .advisor-kpis, .advisor-grid, .advisor-actions { grid-template-columns: 1fr; }
  .pdetail__thumbs { grid-template-columns: repeat(2, 1fr); }
  .pdetail__helper-top, .advisor-highlight__line { flex-direction: column; align-items: flex-start; }
  .shop-banner__title, .section-title { word-break: break-word; }
  .citem { grid-template-columns: 56px 1fr; gap: 12px; }
  .citem__qty, .citem__total, .citem__rm { grid-column: 2; }
  .advisor-panel__body { padding: 16px; }
}


/* ===== Projeto Jairo V1.5 — polish responsivo ===== */
:root { --mobile-safe-bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
html { scroll-behavior: smooth; }
img, svg, video { max-width: 100%; height: auto; }
body { overflow-x: hidden; }
.hero__content, .hero__panel, .shop-banner, .checkout-box, .checkout-panel, .pdetail__specs, .advisor-panel { min-width: 0; }
.advisor-tips { margin-bottom: 14px; padding: 14px; border-radius: 18px; background: rgba(255,122,0,0.06); border: 1px solid rgba(255,122,0,0.14); }
.advisor-tips ul { margin: 0; padding-left: 18px; color: var(--chalk-dim); line-height: 1.7; }
.advisor-tips li strong { color: var(--steel); }
.sticky-mobile-bar {
  position: fixed; left: 12px; right: 12px; bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  z-index: 1150; display: none; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px;
  padding: 8px; border-radius: 22px; background: rgba(255,255,255,0.94); border:1px solid rgba(12,35,64,0.09);
  backdrop-filter: blur(18px); box-shadow: 0 18px 40px rgba(12,35,64,0.15);
}
.sticky-mobile-bar__link {
  min-height: 48px; border: 0; border-radius: 16px; background: linear-gradient(180deg, #fff, #f5f8fc);
  display:flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; color:var(--steel);
  font-weight: 700; font-size: .92rem; padding: 0 12px;
}
.sticky-mobile-bar__count {
  min-width: 22px; height: 22px; border-radius: 999px; display:inline-flex; align-items:center; justify-content:center;
  background: var(--fire); color:#fff; font-size:.72rem;
}
.checkout-panel { align-self: start; }
.checkout-box input, .checkout-box select, .checkout-box textarea { font-size: 16px; }
@media (max-width: 1024px) {
  .topbar__inner { gap: 10px; }
  .topbar__left, .topbar__right { flex-wrap: wrap; }
}
@media (max-width: 820px) {
  .topbar { display:none; }
  .header { top: 0; }
  .hero, .shop-wrap, .pdetail, .cart-wrap, .checkout-wrap { padding-bottom: var(--mobile-safe-bottom); }
  .sticky-mobile-bar { display: grid; }
  .hero__actions, .pdetail__cta, .advisor-actions { grid-template-columns: 1fr; }
  .hero__panel-products, .products-grid, .cats-grid, .features-grid, .trust-bar__grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .container { width: min(100% - 24px, 1280px); }
  .header__inner { min-height: 74px; gap: 10px; }
  .logo__name { font-size: 1.12rem; }
  .shop-banner, .checkout-box, .checkout-panel, .pdetail__specs, .advisor-highlight__card { border-radius: 22px; }
  .shop-banner__title, .section-title, .hero__title, .pdetail__name { word-break: break-word; }
  .sum-line, .checkout-line { gap: 12px; }
  .advisor-panel { width: calc(100vw - 16px); right: 8px; bottom: 84px; }
  .advisor-panel__body { padding: 16px; }
}

.pcard__img-inner{position:relative;overflow:hidden}
.pcard__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcard__img-inner .pcard__emoji{position:relative;z-index:1}
.citem__img img{display:block}
.pay-opt__sub{display:block}
@media (max-width: 820px){
  .checkout-layout{grid-template-columns:1fr!important}
}


/* ===== Projeto Jairo V2.2 — ajuste visual Jairo ===== */
:root{
  --fire:#ff5b0a;
  --fire-2:#ff7a1a;
  --fire-3:#ff9a43;
  --fire-dim:rgba(255,91,10,.14);
  --fire-glow:rgba(255,91,10,.24);
  --fire-trace:rgba(255,91,10,.08);
  --g-fire:linear-gradient(135deg,#ff5b0a 0%, #ff7a1a 100%);
  --g-fire-v:linear-gradient(180deg,#ff7a1a 0%, #ff5b0a 100%);
  --topbar-h:36px;
  --hh:64px;
}
body.site-shell{
  background: radial-gradient(circle at top right, rgba(255,91,10,.10), transparent 24%), linear-gradient(180deg, #f8fbff 0%, #f2f7fd 100%);
}
.topbar{
  background: linear-gradient(90deg, #ff5b0a 0%, #ff6d14 72%, #ff7a1a 100%);
  box-shadow:0 10px 24px rgba(255,91,10,.18);
}
.topbar span,.topbar a{font-size:.64rem; letter-spacing:.11em;}
.header{top:var(--topbar-h);}
.header__inner{min-height:64px; gap:20px;}
.logo__mark{width:42px;height:42px;}
.logo__name{font-size:1.42rem;}
.logo__j{font-size:1.82rem;}
.cart-trigger{padding:10px 14px; min-height:46px;}
.nav__item{font-size:.92rem;}
.hero,.shop-wrap,.pdetail,.cart-wrap,.checkout-wrap{padding-top:calc(var(--hh) + var(--topbar-h));}
.hero{min-height:auto;}
.hero__inner{padding:34px 0 26px; gap:28px; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); align-items:center;}
.hero__kicker{margin-bottom:16px;}
.hero__title{font-size:clamp(3rem,6.8vw,6.2rem); line-height:.92; max-width:10ch;}
.hero__sub{max-width:62ch; margin:18px 0 24px; font-size:1rem; line-height:1.72;}
.hero__ctas{gap:10px;}
.hero__scroll{display:none;}
.hero__panel{padding:18px; border-radius:24px;}
.hero__panel-label{margin-bottom:14px;}
.hero__panel-product{padding:12px 14px; border-radius:16px;}
.hero__panel-product-img{width:48px; height:48px; border-radius:14px; font-size:1.25rem;}
.hero__stats-row{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px;}
.hero__stat{padding:12px 14px; border-radius:16px;}
.hero__stat-val{font-size:1.2rem;}
.section{padding:64px 0;}
.section--sm{padding:46px 0;}
.trust-bar{padding:10px 0 0;}
.trust-bar__grid{gap:14px;}
.trust-item{padding:16px 18px; border-radius:18px;}
.products-grid{gap:18px;}
.pcard{border-radius:24px;}
.pcard__img{padding:14px 14px 0;}
.pcard__img-inner{border-radius:20px; min-height:220px; background:linear-gradient(180deg,#fff 0%, #f6f9fd 100%);}
.pcard__cover{width:100%; height:100%; object-fit:contain; padding:16px;}
.pcard__emoji{font-size:4rem;}
.pcard__body{padding:16px 16px 0;}
.pcard__name{font-size:1.12rem; line-height:1.2; min-height:2.4em;}
.pcard__desc{font-size:.95rem; min-height:3.3em;}
.pcard__foot{padding:16px;}
.pcard__price{font-size:1.75rem;}
.btn--fire{background:linear-gradient(135deg,#0f2b52 0%, #173b6d 100%);}
.btn--fire:hover{box-shadow:0 20px 44px rgba(15,43,82,.18);}
.cat-grid{gap:16px;}
.cat-card{padding:20px 18px; border-radius:22px;}
.cat-card__emoji{width:60px; height:60px; border-radius:18px;}
.shop-banner{padding:26px 0 8px;}
.footer{margin-top:24px;}
#paint-advisor-widget .advisor-fab{background:linear-gradient(135deg,#ff5b0a 0%, #173b6d 100%);}

/* loja / produto / carrinho / checkout */
.shop-toolbar,.shop-controls,.shop-panel,.pdetail__specs,.pdetail__main-img,.cart-panel,.checkout-panel,.checkout-box,.order-sum{border-radius:22px;}
.pdetail__layout{gap:28px;}
.pdetail__name{font-size:clamp(2rem,4vw,3.6rem);}
.pdetail__price{font-size:clamp(2rem,4.8vw,3.4rem);}
.citem{align-items:start;}

@media (max-width: 1180px){
  .hero__inner{grid-template-columns:1fr; padding:28px 0 18px;}
  .hero__title{max-width:none;}
}
@media (max-width: 820px){
  :root{--topbar-h:34px; --hh:60px;}
  .topbar span,.topbar a{font-size:.58rem;}
  .header__inner{min-height:60px;}
  .hero__inner{padding:22px 0 12px; gap:18px;}
  .hero__panel{display:block;}
  .hero__stats-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .section{padding:48px 0;}
  .pcard__img-inner{min-height:180px;}
}
@media (max-width: 560px){
  .container{padding:0 14px;}
  .topbar__inner{min-height:var(--topbar-h);}
  .logo__mark{width:36px;height:36px;}
  .logo__name{font-size:1.05rem;}
  .logo__j{font-size:1.3rem;}
  .cart-trigger{padding:8px 10px; min-height:40px; font-size:.88rem;}
  .hero__title{font-size:clamp(2.3rem,10vw,3.3rem);}
  .hero__sub{font-size:.94rem; margin:14px 0 18px;}
  .hero__ctas .btn{width:100%;}
  .hero__panel{padding:14px; border-radius:20px;}
  .hero__panel-product{padding:10px 12px;}
  .hero__panel-product-img{width:42px; height:42px;}
  .hero__stats-row{grid-template-columns:1fr 1fr;}
  .trust-item{padding:14px;}
  .pcard__img-inner{min-height:156px;}
  .pcard__name{font-size:1rem;}
  .pcard__price{font-size:1.45rem;}
}


/* ═══════════════════════════════════════════════════════════════
   V2.2 STORE HEADER + LIGHT COMMERCE OVERRIDES
   ═══════════════════════════════════════════════════════════════ */
:root{
  --ink:#f6f7fb;
  --ink-2:#ffffff;
  --ink-3:#f1f4f9;
  --ink-4:#e8edf5;
  --ink-5:#dde5f2;
  --plate:#ffffff;
  --plate-2:#f8fbff;
  --plate-3:#eff4fb;
  --plate-4:#e8eef8;
  --chalk:#183b6d;
  --chalk-2:#26456e;
  --chalk-3:#627a99;
  --chalk-dim:rgba(24,59,109,.72);
  --chalk-ghost:rgba(24,59,109,.12);
  --chalk-trace:rgba(24,59,109,.06);
  --fire:#ff6a00;
  --fire-2:#ff7a1a;
  --fire-3:#ff9f45;
  --fire-dim:rgba(255,106,0,.16);
  --fire-glow:rgba(255,106,0,.28);
  --fire-trace:rgba(255,106,0,.08);
  --steel:#183b6d;
  --steel-2:#0f2c54;
  --g-fire:linear-gradient(135deg,#ff6a00 0%,#ff8a1f 100%);
  --g-fire-v:linear-gradient(180deg,#ff7a1a 0%,#ff6a00 100%);
  --g-dark:linear-gradient(160deg,#ffffff 0%,#f5f7fb 65%,#eef3fa 100%);
  --g-plate:linear-gradient(145deg,#ffffff 0%,#f4f7fb 100%);
  --g-shine:linear-gradient(135deg,rgba(15,44,84,.06) 0%,rgba(15,44,84,0) 60%);
  --sh-sm:0 2px 10px rgba(15,44,84,.06);
  --sh-md:0 10px 30px rgba(15,44,84,.09);
  --sh-lg:0 18px 48px rgba(15,44,84,.11);
  --sh-xl:0 26px 80px rgba(15,44,84,.12);
  --sh-fire:0 12px 28px rgba(255,106,0,.22);
  --sh-fire2:0 20px 60px rgba(255,106,0,.18);
  --sh-inset:inset 0 1px 0 rgba(255,255,255,.75);
  --b:1px solid rgba(15,44,84,.08);
  --b2:1px solid rgba(15,44,84,.12);
  --b3:1px solid rgba(15,44,84,.16);
  --b-fire:1px solid rgba(255,106,0,.28);
  --b-fire2:1px solid rgba(255,106,0,.5);
  --hh:122px;
}
body{background:linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%);color:var(--steel);}
.site-shell{padding-top:calc(var(--hh) + 38px);}
.topbar.topbar--loop{position:fixed;left:0;right:0;top:0;z-index:700;background:linear-gradient(90deg,var(--fire) 0%,#ff7a1a 100%);color:#fff;border-bottom:1px solid rgba(15,44,84,.08);height:38px;overflow:hidden;box-shadow:0 8px 22px rgba(255,106,0,.22);}
.topbar__track{display:flex;min-width:max-content;animation:topbarLoop 24s linear infinite;will-change:transform;height:100%;align-items:center}
.topbar__loop{display:flex;align-items:center;gap:34px;padding-right:34px;white-space:nowrap;font-size:.84rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.topbar__loop span{display:inline-flex;align-items:center;gap:8px;opacity:.98}
@keyframes topbarLoop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.header.store-header{top:38px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);height:auto;border-bottom:1px solid rgba(15,44,84,.08);box-shadow:0 10px 30px rgba(15,44,84,.05)}
.header.store-header.scrolled{box-shadow:0 16px 36px rgba(15,44,84,.09)}
.store-header .container{display:flex;flex-direction:column;gap:0}
.store-header__main{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;gap:22px;padding:14px 0 12px}
.store-logo{gap:12px;min-width:max-content}
.store-search{display:flex;align-items:center;height:54px;border-radius:18px;background:#fff;border:1px solid rgba(15,44,84,.12);box-shadow:var(--sh-sm);overflow:hidden}
.store-search__icon{width:58px;height:100%;display:grid;place-items:center;color:var(--fire);font-size:1.1rem;background:transparent}
.store-search__input{flex:1;height:100%;border:0;background:transparent;padding:0 18px 0 0;font-size:1rem;color:var(--steel);outline:none}
.store-search__input::placeholder{color:#7f90a8}
.store-actions{display:flex;align-items:center;gap:10px}
.store-action{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;color:var(--steel);transition:var(--t-mid)}
.store-action:hover{background:rgba(24,59,109,.06)}
.store-action__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:rgba(255,106,0,.12);font-size:1rem}
.store-action__text{display:flex;flex-direction:column;line-height:1.1}
.store-action__text strong{font-size:.88rem}
.store-action__text small{font-size:.72rem;color:#7689a6}
.store-cart-pill{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:999px;background:#fff;border:1px solid rgba(15,44,84,.12);box-shadow:var(--sh-sm);position:relative}
.store-cart-pill__text{font-weight:800;color:var(--steel);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.store-cart-pill .cart-count{position:static;min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:var(--fire);color:#fff;font-size:.82rem;font-weight:800}
.store-header__navline{padding:0 0 10px}
.store-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;width:100%}
.store-cat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:72px;padding:10px 12px;border-radius:18px;background:#fff;border:1px solid rgba(15,44,84,.1);text-align:center;color:var(--steel);font-weight:700;font-size:.78rem;line-height:1.15;letter-spacing:.02em;transition:var(--t-mid);box-shadow:var(--sh-sm)}
.store-cat:hover,.store-cat.active{transform:translateY(-2px);border-color:rgba(255,106,0,.3);box-shadow:0 14px 26px rgba(15,44,84,.09)}
.store-cat__ico{font-size:1.15rem}
.store-cat--menu{background:linear-gradient(180deg,#fff 0%,#f6f9fd 100%)}
.store-cat--promo{background:linear-gradient(180deg,#fff1e8 0%,#ffe2ce 100%)}
.hero{padding-top:12px;min-height:auto}
.hero__inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:26px;align-items:stretch}
.hero__content,.hero__panel,.shop-banner,.fcard,.checkout-panel,.cart-panel,.order-sum,.pcard,.feature-card,.trust-item,.footer,.advisor-highlight,.advisor-panel,.pdetail__specs,.pdetail__gallery,.pdetail__buy,.search-box,.filter-pills,.shop-toolbar,.cat-card{background:#fff !important;color:var(--steel)}
.hero__content{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.84) 100%) !important;}
.hero__content,.hero__panel,.shop-banner,.fcard,.checkout-panel,.cart-panel,.order-sum,.pcard,.feature-card,.trust-item,.advisor-highlight,.advisor-panel,.pdetail__specs,.pdetail__gallery,.pdetail__buy,.search-box,.filter-pills,.shop-toolbar,.cat-card{border:1px solid rgba(15,44,84,.08)!important;box-shadow:var(--sh-md)!important}
.hero__bg-grad{background:radial-gradient(circle at top left, rgba(255,106,0,.10), transparent 34%),radial-gradient(circle at top right, rgba(24,59,109,.05), transparent 28%),linear-gradient(180deg,#f9fbff 0%,#f3f7fc 58%,#eef4fb 100%)}
.hero__bg-grid{opacity:.42}
.hero__title{color:var(--steel)}
.hero__sub,.section-eyebrow__text,.trust-item__sub,.footer__copy,.footer__link,.pcard__desc,.shop-banner__sub,.breadcrumb,.sum-line,.order-sum__secure,.fdesc,.advisor-highlight__text{color:#6d82a0!important}
.hero__panel-label,.trust-item__title,.section-title,.feature-card h3,.footer__col-title,.pcard__name,.pdetail__title,.shop-banner__title,.fcard__title,.order-sum__head{color:var(--steel)!important}
.btn--outline,.btn--ghost{background:#fff;color:var(--steel);border:1px solid rgba(15,44,84,.12)}
.btn--outline:hover,.btn--ghost:hover{border-color:rgba(255,106,0,.35);color:var(--fire)}
.ticker{background:linear-gradient(90deg,var(--fire) 0%,#ff7a1a 100%);border:0;box-shadow:var(--sh-md)}
.ticker__item{color:#fff}
.trust-bar{background:transparent}
.section{padding:68px 0}
.products-grid{gap:18px}
.pcard__img{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.pcard__cat-label,.tag--fire,.sum-line__badge{background:var(--g-fire);color:#fff}
.footer{background:#0f2c54!important;color:#fff;border-top:0!important;box-shadow:none!important}
.footer .logo__name,.footer .footer__col-title,.footer .footer__copy,.footer .footer__link,.footer .footer__tagline{color:#fff!important}
.footer .logo__mark{background:#fff1e8}
input,select,textarea,.finput,.search-box__input{background:#fff;color:var(--steel)}
.search-box,.filter-pills,.shop-toolbar{border-radius:22px}
.shop-banner{padding:34px 0 28px}
.shop-toolbar{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 18px;min-height:88px;margin:4px 0 14px}
.shop-toolbar .search-box{max-width:none;width:100%;margin:0;align-self:center}
.shop-toolbar .filter-pills{min-width:0;justify-content:center;align-self:center}
.shop-toolbar .shop-count{margin-left:0;justify-self:end;align-self:center;white-space:nowrap;text-align:right}
.search-box{margin:0}
.filter-pills{margin:0}
.page-in{animation:none}
.ham{display:none}
.nav.store-nav.open{display:grid}
.topbar.topbar--loop:hover .topbar__track,.ticker:hover .ticker__track{animation-play-state:paused}

@media (max-width: 1180px){
  .shop-toolbar{grid-template-columns:1fr;align-items:stretch;padding:16px}
  .shop-toolbar .filter-pills{justify-content:flex-start}
  .shop-toolbar .shop-count{justify-self:flex-start;text-align:left}
  :root{--hh:132px}
  .store-header__main{grid-template-columns:auto 1fr auto;gap:16px}
  .store-action__text{display:none}
  .store-nav{display:flex;gap:10px;overflow:auto;padding-bottom:4px;scrollbar-width:none}
  .store-nav::-webkit-scrollbar{display:none}
  .store-cat{min-width:122px}
}
@media (max-width: 900px){
  :root{--hh:146px}
  .site-shell{padding-top:calc(var(--hh) + 38px)}
  .store-header__main{grid-template-columns:1fr auto;grid-template-areas:'logo actions' 'search search';align-items:center}
  .store-logo{grid-area:logo}
  .store-actions{grid-area:actions;justify-self:end}
  .store-search{grid-area:search;height:48px}
  .store-action{display:none}
  .ham{display:grid;width:46px;height:46px;border-radius:14px;background:#fff;border:1px solid rgba(15,44,84,.1);box-shadow:var(--sh-sm)}
  .ham span{width:18px;height:2px;background:var(--steel);display:block;margin:auto}
  .store-cart-pill__text{display:none}
  .hero__inner{grid-template-columns:1fr}
  .hero__content{padding:28px}
}
@media (max-width: 640px){
  :root{--hh:152px}
  .topbar.topbar--loop{height:34px}
  .topbar__loop{gap:24px;font-size:.72rem}
  .header.store-header{top:34px}
  .site-shell{padding-top:calc(var(--hh) + 34px)}
  .store-header__main{padding:10px 0}
  .store-logo .logo__name{font-size:1.3rem}
  .store-logo .logo__mark{width:44px;height:44px}
  .store-search{height:44px;border-radius:14px}
  .store-search__icon{width:48px}
  .store-nav{padding-bottom:2px}
  .store-cat{min-width:108px;min-height:64px;padding:8px 10px;font-size:.72rem;border-radius:16px}
  .section{padding:50px 0}
  .hero__ctas{grid-template-columns:1fr}
}


/* V2.2.1 quick polish */
.hero__title-word{background:none !important; box-shadow:none !important;}
.hero__title-accent{display:inline; background:none !important; color:var(--fire) !important;}
.hero__sub{max-width:560px;}
.store-logo .logo__mark-bg{background:linear-gradient(135deg,var(--fire) 0%,#ff8a1f 100%); box-shadow:0 14px 26px rgba(255,106,0,.20);}
.store-logo .logo__mark-text{font-family:var(--f-headline); font-weight:800;}
.header.store-header .logo__rest{color:var(--steel);}
.header.store-header .logo__amp{color:var(--fire);}
.topbar.topbar--loop .topbar__loop span{ text-shadow:0 1px 0 rgba(0,0,0,.06);}
.hero__content{position:relative; overflow:hidden;}
.hero__content::after{content:''; position:absolute; inset:auto -12% -24% auto; width:280px; height:280px; background:radial-gradient(circle, rgba(255,106,0,.08) 0%, transparent 68%); pointer-events:none;}
@media (max-width:900px){ .store-logo .logo__name{font-size:1.44rem;} .logo__j{font-size:1.82rem;} }
@media (max-width:640px){ .store-logo .logo__name{font-size:1.22rem;} .logo__j{font-size:1.52rem;} .topbar.topbar--loop{background:linear-gradient(90deg,var(--fire) 0%,#ff7a1a 100%);} }


/* ===== V2.2.2 HEADER HOTFIX ===== */
:root{--store-header-offset:176px;}
.hero,.shop-wrap,.pdetail,.cart-wrap,.checkout-wrap{padding-top:var(--store-header-offset)!important;}
.header.store-header .container{max-width:1440px;}
.header.store-header{top:38px;}
.store-header__main{grid-template-columns:auto minmax(280px,1fr) auto;gap:16px;padding:10px 0 8px;}
.store-logo{min-width:240px;}
.store-logo .logo__name{font-family:var(--f-logo);font-size:2.05rem;letter-spacing:.01em;font-weight:800;}
.store-logo .logo__j{font-size:2.3rem;line-height:1;}
.store-search{min-height:56px;}
.store-search__input{font-size:1rem;}
.store-actions{display:flex;align-items:center;gap:12px;min-width:0;}
.store-action{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;min-width:0;white-space:nowrap;}
.store-action__icon{flex:0 0 42px;width:42px;height:42px;border-radius:14px;font-size:1.05rem;}
.store-action__text{display:flex;flex-direction:column;line-height:1.05;min-width:0;}
.store-action__text strong{font-size:.98rem;}
.store-action__text small{font-size:.77rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;}
.store-cart-pill{height:56px;padding:0 18px;border-radius:999px;flex:0 0 auto;}
.store-cart-pill__text{font-size:.95rem;}
.store-header__navline{padding:0 0 8px;}
.store-nav{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:2px 0 6px;scrollbar-width:none;-ms-overflow-style:none;}
.store-nav::-webkit-scrollbar{display:none;}
.store-cat{flex:0 0 132px;min-width:132px;min-height:62px;padding:8px 10px;border-radius:16px;gap:5px;font-size:.74rem;box-shadow:0 8px 20px rgba(15,44,84,.06);}
.store-cat__ico{font-size:1rem;line-height:1;}
.store-cat span:last-child{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.store-cat--menu{flex-basis:148px;min-width:148px;}
.store-cat--promo{background:linear-gradient(180deg,#fff1e8 0%,#ffe2ce 100%);}
.hero{padding-top:var(--store-header-offset)!important;}
.hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:20px;align-items:start;}
.hero__content{padding:28px 28px 24px;}
.hero__title{max-width:8.5ch;line-height:.9;}
.hero__title-word{font-size:clamp(4rem,7vw,6.4rem);}
.hero__sub{max-width:52ch;}

@media (max-width:1280px){
  :root{--store-header-offset:166px;}
  .store-header__main{grid-template-columns:auto minmax(220px,1fr) auto;gap:12px;}
  .store-logo{min-width:220px;}
  .store-logo .logo__name{font-size:1.8rem;}
  .store-action__text small{display:none;}
  .store-action{padding:8px 10px;}
  .store-cat{flex-basis:124px;min-width:124px;min-height:58px;}
}
@media (max-width:1100px){
  :root{--store-header-offset:156px;}
  .store-header__main{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:'logo search actions';}
  .store-logo{min-width:190px;}
  .store-logo .logo__name{font-size:1.6rem;}
  .store-action__text strong{font-size:.9rem;}
  .store-cart-pill__text{display:none;}
  .store-cart-pill{width:56px;padding:0;justify-content:center;}
  .hero__inner{grid-template-columns:1fr;}
}
@media (max-width:860px){
  :root{--store-header-offset:146px;}
  .topbar.topbar--loop{height:34px;}
  .header.store-header{top:34px;}
  .store-header__main{grid-template-columns:1fr auto;grid-template-areas:'logo actions' 'search search';padding:10px 0 8px;}
  .store-search{grid-area:search;min-height:50px;}
  .store-actions{grid-area:actions;gap:8px;}
  .store-action{padding:0;background:transparent;border:none;box-shadow:none;}
  .store-action__text{display:none;}
  .store-action__icon{width:40px;height:40px;}
  .store-logo{grid-area:logo;min-width:0;}
  .store-nav{gap:8px;padding-bottom:4px;}
  .store-cat,.store-cat--menu{flex-basis:116px;min-width:116px;min-height:54px;border-radius:14px;}
}
@media (max-width:640px){
  :root{--store-header-offset:138px;}
  .store-logo .logo__name{font-size:1.38rem;}
  .store-logo .logo__j{font-size:1.7rem;}
  .store-search{min-height:46px;}
  .store-search__input{font-size:.95rem;}
  .store-cat,.store-cat--menu{flex-basis:104px;min-width:104px;min-height:50px;font-size:.66rem;}
  .store-cat__ico{font-size:.92rem;}
  .hero__content{padding:22px 18px 18px;}
  .hero__title-word{font-size:clamp(2.9rem,14vw,4.4rem);}
}


/* ===== V2.3 FINAL LAUNCH PATCH ===== */
:root{
  --store-header-offset: 152px;
}
.hero,
.shop-wrap,
.pdetail,
.cart-wrap,
.checkout-wrap{
  padding-top: var(--store-header-offset) !important;
}
.hero{
  position: relative;
  min-height: auto;
  background: linear-gradient(180deg,#f8fbff 0%,#f1f6fd 58%,#edf3fb 100%) !important;
}
.hero__bg,
.hero__bg-grad{
  background:
    radial-gradient(circle at 18% 16%, rgba(255,122,26,.11) 0%, transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(15,44,84,.07) 0%, transparent 24%),
    linear-gradient(180deg,#f8fbff 0%,#f2f7fd 60%,#eef4fb 100%) !important;
}
.hero__bg-grid{
  opacity:.30 !important;
  mask-image:none;
}
.hero__bg-accent{
  width:44%;
  background: linear-gradient(135deg, rgba(255,122,26,.07) 0%, rgba(255,122,26,.02) 45%, transparent 74%) !important;
}
.hero__bg-strip{
  right:34%;
  width:1px;
  background: linear-gradient(180deg, transparent 0%, rgba(255,122,26,.22) 38%, rgba(255,122,26,.08) 72%, transparent 100%) !important;
}
.hero__inner{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  gap:18px;
  align-items:stretch;
  padding: 22px 0 34px;
}
.hero__content,
.hero__panel{
  position: relative;
  z-index: 2;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(15,44,84,.08) !important;
  box-shadow: 0 18px 48px rgba(15,44,84,.08) !important;
}
.hero__content{
  padding: 24px 24px 22px !important;
}
.hero__panel{
  padding: 20px;
}
.hero__kicker{margin-bottom:18px;}
.hero__title{
  max-width: 8ch;
  color: var(--steel) !important;
  line-height: .88;
}
.hero__title-word{font-size: clamp(3.2rem,5.9vw,5.8rem) !important;}
.hero__sub{
  max-width: 55ch;
  margin: 20px 0 28px;
}
.hero__ctas{gap:10px;}
.hero__scroll{position:static;margin-top:18px;}
.hero__scroll-line{background:#9db0c8;}
.hero__panel-product{
  border-radius: 18px;
}
.header.store-header .container{max-width: 1420px;}
.header.store-header{
  top:38px;
  background: rgba(255,255,255,.98);
}
.store-header__main{
  grid-template-columns:auto minmax(260px,1fr) auto;
  gap:14px;
  padding: 9px 0 6px;
}
.store-logo{min-width: 225px;}
.store-logo .logo__name{
  font-family: var(--f-logo);
  font-size: 1.84rem;
  line-height: 1;
}
.store-logo .logo__j{font-size:2.02rem;}
.store-search{
  min-height: 50px;
  height: 50px;
  border-radius: 16px;
}
.store-search__icon{width:52px;}
.store-actions{gap:8px;}
.store-action{
  padding: 8px 10px;
  border-radius: 14px;
}
.store-action__icon{
  width: 38px;
  height: 38px;
  border-radius: 12px;
}
.store-action__text strong{font-size:.92rem;}
.store-action__text small{font-size:.72rem;max-width:120px;}
.store-cart-pill{
  height: 50px;
  padding: 0 16px;
}
.store-cart-pill__text{font-size:.84rem;}
.store-header__navline{
  padding: 0 0 6px;
}
.store-nav{
  gap:8px;
  padding: 0 0 4px;
}
.store-cat,
.store-cat--menu{
  flex: 0 0 116px;
  min-width: 116px;
  min-height: 54px;
  padding: 8px 8px;
  border-radius: 14px;
  gap: 4px;
  font-size: .68rem;
  box-shadow: 0 8px 20px rgba(15,44,84,.05);
}
.store-cat--menu{flex-basis:132px;min-width:132px;}
.store-cat__ico{font-size:.92rem;}
.store-cat span:last-child{
  white-space: normal;
  line-height: 1.05;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.footer{
  background: #0f2c54 !important;
}
.footer .logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border-radius:18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
}
.footer .logo__mark{background: linear-gradient(135deg,#ff6b00 0%,#ff9b2f 100%) !important;}
.footer .logo__mark-bg{background:transparent !important;box-shadow:none !important;}
.footer .logo__mark-text{color:#fff !important;}
.footer .logo__name,
.footer .logo__j,
.footer .logo__rest{color:#fff !important;}
.footer .logo__amp{color:#ff9b2f !important;}
.footer .footer__tagline{margin-top:14px;max-width:30ch;}
.topbar.topbar--loop{
  background: linear-gradient(90deg,#ff6b00 0%,#ff7f18 100%) !important;
}
.ticker{
  background: linear-gradient(90deg,#ff6b00 0%,#ff7f18 100%) !important;
}
@media (max-width: 1180px){
  :root{--store-header-offset:146px;}
  .store-logo{min-width:190px;}
  .store-logo .logo__name{font-size:1.62rem;}
  .store-search{min-height:48px;height:48px;}
  .store-action__text small{display:none;}
  .store-cat,.store-cat--menu{flex-basis:108px;min-width:108px;min-height:52px;}
}
@media (max-width: 980px){
  :root{--store-header-offset:138px;}
  .store-header__main{grid-template-columns:1fr auto;grid-template-areas:'logo actions' 'search search';}
  .store-logo{grid-area:logo;min-width:0;}
  .store-search{grid-area:search;}
  .store-actions{grid-area:actions;}
  .store-action__text{display:none;}
  .store-cart-pill__text{display:none;}
  .store-cart-pill{width:50px;padding:0;justify-content:center;}
  .hero__inner{grid-template-columns:1fr;}
}
@media (max-width: 720px){
  :root{--store-header-offset:132px;}
  .topbar.topbar--loop{height:34px;}
  .header.store-header{top:34px;}
  .store-header__main{padding:8px 0 6px;}
  .store-logo .logo__name{font-size:1.34rem;}
  .store-logo .logo__j{font-size:1.56rem;}
  .store-search{min-height:44px;height:44px;}
  .store-search__input{font-size:.94rem;}
  .store-nav{gap:6px;}
  .store-cat,.store-cat--menu{flex-basis:96px;min-width:96px;min-height:48px;font-size:.62rem;}
  .hero__content{padding:20px 16px 18px !important;}
  .hero__title-word{font-size: clamp(2.7rem,13vw,4rem) !important;}
}

/* ===== HOTFIX MOBILE HEADER + MENU + IA | 2026-04-12 ===== */
@media (max-width: 720px) {
  body.menu-open { overflow: hidden; }

  :root { --store-header-offset: 122px; }

  .header.store-header {
    top: 34px;
  }

  .store-header .container {
    position: relative;
  }

  .store-header__main {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      'logo actions'
      'search search';
    gap: 8px 10px;
    padding: 8px 0 8px;
  }

  .store-logo {
    grid-area: logo;
    min-width: 0;
    gap: 8px;
    max-width: 100%;
    overflow: hidden;
  }

  .store-logo .logo__mark {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 14px;
  }

  .store-logo .logo__name {
    font-size: 1.08rem;
    line-height: .95;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .store-logo .logo__j {
    font-size: 1.34rem;
  }

  .store-actions {
    grid-area: actions;
    gap: 8px;
  }

  .store-action { display: none !important; }

  .store-cart-pill {
    width: 46px;
    height: 46px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
  }

  .store-cart-pill__text { display: none; }
  .store-cart-pill__icon { font-size: 1.05rem; }
  .store-cart-pill .cart-count {
    min-width: 22px;
    height: 22px;
    font-size: .74rem;
  }

  .ham {
    display: grid !important;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    border: 1px solid rgba(15,44,84,.10);
    background: #fff;
    box-shadow: 0 8px 20px rgba(15,44,84,.06);
  }

  .ham span {
    width: 18px;
    height: 2px;
    background: var(--steel);
    transition: transform .22s ease, opacity .22s ease;
  }

  .ham.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .ham.is-open span:nth-child(2) { opacity: 0; }
  .ham.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

  .store-search {
    grid-area: search;
    min-height: 46px;
    height: 46px;
    border-radius: 16px;
  }

  .store-search__icon { width: 48px; }
  .store-search__input {
    font-size: .95rem;
    padding-right: 14px;
  }

  .store-header__navline {
    position: relative;
    padding: 0;
    z-index: 40;
  }

  .store-nav {
    display: none !important;
  }

  .nav.store-nav.open {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    padding: 12px;
    gap: 10px;
    background: rgba(255,255,255,.98);
    border: 1px solid rgba(15,44,84,.10);
    border-radius: 20px;
    box-shadow: 0 20px 48px rgba(15,44,84,.16);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  .store-cat,
  .store-cat--menu {
    min-width: 0;
    flex: initial;
    width: 100%;
    min-height: 86px;
    padding: 12px 10px;
    border-radius: 18px;
    font-size: .82rem;
    line-height: 1.1;
    gap: 8px;
  }

  .store-cat__ico {
    font-size: 1.2rem;
  }

  .store-cat span:last-child {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: block;
  }

  #paint-advisor-widget {
    right: 12px;
    bottom: 12px;
    z-index: 1100;
  }

  .advisor-fab {
    width: 58px;
    height: 58px;
    font-size: .95rem;
    letter-spacing: .12em;
    box-shadow: 0 14px 30px rgba(12,35,64,.16), 0 10px 24px rgba(255,122,0,.20);
  }

  .advisor-panel {
    width: calc(100vw - 24px) !important;
    right: 12px !important;
    left: auto !important;
    bottom: 80px !important;
    max-height: min(72dvh, 620px) !important;
    border-radius: 24px;
  }

  .advisor-panel__head {
    padding: 18px 18px 14px;
  }

  .advisor-panel__head h3 {
    font-size: 1.05rem;
  }

  .advisor-panel__head p {
    font-size: .88rem;
  }

  .advisor-panel__body {
    padding: 14px 14px 16px;
    max-height: calc(min(72dvh, 620px) - 88px);
  }

  .advisor-grid,
  .advisor-actions,
  .advisor-kpis {
    grid-template-columns: 1fr;
  }

  .advisor-field input,
  .advisor-field select {
    min-height: 48px;
    font-size: .96rem;
  }
}

@media (max-width: 420px) {
  :root { --store-header-offset: 118px; }

  .store-logo .logo__name {
    font-size: .98rem;
  }

  .store-logo .logo__j {
    font-size: 1.22rem;
  }

  .nav.store-nav.open {
    grid-template-columns: 1fr 1fr;
    padding: 10px;
    gap: 8px;
  }

  .store-cat,
  .store-cat--menu {
    min-height: 80px;
    padding: 10px 8px;
    border-radius: 16px;
    font-size: .76rem;
  }

  .advisor-panel {
    width: calc(100vw - 16px) !important;
    right: 8px !important;
    bottom: 74px !important;
    max-height: min(68dvh, 560px) !important;
  }
}


/* ===== HOTFIX MINHA CONTA ===== */
.store-action.is-active{background:rgba(24,59,109,.06);}
.account-shell{padding:42px 0 84px;}
.account-hero{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;}
.account-eyebrow{display:inline-block;margin-bottom:10px;padding:8px 12px;border-radius:999px;background:rgba(255,106,0,.10);color:var(--orange);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;}
.account-hero h1{font-family:var(--f-display);font-size:clamp(2rem,4vw,4rem);line-height:.95;color:var(--ink);margin:0 0 10px;}
.account-hero p{max-width:720px;color:var(--slate);margin:0;}
.account-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;align-items:start;}
.account-card,.account-panel{background:rgba(255,255,255,.92);border:1px solid rgba(24,59,109,.10);border-radius:28px;box-shadow:0 18px 40px rgba(14,36,66,.08);padding:24px;}
.account-tabs{display:flex;gap:10px;margin-bottom:18px;}
.account-tab{border:1px solid rgba(24,59,109,.10);background:#fff;border-radius:999px;padding:12px 18px;font-weight:800;color:var(--ink);cursor:pointer;}
.account-tab.is-active{background:linear-gradient(135deg,var(--orange),#ff8f33);color:#fff;border-color:transparent;box-shadow:0 12px 24px rgba(255,106,0,.20);}
.account-form{display:none;gap:14px;}
.account-form.is-active{display:grid;}
.account-form label{display:grid;gap:8px;}
.account-form span{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);}
.account-form input{height:58px;border-radius:18px;border:1px solid rgba(24,59,109,.12);padding:0 18px;font:600 1rem/1 var(--f-body);outline:none;background:#fff;}
.account-form input:focus{border-color:rgba(255,106,0,.45);box-shadow:0 0 0 4px rgba(255,106,0,.12);}
.btn--full{width:100%;justify-content:center;}
.account-hint{margin:0;color:#7b8ea8;font-size:.92rem;}
.account-feedback{display:none;margin-top:16px;padding:14px 16px;border-radius:16px;font-weight:700;}
.account-feedback.is-visible{display:block;}
.account-feedback.is-success{background:rgba(52,168,83,.10);color:#246b38;border:1px solid rgba(52,168,83,.18);}
.account-feedback.is-error{background:rgba(239,68,68,.10);color:#a52b2b;border:1px solid rgba(239,68,68,.18);}
.account-panel__empty{display:grid;place-items:center;text-align:center;min-height:100%;padding:26px 12px;color:var(--steel);}
.account-panel__icon{width:74px;height:74px;display:grid;place-items:center;border-radius:24px;background:rgba(255,106,0,.10);font-size:2rem;margin-bottom:12px;}
.account-userbar{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.account-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--orange),#ff8f33);color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 12px 24px rgba(255,106,0,.25);}
.account-userbar small{display:block;color:#7c8ea6;margin-top:4px;}
.account-stat-list{display:grid;gap:12px;margin:18px 0 22px;}
.account-stat{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:#f7f9fc;border:1px solid rgba(24,59,109,.08);}
.account-stat span{color:#789;}
.account-stat strong{color:var(--ink);text-align:right;}
@media (max-width: 980px){.account-grid{grid-template-columns:1fr;}.account-hero{align-items:flex-start;flex-direction:column;}}
@media (max-width: 640px){.account-shell{padding:26px 0 56px;}.account-card,.account-panel{padding:18px;border-radius:22px;}.account-tab{flex:1;justify-content:center;text-align:center;padding:12px 14px;}.account-form input{height:54px;}.account-stat{flex-direction:column;}}


/* ===== HOTFIX V2.3.3 | DESKTOP HEADER RESTORE + MINHA CONTA ===== */
@media (min-width: 981px){
  .store-nav{
    display:grid;
    grid-template-columns:repeat(9,minmax(0,1fr));
    gap:10px;
    overflow:visible;
    padding:2px 0 8px;
  }
  .store-cat,
  .store-cat--menu,
  .store-cat--promo{
    min-width:0;
    width:100%;
    flex:initial;
  }
  .store-action{
    padding:10px 10px;
  }
  .store-action__icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
  }
  .store-action__text strong{
    font-size:.92rem;
  }
  .store-action__text small{
    max-width:112px;
  }
}

.account-shell{
  position:relative;
}
.account-hero{
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(246,249,253,.92));
  border:1px solid rgba(24,59,109,.10);
  border-radius:30px;
  padding:26px 28px;
  box-shadow:0 18px 40px rgba(14,36,66,.06);
}
.account-hero h1{
  max-width:12ch;
}
.account-hero p{
  max-width:62ch;
}
.account-card,.account-panel{
  border-radius:30px;
}
.account-tabs{
  background:#f5f8fc;
  padding:6px;
  border-radius:999px;
  border:1px solid rgba(24,59,109,.08);
  display:inline-flex;
}
.account-tab{
  min-width:132px;
  text-align:center;
}
.account-form input{
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.account-form input:focus{
  transform:translateY(-1px);
}
.account-panel{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.account-panel__empty,
.account-panel__content{
  min-height:100%;
}
.account-userbar{
  padding-bottom:16px;
  border-bottom:1px solid rgba(24,59,109,.08);
}
.account-stat{
  align-items:center;
}
@media (max-width: 980px){
  .account-hero{
    padding:22px 20px;
    border-radius:24px;
  }
}
@media (max-width: 640px){
  .account-hero{
    padding:18px 16px;
    border-radius:22px;
  }
  .account-tabs{
    width:100%;
    display:flex;
  }
  .account-tab{
    min-width:0;
    flex:1;
  }
}

/* ===== HOTFIX MOBILE HEADER + HERO REFINO | 2026-04-12 B ===== */
@media (max-width: 720px){
  :root{ --store-header-offset: 126px; }

  .store-header__main{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }

  .store-logo{
    min-width:0;
    max-width:100%;
    gap:8px;
    align-items:center;
  }

  .store-logo .logo__mark{
    width:40px;
    height:40px;
    flex:0 0 40px;
  }

  .store-logo .logo__name{
    font-size:1rem;
    line-height:1;
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .store-logo .logo__j{
    font-size:1.26rem;
  }

  .store-actions{
    gap:6px;
    align-items:center;
    flex-shrink:0;
  }

  .store-actions .store-action:first-child{
    display:flex !important;
    padding:0;
    width:44px;
    height:44px;
    justify-content:center;
    border-radius:14px;
    border:1px solid rgba(15,44,84,.10);
    background:#fff;
    box-shadow:0 8px 20px rgba(15,44,84,.06);
  }

  .store-actions .store-action:first-child .store-action__icon{
    width:100%;
    height:100%;
    border-radius:14px;
    background:transparent;
    font-size:1rem;
  }

  .store-actions .store-action:first-child .store-action__text,
  .store-actions .store-action:nth-child(2){
    display:none !important;
  }

  .store-cart-pill,
  .ham,
  .store-actions .store-action:first-child{
    flex:0 0 44px;
  }

  .store-cart-pill,
  .ham{
    width:44px;
    height:44px;
  }

  .store-cart-pill .cart-count{
    position:absolute;
    top:-4px;
    right:-3px;
    min-width:22px;
    height:22px;
  }

  .store-search{
    min-height:44px;
    height:44px;
  }

  .hero__content{
    padding:18px 16px 16px !important;
  }

  .hero__title{
    max-width:none !important;
    line-height:.9;
  }

  .hero__title-line{
    display:block;
  }

  .hero__title-word,
  .hero__title-accent{
    display:inline-block;
    white-space:nowrap;
    word-break:keep-all;
    overflow-wrap:normal;
    letter-spacing:-.02em;
    font-size:clamp(2.45rem,12vw,3.8rem) !important;
  }

  .hero__sub{
    margin-top:16px;
  }
}

@media (max-width: 420px){
  :root{ --store-header-offset: 122px; }

  .store-logo .logo__name{
    font-size:.92rem;
    max-width:132px;
  }

  .store-logo .logo__j{
    font-size:1.16rem;
  }

  .store-actions{
    gap:5px;
  }

  .store-cart-pill,
  .ham,
  .store-actions .store-action:first-child{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .store-actions .store-action:first-child .store-action__icon{
    font-size:.95rem;
  }

  .hero__title-word,
  .hero__title-accent{
    font-size:clamp(2.2rem,11.5vw,3.4rem) !important;
  }
}


/* ===== HOTFIX MOBILE LOGO + MINHA CONTA VISIBILIDADE | 2026-04-12 C ===== */
@media (max-width: 720px){
  .store-header__main{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
  .store-logo{
    gap:6px;
    min-width:0;
  }
  .store-logo .logo__mark{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:12px;
  }
  .store-logo .logo__mark-text{
    font-size:.72rem;
  }
  .store-logo .logo__name{
    font-size:.94rem;
    line-height:.92;
    max-width:118px;
    letter-spacing:0;
  }
  .store-logo .logo__j{
    font-size:1.14rem;
  }
  .store-actions{
    gap:4px;
  }
  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border-radius:13px;
  }
  .store-actions .store-action:first-child .store-action__icon,
  .store-cart-pill__icon{
    font-size:.94rem;
  }
  .ham span{
    width:17px;
  }
}

@media (max-width: 420px){
  .store-logo .logo__mark{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  .store-logo .logo__name{
    font-size:.84rem;
    max-width:104px;
  }
  .store-logo .logo__j{
    font-size:1.04rem;
  }
  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}

.account-shell .account-hero h1,
.account-shell .account-hero p,
.account-shell .account-panel h3,
.account-shell .account-panel p,
.account-shell .account-userbar strong,
.account-shell .account-userbar small,
.account-shell .account-form span,
.account-shell .account-hint,
.account-shell .account-stat span,
.account-shell .account-stat strong{
  color: var(--ink) !important;
}

.account-shell .account-userbar small,
.account-shell .account-hint,
.account-shell .account-stat span,
.account-shell .account-panel__empty p,
.account-shell .account-hero p{
  color:#5f7390 !important;
}

.account-shell .account-tabs{
  background:#eef3f9 !important;
  border:1px solid rgba(24,59,109,.10) !important;
}

.account-shell .account-tab{
  color:var(--ink) !important;
  background:#ffffff !important;
  border:1px solid rgba(24,59,109,.08) !important;
}

.account-shell .account-tab.is-active{
  color:#ffffff !important;
  background:linear-gradient(135deg,var(--orange),#ff8f33) !important;
  border-color:transparent !important;
}

.account-shell .account-form input,
.account-shell .account-form input::placeholder{
  color:#6f8199;
  opacity:1;
}

/* ===== HOTFIX D | 2026-04-12 | mobile logo + hero fundo claro ===== */
.hero,
.hero__bg,
.hero__bg-grad{
  background:
    radial-gradient(circle at 16% 14%, rgba(255,122,26,.10) 0%, transparent 26%),
    radial-gradient(circle at 84% 12%, rgba(24,59,109,.05) 0%, transparent 22%),
    linear-gradient(180deg,#fbfdff 0%,#f4f8fd 58%,#eef4fb 100%) !important;
}

.hero__bg-accent{
  background: linear-gradient(135deg, rgba(255,122,26,.06) 0%, rgba(255,122,26,.015) 48%, transparent 78%) !important;
}

.hero__bg-strip{
  background: linear-gradient(180deg, transparent 0%, rgba(255,122,26,.16) 38%, rgba(255,122,26,.05) 72%, transparent 100%) !important;
}

.hero__content,
.hero__panel{
  background: rgba(255,255,255,.96) !important;
}

@media (max-width: 720px){
  .store-header__main{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    padding:10px 0 8px;
  }

  .store-logo{
    min-width:0;
    gap:8px;
  }

  .store-logo .logo__mark{
    width:38px;
    height:38px;
    flex:0 0 38px;
  }

  .store-logo .logo__name{
    font-size:.92rem;
    line-height:.94;
    max-width:140px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
  }

  .store-logo .logo__j{
    font-size:1.14rem;
  }

  .store-actions{
    gap:6px;
  }

  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:39px;
    height:39px;
    flex:0 0 39px;
    border-radius:13px;
  }

  .store-actions .store-action:first-child .store-action__icon,
  .store-cart-pill__icon{
    font-size:.92rem;
  }

  .ham span{
    width:16px;
  }
}

@media (max-width: 420px){
  .store-logo .logo__mark{
    width:36px;
    height:36px;
    flex-basis:36px;
  }

  .store-logo .logo__name{
    font-size:.84rem;
    max-width:128px;
  }

  .store-logo .logo__j{
    font-size:1.04rem;
  }

  .store-actions{
    gap:5px;
  }

  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:37px;
    height:37px;
    flex-basis:37px;
  }

  .store-cart-pill .cart-count{
    top:-5px;
    right:-4px;
    min-width:20px;
    height:20px;
    font-size:.74rem;
  }
}


/* ===== V2.4.1 conta cliente ===== */
.account-recovery{margin-top:24px;padding-top:24px;border-top:var(--b)}
.account-recovery h3{font-family:var(--f-display);font-size:2rem;color:var(--ink);margin:0 0 8px}
.account-recovery p{margin:0 0 18px;color:var(--muted)}
.account-form--compact{display:grid;gap:14px}
.account-orders{margin-top:20px;padding-top:20px;border-top:var(--b)}
.account-orders h4{margin:0 0 14px;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.account-orders__list{display:grid;gap:10px}
.account-order{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:var(--b);border-radius:16px;background:#fff7f2}
.account-order strong{display:block;color:var(--ink)}
.account-order small{color:var(--muted)}
.account-order__status{text-transform:capitalize;color:var(--fire);font-weight:700;display:block;margin-bottom:4px}
.account-order--empty{justify-content:flex-start;color:var(--muted);background:#fff}
@media (max-width:720px){
  .account-order{flex-direction:column;align-items:flex-start}
}


/* ===== V2.4.2 | conta visível + hero claro ===== */
.account-shell .account-eyebrow{color:var(--orange)!important;}
.account-shell .account-hero h1{color:var(--steel)!important;opacity:1!important;text-shadow:none!important;}
.account-shell .account-hero p{color:var(--slate)!important;opacity:1!important;}
.account-shell .account-card,.account-shell .account-panel{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;}
.account-shell .account-tabs{background:#edf3fa!important;border-color:rgba(24,59,109,.10)!important;}
.account-shell .account-tab{background:#ffffff!important;color:var(--steel)!important;opacity:1!important;box-shadow:none!important;}
.account-shell .account-tab:hover{border-color:rgba(255,106,0,.24)!important;}
.account-shell .account-tab.is-active{background:linear-gradient(135deg,var(--orange),#ff8f33)!important;color:#ffffff!important;box-shadow:0 10px 22px rgba(255,106,0,.20)!important;}
.account-shell .account-form label > span{color:var(--steel)!important;opacity:1!important;}
.account-shell .account-form input{background:#fff!important;color:var(--steel)!important;border:1px solid rgba(24,59,109,.12)!important;}
.account-shell .account-form input::placeholder{color:#7c8ea6!important;opacity:1!important;}
.account-shell .account-hint,.account-shell .account-recovery p,.account-shell .account-panel__empty p,.account-shell .account-userbar small,.account-shell .account-order small,.account-shell .account-stat span{color:var(--muted)!important;opacity:1!important;}
.account-shell .account-panel__empty h3,.account-shell .account-userbar strong,.account-shell .account-orders h4,.account-shell .account-recovery h3,.account-shell .account-order strong,.account-shell .account-stat strong{color:var(--steel)!important;opacity:1!important;}
.account-shell .account-avatar{background:linear-gradient(135deg,var(--orange),#ff8f33)!important;color:#fff!important;}
.account-shell #account-avatar:empty::before{content:'J';color:#fff;}
.account-shell .account-panel__icon,.account-shell .store-action__icon{color:var(--steel)!important;}
.hero{background:linear-gradient(180deg,#fbfdff 0%,#f4f8fd 58%,#eef4fb 100%)!important;}
.hero__bg{background:transparent!important;}
.hero__bg-grad{background:radial-gradient(circle at 16% 14%, rgba(255,122,26,.10) 0%, transparent 26%), radial-gradient(circle at 84% 12%, rgba(24,59,109,.05) 0%, transparent 22%), linear-gradient(180deg,#fbfdff 0%,#f4f8fd 58%,#eef4fb 100%)!important;}
.hero__bg-grid{opacity:.30!important;background-image:linear-gradient(rgba(20,53,94,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(20,53,94,.05) 1px, transparent 1px)!important;}
.hero__bg-accent{background:linear-gradient(135deg, rgba(255,122,26,.08) 0%, rgba(255,122,26,.02) 48%, transparent 78%)!important;}
.hero__bg-strip{background:linear-gradient(180deg, transparent 0%, rgba(255,122,26,.10) 38%, rgba(255,122,26,.03) 72%, transparent 100%)!important;}
.hero__content,.hero__panel{background:rgba(255,255,255,.96)!important;border:1px solid rgba(24,59,109,.08)!important;box-shadow:0 18px 40px rgba(14,36,66,.08)!important;}
.hero__title,.hero__panel-label,.hero__stat-val,.hero__panel-product-name,.hero__panel-product-price{color:var(--steel)!important;}
.hero__sub,.hero__kicker-text,.hero__stat-lbl,.hero__panel-product-cat{color:var(--slate)!important;}
.hero__title-accent,.hero__panel-product-price{color:var(--orange)!important;}

/* ===== HOTFIX V2.4.3 | MOBILE LOGO FIT ===== */
@media (max-width: 720px){
  .store-header .container{padding-left:14px;padding-right:14px;}
  .store-header__main{gap:8px;}
  .store-logo{gap:7px; min-width:0; flex:1 1 auto;}
  .store-logo .logo__mark{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:12px;
  }
  .store-logo .logo__mark-text{
    font-size:11px;
  }
  .store-logo .logo__name{
    max-width:none;
    font-size:.80rem;
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    overflow:visible;
    text-overflow:unset;
    flex:0 1 auto;
  }
  .store-logo .logo__j{
    font-size:1rem;
    margin-right:1px;
  }
  .store-logo .logo__rest{
    letter-spacing:-0.01em;
  }
  .store-actions{
    gap:5px;
    flex-shrink:0;
  }
  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border-radius:12px;
  }
  .store-actions .store-action:first-child .store-action__icon,
  .store-cart-pill__icon{
    font-size:.88rem;
  }
  .ham span{width:15px;}
}

@media (max-width: 420px){
  .store-header .container{padding-left:12px;padding-right:12px;}
  .store-header__main{gap:7px;}
  .store-logo{gap:6px;}
  .store-logo .logo__mark{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
  .store-logo .logo__mark-text{
    font-size:10px;
  }
  .store-logo .logo__name{
    font-size:.72rem;
    line-height:.98;
  }
  .store-logo .logo__j{
    font-size:.92rem;
  }
  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:35px;
    height:35px;
    flex-basis:35px;
  }
  .store-cart-pill .cart-count{
    min-width:18px;
    height:18px;
    right:-3px;
    top:-4px;
    font-size:.64rem;
  }
}


/* ===== HOTFIX V2.4.4 | MOBILE LOGO J EM DESTAQUE + FUNDO MAIS LIMPO ===== */
@media (max-width: 720px){
  .store-logo{
    display:flex;
    align-items:center;
    min-width:0;
    flex:1 1 auto;
    gap:8px;
  }

  .store-logo .logo__mark{
    width:34px;
    height:34px;
    flex:0 0 34px;
  }

  .store-logo .logo__name{
    display:flex;
    align-items:center;
    min-width:0;
    max-width:none;
    font-size:.74rem;
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    overflow:visible;
    text-overflow:unset;
    gap:0;
  }

  .store-logo .logo__j{
    display:inline-block;
    font-size:1.34rem;
    font-weight:900;
    line-height:.9;
    margin-right:1px;
    color:var(--fire);
    transform:translateY(-1px);
    flex:0 0 auto;
  }

  .store-logo .logo__rest{
    display:inline-block;
    font-size:.98rem;
    line-height:1;
    letter-spacing:-.015em;
    color:var(--steel);
    flex:0 1 auto;
  }

  .store-actions{
    gap:6px;
  }

  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border-radius:13px;
  }

  .hero{
    background:linear-gradient(180deg,#fffdfa 0%,#f8fbff 54%,#f4f8fd 100%) !important;
  }

  .hero__bg,
  .hero__bg-grad{
    background:linear-gradient(180deg,#fffdfa 0%,#f8fbff 54%,#f4f8fd 100%) !important;
  }

  .hero__bg-grid{
    opacity:.14 !important;
    background-image:linear-gradient(rgba(20,53,94,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(20,53,94,.035) 1px, transparent 1px) !important;
  }

  .hero__bg-accent{
    width:100%;
    background:radial-gradient(circle at 12% 8%, rgba(255,122,26,.08) 0%, transparent 30%), radial-gradient(circle at 86% 18%, rgba(24,59,109,.045) 0%, transparent 26%) !important;
  }

  .hero__bg-strip{
    display:none !important;
  }

  .hero__inner{
    padding:16px 0 24px !important;
    gap:16px;
  }

  .hero__content{
    padding:18px 16px 18px !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 16px 34px rgba(15,44,84,.07) !important;
  }
}

@media (max-width: 420px){
  .store-logo{
    gap:7px;
  }

  .store-logo .logo__mark{
    width:32px;
    height:32px;
    flex-basis:32px;
  }

  .store-logo .logo__mark-text{
    font-size:9.5px;
  }

  .store-logo .logo__name{
    font-size:.68rem;
  }

  .store-logo .logo__j{
    font-size:1.22rem;
    margin-right:0;
  }

  .store-logo .logo__rest{
    font-size:.88rem;
    letter-spacing:-.02em;
  }

  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:36px;
    height:36px;
    flex-basis:36px;
  }

  .store-cart-pill .cart-count{
    min-width:18px;
    height:18px;
    right:-3px;
    top:-4px;
    font-size:.64rem;
  }

  .hero__content{
    padding:16px 14px 16px !important;
  }
}


/* ===== V2.4.5 PREMIUM VISUAL | mobile logo protagonista + hero clean ===== */
@media (max-width: 720px){
  .store-header .container{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .store-header__main{
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:'logo actions' 'search search' !important;
    gap:10px !important;
    padding:10px 0 8px !important;
    align-items:center !important;
  }

  .store-logo{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    max-width:calc(100vw - 170px) !important;
    overflow:visible !important;
    flex:1 1 auto !important;
  }

  .store-logo .logo__mark{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:14px !important;
  }

  .store-logo .logo__mark-text{
    font-size:10.5px !important;
    letter-spacing:.05em !important;
  }

  .store-logo .logo__name{
    display:flex !important;
    align-items:flex-end !important;
    gap:0 !important;
    min-width:0 !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:unset !important;
    line-height:.92 !important;
    font-size:1rem !important;
    letter-spacing:-.02em !important;
  }

  .store-logo .logo__j{
    display:inline-block !important;
    font-size:1.78rem !important;
    font-weight:900 !important;
    line-height:.84 !important;
    color:var(--fire) !important;
    margin-right:2px !important;
    transform:translateY(1px) !important;
    flex:0 0 auto !important;
  }

  .store-logo .logo__rest{
    display:inline-block !important;
    font-size:1.10rem !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:-.03em !important;
    color:var(--steel) !important;
    flex:0 1 auto !important;
  }

  .store-actions{
    gap:6px !important;
    flex:0 0 auto !important;
  }

  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    border-radius:13px !important;
  }

  .store-actions .store-action:first-child .store-action__icon,
  .store-cart-pill__icon{
    font-size:.92rem !important;
  }

  .store-cart-pill .cart-count{
    min-width:18px !important;
    height:18px !important;
    right:-3px !important;
    top:-4px !important;
    font-size:.64rem !important;
  }

  .ham span{
    width:16px !important;
  }

  .hero{
    background:#ffffff !important;
    overflow:hidden !important;
  }

  .hero__bg,
  .hero__bg-grad,
  .hero__bg-grid,
  .hero__bg-accent,
  .hero__bg-strip{
    display:none !important;
    background:none !important;
  }

  .hero__inner{
    grid-template-columns:1fr !important;
    padding:8px 0 22px !important;
    gap:14px !important;
  }

  .hero__panel{
    display:none !important;
  }

  .hero__content{
    margin-top:0 !important;
    padding:22px 18px 20px !important;
    border-radius:28px !important;
    background:#ffffff !important;
    border:1px solid rgba(20,53,94,.08) !important;
    box-shadow:0 14px 32px rgba(20,53,94,.08) !important;
  }
}

@media (max-width: 420px){
  .store-header .container{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .store-logo{
    gap:7px !important;
    max-width:calc(100vw - 160px) !important;
  }

  .store-logo .logo__mark{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }

  .store-logo .logo__mark-text{
    font-size:10px !important;
  }

  .store-logo .logo__name{
    font-size:.94rem !important;
  }

  .store-logo .logo__j{
    font-size:1.62rem !important;
    margin-right:2px !important;
  }

  .store-logo .logo__rest{
    font-size:1.02rem !important;
  }

  .store-actions .store-action:first-child,
  .store-cart-pill,
  .ham{
    width:37px !important;
    height:37px !important;
    flex-basis:37px !important;
  }

  .hero__content{
    padding:20px 16px 18px !important;
  }
}


/* v2.4.9 account orders */
.account-order{display:grid;gap:12px;border:1px solid rgba(24,59,109,.10);border-radius:18px;padding:16px;background:#fff}
.account-order__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.account-order__summary{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.account-order__meta{display:grid;gap:6px}
.account-order__meta-line{display:block;color:var(--slate);line-height:1.55}
.account-order__meta-line strong{color:var(--ink)}
@media (max-width:640px){.account-order__head{flex-direction:column}.account-order__summary{align-items:flex-start}}


/* ===== V2.5.0 | Minha Conta endereços + timeline ===== */
.account-address{margin-top:22px;padding-top:22px;border-top:var(--b)}
.account-address__head h4{margin:0 0 6px;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.account-address__head p{margin:0 0 14px;color:var(--muted)}
.account-address__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-address__form{display:grid;gap:14px}
.account-order{display:grid;gap:12px}
.account-order__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.account-order__summary{text-align:right}
.account-order__meta{display:grid;gap:8px}
.account-order__meta-line{display:block;color:var(--slate)}
.account-order__timeline{display:flex;gap:8px;overflow:auto;padding-bottom:2px}
.account-order__timeline-step{flex:1 0 96px;min-width:96px;border:1px solid rgba(24,59,109,.08);border-radius:14px;padding:10px 10px 9px;background:#fff}
.account-order__timeline-step strong{display:block;font-size:.8rem;color:#8fa0b6;text-transform:uppercase;letter-spacing:.08em}
.account-order__timeline-step span{display:block;margin-top:4px;font-size:.82rem;color:var(--muted)}
.account-order__timeline-step.is-done{background:#eef7ff;border-color:rgba(24,59,109,.18)}
.account-order__timeline-step.is-done strong{color:var(--steel)}
.account-order__timeline-step.is-current{background:linear-gradient(135deg,#fff3eb,#fff9f5);border-color:rgba(255,106,0,.30);box-shadow:0 10px 24px rgba(255,106,0,.10)}
.account-order__timeline-step.is-current strong{color:var(--orange)}
@media (max-width:720px){
  .account-address__grid{grid-template-columns:1fr}
  .account-order__summary{text-align:left}
}

/* ===== V3.0.6 HOTFIX | header mais curto + hero maior sem quebrar mobile ===== */
@media (min-width: 721px){
  :root{
    --store-header-offset: 132px;
  }

  .header.store-header{
    top: 38px;
    box-shadow: 0 10px 28px rgba(15,44,84,.08) !important;
  }

  .header.store-header .container{
    max-width: 1360px !important;
  }

  .store-header__main{
    gap: 12px !important;
    padding: 8px 0 4px !important;
    align-items: center !important;
  }

  .store-logo{
    min-width: 210px !important;
  }

  .store-logo .logo__name{
    font-size: 1.72rem !important;
  }

  .store-logo .logo__j{
    font-size: 1.94rem !important;
  }

  .store-search{
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 15px !important;
  }

  .store-search__icon{
    width: 48px !important;
  }

  .store-actions{
    gap: 7px !important;
  }

  .store-action{
    padding: 6px 9px !important;
    border-radius: 13px !important;
  }

  .store-action__icon{
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
  }

  .store-action__text strong{
    font-size: .9rem !important;
  }

  .store-action__text small{
    font-size: .7rem !important;
    max-width: 110px !important;
  }

  .store-cart-pill{
    height: 46px !important;
    padding: 0 14px !important;
  }

  .store-header__navline{
    padding: 0 0 4px !important;
  }

  .store-nav{
    gap: 7px !important;
    padding: 0 !important;
  }

  .store-cat,
  .store-cat--menu{
    flex: 0 0 108px !important;
    min-width: 108px !important;
    min-height: 50px !important;
    padding: 7px 8px !important;
    border-radius: 13px !important;
    font-size: .66rem !important;
    gap: 3px !important;
  }

  .store-cat--menu{
    flex-basis: 124px !important;
    min-width: 124px !important;
  }

  .store-cat__ico{
    font-size: .88rem !important;
  }

  .hero,
  .shop-wrap,
  .pdetail,
  .cart-wrap,
  .checkout-wrap{
    padding-top: var(--store-header-offset) !important;
  }

  .hero__inner{
    grid-template-columns: minmax(0,1.16fr) minmax(350px,.92fr) !important;
    gap: 22px !important;
    padding: 26px 0 38px !important;
    align-items: stretch !important;
  }

  .hero__content,
  .hero__panel{
    border-radius: 28px !important;
    box-shadow: 0 20px 50px rgba(15,44,84,.09) !important;
  }

  .hero__content{
    padding: 34px 34px 28px !important;
    min-height: 540px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .hero__kicker{
    margin-bottom: 22px !important;
  }

  .hero__kicker-text{
    font-size: .88rem !important;
    letter-spacing: .22em !important;
  }

  .hero__title{
    max-width: 7.8ch !important;
    line-height: .84 !important;
    margin-bottom: 0 !important;
  }

  .hero__title-word{
    font-size: clamp(4.9rem, 8.4vw, 7.2rem) !important;
  }

  .hero__sub{
    max-width: 58ch !important;
    margin: 24px 0 30px !important;
    font-size: 1.05rem !important;
    line-height: 1.72 !important;
  }

  .hero__ctas{
    gap: 12px !important;
  }

  .hero__ctas .btn{
    min-height: 52px !important;
    padding: 0 20px !important;
  }

  .hero__scroll{
    margin-top: 24px !important;
  }

  .hero__panel{
    padding: 24px !important;
    min-height: 540px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .hero__panel-label{
    margin-bottom: 16px !important;
    font-size: .84rem !important;
    letter-spacing: .22em !important;
  }

  .hero__panel-product{
    padding: 14px 16px !important;
    border-radius: 18px !important;
  }

  .hero__panel-product + .hero__panel-product{
    margin-top: 10px !important;
  }

  .hero__panel-product-img{
    width: 54px !important;
    height: 54px !important;
    border-radius: 16px !important;
  }

  .hero__panel-product-name{
    font-size: 1rem !important;
  }

  .hero__panel-product-price{
    font-size: 1.12rem !important;
  }

  .hero__panel-product-cat{
    font-size: .82rem !important;
  }

  .hero__stats-row{
    gap: 10px !important;
    margin-top: 14px !important;
  }

  .hero__stat{
    padding: 14px 12px !important;
    border-radius: 16px !important;
  }

  .hero__stat-val{
    font-size: 1.5rem !important;
  }
}

@media (min-width: 721px) and (max-width: 1180px){
  :root{
    --store-header-offset: 128px;
  }

  .store-logo{
    min-width: 190px !important;
  }

  .store-logo .logo__name{
    font-size: 1.54rem !important;
  }

  .store-cat,
  .store-cat--menu{
    flex-basis: 102px !important;
    min-width: 102px !important;
    min-height: 48px !important;
    font-size: .63rem !important;
  }

  .store-cat--menu{
    flex-basis: 118px !important;
    min-width: 118px !important;
  }

  .hero__inner{
    grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr) !important;
    gap: 18px !important;
  }

  .hero__content,
  .hero__panel{
    min-height: 480px !important;
  }

  .hero__content{
    padding: 28px 26px 24px !important;
  }

  .hero__title-word{
    font-size: clamp(4rem, 7vw, 5.6rem) !important;
  }

  .hero__sub{
    font-size: 1rem !important;
  }

  .hero__panel{
    padding: 20px !important;
  }
}

@media (max-width: 720px){
  :root{
    --store-header-offset: 122px !important;
  }
}


/* ===== V3.1.1 PREMIUM POLISH | HERO + HOME ===== */
.hero{
  position:relative;
  background:linear-gradient(180deg,#f7fafd 0%,#eef3f9 100%) !important;
  border-top:1px solid rgba(16,42,87,.06);
  border-bottom:1px solid rgba(16,42,87,.06);
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,122,0,.10), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(22,58,116,.08), transparent 24%),
    linear-gradient(90deg, rgba(255,255,255,.85), rgba(255,255,255,.40) 28%, rgba(255,255,255,0) 54%);
  pointer-events:none;
}
.hero__bg,
.hero__bg-grad,
.hero__bg-grid,
.hero__bg-accent,
.hero__bg-strip{
  background:none !important;
  opacity:0 !important;
}
.hero__inner{
  position:relative;
  z-index:2;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:28px;
  align-items:stretch;
  padding:46px 0 58px;
}
.hero__content,
.hero__panel{
  min-height:480px;
}
.hero__content{
  position:relative;
  padding:34px 36px 30px;
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.86));
  border:1px solid rgba(16,42,87,.08);
  box-shadow:0 22px 60px rgba(16,42,87,.08);
}
.hero__kicker-text,
.hero__panel-label,
.hero__stat-lbl{
  color:#6f84a8 !important;
}
.hero__kicker-dot{
  box-shadow:none !important;
  background:#ff7a00 !important;
}
.hero__title,
.hero__title-word{
  color:#183b6d !important;
  text-shadow:none !important;
}
.hero__title{
  font-size:clamp(4.6rem,9.3vw,8rem);
  line-height:.88;
  letter-spacing:-.03em;
}
.hero__title-accent{
  color:#ff7a00 !important;
}
.hero__sub{
  color:#5a7093 !important;
  max-width:620px;
  margin:24px 0 34px;
  font-weight:400;
}
.hero__ctas{
  gap:12px;
}
.hero__scroll,
.hero__scroll-line{
  color:#7d91b2 !important;
  background:#c3d0e3 !important;
}
.hero__scroll-line::after{
  background:#ff7a00 !important;
}
.hero__panel{
  background:linear-gradient(180deg,#ffffff 0%,#f5f8fc 100%) !important;
  border:1px solid rgba(16,42,87,.08) !important;
  box-shadow:0 24px 60px rgba(16,42,87,.09) !important;
  padding:26px;
}
.hero__panel::before{display:none !important;}
.hero__panel-product,
.hero__stat{
  background:#fff !important;
  border:1px solid rgba(16,42,87,.08) !important;
  box-shadow:0 10px 26px rgba(16,42,87,.06);
}
.hero__panel-product:hover{
  transform:translateY(-2px);
  border-color:rgba(255,122,0,.24) !important;
  box-shadow:0 16px 32px rgba(16,42,87,.09);
}
.hero__panel-product-img{
  background:linear-gradient(180deg,#f7faff,#eef3f9) !important;
  border:1px solid rgba(16,42,87,.08) !important;
}
.hero__panel-product-name,
.hero__stat-val{
  color:#183b6d !important;
}
.hero__panel-product-price{
  color:#ff7a00 !important;
}
.hero__panel-product-cat{
  color:#6f84a8 !important;
}
.hero__stats-row{
  gap:12px;
}
.hero__stat{
  padding:16px 14px;
}
.hero__stat-val{
  font-size:1.62rem;
}

@media (min-width:721px){
  .hero .btn--ghost{
    background:#fff !important;
    color:#183b6d !important;
    border:1px solid rgba(16,42,87,.10) !important;
  }
  .hero .btn--outline{
    border-color:rgba(16,42,87,.12) !important;
    color:#183b6d !important;
    background:rgba(255,255,255,.72) !important;
  }
}

@media (max-width: 980px){
  .hero__inner{
    grid-template-columns:1fr;
    gap:18px;
    padding:22px 0 30px;
  }
  .hero__content,
  .hero__panel{
    min-height:auto;
  }
  .hero__content{
    padding:24px 22px 22px;
    border-radius:26px;
  }
  .hero__panel{
    padding:20px;
    border-radius:24px;
  }
  .hero__scroll{display:none;}
}

@media (max-width: 720px){
  .hero{
    border-radius:0 !important;
  }
  .hero::before{
    background:
      radial-gradient(circle at 20% 16%, rgba(255,122,0,.10), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.66));
  }
  .hero__inner{
    padding:16px 0 20px;
  }
  .hero__content{
    padding:20px 16px 18px !important;
    border-radius:22px;
  }
  .hero__title{
    font-size:clamp(2.9rem,14vw,4.15rem) !important;
    line-height:.92;
  }
  .hero__sub{
    margin:16px 0 22px;
    font-size:.96rem !important;
    line-height:1.6;
  }
  .hero__ctas{
    gap:10px;
  }
  .hero__ctas .btn{
    width:100%;
    justify-content:center;
  }
  .hero__panel{
    padding:16px !important;
    border-radius:20px;
  }
  .hero__panel-product{
    gap:12px;
    padding:14px;
  }
  .hero__panel-product-img{
    width:50px !important;
    height:50px !important;
  }
  .hero__panel-product-name{font-size:.95rem !important;}
  .hero__panel-product-price{font-size:1rem !important;}
  .hero__panel-product-cat{font-size:.78rem !important;}
  .hero__stats-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .hero__stat{
    padding:12px 10px !important;
  }
  .hero__stat-val{
    font-size:1.32rem !important;
  }
}

/* ===== V3.1.2 | hero CTA legível + trust mobile alinhado ===== */
.cta-band-premium{
  position:relative;
  overflow:hidden;
  padding:92px 0;
  border-top:1px solid rgba(24,59,109,.08);
  border-bottom:1px solid rgba(24,59,109,.08);
  background:linear-gradient(180deg,#ffffff 0%,#f4f8fd 100%) !important;
}
.cta-band-premium__glow{
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 46% 70% at 50% 52%, rgba(255,122,0,.14) 0%, rgba(255,122,0,.05) 34%, transparent 70%),
    radial-gradient(circle at 14% 18%, rgba(24,59,109,.05) 0%, transparent 18%),
    radial-gradient(circle at 86% 18%, rgba(24,59,109,.05) 0%, transparent 16%);
  pointer-events:none;
}
.cta-band-premium__inner{position:relative;z-index:1;text-align:center}
.section-eyebrow--center{justify-content:center}
.cta-band-premium__title{
  margin:18px auto 20px;
  max-width:840px;
  display:grid;
  gap:4px;
  text-transform:uppercase;
  line-height:.92;
}
.cta-band-premium__title-main,
.cta-band-premium__title-sub{
  display:block;
  font-family:var(--f-display);
  font-size:clamp(3rem,6.2vw,6.2rem);
  color:#163a74 !important;
  letter-spacing:.01em;
  opacity:1 !important;
  text-shadow:none !important;
}
.cta-band-premium__title strong{
  color:#ff7a00 !important;
  font-weight:400;
}
.cta-band-premium__copy{
  max-width:640px;
  margin:0 auto 34px;
  color:#5f7397 !important;
  font-size:clamp(1rem,1.5vw,1.12rem);
  line-height:1.75;
  opacity:1 !important;
}
.cta-band-premium__btn{box-shadow:0 18px 36px rgba(16,42,87,.16)}

.trust-item{
  align-items:center;
}
.trust-item__icon{
  display:grid;
  place-items:center;
  line-height:1;
  text-align:center;
}
.trust-item__icon > span{
  display:block;
  line-height:1;
  transform:translateY(1px);
}
.trust-item__icon--truck > span{transform:translateY(0)}

@media (max-width: 760px){
  .shop-toolbar{padding:14px;gap:12px;border-radius:18px}
  .shop-toolbar .filter-pills{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}
  .shop-toolbar .filter-pills::-webkit-scrollbar{display:none}
  .shop-toolbar .pill{flex:0 0 auto}
  .shop-toolbar .search-box__input{min-height:48px}
  .trust-bar{padding:18px 0 26px;background:linear-gradient(180deg,#f7fbff 0%,#f2f6fc 100%)}
  .trust-bar__grid{gap:14px}
  .trust-item{
    padding:16px 18px !important;
    gap:14px;
    min-height:92px;
    border:1px solid rgba(24,59,109,.08);
    border-radius:22px;
    background:#fff;
    box-shadow:0 12px 24px rgba(14,36,66,.07);
  }
  .trust-item__icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:18px;
    background:linear-gradient(180deg,#fff2e9 0%,#fdebdc 100%);
    border:1px solid rgba(255,122,0,.18);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
    font-size:1.45rem;
  }
  .trust-item__icon > span{display:grid;place-items:center;width:100%;height:100%;transform:none !important;line-height:1}
  .trust-item__title{font-size:1.06rem;color:#163a74}
  .trust-item__sub{font-size:.96rem;color:#6d82a0;line-height:1.45}

  .cta-band-premium{padding:68px 0}
  .cta-band-premium__title{max-width:320px;gap:2px;margin:14px auto 16px}
  .cta-band-premium__title-main,.cta-band-premium__title-sub{font-size:clamp(2.35rem,13vw,3.8rem)}
  .cta-band-premium__copy{max-width:320px;font-size:.98rem;line-height:1.6;margin-bottom:24px}
}


/* ===== V3.1.3 | refinamento final hero + minha conta ===== */
.cta-band-premium{
  padding:108px 0 102px;
  background:linear-gradient(180deg,#fffdfb 0%,#f4f8fd 100%) !important;
}
.cta-band-premium__glow{
  background:
    radial-gradient(ellipse 44% 60% at 50% 50%, rgba(255,122,0,.12) 0%, rgba(255,122,0,.035) 34%, transparent 72%),
    radial-gradient(circle at 16% 20%, rgba(24,59,109,.045) 0%, transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(24,59,109,.04) 0%, transparent 16%) !important;
}
.cta-band-premium__title{
  max-width:760px;
  gap:10px;
  margin:20px auto 18px;
}
.cta-band-premium__title-main,
.cta-band-premium__title-sub,
.cta-band-premium__title-main *,
.cta-band-premium__title-sub *{
  color:#163a74 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#163a74 !important;
  text-fill-color:#163a74 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
}
.cta-band-premium__title-main{
  font-size:clamp(3.4rem,6.1vw,6.4rem);
  letter-spacing:-.02em;
  text-shadow:0 12px 28px rgba(22,58,116,.08);
}
.cta-band-premium__title-sub{
  font-size:clamp(3rem,5.6vw,5.4rem);
  letter-spacing:-.02em;
}
.cta-band-premium__title strong,
.cta-band-premium__title strong *{
  color:#ff7a00 !important;
  -webkit-text-fill-color:#ff7a00 !important;
  text-fill-color:#ff7a00 !important;
  opacity:1 !important;
}
.cta-band-premium__copy{
  max-width:680px;
  color:#607496 !important;
  font-size:clamp(1.02rem,1.55vw,1.15rem);
}
@media (max-width:760px){
  .cta-band-premium{padding:72px 0 66px;}
  .cta-band-premium__title{max-width:320px;gap:6px;margin:12px auto 14px;}
  .cta-band-premium__title-main{font-size:clamp(2.4rem,13vw,4rem);}
  .cta-band-premium__title-sub{font-size:clamp(2.2rem,12vw,3.6rem);}
}

.account-address{
  margin-top:26px;
  padding-top:26px;
  border-top:1px solid rgba(24,59,109,.10);
}
.account-address__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
.account-address__head h4{
  margin:0 0 8px;
  font-size:1.05rem;
  letter-spacing:.14em;
  color:#163a74;
}
.account-address__head p{margin:0;color:#7285a3;line-height:1.6;}
.account-address__form{
  display:grid;
  gap:18px;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg,#fbfdff 0%,#f5f9fe 100%);
  border:1px solid rgba(24,59,109,.08);
  box-shadow:0 16px 34px rgba(15,43,82,.05);
}
.account-address__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.account-address__grid label,
.account-address__form label{
  display:grid;
  gap:8px;
}
.account-address__grid span,
.account-address__form span{
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#5f7396;
}
.account-address__grid input,
.account-address__form input{
  height:54px;
  border-radius:16px;
  border:1px solid rgba(24,59,109,.12);
  background:#fff;
  padding:0 16px;
  font:600 .98rem/1 var(--f-body);
  color:#163a74;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.account-address__grid input::placeholder,
.account-address__form input::placeholder{color:#97a6bc;}
.account-address__grid input:focus,
.account-address__form input:focus{
  border-color:rgba(255,122,0,.42);
  box-shadow:0 0 0 4px rgba(255,122,0,.12);
}
.account-address__form .btn{
  width:auto;
  min-width:220px;
  justify-self:flex-start;
  padding-inline:26px;
  box-shadow:0 14px 28px rgba(255,122,0,.18);
}
@media (max-width:720px){
  .account-address__head{align-items:flex-start;flex-direction:column;}
  .account-address__form{padding:16px;gap:16px;}
  .account-address__grid{grid-template-columns:1fr;gap:12px;}
  .account-address__form .btn{width:100%;justify-self:stretch;}
}

/* v3.3 hotfix — catálogo + variações */
.pcard__variants{display:grid;gap:10px;margin-top:12px}
.pcard__swatches{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pcard__swatch{width:16px;height:16px;border-radius:999px;border:1px solid rgba(10,35,66,.18);box-shadow:0 0 0 2px #fff}
.pcard__more{font-size:.74rem;color:var(--steel);font-weight:700}
.pcard__sizes{display:flex;flex-wrap:wrap;gap:6px}
.pcard__size,.citem__variant{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:#f3f6fa;color:var(--navy);font-size:.72rem;font-weight:700;border:1px solid rgba(10,35,66,.08)}
.variant-block{display:grid;gap:10px;margin:18px 0}
.variant-block__label{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.variant-swatches,.variant-sizes{display:flex;flex-wrap:wrap;gap:10px}
.variant-color,.variant-size{border:1px solid rgba(10,35,66,.12);background:#fff;color:var(--navy);border-radius:14px;padding:10px 14px;display:inline-flex;align-items:center;gap:10px;font-weight:700;cursor:pointer;transition:.2s ease}
.variant-color__dot{width:18px;height:18px;border-radius:999px;border:1px solid rgba(10,35,66,.18);box-shadow:0 0 0 2px #fff}
.variant-color.active,.variant-size.active{border-color:var(--fire);box-shadow:0 0 0 3px rgba(255,122,0,.16);transform:translateY(-1px)}
.variant-size[disabled]{opacity:.45;cursor:not-allowed}
.pdetail__pix{margin-top:8px;color:var(--fire);font-weight:800;font-size:.92rem}
@media (max-width: 640px){
  .variant-color,.variant-size{padding:9px 12px;font-size:.88rem}
  .variant-color__name{font-size:.84rem}
}


/* v3.3.2 hotfix — cards de catálogo com preview de variações */
.pcard--has-variants .pcard__img-inner{position:relative}
.pcard__variant-badge{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(15,44,84,.88);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.pcard__variant-head,.pcard__variant-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pcard__variant-title{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
.pcard__swatch{cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.pcard__swatch:hover{transform:translateY(-2px) scale(1.06)}
.pcard__swatch.is-active{border-color:var(--fire);box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(255,122,0,.26)}
.pcard__size-count{font-size:.72rem;color:#6d82a0;font-weight:700}
.pcard__variant-caption{margin-top:6px;font-size:.76rem;color:#6d82a0;font-weight:700}
@media (max-width: 640px){
  .pcard__variant-badge{left:10px;bottom:10px;font-size:.62rem;padding:5px 8px}
  .pcard__variant-head,.pcard__variant-meta{align-items:flex-start;flex-direction:column}
  .pcard__size-count{font-size:.7rem}
}


/* v3.3.5 hotfix - minha conta premium */
.account-hero--premium{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.account-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.account-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.account-highlight{background:linear-gradient(180deg,#fff, #f8fbff);border:1px solid rgba(24,62,116,.10);border-radius:20px;padding:16px 18px;box-shadow:0 16px 40px rgba(15,35,66,.06)}
.account-highlight strong{display:block;margin:0 0 6px;color:#183e74;font-size:.95rem;letter-spacing:.04em}
.account-highlight p{margin:0;color:#6e809d;line-height:1.55;font-size:.93rem}
.account-card--auth{position:relative;overflow:hidden}
.account-card--auth::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#ff7a00,#ffc67b,#183e74)}
.account-panel--premium{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid rgba(24,62,116,.1);box-shadow:0 24px 60px rgba(14,32,61,.08)}
.account-empty-benefits{display:grid;gap:10px;margin-top:18px}
.account-empty-benefits span{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid rgba(24,62,116,.08);color:#183e74;font-weight:700;font-size:.92rem}
.account-address-preview{margin-top:18px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#183e74 0%,#1f4d92 68%,#ff7a00 180%);color:#fff;box-shadow:0 18px 46px rgba(24,62,116,.18)}
.account-address-preview__eyebrow{display:block;margin-bottom:8px;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;color:rgba(255,255,255,.78)}
.account-address-preview strong{display:block;font-size:1.05rem;margin-bottom:8px}
.account-address-preview p{margin:0;color:rgba(255,255,255,.9);line-height:1.6}
.account-orders__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.account-orders__head h4{margin:0}
.account-inline-link{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;color:#ff7a00}
.account-inline-link:hover{color:#183e74}
.account-form label{position:relative}
.account-form input{transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease}
.account-form input:focus{transform:translateY(-1px)}
@media (max-width: 980px){
  .account-highlights{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .account-hero__actions{width:100%}
  .account-hero__actions .btn{flex:1 1 100%;justify-content:center}
  .account-highlight{padding:14px 16px;border-radius:18px}
  .account-address-preview{padding:16px;border-radius:18px}
}


/* HOTFIX V3.3.8 — HERO LOJA + CATEGORIAS MAIS COMERCIAIS */
.shop-banner{margin:0 0 18px;padding:42px 0 34px!important;background:linear-gradient(135deg,#ffffff 0%,#fff7ef 52%,#eef5ff 100%)!important;border-bottom:1px solid rgba(15,44,84,.08)!important;box-shadow:none!important;}
.shop-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:center;}
.shop-hero-badge{display:inline-flex;align-items:center;width:max-content;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(255,107,0,.18);color:var(--fire);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;box-shadow:0 10px 26px rgba(15,44,84,.08);margin-bottom:16px;}
.shop-banner__title{color:var(--steel)!important;text-shadow:none!important;font-size:clamp(3.2rem,7vw,6.8rem)!important;line-height:.82!important;letter-spacing:-.04em;}
.shop-banner__sub{max-width:640px;color:#667b99!important;font-weight:600!important;font-size:1.05rem!important;}
.shop-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.shop-hero-panel{background:#fff;border:1px solid rgba(15,44,84,.08);box-shadow:0 24px 70px rgba(15,44,84,.12);border-radius:26px;padding:18px;display:grid;gap:12px;}
.shop-hero-panel__item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff4ea);border:1px solid rgba(15,44,84,.06);}
.shop-hero-panel__item strong{color:var(--steel);font-weight:1000;text-transform:uppercase;letter-spacing:.03em;}
.shop-hero-panel__item span{color:#6d82a0;font-weight:800;font-size:.86rem;}
.store-nav .store-cat[href*="Sprays"],.store-nav .store-cat[href*="Complementos"]{border-color:rgba(255,107,0,.22);}
@media(max-width:900px){.shop-hero-grid{grid-template-columns:1fr}.shop-hero-panel{grid-template-columns:1fr 1fr}.shop-hero-panel__item:last-child{grid-column:1/-1}}
@media(max-width:560px){.shop-banner{padding:28px 0 24px!important}.shop-banner__title{font-size:clamp(2.7rem,17vw,4.8rem)!important}.shop-hero-actions .btn{width:100%;justify-content:center}.shop-hero-panel{grid-template-columns:1fr;padding:14px;border-radius:22px}.shop-hero-panel__item:last-child{grid-column:auto}}

/* JCor&Cor v3.4 acabamento final */
:root{--store-header-offset:176px;}
.header.store-header{overflow:visible!important;}
.header.store-header .container{max-width:1360px!important;width:min(100% - 28px,1360px)!important;}
.store-header__main{display:grid!important;grid-template-columns:auto minmax(360px,1fr) auto!important;gap:18px!important;align-items:center!important;padding:10px 0 8px!important;}
.store-header__navline{padding:0 0 8px!important;}
.store-nav{display:grid!important;grid-template-columns:repeat(9,minmax(102px,1fr))!important;gap:8px!important;overflow:visible!important;padding:0!important;align-items:stretch!important;}
.store-cat,.store-cat--menu{min-width:0!important;flex:initial!important;min-height:52px!important;padding:7px 8px!important;border-radius:15px!important;font-size:.64rem!important;letter-spacing:.055em!important;box-shadow:0 8px 18px rgba(15,44,84,.055)!important;}
.store-cat__ico{font-size:.88rem!important;line-height:1!important}.store-cat span:last-child{white-space:normal!important;line-height:1.05!important}.store-cat::after{bottom:4px!important;width:48px!important}
.shop-wrap{padding-top:var(--store-header-offset)!important}.shop-banner{padding:28px 0 24px!important}.shop-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;align-items:center!important;gap:24px!important}.shop-banner__title{font-size:clamp(2.7rem,4.8vw,5.2rem)!important}.shop-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:24px!important}
.shop-toolbar{display:grid!important;grid-template-columns:minmax(260px,430px) minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;padding:18px 20px!important;margin:20px 0 26px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(15,44,84,.08)!important;border-radius:24px!important;box-shadow:0 14px 40px rgba(15,44,84,.07)!important}.shop-toolbar .search-box{max-width:none!important;width:100%!important;flex:initial!important}.filter-pills{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;min-width:0!important}.pill{padding:10px 17px!important;font-size:.68rem!important;background:#fff!important}.shop-count{justify-self:end!important;white-space:nowrap!important;min-width:max-content!important;color:var(--steel)!important;font-family:var(--f-headline)!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-size:.7rem!important}
#paint-advisor-widget{position:fixed!important;right:22px!important;bottom:22px!important;z-index:2147483000!important;font-family:var(--f-body)!important}.advisor-fab{width:68px;height:68px;border:0;border-radius:24px;background:linear-gradient(135deg,#ff6a00,#123764);color:#fff;font-family:var(--f-headline);font-weight:900;letter-spacing:.08em;box-shadow:0 20px 45px rgba(15,44,84,.25),0 12px 24px rgba(255,106,0,.24);cursor:pointer}.advisor-mini{position:absolute;right:0;bottom:82px;width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid rgba(15,44,84,.12);border-radius:24px;box-shadow:0 26px 70px rgba(15,44,84,.18);padding:18px;color:var(--steel)}.advisor-mini__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.advisor-mini__head strong{font-family:var(--f-headline);text-transform:uppercase;letter-spacing:.08em;color:var(--steel)}.advisor-mini__close{border:0;background:#f4f7fb;border-radius:999px;width:30px;height:30px;cursor:pointer;color:var(--steel);font-size:20px;line-height:1}.advisor-mini p{margin:0 0 14px;color:var(--chalk-dim);line-height:1.45}.advisor-mini__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.advisor-mini__actions a{display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 10px;border-radius:14px;text-decoration:none;font-family:var(--f-headline);font-weight:800;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;background:#fff4ec;color:var(--fire);border:1px solid rgba(255,106,0,.18)}.advisor-mini__actions a:first-child{background:var(--steel);color:#fff;border-color:var(--steel)}
@media(max-width:1180px){:root{--store-header-offset:170px}.store-nav{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:4px!important}.store-nav::-webkit-scrollbar{display:none}.store-cat,.store-cat--menu{flex:0 0 116px!important;min-width:116px!important}.shop-toolbar{grid-template-columns:1fr!important}.shop-count{justify-self:center!important}}
@media(max-width:760px){:root{--store-header-offset:146px}.header.store-header .container{width:min(100% - 18px,1360px)!important}.store-header__main{grid-template-columns:1fr auto!important;grid-template-areas:'logo actions' 'search search'!important;gap:9px!important}.store-header .logo{grid-area:logo}.store-header .searchbar{grid-area:search}.store-header .header__right{grid-area:actions}.store-cat,.store-cat--menu{flex-basis:96px!important;min-width:96px!important;min-height:48px!important;font-size:.58rem!important}.shop-hero-grid{grid-template-columns:1fr!important}.shop-hero-panel{display:none!important}.shop-toolbar{padding:14px!important;border-radius:20px!important;margin-top:14px!important}.filter-pills{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:3px!important}.pill{flex:0 0 auto!important}#paint-advisor-widget{right:14px!important;bottom:14px!important}.advisor-fab{width:60px;height:60px;border-radius:22px}}


/* ===== V3.5.1 HOTFIX | LOGO MOBILE + FILTROS POR MARCA ===== */
.pcard__brand{display:inline-flex;width:max-content;margin-top:6px;padding:5px 9px;border-radius:999px;background:rgba(12,42,74,.07);border:1px solid rgba(12,42,74,.10);color:var(--steel);font-size:.72rem;font-weight:800;letter-spacing:.02em;}
.shop-filter-group{min-width:0;display:flex;flex-direction:column;gap:8px;}
.shop-filter-label{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);opacity:.78;}
.brand-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.brand-pill{appearance:none;border:1px solid rgba(12,42,74,.13);background:#fff;color:var(--steel);min-height:38px;padding:0 14px;border-radius:999px;font-size:.82rem;font-weight:850;cursor:pointer;box-shadow:0 10px 22px rgba(12,42,74,.06);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;}
.brand-pill:hover{transform:translateY(-1px);border-color:rgba(255,107,0,.38);}
.brand-pill.active{background:var(--steel);border-color:var(--steel);color:#fff;}
@media (min-width:900px){.shop-toolbar{grid-template-columns:minmax(280px,1.1fr) minmax(320px,1.4fr) minmax(320px,1.15fr) auto;align-items:end;}}
@media (max-width:720px){.store-logo .logo__mark{width:46px!important;height:46px!important;flex-basis:46px!important;}.store-logo .logo__name{font-size:1.24rem!important;max-width:178px!important;}.store-logo .logo__j{font-size:1.62rem!important;}.brand-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;}.brand-pills::-webkit-scrollbar{display:none;}.brand-pill{flex:0 0 auto;}}
@media (max-width:390px){.store-logo .logo__mark{width:42px!important;height:42px!important;flex-basis:42px!important;}.store-logo .logo__name{font-size:1.14rem!important;max-width:150px!important;}.store-logo .logo__j{font-size:1.48rem!important;}}


/* ═══════════════════════════════════════════════════════════════
   V3.7 NEXT LEVEL · loja premium, filtros pro e mobile refinado
═══════════════════════════════════════════════════════════════ */
:root{--v37-radius:24px;--v37-line:rgba(15,44,84,.10);--v37-soft:#f6f9fd;}
.hero__title-word{line-height:.92}.hero__title-accent{color:var(--fire)!important}
.store-header__navline{position:relative!important;padding:0 0 10px!important}.store-nav{display:flex!important;gap:10px!important;align-items:stretch!important;flex-wrap:wrap!important;overflow:visible!important}.store-cat{min-height:56px!important;flex:0 0 132px!important}.store-cat[href*="Complementos"],.store-cat[href*="Acessórios"],.store-cat[href*="Impermeabilizantes"],.store-cat[href*="Preparação"],.store-cat[href*="Acabamento"]{display:none!important}.store-cat--promo{display:flex!important}.smart-category-panel{position:absolute;left:0;top:64px;width:min(760px,calc(100vw - 36px));background:#fff;border:1px solid var(--v37-line);border-radius:28px;box-shadow:0 30px 80px rgba(15,44,84,.18);padding:18px;z-index:80;opacity:0;pointer-events:none;transform:translateY(8px);transition:.22s ease}.smart-category-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.smart-category-panel__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.smart-category-panel__head strong{font-family:var(--f-headline);text-transform:uppercase;letter-spacing:.1em;color:var(--steel)}.smart-category-panel__head span{color:var(--chalk-dim);font-size:.85rem}.smart-category-panel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.smart-category-panel__grid a{text-decoration:none;border:1px solid rgba(15,44,84,.08);border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#f8fbff);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;color:var(--steel);transition:.2s}.smart-category-panel__grid a:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,44,84,.12);border-color:rgba(255,106,0,.26)}.smart-category-panel__grid span{font-size:1.3rem}.smart-category-panel__grid b{font-family:var(--f-headline);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.smart-category-panel__grid small{grid-column:2;color:var(--chalk-dim);font-size:.72rem}
.shop-toolbar--pro{display:grid!important;grid-template-columns:minmax(260px,1.25fr) auto auto auto auto auto auto auto!important;gap:10px!important;align-items:center!important;padding:18px!important;border-radius:28px!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--v37-line)!important;box-shadow:0 22px 70px rgba(15,44,84,.09)!important}.shop-toolbar__search{height:56px!important}.shop-dropdown{position:relative}.shop-dropdown__btn,.shop-select{height:52px;border:1px solid rgba(15,44,84,.10);border-radius:18px;background:#fff;color:var(--steel);font-family:var(--f-headline);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;padding:0 16px;box-shadow:0 8px 24px rgba(15,44,84,.05);cursor:pointer;white-space:nowrap}.shop-dropdown__btn{display:flex;align-items:center;gap:8px}.shop-dropdown__btn--filter{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;min-width:116px;gap:0 8px;text-align:left}.shop-dropdown__btn--filter .filter-bars{grid-row:1/3;font-size:1.05rem;color:var(--fire)}.shop-dropdown__btn--filter small{font-family:var(--f-body);font-size:.68rem;letter-spacing:0;text-transform:none;color:var(--chalk-dim);font-weight:700}.shop-dropdown__menu{position:absolute;top:62px;left:0;min-width:230px;background:#fff;border:1px solid rgba(15,44,84,.10);border-radius:20px;box-shadow:0 24px 70px rgba(15,44,84,.18);padding:8px;z-index:60;display:none}.shop-dropdown.is-open .shop-dropdown__menu{display:grid;gap:6px}.dropdown-option{border:0;border-radius:14px;background:#fff;color:var(--steel);padding:12px 14px;text-align:left;font-family:var(--f-headline);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;cursor:pointer}.dropdown-option:hover,.dropdown-option.active{background:#fff2e9;color:var(--fire)}.fav-btn{background:#fff!important;color:#b4bdca!important}.fav-btn.is-fav{background:#fff1f3!important;color:#e52e54!important;border-color:rgba(229,46,84,.18)!important}.recommend-strip{margin:0 0 22px;display:block}.recommend-strip:empty{display:none}.recommend-strip{background:#fff;border:1px solid rgba(15,44,84,.08);border-radius:24px;padding:16px;box-shadow:0 14px 40px rgba(15,44,84,.06)}.recommend-strip__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.recommend-strip__head strong{font-family:var(--f-headline);text-transform:uppercase;letter-spacing:.08em;color:var(--steel)}.recommend-strip__head span{font-size:.78rem;color:var(--chalk-dim)}.recommend-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.recommend-card{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--steel);border:1px solid rgba(15,44,84,.08);border-radius:18px;padding:12px;background:#fbfdff}.recommend-card>span{width:44px;height:44px;border-radius:14px;background:#fff2e9;display:grid;place-items:center}.recommend-card strong{display:block;font-size:.9rem}.recommend-card small{color:var(--chalk-dim)}.whatsapp-support-fab{position:fixed;right:24px;bottom:104px;z-index:2147482999;display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#19b35a,#078940);border-radius:999px;padding:12px 15px 12px 12px;box-shadow:0 18px 40px rgba(7,137,64,.25);max-width:320px}.whatsapp-support-fab__bubble{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;animation:jccPulse 1.8s infinite}.whatsapp-support-fab__text{font-weight:900;font-size:.82rem;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(255,255,255,.8);animation:jccTyping 4.2s steps(36,end) infinite}@keyframes jccPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes jccTyping{0%{width:0}45%,80%{width:230px}100%{width:0}}
@media(max-width:1180px){.shop-toolbar--pro{grid-template-columns:1fr 1fr 1fr!important}.shop-toolbar__search{grid-column:1/-1}.shop-count{justify-self:start!important}.store-nav{flex-wrap:nowrap!important;overflow-x:auto!important}.store-cat[href*="Complementos"],.store-cat[href*="Acessórios"],.store-cat[href*="Impermeabilizantes"],.store-cat[href*="Preparação"],.store-cat[href*="Acabamento"]{display:none!important}}
@media(max-width:760px){.store-header__main{align-items:center!important}.store-header .logo__name{font-size:clamp(1.65rem,7vw,2.35rem)!important}.store-header .logo__mark{width:50px!important;height:50px!important}.store-cat{flex:0 0 108px!important;min-width:108px!important}.smart-category-panel{top:58px;left:0;width:calc(100vw - 28px);padding:14px;border-radius:22px}.smart-category-panel__grid{grid-template-columns:1fr 1fr}.shop-toolbar--pro{grid-template-columns:1fr!important;padding:14px!important;border-radius:22px!important}.shop-dropdown__btn,.shop-select{width:100%;justify-content:center}.shop-dropdown__menu{position:static;margin-top:8px;min-width:100%;box-shadow:none;background:#f8fbff}.recommend-strip__grid{grid-template-columns:1fr}.whatsapp-support-fab{right:14px;bottom:88px;padding:10px;border-radius:22px}.whatsapp-support-fab__text{display:none}.advisor-fab{width:58px!important;height:58px!important}.products-grid{grid-template-columns:1fr!important}.pcard{border-radius:24px!important}}

/* === V3.8 PREMIUM FIX === */
.ui-icon{display:inline-flex;width:1.05em;height:1.05em;vertical-align:-.18em;align-items:center;justify-content:center;color:currentColor;background:currentColor;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat;flex:0 0 auto}.ui-icon--pin{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Z"/></svg>')}.ui-icon--truck{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h12v9h2l2-5h2v7h-2a3 3 0 0 1-6 0H9a3 3 0 0 1-6 0H2V7a1 1 0 0 1 1-1Z"/></svg>')}.ui-icon--paint,.ui-icon--bucket{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 3h14l-1.4 17H6.4L5 3Z"/></svg>')}.ui-icon--phone{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2c.3-.3.8-.4 1.2-.3 1.3.4 2.7.6 4.1.6.7 0 1.3.6 1.3 1.3v3.5c0 .7-.6 1.3-1.3 1.3C10.3 21.6 2.4 13.7 2.4 3.3 2.4 2.6 3 2 3.7 2h3.5c.7 0 1.3.6 1.3 1.3 0 1.4.2 2.8.6 4.1.1.4 0 .9-.3 1.2l-2.2 2.2Z"/></svg>')}.ui-icon--mail{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 5h18v14H3V5Zm9 7 7-5H5l7 5Z"/></svg>')}.ui-icon--lock{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 10V7a5 5 0 0 1 10 0v3h2v12H5V10h2Z"/></svg>')}.ui-icon--search{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m21 19.6-5.1-5.1a7 7 0 1 0-1.4 1.4L19.6 21 21 19.6ZM4 10a6 6 0 1 1 12 0A6 6 0 0 1 4 10Z"/></svg>')}.ui-icon--user{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm-9 9a9 9 0 0 1 18 0H3Z"/></svg>')}.ui-icon--box{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 2 9 4.5v11L12 22l-9-4.5v-11L12 2Z"/></svg>')}.ui-icon--cart{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3 3h2l2.2 11.2A2 2 0 0 0 9.2 16h7.9a2 2 0 0 0 1.9-1.4L21 7H7.1L6.6 5H3V3Z"/></svg>')}.ui-icon--menu{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 6h16v2H4V6Zm0 5h16v2H4v-2Zm0 5h16v2H4v-2Z"/></svg>')}.ui-icon--spark,.ui-icon--spray,.ui-icon--puzzle,.ui-icon--brush,.ui-icon--brick,.ui-icon--ruler,.ui-icon--target,.ui-icon--flame{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2 9.6 8.6 3 11l6.6 2.4L12 20l2.4-6.6L21 11l-6.6-2.4L12 2Z"/></svg>')}.store-cat__ico .ui-icon,.store-action__icon .ui-icon,.store-cart-pill__icon .ui-icon,.store-search__icon .ui-icon,.search-box__icon .ui-icon{width:18px;height:18px;color:var(--fire)}
.shop-select{appearance:none;-webkit-appearance:none;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%230f2c54" d="m5 7 5 6 5-6H5z"/></svg>') right 15px center/13px no-repeat!important;padding-right:38px!important;min-width:132px!important}.shop-select:focus,.shop-dropdown__btn:focus,.search-box__input:focus{outline:3px solid rgba(255,111,24,.18)!important;border-color:rgba(255,111,24,.45)!important}.dropdown-option.active:after{content:'✓';width:22px;height:22px;border-radius:999px;background:var(--steel);color:#fff;display:inline-grid;place-items:center;font-size:.7rem;margin-left:auto}.pro-select{position:relative}.pro-select__btn{height:52px;min-width:138px;width:100%;border:1px solid rgba(15,44,84,.10);border-radius:18px;background:#fff;color:var(--steel);font-family:var(--f-headline);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;padding:0 40px 0 16px;box-shadow:0 8px 24px rgba(15,44,84,.05);cursor:pointer;text-align:left}.pro-select__menu{position:absolute;top:62px;left:0;right:0;min-width:190px;background:#fff;border:1px solid rgba(15,44,84,.10);border-radius:22px;box-shadow:0 25px 80px rgba(15,44,84,.18);padding:8px;display:none;z-index:90}.pro-select.is-open .pro-select__menu{display:grid;gap:6px}.pro-select__option{border:0;border-radius:14px;background:#fff;color:var(--steel);padding:12px 14px;text-align:left;font-family:var(--f-headline);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;cursor:pointer}.pro-select__option:hover,.pro-select__option.is-selected{background:#fff2e9;color:var(--fire)}.pro-select__option.is-selected:after{content:'✓';float:right}.pro-select select{display:none!important}.shop-toolbar--pro{align-items:center!important;gap:12px!important}.shop-hero-badge{background:#fff!important;border:1px solid rgba(255,111,24,.25)!important;color:var(--fire)!important;box-shadow:none!important}.pcard:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(15,44,84,.13)!important}.whatsapp-support-fab{bottom:112px!important}.whatsapp-support-fab:before{content:'';position:absolute;inset:-5px;border-radius:inherit;background:rgba(25,179,90,.20);animation:jccPulse 1.8s infinite;z-index:-1}
@media(max-width:760px){.store-header .logo__name{font-size:clamp(1.9rem,8vw,2.55rem)!important}.pro-select__menu{position:static;margin-top:8px;box-shadow:none;background:#f8fbff}.pro-select__btn{width:100%;text-align:center}.whatsapp-support-fab{bottom:92px!important;max-width:58px;overflow:hidden}.whatsapp-support-fab__text{display:none!important}}


/* ═══════════════════════════════════════════════════════════════
   V4.1 PRODUCTION REVIEW — premium UI, safe icons and controls
   ═══════════════════════════════════════════════════════════════ */
:root{--v41-navy:#0f2c54;--v41-orange:#ff6f18;--v41-soft:#f6f9fc;--v41-line:rgba(15,44,84,.10)}
.ui-icon--clock{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 5v5l4 2-.9 1.7L11 13V7h2Z"/></svg>')}.ui-icon--heart{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21s-7.6-4.6-10-10.3C.7 7.5 2.6 4 6.1 4c2 0 3.4 1 4.2 2.1C11.1 5 12.5 4 14.5 4 18 4 19.9 7.5 18.6 10.7 16.2 16.4 12 21 12 21Z"/></svg>')}.ui-icon--shield{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2 4 5v6c0 5 3.4 9.7 8 11 4.6-1.3 8-6 8-11V5l-8-3Zm-1 14-4-4 1.4-1.4 2.6 2.6 5.6-5.6L18 9l-7 7Z"/></svg>')}
.store-cat__ico,.store-action__icon,.store-cart-pill__icon,.store-search__icon,.search-box__icon{background:linear-gradient(180deg,#fff4ed,#ffe2cc);color:var(--v41-orange);border-radius:13px;box-shadow:0 8px 18px rgba(255,111,24,.12)}.store-cat__ico{width:36px!important;height:30px!important;display:grid!important;place-items:center!important;margin-bottom:5px!important}.store-action__icon{width:44px!important;height:44px!important;display:grid!important;place-items:center!important}.store-cart-pill__icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important}.store-search__icon,.search-box__icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important}
.store-cats{justify-content:center!important;gap:10px!important;align-items:center!important}.store-cat{min-height:56px!important;border-radius:18px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.store-cat:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,44,84,.10)!important;border-color:rgba(255,111,24,.35)!important}.store-cat:nth-of-type(n+6):not(.store-cat--promo){display:none!important}.store-cat--promo{order:5}.store-cat--menu{position:relative}.store-cat--menu:after{content:'Complementos • Acessórios • Impermeabilizantes • Preparação • Acabamento';position:absolute;left:0;top:calc(100% + 10px);width:280px;padding:14px;border-radius:18px;background:#fff;color:var(--v41-navy);border:1px solid var(--v41-line);box-shadow:0 24px 70px rgba(15,44,84,.16);font-family:var(--f-body);font-size:.74rem;line-height:1.55;text-transform:none;letter-spacing:0;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease;z-index:120}.store-cat--menu:hover:after{opacity:1;transform:translateY(0)}
.hero__headline,.section-title,.shop-hero-title{overflow:visible!important;line-height:.95!important}.hero__content{overflow:hidden!important}.hero__headline{font-size:clamp(3.4rem,7vw,7.4rem)!important;letter-spacing:-.045em!important}.shop-hero{overflow:hidden!important}.shop-hero-title{font-size:clamp(3rem,6.6vw,7rem)!important;letter-spacing:-.04em!important}
.shop-toolbar--pro{grid-template-columns:minmax(260px,1.25fr) repeat(5,minmax(130px,auto)) auto!important;gap:12px!important;align-items:center!important;overflow:visible!important}.shop-dropdown__btn,.pro-select__btn{border-radius:20px!important;border:1px solid rgba(15,44,84,.12)!important;background:linear-gradient(180deg,#fff,#f9fbff)!important;box-shadow:0 10px 26px rgba(15,44,84,.06)!important;height:54px!important}.shop-dropdown__menu,.pro-select__menu{border-radius:24px!important;padding:10px!important;border:1px solid rgba(15,44,84,.12)!important;box-shadow:0 28px 90px rgba(15,44,84,.22)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}.dropdown-option,.pro-select__option{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-radius:16px!important;min-height:42px!important}.dropdown-option:hover,.dropdown-option.active,.pro-select__option:hover,.pro-select__option.is-selected{background:linear-gradient(135deg,#fff2e9,#fff8f2)!important;color:var(--v41-orange)!important}.pro-select__btn{display:flex!important;align-items:center!important}.pro-select.is-open .pro-select__btn,.shop-dropdown.is-open .shop-dropdown__btn{border-color:rgba(255,111,24,.45)!important;box-shadow:0 0 0 4px rgba(255,111,24,.12),0 18px 42px rgba(15,44,84,.10)!important}.shop-select{display:none!important}
.products-grid{align-items:stretch!important}.pcard{border-radius:26px!important;overflow:hidden!important}.pcard__img{min-height:230px!important}.pcard__title{line-height:1.18!important}.pcard__brand{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;background:#f5f8fd;color:var(--v41-navy);font-weight:800;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.fav-btn{border-radius:15px!important}.fav-btn .ui-icon{width:18px;height:18px}.fav-btn.is-fav .ui-icon{color:#e52e54!important}.recommend-strip{border-radius:28px!important}.recommend-card{transition:.2s ease}.recommend-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,44,84,.08)}
.whatsapp-support-fab{right:24px!important;bottom:116px!important;border-radius:999px!important;min-height:64px!important;padding:12px 18px 12px 12px!important;max-width:340px!important}.advisor-fab{box-shadow:0 22px 55px rgba(15,44,84,.20)!important}.footer__links .footer__link{display:flex!important;align-items:center!important;gap:8px!important}.footer__col-title + .footer__col-title{display:none!important}
.admin-shell,.admin-card,.admin-panel,.dashboard-card{border-radius:24px!important}.admin-table{border-radius:22px!important;overflow:hidden!important}.variation-row,.variant-row{border:1px solid rgba(15,44,84,.10)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 30px rgba(15,44,84,.05)!important;padding:14px!important}.admin input,.admin select,.admin textarea,.admin-form input,.admin-form select,.admin-form textarea{border-radius:16px!important;border:1px solid rgba(15,44,84,.14)!important;min-height:46px!important}.admin button,.admin .btn{border-radius:16px!important}
@media(max-width:1100px){.shop-toolbar--pro{grid-template-columns:1fr 1fr 1fr!important}.shop-toolbar__search{grid-column:1/-1!important}.shop-count{justify-self:start!important}.store-cat{min-width:118px!important}}@media(max-width:760px){.store-header__main{grid-template-columns:1fr auto!important}.store-cats{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:10px!important}.store-cat{flex:0 0 112px!important}.store-cat:nth-of-type(n+6):not(.store-cat--promo){display:flex!important}.store-cat--menu:after{display:none}.hero__headline,.shop-hero-title{font-size:clamp(3.05rem,16vw,5rem)!important;line-height:.92!important}.shop-toolbar--pro{grid-template-columns:1fr!important;padding:14px!important;border-radius:24px!important}.pro-select__menu,.shop-dropdown__menu{position:static!important;margin-top:8px!important;box-shadow:none!important;background:#f8fbff!important}.shop-count{justify-self:start!important}.whatsapp-support-fab{right:16px!important;bottom:96px!important;max-width:64px!important;min-height:64px!important;padding:10px!important}.whatsapp-support-fab__text{display:none!important}.admin-table,.admin-table thead,.admin-table tbody,.admin-table tr,.admin-table td{display:block!important;width:100%!important}.admin-table tr{border:1px solid rgba(15,44,84,.10)!important;border-radius:18px!important;margin-bottom:12px!important;padding:10px!important;background:#fff!important}.admin-table thead{display:none!important}}

/* ═══════════════════════════════════════════════════════════════
   V4.2.1 — FIX favoritos + menu categorias profissional
   ═══════════════════════════════════════════════════════════════ */
.store-cat--menu:after{content:none!important;display:none!important;}
.store-header__navline{position:relative!important;}
.header-category-panel{position:absolute;left:50%;top:calc(100% + 12px);transform:translate(-50%,8px);width:min(840px,calc(100vw - 40px));background:rgba(255,255,255,.98);border:1px solid rgba(15,44,84,.10);border-radius:28px;box-shadow:0 28px 90px rgba(15,44,84,.18);padding:20px;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;backdrop-filter:blur(14px)}
.header-category-panel.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.header-category-panel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 4px 14px;border-bottom:1px solid rgba(15,44,84,.08);margin-bottom:14px}
.header-category-panel__head strong{font-family:var(--f-headline);font-size:.88rem;text-transform:uppercase;letter-spacing:.14em;color:var(--steel)}
.header-category-panel__head span{font-size:.82rem;color:var(--chalk-dim)}
.header-category-panel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.header-category-panel__grid a{text-decoration:none;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px;border-radius:20px;border:1px solid rgba(15,44,84,.08);background:linear-gradient(180deg,#fff,#f7fbff);color:var(--steel);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.header-category-panel__grid a:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,44,84,.11);border-color:rgba(255,106,0,.30)}
.header-category-panel__grid .ui-icon{grid-row:1/3;width:22px;height:22px;color:var(--fire);padding:11px;background:var(--fire);box-sizing:content-box;border-radius:15px;box-shadow:0 10px 24px rgba(255,106,0,.14)}
.header-category-panel__grid b{font-family:var(--f-headline);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;line-height:1.1}
.header-category-panel__grid small{font-size:.74rem;color:var(--chalk-dim);line-height:1.3;margin-top:3px}
.store-cat--menu.is-open{border-color:rgba(255,106,0,.45)!important;box-shadow:0 16px 36px rgba(255,106,0,.14)!important;background:linear-gradient(180deg,#fff7f0,#fff)!important}
.store-action--favorites .store-action__icon{color:#e52e54!important;background:linear-gradient(135deg,#fff0f4,#fff)!important}
.store-action--favorites:hover .store-action__icon{box-shadow:0 14px 30px rgba(229,46,84,.18)}
.favorites-active-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(229,46,84,.18);background:#fff5f7;color:#b8143b;border-radius:999px;padding:8px 12px;font-family:var(--f-headline);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.favorites-active-chip .ui-icon{width:15px;height:15px;color:#e52e54}
@media(max-width:900px){.header-category-panel{top:calc(100% + 8px);width:calc(100vw - 24px);padding:14px;border-radius:22px}.header-category-panel__grid{grid-template-columns:1fr}.header-category-panel__head{align-items:flex-start;flex-direction:column;gap:4px}.store-action--favorites .store-action__text{display:none}}
@media(max-width:640px){.header-category-panel{position:fixed;left:12px;right:12px;top:auto;bottom:18px;width:auto;transform:translateY(18px);max-height:72vh;overflow:auto}.header-category-panel.is-open{transform:translateY(0)}}

/* ═══════════════════════════════════════════════════════════════
   V4.2.2 — Kit visual premium + correção menu Todas Categorias
   ═══════════════════════════════════════════════════════════════ */
.ui-icon{display:inline-flex!important;width:1.12em!important;height:1.12em!important;vertical-align:-.18em;align-items:center;justify-content:center;color:currentColor;background:currentColor!important;mask:center/contain no-repeat!important;-webkit-mask:center/contain no-repeat!important;flex:0 0 auto;}
.ui-icon--search{mask-image:url('assets/icons/search.svg')!important;-webkit-mask-image:url('assets/icons/search.svg')!important;}
.ui-icon--menu{mask-image:url('assets/icons/menu.svg')!important;-webkit-mask-image:url('assets/icons/menu.svg')!important;}
.ui-icon--filter{mask-image:url('assets/icons/filter.svg')!important;-webkit-mask-image:url('assets/icons/filter.svg')!important;}
.ui-icon--user{mask-image:url('assets/icons/user.svg')!important;-webkit-mask-image:url('assets/icons/user.svg')!important;}
.ui-icon--box{mask-image:url('assets/icons/orders.svg')!important;-webkit-mask-image:url('assets/icons/orders.svg')!important;}
.ui-icon--heart{mask-image:url('assets/icons/heart.svg')!important;-webkit-mask-image:url('assets/icons/heart.svg')!important;}
.ui-icon--cart{mask-image:url('assets/icons/cart.svg')!important;-webkit-mask-image:url('assets/icons/cart.svg')!important;}
.ui-icon--add-cart{mask-image:url('assets/icons/add-cart.svg')!important;-webkit-mask-image:url('assets/icons/add-cart.svg')!important;}
.ui-icon--flame{mask-image:url('assets/icons/tag.svg')!important;-webkit-mask-image:url('assets/icons/tag.svg')!important;}
.ui-icon--bucket,.ui-icon--paint{mask-image:url('assets/icons/paint.svg')!important;-webkit-mask-image:url('assets/icons/paint.svg')!important;}
.ui-icon--spark{mask-image:url('assets/icons/brush.svg')!important;-webkit-mask-image:url('assets/icons/brush.svg')!important;}
.ui-icon--spray{mask-image:url('assets/icons/spray.svg')!important;-webkit-mask-image:url('assets/icons/spray.svg')!important;}
.ui-icon--puzzle{mask-image:url('assets/icons/tools.svg')!important;-webkit-mask-image:url('assets/icons/tools.svg')!important;}
.ui-icon--brush{mask-image:url('assets/icons/brush.svg')!important;-webkit-mask-image:url('assets/icons/brush.svg')!important;}
.ui-icon--brick{mask-image:url('assets/icons/drop.svg')!important;-webkit-mask-image:url('assets/icons/drop.svg')!important;}
.ui-icon--ruler{mask-image:url('assets/icons/tools.svg')!important;-webkit-mask-image:url('assets/icons/tools.svg')!important;}
.ui-icon--target{mask-image:url('assets/icons/finish.svg')!important;-webkit-mask-image:url('assets/icons/finish.svg')!important;}
.ui-icon--pin{mask-image:url('assets/icons/pin.svg')!important;-webkit-mask-image:url('assets/icons/pin.svg')!important;}
.ui-icon--truck{mask-image:url('assets/icons/truck.svg')!important;-webkit-mask-image:url('assets/icons/truck.svg')!important;}
.ui-icon--phone{mask-image:url('assets/icons/phone.svg')!important;-webkit-mask-image:url('assets/icons/phone.svg')!important;}
.ui-icon--mail{mask-image:url('assets/icons/mail.svg')!important;-webkit-mask-image:url('assets/icons/mail.svg')!important;}
.ui-icon--lock{mask-image:url('assets/icons/lock.svg')!important;-webkit-mask-image:url('assets/icons/lock.svg')!important;}
.ui-icon--shield{mask-image:url('assets/icons/shield.svg')!important;-webkit-mask-image:url('assets/icons/shield.svg')!important;}
.ui-icon--clock{mask-image:url('assets/icons/clock.svg')!important;-webkit-mask-image:url('assets/icons/clock.svg')!important;}
.store-cat__ico,.store-action__icon,.store-search__icon,.search-box__icon,.store-cart-pill__icon{background:linear-gradient(135deg,rgba(255,106,0,.12),rgba(255,255,255,.92))!important;border:1px solid rgba(255,106,0,.12)!important;box-shadow:0 10px 26px rgba(15,44,84,.06)!important;}
.store-cat__ico .ui-icon,.store-action__icon .ui-icon,.store-cart-pill__icon .ui-icon,.store-search__icon .ui-icon,.search-box__icon .ui-icon{color:var(--fire)!important;}
.header-category-panel{display:none!important;}
.store-header__navline{position:relative!important;overflow:visible!important;}
.store-cat--menu:hover + .smart-category-panel,.store-cat--menu:hover + .header-category-panel{display:none!important;opacity:0!important;pointer-events:none!important;}
.smart-category-panel{position:absolute!important;left:50%!important;top:calc(100% + 14px)!important;transform:translate(-50%,10px)!important;width:min(860px,calc(100vw - 42px))!important;background:rgba(255,255,255,.985)!important;border:1px solid rgba(15,44,84,.10)!important;border-radius:30px!important;box-shadow:0 30px 90px rgba(15,44,84,.20)!important;padding:22px!important;z-index:10000!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;backdrop-filter:blur(18px)!important;}
.smart-category-panel.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important;display:block!important;}
.smart-category-panel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 4px 16px;border-bottom:1px solid rgba(15,44,84,.08);margin-bottom:16px;}
.smart-category-panel__head strong{font-family:var(--f-headline);font-size:.9rem;text-transform:uppercase;letter-spacing:.16em;color:var(--steel);}
.smart-category-panel__head span{font-size:.82rem;color:var(--chalk-dim);}
.smart-category-panel__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;}
.smart-category-panel__grid a{text-decoration:none;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px;border-radius:22px;border:1px solid rgba(15,44,84,.08);background:linear-gradient(180deg,#fff,#f7fbff);color:var(--steel);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.smart-category-panel__grid a:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,44,84,.12);border-color:rgba(255,106,0,.32);}
.smart-category-panel__icon{grid-row:1/3;width:46px;height:46px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff4eb,#fff);box-shadow:0 12px 28px rgba(255,106,0,.14);color:var(--fire);}
.smart-category-panel__icon .ui-icon{width:24px!important;height:24px!important;color:var(--fire)!important;}
.smart-category-panel__grid b{font-family:var(--f-headline);font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;line-height:1.1;}
.smart-category-panel__grid small{font-size:.74rem;color:var(--chalk-dim);line-height:1.3;margin-top:3px;}
@media(max-width:900px){.smart-category-panel{top:calc(100% + 10px)!important;width:calc(100vw - 24px)!important;padding:15px!important;border-radius:24px!important}.smart-category-panel__grid{grid-template-columns:1fr!important}.smart-category-panel__head{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:640px){.smart-category-panel{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:18px!important;width:auto!important;transform:translateY(18px)!important;max-height:72vh!important;overflow:auto!important}.smart-category-panel.is-open{transform:translateY(0)!important}}
.ui-icon--whatsapp{mask-image:url('assets/icons/whatsapp.svg')!important;-webkit-mask-image:url('assets/icons/whatsapp.svg')!important;}
.ui-icon--chat,.ui-icon--ai{mask-image:url('assets/icons/chat.svg')!important;-webkit-mask-image:url('assets/icons/chat.svg')!important;}

/* V4.2.3 · Fix kit visual no menu Todas Categorias */
.ui-icon--tools{mask-image:url('assets/icons/tools.svg')!important;-webkit-mask-image:url('assets/icons/tools.svg')!important;}
.ui-icon--drop{mask-image:url('assets/icons/drop.svg')!important;-webkit-mask-image:url('assets/icons/drop.svg')!important;}
.ui-icon--finish{mask-image:url('assets/icons/finish.svg')!important;-webkit-mask-image:url('assets/icons/finish.svg')!important;}
.smart-category-panel__icon .ui-icon{
  display:block!important;
  width:24px!important;
  height:24px!important;
  background:var(--fire)!important;
  color:var(--fire)!important;
  mask-size:contain!important;
  -webkit-mask-size:contain!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-position:center!important;
  -webkit-mask-position:center!important;
}
.smart-category-panel__icon{
  overflow:hidden!important;
}

/* ─────────────────────────────────────────────────────────────
   V4.2.6 HOTFIX DEFINITIVO - HERO SEM CORTE + MOBILE SAFE
   Corrige a frase "Cores que transformam resultados" em todas as resoluções.
───────────────────────────────────────────────────────────── */
.hero,
.hero__inner,
.hero__content,
.hero__title,
.hero__title-line,
.hero__title-word,
.hero__title-accent{
  overflow: visible !important;
}

.hero__content{
  min-width: 0 !important;
  max-width: 100% !important;
}

.hero__title{
  display: block !important;
  width: min(100%, 720px) !important;
  max-width: 720px !important;
  margin: 0 !important;
  padding: 0 0 .08em 0 !important;
  line-height: .9 !important;
  letter-spacing: -0.045em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-wrap: balance !important;
}

.hero__title-line{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-right: .18em !important;
  padding-bottom: .04em !important;
  overflow: visible !important;
}

.hero__title-word,
.hero__title-accent{
  display: inline-block !important;
  max-width: none !important;
  width: auto !important;
  line-height: .9 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  font-size: clamp(3.15rem, 5.45vw, 5.95rem) !important;
}

.hero__title-line:nth-child(2) .hero__title-word{
  font-size: clamp(2.8rem, 4.82vw, 5.25rem) !important;
  letter-spacing: -0.06em !important;
}

@media (min-width: 1280px){
  .hero__inner{
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 480px) !important;
    gap: clamp(34px, 4vw, 72px) !important;
  }
  .hero__title{width:min(100%,760px)!important;max-width:760px!important;}
  .hero__title-word,
  .hero__title-accent{font-size:clamp(3.5rem,5.15vw,6.3rem)!important;}
  .hero__title-line:nth-child(2) .hero__title-word{font-size:clamp(3.05rem,4.55vw,5.55rem)!important;}
}

@media (max-width: 1180px){
  .hero__inner{
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
  .hero__panel{max-width:100%!important;}
  .hero__title{
    width: min(100%, 680px) !important;
    max-width: 680px !important;
  }
}

@media (max-width: 760px){
  .hero{
    min-height: auto !important;
    padding-top: calc(var(--hh, 150px) + 18px) !important;
  }
  .hero__inner{
    padding-top: 34px !important;
    padding-bottom: 46px !important;
    gap: 28px !important;
  }
  .hero__title{
    width: 100% !important;
    max-width: 100% !important;
    letter-spacing: -0.045em !important;
  }
  .hero__title-word,
  .hero__title-accent{
    font-size: clamp(2.7rem, 13.2vw, 4.25rem) !important;
  }
  .hero__title-line:nth-child(2) .hero__title-word{
    font-size: clamp(2.35rem, 11.3vw, 3.75rem) !important;
  }
  .hero__sub{max-width:100%!important;margin:22px 0 28px!important;}
  .hero__ctas{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .hero__ctas .btn{width:100%!important;justify-content:center!important;}
}

@media (max-width: 420px){
  .hero__title-word,
  .hero__title-accent{
    font-size: clamp(2.28rem, 12.4vw, 3.25rem) !important;
    letter-spacing: -0.06em !important;
  }
  .hero__title-line:nth-child(2) .hero__title-word{
    font-size: clamp(2rem, 10.5vw, 2.85rem) !important;
    letter-spacing: -0.075em !important;
  }
}

/* ─────────────────────────────────────────────────────────────
   V4.2.7 HOTFIX REAL — HERO PREMIUM SEM CORTE
   Refaz a frase do index em 4 linhas para nunca cortar e não ficar espremida.
───────────────────────────────────────────────────────────── */
body .hero__title.hero__title--clean,
body .hero__title--clean{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: clamp(6px, .75vw, 12px) !important;
  width: 100% !important;
  max-width: min(96vw, 680px) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: .84 !important;
  letter-spacing: -0.055em !important;
  overflow: visible !important;
  white-space: normal !important;
  word-break: normal !important;
  text-wrap: initial !important;
}
body .hero__title--clean .hero__title-line{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: .84 !important;
}
body .hero__title--clean .hero__title-word,
body .hero__title--clean .hero__title-accent{
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  font-family: var(--f-display) !important;
  font-size: clamp(4.7rem, 7.05vw, 7.25rem) !important;
  line-height: .84 !important;
  letter-spacing: -0.055em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: visible !important;
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}
body .hero__title--clean .hero__title-small{
  font-size: clamp(4.35rem, 6.35vw, 6.65rem) !important;
  color: var(--fire) !important;
}
body .hero__title--clean .hero__title-transformam{
  font-size: clamp(4.1rem, 5.95vw, 6.25rem) !important;
  color: var(--fire) !important;
  letter-spacing: -0.07em !important;
}
body .hero__content{overflow: visible !important; min-width: 0 !important;}
body .hero__inner{overflow: visible !important;}
@media (max-width: 1180px){
  body .hero__title.hero__title--clean,body .hero__title--clean{max-width:min(100%,620px)!important;}
  body .hero__title--clean .hero__title-word,body .hero__title--clean .hero__title-accent{font-size:clamp(4rem,8.4vw,6.2rem)!important;}
  body .hero__title--clean .hero__title-small{font-size:clamp(3.7rem,7.3vw,5.55rem)!important;}
  body .hero__title--clean .hero__title-transformam{font-size:clamp(3.55rem,6.55vw,5.15rem)!important;}
}
@media (max-width: 760px){
  body .hero__content{padding:24px 18px 22px!important;}
  body .hero__title.hero__title--clean,body .hero__title--clean{max-width:100%!important;gap:5px!important;}
  body .hero__title--clean .hero__title-word,body .hero__title--clean .hero__title-accent{font-size:clamp(3.15rem,13.5vw,5rem)!important;letter-spacing:-0.06em!important;}
  body .hero__title--clean .hero__title-small{font-size:clamp(2.9rem,12vw,4.45rem)!important;}
  body .hero__title--clean .hero__title-transformam{font-size:clamp(2.42rem,10.1vw,3.75rem)!important;letter-spacing:-0.075em!important;}
  body .hero__sub{margin-top:20px!important;}
}
@media (max-width: 420px){
  body .hero__title--clean .hero__title-word,body .hero__title--clean .hero__title-accent{font-size:clamp(2.65rem,14.6vw,3.55rem)!important;}
  body .hero__title--clean .hero__title-small{font-size:clamp(2.42rem,13.2vw,3.25rem)!important;}
  body .hero__title--clean .hero__title-transformam{font-size:clamp(2.03rem,11.1vw,2.85rem)!important;}
}

/* V4.4 — HERO PREMIUM REAL (CORREÇÃO APLICADA) */
body .hero{overflow:visible!important;}
body .hero .container{max-width:1440px!important;}
body .hero__inner{display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr)!important;gap:clamp(36px,4vw,74px)!important;align-items:center!important;overflow:visible!important;}
body .hero__content{width:100%!important;max-width:780px!important;padding:clamp(34px,4vw,58px) clamp(32px,4vw,64px)!important;overflow:visible!important;isolation:isolate!important;}
body .hero__title--v44,body .hero__title.hero__title--v44{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:clamp(4px,.55vw,9px)!important;width:100%!important;max-width:760px!important;margin:0!important;padding:0!important;overflow:visible!important;line-height:.92!important;letter-spacing:-.045em!important;white-space:normal!important;word-break:normal!important;}
body .hero__title--v44 .hero__title-line{display:block!important;width:100%!important;max-width:100%!important;overflow:visible!important;line-height:.92!important;padding:0 0 .03em 0!important;margin:0!important;}
body .hero__title--v44 .hero__title-word,body .hero__title--v44 .hero__title-accent{display:block!important;width:max-content!important;max-width:100%!important;font-family:var(--f-display)!important;font-weight:900!important;text-transform:uppercase!important;line-height:.92!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:visible!important;background:none!important;box-shadow:none!important;transform:none!important;animation:none!important;}
body .hero__title--v44 .hero__title-line--top .hero__title-word{color:var(--steel)!important;font-size:clamp(3.55rem,5.15vw,6.3rem)!important;}
body .hero__title--v44 .hero__title-line--accent .hero__title-word{color:var(--fire)!important;font-size:clamp(3.65rem,5.35vw,6.55rem)!important;letter-spacing:-.06em!important;}
body .hero__title--v44 .hero__title-line--bottom .hero__title-word{color:var(--steel)!important;font-size:clamp(3.55rem,5.15vw,6.3rem)!important;}
body .hero__sub{max-width:620px!important;}
@media(max-width:1240px){body .hero__inner{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr)!important;gap:34px!important;}body .hero__content{max-width:700px!important;padding:34px 34px!important;}body .hero__title--v44 .hero__title-line--top .hero__title-word,body .hero__title--v44 .hero__title-line--bottom .hero__title-word{font-size:clamp(3.1rem,5.2vw,5.4rem)!important;}body .hero__title--v44 .hero__title-line--accent .hero__title-word{font-size:clamp(3rem,5vw,5.15rem)!important;letter-spacing:-.068em!important;}}
@media(max-width:980px){body .hero__inner{grid-template-columns:1fr!important;gap:28px!important;}body .hero__content{max-width:100%!important;}body .hero__panel{max-width:100%!important;}body .hero__title--v44{max-width:720px!important;}}
@media(max-width:760px){body .hero__content{padding:26px 18px 24px!important;border-radius:26px!important;}body .hero__title--v44,body .hero__title.hero__title--v44{max-width:100%!important;gap:4px!important;letter-spacing:-.04em!important;}body .hero__title--v44 .hero__title-line--top .hero__title-word,body .hero__title--v44 .hero__title-line--bottom .hero__title-word{font-size:clamp(2.45rem,12.2vw,4.15rem)!important;letter-spacing:-.05em!important;}body .hero__title--v44 .hero__title-line--accent .hero__title-word{font-size:clamp(2.18rem,10.6vw,3.68rem)!important;letter-spacing:-.072em!important;}body .hero__sub{max-width:100%!important;margin-top:18px!important;}}
@media(max-width:430px){body .hero__title--v44 .hero__title-line--top .hero__title-word,body .hero__title--v44 .hero__title-line--bottom .hero__title-word{font-size:clamp(2rem,12vw,3rem)!important;}body .hero__title--v44 .hero__title-line--accent .hero__title-word{font-size:clamp(1.78rem,10.2vw,2.55rem)!important;}}

/* =========================================================
   v4.8.1 HOTFIX - Mobile categorias + WhatsApp no topo
   - Garante que Tintas/Vernizes/Sprays/Promoções apareçam no celular
   - Mantém categorias secundárias dentro do botão Todas as categorias
   - Move o botão flutuante de WhatsApp para a área superior no desktop
========================================================= */
.store-header__navline{
  overflow:visible!important;
}
.store-nav .store-cat[href*="cat=Tintas"],
.store-nav .store-cat[href*="cat=Vernizes"],
.store-nav .store-cat[href*="cat=Sprays"],
.store-nav .store-cat[href*="cat=Promo"],
.store-nav .store-cat--promo,
.store-nav .store-cat--menu{
  display:flex!important;
}
.store-nav .store-cat[href*="cat=Complementos"],
.store-nav .store-cat[href*="cat=Acess"],
.store-nav .store-cat[href*="cat=Impermeabilizantes"],
.store-nav .store-cat[href*="cat=Prepar"],
.store-nav .store-cat[href*="cat=Acabamento"]{
  display:none!important;
}

@media (min-width: 761px){
  .whatsapp-support-fab{
    top:178px!important;
    right:28px!important;
    bottom:auto!important;
    max-width:270px!important;
    min-height:54px!important;
    padding:10px 16px 10px 10px!important;
    border-radius:999px!important;
    z-index:2147483000!important;
  }
  .whatsapp-support-fab__bubble{
    width:36px!important;
    height:36px!important;
  }
  .whatsapp-support-fab__text{
    width:auto!important;
    max-width:190px!important;
    animation:none!important;
    border-right:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (max-width: 760px){
  .store-header__navline{
    width:100%!important;
    padding:0 0 10px!important;
  }
  .store-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 12px 12px!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .store-nav::-webkit-scrollbar{display:none!important;}
  .store-nav .store-cat,
  .store-nav .store-cat--menu,
  .store-nav .store-cat--promo{
    display:flex!important;
    flex:0 0 106px!important;
    min-width:106px!important;
    max-width:106px!important;
    min-height:54px!important;
    padding:8px 8px!important;
    border-radius:16px!important;
    font-size:.58rem!important;
    scroll-snap-align:start!important;
  }
  .store-nav .store-cat[href*="cat=Complementos"],
  .store-nav .store-cat[href*="cat=Acess"],
  .store-nav .store-cat[href*="cat=Impermeabilizantes"],
  .store-nav .store-cat[href*="cat=Prepar"],
  .store-nav .store-cat[href*="cat=Acabamento"]{
    display:none!important;
  }
  .store-cat__ico{
    width:32px!important;
    height:28px!important;
    margin-bottom:4px!important;
  }
  .store-cat__ico .ui-icon{width:16px!important;height:16px!important;}
  .store-cat span:last-child{
    white-space:normal!important;
    line-height:1.05!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .whatsapp-support-fab{
    right:14px!important;
    bottom:92px!important;
    top:auto!important;
    max-width:58px!important;
    width:58px!important;
    min-height:58px!important;
    padding:8px!important;
    overflow:hidden!important;
  }
  .whatsapp-support-fab__text{display:none!important;}
}

/* ═══════════════════════════════════════════════════════════════
   V4.8.2 — Favoritos profissionais com contador + mobile
═══════════════════════════════════════════════════════════════ */
.store-action__icon{position:relative;}
.favorites-count{
  position:absolute;
  right:-7px;
  top:-7px;
  min-width:21px;
  height:21px;
  padding:0 6px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#e52e54;
  color:#fff;
  border:2px solid #fff;
  font-family:var(--f-headline, Arial, sans-serif);
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  box-shadow:0 10px 24px rgba(229,46,84,.22);
}
.favorites-count.hidden{display:none!important;}
.favorites-count.bump{animation:bump .35s var(--ease-spring, ease);}
.store-action--favorites.is-active,
.store-action--favorites:hover{background:rgba(229,46,84,.055)!important;}
#fav-product-btn.is-fav,
.fav-btn.is-fav{color:#e52e54!important;border-color:rgba(229,46,84,.24)!important;background:#fff5f7!important;}
@media(max-width:900px){
  .store-actions .store-action--favorites{
    display:flex!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .store-actions .store-action--favorites .store-action__text{display:none!important;}
  .store-actions .store-action--favorites .store-action__icon{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
  }
}
@media(max-width:520px){
  .store-actions{gap:6px!important;}
  .store-actions .store-action--favorites .store-action__icon,
  .store-cart-pill__icon{width:38px!important;height:38px!important;}
  .favorites-count{right:-5px;top:-5px;min-width:19px;height:19px;font-size:.66rem;}
}

/* ===== V4.8.3 HOTFIX — galeria profissional / produto desktop-mobile / catálogo de cores ===== */
.pdetail__layout{
  grid-template-columns:minmax(360px,.88fr) minmax(420px,1.12fr) !important;
  gap:clamp(32px,4vw,68px) !important;
}
.pdetail__gallery{
  position:sticky;
  top:calc(var(--hh, 76px) + 24px);
  min-width:0;
}
.pdetail__main-img{
  aspect-ratio:4/3 !important;
  max-height:620px;
  min-height:420px;
  background:linear-gradient(180deg,#fff,#f7fbff) !important;
  border:1px solid rgba(15,44,84,.10) !important;
  overflow:hidden !important;
}
.pdetail__main-img::before{display:none !important;}
.pdetail__main-img > img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:clamp(12px,2.5vw,28px);
  background:#fff;
  border-radius:inherit;
}
.pdetail__gallery-nav{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
}
.pdetail__gallery-btn{
  pointer-events:auto;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(15,44,84,.14);
  background:rgba(255,255,255,.9);
  color:var(--steel,#12345a);
  font-size:28px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(15,44,84,.12);
  transition:transform .18s ease, border-color .18s ease, color .18s ease;
}
.pdetail__gallery-btn:hover{transform:scale(1.06);border-color:rgba(255,106,0,.35);color:var(--fire,#ff6a00);}
.pdetail__thumbs{
  grid-template-columns:repeat(auto-fit,minmax(68px,92px)) !important;
  align-items:center;
  justify-content:flex-start;
  margin-top:14px;
}
.pdetail__thumb{
  border:1px solid rgba(15,44,84,.12) !important;
  background:#fff !important;
  overflow:hidden;
  padding:6px;
}
.pdetail__thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.variant-block{margin:18px 0 0;}
.variant-block__label{font-weight:900;color:var(--steel,#12345a);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;margin-bottom:10px;}
.variant-swatches,.variant-sizes{display:flex !important;flex-wrap:wrap;gap:10px;align-items:center;}
.variant-color,.variant-size{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  border-radius:999px;
  border:1px solid rgba(15,44,84,.12);
  background:#fff;
  color:var(--steel,#12345a);
  padding:8px 12px;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(15,44,84,.06);
}
.variant-color.active,.variant-size.active{border-color:rgba(255,106,0,.55);box-shadow:0 0 0 3px rgba(255,106,0,.10);}
.variant-color__dot{width:22px;height:22px;border-radius:50%;border:1px solid rgba(15,44,84,.16);display:inline-block;}
.variant-color__name{font-size:.82rem;font-weight:800;}
@media(max-width:1024px){
  .pdetail__layout{grid-template-columns:1fr !important;gap:30px !important;}
  .pdetail__gallery{position:static !important;}
  .pdetail__main-img{min-height:360px;max-height:none;aspect-ratio:1/1 !important;}
}
@media(max-width:560px){
  .pdetail__main-img{min-height:310px !important;aspect-ratio:1/1 !important;border-radius:22px !important;}
  .pdetail__main-img > img{padding:10px;}
  .pdetail__gallery-btn{width:38px;height:38px;font-size:24px;}
  .pdetail__thumbs{display:flex !important;overflow-x:auto;grid-template-columns:none !important;padding-bottom:8px;scroll-snap-type:x mandatory;}
  .pdetail__thumb{min-width:72px;width:72px;height:72px;scroll-snap-align:start;}
  .variant-swatches,.variant-sizes{display:flex !important;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;}
  .variant-color,.variant-size{flex:0 0 auto;min-height:40px;}
}


/* ═══════════════════════════════════════════════════════════════
   V4.9 — HOTFIX ESPAÇO VAGO + WHATSAPP INTELIGENTE
   - remove respiro gigante entre header e hero
   - WhatsApp sobe para a área superior no desktop
   - animação de abrir/fechar restaurada
   - mobile preservado sem tampar conteúdo
═══════════════════════════════════════════════════════════════ */
:root{
  --v49-header-gap: 18px;
  --v49-wa-top: 168px;
}

/* remove o espaço vago gigante criado por padding/min-height antigos */
body .hero,
body .shop-wrap,
body .pdetail,
body .cart-wrap,
body .checkout-wrap{
  padding-top: var(--v49-header-gap) !important;
}
body .hero{
  min-height: auto !important;
  padding-bottom: 34px !important;
}
body .hero__inner{
  padding-top: 28px !important;
  padding-bottom: 32px !important;
  min-height: 0 !important;
}
body .hero__bg,
body .hero__bg-grad,
body .hero__bg-grid,
body .hero__bg-accent,
body .hero__bg-strip{
  inset-top:0;
}

/* quando o header fica normal, o hero começa logo abaixo dele sem buraco */
.store-header + .hero,
.site-header + .hero{
  margin-top:0 !important;
}

/* WhatsApp superior no desktop, no espaço que o cliente marcou */
body .whatsapp-support-fab{
  position:fixed !important;
  right:28px !important;
  top:var(--v49-wa-top) !important;
  bottom:auto !important;
  z-index:2147483000 !important;
  min-height:58px !important;
  width:64px !important;
  max-width:360px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  padding:10px 14px 10px 10px !important;
  background:linear-gradient(135deg,#18b85f,#078b40) !important;
  box-shadow:0 18px 45px rgba(7,137,64,.28),0 0 0 10px rgba(24,184,95,.10) !important;
  transform:translateY(0) scale(1) !important;
  transition:width .55s cubic-bezier(.2,.9,.2,1), transform .25s ease, box-shadow .25s ease, opacity .25s ease !important;
  animation:v49WaFloat 3s ease-in-out infinite !important;
}
body .whatsapp-support-fab.is-visible{
  opacity:1 !important;
  pointer-events:auto !important;
}
body .whatsapp-support-fab.is-expanded,
body .whatsapp-support-fab:hover{
  width:min(330px,calc(100vw - 42px)) !important;
  transform:translateY(-2px) scale(1.015) !important;
  box-shadow:0 24px 62px rgba(7,137,64,.34),0 0 0 14px rgba(24,184,95,.12) !important;
}
body .whatsapp-support-fab__bubble{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  background:rgba(255,255,255,.18) !important;
  animation:v49WaPulse 1.7s ease-in-out infinite !important;
}
body .whatsapp-support-fab__text{
  display:block !important;
  width:0 !important;
  max-width:250px !important;
  opacity:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  border-right:0 !important;
  font-size:.82rem !important;
  line-height:1.1 !important;
  transition:width .55s cubic-bezier(.2,.9,.2,1), opacity .25s ease !important;
}
body .whatsapp-support-fab.is-expanded .whatsapp-support-fab__text,
body .whatsapp-support-fab:hover .whatsapp-support-fab__text{
  width:246px !important;
  opacity:1 !important;
}
body .whatsapp-support-fab::before{
  content:'' !important;
  position:absolute !important;
  inset:-8px !important;
  border-radius:inherit !important;
  background:rgba(24,184,95,.18) !important;
  z-index:-1 !important;
  animation:v49WaRing 2.2s ease-out infinite !important;
}

@keyframes v49WaFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-4px) scale(1.01)}
}
@keyframes v49WaPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.10)}
}
@keyframes v49WaRing{
  0%{transform:scale(.92);opacity:.75}
  80%,100%{transform:scale(1.18);opacity:0}
}

/* Notebook/tablet: mantém o botão no alto, mas sem entrar no carrinho/header */
@media(max-width:1180px){
  :root{--v49-wa-top:154px;}
  body .whatsapp-support-fab{right:18px !important;}
}

/* Mobile: vira botão compacto inferior para não cobrir menu/produtos */
@media(max-width:760px){
  body .hero,
  body .shop-wrap,
  body .pdetail,
  body .cart-wrap,
  body .checkout-wrap{
    padding-top:12px !important;
  }
  body .hero__inner{
    padding-top:22px !important;
    padding-bottom:26px !important;
  }
  body .whatsapp-support-fab{
    top:auto !important;
    right:14px !important;
    bottom:92px !important;
    width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    padding:8px !important;
  }
  body .whatsapp-support-fab.is-expanded,
  body .whatsapp-support-fab:hover{
    width:58px !important;
    max-width:58px !important;
  }
  body .whatsapp-support-fab__text{
    display:none !important;
  }
  body .whatsapp-support-fab__bubble{
    width:42px !important;
    height:42px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body .whatsapp-support-fab,
  body .whatsapp-support-fab::before,
  body .whatsapp-support-fab__bubble{
    animation:none !important;
  }
}

/* ===============================
   V5.0 - WhatsApp final premium
   - volta para canto inferior direito
   - texto expande somente no hover/focus
   - sem abrir sozinho
   - mantém mensagem dinâmica e tracking local
================================ */
body .whatsapp-support-fab{
  position:fixed !important;
  top:auto !important;
  right:24px !important;
  bottom:112px !important;
  z-index:2147483000 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:64px !important;
  min-height:64px !important;
  max-width:64px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  padding:11px !important;
  background:linear-gradient(135deg,#18b85f,#078b40) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 18px 45px rgba(7,137,64,.28),0 0 0 10px rgba(24,184,95,.10) !important;
  transform:translateY(0) scale(1) !important;
  opacity:1 !important;
  pointer-events:auto !important;
  animation:none !important;
  transition:max-width .42s cubic-bezier(.2,.9,.2,1), width .42s cubic-bezier(.2,.9,.2,1), transform .22s ease, box-shadow .22s ease, padding .22s ease !important;
}
body .whatsapp-support-fab::before{display:none !important;content:none !important;animation:none !important;}
body .whatsapp-support-fab__bubble{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.18) !important;
  animation:none !important;
}
body .whatsapp-support-fab__text{
  display:block !important;
  width:0 !important;
  max-width:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  border-right:0 !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  transition:max-width .42s cubic-bezier(.2,.9,.2,1), width .42s cubic-bezier(.2,.9,.2,1), opacity .18s ease !important;
}
body .whatsapp-support-fab:hover,
body .whatsapp-support-fab:focus-visible{
  width:min(330px,calc(100vw - 42px)) !important;
  max-width:min(330px,calc(100vw - 42px)) !important;
  padding:11px 18px 11px 11px !important;
  transform:translateY(-3px) scale(1.015) !important;
  box-shadow:0 24px 62px rgba(7,137,64,.34),0 0 0 14px rgba(24,184,95,.12) !important;
}
body .whatsapp-support-fab:hover .whatsapp-support-fab__text,
body .whatsapp-support-fab:focus-visible .whatsapp-support-fab__text{
  width:246px !important;
  max-width:246px !important;
  opacity:1 !important;
}
@media(max-width:760px){
  body .whatsapp-support-fab{
    right:14px !important;
    bottom:92px !important;
    width:58px !important;
    min-height:58px !important;
    max-width:58px !important;
    padding:8px !important;
  }
  body .whatsapp-support-fab:hover,
  body .whatsapp-support-fab:focus-visible{
    width:58px !important;
    max-width:58px !important;
    transform:translateY(-2px) scale(1.04) !important;
  }
  body .whatsapp-support-fab__text{display:none !important;}
}

/* =========================================================
   V5.1 HOTFIX MOBILE — remove espaço vago + produto maior
   ========================================================= */
@media (max-width: 820px) {
  /* O hero não deve ocupar a altura inteira no celular */
  .hero {
    min-height: auto !important;
    height: auto !important;
    align-items: flex-start !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .hero__inner {
    padding: 18px 0 34px !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .hero__content {
    margin-top: 0 !important;
  }

  .hero__panel {
    margin-top: 0 !important;
  }

  /* Remove respiro morto logo abaixo do menu/categorias */
  .main,
  main,
  .page,
  .home,
  .shop-wrap {
    margin-top: 0 !important;
  }

  .header + .hero,
  .site-header + .hero,
  .nav-categories + .hero,
  .mobile-categories + .hero,
  .categories-row + .hero {
    margin-top: 0 !important;
  }

  /* Cards no celular: imagem maior, estilo Dacar */
  .products-grid {
    gap: 16px !important;
  }

  .pcard__img {
    aspect-ratio: 1 / 1 !important;
    min-height: 310px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  }

  .pcard__img-inner {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  }

  .pcard__cover {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    transform: scale(1.32) !important;
    transform-origin: center center !important;
  }

  /* Produto detalhado no celular: foto mais presente sem cortar */
  .pdetail {
    padding-top: 18px !important;
  }

  .pdetail__main-img {
    aspect-ratio: 1 / 1 !important;
    min-height: 360px !important;
    background: #fff !important;
  }

  .pdetail__main-img > img,
  .pdetail__main-img #main-image-file {
    object-fit: contain !important;
    transform: scale(1.18) !important;
  }
}

@media (max-width: 430px) {
  .hero__inner {
    padding: 12px 0 28px !important;
  }

  .pcard__img {
    min-height: 335px !important;
  }

  .pcard__cover {
    transform: scale(1.42) !important;
  }

  .pdetail__main-img {
    min-height: 390px !important;
  }

  .pdetail__main-img > img,
  .pdetail__main-img #main-image-file {
    transform: scale(1.25) !important;
  }
}


/* =========================================================
   V5.5 — MOBILE PRODUCT IMAGE ALIGNMENT
   Centraliza e aumenta imagem dos produtos no celular sem cortar
   ========================================================= */
@media (max-width: 820px){
  .pcard__img,
  .pcard__img-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  .pcard__img{min-height:340px !important; padding:14px !important;}
  .pcard__img-inner{width:100% !important; height:100% !important; min-height:300px !important;}
  .pcard__cover{
    width:100% !important;
    height:100% !important;
    max-height:310px !important;
    object-fit:contain !important;
    object-position:center center !important;
    padding:8px !important;
    margin:auto !important;
    transform:scale(1.18) translateY(8px) !important;
    transform-origin:center center !important;
  }
  .pdetail__gallery{position:relative !important; top:auto !important; margin-top:18px !important;}
  .pdetail__main-img{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:420px !important;
    padding:18px !important;
  }
  .pdetail__main-img > img,
  .pdetail__main-img #main-image-file{
    width:100% !important;
    height:100% !important;
    max-height:380px !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:auto !important;
    padding:8px !important;
    transform:scale(1.12) translateY(10px) !important;
    transform-origin:center center !important;
  }
}
@media (max-width: 430px){
  .pcard__img{min-height:360px !important;}
  .pcard__img-inner{min-height:320px !important;}
  .pcard__cover{max-height:330px !important; transform:scale(1.22) translateY(10px) !important;}
  .pdetail__main-img{min-height:440px !important;}
  .pdetail__main-img > img,
  .pdetail__main-img #main-image-file{max-height:400px !important; transform:scale(1.16) translateY(12px) !important;}
}

/* =========================================================
   HOTFIX V5.5.1 — MOBILE PRODUCT IMAGE BIGGER + LOWER
   Corrige cards de produto no celular: imagem maior, centralizada
   verticalmente e sem ficar colada no topo do card.
   ========================================================= */
@media (max-width: 820px){
  .products-grid{
    gap: 18px !important;
  }

  .pcard{
    overflow: hidden !important;
  }

  .pcard__img{
    position: relative !important;
    height: 360px !important;
    min-height: 360px !important;
    max-height: 390px !important;
    aspect-ratio: auto !important;
    padding: 16px !important;
    display: block !important;
    background: linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  }

  .pcard__img-inner{
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    display: block !important;
    background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  }

  .pcard__cover{
    position: absolute !important;
    left: 50% !important;
    top: 52% !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: translate(-50%, -50%) scale(1.62) !important;
    transform-origin: center center !important;
  }

  .pcard__badges{
    top: 18px !important;
    left: 18px !important;
    z-index: 4 !important;
  }

  .pcard__actions{
    top: 18px !important;
    right: 18px !important;
    z-index: 4 !important;
  }

  .pcard__body{
    padding-top: 18px !important;
  }

  /* Página de produto individual */
  .pdetail__gallery{
    margin-top: 18px !important;
  }

  .pdetail__main-img{
    position: relative !important;
    min-height: 430px !important;
    height: 430px !important;
    padding: 18px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .pdetail__main-img > img,
  .pdetail__main-img #main-image-file{
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: scale(1.38) translateY(18px) !important;
    transform-origin: center center !important;
  }
}

@media (max-width: 430px){
  .pcard__img{
    height: 385px !important;
    min-height: 385px !important;
    max-height: 405px !important;
    padding: 14px !important;
  }

  .pcard__cover{
    top: 53% !important;
    transform: translate(-50%, -50%) scale(1.74) !important;
  }

  .pdetail__main-img{
    min-height: 455px !important;
    height: 455px !important;
  }

  .pdetail__main-img > img,
  .pdetail__main-img #main-image-file{
    transform: scale(1.48) translateY(20px) !important;
  }
}

@media (max-width: 380px){
  .pcard__img{
    height: 360px !important;
    min-height: 360px !important;
  }

  .pcard__cover{
    transform: translate(-50%, -50%) scale(1.68) !important;
  }
}


/* =========================================================
   V5.5.5 HOTFIX LIMPO — MOBILE ESTÁVEL + IMAGENS CONTROLADAS
   ========================================================= */
#loader{ animation: jcorLoaderFailSafe 1.8s ease 1 forwards; }
#loader.out{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
@keyframes jcorLoaderFailSafe{
  0%, 78% { opacity:1; visibility:visible; }
  100% { opacity:0; visibility:hidden; pointer-events:none; }
}
@media (max-width: 820px){
  body{ overflow-x:hidden !important; }
  .header{ height:auto !important; min-height:0 !important; }
  .header__inner{ min-height:0 !important; }
  .pcard__img{
    height:250px !important; min-height:250px !important; max-height:250px !important;
    padding:14px !important; overflow:hidden !important;
    background:linear-gradient(180deg,#fff 0%,#f7fbff 100%) !important;
  }
  .pcard__img-inner{
    height:100% !important; min-height:0 !important; max-height:100% !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    overflow:hidden !important; border-radius:22px !important;
  }
  .pcard__cover{
    position:relative !important; left:auto !important; top:auto !important;
    width:auto !important; height:auto !important; max-width:86% !important; max-height:205px !important;
    object-fit:contain !important; object-position:center center !important;
    transform:none !important; margin:auto !important; padding:0 !important;
  }
  .pcard__badges{ top:16px !important; left:16px !important; z-index:4 !important; }
  .pcard__actions{ top:16px !important; right:16px !important; z-index:4 !important; }
  .pdetail__main-img{
    min-height:260px !important; height:260px !important; max-height:260px !important;
    padding:14px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important;
  }
  .pdetail__main-img > img, .pdetail__main-img #main-image-file{
    width:auto !important; height:auto !important; max-width:90% !important; max-height:220px !important;
    object-fit:contain !important; transform:none !important; margin:auto !important; padding:0 !important;
  }
}
@media (max-width: 430px){
  .pcard__img{ height:245px !important; min-height:245px !important; max-height:245px !important; }
  .pcard__cover{ max-height:198px !important; max-width:88% !important; }
  .pdetail__main-img{ height:250px !important; min-height:250px !important; max-height:250px !important; }
  .pdetail__main-img > img, .pdetail__main-img #main-image-file{ max-height:210px !important; max-width:90% !important; }
}

/* =========================================================
   V5.5.9 HOTFIX CATEGORIAS MOBILE
   Corrige o menu "Todas categorias" no celular: agora abre
   como bottom sheet/modal e não empurra nem sobe o conteúdo.
========================================================= */
.smart-category-backdrop{
  position:fixed!important;
  inset:0!important;
  background:rgba(5,18,35,.38)!important;
  z-index:9998!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .2s ease, visibility .2s ease!important;
}
.smart-category-backdrop.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body.smart-category-open{
  overflow:hidden!important;
}
#smart-category-panel.smart-category-panel{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:min(860px, calc(100vw - 36px))!important;
  max-height:min(78vh, 680px)!important;
  overflow:auto!important;
  transform:translate(-50%, -48%) scale(.98)!important;
  z-index:9999!important;
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(15,44,84,.10)!important;
  border-radius:30px!important;
  box-shadow:0 34px 110px rgba(15,44,84,.24)!important;
  padding:22px!important;
  backdrop-filter:blur(18px)!important;
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease!important;
}
#smart-category-panel.smart-category-panel.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%, -50%) scale(1)!important;
}
.smart-category-panel__handle{
  display:none;
}
.smart-category-panel__head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.smart-category-panel__head > div{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.smart-category-panel__close{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(15,44,84,.10)!important;
  background:#fff!important;
  color:var(--steel)!important;
  font-size:26px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 10px 26px rgba(15,44,84,.08)!important;
}
@media(max-width:640px){
  #smart-category-panel.smart-category-panel{
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:10px!important;
    width:auto!important;
    max-height:76vh!important;
    border-radius:26px 26px 20px 20px!important;
    padding:12px 12px 16px!important;
    transform:translateY(22px)!important;
  }
  #smart-category-panel.smart-category-panel.is-open{
    transform:translateY(0)!important;
  }
  .smart-category-panel__handle{
    display:block!important;
    width:44px!important;
    height:5px!important;
    border-radius:999px!important;
    background:rgba(15,44,84,.18)!important;
    margin:2px auto 12px!important;
  }
  .smart-category-panel__head{
    padding:0 4px 12px!important;
    margin-bottom:12px!important;
  }
  .smart-category-panel__head strong{
    font-size:.82rem!important;
    letter-spacing:.12em!important;
  }
  .smart-category-panel__head span{
    font-size:.76rem!important;
  }
  .smart-category-panel__close{
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    font-size:24px!important;
    flex:0 0 38px!important;
  }
  .smart-category-panel__grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .smart-category-panel__grid a{
    grid-template-columns:44px 1fr!important;
    min-height:68px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  .smart-category-panel__icon{
    width:40px!important;
    height:40px!important;
    border-radius:15px!important;
  }
  .smart-category-panel__grid b{
    font-size:.76rem!important;
  }
  .smart-category-panel__grid small{
    font-size:.7rem!important;
  }
}