/** Shopify CDN: Minification failed

Line 149:0 Unexpected "}"

**/
/* === ARS Waitlist • Design V3 (com modal centralizado) ============================ */
:root{
  --ars-brand: #a28b7d;        /* botão / selecionado */
  --ars-ink:   #5b463c;        /* títulos/labels */
  --ars-ink-2: #7a665c;        /* textos secundários */
  --ars-surface:#faf7f5;       /* fundo suave */
  --ars-line:  #d8c9bf;        /* linhas/bordas */
  --ars-cinza: rgba(167,167,167,.9);   /* botao secundário */
  --ars-escuro: rgba(74,67,75,.9);
  --ars-claro: rgba(253,253,253,.9);
  --ars-bordinha: rgba(219,214,214,.9);
}

/* container */
.ars-waitlist{ margin-top: 16px; }

/* botão de abrir (toggle) */
.ars-waitlist__toggle{
  width:100%;
  display:grid;
  grid-template-columns: 1fr auto 1fr;  /* esquerda | centro | direita */
  align-items:center;
  gap:20px;
  padding:18px 30px;
  border:0.02em solid var(--ars-bordinha);
  background:#4D4139;
  border-radius:50px;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0, 0, 0, 0.12);
}
.ars-waitlist__title{
  grid-column:2;
  justify-self:center;
  display:inline-flex; align-items:center; gap:.6ch;
  font-family:'Neue Haas DisplayMediu', monospace;
  letter-spacing:0.04rem;
  font-size:1.3rem; font-weight:400;
  color:var(--ars-claro);
}
.ars-waitlist__title .ars-icon-bell{ width:16px; height:16px; flex-shrink:0; }
.ars-waitlist__hint{
  grid-column:3; justify-self:end;
  font-size:12px; color:var(--ars-claro); opacity:.85;
}
@media (max-width: 360px){
  .ars-waitlist__hint{ display:none; }
}

/* painel */
.ars-waitlist__content{
  margin-top:8px;
  border:1px solid var(--ars-line);
  background:#fff;
  border-radius:12px;
  padding:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0, 0, 0, 0.27);
  transition:max-height .28s ease;
}
.ars-waitlist__close{ font-size:18px; line-height:1; border:0; background:transparent; color:var(--ars-ink-2); }
.ars-waitlist__subtitle{ margin:0 0 12px; font-size:14px; color:var(--ars-ink-2); }

/* grupos */
.ars-field-group{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:740px){ .ars-field-group{ grid-template-columns:1fr; gap:10px; }}

/* labels + inputs */
.ars-field label{
  display:block; margin:0 0 6px;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ars-ink);
}
.ars-field input[type="text"],
.ars-field input[type="email"],
.ars-field input[type="tel"]{
  width:100%; height:44px;  /* 44px + font 16 evita zoom do iOS */
  font-size:16px;
  padding:10px 12px;
  border:1px solid var(--ars-line);
  border-radius:10px;
  background:#fff; color:var(--ars-ink);
  outline:0;
}
.ars-field input:focus{
  border-color:var(--ars-ink-2);
  box-shadow:0 0 0 2px rgba(162, 139, 125, 0.14);
}
.ars-help{ display:block; margin-top:6px; font-size:12px; color:var(--ars-ink-2); opacity:.85; }

/* tamanhos */
.ars-sizes{
  margin: 4px 0 10px;
  padding: 10px 12px;
  border: 1px solid var(--ars-line);
  border-radius: 12px;
}
.ars-sizes legend{
  font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ars-ink); margin-bottom:8px;
}
.ars-sizes__grid{ display:flex; gap:8px; }
.ars-size input{ position:absolute; opacity:0; pointer-events:none; }
.ars-size span{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:44px; height:40px; padding:0 12px;
  border:1px solid var(--ars-line); border-radius:10px;
  background:#fff; color:var(--ars-ink);
  font-size:14px; transition:.18s;
}
.ars-size input:checked + span{
  background:#6a6059; color:#fff; border-color:var(--ars-brand);
}

/* erro de tamanho só aparece quando JS tira o [hidden] */
.ars-error{ color:#b00020; font-size:12px; margin-top:6px; display:block; }
.ars-error[hidden]{ display:none !important; }

/* botão principal */
.ars-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:100%; height:40px; border-radius:50px;
  cursor:pointer;
  font-family:'Neue Haas DisplayMediu', monospace;
  font-weight:400; letter-spacing:.02em; text-transform:uppercase; 
  font-size:1.2rem;
  border:0;
  background:#6a6059; color:#fff;
  transition: background .2s ease, transform .05s ease, filter .2s ease;
  text-decoration:none; /* remove sublinhado de links */
}
.ars-btn--primary{
  width: calc(100% - 24px);    /* 12px de cada lado */
  margin: 6px 12px 0;
}
.ars-btn:active{ transform:translateY(1px); }
.ars-btn.is-loading{ opacity:.6; pointer-events:none; }

/* sem backdrop na página */
.ars-waitlist__backdrop,
#ArsWaitlistBackdrop{
  display: none !important;
}

}
.ars-waitlist__backdrop.is-open{ display:block !important; }

/* sucesso em estilo “modal centralizado” */
.ars-success-modal{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:9999;
}
.ars-success-modal__box{
  background:#f5e4dd; /* cor de fundo nova */
  border:1px solid var(--ars-line);
  border-radius:12px;
  padding:24px 20px;
  min-width:300px;
  max-width:90%;
  text-align:center;
  box-shadow:0 10px 28px rgba(0, 0, 0, 0.24);
}
.ars-success-modal__title{
  margin:0 0 6px;
  font-size:16px;
  color:var(--ars-ink);
}
.ars-success-modal__text{
  margin:0 0 16px;
  font-size:14px;
  color:var(--ars-ink-2);
}
.ars-success-modal__close{ display:none; } /* sem X */
.ars-success-modal[hidden]{ display:none !important; }

/* ====== ARS Waitlist – ajustes finos de espaçamento ====== */
.ars-waitlist__form{ display:grid; gap:12px; }
.ars-field{ margin:0; }
.ars-field + .ars-field{ margin-top:0; }
.ars-field-group{ gap:12px; }
@media (max-width:740px){ .ars-field-group{ gap:10px; } }
.ars-field label{ margin:0 0 6px; }
.ars-help{ margin-top:6px; }
.ars-error{ margin-top:6px; }
.ars-waitlist__subtitle{ margin:0 0 12px; }

/* Quando a waitlist está ativa, esconda o botão desabilitado do tema */
body.ars-waitlist-active .product-form__submit[disabled],
body.ars-waitlist-active button[name="add"][disabled],
body.ars-waitlist-active .product-form__submit[aria-disabled="true"]{
  display: none !important;
}

/* Garantir que o botão da waitlist ocupe o espaço do botão do tema */
body.ars-waitlist-active .ars-waitlist{ margin-top: 16px; }



/* Loading spinner - Estrela com Brilho */
.ars-btn.is-loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
  cursor: wait;
}

.ars-btn.is-loading::after {
  content: "✦";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: white;
  animation: ars-shimmer 2s ease-in-out infinite;
}

@keyframes ars-shimmer {
  0%, 100% { 
    opacity: 1; 
    transform: translate(-50%, -50%) scale(1);
    filter: brightness(1);
  }
  50% { 
    opacity: 0.6; 
    transform: translate(-50%, -50%) scale(1.15);
    filter: brightness(1.5);
  }
}


/* Botão X do modal de sucesso */
.ars-success-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  font-size: 28px;
  line-height: 1;
  color: #999;
  cursor: pointer;
  padding: 4px 8px;
  transition: all 0.2s ease;
  z-index: 10;
}

.ars-success-modal__close:hover {
  color: #333;
  transform: scale(1.1);
}

/* Garantir que o box do modal tenha position relative */
.ars-success-modal__box {
  position: relative;
}