/** Shopify CDN: Minification failed

Line 54:6 Expected ":"
Line 1341:1 Expected "}" to go with "{"

**/
/* ==========================================================
   SOAK — GT America Font System (LOCKED)
   Uses your real Assets filenames:
   - gt-america-expanded-medium.woff2
   - gt-america-extended-bold.woff2
   - gt-america-mono-medium.woff2
   - gt-america-mono-regular.woff2
   - gt-america-standard-regular.woff2
   ========================================================== */

@font-face {
  font-family: 'SOAK-Standard';
  src: url('//www.soakcoffee.com/cdn/shop/t/24/assets/gt-america-standard-regular.woff2?v=115723050121758216831765811810') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SOAK-Extended';
  src: url('//www.soakcoffee.com/cdn/shop/t/24/assets/gt-america-extended-bold.woff2?v=4119962383453379611765807777') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SOAK-Expanded';
  src: url('//www.soakcoffee.com/cdn/shop/t/24/assets/gt-america-expanded-medium.woff2?v=75532805983773725491765807777') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SOAK-Mono';
  src: url('//www.soakcoffee.com/cdn/shop/t/24/assets/gt-america-mono-regular.woff2?v=154274184037333596341765807777') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SOAK-Mono';
  src: url('//www.soakcoffee.com/cdn/shop/t/24/assets/gt-america-mono-medium.woff2?v=170687721785245462661765807777') format('woff2');
  font-weight: 500;
  font-style: normal;
  font
}

/* ==========================================================
   SOAK — Refine Coffee Hero (keep Extended Bold, less heavy)
   ========================================================== */

/* Product page title (hero) */
.product-single__title,
.product__title,
h1.product-single__title,
h1.product__title {
  font-family: 'SOAK-Extended', sans-serif !important;
  font-weight: 700 !important;            /* keep Extended Bold */
  letter-spacing: 0.01em !important;      /* a touch more air = less heavy */
  line-height: 1.06 !important;           /* more elegant */
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Desktop size: slightly smaller so it feels premium */
@media (min-width: 990px) {
  .product-single__title,
  .product__title,
  h1.product-single__title,
  h1.product__title {
    font-size: 40px !important;           /* adjust if needed: 38–44 */
  }
}

/* Mobile size: avoid the “blocky” look */
@media (max-width: 989px) {
  .product-single__title,
  .product__title,
  h1.product-single__title,
  h1.product__title {
    font-size: 32px !important;           /* adjust if needed: 30–34 */
    letter-spacing: 0.012em !important;
  }
}

/* Grid titles: keep bold but calmer than hero */
.grid-product__title,
.grid-product__title a,
.product-grid__title,
.product-grid__title a {
  font-family: 'SOAK-Extended', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.012em !important;
  line-height: 1.12 !important;
}
/* ==========================================================
   SOAK — Feature icons section: refine title scale
   ========================================================== */

/* Títulos dos cards (NEXT DAY DISPATCH etc.) */
.feature-icons__item h3,
.feature-icons__title,
.icon-text__heading {
  font-family: 'SOAK-Extended', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;      /* antes estava grande demais */
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
  margin-bottom: 8px !important;
}

/* Texto abaixo dos títulos */
.feature-icons__item p,
.icon-text__text {
  font-family: 'SOAK-Standard', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  opacity: 0.85;
}
/* ==========================================================
   SOAK — Feature icons section: refine title scale
   ========================================================== */

/* Títulos dos cards (NEXT DAY DISPATCH etc.) */
.feature-icons__item h3,
.feature-icons__title,
.icon-text__heading {
  font-family: 'SOAK-Extended', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;      /* antes estava grande demais */
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
  margin-bottom: 8px !important;
}

/* Texto abaixo dos títulos */
.feature-icons__item p,
.icon-text__text {
  font-family: 'SOAK-Standard', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  opacity: 0.85;
}
/* ==========================================================
   SOAK — Feature icons section: refine title scale
   ========================================================== */

/* Títulos dos cards (NEXT DAY DISPATCH etc.) */
.feature-icons__item h3,
.feature-icons__title,
.icon-text__heading {
  font-family: 'SOAK-Extended', sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;      /* antes estava grande demais */
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
  margin-bottom: 8px !important;
}

/* Texto abaixo dos títulos */
.feature-icons__item p,
.icon-text__text {
  font-family: 'SOAK-Standard', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  opacity: 0.85;
}
/* ==========================================================
   SOAK — Footer social icons: quieter scale
   ========================================================== */

/* Ícones sociais */
.footer__social-icons svg,
.footer__social-icons a svg,
.social-icons svg {
  width: 18px !important;
  height: 18px !important;
}

/* Espaçamento entre ícones */
.footer__social-icons a,
.social-icons a {
  margin-right: 14px !important;
}

/* Opcional: um pouco menos contraste */
.footer__social-icons a {
  opacity: 0.85;
}

.footer__social-icons a:hover {
  opacity: 1;
}
/* ==========================================================
   SOAK — Feature Icons Section (titles + text + icon size)
   Quiet luxury refinement
   ========================================================== */

/* Titles (NEXT DAY DISPATCH etc.) */
.feature-icons__item h3,
.feature-icons__title,
.icon-text__heading {
  font-family: 'SOAK-Extended', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.045em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
}

/* Description text */
.feature-icons__item p,
.icon-text__text {
  font-family: 'SOAK-Standard', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.01em !important;
  opacity: 0.78 !important;
  margin: 0 !important;
}

/* Icons size */
.feature-icons__item svg,
.icon-text__icon svg,
.feature-icons__icon svg {
  width: 28px !important;
  height: 28px !important;
  stroke-width: 1.5;
}
/* ==========================================================
   SOAK — Feature Icons + Instagram (Mono Medium, quieter)
   ========================================================== */

/* FEATURE ICONS — TITLES */
.feature-icons__item h3,
.feature-icons__title,
.icon-text__heading {
  font-family: 'SOAK-Mono', ui-monospace, monospace !important;
  font-weight: 500 !important;          /* GT America Mono Medium */
  font-size: 13px !important;           /* smaller, editorial */
  letter-spacing: 0.14em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
}

/* FEATURE ICONS — DESCRIPTION */
.feature-icons__item p,
.icon-text__text {
  font-family: 'SOAK-Standard', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  opacity: 0.75 !important;
  margin: 0 !important;
}

/* FEATURE ICONS — ICON SIZE */
.feature-icons__item svg,
.icon-text__icon svg,
.feature-icons__icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 1.4;
}

/* ==========================================================
   INSTAGRAM FEED — TITLE / HANDLE
   ========================================================== */

.instagram-feed__title,
.instagram__title,
.instagram-section h2,
.instagram-section__title {
  font-family: 'SOAK-Mono', ui-monospace, monospace !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

/* Optional: Instagram username / caption */
.instagram-feed__username,
.instagram-feed__caption {
  font-family: 'SOAK-Standard', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  opacity: 0.75 !important;
}
/* ==========================================================
   SOAK — Robust patch (works even if class names vary)
   Feature Icons + Instagram titles
   ========================================================== */

/* ---------- FEATURE ICONS (robust targeting) ---------- */
/* Target common "icon + text" blocks inside homepage sections */
.shopify-section :is(.feature-icons, .icon-with-text, .icon-text, .text-columns-with-icons, .icon-columns, .multicolumn) :is(h2, h3, .h2, .h3) {
  font-family: 'SOAK-Mono', ui-monospace, monospace !important;
  font-weight: 500 !important;      /* Mono Medium */
  font-size: 13px !important;       /* smaller */
  letter-spacing: 0.14em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}

/* Descriptions under those icon headings */
.shopify-section :is(.feature-icons, .icon-with-text, .icon-text, .text-columns-with-icons, .icon-columns, .multicolumn) p {
  font-family: 'SOAK-Standard', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  opacity: 0.75 !important;
}

/* Icons inside those sections (svg) */
.shopify-section :is(.feature-icons, .icon-with-text, .icon-text, .text-columns-with-icons, .icon-columns, .multicolumn) svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 1.4;
}

/* ---------- INSTAGRAM (robust targeting) ---------- */
/* Works for most Instagram sections/apps: matches "instagram/insta" in class or id */
.shopify-section :is([class*="instagram"], [id*="instagram"], [class*="insta"], [id*="insta"]) :is(h2, h3, .h2, .h3) {
  font-family: 'SOAK-Mono', ui-monospace, monospace !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}

/* Optional: captions/usernames in instagram embeds */
.shopify-section :is([class*="instagram"], [id*="instagram"], [class*="insta"], [id*="insta"]) :is(p, span, a) {
  font-family: 'SOAK-Standard', sans-serif !important;
}
/* ==========================================================
   SOAK — Multicolumn (Icon cards) headings fix
   Targets Impulse/Archetype multicolumn section
   ========================================================== */

/* Titles inside the icon cards */
.multicolumn-card__info :is(h1,h2,h3,h4,.h1,.h2,.h3,.h4),
.multicolumn-card__info .rte :is(h1,h2,h3,h4,.h1,.h2,.h3,.h4),
.text-columns-with-icons :is(h1,h2,h3,h4,.h1,.h2,.h3,.h4),
.text-columns-with-icons .rte :is(h1,h2,h3,h4,.h1,.h2,.h3,.h4) {
  font-family: 'SOAK-Mono', ui-monospace, monospace !important;
  font-weight: 500 !important;          /* GT America Mono Medium */
  font-size: 13px !important;           /* smaller */
  letter-spacing: 0.14em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
}

/* Description text under titles */
.multicolumn-card__info p,
.multicolumn-card__info .rte p,
.text-columns-with-icons p,
.text-columns-with-icons .rte p {
  font-family: 'SOAK-Standard', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  opacity: 0.75 !important;
}

/* Icons in those cards */
.multicolumn-card__image-wrapper svg,
.multicolumn-card__image-wrapper img,
.text-columns-with-icons svg,
.text-columns-with-icons img {
  max-width: 24px !important;
  width: 24px !important;
  height: 24px !important;
}
/* ==========================================================
   SOAK — Footer layout (more distributed / premium grid)
   ========================================================== */

/* Make footer content use the full width more elegantly */
.footer .page-width,
.footer .page-width--narrow,
.footer__content,
.footer__content-top {
  max-width: 1400px !important;     /* more breathing room */
}

/* Turn footer blocks into a clean 4-column grid (desktop) */
@media (min-width: 990px) {
  .footer__blocks-wrapper,
  .footer__blocks {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr 1fr 1.4fr !important; /* logo | col | col | newsletter */
    column-gap: 80px !important;
    row-gap: 24px !important;
    align-items: start !important;
  }

  /* Remove any fixed widths that make it look cramped */
  .footer__block {
    width: auto !important;
    max-width: none !important;
  }

  /* Newsletter block: keep it clean and aligned */
  .footer__block--newsletter,
  .footer__newsletter,
  .footer__block:has(form),
  .footer__block:has(.newsletter-form) {
    justify-self: end !important;
    width: 100% !important;
    max-width: 520px !important;
  }
}

/* Slightly bigger vertical padding = calmer premium feel */
.footer {
  padding-top: 64px !important;
  padding-bottom: 56px !important;
}

/* Social icons sit nicer under newsletter */
.footer__social-icons,
.social-icons {
  margin-top: 18px !important;
}

/* Mobile: keep things stacked but with nicer spacing */
@media (max-width: 989px) {
  .footer__blocks-wrapper,
  .footer__blocks {
    row-gap: 22px !important;
  }
  .footer {
    padding-top: 44px !important;
    padding-bottom: 40px !important;
  }
/* ==========================================================
   SOAK — Footer refinement (spacing, newsletter, icons)
   ========================================================== */

/* Wider, calmer footer grid */
@media (min-width: 990px) {
  .footer__blocks-wrapper,
  .footer__blocks {
    display: grid !important;
    grid-template-columns: 1.1fr 1fr 1fr 1.3fr !important;
    column-gap: 96px !important;   /* more breathing room */
    align-items: start !important;
  }
}

/* Newsletter block: calmer alignment */
.footer__block--newsletter,
.footer__newsletter {
  max-width: 480px !important;
}

/* Newsletter text */
.footer__newsletter p,
.footer__newsletter-description {
  font-size: 13px !important;
  line-height: 1.45 !important;
  opacity: 0.75 !important;
  margin-bottom: 18px !important;
}

/* Newsletter input — thinner, quieter line */
.footer__newsletter input,
.footer__newsletter .field__input {
  border-bottom-width: 1px !important; /* thinner line */
  border-bottom-color: rgba(255,255,255,0.6) !important;
  padding-bottom: 8px !important;
  font-size: 13px !important;
}

/* Remove heavy borders if any */
.footer__newsletter input:focus,
.footer__newsletter .field__input:focus {
  box-shadow: none !important;
  border-bottom-color: #ffffff !important;
}

/* Envelope icon alignment */
.footer__newsletter svg,
.footer__newsletter .icon {
  width: 18px !important;
  height: 18px !important;
  opacity: 0.8 !important;
}

/* Social icons — smaller & more refined */
.footer__social-icons svg,
.footer__social-icons img,
.social-icons svg {
  width: 18px !important;
  height: 18px !important;
}

/* Social icons spacing */
.footer__social-icons,
.social-icons {
  margin-top: 16px !important;
  gap: 16px !important;
}

/* Footer headings — slightly lighter */
.footer__block h2,
.footer__block h3 {
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
}

/* Footer overall padding */
.footer {
  padding-top: 72px !important;
  padding-bottom: 56px !important;
}

/* Mobile: keep elegance */
@media (max-width: 989px) {
  .footer {
    padding-top: 48px !important;
    padding-bottom: 44px !important;
  }

  .footer__blocks-wrapper {
    row-gap: 28px !important;
  }
}
.cart__image { position: relative !important; }

/* ==========================================================
   SOAK — BESTSELLER badge (top-left outlined)
   ========================================================== */

/* Ensure image wrapper is relative so badge can be absolute */
.card__media,
.card-item__media,
.card__inner,
.card-item__image,
.grid-product__image-mask,
.product-card__media,
.card__media-wrapper {
  position: relative !important;
}

/* Badge */
.soak-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 20;

  padding: 6px 10px;
  border: 1px solid rgba(0,0,0,0.75);
  background: transparent;

  font-family: 'SOAK-Mono', ui-monospace, monospace;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.9);

  pointer-events: none; /* click through */
}

/* If cards are on dark backgrounds */
[data-theme="dark"] .soak-badge,
.footer .soak-badge {
  border-color: rgba(255,255,255,0.75);
  color: rgba(255,255,255,0.9);
}

@media (max-width: 768px) {
  .soak-badge {
    top: 10px;
    left: 10px;
    font-size: 10px;
    padding: 5px 9px;
  }
}
/* ==========================================================
   SOAK — BESTSELLER badge (top-left outlined)
   ========================================================== */

/* Ensure image wrapper is relative so badge can be absolute */
.card__media,
.card-item__media,
.card__inner,
.card-item__image,
.grid-product__image-mask,
.product-card__media,
.card__media-wrapper {
  position: relative !important;
}

/* Badge */
.soak-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 20;

  padding: 6px 10px;
  border: 1px solid rgba(0,0,0,0.75);
  background: transparent;

  font-family: 'SOAK-Mono', ui-monospace, monospace;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.9);

  pointer-events: none; /* click through */
}

/* If cards are on dark backgrounds */
[data-theme="dark"] .soak-badge,
.footer .soak-badge {
  border-color: rgba(255,255,255,0.75);
  color: rgba(255,255,255,0.9);
}

@media (max-width: 768px) {
  .soak-badge {
    top: 10px;
    left: 10px;
    font-size: 10px;
    padding: 5px 9px;
  }
}
/* ==========================================================
   SOAK — Mobile menu refinement (Impulse-style drawers)
   ========================================================== */

/* 1) Base drawer/nav typography */
@media (max-width: 989px) {
  /* Common drawer containers (Impulse variations) */
  :is(.drawer, .site-drawer, .mobile-nav, .slide-nav, .header-drawer, .nav-drawer) {
    --soak-mobile-nav-font: 'SOAK-Mono', ui-monospace, monospace;
  }

  /* Top-level links */
  :is(.mobile-nav a, .slide-nav a, .header-drawer a, .drawer a, .nav-drawer a) {
    font-family: var(--soak-mobile-nav-font) !important;
    font-weight: 500 !important;        /* Mono Medium */
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
  }

  /* Make tap targets premium + easier */
  :is(.mobile-nav a, .slide-nav a, .drawer a, .nav-drawer a) {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  /* Reduce heavy dividers */
  :is(.mobile-nav li, .slide-nav li, .drawer li, .nav-drawer li) {
    border-bottom-color: rgba(0,0,0,0.10) !important;
  }

  /* If your mobile menu is on dark bg somewhere */
  :is(.drawer--dark, .nav-drawer--dark, .header-drawer--dark) :is(li) {
    border-bottom-color: rgba(255,255,255,0.12) !important;
  }

  /* 2) Submenu items (make calmer / not shouty) */
  :is(.mobile-nav .is-submenu a, .slide-nav .is-submenu a, .drawer .is-submenu a) {
    text-transform: none !important;
    letter-spacing: 0.06em !important;
    font-size: 12px !important;
    opacity: 0.85 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  /* 3) Chevron / dropdown alignment + spacing */
  :is(.mobile-nav button, .slide-nav button, .drawer button) {
    min-height: 44px !important;
  }

  /* Reduce left/right padding so it looks more “designed” */
  :is(.mobile-nav, .slide-nav, .drawer, .nav-drawer) {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* 4) Section titles inside menu (if present) */
  :is(.mobile-nav__title, .slide-nav__title, .drawer__title, .nav-drawer__title) {
    font-family: var(--soak-mobile-nav-font) !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    opacity: 0.65 !important;
  }

  /* 5) Social icons inside mobile menu (smaller + cleaner) */
  :is(.mobile-nav .social-icons svg, .slide-nav .social-icons svg, .drawer .social-icons svg, .nav-drawer .social-icons svg) {
    width: 18px !important;
    height: 18px !important;
  }

  :is(.mobile-nav .social-icons, .slide-nav .social-icons, .drawer .social-icons, .nav-drawer .social-icons) {
    gap: 16px !important;
    margin-top: 18px !important;
  }

  /* 6) Remove “heavy line” feeling in menu blocks */
  :is(.mobile-nav hr, .slide-nav hr, .drawer hr, .nav-drawer hr) {
    opacity: 0.15 !important;
  }

  /* 7) Optional: make the first menu block feel more “editorial” */
  :is(.mobile-nav ul, .slide-nav ul, .drawer ul, .nav-drawer ul) {
    margin-top: 6px !important;
  }
}
.image-wrap { position: relative !important; }

/* Garantir âncora + z-index acima do overlay do card */
.grid-item__image-wrapper,
.grid-product__image-mask {
  position: relative !important;
}

.grid-product__link:after {
  z-index: 1; /* overlay do tema */
}

.soak-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 50; /* acima do overlay */
  padding: 6px 10px;
  border: 1px solid rgba(0,0,0,0.75);
  background: transparent;

  font-family: 'gt america mono', ui-monospace, monospace;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.9);
  pointer-events: none;
}

@media (max-width: 768px) {
  .soak-badge { top: 10px; left: 10px; font-size: 10px; padding: 5px 9px; }
}
.grid-product__image-mask { position: relative !important; }

.soak-badge{
  position:absolute;
  top:12px; left:12px;
  z-index:50;
}
/* Anchor do badge */
.grid-product__image-mask { 
  position: relative !important; 
}

/* Badge */
.soak-badge{
  position:absolute;
  top:12px; left:12px;
  z-index: 9999 !important;
  pointer-events:none;

  padding: 6px 10px;
  border: 1px solid rgba(0,0,0,0.75);
  background: transparent;

  font-family: 'SOAK-Mono', ui-monospace, monospace;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.9);
}

/* Se existir overlay por cima do card (muito comum) */
.grid-product__link:after{
  z-index: 1 !important;
}
.grid-product__image-mask,
.grid-item__image-wrapper{
  z-index: 2 !important;
  position: relative;
}
/* ========== SOAK — BESTSELLER badge ========== */
.grid-product__image-mask { 
  position: relative !important; 
}

.soak-badge{
  position:absolute;
  top:12px; left:12px;
  z-index: 9999 !important;
  pointer-events:none;

  padding: 6px 10px;
  border: 1px solid rgba(0,0,0,0.75);
  background: transparent;

  font-family: 'SOAK-Mono', ui-monospace, monospace;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.9);
}

/* evita overlay esconder o badge */
.grid-product__link:after{ z-index: 1 !important; }
.grid-product__image-mask,
.grid-item__image-wrapper{ z-index: 2 !important; position: relative; }

/* SOAK — Bestseller badge */
.grid-product__image-mask,
.grid__item-image-wrapper,
.grid_item-image-wrapper {
  position: relative !important;
}

.soak-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 50;

  padding: 6px 10px;
  border: 1px solid rgba(0,0,0,0.75);
  background: transparent;

  font-family: "gt-america-mono-medium", "GT America Mono", ui-monospace, monospace;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.9);

  pointer-events: none;
}

@media (max-width: 768px) {
  .soak-badge {
    top: 10px;
    left: 10px;
    font-size: 10px;
    padding: 5px 9px;
  }
}
/* SOAK — ultra clean P&Co-style badge */
.grid-product__image-mask,
.grid__item-image-wrapper,
.grid-item__image-wrapper,
.grid__item-image-wrapper {
  position: relative;
}

.soak-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 6;

  padding: 5px 9px;
  border: 1px solid rgba(0,0,0,0.45);
  background: transparent;

  font-family: "GT America Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-weight: 500;          /* “mono medium” vibe */
  font-size: 10px;           /* menor e mais clean */
  letter-spacing: 0.22em;    /* bem P&Co */
  text-transform: uppercase;
  line-height: 1;

  color: rgba(0,0,0,0.85);
  pointer-events: none;
}

/* se alguma imagem tiver overlay/hover, garante que o badge não “some” */
.grid-product__image-mask { overflow: hidden; }

/* Mobile */
@media (max-width: 768px) {
  .soak-badge {
    top: 10px;
    left: 10px;
    padding: 4px 8px;
    font-size: 9px;
    letter-spacing: 0.20em;
  }
}
.soak-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 30;

  display: inline-flex;
  align-items: center;

  padding: 6px 12px;
  border: 1px solid rgba(0, 0, 0, 0.85);
  border-radius: 8px;
  background: transparent;

  font-family: "GT America Mono", "SF Mono", Menlo, Monaco, Consolas, monospace;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.95);

  pointer-events: none;
}

/* MOBILE */
@media (max-width: 768px) {
  .soak-badge {
    top: 8px;
    left: 8px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 9px;
  }
}

/* Invert (para imagem escura) */
.soak-badge--invert {
  border-color: rgba(255,255,255,0.9);
  color: rgba(255,255,255,0.95);
}
.grid__item-image-wrapper,
.grid-product__image-mask,
.grid-item__image-wrapper,
.image-wrap {
  position: relative !important;
}
/* Badge anchor */
.grid__item-image-wrapper,
.grid-product__image-mask {
  position: relative;
}

/* P&Co-ish badge */
.soak-badge{
  position:absolute;
  top:12px;
  left:12px;
  z-index:20;

  padding:5px 9px;
  border:1px solid currentColor;
  border-radius:4px;
  background:transparent;

  font-family: "GT America Mono", "SOAK-Mono", ui-monospace, monospace;
  font-weight:500;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  line-height:1;

  /* Auto “inverte” em imagem escura */
  color:#fff;
  mix-blend-mode:difference;

  pointer-events:none;
}

@media (max-width: 768px){
  .soak-badge{
    top:8px;
    left:8px;
    padding:4px 7px;
    font-size:9px;
    border-radius:3px;
  }
}
/* Badge minimalista estilo P&CO */
.soak-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 20;

  padding: 5px 9px;
  border: 1px solid rgba(0, 0, 0, 0.85);
  background: transparent;

  font-family: 'GT-America-Mono', ui-monospace, monospace;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #000;

  pointer-events: none;
}

/* Inversão automática em imagens escuras */
.soak-badge.invert {
  border-color: rgba(255,255,255,0.85);
  color: #fff;
}

/* Mobile proporcionalmente menor */
@media (max-width: 768px) {
  .soak-badge {
    top: 8px;
    left: 8px;
    font-size: 9px;
    padding: 4px 8px;
  }
}
/* Badge minimalista estilo P&CO */
.soak-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 20;

  padding: 5px 9px;
  border: 1px solid rgba(0, 0, 0, 0.85);
  background: transparent;

  font-family: 'GT-America-Mono', ui-monospace, monospace;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #000;

  pointer-events: none;
}

/* Inversão automática em imagens escuras */
.soak-badge.invert {
  border-color: rgba(255,255,255,0.85);
  color: #fff;
}

/* Mobile proporcionalmente menor */
@media (max-width: 768px) {
  .soak-badge {
    top: 8px;
    left: 8px;
    font-size: 9px;
    padding: 4px 8px;
  }
}
/* ==========================================================
   SOAK — BESTSELLER badge estilo P&Co (transparente outline)
   ========================================================== */

.soak-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 30;

  padding: 4px 8px;
  background: transparent !important;
  border: 1px solid rgba(0,0,0,0.8);

  font-family: 'GT America Mono', monospace;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;

  color: rgba(0,0,0,0.95);
  pointer-events: none;
}

/* Versão para cards com fundo escuro */
[data-theme="dark"] .soak-badge,
.footer .soak-badge {
  border-color: rgba(255,255,255,0.85) !important;
  color: rgba(255,255,255,0.95) !important;
}

/* MOBILE – proporcionalmente menor */
@media (max-width: 768px) {
  .soak-badge {
    top: 8px;
    left: 8px;

    font-size: 9px !important;
    padding: 3px 7px !important;
    letter-spacing: 0.10em !important;
  }
}
/* ==========================================================
   SOAK — Clean outlined badge (P&Co-like)
   ========================================================== */

/* Make sure the wrapper is the positioning context */
.grid__item-image-wrapper,
.grid-product__image-mask,
.grid-product__content {
  position: relative;
}

/* Badge base (transparent, outlined, small, mono) */
.soak-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 50;

  background: transparent !important;   /* <-- remove black tarja */
  box-shadow: none !important;

  border: 1px solid currentColor;
  border-radius: 4px;                   /* <-- corners like P&Co (not fully round) */
  padding: 6px 10px;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;

  color: rgba(17,17,17,0.92);           /* default: dark text */
  pointer-events: none;
}

/* If your theme adds any background by class variants, kill it */
.soak-badge,
.soak-badge * {
  background: transparent !important;
}

/* Dark-image version: use the class you're already outputting: .invert */
.soak-badge.invert {
  color: rgba(255,255,255,0.95);
  border-color: rgba(255,255,255,0.85);
  /* optional readability without a black fill */
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

/* Mobile: proportionally smaller */
@media (max-width: 768px) {
  .soak-badge {
    top: 10px;
    left: 10px;
    padding: 5px 8px;
    font-size: 10px;
    border-radius: 4px;
  }
}
/* ==========================================================
   SOAK — P&Co style BESTSELLER badge (fully transparent)
   Minimal outlined version — P&Co-like
   ========================================================== */

/* Make sure the image area accepts absolute elements */
.card__media,
.card-item__media,
.card__inner,
.grid-product__image-mask,
.grid-product__content,
.grid__item-image-wrapper,
.grid__item-image-wrapper *,
.grid-product__image-mask * {
  position: relative !important;
}

/* Badge – base style */
.soak-badge {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 100 !important;

  background: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(0,0,0,0.85) !important;
  border-radius: 4px !important;
  padding: 4px 7px !important;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;

  color: rgba(0,0,0,0.92) !important;
  pointer-events: none !important;
}

/* Kill ANY possible theme background */
.soak-badge,
.soak-badge *,
.grid-product__tag,
.grid-product__tag *,
.grid-product__badge,
.grid-product__badge * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Dark image version – readable without fill */
.soak-badge.invert {
  color: rgba(255,255,255,0.97) !important;
  border-color: rgba(255,255,255,0.9) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

/* Mobile version – proportionally smaller */
@media (max-width: 768px) {
  .soak-badge {
    top: 6px !important;
    left: 6px !important;
    font-size: 9px !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
  }
}
.soak-badge{
  position:absolute;
  top:12px;
  left:12px;
  z-index:20;

  background: transparent !important;
  color: rgba(0,0,0,.9) !important;
  border: 1px solid rgba(0,0,0,.7) !important;

  padding: 5px 10px;
  border-radius: 4px;

  font-family: "GT America Mono", "SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;

  pointer-events: none;
}

/* quando precisar ficar claro em imagem escura */
.soak-badge.invert{
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.75) !important;
}

/* mobile menor */
@media (max-width: 768px){
  .soak-badge{
    top:10px;
    left:10px;
    font-size:10px;
    padding:4px 8px;
  }
}
.grid__item-image-wrapper,
.grid-item__image-wrapper,
.grid-product__image-mask{
  position: relative !important;
}

.site-header,
.header-wrapper,
.mobile-nav{
  position: relative;
  z-index: 9999 !important;
}
/* ================================
   BESTSELLER BADGE — P&CO STYLE
   ================================ */

/* Garante referência correta */
.grid__item-image-wrapper,
.grid-product__image-mask {
  position: relative;
}

/* Badge base */
.soak-badge {
  position: absolute;
  top: 12px;
  left: 12px;

  background: transparent !important;   /* SEM FUNDO */
  color: #111 !important;               /* TEXTO PRETO */
  border: 1px solid rgba(0,0,0,0.6);    /* LINHA FINA */

  padding: 4px 8px;
  border-radius: 6px;                   /* cantos suaves */
  
  font-family: "GT America Mono", 
               "SF Mono", 
               Menlo, 
               Consolas, 
               monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;

  z-index: 2;                            /* NÃO FLUTUA SOBRE MENU */
  pointer-events: none;
}

/* Quando a imagem é escura → texto branco */
.soak-badge.invert {
  color: #fff !important;
  border-color: rgba(255,255,255,0.7);
}

/* MOBILE — menor ainda */
@media (max-width: 768px) {
  .soak-badge {
    top: 8px;
    left: 8px;
    font-size: 9px;
    padding: 3px 7px;
    letter-spacing: 0.12em;
  }
}