/* =========================================================
   SLIIP — camada visual sobre o Base Theme da Nuvemshop
   Carregado depois do CSS do tema (layouts/layout.tpl), então sobrescreve o padrão.
   Cores principais também ficam em Personalizar > Colores de tu marca.
   ========================================================= */

:root {
  --sliip-ink: #1f1529;
  --sliip-muted: #655a75;
  --sliip-line: #e6def3;
  --sliip-surface: #f8f5fd;
  --sliip-promo: #efd8f9;
  --sliip-primary: #5e3a8c;
  --sliip-primary-hover: #4a2c70;
  --sliip-sale: #b0127a;
  --sliip-plum: #1d1029;
  --sliip-display: "Cormorant", "Times New Roman", serif;
  --sliip-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sliip-ease: cubic-bezier(.22, .61, .36, 1);
}

/* ---------- Base ---------- */
body { font-family: var(--sliip-body); color: var(--sliip-ink); -webkit-font-smoothing: antialiased; }
h1, h2, h3, .h1, .h2, .h3, .page-header h1, .textbanner-title, .item-name { color: var(--sliip-ink); }
h1, .h1, .h1-md, h2, .h2 { font-family: var(--sliip-display); font-weight: 500; letter-spacing: -.005em; }
:focus-visible { outline: 2px solid var(--sliip-primary); outline-offset: 3px; }

/* Botões */
.btn { border-radius: 2px; letter-spacing: .16em; text-transform: uppercase; font-weight: 600; font-size: 13px; min-height: 48px; transition: background .16s var(--sliip-ease), color .16s, border-color .16s; }
.btn-primary { background: var(--sliip-primary); border-color: var(--sliip-primary); color: #fff; }
.btn-primary:hover, .btn-primary:focus { background: var(--sliip-primary-hover); border-color: var(--sliip-primary-hover); color: #fff; }

/* ---------- Faixa de anúncio ---------- */
.section-advertising { background: var(--sliip-promo) !important; color: var(--sliip-ink) !important; font-size: 13px; font-weight: 600; letter-spacing: .03em; padding: 12px 0; }
.section-advertising a { color: var(--sliip-ink) !important; }

/* ---------- Cabeçalho ---------- */
.head-main { background: #fff; border-bottom: 1px solid var(--sliip-line); }
.head-main .logo-text, .head-main .h1 { font-family: var(--sliip-display); font-weight: 500; letter-spacing: .32em; text-transform: uppercase; }
.sliip-nav-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 0 26px; list-style: none; margin: 0; padding: 4px 0 14px; }
.sliip-nav-link { position: relative; display: inline-block; padding: 8px 0; font-size: 13px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--sliip-ink); text-decoration: none; }
.sliip-nav-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .26s var(--sliip-ease); }
.sliip-nav-link:hover::after, .sliip-nav-link.is-current::after { transform: scaleX(1); }
.sliip-nav-link:hover { color: var(--sliip-ink); text-decoration: none; }
.sliip-nav-link.is-sale { color: var(--sliip-sale); font-weight: 700; }
@media (min-width: 768px) {
  /* no computador o menu fica visível embaixo do logo; o ícone de menu some */
  .head-main [data-component="menu-button"] { display: none; }
}

/* ---------- Tipografia de destaque ---------- */
.sliip-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; margin: 0 0 12px; }
.sliip-display { font-family: var(--sliip-display); font-weight: 400; line-height: .95; margin: 0 0 24px; font-size: clamp(52px, 8vw, 104px); letter-spacing: -.01em; text-wrap: balance; color: var(--sliip-ink); }
.sliip-display em, .sliip-section-title em { font-style: italic; font-weight: 500; }
.sliip-link-cta { display: inline-block; padding: 8px 0 2px; font-weight: 600; font-size: 15px; letter-spacing: .04em; color: var(--sliip-ink); text-decoration: none; border-bottom: 2px solid currentColor; transition: opacity .16s; }
.sliip-link-cta:hover { opacity: .7; color: var(--sliip-ink); text-decoration: none; }
.sliip-section-title { font-family: var(--sliip-display); font-weight: 400; text-align: center; font-size: clamp(38px, 5.5vw, 68px); line-height: 1; margin: 0 0 32px; }

/* ---------- Retângulo 1: vitrine (modelos com fundo recortado sobre o degradê) ---------- */
.sliip-stage { position: relative; overflow: hidden; width: 100%; }
.sliip-stage-slides { display: grid; background: radial-gradient(80% 100% at 65% 35%, #f7f1ff 0%, #d8c5fb 40%, #a184d0 100%); }
.sliip-stage-slides-media { position: relative; order: -1; height: 64vh; min-height: 380px;
  -webkit-mask-image: linear-gradient(180deg, #000 80%, transparent); mask-image: linear-gradient(180deg, #000 80%, transparent); }
/* Brilho suave atrás da modelo */
.sliip-stage-slides-media::before {
  content: ""; position: absolute; left: 50%; bottom: 0; width: min(78%, 560px); aspect-ratio: 1;
  transform: translateX(-50%); border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .55) 0%, rgba(240, 232, 255, .25) 45%, transparent 70%);
}
/* Foto recortada (PNG transparente): da cabeça até logo abaixo do short, alinhada embaixo */
.sliip-stage-slides-media img {
  position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: auto; height: 96%; max-width: 100%;
  object-fit: contain; object-position: center bottom; pointer-events: none;
  filter: drop-shadow(0 18px 30px rgba(40, 20, 70, .25));
  /* a foto que sai some em .35s e só depois a próxima entra: sem "fantasma" sobreposto */
  opacity: 0; transform: translateY(14px); transition: opacity .35s ease-in, transform .35s ease-in;
}
.sliip-stage-slides-media img.is-active {
  opacity: 1; transform: none; pointer-events: auto;
  transition: opacity .8s var(--sliip-ease) .35s, transform .8s var(--sliip-ease) .35s;
}
.sliip-stage-text { position: relative; z-index: 1; text-align: center; padding: 0 16px 64px; margin-top: -64px; }
.sliip-stage-sub { max-width: 34ch; margin: 0 auto 24px; font-size: 16px; }
@media (min-width: 900px) {
  .sliip-stage-slides { grid-template-columns: 42% 58%; height: clamp(560px, 82vh, 780px); }
  .sliip-stage-slides-media { order: 0; height: auto; min-height: 0; -webkit-mask-image: none; mask-image: none; }
  .sliip-stage-text { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0; padding: 64px 32px; }
}
.sliip-pause { position: absolute; top: 16px; right: 16px; z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .85); display: grid; place-items: center; cursor: pointer; }
.sliip-pause svg { width: 22px; height: 22px; fill: none; stroke: var(--sliip-ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sliip-pause .sliip-icon-play { display: none; }
.is-paused .sliip-pause .sliip-icon-play { display: inline; }
.is-paused .sliip-pause .sliip-icon-pause { display: none; }
.sliip-dots { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); display: flex; gap: 4px; z-index: 2; }
.sliip-dots button { width: 36px; height: 24px; border: 0; background: none; padding: 0; display: grid; place-items: center; cursor: pointer; }
.sliip-dots button::before { content: ""; width: 24px; height: 3px; border-radius: 2px; background: rgba(31, 21, 41, .3); transition: background .26s; }
.sliip-dots button[aria-current="true"]::before { background: var(--sliip-ink); }
@media (min-width: 900px) { .sliip-dots { left: 21%; } }

/* ---------- Retângulo 2: colagem do dia a dia sobre listras rosa ---------- */
.sliip-stage-ritual { height: clamp(620px, 150vw, 760px); background: repeating-linear-gradient(90deg, #efd8f9 0 44px, #f9f0fe 44px 88px); }
@media (min-width: 900px) { .sliip-stage-ritual { height: clamp(560px, 50vw, 760px); } }
.sliip-ritual { position: absolute; inset: 0; }
.sliip-ritual-item {
  position: absolute; left: var(--mx); top: var(--my); width: var(--mw); aspect-ratio: 3 / 4;
  object-fit: cover; border: 6px solid #fff; background: #fff;
  box-shadow: 0 18px 40px -18px rgba(29, 16, 41, .45); transform: rotate(var(--r));
}
.sliip-ritual-item--desk { display: none; }
@media (min-width: 900px) {
  .sliip-ritual-item { left: var(--x); top: var(--y); width: var(--w); border-width: 8px; }
  .sliip-ritual-item--desk { display: block; }
}
.sliip-ritual-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sliip-stage-caption {
  position: absolute; left: 50%; bottom: 32px; transform: translateX(-50%); z-index: 1;
  width: min(560px, calc(100% - 32px)); text-align: center;
  background: rgba(255, 255, 255, .92); padding: 32px 24px; box-shadow: 0 20px 50px -24px rgba(29, 16, 41, .4);
}
.sliip-stage-caption .sliip-display { font-size: clamp(44px, 6vw, 76px); margin-bottom: 16px; }

@media (prefers-reduced-motion: reduce) {
  .sliip-stage-slides-media img, .sliip-stage-slides-media img.is-active { transition: none; transform: none; }
}

/* ---------- Vantagens (frete, parcelamento, trocas) ---------- */
.section-informative-banners { border-top: 1px solid var(--sliip-line); border-bottom: 1px solid var(--sliip-line); padding: 32px 0; margin: 0; }
.section-informative-banners .service-icon { fill: var(--sliip-primary); }
.section-informative-banners h3, .section-informative-banners .h6, .section-informative-banners strong { font-family: var(--sliip-body); font-size: 14px; letter-spacing: .04em; font-weight: 600; }

/* ---------- Categorias: "Mais que você vai amar" (fundo preto) ---------- */
.sliip-categories { background: #120a1b; color: #fff; padding: 64px 0; margin: 0; }
@media (min-width: 1024px) { .sliip-categories { padding: 96px 0; } }
.sliip-categories .sliip-section-title { color: #fff; }
.sliip-categories .row { align-items: flex-start !important; row-gap: 24px; }
.sliip-categories .textbanner { margin: 0; background: transparent; text-align: center; }
.sliip-categories .textbanner-link { color: #fff; text-decoration: none; display: block; }
.sliip-categories .textbanner-image { aspect-ratio: 4 / 5; overflow: hidden; background: linear-gradient(160deg, #e1d3fb, #a184d0); padding: 0 !important; height: auto !important; }
.sliip-categories .textbanner-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--sliip-ease); position: static; }
.sliip-categories .textbanner-link:hover img { transform: scale(1.05); }
.sliip-categories .textbanner-text { padding: 16px 0 0; background: transparent; }
.sliip-categories .textbanner-title { color: #fff; font-family: var(--sliip-display); font-weight: 500; font-size: clamp(26px, 3vw, 36px); letter-spacing: 0; margin: 0; }
.sliip-categories .container { max-width: 1140px; }
/* 17/10: 4 categorias (Baby doll, Pijama americano, Conjunto, Short-doll): 2x2 no celular, 4 lado a lado no computador.
   Só o nome embaixo da foto (a frase de promoção some aqui, para os 4 ficarem iguais). */
.sliip-categories .textbanner-paragraph { display: none !important; }
@media (max-width: 767px) { .sliip-categories .textbanner-title { font-size: 24px; } .sliip-categories .row { row-gap: 28px; } }
.sliip-categories .textbanner-paragraph { color: #d9c6ff; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; margin-top: 6px; }
.sliip-categories .btn-line { color: #fff; border-color: #fff; }

/* ---------- Módulos de imagem e texto (guia de estampas) ---------- */
.section-home-modules { background: linear-gradient(135deg, #f1eafd, #dccdf8); margin: 0; }
.section-home-modules .textbanner-title { font-family: var(--sliip-display); font-weight: 400; font-size: clamp(38px, 5vw, 64px); line-height: 1; }
.section-home-modules .textbanner-text { padding: 48px 24px; }

/* ---------- Produtos destacados e grade ---------- */
.section-featured-home { background: var(--sliip-surface); padding: 64px 0; margin: 0; }
.section-featured-home h3 { font-family: var(--sliip-display); font-weight: 400; font-size: clamp(38px, 5.5vw, 68px); line-height: 1; margin-bottom: 32px; }
.item-image, .item-image img { background: var(--sliip-surface); }
.item-name { font-family: var(--sliip-body); font-size: 15px; font-weight: 500; line-height: 1.35; }
.item-price { font-weight: 600; font-variant-numeric: tabular-nums; }
.price-compare { color: var(--sliip-muted); }
.label, .label-accent { border-radius: 0; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }

/* ---------- Página de produto ---------- */
.section-single-product h1, .template-product h1 { font-size: clamp(34px, 4vw, 48px); line-height: 1.05; }
.template-product .btn-variant.selected, .template-product .btn-variant:hover { border-color: var(--sliip-ink); }

/* ---------- Newsletter e rodapé ---------- */
.newsletter { background: var(--sliip-plum); color: #fff; padding: 48px 24px; text-align: center; }
.newsletter h3, .newsletter .h3, .newsletter h4 { color: #fff; font-family: var(--sliip-display); font-weight: 400; font-size: clamp(34px, 4.5vw, 56px); line-height: 1; }
.newsletter p { color: #e3dbf2; }
.newsletter .newsletter-btn, .newsletter .btn { background: #fff; color: var(--sliip-ink); border-color: #fff; }
.section-footer { background: var(--sliip-surface); color: var(--sliip-ink); }
.section-footer a { color: var(--sliip-muted); }
.section-footer a:hover { color: var(--sliip-ink); }

/* ---------- Página de produto: uma foto grande com setas nas laterais ---------- */
.section-single-product .js-swiper-product { position: relative; max-width: 620px; margin: 0 auto; }
.section-single-product .sliip-gallery-arrow {
  width: 48px; height: 48px; margin-top: -24px; border-radius: 50%; background: rgba(255, 255, 255, .9);
  box-shadow: 0 4px 14px rgba(29, 16, 41, .15); display: flex; align-items: center; justify-content: center;
  transition: opacity .16s, background .16s;
}
.section-single-product .sliip-gallery-arrow::after { display: none; } /* esconde a seta padrão do Swiper */
.section-single-product .sliip-gallery-arrow:hover { background: #fff; }
.section-single-product .sliip-gallery-arrow.swiper-button-disabled { opacity: 0; pointer-events: none; }
.section-single-product .swiper-button-prev.sliip-gallery-arrow { left: 12px; }
.section-single-product .swiper-button-next.sliip-gallery-arrow { right: 12px; }
/* contador "1 / 4" no canto */
.section-single-product .js-swiper-product-pagination.swiper-pagination-fraction {
  top: 12px; right: 12px; left: auto; bottom: auto; width: auto; padding: 2px 10px; border-radius: 999px;
  background: rgba(31, 21, 41, .6); color: #fff; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums;
}

/* ---------- Compre junto (coluna da direita) ---------- */
/* Sliip: quadro roxo abaixo do frete (snipplets/product/product-buy-together.tpl) — "Leve junto" e "Leve 2" */
.sliip-quadro { display: flex; gap: 14px; align-items: center; margin: 4px 0 24px; padding: 12px 14px 12px 12px; background: #f1ebfb; color: var(--sliip-ink); border-radius: 6px; text-decoration: none; transition: transform .2s var(--sliip-ease), box-shadow .2s var(--sliip-ease); }
.sliip-quadro:hover, .sliip-quadro:focus { color: var(--sliip-ink); text-decoration: none; transform: translateY(-1px); box-shadow: 0 10px 22px -14px rgba(94, 58, 140, .55); }
.sliip-quadro img { width: 74px; height: 98px; object-fit: cover; border-radius: 2px; flex: none; }
.sliip-quadro-txt { flex: 1; min-width: 0; display: block; }
.sliip-quadro-selo { display: inline-block; margin-bottom: 6px; padding: 3px 9px; border-radius: 999px; background: var(--sliip-primary); color: #fff; font: 700 9.5px/1.3 var(--sliip-body); letter-spacing: .14em; text-transform: uppercase; }
.sliip-quadro-titulo { display: block; margin: 0 0 3px; font-family: var(--sliip-display); font-weight: 500; font-size: 24px; line-height: 1.1; color: var(--sliip-ink); text-transform: none; letter-spacing: 0; }
.sliip-quadro-titulo em { font-style: italic; color: var(--sliip-primary); }
.sliip-quadro-sub { display: block; margin: 0 0 9px; font-size: 12px; line-height: 1.4; color: var(--sliip-muted); }
.sliip-quadro-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 3px; background: var(--sliip-primary); color: #fff; font: 700 10.5px/1 var(--sliip-body); letter-spacing: .12em; text-transform: uppercase; }

/* ---------- Tabela de medidas (pijama americano) ---------- */
.sliip-size-chart { border-top: 1px solid var(--sliip-line); margin-top: 48px; padding: 48px 0 64px; text-align: center; scroll-margin-top: 140px; }
.sliip-size-chart img { width: 100%; max-width: 640px; height: auto; margin: 0 auto; border: 1px solid var(--sliip-line); }

/* ---------- Promoção "Leve 2 pijamas americanos" ---------- */
.sliip-card-promo { display: inline-block; margin-top: 4px; padding: 2px 8px; background: var(--sliip-promo); color: var(--sliip-primary); font-size: 12px; font-weight: 600; }
.sliip-leve2-strip { background: var(--sliip-plum); color: #fff; padding: 16px 0; margin-bottom: 24px; }
.sliip-leve2-strip .container { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: baseline; justify-content: center; text-align: center; }
.sliip-leve2-strip strong { font-family: var(--sliip-display); font-size: clamp(22px, 2.6vw, 30px); font-weight: 500; }
.sliip-leve2-strip em { font-style: italic; }
.sliip-leve2-strip span { color: #e3dbf2; font-size: 14px; max-width: 60ch; }
/* =========================================================
   Versão 3 — o que faltava em relação ao protótipo
   ========================================================= */

/* ---------- Benefícios (abaixo dos dois retângulos) ---------- */
.sliip-perks { border-top: 1px solid var(--sliip-line); border-bottom: 1px solid var(--sliip-line); background: #fff; }
.sliip-perks-grid { display: grid; grid-template-columns: 1fr; gap: 24px; padding-top: 32px; padding-bottom: 32px; }
@media (min-width: 768px) { .sliip-perks-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sliip-perk { display: flex; gap: 12px; align-items: flex-start; }
.sliip-perk-icon { flex: none; width: 28px; height: 28px; fill: none; stroke: var(--sliip-primary); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sliip-perk strong { display: block; font-size: 14px; font-weight: 600; letter-spacing: .04em; color: var(--sliip-ink); }
.sliip-perk span { display: block; font-size: 13px; color: var(--sliip-muted); }

/* ---------- Guia de estampas ---------- */
.sliip-editorial { display: grid; align-items: stretch; background: linear-gradient(135deg, #f1eafd, #dccdf8); }
@media (min-width: 900px) { .sliip-editorial { grid-template-columns: 1.1fr 1fr; } }
.sliip-editorial-img { position: relative; min-height: 420px; }
.sliip-editorial-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sliip-editorial-text { display: flex; flex-direction: column; justify-content: center; padding: 64px 24px; }
@media (min-width: 1024px) { .sliip-editorial-text { padding: 96px; } }
.sliip-editorial .sliip-section-title { text-align: left; margin-bottom: 0; }
.sliip-fabric-list { list-style: none; margin: 24px 0 32px; padding: 0; display: grid; gap: 16px; }
.sliip-fabric-list li { border-top: 1px solid rgba(31, 21, 41, .18); padding-top: 16px; }
.sliip-fabric-list strong { display: block; font-family: var(--sliip-display); font-size: 26px; font-weight: 500; line-height: 1.1; }
.sliip-fabric-list span { font-size: 14px; }

/* ---------- "Nossos queridinhos" ---------- */
.section-featured-home .sliip-section-title { margin-bottom: 32px; }
.sliip-featured-more { margin-top: 48px; }
.sliip-btn-outline { background: transparent; border: 1px solid var(--sliip-ink); color: var(--sliip-ink); padding: 0 32px; display: inline-flex; align-items: center; }
.sliip-btn-outline:hover, .sliip-btn-outline:focus { background: var(--sliip-ink); color: #fff; text-decoration: none; }

/* ---------- Faixa rosa no topo das categorias e páginas de ajuda ---------- */
.sliip-page-hero { background: linear-gradient(135deg, #f3ecfe, #d8c5fb); padding: 48px 0; text-align: center; }
.sliip-page-hero .sliip-display { font-size: clamp(44px, 7vw, 84px); margin-bottom: 12px; }
.sliip-page-hero p { margin: 0 auto; max-width: 52ch; font-size: 16px; color: var(--sliip-ink); }
.sliip-breadcrumbs { font-size: 12px; letter-spacing: .08em; padding: 16px 0; color: var(--sliip-muted); text-align: left; }
.sliip-breadcrumbs a { color: var(--sliip-muted); text-decoration: none; }
.sliip-breadcrumbs a:hover { color: var(--sliip-ink); text-decoration: underline; }
/* troca o ">" do tema pela barra "/" do protótipo */
.sliip-breadcrumbs .divider { margin: 0 8px; font-size: 0; }
.sliip-breadcrumbs .divider::before { content: "/"; font-size: 12px; }

/* Texto das páginas de ajuda */
.sliip-rich-text { padding: 24px 0 96px; font-size: 16px; line-height: 1.65; color: var(--sliip-ink); }
.sliip-rich-text h2 { font-family: var(--sliip-display); font-weight: 500; font-size: clamp(28px, 3.2vw, 36px); line-height: 1.1; margin: 48px 0 12px; }
.sliip-rich-text ul, .sliip-rich-text ol { padding-left: 1.25em; }
.sliip-rich-text li { margin-bottom: 8px; }
.sliip-rich-text img { max-width: 100%; height: auto; border: 1px solid var(--sliip-line); }
.sliip-rich-text a { color: var(--sliip-primary); }

/* ---------- Sliip Club (faixa roxa "Ganhe 10% OFF") ---------- */
.sliip-club { background: var(--sliip-plum); color: #fff; text-align: center; padding: 64px 0; }
@media (min-width: 1024px) { .sliip-club { padding: 96px 0; } }
.sliip-club .sliip-club-eyebrow { color: #d9c6ff; }
.sliip-club .sliip-section-title { color: #fff; }
.sliip-club-text { max-width: 52ch; margin: 0 auto 24px; color: #e3dbf2; font-size: 16px; }
.sliip-club-message { color: #fff; font-weight: 600; }
.sliip-club-form { display: flex; flex-direction: column; gap: 12px; max-width: 520px; margin: 0 auto; text-align: left; }
@media (min-width: 640px) { .sliip-club-form { flex-direction: row; align-items: flex-start; } }
.sliip-club-field { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.sliip-club-field label { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #fff; margin: 0; }
.sliip-club-field input { min-height: 48px; border: 1px solid var(--sliip-line); border-radius: 2px; background: #fff; color: var(--sliip-ink); padding: 0 16px; font: inherit; font-size: 16px; }
.sliip-club-error { font-size: 13px; color: #ffb3d9; }
.sliip-club-btn { background: #fff; color: var(--sliip-ink); border: 1px solid #fff; padding: 0 32px; flex: none; }
@media (min-width: 640px) { .sliip-club-btn { margin-top: calc(1.2em + 8px); } }
.sliip-club-btn:hover, .sliip-club-btn:focus { background: var(--sliip-promo); color: var(--sliip-ink); }

/* ---------- Rodapé em colunas ---------- */
.sliip-footer { background: var(--sliip-surface); color: var(--sliip-ink); padding-top: 64px; font-size: 14px; }
.sliip-footer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; padding-bottom: 48px; border-bottom: 1px solid var(--sliip-line); margin-bottom: 24px; overflow-wrap: anywhere; }
@media (min-width: 1024px) { .sliip-footer-grid { grid-template-columns: 2fr repeat(2, minmax(0, 1fr)); } }
.sliip-footer-brand { grid-column: 1 / -1; }
@media (min-width: 1024px) { .sliip-footer-brand { grid-column: auto; } }
.sliip-footer-logo { font-family: var(--sliip-display); font-size: 30px; font-weight: 500; letter-spacing: .32em; text-transform: uppercase; color: var(--sliip-ink); text-decoration: none; }
.sliip-footer-logo:hover { color: var(--sliip-ink); text-decoration: none; }
.sliip-footer-brand p { color: var(--sliip-muted); max-width: 32ch; margin: 12px 0 0; }
.sliip-footer-socials { display: flex; gap: 4px; margin-top: 12px; margin-left: -10px; }
.sliip-footer-socials .social-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; color: var(--sliip-ink); }
.sliip-footer-socials svg { fill: currentColor; width: 18px; height: 18px; }
.sliip-footer-title { font-family: var(--sliip-body); font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; margin: 0 0 12px; color: var(--sliip-ink); }
.sliip-footer ul { list-style: none; margin: 0; padding: 0; }
.sliip-footer li a, .sliip-footer li span { display: inline-block; padding: 6px 0; color: var(--sliip-muted); text-decoration: none; }
.sliip-footer li a:hover { color: var(--sliip-ink); text-decoration: underline; }
.sliip-footer .element-footer { font-size: 12px; color: var(--sliip-muted); }

/* ---------- Cabeçalho escuro (roxo quase preto), com logo, ícones e menu claros ---------- */
.head-main.head-light, .head-main.head-dark, .head-main { background-color: var(--sliip-plum); border-bottom-color: rgba(255, 255, 255, .08); }
.head-main .logo-text, .head-main .logo-text .h1, .head-main .logo-text:hover { color: #fff; }
.head-main .utilities-container .svg-icon-text, .head-main .utilities-container svg { fill: #fff; color: #fff; }
.head-main .utilities-container .cart-widget-amount { color: #fff; }
.head-main .utilities-link:hover, .head-main .cart-summary a:hover { opacity: .8; }
.head-main .sliip-nav-link, .head-main .sliip-nav-link:hover { color: #f3eefb; }
.head-main .sliip-nav-link.is-sale { color: #f0a6dc; }
.head-main :focus-visible { outline-color: #d9c6ff; }

/* ---------- Fotos clicáveis: topo e ritual levam à página do produto ---------- */
.sliip-slide-link:focus-visible img { outline: 2px solid var(--sliip-ink); outline-offset: -2px; }
a.sliip-ritual-item { z-index: 0; transition: transform .26s var(--sliip-ease), box-shadow .26s var(--sliip-ease); }
a.sliip-ritual-item:not(.sliip-ritual-item--desk) { display: block; }
@media (min-width: 900px) { a.sliip-ritual-item--desk { display: block; } }
.sliip-ritual-link img { display: block; width: 100%; height: 100%; object-fit: cover; }
a.sliip-ritual-item:hover, a.sliip-ritual-item:focus-visible { z-index: 2; transform: rotate(0deg) scale(1.04); box-shadow: 0 24px 50px -16px rgba(29, 16, 41, .55); }
@media (prefers-reduced-motion: reduce) { a.sliip-ritual-item { transition: none; } }

/* Guia de estampas: zoom no pijama de poá preto, a estampa no centro */
/* quadro no mesmo formato da foto (4:5): a tela não corta a foto em outro lugar */
.sliip-editorial-img { min-height: 0; }
.sliip-editorial-img img { position: static; display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 50%; }

/* Sliip: card por cor (snipplets/grid/item-sliip-cor.tpl) — nome da cor embaixo do nome do produto */
.sliip-card-cor-nome { font-size: 13px; color: var(--sliip-muted, #6b6275); letter-spacing: .01em; }

/* Sliip: seletor de cor da página do produto (snipplets/product/product-sliip-cores.tpl) */
.sliip-cor-rotulo { margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sliip-muted); text-align: left; }
.sliip-cor-rotulo strong { margin-left: 4px; font-weight: 600; letter-spacing: .04em; text-transform: none; font-size: 14px; color: var(--sliip-ink); }
/* 20/10: cores em bolinhas de 30px (9 cores cabem numa linha no celular) */
.sliip-swatches { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; text-align: left; }
.sliip-swatches .sliip-swatch, .sliip-swatches .btn-variant.sliip-swatch { position: relative; display: inline-block; width: 30px !important; height: 30px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(43,27,61,.18) !important; border-radius: 50% !important; background: #fff; overflow: visible; line-height: 1; opacity: 1 !important; }
.sliip-swatches .sliip-swatch .btn-variant-content { display: block; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50%; font-size: 0; }
.sliip-swatches .sliip-swatch.selected { border-color: transparent !important; box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--sliip-plum); }
.sliip-swatches .sliip-swatch:hover { border-color: var(--sliip-primary) !important; }
.sliip-swatches .sliip-swatch:focus-visible { outline: 2px solid var(--sliip-primary); outline-offset: 3px; }
.sliip-cores-modelo { margin: 0 0 20px; }

/* Sliip: barra de frete grátis e kits de calcinha na sacola (snipplets/sliip-upsell-calcinha.tpl) */
.js-ship-free-rest .bar-progress { height: 8px; background: #e6def3; border-radius: 999px; overflow: hidden; }
.js-ship-free-rest .bar-progress-active { background: var(--sliip-plum); border-radius: 999px; }
.js-ship-free-rest .ship-free-rest-text { color: var(--sliip-ink); }
.js-ship-free-rest .js-ship-free-dif, .js-ship-free-rest .text-accent { color: var(--sliip-primary); }
.sliip-upsell { margin: 12px 0 16px; padding: 14px 14px 4px; background: #f1ebfb; color: var(--sliip-ink); border-radius: 6px; }
.sliip-upsell:empty { display: none !important; }
/* barra do frete grátis (opção A, 14/10): enche, o caminhão anda até o fim, pula e solta faíscas */
.sliip-frete-msg { position: relative; height: 20px; overflow: hidden; font-size: 12.5px; font-weight: 500; color: var(--sliip-ink); }
.sliip-frete-msg > div { position: absolute; inset: 0; transition: transform .45s cubic-bezier(.2, .8, .2, 1), opacity .45s; }
.sliip-frete-msg strong { font-weight: 700; }
.sliip-frete-ok { transform: translateY(100%); opacity: 0; color: var(--sliip-primary); font-weight: 700; }
.sliip-frete.feito .sliip-frete-falta { transform: translateY(-100%); opacity: 0; }
.sliip-frete.feito .sliip-frete-ok { transform: translateY(0); opacity: 1; }
.sliip-barra { position: relative; height: 6px; margin: 10px 11px 14px 0; background: #fff; border-radius: 999px; }
.sliip-barra-cheia { position: absolute; left: 0; top: 0; bottom: 0; width: 4%; background: var(--sliip-primary); border-radius: 999px; transition: width .9s cubic-bezier(.2, .8, .2, 1); }
.sliip-barra-caminhao { position: absolute; top: 50%; left: 4%; width: 24px; height: 24px; padding: 3px; border-radius: 50%; background: #f1ebfb; color: var(--sliip-primary); transform: translate(-50%, -50%); transition: left .9s cubic-bezier(.2, .8, .2, 1); }
.sliip-barra-caminhao svg { display: block; width: 18px; height: 18px; }
.sliip-frete.comemora .sliip-barra-caminhao { animation: sliip-pulo .6s .85s ease-out; }
@keyframes sliip-pulo { 0%, 100% { transform: translate(-50%, -50%) scale(1); } 40% { transform: translate(-50%, -68%) scale(1.25); } }
.sliip-faiscas { position: absolute; right: -4px; top: -4px; width: 14px; height: 14px; pointer-events: none; }
.sliip-faiscas i { position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: var(--sliip-primary); opacity: 0; }
.sliip-faiscas i:nth-child(1) { --x: 18px; --y: -14px; } .sliip-faiscas i:nth-child(2) { --x: -16px; --y: -16px; }
.sliip-faiscas i:nth-child(3) { --x: 20px; --y: 10px; } .sliip-faiscas i:nth-child(4) { --x: -6px; --y: 20px; } .sliip-faiscas i:nth-child(5) { --x: 2px; --y: -22px; }
.sliip-frete.comemora .sliip-faiscas i { animation: sliip-faisca .7s .9s ease-out forwards; }
@keyframes sliip-faisca { 0% { opacity: 1; transform: translate(-50%, -50%); } 100% { opacity: 0; transform: translate(calc(-50% + var(--x)), calc(-50% + var(--y))); } }
.sliip-upsell-titulo { margin: 0 0 2px; font-family: var(--sliip-display); font-weight: 500; font-size: 22px; line-height: 1.15; color: var(--sliip-ink); }
@media (prefers-reduced-motion: reduce) { .sliip-barra-cheia, .sliip-barra-caminhao, .sliip-frete-msg > div { transition: none; } .sliip-frete.comemora .sliip-barra-caminhao, .sliip-frete.comemora .sliip-faiscas i { animation: none; } }
.sliip-upsell-item { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid #e3d9f3; }
.sliip-upsell-titulo + .sliip-upsell-item { border-top: 0; }
.sliip-upsell-foto { flex: none; }
.sliip-upsell-foto img { display: block; width: 56px; height: 74px; object-fit: cover; border-radius: 2px; }
.sliip-upsell-info { flex: 1; min-width: 0; }
.sliip-upsell-nome { display: block; font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--sliip-ink); text-decoration: none; }
.sliip-upsell-nome:hover { color: var(--sliip-primary); text-decoration: none; }
.sliip-upsell-preco { display: block; margin: 2px 0 6px; font-size: 13px; font-weight: 600; color: var(--sliip-ink); }
.sliip-upsell-form { display: flex; gap: 6px; align-items: center; margin: 0; }
.sliip-upsell-tam { height: 30px; padding: 0 6px; border: 1px solid #cdbfe6; border-radius: 3px; background: #fff; color: var(--sliip-ink); font-size: 12px; }
.sliip-upsell-tam option { color: var(--sliip-ink); }
.sliip-upsell-btn { width: 30px; height: 30px; padding: 0; border: 1px solid var(--sliip-primary); border-radius: 50%; background: #fff; color: var(--sliip-primary); font: 400 18px/1 var(--sliip-body); cursor: pointer; }
.sliip-upsell-btn:hover { background: var(--sliip-primary); color: #fff; }
.sliip-upsell-rotulo { display: block; margin-bottom: 2px; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--sliip-primary); }
.sliip-upsell-item--par { padding-bottom: 12px; }
.sliip-upsell-item--par .sliip-upsell-foto img { width: 64px; height: 86px; outline: 2px solid var(--sliip-primary); outline-offset: 2px; }

/* =========================================================
   14/10 — fontes do site em tudo, sem verde, ofertas discretas
   (o painel ainda guarda "Plus Jakarta Sans" como fonte do resto e um verde como cor de destaque)
   ========================================================= */
input, button, select, textarea, .btn, .form-control, h4, h5, h6, .h4, .h5, .h6 { font-family: var(--sliip-body); }
.products-section-title { font-family: var(--sliip-display); font-weight: 500; }
.text-accent, .text-accent strong, .text-accent span { color: var(--sliip-primary) !important; }
.svg-icon-accent { fill: var(--sliip-primary) !important; }
.label-accent { background: var(--sliip-primary); color: #fff; }

/* etiquetas em cima das fotos: saem a da promoção e a de frete grátis (fica só "Esgotado") */
.js-labels-floating-group .js-promotion-label-private,
.js-labels-floating-group .js-offer-label,
.js-labels-floating-group .js-shipping-label-private,
.js-labels-floating-group .label-secondary { display: none !important; }

/* linha discreta acima do nome do produto, nos cards */
.sliip-item-oferta { display: block; margin: 0 0 4px; font: 600 10.5px/1.3 var(--sliip-body); letter-spacing: .14em; text-transform: uppercase; color: var(--sliip-primary); }

/* página do produto: uma frase só no lugar do texto longo da promoção */
#single-product .js-product-promo-container { display: none !important; }
.sliip-promo-linha { margin: 2px 0 14px; font: 600 11.5px/1.4 var(--sliip-body); letter-spacing: .14em; text-transform: uppercase; color: var(--sliip-primary); text-align: left; }
@media (max-width: 767px) { .sliip-promo-linha { text-align: center; } }
#single-product .js-price-display { font-family: var(--sliip-body); font-weight: 600; font-size: 20px; color: var(--sliip-ink); }
.js-product-discount-container, .product-detail-installments { font-size: 13px; }

/* sacola: mesmas fontes do site */
.js-ajax-cart-panel, .js-ajax-cart-panel .h5, .js-ajax-cart-panel .h6, .js-ajax-cart-panel strong,
.js-ajax-cart-panel small, .js-ajax-cart-panel .cart-item-name, .js-ajax-cart-panel .cart-item-subtotal { font-family: var(--sliip-body); }
.js-ajax-cart-panel .cart-item-name { font-size: 13px; font-weight: 500; letter-spacing: .02em; }
.js-ajax-cart-panel .cart-item-subtotal { font-size: 14px; font-weight: 600; }
.js-ajax-cart-panel .js-ajax-cart-total, .js-ajax-cart-panel .js-cart-subtotal { font-weight: 600; }
.js-ajax-cart-panel .js-cart-total { font-family: var(--sliip-display); font-weight: 500; }
.installment-no-interest, .installment-no-interest span { color: var(--sliip-ink) !important; }
.item-installments .installment-no-interest, .item-installments .installment-no-interest span { color: var(--sliip-muted) !important; font-weight: 400; }
/* etiquetas "10% OFF" dos itens da sacola: roxo, não verde */
.label.label-accent, .js-cart-item-promotion-label { background-color: var(--sliip-primary) !important; border-color: var(--sliip-primary) !important; color: #fff !important; }
/* a barra antiga do tema some quando o quadro novo da sacola (com a barra própria) está aparecendo */
.js-ajax-cart-panel:has(.sliip-frete) .js-ship-free-rest { display: none !important; }
/* "Compre também" (depois de adicionar à sacola): tamanho + "+ Adicionar" em cada sugestão */
.sliip-rapido { display: flex; gap: 6px; justify-content: center; align-items: center; margin: 6px 0 4px; }
.sliip-rapido-tam { height: 34px; padding: 0 8px; border: 1px solid #cdbfe6; border-radius: 3px; background: #fff; color: var(--sliip-ink); font: 500 12px/1 var(--sliip-body); }
.sliip-rapido-btn { height: 34px; padding: 0 14px; border: 1px solid var(--sliip-primary); border-radius: 3px; background: var(--sliip-primary); color: #fff; font: 600 10.5px/1 var(--sliip-body); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.sliip-rapido-btn:hover { background: var(--sliip-primary-hover); }
.sliip-rapido-btn.feito { background: #fff; color: var(--sliip-primary); }
/* pijama americano: fileira "Leve outra cor ou outro modelo" no lugar das sugestões do tema */
#related-products-notification.sliip-com-mais .js-related-products-notification-container { display: none !important; }
.sliip-mais { margin: 14px 0 4px; }
.sliip-mais-titulo { margin: 0; text-align: center; font-family: var(--sliip-display); font-weight: 500; font-size: 26px; line-height: 1.1; color: var(--sliip-ink); }
.sliip-mais-sub { margin: 2px 0 12px; text-align: center; font: 600 10.5px/1.4 var(--sliip-body); letter-spacing: .14em; text-transform: uppercase; color: var(--sliip-primary); }
.sliip-mais-trilho { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 10px; -webkit-overflow-scrolling: touch; }
.sliip-mais-card { flex: 0 0 168px; scroll-snap-align: start; display: flex; flex-direction: column; text-align: center; }
.sliip-mais-foto { display: block; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 3px; background: #ebe5f3; }
.sliip-mais-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sliip-mais-nome { display: block; margin: 8px 0 2px; font: 500 12px/1.3 var(--sliip-body); letter-spacing: .06em; text-transform: uppercase; color: var(--sliip-ink); }
.sliip-mais-nome em { display: block; font-style: normal; text-transform: none; letter-spacing: 0; color: var(--sliip-muted); }
.sliip-mais-preco { display: block; font: 600 13px/1.3 var(--sliip-body); color: var(--sliip-ink); }
.sliip-mais-card .sliip-rapido { flex-wrap: wrap; }
/* página do produto: o tema calcula "adicione este produto e tenha frete grátis" sem o desconto de 10%, então erra.
   O valor certo aparece no quadro da sacola. */
#single-product .js-shipping-add-product-label, #single-product .js-product-form-free-shipping-message { display: none !important; }
/* 14/10: todas as fotos de produto no mesmo formato 2:3 (o das fotos dos pijamas americanos), na listagem e no
   carrossel da página do produto. Fotos 3:4 (baby dolls, camisolas, robes) ganham um zoom e perdem um pouco das laterais. */
.item-image > .p-relative, .js-product-slide-link { padding-bottom: 150% !important; }
.item-image > .p-relative img.img-absolute, .js-product-slide-link img.img-absolute { top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; transform: none !important; object-fit: cover; object-position: center 30%; }
/* "Compre também": título com destaque e a mensagem numa etiqueta lilás (bem visível, no padrão do site) */
.sliip-mais-titulo em { font-style: italic; color: var(--sliip-primary); }
.sliip-mais-sub { margin: 6px 0 14px; }
.sliip-mais-sub span { display: inline-block; padding: 6px 14px; border-radius: 999px; background: #f1ebfb; color: var(--sliip-primary); font: 600 11px/1.3 var(--sliip-body); letter-spacing: .12em; text-transform: uppercase; }
.sliip-mais-foto { position: relative; }
.sliip-mais-selo { position: absolute; top: 8px; left: 8px; z-index: 1; padding: 4px 9px; border-radius: 999px; background: var(--sliip-primary); color: #fff; font: 600 9.5px/1.3 var(--sliip-body); letter-spacing: .12em; text-transform: uppercase; }

/* ---------- 17/10: menu do celular (hambúrguer) em lista, estilo limpo ---------- */
#nav-hamburger { background: #fff; }
#nav-hamburger .modal-header { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; padding: 18px 20px; border-bottom: 1px solid var(--sliip-line); margin: 0; }
#nav-hamburger .modal-close { position: static; display: inline-grid; place-items: center; width: 40px; height: 40px; margin: -8px -10px -8px 0; color: var(--sliip-ink); }
#nav-hamburger .modal-close svg { width: 18px; height: 18px; }
.sliip-menu-logo { font-family: var(--sliip-display); font-size: 24px; font-weight: 500; letter-spacing: .32em; text-transform: uppercase; color: var(--sliip-ink); }
#nav-hamburger .modal-body { padding: 0 !important; }
#nav-hamburger .nav-primary, #nav-hamburger .nav-list { margin: 0; padding: 0; text-align: left !important; }
#nav-hamburger .nav-list > li, #nav-hamburger .list-subitems > li { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--sliip-line); }
#nav-hamburger .nav-list-link { position: relative; display: flex !important; align-items: center; justify-content: space-between; width: 100%; padding: 19px 22px !important; margin: 0 !important;
  font-family: var(--sliip-body) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2;
  color: var(--sliip-ink) !important; text-align: left !important; text-decoration: none !important; }
#nav-hamburger .nav-list > li:not(.item-with-subitems) > .nav-list-link::after { content: ""; flex: none; width: 18px; height: 10px; margin-left: 12px;
  background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='M0 5h16M12 1l4 4-4 4' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='M0 5h16M12 1l4 4-4 4' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center / contain no-repeat; }
#nav-hamburger .nav-list-link:hover, #nav-hamburger .nav-list-link:focus-visible { background: var(--sliip-surface); color: var(--sliip-primary) !important; }
#nav-hamburger .nav-list-arrow { position: static !important; margin-left: 12px; display: inline-grid; place-items: center; }
#nav-hamburger .nav-list-arrow svg { width: 12px; height: 12px; }
#nav-hamburger .list-subitems { margin: 0; padding: 0; background: var(--sliip-surface); border-top: 1px solid var(--sliip-line); }
#nav-hamburger .list-subitems > li:last-child { border-bottom: 0; }
#nav-hamburger .list-subitems .nav-list-link { padding-left: 34px !important; font-weight: 500 !important; letter-spacing: .1em; }
#nav-hamburger .list-subitems .nav-list-link strong { font-weight: 600; }
#nav-hamburger .modal-footer { border: 0; display: block; }
#nav-hamburger .nav-secondary { padding: 0 !important; text-align: left; }
.sliip-menu-conta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 18px 22px; font-size: 14px; color: var(--sliip-muted); border-top: 1px solid var(--sliip-line); }
.sliip-menu-conta svg { margin-right: 6px; color: var(--sliip-ink); }
.sliip-menu-conta-link { color: var(--sliip-ink) !important; text-decoration: underline !important; text-underline-offset: 3px; }
.sliip-menu-faixa { display: flex; flex-direction: column; gap: 4px; padding: 20px 22px calc(20px + env(safe-area-inset-bottom, 0px)); background: var(--sliip-plum); color: #fff !important; text-decoration: none !important;
  font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.sliip-menu-faixa-sub { font-size: 12px; font-weight: 500; letter-spacing: .04em; text-transform: none; color: #d9c6ff; }

/* 20/10: página do produto — tamanhos em bolinhas com a letra no centro ("Tamanho: P" em cima, como a cor) e
   quantidade com − e + em bolinhas lilás (rótulos em snipplets/product/product-sliip-cores.tpl e product-quantity.tpl) */
#single-product .js-product-variants-group > .text-center { text-align: left !important; }
.sliip-tam-rotulo { margin: 14px 0 10px !important; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sliip-muted); }
.sliip-tam-rotulo strong { margin-left: 4px; font-weight: 600; letter-spacing: .04em; text-transform: none; font-size: 14px; color: var(--sliip-ink); }
#single-product .sliip-tamanhos .btn-variant { display: inline-flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 8px 0 0 !important; border-radius: 50% !important; border: 1px solid #d9d1e4 !important; background: #fff !important; opacity: 1 !important; }
#single-product .sliip-tamanhos .btn-variant .btn-variant-content { padding: 0 !important; margin: 0 !important; border: 0 !important; font: 600 12.5px/1 var(--sliip-body) !important; letter-spacing: .04em; color: var(--sliip-ink) !important; }
#single-product .sliip-tamanhos .btn-variant:hover { border-color: var(--sliip-ink) !important; }
#single-product .sliip-tamanhos .btn-variant.selected { background: var(--sliip-plum) !important; border-color: var(--sliip-plum) !important; }
#single-product .sliip-tamanhos .btn-variant.selected .btn-variant-content { color: #fff !important; }
.sliip-qtd-rot { display: block; margin: 12px 0 0; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--sliip-muted); text-align: left; }
#single-product .js-quantity { display: inline-flex !important; flex-wrap: nowrap; align-items: center; gap: 14px; width: auto !important; margin: 10px 0 18px !important; }
#single-product .js-quantity > * { flex: 0 0 auto !important; max-width: none !important; width: auto !important; padding: 0 !important; }
#single-product .js-quantity-down, #single-product .js-quantity-up { width: 32px !important; height: 32px; display: flex !important; align-items: center; justify-content: center; border-radius: 50%; background: #efe8f8; color: var(--sliip-plum); cursor: pointer; transition: background .16s; }
#single-product .js-quantity-down:hover, #single-product .js-quantity-up:hover { background: #e2d6f3; }
#single-product .js-quantity svg { width: 10px; height: 10px; fill: currentColor; }
#single-product .js-quantity .form-control-container { width: 22px !important; }
#single-product .js-quantity-input { border: 0 !important; padding: 0 !important; height: 32px; font: 600 16px/1 var(--sliip-body) !important; color: var(--sliip-ink) !important; background: transparent !important; box-shadow: none !important; }