/** Shopify CDN: Minification failed

Line 278:16 Unexpected "{"
Line 278:25 Expected ":"

**/
/* ============================================================
   BENIHA STUDIO — Custom CSS (Dawn)
   ============================================================ */

   /* Assinatura da história */
@import url('https://fonts.googleapis.com/css2?family=Moon+Dance&display=swap');

.image-with-text .image-with-text__text > p:last-child {
  font-family: 'Moon Dance', cursive !important;
  font-size: 3rem !important;
  color: #d73427 !important;
  opacity: 1 !important;
  font-style: normal !important;
  margin-top: 2rem;
  line-height: 1.2;
}

/* ---------- 1. CANTOS ---------- */
.price__badge-sale {
  border-radius: 6px !important;
}

/* ---------- 2. BOTÕES ---------- */
.button,
.product-form__submit {
  font-family: var(--font-heading-family) !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* ---------- 3. TAG DE COLEÇÃO ---------- */
.product__text.caption-with-letter-spacing {
  color: #d73427;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin-bottom: 0.4rem;
}

/* ---------- 4. ALTERAÇÕES CARDS PRODUTOS ---------- */
.card__heading {
  font-size: clamp(1.6rem, 1.2rem + 1.3vw, 2.2rem) !important;
  line-height: 1.2 !important;
}

.card__content .price .price-item {
  font-size: 1.5rem !important;
}

.card__heading a {
  text-decoration: none !important;
}

/* ---------- 5. PREÇO ---------- */
.price .price-item {
  font-family: var(--font-body-family);
}
.price__badge-sale {
  background: #d73427;
  color: #fff;
  border: none;
}
.price--on-sale .price__sale {
  display: flex !important;
  align-items: baseline;
  gap: 0.6rem;
}
.price--on-sale .price__sale .price-item--sale {
  order: -1;
  color: #d73427;
}

/* ---------- 10. GALERIA PÁGINA Produto ---------- */
@media (min-width: 990px) {
  media-gallery[data-desktop-layout="thumbnail"] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: flex-start;
  }
  media-gallery[data-desktop-layout="thumbnail"] .thumbnail-slider {
    order: -1;
    flex: 0 0 90px;
    width: 90px;
    margin-top: 0;
  }
  media-gallery[data-desktop-layout="thumbnail"] .thumbnail-list {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }
  media-gallery[data-desktop-layout="thumbnail"] .thumbnail-list__item {
    width: 100% !important;
  }
  media-gallery[data-desktop-layout="thumbnail"] .thumbnail-slider > .slider-button {
    display: none;
  }
  media-gallery[data-desktop-layout="thumbnail"] > slider-component:not(.thumbnail-slider) {
    flex: 1 1 auto;
    min-width: 0;
  }
}

/* Assinatura — último parágrafo do bloco de história */
.image-with-text .image-with-text__text > p:last-child {
  font-style: italic;
  opacity: 0.7;
  font-size: 0.9rem;
  margin-top: 1.5rem;
}

/* Logo à esquerda, menu ao centro */
@media (min-width: 990px) {
  .header {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center;
  }
  .header__heading,
  .header__heading-link {
    justify-self: start;
  }
  .header__inline-menu {
    justify-self: center;
  }
  .header__icons {
    justify-self: end;
  }
}

/* Menu em Anton */
.header__menu-item,
.header__inline-menu .list-menu__item {
  font-family: var(--font-heading-family) !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.header__submenu .header__menu-item,
.menu-drawer__menu-item {
  font-family: var(--font-heading-family) !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Tipografia so no nivel dos "netos" (ex: Anime, Samurai) - o nivel do meio
   ("Themes") mantem-se em Anton, como titulo/agrupador */
.menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
  font-family: var(--font-body-family) !important;
  text-transform: none;
  letter-spacing: normal;
  font-weight: 500;
}

/* ---------- 6. BOTÃO ADD TO CART (página de produto) ---------- */
.product__info-container .product-form__submit {
  padding: 1.3rem 2rem;
  font-size: 2rem;
  box-shadow: 0 8px 20px rgba(215, 52, 39, 0.45);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.product__info-container .product-form__submit:hover {
  box-shadow: 0 10px 26px rgba(215, 52, 39, 0.55);
  transform: translateY(-1px);
}

.beniha-btn-price-sep {
  margin: 0 0.5em;
  opacity: 0.6;
  font-weight: 400;
}

/* ---------- 7. BOTÃO A FLUTUAR (alternativa a testar) ---------- */
@keyframes beniha-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.product__info-container .product-form__submit {
  animation: beniha-float 3s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .product__info-container .product-form__submit {
    animation: none !important;
  }
}

/* ---------- 8. VALOR FINAL MAIOR (página de produto) ---------- */
.product__info-container .price__regular .price-item--regular,
.product__info-container .price__sale .price-item--sale {
  font-size: 3rem;
  }

/* ---------- 9. CARD INTEIRO: CRESCE E SOBE NO HOVER ---------- */
.card-wrapper .card {
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.card-wrapper:hover .card {
  transform: translateY(-6px);
  border-color: #d73427;
  box-shadow: 0 8px 20px rgba(215, 52, 39, 0.45);
  position: relative;
  z-index: 252;
}

/* ---------- 10. TEMPORIZADOR DE COMPRA ---------- */

#countdown {
  font-size: 1.8rem;
  font-weight: bold;
  color: #d73427;
}

/* Link de texto dentro do summary (Mousepads) - herdar cor em vez do azul/roxo do browser */
.menu-drawer__menu-item > a {
  color: inherit;
  text-decoration: none;
}

/* ---------- Menu mobile: acordeao em vez de slide lateral ---------- */
@media screen and (max-width: 749px) {
  .js .menu-drawer__submenu {
    position: static !important;
    transform: none !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    z-index: auto !important;
    display: none;
  }
  details[open] > .menu-drawer__submenu {
    display: block !important;
  }

  /* Ja nao ha "pagina anterior" para onde voltar, o botao deixa de fazer sentido */
  .menu-drawer__close-button {
    display: none !important;
  }

  /* A Shopify escondia o menu de topo quando um submenu abria (fazia sentido com o
     slide antigo, que cobria tudo). Agora que ficou em acordeao, mantemos sempre visivel. */
  .js .menu-drawer__navigation .submenu-open {
    visibility: visible !important;
  }

  /* Escurecido de fundo era para o efeito de slide, ja nao e preciso */
  .js menu-drawer > details > summary::before,
  .js menu-drawer > details[open]:not(.menu-opening) > summary::before {
    display: none !important;
  }

  /* Um pequeno respiro/indentacao para o submenu se distinguir visualmente do nivel de cima */
  .menu-drawer__submenu .menu-drawer__inner-submenu {
    padding-left: 1.5rem;
  }

  /* Tirar o fundo cinzento do hover/toque, o texto muda de cor em vez disso */
  .menu-drawer__menu-item--active,
  .menu-drawer__menu-item:focus,
  .menu-drawer__menu-item:hover,
  .menu-drawer__menu-item--active:hover {
    background-color: transparent !important;
    color: #d73427 !important;
  }
}

/* Personalizações extra Widget Review*/

#BenihaReviews-{{ section.id }} .breviews__stars svg,
.breviews__card .breviews__stars svg {
  width: 18px !important;
  height: 18px !important;
}

.breviews__verified {
  color: #d73427 !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  opacity: 1 !important;
  gap: 8px !important;
}

@keyframes beniha-verified-pulse {
  0% { box-shadow: 0 0 0 0 rgba(215, 52, 39, 0.6); }
  100% { box-shadow: 0 0 0 9px rgba(215, 52, 39, 0); }
}

.breviews__verified svg {
  fill: #FFFFFF !important;
  background-color: #d73427;
  border-radius: 50%;
  padding: 5px;
  width: 20px !important;
  height: 20px !important;
  box-sizing: border-box;
  animation: beniha-verified-pulse 2s ease-out infinite;
}

/* ---------- FILTROS (facets.liquid) — estilo Beniha ---------- */

/* Titulo "Filter:" */
.facets__heading--vertical {
  font-family: var(--font-heading-family) !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 1.4rem;
}

/* "Remove all" */
.active-facets__button-remove {
  color: #d73427;
  font-family: var(--font-body-family);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 1.2rem;
}

/* Pills dos filtros ativos (ex: "TEMA: ANIME ✕") */
.active-facets__button--light .active-facets__button-inner {
  background-color: #161616;
  color: #F4F1EC;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  font-family: var(--font-body-family);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 1.1rem;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.active-facets__button--light:hover .active-facets__button-inner {
  border-color: #d73427;
}

/* Cabecalho de cada grupo de filtro (Availability, Size, Tema...) */
.facets__disclosure-vertical {
  background-color: #121212;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 1.2rem 1.6rem;
  margin-top: 1.2rem;
}
.facets__disclosure-vertical:first-child {
  margin-top: 0;
}
.facets__display-vertical {
  margin-top: 1rem;
}
.facets__summary {
  font-family: var(--font-heading-family) !important;
  text-transform: uppercase;
  letter-spacing: 0.1rem !important;
  font-size: 1.7rem !important;
}
.facets__summary .icon-caret,
.facets__summary svg {
  color: rgba(255, 255, 255, 0.4);
}
.facets__summary .facets__selected {
  color: #d73427;
  font-weight: 700;
}
.facets__header-vertical .facets__selected {
  color: #F4F1EC;
  font-weight: 400;
}
.facets__and-helptext {
  color: #888;
  font-style: italic;
}

/* Caixas "From"/"To" do filtro de preco */
.facets__price .field {
  background-color: #121212 !important;
}
.facets__price .field__input {
  background-color: #121212 !important;
  color: #F4F1EC !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.facets__price .field__label {
  color: rgba(244, 241, 236, 0.6) !important;
}
.facets__price .field-currency {
  color: #F4F1EC !important;
}

/* Lista de valores dentro de cada filtro (checkboxes) */
.facet-checkbox__text-label {
  font-family: var(--font-body-family);
}
.facets__label.active .facet-checkbox__text-label {
  font-family: var(--font-body-family) !important;
  color: #d73427;
  font-weight: 700;
}

/* Caixa do checkbox e visto (square.svg + icon-checkmark.svg) */
.facets__label input[type="checkbox"]:checked ~ svg,
.facets__label.active svg {
  color: #d73427;
  fill: #d73427;
}

/* "Show more" / "Show less" */
.button-show-more {
  color: #d73427;
  font-family: var(--font-body-family);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 1.1rem;
}

/* "Reset" dentro de cada filtro */
.facets__reset {
  color: #d73427;
}

/* ---------- Corrigir opcoes invisiveis nos dropdowns nativos (Sort by, etc.) ---------- */
.select__select option {
  background-color: #161616;
  color: #F4F1EC;
}