/** Shopify CDN: Minification failed

Line 1105:9 Expected identifier but found whitespace
Line 1105:10 Unexpected "2"
Line 1154:2 Expected ":"

**/
/* =================================================
   REVIEW – BASE LIMPO (AGourmet)
   Modal + Stars + Summary + Empty
================================================= */

/* ===============================
   SWEETALERT POPUP
================================ */
.ag-swal-popup {
  width: 660px !important;
  padding: 24px 32px 32px !important;
  font-family: Roboto, "Open Sans", Arial, sans-serif;
  color: #1a1a1a;
}

/* header do modal */
.ag-swal-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 24px;
}

.ag-swal-header img {
  width: 68px;
  height: 68px;
  object-fit: contain;
}

.ag-swal-header span {
  font-size: 19px;
  font-weight: 500;
}

/* ===============================
   LABELS / TEXTAREA
================================ */
.ag-swal-popup label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #0a2540;
}

.ag-swal-popup textarea {
  width: 100%;
  min-height: 120px;
  border: 1px solid #cfd7df;
  border-radius: 4px;
  padding: 10px;
  font-size: 14px;
}

.ag-counter {
  font-size: 12px;
  color: #6b7280;
  text-align: right;
  margin: 6px 0 24px;
}

/* ===============================
   CHECKBOXES
================================ */
.ag-check {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 12px;
  color: #0a2540;
}

.ag-check input {
  width: 16px;
  height: 16px;
}

/* ===============================
   BOTÃO MODAL
================================ */
.ag-submit {
  width: 100%;
  height: 48px;
  background: #1677ff;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  margin-top: 24px;
  cursor: pointer;
}

/* =================================================
   RESUMO DE AVALIAÇÕES (COM AVALIAÇÃO)
================================================= */
.ag-review-summary {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 24px 0;
  border-bottom: 1px solid #eee;
}

.ag-review-score-big {
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}

.ag-review-based {
  font-size: 14px;
  color: #6b7280;
  margin-top: 6px;
}

.ag-review-stars-big {
  font-size: 22px;
  color: #fbbc04;
  margin-top: 6px;
}

.ag-review-summary-right {
  text-align: right;
}

.ag-review-images-row {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.ag-review-images-row img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 6px;
}

.ag-review-see-all {
  display: inline-block;
  margin-top: 6px;
  font-size: 13px;
  color: #1677ff;
}

/* filtros */
.ag-review-filters {
  display: flex;
  gap: 10px;
  margin: 18px 0;
}

.ag-review-filters button {
  border: 1px solid #e5e7eb;
  background: #fff;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 999px;
  cursor: pointer;
}

/* =================================================
   SEM AVALIAÇÕES
================================================= */
.ag-review-empty {
  text-align: center;
  padding: 60px 20px;
}

.ag-review-empty h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 8px;
}

.ag-review-empty p {
  font-size: 14px;
  color: #6b7280;
  max-width: 520px;
  margin: 0 auto 20px;
}

.ag-review-empty .ag-review-btn {
  background: #1677ff;
  color: #fff;
  border: none;
  padding: 14px 28px;
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
}
/* ======================================================
   AG REVIEWS – SEÇÃO + MODAL (FINAL LIMPO)
   (cola isso no base.css e apaga os blocos antigos duplicados)
====================================================== */

/* ===== SEÇÃO PRINCIPAL ===== */
.ag-review-wrapper {
  width: 100%;
  margin: 32px 0 10px;
  font-family: Inter, Arial, sans-serif;
  color: #111827;
}

.ag-review-loading {
  font-size: 14px;
  color: #6b7280;
}

.ag-title {
  font-size: 26px;
  font-weight: 800;
  margin: 0;
}

.ag-review-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eef2f7;
  margin-bottom: 18px;
}

.ag-review-btn {
  background: #1677ff;
  color: #fff;
  border: none;
  height: 40px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.ag-review-btn:hover { filter: brightness(0.98); }

.ag-review-btn .ag-btn-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
}

.ag-review-btn-lg {
  height: 46px;
  padding: 0 22px;
  border-radius: 10px;
}

.ag-review-summary {
  display: flex;
  justify-content: space-between;
  gap: 36px;
  padding: 10px 0 18px;
  border-bottom: 1px solid #eef2f7;
}

.ag-review-summary-left {
  min-width: 320px;
}

.ag-review-score-big {
  font-size: 48px;
  font-weight: 900;
  line-height: 1;
  margin-top: 10px;
}

.ag-review-based {
  font-size: 14px;
  color: #6b7280;
  margin-top: 6px;
}

.ag-review-stars-big {
  display: flex;
  gap: 6px;
  margin-top: 10px;
  font-size: 22px;
}

.ag-review-stars-big .ag-star-big {
  color: #e5e7eb;
}

.ag-review-stars-big .ag-star-big.is-on {
  color: #fbbc04;
}

.ag-filter-title {
  margin-top: 18px;
  font-size: 14px;
  font-weight: 800;
}

.ag-review-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.ag-filter-pill {
  border: 1px solid #e5e7eb;
  background: #fff;
  padding: 8px 12px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ag-filter-pill:hover {
  border-color: #cbd5e1;
  background: #f9fafb;
}

.ag-filter-pill.is-active {
  border-color: #111827;
  background: #111827;
  color: #fff;
}

.ag-filter-pill.is-active .ag-pill-count { opacity: .95; }

.ag-review-summary-right {
  flex: 1;
  text-align: right;
}

.ag-review-images-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}

.ag-review-see-all {
  font-size: 13px;
  color: #1677ff;
  text-decoration: none;
}

.ag-review-images-row {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}

.ag-thumb {
  width: 74px;
  height: 74px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #eef2f7;
}

.ag-no-images {
  font-size: 13px;
  color: #9ca3af;
}

/* LISTA / CARDS */
.ag-review-list {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ag-review-card {
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 18px 18px 16px;
  background: #fff;
}

.ag-card-stars {
  display: flex;
  gap: 4px;
  margin-bottom: 10px;
}

.ag-star-mini {
  color: #e5e7eb;
  font-size: 18px;
  line-height: 1;
}

.ag-star-mini.is-on {
  color: #fbbc04;
}

.ag-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.ag-card-name {
  font-weight: 800;
  font-size: 16px;
}

.ag-card-meta {
  display: flex;
  gap: 10px;
  color: #6b7280;
  font-size: 13px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ag-card-ref {
  margin-top: 10px;
  background: #f3f4f6;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
  color: #374151;
}

.ag-card-badge {
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #e9fbeF;
  color: #15803d;
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 700;
}

.ag-badge-icon {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #16a34a;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.ag-card-text {
  margin-top: 12px;
  font-size: 14px;
  color: #111827;
  line-height: 1.45;
}

.ag-card-images {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}

.ag-card-thumb {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #eef2f7;
}

.ag-empty-list {
  color: #6b7280;
  font-size: 14px;
  padding: 10px 0;
}

/* ===== ESTADO VAZIO – AJUSTE FINO ESTILO SOTILLE ===== */
.ag-review-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 80px 24px;
  gap: 10px; /* MENOS ESPAÇO */
}

.ag-review-empty h3 {
  font-size: 26px;
  font-weight: 800;
  color: #111827;
  margin: 4px 0 2px; /* cola no ícone */
}

.ag-review-empty p {
  font-size: 15px;
  color: #6b7280;
  max-width: 520px;
  line-height: 1.45;
  margin-top: 6px;
}

.ag-review-empty .ag-review-btn {
  margin-top: 14px;
}


/* ===== SWEETALERT MODAL ===== */
.ag-swal-popup {
  padding: 22px 26px 24px !important;
  font-family: Inter, Arial, sans-serif;
}

.ag-swal-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid #eef2f7;
}

.ag-swal-header img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.ag-swal-header span {
  font-size: 16px;
  font-weight: 800;
  color: #111827;
}

.ag-swal-popup label {
  display: block;
  font-size: 14px;
  font-weight: 800;
  color: #0a2540;
  margin: 12px 0 8px;
}

.ag-rating-ctn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 0;
  border-top: 1px solid #eef2f7;
  border-bottom: 1px solid #eef2f7;
  margin: 6px 0 6px;
}

.ag-stars {
  display: flex;
  gap: 8px;
}

.ag-stars span {
  width: 32px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0;
}

.ag-stars span::before {
  content: "★";
  font-size: 22px;
  color: #d1d5db;
  transition: color .15s ease;
}

.ag-stars span.active::before,
.ag-stars span.hover::before {
  color: #fbbc04;
}

.ag-swal-popup textarea {
  width: 100%;
  min-height: 120px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
}

.ag-counter {
  font-size: 12px;
  color: #6b7280;
  text-align: right;
  margin-top: 6px;
}

.ag-check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #0a2540;
  margin: 10px 0;
}

.ag-check input {
  width: 16px;
  height: 16px;
}

.ag-submit {
  width: 100%;
  height: 46px;
  border: none;
  border-radius: 10px;
  background: #1677ff;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  margin-top: 14px;
}

.ag-submit:disabled {
  opacity: .75;
  cursor: not-allowed;
}

.ag-submit-note {
  margin-top: 10px;
  font-size: 13px;
  color: #6b7280;
}

/* ===== GALERIA (quando clicar “ver todas imagens”) ===== */
.ag-swal-gallery .ag-swal-gallery-title {
  font-weight: 900;
  font-size: 16px;
  margin-bottom: 12px;
  text-align: left;
}

.ag-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.ag-gallery-img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #eef2f7;
}

@media (max-width: 720px) {
  .ag-review-summary { flex-direction: column; }
  .ag-review-summary-right { text-align: left; }
  .ag-review-images-row { justify-content: flex-start; }
  .ag-gallery-grid { grid-template-columns: repeat(2, 1fr); }
}
/* ======================================================
   AG REVIEWS – AJUSTE FINAL VISUAL (MATCH 100%)
====================================================== */

/* ===== RESUMO (TOPO) ===== */
.ag-review-summary {
  padding: 16px 0 14px;
}

.ag-review-score-big {
  font-size: 44px;
  font-weight: 900;
}

.ag-review-stars-big {
  margin-top: 6px;
}

.ag-review-stars-big span::before {
  color: #fbbc04 !important;
}

/* ===== FILTRO ===== */
.ag-filter-title {
  margin-top: 14px;
}

/* ===== LISTA ===== */
.ag-review-list {
  margin-top: 14px;
}

/* ===== CARD ===== */
.ag-review-card {
  padding: 16px 18px;
  border-radius: 16px;
}

/* estrelas do card */
.ag-card-stars {
  margin-bottom: 6px;
}

/* nome + meta */
.ag-card-head {
  align-items: center;
}

.ag-card-name {
  font-size: 15px;
}

.ag-card-meta {
  font-size: 12px;
  gap: 8px;
}

/* badge recomendar */
.ag-card-badge {
  margin-top: 8px;
  padding: 6px 10px;
  font-size: 12px;
}

/* texto */
.ag-card-text {
  margin-top: 8px;
  font-size: 14px;
}

/* imagens da avaliação */
.ag-card-images {
  margin-top: 10px;
}

.ag-card-thumb {
  width: 90px;
  height: 90px;
  border-radius: 14px;
}
/* ======================================================
   AG REVIEWS – MATCH 100000% COM EXEMPLO
   (COLAR NO FINAL DO ag-review.css)
====================================================== */

/* ===== TOPO / RESUMO ===== */
.ag-review-summary {
  padding: 12px 0 14px !important;
  gap: 28px !important;
}

.ag-review-summary-left {
  min-width: 300px;
}

.ag-review-score-big {
  font-size: 44px !important;
  font-weight: 900 !important;
  margin-top: 6px !important;
}

.ag-review-stars-big {
  margin-top: 4px !important;
  gap: 4px !important;
}

.ag-review-stars-big span::before {
  font-size: 20px !important;
  color: #fbbc04 !important;
}

/* ===== FILTROS ===== */
.ag-filter-title {
  margin-top: 10px !important;
  font-size: 14px !important;
}

.ag-review-filters {
  gap: 8px !important;
  margin-top: 8px !important;
}

.ag-filter-pill {
  padding: 6px 10px !important;
  font-size: 12px !important;
  gap: 4px !important;
}

/* ===== LISTA ===== */
.ag-review-list {
  margin-top: 12px !important;
  gap: 14px !important;
}

/* ===== CARD ===== */
.ag-review-card {
  padding: 14px 16px !important;
  border-radius: 14px !important;
}

/* estrelas do card */
.ag-card-stars {
  margin-bottom: 4px !important;
  gap: 3px !important;
}

.ag-star-mini {
  font-size: 16px !important;
}

/* nome + meta */
.ag-card-head {
  align-items: center !important;
}

.ag-card-name {
  font-size: 15px !important;
  font-weight: 800 !important;
}

.ag-card-meta {
  font-size: 12px !important;
  gap: 6px !important;
}

/* badge recomendar */
.ag-card-badge {
  margin-top: 6px !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
}

/* texto */
.ag-card-text {
  margin-top: 6px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* imagens da avaliação */
.ag-card-images {
  margin-top: 8px !important;
  gap: 8px !important;
}

.ag-card-thumb {
  width: 120px !important;
  height: 120px !important;
  border-radius: 10px !important;
}
/* ======================================================
   FIX FINAL – ESTRELAS DO RESUMO (SEMPRE ATIVAS)
====================================================== */

/* força estrelas do resumo sempre ativas */
.ag-review-stars-big span,
.ag-review-stars-big .ag-star-big {
  color: #fbbc04 !important;
}

/* evita herança errada */
.ag-review-stars-big span::before {
  content: "★";
  font-size: 20px;
  color: #fbbc04 !important;
  opacity: 1 !important;
}

/* remove qualquer estado cinza */
.ag-review-stars-big .is-off,
.ag-review-stars-big .inactive {
  color: #fbbc04 !important;
  opacity: 1 !important;
}

/* espaçamento igual ao exemplo */
.ag-review-stars-big {
  margin-top: 4px !important;
  gap: 4px !important;
  line-height: 1 !important;
}

/* ======================================================
   AG REVIEWS – AJUSTE FINAL CORRETO (MATCH EXEMPLO)
====================================================== */

/* ===== CONTAINER ===== */
.ag-review-wrapper {
  max-width: 1100px;
  margin: 40px auto 60px;
  padding: 0 16px;
}

/* ===== RESUMO TOPO ===== */
.ag-review-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  padding: 24px 0;
}

.ag-review-summary-left {
  text-align: left;
}

.ag-review-summary-right {
  text-align: right;
}

/* ===== LISTA ===== */
.ag-review-list {
  margin-top: 28px;
}

/* ===== CARD ===== */
.ag-review-card {
  padding: 22px 24px;
  border-radius: 18px;
}

/* ⭐ estrelas do card */
.ag-card-stars {
  margin-bottom: 6px;
}

/* ===== CABEÇALHO ===== */
.ag-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

/* nome */
.ag-card-name {
  font-size: 16px;
  font-weight: 800;
}

/* data / local */
.ag-card-meta {
  font-size: 13px;
  color: #6b7280;
}

/* ===== TEXTO ===== */
.ag-card-text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.45;
}

/* ===== BADGE ===== */
.ag-card-badge {
  margin-top: 10px;
}

/* ===== IMAGENS ===== */
.ag-card-images {
  margin-top: 12px;
  display: flex;
  gap: 10px;
}

.ag-card-thumb {
  width: 90px;
  height: 90px;
  border-radius: 14px;
  object-fit: cover;
}

/* ======================================================
   MOBILE
====================================================== */
@media (max-width: 768px) {
  .ag-review-summary {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .ag-review-summary-right {
    text-align: left;
  }

  .ag-card-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
/* ======================================================
   AG REVIEWS – AJUSTE DATA / LOCAL (FINAL)
====================================================== */

/* força cabeçalho em coluna */
.ag-card-head {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

/* nome continua forte */
.ag-card-name {
  font-size: 16px;
  font-weight: 800;
}

/* data + local abaixo do nome */
.ag-card-meta {
  font-size: 13px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start;
}

/* remove qualquer alinhamento à direita antigo */
.ag-card-meta {
  text-align: left !important;
}

/* ícones mais sutis */
.ag-card-meta svg,
.ag-card-meta img {
  opacity: 0.8;
}
/* ======================================================
   AG REVIEW – FIX DEFINITIVO CABEÇALHO DO CARD
====================================================== */

/* cabeçalho sempre alinhado à esquerda */
.ag-card-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* estrelas ficam acima do nome */
.ag-card-stars {
  align-self: flex-start;
}

/* nome do autor */
.ag-card-name {
  text-align: left !important;
  width: 100%;
}

/* data + cidade logo abaixo do nome */
.ag-card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100%;
  margin-top: 2px;
  font-size: 13px;
  color: #6b7280;
}
.ag-card-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 13px;
  color: #5F6572;
}

.ag-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ag-meta-icon {
  width: 20px;
  height: 2/* ================================
   AJUSTE META (DATA + CIDADE)
   PADRÃO SOTILLE
================================ */

.ag-card-head {
  display: flex;
  flex-direction: column;
  align-items: center; /* centraliza tudo */
  text-align: center;
  gap: 6px;
}

/* nome */
.ag-card-name {
  font-weight: 800;
  font-size: 16px;
  line-height: 1.2;
}

/* container da data + cidade */
.ag-card-meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 13px;
  color: #5F6572;
}

/* item individual (data / cidade) */
.ag-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

/* ícone SVG */
.ag-meta-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

/* garante que não fique empurrado pra direita */
.ag-review-card {
  position: relative;
}
px;
}
.ag-card-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  margin-bottom: 10px;
}

.ag-card-stars {
  display: flex;
  gap: 4px;
}

.ag-card-name {
  font-size: 16px;
  font-weight: 800;
  color: #111827;
}

.ag-card-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: #6B7280;
}

.ag-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ag-meta-icon {
  width: 16px;
  height: 16px;
}
.ag-card-badge {
  margin: 10px 0 6px;
}
/* ===== CHECKBOX – FIX TEMA ELLA ===== */
.ag-check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
  font-size: 14px;
  color: #0a2540;
}

.ag-check input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.ag-check label {
  cursor: pointer;
  user-select: none;
}
/* ================================
   CHECKBOX FIX (ELLA + SWEETALERT)
================================ */

.ag-check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
  font-size: 14px;
  color: #0a2540;
}

/* FORÇA O CHECKBOX A EXISTIR VISUALMENTE */
.ag-check input[type="checkbox"] {
  all: unset; /* zera TUDO que o tema fez */
  width: 16px;
  height: 16px;
  border: 1.6px solid #9ca3af;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background: #fff;
}

/* CHECK MARCADO */
.ag-check input[type="checkbox"]:checked {
  background: #1677ff;
  border-color: #1677ff;
}

/* DESENHA O CHECK */
.ag-check input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.ag-check label {
  cursor: pointer;
  user-select: none;
}
/* ===============================
   EMPTY STATE – ESTILO SOTILLE
================================ */

.ag-review-empty {
  text-align: center;
  padding: 80px 20px 90px;
}
/* título */
.ag-review-empty-title {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 22px;
  font-weight: 700; /* Sotille não usa 900 aqui */
  color: #111827;
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}

/* texto */
.ag-review-empty-text {
  font-size: 14px;
  color: #6b7280;
  max-width: 520px;
  margin: 0 auto 26px;
  line-height: 1.5;
}

/* botão */
.ag-review-empty .ag-review-btn {
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 10px;
}
.ag-review-empty-icon {
  margin-bottom: 24px;
}

.ag-empty-icon {
  width: 80px;
  height: 80px;
  color: #9aa3ad; /* cinza Sotille */
}
.ag-login-popup {
  border-radius: 14px;
}

.ag-login-box {
  text-align: center;
  padding: 24px 20px 8px;
}

.ag-login-icon svg {
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
}

.ag-login-box h3 {
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}

.ag-login-box p {
  font-size: 14px;
  color: #6B7280;
  line-height: 1.5;
  margin-bottom: 20px;
}

.ag-login-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.ag-login-btn {
  background: #1a73e8;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  cursor: pointer;
}

.ag-login-cancel {
  background: #9CA3AF;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  cursor: pointer;
}
/* AGourmet – blindagem estados de avaliação */
.ag-review-empty[hidden],
.ag-review-has[hidden],
.ag-review-loading[hidden] {
  display: none !important;
}
/* AGourmet – título Avaliação geral do produto */
.ag-review-has .ag-review-topbar .ag-title {
  font-family: Inter, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #111827; /* preto elegante */
}
/* AGourmet – força o calendário a ser outline (sem preenchimento) */
.ag-review-wrapper .ag-meta-icon--calendar {
  fill: none !important;
  background: transparent !important;
}

.ag-review-wrapper .ag-meta-icon--calendar * {
  fill: none !important;
  background: transparent !important;
  stroke: #5F6572 !important;
  stroke-width: 2 !important;
}
/* ===== Label ===== */
.ag-upload-label{
  display:block;
  font-weight:600;
  margin-bottom:6px;
}

/* ===== Linha ===== */
.ag-upload-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

/* ===== Preview ===== */
.ag-upload-thumb{
  width:88px;
  height:88px;
  border-radius:12px;
  position:relative;
  overflow:hidden;
  border:1px solid #e5e7eb;
  background:#f3f4f6;
}

.ag-upload-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ===== Lixeira ===== */
.ag-upload-trash{
  position:absolute;
  left:50%;
  bottom:-14px;
  transform:translateX(-50%);
  width:34px;
  height:34px;
  border-radius:999px;
  background:#fff;
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  transition:background .18s ease;
}

.ag-upload-trash img{
  width:18px;
  height:18px;
}

.ag-upload-trash:hover{
  background:#ef4444;
}

.ag-upload-trash:hover img{
  filter:brightness(0) invert(1);
}

/* ===== BOX TRACEJADO (IGUAL SOTILLE) ===== */
.ag-upload-drop{
  width:88px;
  height:88px;
  border-radius:12px;
  border:2px dashed #cbd5e1;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  transition:border .15s ease, background .15s ease;
}

.ag-upload-drop span{
  font-size:12px;
  color:#6b7280;
  text-align:center;
  line-height:1.1;
  font-weight:500;
}

.ag-upload-drop:hover{
  border-color:#94a3b8;
}
/* impedir o "Escolher arquivo" aparecer no modal */
.ag-swal-popup input[type="file"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  position:absolute !important;
  left:-99999px !important;
}
/* ===== Upload (modal reviews) - fix total ===== */
.ag-upload-row{
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
  margin-top:8px !important;
}

/* PREVIEW THUMB */
.ag-upload-thumb{
  width:88px !important;
  height:88px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid #e5e7eb !important;
  background:#f3f4f6 !important;
}

.ag-upload-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* BOTÃO TRACEJADO (mata estilo do tema) */
.ag-upload-drop{
  all: unset !important;
  box-sizing: border-box !important;

  width:98px !important;
  height:88px !important;
  border-radius:12px !important;
  border:2px dashed #cbd5e1 !important;
  background:#fff !important;

  cursor:pointer !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;

  padding:10px !important;
  transition:all .15s ease !important;
}

.ag-upload-drop span{
  font-size:12px !important;
  line-height:1.1 !important;
  color:#6b7280 !important;
  text-align:center !important;
  font-weight:500 !important;
}

.ag-upload-drop:hover{
  border-color:#94a3b8 !important;
  background:#fff !important;
}

/* LIXEIRA - bolinha branca, hover vermelho + ícone branco */
.ag-upload-trash{
  all: unset !important;
  box-sizing: border-box !important;

  position:absolute !important;
  left:50% !important;
  bottom:-14px !important;
  transform:translateX(-50%) !important;

  width:34px !important;
  height:34px !important;
  border-radius:999px !important;

  background:#ffffff !important;
  cursor:pointer !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  z-index:30 !important;
  box-shadow:0 10px 22px rgba(0,0,0,.18) !important;

  transition: background .18s ease, transform .12s ease !important;
}

/* ícone vermelho quando normal */
.ag-upload-trash img{
  width:18px !important;
  height:18px !important;
  display:block !important;
  pointer-events:none !important;

  /* transforma o SVG preto em vermelho (#ef4444) */
  filter: invert(20%) sepia(90%) saturate(6000%) hue-rotate(350deg) brightness(95%) contrast(110%) !important;
}

.ag-upload-trash:hover{
  background:#ef4444 !important;
  transform:translateX(-50%) translateY(-1px) !important;
}

/* hover: lixeira branca */
.ag-upload-trash:hover img{
  filter: brightness(0) invert(1) !important;
}
.ag-upload-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:flex-start;
  margin-top:8px;

  /* evita cortar a lixeira */
  padding-bottom:18px;
  overflow:visible;
}

.ag-upload-thumb{
  width:88px;
  height:88px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#f3f4f6;
  position:relative;
  overflow:visible; /* não corta a bolinha */
}

.ag-upload-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
  display:block;
}

.ag-upload-trash{
  position:absolute;
  left:50%;
  bottom:-14px;
  transform:translateX(-50%);
  width:34px;
  height:34px;
  border-radius:999px;
  background:#fff;
  border:none;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:30;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  transition:background .18s ease, transform .12s ease;
}

.ag-upload-trash img{
  width:18px;
  height:18px;
  display:block;
  filter:none !important;
}

.ag-upload-trash:hover{
  background:#ef4444;
  transform:translateX(-50%) translateY(-1px);
}

.ag-upload-trash:hover img{
  filter:brightness(0) invert(1) !important;
}

.ag-upload-trash:active{
  transform:translateX(-50%) translateY(0);
}
/* modal galeria */
.ag-swal-popup.ag-swal-viewer{
  border-radius: 18px;
  padding: 0 !important;
  overflow: hidden;
}

.ag-viewer{
  background: #fff;
}

.ag-viewer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 18px 18px 12px;
  border-bottom: 1px solid #eef2f7;
  font-weight: 700;
  font-size: 16px;
}

.ag-viewer-close{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid #ef4444;
  color: #ef4444;
  cursor: pointer;
  user-select:none;
}

.ag-viewer-body{
  display:flex;
  gap: 24px;
  padding: 18px;
}

.ag-viewer-left{
  position: relative;
  width: 52%;
  min-width: 420px;
  border-radius: 14px;
  overflow: hidden;
  background: #f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ag-viewer-mainimg{
  width: 100%;
  height: 520px;
  object-fit: contain;
  background: #fff;
}

.ag-viewer-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor: pointer;
  user-select:none;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

.ag-viewer-nav.is-prev{ left: 12px; }
.ag-viewer-nav.is-next{ right: 12px; }

.ag-viewer-right{
  flex: 1;
  padding-top: 4px;
}

.ag-viewer-stars{
  color: #f59e0b;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 6px;
}

.ag-viewer-name{
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 6px;
}

.ag-viewer-meta{
  display:flex;
  gap: 14px;
  color: #6b7280;
  font-size: 13px;
  align-items:center;
  margin-bottom: 10px;
}

.ag-viewer-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #eaf8ee;
  color: #15803d;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 14px;
}

.ag-viewer-thumbs{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.ag-viewer-thumbbtn{
  width: 110px;
  height: 110px;
  border-radius: 12px;
  border: 2px solid #d1d5db;
  overflow: hidden;
  padding: 0;
  background: #fff;
  cursor: pointer;
}

.ag-viewer-thumbbtn.is-active{
  border-color: #2563eb;
}

.ag-viewer-thumbbtn img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}
/* thumbs do card */
.ag-card-thumb-btn{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
}

.ag-card-thumb{
  width:120px;
  height:120px;
  object-fit:cover;
  border-radius:10px; /* opcional */
  display:block;
}

/* thumbs do topo (se quiser também 120x120) */
.ag-thumb{
  width:120px;
  height:120px;
  object-fit:cover;
  border-radius:10px; /* opcional */
  display:block;
}
/* ===== PATCH p/ ficar igual o exemplo 2 ===== */

/* modal mais largo */
.ag-swal-popup.ag-swal-viewer{
  width: 1180px !important;
  max-width: 1180px !important;
}

/* mais “respiro” */
.ag-viewer-body{
  gap: 28px;
  padding: 22px;
}

/* coluna esquerda maior e SEM fundo cinza */
.ag-viewer-left{
  width: 60%;
  min-width: 640px;
  background: transparent;
  overflow: visible; /* permite a seta ficar “pra fora” */
}

/* imagem maior */
.ag-viewer-mainimg{
  height: 560px;
}

/* seta anterior fica meio pra fora (igual exemplo) */
.ag-viewer-nav.is-prev{
  left: -18px;
}

/* seta próxima fica no “meio” entre foto e coluna direita */
.ag-viewer-nav.is-next{
  right: -18px;
}

/* thumbs em linha (não quebrar) igual exemplo */
.ag-viewer-thumbs{
  flex-wrap: nowrap;
  gap: 14px;
  margin-top: 18px;
}

/* thumbs um pouco maiores e com borda igual */
.ag-viewer-thumbbtn{
  width: 120px;
  height: 120px;
  border-radius: 14px;
}
/* ===== PATCH: deixar o viewer com cara do EXEMPLO 2 ===== */

/* deixa o corpo ocupar a altura e alinhar certinho */
.ag-viewer-body{
  align-items: stretch;
}

/* área da imagem: mais larga e sem “caixa cinza” */
.ag-viewer-left{
  width: 60%;
  min-width: 520px;
  background: transparent;
  overflow: visible; /* importante pra setas ficarem “fora” igual exemplo 2 */
}

/* imagem grande “enche” a área (igual exemplo 2) */
.ag-viewer-mainimg{
  height: 560px;       /* aumenta pra ficar mais “padrão loja grande” */
  width: 100%;
  object-fit: cover;   /* <- isso é o principal pra ficar igual */
  border-radius: 14px; /* cantos iguais ao layout */
  background: #fff;
}

/* setas fora da foto (igual exemplo 2) */
.ag-viewer-nav{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

/* joga as setas pra fora */
.ag-viewer-nav.is-prev{ left: -22px; }
.ag-viewer-nav.is-next{ right: -22px; }

/* thumb do lado direito mais “quadradinho perfeito” */
.ag-viewer-thumbbtn{
  width: 120px;
  height: 120px;
  border-radius: 14px;
}

/* thumb sempre preenchendo bonito */
.ag-viewer-thumbbtn img{
  object-fit: cover;
}
/* ===== PATCH FINAL: setas fora da foto (igual exemplo 2) ===== */

/* bloco esquerdo vira “área branca + foto no meio” */
.ag-viewer-left{
  width: 60%;
  min-width: 560px;
  background: #fff !important;
  padding: 0 70px;          /* <- cria o corredor branco pras setas */
  border-radius: 14px;
  overflow: hidden;         /* corta qualquer coisa fora do box */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* a foto em si fica “limpa” e central */
.ag-viewer-mainimg{
  width: 100%;
  height: 560px;
  object-fit: cover;        /* <- look loja grande */
  border-radius: 14px;
  background: #fff;
  display: block;
}

/* setas ficam no corredor branco, não em cima da imagem */
.ag-viewer-nav{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);
}

/* agora elas ficam “fora da foto”, mas dentro do bloco branco */
.ag-viewer-nav.is-prev{ left: 16px; }
.ag-viewer-nav.is-next{ right: 16px; }

/* opcional: deixa o espaçamento geral mais parecido */
.ag-viewer-body{
  gap: 28px;
  padding: 22px;
}