/** Shopify CDN: Minification failed

Line 8:0 Unexpected "{"

**/
/* URSO — ajustes finos + layout mobile fiel ao Figma (📱 Layout Mobile) */

{padding:13%;box-sizing:border-box} /* ============ POR CATEGORIA (seção antiga — mantido por compatibilidade) ============ */
[id$='__categorias'] .item-inner--info { z-index: 2; }
[id$='__categorias'] .item-inner--info a { display: none !important; }
[id$='__categorias'] .item-inner--info > div { text-align: left; }

/* ============ COMPRE POR OBJETIVO (seção antiga — mantido por compatibilidade) ============ */
[id$='__objetivos'] .card-grid__card { border-radius: 16px; overflow: hidden; }
[id$='__objetivos'] .card-grid__card:last-child { background: #F6C500 !important; border: none !important; }
[id$='__objetivos'] .card-grid__card_content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
  padding: 24px;
}
[id$='__objetivos'] .card-grid__card_title { margin: 0; }
[id$='__objetivos'] .card-grid__card:last-child .card-grid__card_img,
[id$='__objetivos'] .card-grid__card:last-child .card-grid__card_bg { display: none; }

/* ============ POR QUE URSO ============ */
[id$='__porque_urso'] .multicolumn-card__info,
[id$='__porque_urso'] .multicolumn-card__heading,
[id$='__porque_urso'] .multicolumn-card__text {
  text-align: center !important;
  width: 100%;
}
@media screen and (max-width: 989px) {
  /* Figma mobile: 2 x 2 */
  [id$='__porque_urso'] .multicolumn-list__wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    transform: none !important;
  }
  [id$='__porque_urso'] .multicolumn-card { width: auto !important; min-height: 200px; margin: 0 !important; }
  [id$='__porque_urso'] .multicolumn-card__text * { font-size: 1.25rem; }
}

/* ============ NEWSLETTER ============ */
[id$='__newsletter_urso'] .newsletter__image { overflow: visible; }
@media screen and (max-width: 749px) {
  [id$='__newsletter_urso'] .newsletter__image img {
    transform: none !important;
    max-height: 240px;
    object-fit: contain;
    margin: 0 auto;
  }
  [id$='__newsletter_urso'] { overflow: hidden; }
}

/* ============ HEADER — fiel ao Figma ============ */
@media screen and (min-width: 990px) {
  /* sem hambúrguer no desktop */
  .header__inline-menu .header__offcanvas-toggle { display: none !important; }

  /* busca como campo em pílula dentro da barra */
  .header__inline-menu .header__search .header__icon--search {
    width: auto !important;
    min-width: 215px;
    height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    background: #171412;
    border: 1px solid #3F3B37;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    transition: border-color .2s ease;
  }
  .header__inline-menu .header__search .header__icon--search:hover { border-color: #F6C500; }
  .header__inline-menu .header__search .header__icon--search::after {
    content: 'Buscar whey, creatina...';
    font-family: var(--font-body-family);
    font-size: 13px;
    font-weight: 400;
    color: #9C9488;
    white-space: nowrap;
  }
  .header__inline-menu .header__search .header__icon--search svg {
    width: 15px;
    height: 15px;
    flex: none;
  }
}

/* ============ MEGA MENU — abre ABAIXO do header, sem invadir ============ */
@media screen and (min-width: 990px) {
  .header { position: relative; }
  .header__inline-menu,
  .header__inline-menu .list-menu--inline,
  .header__inline-menu .list-menu-item.list-menu--megamenu { position: static !important; }
  .header__second-level, .header__left { position: static !important; }
  .header__mega-menu.mega-menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: auto !important;
    max-width: none !important;
    margin-top: 10px;
    border-radius: 16px;
    background: #0B0909 !important;
    border: 1px solid #262424;
    box-shadow: 0 40px 70px rgba(0,0,0,.55);
    z-index: 40;
  }
}
@media screen and (max-width: 989px) {
  .urso-mega { grid-template-columns: 1fr; gap: 20px; padding: 20px 0; }
  .urso-mega__links { grid-template-columns: 1fr; }
}

/* ============ HEADER mobile: hamburguer a esquerda, logo central, busca+carrinho a direita ============ */
/* Referencia enviada pelo cliente (sallve.com.br). Variaveis de ajuste:
   --urso-mh-gap        espaco entre os icones da direita
   --urso-mh-icon       tamanho do desenho do icone
   --urso-mh-hit        area clicavel do icone
   --urso-mh-color      cor dos icones
   --urso-mh-stroke     espessura do traco
   --urso-mh-logo       largura maxima do logo
   --urso-mh-badge-*    bolha de contagem do carrinho */
@media screen and (max-width: 989px) {
  .header .header__second-level {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0;
  }
  .header .header__left { display: contents !important; }

  .header .header__left > header-drawer { grid-column: 1; grid-row: 1; justify-self: start; display: block; }
  .header .header__left > .header__heading,
  .header .header__left > .header__heading-link { grid-column: 2; grid-row: 1; justify-self: center; margin: 0 !important; }
  .header .header__icons { grid-column: 3; grid-row: 1; justify-self: end; display: flex !important; align-items: center; }
  .header .header__icons-wrapper { display: flex; align-items: center; gap: var(--urso-mh-gap, 4px); }

  .header .header__left > .header__inline-menu,
  .header .header__inline-menu { display: none !important; }
  .header .header__left > style { display: none; }
  .header .header__left .header__submenu__overlay { display: none; }

  /* conta fica no menu lateral, como na referencia */
  .header .header__icons .header__account,
  .header .header__account--desktop { display: none !important; }
  .header .header__search-hide-desktop { display: block !important; }
  .header .header__search-hide-desktop .header__search { display: block !important; }
  .header .header__search-hide-desktop .header__icon--search { display: inline-flex !important; }

  /* icones uniformes, traco fino */
  .header .header__second-level .header__icon,
  .header .header__second-level .header__icon--summary {
    width: var(--urso-mh-hit, 40px);
    height: var(--urso-mh-hit, 40px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
    color: var(--urso-mh-color, #FFFFFF);
  }
  .header .header__second-level .header__icon svg,
  .header .header__second-level .header__icon--summary svg {
    width: var(--urso-mh-icon, 23px);
    height: var(--urso-mh-icon, 23px);
    stroke-width: var(--urso-mh-stroke, 1.6);
    color: var(--urso-mh-color, #FFFFFF);
  }
  .header .header__heading-logo { max-width: var(--urso-mh-logo, 132px); height: auto; }

  /* bolha de contagem do carrinho */
  .header .header__second-level .header__icon--cart { position: relative; }
  .header .header__second-level .cart-count-bubble {
    position: absolute;
    top: var(--urso-mh-badge-top, 2px);
    right: var(--urso-mh-badge-right, 2px);
    min-width: var(--urso-mh-badge-size, 17px);
    height: var(--urso-mh-badge-size, 17px);
    padding: 0 4px;
    border-radius: 999px;
    background: var(--urso-mh-badge-bg, #F6C500);
    color: var(--urso-mh-badge-fg, #1A1715);
    font-family: var(--font-body-family);
    font-weight: 900;
    font-size: var(--urso-mh-badge-size-text, 10px);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .header__second-level .cart-count-bubble span:not(.visually-hidden) { line-height: 1; }
}

/* ============ BARRA DE BENEFÍCIOS (mobile) ============ */
@media screen and (max-width: 749px) {
  .urso-benefits-section .urso-benefits__list { gap: 10px 24px !important; }
  .urso-benefits-section .urso-benefits__text { font-size: 12px !important; }
}

/* ============ FOOTER URSO (mobile) ============ */
@media screen and (max-width: 599px) {
  .urso-footer__main { grid-template-columns: 1fr !important; gap: 28px !important; }
  .urso-footer__bottom-inner { flex-direction: column; gap: 6px; }
  .urso-footer__ticker { padding: 24px 0 4px; }
}

/* ============================================================
   CARD DE PRODUTO — fiel ao Figma (Card/Product 28:2381)
   ============================================================ */

/* Preço no Pix + parcelamento (base — qualquer contexto) */
.urso-price-extra {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-top: 6px;
}
.urso-price-pix {
  color: #3FC49A;
  font-family: var(--font-body-family);
  font-weight: 900;
  font-size: 1.4rem;
  line-height: 1.2;
  white-space: nowrap;
}
.urso-price-installments {
  color: #C4BDB1;
  font-family: var(--font-body-family);
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.2;
}

/* Estrutura do card */
.card-wrapper {
  background: transparent;
  border-radius: var(--upc-card-radius, 14px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* Figma: o fundo do card vale apenas no corpo, abaixo da foto.
   A area da imagem fica transparente; use --upc-media-bg para pintar so ela.
   O esquema de cor do tema (color-background-*) e sobrescrito aqui. */
.card-wrapper[class] {
  background: var(--upc-media-bg, transparent) !important;
  border-radius: var(--upc-card-radius, 14px);
}
.card-wrapper .card-information {
  background: var(--upc-card-bg, #1A1715);
}
.card-wrapper .card.card--product { border: none !important; background: transparent; }
.card-wrapper .card__inner { border-radius: 0; }
.card-wrapper .media { border-radius: 0; }

/* Conteúdo */
.card-wrapper .card-information { padding: 12px 15px 16px; flex-grow: 1; display: flex; }
.card-wrapper .card-information__wrapper { width: 100%; display: flex; flex-direction: column; text-align: left; }
.card-wrapper .card-information__group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  flex-grow: 1;
  text-align: left;
}
.card-wrapper .card__middle { display: flex; flex-direction: column; gap: 4px; width: 100%; }

/* Sem linha de fornecedor (Figma não tem) */
.card-wrapper .card__subtitles { display: none !important; }

/* Badge de desconto (-16%) — amarela, topo esquerdo */
.card-wrapper .card__information-top { top: 12px; left: 12px; }
.card-wrapper .discount-badge {
  background: #F6C500 !important;
  border-radius: 8px !important;
  padding: 4.5px 9px !important;
  border: none !important;
}
.card-wrapper .discount-badge .discount-text {
  font-family: var(--font-body-family);
  font-weight: 900;
  font-size: 11px;
  letter-spacing: 0.33px;
  color: #1A1715 !important;
  line-height: 17px;
}

/* Wishlist removida do tema — kill switch global */
.urso-card__fav,
.urso-card__favorite,
.card__favorite,
.card-wrapper .urso-card__fav { display: none !important; }

/* Tag de objetivo — pílula #b08f5e com ícone + texto */
.urso-card__tag {
  display: inline-flex;
  align-items: center;
  gap: var(--upc-tag-gap, 12px);
  height: var(--upc-tag-h, 28px);
  padding: 4px var(--upc-tag-pad-x, 12px);
  border-radius: 999px;
  background: var(--upc-tag-bg, #090707);
  color: var(--upc-tag-fg, #F6C500);
  font-family: var(--font-body-family);
  font-weight: var(--upc-tag-weight, 700);
  font-size: var(--upc-tag-size, 12px);
  letter-spacing: 0.56px;
  text-transform: uppercase;
  line-height: 1;
  width: fit-content;
  position: relative;
  z-index: 21;
}
.urso-card__tag-icon {
  width: var(--upc-tag-icon, 16px);
  height: var(--upc-tag-icon, 16px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--upc-tag-fg, #F6C500);
  flex: none;
}
.urso-card__tag-icon svg { max-width: var(--upc-tag-icon, 16px); max-height: var(--upc-tag-icon, 16px); width: 100%; height: auto; display: block; }
.urso-card__tag-icon svg path { fill: currentColor; }

/* Título e subtítulo */
.card-wrapper .card__title,
.card-wrapper .card__title a {
  font-family: var(--font-body-family) !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: left !important;
  color: #FFFFFF !important;
  margin: 0;
  width: 100%;
}
.urso-card__subtitle {
  font-family: var(--font-body-family);
  font-weight: 400;
  font-size: 14px;
  color: #C4BDB1;
  line-height: 1.3;
  text-align: left;
  width: 100%;
}

/* Preços — riscado pequeno antes do preço grande */
.card-wrapper .price {
  margin-top: 4px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.card-wrapper .price dl { margin: 0; display: block; width: 100%; }
.card-wrapper .price .urso-price-extra { flex-basis: 100%; width: 100%; margin-top: 4px; }
.card-wrapper .price__sale,
.card-wrapper .price__regular {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  flex-wrap: wrap;
}
.card-wrapper .price__sale dd { margin: 0; }
.card-wrapper .price__compare { order: -1; }
.card-wrapper .price__compare .price-item {
  font-family: var(--font-body-family);
  font-weight: 400;
  font-size: 14px;
  color: #C4BDB1;
}
.card-wrapper .price-item--sale,
.card-wrapper .price__regular .price-item--regular {
  font-family: var(--font-body-family) !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  color: #FFFFFF !important;
}
.card-wrapper .urso-price-pix { font-size: 12px; font-weight: 900; }
.card-wrapper .urso-price-installments { font-size: 12px; }

/* Botões ADICIONAR / VER MAIS */
.urso-card__buttons {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: auto;
  padding-top: 4px;
  position: relative;
  z-index: 30;
}
.urso-card__buttons > * { flex: 1 1 0; min-width: 0; }
.urso-card__addform .form { width: 100%; }
.urso-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  width: 100%;
  padding: 0 12px;
  border-radius: 999px;
  border: none;
  font-family: var(--font-body-family);
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 0.56px;
  text-transform: uppercase;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
  position: relative;
}
.urso-btn__icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}
.urso-btn__icon svg { max-width: 16px; max-height: 16px; width: 100%; height: auto; display: block; }
.urso-btn__icon svg path { fill: currentColor; }
.urso-btn--yellow { background: #F6C500; color: #1A1715; }
.urso-btn--yellow:hover { background: #DBB000; color: #1A1715; }
.urso-btn--outline { background: transparent; border: 1px solid #FFFFFF; color: #FFFFFF; }
.urso-btn--outline:hover { background: rgba(255,255,255,.1); color: #FFFFFF; }
.urso-btn--disabled { opacity: .5; pointer-events: none; }
.urso-btn .loading-overlay__spinner { position: absolute; width: 18px; }

/* Esconde quick add/quick view nativos do Kick (substituídos pelos botões do Figma) */
.card-wrapper .card__add-to-cart,
.card-wrapper .quick-add { display: none !important; }

/* Mobile (Figma: Card/Product Mobile 500:30541) */
@media screen and (max-width: 749px) {
  .card-wrapper .card-information { padding: 12px; }
  .card-wrapper .card__title,
  .card-wrapper .card__title a { font-size: 14px !important; font-weight: 700 !important; }
  .urso-card__subtitle { font-size: 12px; }
  .card-wrapper .price__compare .price-item { font-size: 10px; }
  .card-wrapper .price-item--sale,
  .card-wrapper .price__regular .price-item--regular { font-size: 16px !important; font-weight: 700 !important; }
  .card-wrapper .urso-price-pix { font-size: 12px; }
  .card-wrapper .urso-price-installments { font-size: 10px; }
  .urso-card__buttons { flex-direction: column; align-items: stretch; }
  .urso-card__buttons > * { flex: none; width: 100%; }
}


/* =========================================================
   URSO — CARDS DE PRODUTO: ALTURA E ALINHAMENTO UNIFORMES
   Variaveis para ajuste fino (podem ser sobrescritas por secao):
   --upc-tagrow-h  altura reservada da linha de tag
   --upc-title-h   altura reservada do titulo
   --upc-title-lines / --upc-sub-lines  numero de linhas
   --upc-sub-h     altura reservada do subtitulo
   ========================================================= */
.product-grid-grid,
.collection-product-list,
#product-grid,
ul.product-grid {
  align-items: stretch;
}
.collection-product-card,
#product-grid > li,
.product-grid-grid > li {
  display: flex;
  align-items: stretch;
}
.collection-product-card > .card-wrapper,
#product-grid > li > .card-wrapper,
.product-grid-grid > li > .card-wrapper {
  width: 100%;
}

.card-wrapper .card-information__group {
  gap: var(--upc-gap, 8px);
}

.urso-card__tagrow {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--upc-tagrow-h, 28px);
}

.card-wrapper .card__title {
  min-height: var(--upc-title-h, 40px);
}
.card-wrapper .card__title a.full-unstyled-link {
  display: -webkit-box;
  -webkit-line-clamp: var(--upc-title-lines, 2);
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.urso-card__subtitle {
  min-height: var(--upc-sub-h, 18px);
  display: -webkit-box;
  -webkit-line-clamp: var(--upc-sub-lines, 1);
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.urso-card__subtitle:empty { min-height: var(--upc-sub-h, 18px); }

.card-wrapper .price { margin-top: auto; }
.card-wrapper .urso-card__buttons { margin-top: var(--upc-btn-gap, 8px); }

@media screen and (max-width: 749px) {
  .card-wrapper .card__title { min-height: var(--upc-title-h-mob, 36px); }
  .urso-card__subtitle { min-height: var(--upc-sub-h-mob, 16px); }
  .urso-card__tagrow { min-height: var(--upc-tagrow-h-mob, 26px); }
}

/* =========================================================
   URSO — MODELO 3D COMO PRIMEIRA MIDIA DO CARD
   Mesmo comportamento da secao Urso - Mais vendidos
   ========================================================= */
.card-wrapper__media,
.card-wrapper .card--product,
.card-wrapper .card__inner,
.card-wrapper .media { position: relative; }

.card-wrapper:has(.urso-card__model) .card-wrapper__media { z-index: 30; }

.urso-card__model {
  position: absolute;
  inset: 0;
  z-index: 31;
  display: block;
  width: 100%;
  height: 100%;
  background: var(--upc-model-bg, transparent) !important;
  background-color: var(--upc-model-bg, transparent) !important;
}
.urso-card__model,
.urso-card__model *,
.urso-card__model model-viewer { background-color: var(--upc-model-bg, transparent) !important; }

.urso-card__model::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  background: var(--upc-model-bg, transparent);
  pointer-events: none;
}

.urso-card__model model-viewer {
  --poster-color: var(--upc-model-bg, transparent);
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  background: var(--upc-model-bg, transparent) !important;
  cursor: grab;
  touch-action: pan-y;
  transition: opacity .15s ease;
}
.urso-card__model.is-loaded model-viewer { opacity: 1; visibility: visible; }
.urso-card__model model-viewer:active { cursor: grabbing; }
.urso-card__model model-viewer::part(default-progress-bar),
.urso-card__model model-viewer::part(default-progress-mask),
.urso-card__model model-viewer::part(default-poster) { background: var(--upc-model-bg, transparent) !important; }

.card-wrapper:has(.urso-card__model) .media { background: var(--upc-model-bg, transparent); }

/* =========================================================
   URSO - IGUALAR ALTURA FINAL DOS CARDS (stretch forcado)
   Reserva altura do bloco de preco e estica o card ate o
   fim da linha do grid, eliminando diferencas de 6-12px.
   Variaveis de ajuste:
   --upc-price-h  altura reservada do bloco de preco
   --upc-extra-h  altura reservada da linha extra (parcelas/pix)
   ========================================================= */
.product-grid-grid > li,
.collection-product-list > li,
#product-grid > li,
.collection-product-card { align-self: stretch !important; height: auto !important; }

.collection-product-card > .card-wrapper,
.product-grid-grid > li > .card-wrapper,
#product-grid > li > .card-wrapper { height: 100% !important; }

.card-wrapper { display: flex !important; flex-direction: column !important; }
.card-wrapper .card { height: 100%; display: flex; flex-direction: column; }
.card-wrapper .card__content { flex: 1 1 auto; display: flex; flex-direction: column; }
.card-wrapper .card-information { flex: 1 1 auto !important; display: flex; flex-direction: column; }
.card-wrapper .card-information__wrapper { flex: 1 1 auto !important; }

.card-wrapper .price { min-height: var(--upc-price-h, 86px); }
.card-wrapper .urso-price-extra,
.card-wrapper .urso-card__extra { min-height: var(--upc-extra-h, 33px); }

@media screen and (max-width: 749px) {
  .card-wrapper .price { min-height: var(--upc-price-h-mob, 78px); }
  .card-wrapper .urso-price-extra,
  .card-wrapper .urso-card__extra { min-height: var(--upc-extra-h-mob, 30px); }
}

/* =========================================================
   URSO - SELETOR DE VARIANTE NO CARD DE PRODUTO
   Variaveis de ajuste:
   --upc-var-h / --upc-var-h-mob      altura reservada da linha
   --upc-var-btn-h / -mob             altura da pilula
   --upc-var-size / -mob              tamanho do texto
   --upc-var-dot                      diametro do ponto de cor
   --upc-var-bg / --upc-var-border    cores no estado normal
   --upc-var-active-*                 cores no estado selecionado
   ========================================================= */
.urso-card__variants {
  display: flex;
  flex-wrap: var(--upc-var-wrap, nowrap);
  align-items: center;
  gap: var(--upc-var-gap, 6px);
  width: 100%;
  min-height: var(--upc-var-h, 32px);
  margin-top: 2px;
  position: relative;
  z-index: 31;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 1px;
  cursor: grab;
  overscroll-behavior-x: contain;
}
.urso-card__variants::-webkit-scrollbar { display: none; }
.urso-card__variants.is-grabbing {
  cursor: grabbing;
  user-select: none;
  -webkit-user-select: none;
  scroll-behavior: auto;
}
.urso-card__variants.is-grabbing .urso-card__variant { cursor: grabbing; }
.urso-card__variant { flex: none; }
.urso-card__variant {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: var(--upc-var-btn-h, 28px);
  padding: 0 var(--upc-var-pad, 10px);
  border-radius: 999px;
  background: var(--upc-var-bg, #262424);
  border: 1px solid var(--upc-var-border, #262424);
  color: var(--upc-var-color, #C4BDB1);
  font-family: var(--font-body-family);
  font-weight: 700;
  font-size: var(--upc-var-size, 11px);
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.urso-card__variant:hover { color: #FFFFFF; }
.urso-card__variant.is-active {
  background: var(--upc-var-active-bg, #090707);
  border-color: var(--upc-var-active-border, #F6C500);
  color: var(--upc-var-active-color, #FFFFFF);
}
.urso-card__variant-dot {
  width: var(--upc-var-dot, 12px);
  height: var(--upc-var-dot, 12px);
  border-radius: 50%;
  background: var(--upc-var-dot-default, #6B6B6B);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.28);
  flex: none;
}
.urso-card__variant-lab {
  display: inline-block;
  max-width: var(--upc-var-lab-max, 92px);
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 749px) {
  .urso-card__variants { min-height: var(--upc-var-h-mob, 30px); gap: 5px; }
  .urso-card__variant {
    height: var(--upc-var-btn-h-mob, 26px);
    font-size: var(--upc-var-size-mob, 10px);
    padding: 0 8px;
  }
  .urso-card__variant-dot { width: var(--upc-var-dot-mob, 10px); height: var(--upc-var-dot-mob, 10px); }
}

/* =========================================================
   URSO - o base.css forca display:block em todo filho de .media,
   o que faz o codigo dos <script> do 3D aparecer como texto no card.
   ========================================================= */
.media > script,
.card-wrapper script,
.urso-card script,
.urso-cgrid script { display: none !important; }

/* ============ AJUSTES DE USABILIDADE (out/2026) ============ */ /* Cards: com o card estreito, ADICIONAR e VER MAIS descem para duas linhas em vez de espremer */ @media screen and (min-width: 750px) { .urso-card__buttons { flex-wrap: wrap; } .urso-card__buttons > * { flex: 1 1 132px; } } .urso-btn { white-space: nowrap; } /* Filtros: a pilula nunca passa da largura da coluna */ .collection-wrapper .facets__item, .collection-wrapper .facet-checkbox { max-width: 100%; } .collection-wrapper .facets__item .facet-checkbox__label { white-space: normal !important; } /* Hero: bolinhas sobre o banner, centralizadas; setas grandes nas laterais, sempre visiveis (com 1 banner so, o tema nao mostra controles) */ @media screen and (min-width: 750px) { .urso-hero-carousel { position: relative; } .urso-hero-carousel__controls { position: absolute !important; inset: 0 !important; align-items: flex-end !important; justify-content: center !important; padding: 0 0 12px !important; background: transparent !important; } .urso-hero-carousel__dots { background: rgba(9,7,7,.45); border-radius: 999px; padding: 2px 6px; } .urso-hero-carousel__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; width: 56px !important; height: 56px !important; transition: opacity .2s ease, background .2s ease, border-color .2s ease !important; } .urso-hero-carousel__arrow svg { width: 24px !important; height: 24px !important; } .urso-hero-carousel__arrow[data-prev] { left: 24px; } .urso-hero-carousel__arrow[data-next] { right: 24px; } } /* Faixa de beneficios: no desktop o texto quebra linha em vez de ser cortado; no mobile fica a rolagem lateral original */ @media screen and (min-width: 750px) { .urso-benefits__item { max-width: 100%; min-width: 0; } .urso-benefits__text { white-space: normal !important; } }