:root {
  /* Paleta extraída da BEBIDAS EXPRESS */
  --adega-yellow: #ffcc01;
  --adega-yellow-hover: #e6b800;
  --adega-ink: #202020;
  --adega-ink-soft: #555d66;
  --adega-paper: #ffffff;
  --adega-surface: #f8fafc;
  --adega-surface-muted: #f1f3f4;
  --adega-border: #dee1e5;
  --adega-green: #202020;
  --adega-green-bright: #ffcc01;
  --adega-green-deep: #111111;
  --adega-red: #ef3340;
  --adega-red-soft: #fff1f1;
  --adega-blue-info: #2778c4;
}

html,
body,
#root {
  background: var(--adega-paper) !important;
}

body {
  color: var(--adega-ink) !important;
}

.store-page,
.store-shell,
.checkout-page,
.pix-screen-local {
  background:
    radial-gradient(circle at 8% 0%, rgb(255 204 1 / 0.12), transparent 27rem),
    var(--adega-paper) !important;
}

.local-profile-card {
  border-color: rgb(255 204 1 / 0.3) !important;
  box-shadow: 0 12px 32px rgb(255 204 1 / 0.14) !important;
}

.local-profile-logo {
  background: var(--adega-yellow) !important;
  border-color: #fff !important;
  box-shadow: 0 9px 24px rgb(255 204 1 / 0.3), 0 0 0 5px rgb(239 51 64 / 0.12) !important;
}

.local-profile-card h1,
.checkout-card h2,
.checkout-summary strong,
.pix-box-local h1,
.pix-merchant strong {
  color: var(--adega-ink) !important;
}

.local-profile-actions > button,
.footer-contact a,
.card-bottom > strong,
.pix-option b,
.detail-price {
  color: var(--adega-green) !important;
}

.local-profile-actions .hero-kicker.is-open {
  color: var(--adega-green-deep) !important;
  background: rgb(7 136 63 / 0.09) !important;
}

.local-delivery-banner,
.courier-nearby-notice {
  border-color: rgb(255 204 1 / 0.36) !important;
  background: linear-gradient(135deg, #fff9df, #fff) !important;
}

/* O banner deve encostar no perfil, sem faixa amarela vazia entre os blocos. */
.local-delivery-banner {
  display: none !important;
}

.local-delivery-mark,
.courier-nearby-icon {
  color: var(--adega-ink) !important;
  background: var(--adega-yellow) !important;
}

/* Notificação leve e translúcida, sem competir com o cabeçalho. */
.courier-nearby-notice {
  background: rgb(255 255 255 / 0.68) !important;
  border-color: rgb(255 204 1 / 0.26) !important;
  box-shadow: 0 4px 14px rgb(17 18 20 / 0.08) !important;
  backdrop-filter: blur(10px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(115%) !important;
}

.courier-nearby-notice strong,
.courier-nearby-notice small {
  color: rgb(32 32 32 / 0.86) !important;
}

.courier-nearby-icon {
  opacity: 0.86 !important;
}

.categories-intro > span,
.section-heading h2,
.route-heading h1 {
  color: var(--adega-ink) !important;
}

.summary-toggle,
.cart-float,
.add-button,
.primary-action,
.age-approve,
.minimum-order-mark.is-success,
.pix-copy {
  color: var(--adega-ink) !important;
  background: var(--adega-yellow) !important;
  box-shadow: 0 8px 18px rgb(255 204 1 / 0.24) !important;
}

.summary-toggle:hover,
.cart-float:hover,
.add-button:hover,
.primary-action:hover,
.age-approve:hover {
  background: var(--adega-yellow-hover) !important;
}

.add-button i {
  color: var(--adega-ink) !important;
  background: #fff !important;
}

.checkout-summary {
  border-color: rgb(255 204 1 / 0.4) !important;
}

.checkout-card,
.checkout-summary,
.pix-box-local,
.minimum-order-card {
  border-color: rgb(255 204 1 / 0.24) !important;
  box-shadow: 0 18px 42px rgb(20 30 45 / 0.1) !important;
}

.form-divider,
.pix-merchant {
  color: var(--adega-ink-soft) !important;
}

.pix-option {
  color: var(--adega-green-deep) !important;
  border-color: var(--adega-green-bright) !important;
}

.payment-button {
  color: var(--adega-ink) !important;
  background: var(--adega-yellow) !important;
}

.pix-merchant img,
.payment-loader-owl {
  background: var(--adega-yellow) !important;
  border-color: #fff !important;
}

.site-footer {
  border-top-color: var(--adega-yellow) !important;
}

.footer-brand strong {
  color: var(--adega-ink) !important;
}

.footer-brand span {
  color: var(--adega-green) !important;
}

.legal-warning-bar span {
  color: var(--adega-ink) !important;
  background: var(--adega-yellow) !important;
}

.adega-policy-note {
  color: var(--adega-ink-soft) !important;
  background: #fff9df !important;
  border: 1px solid rgb(255 204 1 / 0.32) !important;
  border-radius: 12px !important;
  padding: 11px 12px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

@media (max-width: 600px) {
  .local-profile-card {
    border-radius: 24px !important;
  }

  .local-profile-logo {
    width: 118px !important;
    height: 118px !important;
    top: -59px !important;
  }

  .local-profile-card {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .local-profile-details > div {
    padding: 0 10px !important;
  }
}

/* Tema global BEBIDAS EXPRESS: preto + amarelo em todos os fluxos. */
:is(.store-page, .store-shell, .checkout-page, .pix-screen-local, .age-gate) {
  --theme-primary: #ffcc01;
  --theme-primary-hover: #e6b800;
  --theme-ink: #202020;
  --theme-paper: #ffffff;
}

:is(.category-showcase, .content, .checkout-page, .pix-screen-local, .age-gate, .site-footer) {
  color: var(--theme-ink, #202020) !important;
  background-color: var(--theme-paper, #ffffff) !important;
}

/* Faixa de ofertas em amarelo, conforme a identidade da marca. */
.offers-section {
  position: relative !important;
  background: var(--theme-primary, #ffcc01) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.offers-section::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 30px !important;
  background: var(--theme-primary, #ffcc01) !important;
  z-index: 7 !important;
  pointer-events: none !important;
}

/* Títulos de categoria padronizados apenas com texto. */
.content .section-heading .section-category-image {
  display: none !important;
}

.content .section-heading > div:first-child {
  gap: 0 !important;
}

.offers-section .section-heading p,
.offers-section .section-heading h2 {
  color: var(--theme-ink, #202020) !important;
}

:is(.categories button, .section-heading button, .product-card, .checkout-card, .pix-box-local, .age-card, .cart-content) {
  border-color: rgb(255 204 1 / 0.34) !important;
}

:is(.categories button:hover, .section-heading button:hover, .add-button:hover, .primary-action:hover, .cart-float:hover, .summary-toggle:hover) {
  background: var(--theme-primary-hover, #e6b800) !important;
  color: var(--theme-ink, #202020) !important;
}

:is(.section-heading button, .add-button, .primary-action, .cart-float, .summary-toggle, .age-approve, .payment-button, .pix-copy) {
  background: var(--theme-primary, #ffcc01) !important;
  color: var(--theme-ink, #202020) !important;
  border-color: transparent !important;
}

:is(.categories-intro > span, .section-heading h2, .route-heading h1, .product-card h3, .product-card strong, .checkout-card h2, .pix-box-local h1, .age-card h2) {
  color: var(--theme-ink, #202020) !important;
}

/* Preço com leitura imediata: valor maior e mais forte nos cards. */
.product-card strong,
.daily-combo-card strong {
  display: block !important;
  margin-top: 0.2rem !important;
  color: #111214 !important;
  font-size: clamp(1.18rem, 2.2vw, 1.52rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
}

/* Evita que nomes e descrições longas quebrem a grade dos produtos. */
.product-card h3,
.daily-combo-card h3 {
  min-height: 2.2em !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.08 !important;
  max-height: 2.2em !important;
}

.product-card p,
.daily-combo-card p {
  min-height: 1.15em !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  overflow: hidden !important;
  line-height: 1.15 !important;
  max-height: 1.15em !important;
}

.product-card [class*="description"],
.product-card [class*="Description"] {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  max-height: 1.15em !important;
  overflow: hidden !important;
  line-height: 1.15 !important;
}

:is(.category-photo, .product-image, .section-category-image, .local-profile-logo, .pix-merchant img, .payment-loader-owl) {
  border-color: rgb(255 204 1 / 0.5) !important;
}

:is(.best-seller-badge, .nav-active, .delivery-free-pulse, .zip-status.found, .payment-status.success, .minimum-order-mark.is-success) {
  color: var(--theme-ink, #202020) !important;
}

:is(.age-deny, .text-action, .back-link):hover {
  color: var(--theme-ink, #202020) !important;
}

/* CTA do carrinho: preto, com texto amarelo e pulsação contínua. */
.cart-float,
.checkout-summary .summary-toggle {
  color: #ffcc01 !important;
  background: #111214 !important;
  border-color: #111214 !important;
  animation: ze-black-cta-pulse 1.7s ease-in-out infinite !important;
  box-shadow: 0 5px #000, 0 12px 20px rgb(0 0 0 / 0.28) !important;
}

.cart-float strong,
.cart-float span,
.checkout-summary .summary-toggle > .icon,
.checkout-summary .summary-toggle strong,
.checkout-summary .summary-toggle i {
  color: #ffcc01 !important;
}

.cart-float:hover,
.checkout-summary .summary-toggle:hover {
  color: #ffcc01 !important;
  background: #000 !important;
  box-shadow: 0 6px #000, 0 16px 24px rgb(0 0 0 / 0.34) !important;
}

@keyframes ze-black-cta-pulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 5px #000, 0 12px 20px rgb(0 0 0 / 0.28), 0 0 0 0 rgb(255 204 1 / 0);
  }
  50% {
    transform: translateY(-2px) scale(1.012);
    box-shadow: 0 7px #000, 0 17px 27px rgb(0 0 0 / 0.34), 0 0 0 6px rgb(255 204 1 / 0.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cart-float,
  .checkout-summary .summary-toggle {
    animation: none !important;
  }
}

/* O botão amarelo do carrinho mantém contraste com texto preto. */
.cart-float,
.checkout-summary .summary-toggle {
  color: #111214 !important;
  background: #ffcc01 !important;
  border-color: #111214 !important;
}

.cart-float *,
.checkout-summary .summary-toggle * {
  color: #111214 !important;
}

.cart-float span,
.cart-float strong,
.checkout-summary .summary-toggle span,
.checkout-summary .summary-toggle strong,
.checkout-summary .summary-toggle i {
  color: #111214 !important;
}

/* No checkout, o resumo usa o CTA preto pulsante; o texto fica amarelo para leitura. */
.checkout-summary .summary-toggle {
  color: #ffcc01 !important;
  background: #111214 !important;
  border-color: #111214 !important;
}

.checkout-summary .summary-toggle span,
.checkout-summary .summary-toggle strong,
.checkout-summary .summary-toggle i,
.checkout-summary .summary-toggle svg {
  color: #ffcc01 !important;
}

/* Grade de sugestões do checkout em amarelo, com cards brancos para contraste. */
.checkout-suggestions {
  background: #ffcc01 !important;
  border-color: #d7a900 !important;
  box-shadow: 0 8px 20px rgb(184 137 0 / 0.2) !important;
}

.checkout-suggestions h2,
.checkout-suggestions h3,
.checkout-suggestions p {
  color: #111214 !important;
}

.checkout-suggestions button {
  background: #fff !important;
  border-color: #e4d49a !important;
}

.checkout-suggestions b {
  color: #111214 !important;
  background: #ffcc01 !important;
  border-color: #fff !important;
}

/* Rodapé compacto no padrão institucional: marca, descrição, atendimento e links legais. */
.site-footer {
  border-top: 1px solid #dfe4e8 !important;
  border-top-color: #dfe4e8 !important;
  background: #fff !important;
  color: #5f6b78 !important;
  padding: 28px 20px 22px !important;
  text-align: center !important;
}

.site-footer .footer-grid {
  max-width: 780px !important;
  margin: 0 auto !important;
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
}

.site-footer .footer-brand {
  display: grid !important;
  gap: 7px !important;
  justify-items: center !important;
}

.site-footer .footer-brand strong {
  color: #111214 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.site-footer .footer-brand span {
  color: #637083 !important;
  font-size: 11px !important;
}

.site-footer .footer-links {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 4px 9px !important;
  margin-top: 2px !important;
}

.site-footer .footer-links a {
  display: none !important;
  color: #16813a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.site-footer .footer-links a:nth-child(9),
.site-footer .footer-links a:nth-child(10),
.site-footer .footer-links a:nth-child(11) {
  display: inline !important;
}

.site-footer .footer-links a:not(:last-child)::after {
  content: " ·";
  color: #9aa3ad;
  margin-left: 8px;
}

.site-footer .footer-contact {
  color: #637083 !important;
  margin: 0 !important;
  font-size: 11px !important;
}

.site-footer .footer-contact a {
  display: block !important;
  margin-top: 5px !important;
  color: #16813a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.site-footer .legal-warning-bar {
  max-width: 680px !important;
  margin: 16px auto 0 !important;
  color: #7d8793 !important;
  background: transparent !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
}

.site-footer .legal-warning-bar span {
  display: none !important;
}

/* Correção final de alinhamento: todos os blocos usam a mesma coluna útil. */
.site-footer,
.site-footer .footer-grid,
.site-footer .footer-brand,
.site-footer .footer-links,
.site-footer .footer-contact,
.site-footer .legal-warning-bar {
  box-sizing: border-box !important;
}

.site-footer .footer-grid {
  width: 100% !important;
  max-width: 780px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  padding: 0 !important;
}

.site-footer .footer-brand,
.site-footer .footer-links,
.site-footer .footer-contact,
.site-footer .legal-warning-bar {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-self: stretch !important;
  text-align: center !important;
}

.site-footer .footer-brand,
.site-footer .footer-links {
  justify-items: center !important;
  justify-content: center !important;
}

.site-footer .legal-warning-bar {
  margin-top: 16px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Carrinho no padrão compacto da referência. */
.checkout-summary.open {
  width: min(100%, 520px) !important;
  margin: 0 auto 14px !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #e6e8eb !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgb(17 18 20 / 0.08) !important;
  overflow: hidden !important;
}

.checkout-summary.open .summary-toggle {
  min-height: 48px !important;
  padding: 10px 14px !important;
  color: #111214 !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #edf0f2 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
}

.checkout-summary.open .summary-toggle > .icon {
  color: #69717c !important;
}

.checkout-summary.open .summary-toggle span,
.checkout-summary.open .summary-toggle strong,
.checkout-summary.open .summary-toggle i {
  color: #111214 !important;
}

.checkout-summary.open .summary-body {
  padding: 10px 10px 12px !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.checkout-summary.open .summary-body > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 4px 8px !important;
}

.checkout-summary.open .summary-body > div:first-child h2 {
  color: #111214 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.checkout-summary.open .summary-body > div:first-child span {
  color: #69717c !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.checkout-summary.open .cart-line {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  grid-template-areas: "image info remove" "image quantity total" !important;
  gap: 5px 8px !important;
  align-items: center !important;
  margin: 0 0 7px !important;
  padding: 8px !important;
  background: #f4f5f6 !important;
  border: 0 !important;
  border-radius: 9px !important;
}

.checkout-summary.open .cart-line img {
  grid-area: image !important;
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  border-radius: 5px !important;
  background: #fff !important;
}

.checkout-summary.open .cart-line > div:nth-child(2) {
  grid-area: info !important;
  min-width: 0 !important;
}

.checkout-summary.open .cart-line > div:nth-child(2) strong {
  color: #111214 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.checkout-summary.open .cart-line > div:nth-child(2) span {
  color: #69717c !important;
  font-size: 10px !important;
}

.checkout-summary.open .cart-line .line-remove {
  grid-area: remove !important;
  color: #ff4b4b !important;
  padding: 2px !important;
}

.checkout-summary.open .cart-line .line-quantity {
  grid-area: quantity !important;
  justify-content: flex-start !important;
  gap: 7px !important;
}

.checkout-summary.open .cart-line .line-quantity button {
  width: 20px !important;
  height: 20px !important;
  color: #69717c !important;
  background: #e2e5e8 !important;
  border-radius: 50% !important;
}

.checkout-summary.open .cart-line .line-quantity button:last-child {
  color: #111214 !important;
  background: #ffcc01 !important;
}

.checkout-summary.open .cart-line em {
  grid-area: total !important;
  color: #111214 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.checkout-summary.open .checkout-total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 4px 0 !important;
  border-top: 1px solid #edf0f2 !important;
}

.checkout-summary.open .checkout-total span {
  color: #69717c !important;
  font-size: 11px !important;
}

.checkout-summary.open .checkout-total strong {
  color: #111214 !important;
  font-size: 14px !important;
}

.checkout-summary.open .cart-shipping-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 4px 4px 10px !important;
  color: #69717c !important;
  font-size: 11px !important;
}

.checkout-summary.open .cart-shipping-row strong {
  color: #16a34a !important;
  font-size: 11px !important;
}

.checkout-summary.open .cart-summary-actions {
  display: grid !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.checkout-summary.open .cart-summary-actions button {
  min-height: 42px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.checkout-summary.open .cart-summary-finish {
  color: #111214 !important;
  background: #ffcc01 !important;
  border: 1px solid #ffcc01 !important;
}

.checkout-summary.open .cart-summary-continue {
  color: #111214 !important;
  background: #fff !important;
  border: 1px solid #ffcc01 !important;
}

/* Checkout e Pix no mesmo padrão limpo da referência. */
.checkout-page {
  background: linear-gradient(180deg, #fffdf2 0%, #f7faf9 100%) !important;
}

.checkout-flow-heading {
  max-width: 520px !important;
  margin: 0 auto 10px !important;
}

.checkout-card.payment,
.pix-box-local {
  width: min(100%, 520px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 1px solid #e2e7e8 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgb(17 18 20 / 0.08) !important;
}

.checkout-card.payment {
  padding: 18px !important;
}

.checkout-card.payment h2 {
  color: #111214 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.checkout-card.payment > p {
  color: #69717c !important;
  font-size: 11px !important;
}

.checkout-card.payment .pix-option {
  border: 1px solid #18b77c !important;
  border-radius: 12px !important;
  background: #f1fff8 !important;
  box-shadow: none !important;
}

.checkout-card.payment .pix-option strong,
.checkout-card.payment .pix-option b {
  color: #111214 !important;
}

.checkout-card.payment .pix-option small {
  color: #1aa06e !important;
}

.checkout-card.payment .payment-button,
.pix-box-local .pix-copy {
  color: #fff !important;
  background: #08af78 !important;
  border-color: #08af78 !important;
  box-shadow: 0 8px 18px rgb(8 175 120 / 0.22) !important;
}

.checkout-card.payment .payment-button:hover,
.pix-box-local .pix-copy:hover {
  background: #079b6b !important;
}

.pix-screen-local {
  min-height: 100svh !important;
  padding: 16px !important;
  background: linear-gradient(180deg, #fffdf2 0%, #f7faf9 100%) !important;
}

.pix-box-local {
  padding: 20px !important;
  text-align: center !important;
}

.pix-box-local h1 {
  color: #111214 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.pix-box-local .pix-timer {
  color: #7a5b00 !important;
  background: #fff6d4 !important;
  border-color: #ffe18a !important;
}

.pix-box-local .generated-qr {
  border: 1px solid #e2e7e8 !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 8px !important;
}

.pix-box-local .pix-steps {
  text-align: left !important;
  border-top: 1px solid #edf0f2 !important;
  padding-top: 14px !important;
}

.pix-box-local .pix-steps b {
  color: #111214 !important;
}

/* Identidade também visível durante validação e carregamento do pedido. */
.payment-loader-scene {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
}

.payment-loader-scene::before {
  content: "Bebidas Express";
  position: absolute !important;
  top: -6px !important;
  color: #111214 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
}

.payment-loader-owl {
  width: 64px !important;
  height: 64px !important;
  object-fit: contain !important;
  background: #ffcc01 !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  padding: 5px !important;
  box-shadow: 0 8px 18px rgb(255 204 1 / 0.28) !important;
}

.order-modal-card h2 {
  color: #111214 !important;
  font-weight: 950 !important;
}

.order-modal-card p {
  color: #69717c !important;
}

/* Hero adaptado ao padrão de mercado: avatar sobreposto e cartão institucional. */
.local-profile-hero {
  min-height: 404px !important;
  padding: 84px 16px 30px !important;
  background:
    radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.38), transparent 18rem),
    linear-gradient(135deg, #fff0a8 0%, #ffd000 57%, #c99a00 100%) !important;
}

.local-profile-card {
  width: min(100%, 520px) !important;
  margin: 0 auto !important;
  padding: 94px 22px 24px !important;
  border-radius: 30px !important;
  text-align: center !important;
  overflow: visible !important;
  background: #fff !important;
  border-color: #fff !important;
  box-shadow: 0 16px 34px rgb(52 42 0 / 0.18) !important;
}

.local-profile-logo {
  width: 132px !important;
  height: 132px !important;
  top: -66px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border: 4px solid #fff !important;
  border-radius: 50% !important;
}

.local-profile-card h1 {
  margin: 0 0 7px !important;
  font-size: clamp(23px, 5vw, 30px) !important;
  letter-spacing: -0.045em !important;
}

.local-profile-card h1::after {
  content: "Bebidas geladas e conveniência";
  display: block;
  margin-top: 5px;
  color: #687181;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
}

.local-profile-actions {
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 0 16px !important;
  border-bottom: 1px solid #e8ebee !important;
}

.local-profile-actions .hero-kicker {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.local-profile-actions > button {
  border-radius: 999px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.local-profile-details {
  width: min(100%, 620px) !important;
  margin: 0 auto !important;
  justify-content: center !important;
  justify-items: center !important;
  text-align: center !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr) !important;
  padding-top: 16px !important;
}

.local-profile-details .delivery-free-pulse,
.local-profile-details strong.delivery-free-pulse {
  color: #20a447 !important;
}

.local-profile-details > div {
  min-width: 0 !important;
  padding: 0 14px !important;
  text-align: center !important;
}

.local-profile-details > div:first-child {
  padding-left: 0 !important;
}

.local-profile-details > div:last-child {
  padding-right: 0 !important;
}

.local-profile-details small {
  display: block !important;
  line-height: 1.25 !important;
}

.local-profile-details strong {
  font-size: 12px !important;
  display: block !important;
  margin-top: 6px !important;
  line-height: 1.25 !important;
}

.local-profile-details .minimum-order-detail strong {
  color: #111214 !important;
}

/* Seleção diária: apenas combos, com uma seleção diferente por dia. */
.daily-combo-showcase {
  position: relative !important;
  padding: 24px 16px 0;
  background: #fff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.daily-combo-showcase::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 28px !important;
  background: #fff !important;
  z-index: 7 !important;
  pointer-events: none !important;
}

/* Cards das vitrines sem sombra para manter o acabamento minimalista. */
.product-card,
.daily-combo-card {
  box-shadow: none !important;
}

.product-card .product-image {
  overflow: hidden !important;
}

.product-card .product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.daily-combo-heading {
  max-width: 1200px;
  margin: 0 auto 18px;
}

.daily-combo-heading > span {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 999px;
  background: #ffcc01;
  color: #111214;
  font-size: 11px;
  font-weight: 900;
}

.daily-combo-heading h2 {
  margin: 8px 0 2px;
  color: #202020;
  font-size: clamp(24px, 4vw, 32px);
  font-weight: 950;
  letter-spacing: -.045em;
}

.daily-combo-heading p {
  margin: 0;
  color: #687181;
  font-size: 12px;
}

.daily-combo-rail {
  display: flex;
  gap: 14px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 2px 2px 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.daily-combo-rail::-webkit-scrollbar {
  display: none;
}

.daily-combo-card {
  flex: 0 0 168px;
  min-width: 168px;
  min-height: 339px;
  display: flex;
  flex-direction: column;
  padding: 9px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e7d98e;
  border-radius: 17px;
  box-shadow: 0 8px 20px rgb(17 18 20 / .08);
  scroll-snap-align: start;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.daily-combo-card.is-selected {
  border-color: #ffcc01;
  box-shadow: 0 0 0 3px rgb(255 204 1 / .24), 0 12px 26px rgb(17 18 20 / .16);
  transform: translateY(-3px);
  animation: ze-combo-selected-pulse 1.15s ease-out;
}

.daily-combo-card > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 13px;
  background: #fff;
  padding: 9px;
}

.daily-combo-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0;
  padding: 0;
}

.daily-combo-card h3 {
  min-height: 31px;
  margin: 11px 2px 4px;
  color: #202020;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.18;
}

.daily-combo-card strong {
  margin-top: auto;
  color: #202020;
  font-size: 18px;
  font-weight: 950;
}

.daily-combo-add {
  min-height: 34px;
  height: 34px;
  margin-top: 7px;
  border: 0;
  border-radius: 999px;
  background: #ffcc01;
  color: #111214;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.daily-combo-add:focus-visible,
.daily-combo-add:hover {
  outline: 3px solid rgb(255 204 1 / .38);
  outline-offset: 2px;
}

.daily-combo-add.is-selected {
  background: #ffcc01;
  color: #111214;
  box-shadow: 0 0 0 4px rgb(255 204 1 / .2);
  animation: ze-combo-button-pulse .95s ease-in-out 2;
}

.daily-combo-add.is-selected span {
  background: #111214;
  color: #ffcc01;
}

@keyframes ze-combo-selected-pulse {
  0% { transform: translateY(0) scale(1); }
  45% { transform: translateY(-3px) scale(1.018); }
  100% { transform: translateY(-3px) scale(1); }
}

@keyframes ze-combo-button-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.035); }
}

.daily-combo-add span {
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  margin-left: 5px;
  border-radius: 50%;
  background: #242426;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

/* The offer cards remain mounted as the source of the real cart handlers,
   but the daily showcase is their only visible presentation. */
.combo-source-card-hidden {
  display: none !important;
}

@media (max-width: 640px) {
  .daily-combo-rail {
    gap: 10px;
  }

  .daily-combo-card {
    flex: 0 0 168px;
    min-width: 168px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .daily-combo-card,
  .daily-combo-add {
    animation: none !important;
    transition: none !important;
  }
}

/* Layout global responsivo: nenhum bloco pode impor uma largura de desktop
   ou deslocar a vitrine para fora da tela. Os trilhos continuam roláveis,
   mas a página e seus contêineres permanecem sempre dentro do viewport. */
html,
body,
#root {
  width: 100% !important;
  width: 100vw !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
}

:is(.store-page, .store-shell, .content, .category-showcase, .offers-section, .site-footer) {
  width: 100% !important;
  width: 100vw !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

:is(.content, .category-showcase, .offers-section) {
  overflow-x: hidden !important;
}

:is(.local-profile-hero, .local-profile-card, .section-heading, .product-section, .site-footer) {
  box-sizing: border-box !important;
}

.product-rail,
.daily-combo-rail {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  gap: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-shadow: none !important;
}

.product-section,
.daily-combo-showcase {
  box-shadow: none !important;
}

/* Esconde qualquer sobra do card seguinte na borda do trilho. */
.product-section:not(.offers-section) .product-rail {
  position: relative !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.product-section:not(.offers-section) .product-rail::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 24px !important;
  background: #fff !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

.product-section:not(.offers-section) {
  position: relative !important;
  overflow: hidden !important;
}

.product-section:not(.offers-section) .product-card {
  border: 1px solid #e7d98e !important;
  border-radius: 17px !important;
}

.product-section:not(.offers-section)::after {
  content: "" !important;
  position: absolute !important;
  top: 54px !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 24px !important;
  background: #fff !important;
  z-index: 30 !important;
  pointer-events: none !important;
}

/* Ao abrir a categoria, libera toda a grade sem o recorte lateral. */
.product-section:not(.offers-section).is-open .product-rail,
.product-section:not(.offers-section).is-expanded .product-rail {
  overflow: visible !important;
  flex-wrap: wrap !important;
}

.product-section:not(.offers-section).is-open .product-rail::after,
.product-section:not(.offers-section).is-expanded .product-rail::after,
.product-section:not(.offers-section).is-open::after,
.product-section:not(.offers-section).is-expanded::after {
  display: none !important;
}

.product-card,
.daily-combo-card {
  box-sizing: border-box !important;
  min-width: 0;
}

.daily-combo-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: auto !important;
  scrollbar-width: none !important;
}

.daily-combo-rail::-webkit-scrollbar {
  display: none !important;
}

.daily-combo-rail {
  position: relative !important;
}

.daily-combo-rail::after {
  display: none !important;
}

.daily-combo-next-arrow {
  position: absolute !important;
  top: 58% !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 34px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgb(255 204 1 / 0.96) !important;
  color: #202020 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  z-index: 8 !important;
  cursor: pointer !important;
  animation: combo-arrow-pulse 1.25s ease-in-out infinite !important;
}

@keyframes combo-arrow-pulse {
  0%, 100% { opacity: 0.35; transform: translateY(-50%) translateX(0); }
  50% { opacity: 1; transform: translateY(-50%) translateX(3px); }
}

.daily-combo-rail > .daily-combo-card {
  flex: 0 0 168px !important;
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
  min-height: 286px !important;
}

/* Os trilhos são carrosséis: os cards precisam manter a largura de estudo
   para não colapsarem em colunas estreitas no mobile. */
.product-rail > .product-card {
  flex: 0 0 168px !important;
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
}

.daily-combo-rail > .daily-combo-card {
  flex: 0 0 168px !important;
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
}

/* Padronização final para todas as categorias da vitrine. */
.product-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.product-rail::-webkit-scrollbar {
  display: none !important;
}

/* Indicador visual de que o trilho pode ser arrastado para a direita. */
.product-section:not(.is-open) .product-rail {
  position: relative !important;
}

.product-section:not(.is-open) .product-rail::after {
  display: none !important;
}

.section-more {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: auto !important;
  gap: 4px !important;
  padding: 7px 12px 7px 9px !important;
  border: 1px solid #ffcc01 !important;
  border-radius: 999px !important;
  background: #ffcc01 !important;
  color: #202020 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 3px 0 #d19d00 !important;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
}

.product-section .section-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.product-section .section-heading > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.section-more::before {
  content: "→" !important;
  display: inline-block !important;
  margin-right: 0 !important;
  color: #202020 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 0 !important;
  vertical-align: -2px !important;
}

/* Ofertas também recebe o indicador de rolagem lateral. */
.product-section.offers-section:not(.is-open) .product-rail::after {
  display: none !important;
}

.offers-section .section-more {
  display: none !important;
}

/* A vitrine de Ofertas exibe somente os três produtos principais. */
.offers-section .offers-extra-hidden {
  display: none !important;
}

.offers-section .product-rail {
  overflow-x: hidden !important;
}

.offers-section .rail-next-arrow {
  display: none !important;
}

/* Cada cabeçalho deve exibir somente um atalho de navegação. */
.section-heading .section-more ~ .section-more {
  display: none !important;
}

.rail-next-arrow {
  position: absolute !important;
  top: 58% !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  width: 24px !important;
  height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #202020 !important;
  color: #ffcc01 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  animation: combo-arrow-pulse 1.25s ease-in-out infinite !important;
}

/* Categorias curtas ficam equilibradas no centro da vitrine. */
.pets-section .product-rail {
  justify-content: flex-start !important;
}

.pets-section .product-rail > .product-card {
  flex: 0 0 168px !important;
}

.pets-section .product-image {
  height: 145px !important;
  min-height: 145px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

.pets-section .product-image img {
  width: 100% !important;
  height: 145px !important;
  object-fit: contain !important;
}

.utilitarios-card h3 {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  max-height: 30px !important;
  overflow: hidden !important;
  line-height: 1.05 !important;
}

.utilitarios-card p {
  display: none !important;
}

.offer-discount-badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 6 !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: #20a447 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  animation: offer-badge-pulse 1.15s ease-in-out infinite !important;
}

.offer-old-price {
  display: block !important;
  margin-top: 5px !important;
  color: #d62828 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-decoration: line-through !important;
  line-height: 1 !important;
}

.offers-section .offer-old-price + strong {
  color: #20a447 !important;
}

.daily-combo-card {
  position: relative !important;
}

.daily-combo-card .offer-old-price + strong {
  color: #20a447 !important;
}

.offers-section .product-card {
  position: relative !important;
}

@keyframes offer-badge-pulse {
  0%, 100% { opacity: 0.55; transform: scale(0.98); }
  50% { opacity: 1; transform: scale(1.04); }
}

.section-more:hover {
  background: #202020 !important;
  border-color: #202020 !important;
  color: #ffcc01 !important;
  box-shadow: 0 2px 0 #000 !important;
  transform: translateY(1px) !important;
}

.section-more:hover::before {
  color: #ffcc01 !important;
}

.urgency-section.is-open .product-rail {
  flex-wrap: wrap !important;
  overflow: visible !important;
  max-height: none !important;
  row-gap: 12px !important;
}

.urgency-section.is-open .product-rail > .product-card {
  flex: 0 0 168px !important;
}

/* Lista aberta: mesma composição de card usada pelas categorias nativas. */
.urgency-section.is-open .urgency-card {
  min-height: 320px !important;
  padding: 10px 9px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
}

.urgency-section.is-open .urgency-card .product-open {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
}

.urgency-section.is-open .urgency-card .product-image {
  height: 150px !important;
  min-height: 150px !important;
  display: grid !important;
  place-items: center !important;
  margin-bottom: 10px !important;
}

.urgency-section.is-open .urgency-card .product-image img {
  width: 100% !important;
  height: 145px !important;
  object-fit: contain !important;
}

.urgency-section.is-open .urgency-card h3 {
  margin: 0 !important;
  min-height: 34px !important;
  height: 28px !important;
  max-height: 28px !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

.urgency-section.is-open .urgency-card .product-open p {
  display: none !important;
}

.urgency-section.is-open .urgency-card .card-bottom {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 4px !important;
  padding-top: 12px !important;
}

.urgency-section.is-open .urgency-card .card-bottom > span {
  color: #8a8d93 !important;
  font-size: 10px !important;
}

.urgency-section.is-open .urgency-card .add-button {
  width: 100% !important;
  min-height: 32px !important;
  margin-top: 4px !important;
  border-radius: 999px !important;
}

.urgency-card {
  position: relative !important;
}

.urgency-24h-badge {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 6 !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  background: #20a447 !important;
  color: #fff !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  animation: offer-badge-pulse 1.15s ease-in-out infinite !important;
}

.urgency-discount-price {
  color: #20a447 !important;
}

/* Todas as categorias usam o mesmo modo expandido da vitrine. */
.product-section.is-open .product-rail {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex-wrap: initial !important;
  overflow: visible !important;
  max-height: none !important;
  row-gap: 12px !important;
}

.product-section.is-open .product-rail > .product-card {
  flex: initial !important;
  width: 100% !important;
  min-width: 0 !important;
}

.product-section.is-open .product-card h3 {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.05 !important;
}

.product-section.is-open .product-card p {
  height: 23px !important;
  max-height: 23px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  line-height: 1.15 !important;
}

.product-section.is-expanded .product-rail {
  flex-wrap: wrap !important;
  overflow: visible !important;
  max-height: none !important;
}

.product-section.is-expanded .product-rail > .product-card {
  flex: 0 0 168px !important;
}

@media (max-width: 640px) {
  .local-profile-hero {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .local-profile-card {
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .section-heading,
  .product-section,
  .offers-section,
  .content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Sacola única para todos os produtos da vitrine estática */
.static-cart-fab{position:fixed;right:22px;bottom:22px;z-index:1000;border:0;border-radius:999px;background:#ffc400;color:#171717;font-weight:800;padding:13px 18px;box-shadow:0 4px 0 #c79600;cursor:pointer}.static-cart-fab b{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#171717;color:#fff;margin-left:5px}.static-cart-drawer{position:fixed;right:22px;bottom:78px;width:min(380px,calc(100vw - 32px));max-height:70vh;z-index:999;background:#fff;border:1px solid #e6c957;border-radius:18px;padding:16px;display:none;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.18)}.static-cart-drawer.is-open{display:flex}.static-cart-head{display:flex;align-items:center;justify-content:space-between}.static-cart-head h2{margin:0}.static-cart-close{border:0;background:transparent;font-size:28px;cursor:pointer}.static-cart-lines{overflow:auto;margin:12px 0}.static-cart-line{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.static-cart-line img{width:48px;height:48px;object-fit:contain}.static-cart-line strong,.static-cart-line small{display:block}.static-cart-line small{color:#777;margin-top:3px}.static-cart-qty{display:flex;align-items:center;gap:7px}.static-cart-qty button{border:0;border-radius:50%;width:24px;height:24px;background:#ffc400;font-weight:800;cursor:pointer}.static-cart-foot{border-top:1px solid #eee;padding-top:12px}.static-cart-total{display:block;font-size:20px;margin-bottom:10px}.static-cart-checkout{width:100%;border:0;border-radius:999px;background:#ffc400;padding:13px;font-weight:800;cursor:pointer}.static-cart-checkout:disabled{opacity:.5;cursor:not-allowed}.static-cart-empty{color:#777;text-align:center;padding:22px 0}@media(max-width:640px){.static-cart-fab{right:14px;bottom:14px}.static-cart-drawer{right:14px;bottom:68px}}
/* Sacola estática de fallback: mantém o mesmo carrinho local mesmo quando a
   vitrine é servida como HTML estático, sem deixar itens vazarem para fora. */
.adega-cart-page-bridge {
  min-height: 100vh !important;
  background: #fff !important;
}

.adega-cart-bridge {
  width: min(100% - 32px, 980px);
  margin: 0 auto;
  padding: 28px 0 48px;
  color: #161616;
}

.adega-cart-bridge-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.adega-cart-bridge-head h1,
.adega-cart-bridge-head p,
.adega-cart-bridge-head span {
  margin: 0;
}

.adega-cart-bridge-head h1 {
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1;
}

.adega-cart-bridge-head p {
  margin-top: 8px;
  color: #727780;
}

.route-kicker {
  display: block;
  margin-bottom: 8px !important;
  color: #b78900;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.adega-cart-continue,
.adega-cart-checkout {
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  padding: 0 22px;
  color: #161616;
  background: #ffcc01;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.adega-cart-bridge-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: start;
  gap: 18px;
}

.adega-cart-bridge-items,
.adega-cart-bridge-summary,
.adega-cart-empty {
  border: 1px solid rgb(255 204 1 / 55%);
  border-radius: 20px;
  background: #fff;
}

.adega-cart-bridge-items {
  overflow: hidden;
}

.adega-cart-item {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
}

.adega-cart-item:last-child {
  border-bottom: 0;
}

.adega-cart-item-image {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  overflow: hidden;
  border-radius: 12px;
  background: #fafafa;
}

.adega-cart-item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.adega-cart-item-info h2,
.adega-cart-item-info span,
.adega-cart-item-total {
  margin: 0;
}

.adega-cart-item-info h2 {
  font-size: 16px;
  line-height: 1.15;
}

.adega-cart-item-info > span {
  display: block;
  margin-top: 5px;
  color: #7c838c;
  font-size: 13px;
}

.adega-cart-item-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.adega-cart-item-actions button {
  min-width: 28px;
  height: 28px;
  border: 1px solid #e2bd00;
  border-radius: 8px;
  color: #161616;
  background: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.adega-cart-item-actions button:last-child {
  border: 0;
  margin-left: 6px;
  color: #a03b3b;
  font-size: 12px;
}

.adega-cart-item-total {
  align-self: start;
  white-space: nowrap;
  font-size: 16px;
}

.adega-cart-bridge-summary {
  padding: 20px;
}

.adega-cart-bridge-summary h2 {
  margin: 0 0 18px;
  font-size: 18px;
}

.adega-cart-bridge-summary > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  color: #69717b;
  font-size: 14px;
}

.adega-cart-bridge-summary .adega-cart-total {
  margin: 18px 0;
  padding-top: 14px;
  border-top: 1px solid #eeeeee;
  color: #161616;
  font-size: 18px;
}

.adega-cart-checkout {
  width: 100%;
}

.adega-cart-empty {
  padding: 42px 24px;
  text-align: center;
}

.adega-cart-empty h2,
.adega-cart-empty p {
  margin: 0;
}

.adega-cart-empty p {
  margin: 8px 0 20px;
  color: #727780;
}

.adega-cart-upsell {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid rgb(255 204 1 / 55%);
  border-radius: 20px;
  background: linear-gradient(135deg, #fffdf2 0%, #fff 62%);
}

.adega-cart-upsell-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}

.adega-cart-upsell-head h2,
.adega-cart-upsell-head p {
  margin: 0;
}

.adega-cart-upsell-head h2 {
  color: #161616;
  font-size: 21px;
  line-height: 1.05;
}

.adega-cart-upsell-head p {
  margin-top: 6px;
  color: #727780;
  font-size: 13px;
}

.adega-cart-upsell-cap {
  flex: none;
  color: #16813a;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.adega-cart-upsell-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.adega-upsell-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgb(255 204 1 / 48%);
  border-radius: 16px;
  background: #fff;
}

.adega-upsell-image {
  display: grid;
  place-items: center;
  height: 112px;
  padding: 8px;
  background: #fff;
}

.adega-upsell-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.adega-upsell-info {
  display: flex;
  min-width: 0;
  min-height: 144px;
  flex-direction: column;
  padding: 10px;
}

.adega-upsell-info h3,
.adega-upsell-info p,
.adega-upsell-info strong {
  margin: 0;
}

.adega-upsell-info h3 {
  display: -webkit-box;
  min-height: 30px;
  overflow: hidden;
  color: #202124;
  font-size: 13px;
  line-height: 1.12;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.adega-upsell-info p {
  display: -webkit-box;
  min-height: 25px;
  margin-top: 5px;
  overflow: hidden;
  color: #9298a3;
  font-size: 10px;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.adega-upsell-info strong {
  margin-top: auto;
  color: #159447;
  font-size: 18px;
  line-height: 1;
}

.adega-upsell-add {
  display: flex;
  width: 100%;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
  border: 0;
  border-radius: 999px;
  color: #161616;
  background: #ffcc01;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.adega-upsell-add span {
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #161616;
  font-size: 14px;
  line-height: 1;
}

.adega-upsell-add:hover {
  background: #e6b800;
}

.adega-cart-bridge-float {
  z-index: 30;
}

@media (max-width: 720px) {
  /* A sacola fixa fica fora da área útil de leitura: o usuário consegue
     rolar o último card e o rodapé acima dela, sem perder o CTA. */
  body:has(.adega-cart-bridge-float) {
    padding-bottom: 86px !important;
  }

  main.store-page:not(.adega-cart-page-bridge):not(.adega-checkout-page-bridge) {
    padding-bottom: 86px !important;
  }

  .adega-cart-bridge {
    width: min(100% - 24px, 560px);
    padding-top: 18px;
  }

  .adega-cart-bridge-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .adega-cart-bridge-layout {
    grid-template-columns: 1fr;
  }

  .adega-cart-item {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .adega-cart-item-image {
    width: 64px;
    height: 64px;
  }

  .adega-cart-item-total {
    grid-column: 2;
  }

  .adega-cart-upsell {
    padding: 16px;
  }

  .adega-cart-upsell-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .adega-cart-upsell-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .adega-upsell-image {
    height: 96px;
  }

  .adega-upsell-info {
    min-height: 136px;
    padding: 9px;
  }
}

/* No mobile, os trilhos começam com três produtos completos visíveis. */
@media (max-width: 640px) {
  .daily-combo-showcase {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .daily-combo-showcase::after {
    display: none !important;
  }

  .daily-combo-rail,
  .product-rail {
    gap: 8px !important;
    overflow-x: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .daily-combo-rail > .daily-combo-card,
  .product-rail > .product-card {
    flex: 0 0 calc((100% - 16px) / 3) !important;
    width: calc((100% - 16px) / 3) !important;
    min-width: 0 !important;
    max-width: calc((100% - 16px) / 3) !important;
  }

  .daily-combo-card > img {
    padding: 4px !important;
  }

  .daily-combo-card h3,
  .product-card h3 {
    font-size: clamp(10px, 2.6vw, 13px) !important;
  }

  .daily-combo-add,
  .product-card .add-button {
    padding-left: 3px !important;
    padding-right: 3px !important;
    font-size: clamp(9px, 2.5vw, 12px) !important;
  }
}

/* A moldura de cada produto deve permanecer inteira. As máscaras laterais
   antigas escondiam também a borda do card atual em alguns tamanhos. Nas
   categorias fechadas, recortamos o trilho no próprio contêiner e deixamos
   o "Ver mais" abrir a lista completa em grade. */
.product-section:not(.is-open):not(.is-expanded) .product-rail::after,
.product-section:not(.is-open):not(.is-expanded)::after {
  display: none !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-rail {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-rail > .product-card {
  border: 1px solid #e7d98e !important;
  border-radius: 17px !important;
  box-sizing: border-box !important;
}

/* No mobile, a vitrine de Urgência não deve empurrar preço e botão para o
   final de uma altura artificial: descrição, preço e ação ficam próximos. */
@media (max-width: 640px) {
  .urgency-section:not(.is-open) .urgency-card {
    min-height: 0 !important;
    height: auto !important;
    align-self: flex-start !important;
  }

  .urgency-section:not(.is-open) .urgency-card .product-open {
    flex: 0 0 auto !important;
    min-height: 0 !important;
  }

  .urgency-section:not(.is-open) .urgency-card .card-bottom {
    margin-top: 8px !important;
  }
}

/* Padrão único para todos os cards de produto nas vitrines fechadas: imagem,
   título/legenda, preço e ação ficam em sequência, como no combo destaque. */
.product-section:not(.is-open):not(.is-expanded) .product-card {
  min-height: 300px !important;
  height: auto !important;
  padding: 9px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-card .product-open {
  display: flex !important;
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-card .product-image {
  height: 145px !important;
  min-height: 145px !important;
  margin-bottom: 8px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-card .product-image img {
  width: 100% !important;
  height: 140px !important;
  object-fit: contain !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-card h3 {
  min-height: 30px !important;
  height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  line-height: 1.05 !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-card p {
  min-height: 16px !important;
  height: 16px !important;
  max-height: 16px !important;
  margin: 2px 0 0 !important;
  line-height: 1.15 !important;
  -webkit-line-clamp: 1 !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-card .card-bottom {
  margin-top: 8px !important;
  padding-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 3px !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-card .card-bottom > span {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.product-section:not(.is-open):not(.is-expanded) .product-card .add-button {
  width: 100% !important;
  min-height: 34px !important;
  height: 34px !important;
  margin-top: 4px !important;
  border-radius: 999px !important;
}

/* Diagramação final: nenhuma vitrine pode deixar título ou descrição vazar,
   e todos os produtos devem ocupar exatamente a mesma altura. */
.product-section .product-card,
.daily-combo-card {
  box-sizing: border-box !important;
  height: 320px !important;
  min-height: 320px !important;
}

.product-section .product-card h3,
.daily-combo-card h3 {
  box-sizing: border-box !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-height: 1.05 !important;
}

.product-section .product-card p,
.daily-combo-card p {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  margin: 2px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.15 !important;
}

.product-section .product-card .card-bottom {
  margin-top: 8px !important;
}

.daily-combo-card > img {
  height: 145px !important;
  min-height: 145px !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

.daily-combo-card-body {
  flex: 0 0 auto !important;
}

.daily-combo-card h3 {
  margin: 8px 2px 3px !important;
}

.daily-combo-card strong {
  margin-top: 8px !important;
}

/* Se um produto tiver preço promocional e uma linha extra, toda a fileira
   acompanha essa altura para que nenhuma borda fique desalinhada. */
.urgency-section:not(.is-open):not(.is-expanded) .urgency-rail {
  align-items: stretch !important;
}

.urgency-section:not(.is-open):not(.is-expanded) .urgency-card {
  height: auto !important;
  min-height: 320px !important;
  align-self: stretch !important;
}

.adega-checkout-page-bridge {
  min-height: 100vh !important;
  background: #fff !important;
}

/* Impede que o HTML antigo da vitrine apareça durante o retorno/navegação;
   a tela só fica visível após o tema novo terminar de montar. */
html:not(.adega-theme-ready) main.store-page {
  visibility: hidden !important;
}

.adega-checkout-bridge {
  width: min(100% - 32px, 980px);
  margin: 0 auto;
  padding: 28px 0 48px;
  color: #161616;
}

.adega-checkout-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.adega-checkout-head h1,
.adega-checkout-head p {
  margin: 0;
}

.adega-checkout-head h1 {
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1;
}

.adega-checkout-head p {
  margin-top: 8px;
  color: #727780;
}

.adega-checkout-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: start;
  gap: 18px;
}

.adega-checkout-card,
.adega-checkout-order,
.adega-checkout-empty,
.adega-pix-bridge {
  border: 1px solid rgb(255 204 1 / 55%);
  border-radius: 20px;
  background: #fff;
}

.adega-checkout-card {
  display: grid;
  gap: 14px;
  padding: 22px;
}

.adega-checkout-card h2,
.adega-checkout-card p {
  margin: 0;
}

.adega-checkout-card h2 {
  font-size: 20px;
}

.adega-checkout-card label {
  display: grid;
  gap: 6px;
  color: #3f4650;
  font-size: 13px;
  font-weight: 800;
}

.adega-checkout-card label small {
  color: #7b838d;
  font-weight: 500;
}

.adega-checkout-card input {
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid #dfe2e5;
  border-radius: 10px;
  padding: 0 12px;
  color: #161616;
  background: #fff;
  font: inherit;
  font-weight: 500;
}

.adega-checkout-card input:focus {
  outline: 2px solid rgb(255 204 1 / 55%);
  border-color: #e2b900;
}

.adega-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.adega-checkout-address-details {
  display: grid;
  gap: 14px;
}

.adega-checkout-address-details[hidden] {
  display: none !important;
}

.adega-checkout-cep-status {
  margin: 0 !important;
  color: #68717c;
  font-size: 12px;
  line-height: 1.35;
}

.adega-checkout-cep-status:empty {
  display: none;
}

.adega-checkout-card [data-address-submit]:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.adega-checkout-loading {
  min-height: min(680px, 100svh);
  display: grid;
  place-items: center;
  box-sizing: border-box;
  padding: 32px 18px;
  background:
    radial-gradient(circle at 50% 18%, rgb(255 204 1 / .28), transparent 15rem),
    linear-gradient(180deg, #fffdf2 0%, #fff 58%, #f7faf9 100%);
}

.adega-loading-card {
  width: min(100%, 440px);
  box-sizing: border-box;
  padding: 34px 24px 30px;
  border: 1px solid rgb(255 204 1 / .46);
  border-radius: 28px;
  background: rgb(255 255 255 / .94);
  box-shadow: 0 18px 46px rgb(44 37 0 / .12);
  text-align: center;
}

.adega-loading-orbit {
  position: relative;
  width: 150px;
  height: 150px;
  display: grid;
  place-items: center;
  margin: 0 auto 24px;
  perspective: 800px;
}

.adega-loading-logo {
  position: relative;
  z-index: 2;
  width: 94px;
  height: 94px;
  object-fit: contain;
  padding: 7px;
  border: 4px solid #fff;
  border-radius: 50%;
  background: #ffcc01;
  box-shadow: 0 12px 26px rgb(255 204 1 / .38), inset 0 -5px 0 rgb(199 154 0 / .35);
  animation: adega-logo-3d 1.8s ease-in-out infinite;
  transform-style: preserve-3d;
}

.adega-loading-ring,
.adega-loading-glow {
  position: absolute;
  inset: 11px;
  border-radius: 50%;
  pointer-events: none;
}

.adega-loading-ring {
  border: 2px solid rgb(255 204 1 / .72);
  transform-style: preserve-3d;
}

.adega-loading-ring-a {
  transform: rotateX(66deg) rotateZ(18deg);
  animation: adega-orbit-a 2.2s linear infinite;
}

.adega-loading-ring-b {
  inset: 22px 4px;
  border-color: rgb(17 18 20 / .18);
  transform: rotateY(68deg) rotateZ(-18deg);
  animation: adega-orbit-b 1.7s linear infinite reverse;
}

.adega-loading-glow {
  inset: 30px;
  background: rgb(255 204 1 / .2);
  filter: blur(12px);
  animation: adega-glow-pulse 1.4s ease-in-out infinite;
}

.adega-loading-card h1 {
  margin: 8px 0 8px;
  color: #111214;
  font-size: clamp(24px, 6vw, 30px);
  line-height: 1.05;
}

.adega-loading-card p {
  max-width: 340px;
  margin: 0 auto 20px;
  color: #69717c;
  font-size: 14px;
  line-height: 1.45;
}

.adega-loading-card small {
  display: block;
  margin-top: 12px;
  color: #7a5b00;
  font-size: 12px;
  font-weight: 700;
}

.adega-loading-progress {
  width: min(100%, 280px);
  height: 7px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 999px;
  background: #fff1b0;
}

.adega-loading-progress span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ffcc01, #0aae78);
  animation: adega-loading-progress 4s cubic-bezier(.22,.8,.35,1) forwards;
}

@keyframes adega-logo-3d {
  0%, 100% { transform: rotateY(0deg) rotateX(0deg) scale(.96); }
  50% { transform: rotateY(180deg) rotateX(8deg) scale(1.04); }
}

@keyframes adega-orbit-a {
  from { transform: rotateX(66deg) rotateZ(0deg); }
  to { transform: rotateX(66deg) rotateZ(360deg); }
}

@keyframes adega-orbit-b {
  from { transform: rotateY(68deg) rotateZ(0deg); }
  to { transform: rotateY(68deg) rotateZ(360deg); }
}

@keyframes adega-glow-pulse {
  0%, 100% { opacity: .55; transform: scale(.88); }
  50% { opacity: 1; transform: scale(1.12); }
}

@keyframes adega-loading-progress {
  from { width: 0; }
  to { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .adega-loading-logo,
  .adega-loading-ring-a,
  .adega-loading-ring-b,
  .adega-loading-glow,
  .adega-loading-progress span {
    animation: none !important;
  }

  .adega-loading-progress span {
    width: 100%;
  }
}

.adega-checkout-order {
  padding: 20px;
}

.adega-checkout-order h2 {
  margin: 0 0 16px;
  font-size: 18px;
}

.adega-checkout-order > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  color: #68717c;
  font-size: 13px;
}

.adega-checkout-order .adega-checkout-total {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #eeeeee;
  color: #161616;
  font-size: 18px;
}

.adega-checkout-error {
  color: #b23838 !important;
  font-weight: 700;
}

.adega-checkout-help {
  color: #727780;
  font-size: 13px;
}

.adega-checkout-empty,
.adega-pix-bridge {
  padding: 42px 24px;
  text-align: center;
}

.adega-checkout-empty h1,
.adega-checkout-empty p,
.adega-pix-bridge h1,
.adega-pix-bridge p {
  margin: 0;
}

.adega-checkout-empty p,
.adega-pix-bridge p {
  margin: 8px 0 20px;
  color: #727780;
}

.adega-pix-bridge {
  max-width: 560px;
  margin: 0 auto;
}

.adega-pix-qr {
  display: block;
  width: min(240px, 80vw);
  height: auto;
  margin: 24px auto 16px;
}

.adega-pix-no-image {
  margin: 24px auto 16px;
  color: #727780;
}

.adega-pix-amount {
  display: block;
  margin-bottom: 14px;
  color: #159447;
  font-size: 24px;
}

.adega-pix-code {
  display: block;
  width: 100%;
  min-height: 96px;
  box-sizing: border-box;
  margin-bottom: 12px;
  border: 1px solid #dfe2e5;
  border-radius: 10px;
  padding: 12px;
  resize: vertical;
  font: 12px/1.4 monospace;
}

.adega-pix-bridge .adega-checkout-back,
.adega-checkout-back {
  margin-top: 12px;
  border: 0;
  background: transparent;
  color: #806300;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 720px) {
  .adega-checkout-bridge {
    width: min(100% - 24px, 560px);
    padding-top: 18px;
  }

  .adega-checkout-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .adega-checkout-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .adega-field-row {
    grid-template-columns: 1fr;
  }
}

.adega-checkout-age-gate {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgb(17 18 20 / 68%);
}

/* A idade é confirmada somente no fluxo de entrega; o gate antigo da página
   inicial fica oculto imediatamente, sem qualquer lampejo na entrada. */
.age-gate {
  display: none !important;
}

.adega-checkout-age-card {
  width: min(100%, 420px);
  box-sizing: border-box;
  border: 1px solid rgb(255 204 1 / 65%);
  border-radius: 22px;
  padding: 28px 24px 24px;
  background: #fff;
  text-align: center;
}

.adega-checkout-age-card h2,
.adega-checkout-age-card p {
  margin: 0;
}

.adega-checkout-age-card h2 {
  font-size: 24px;
}

.adega-checkout-age-card p {
  margin-top: 10px;
  color: #727780;
  line-height: 1.45;
}

.adega-checkout-age-actions {
  display: flex;
  gap: 10px;
  margin-top: 22px;
}

.adega-checkout-age-actions button {
  flex: 1;
  min-height: 44px;
  border-radius: 999px;
  padding: 0 14px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.adega-checkout-age-actions .age-deny {
  border: 1px solid #dfe2e5;
  background: #fff;
  color: #5c626b;
}

.adega-checkout-age-actions .age-approve {
  border: 0;
  background: #ffcc01;
  color: #161616;
}

.adega-checkout-age-warning {
  display: block;
  min-height: 18px;
  margin-top: 12px;
  color: #a23e3e;
  font-size: 12px;
}

.adega-cart-limit-warning {
  margin: 16px 0 0;
  padding: 12px 14px;
  border: 1px solid #e3a0a0;
  border-radius: 12px;
  background: #fff4f4;
  color: #a23e3e;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}

.adega-cart-checkout:disabled {
  opacity: .52;
  cursor: not-allowed;
  transform: none;
}

.adega-cart-limit-notice {
  position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 10000;
  width: min(440px, calc(100% - 28px));
  box-sizing: border-box;
  padding: 14px 18px;
  border: 1px solid #e2bd00;
  border-radius: 14px;
  background: #161616;
  color: #fff;
  box-shadow: 0 8px 24px rgb(0 0 0 / 22%);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 16px);
  transition: opacity .2s ease, transform .2s ease;
}

.adega-cart-limit-notice {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.adega-notice-brand {
  color: #ffcc01;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.adega-cart-limit-notice.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

/* When a category is expanded on mobile, keep every product inside a clean
   three-column grid. The closed rail sizing intentionally uses a narrow
   preview width; that max-width must not leak into the expanded grid. */
@media (max-width: 720px) {
  .product-section.is-open .product-rail,
  .product-section.is-expanded .product-rail {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .product-section.is-open .product-rail > .product-card,
  .product-section.is-expanded .product-rail > .product-card {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    overflow: hidden !important;
  }

  .product-section.is-open .product-card > *,
  .product-section.is-expanded .product-card > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .product-section.is-open .product-card h3,
  .product-section.is-expanded .product-card h3,
  .product-section.is-open .product-card p,
  .product-section.is-expanded .product-card p {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Reserve one identical line for the old price. Without this, a card with
     a discount pushes its current price and button lower than the others. */
  .product-section .product-card .card-bottom {
    position: relative !important;
    display: block !important;
    height: 96px !important;
    min-height: 96px !important;
    margin-top: 8px !important;
    padding: 0 !important;
  }

  .product-section .product-card .card-bottom > span:first-child,
  .product-section .product-card .card-bottom .offer-old-price,
  .product-section .product-card .card-bottom > strong,
  .product-section .product-card .card-bottom .add-button {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    margin: 0 !important;
  }

  .product-section .product-card .card-bottom > span:first-child {
    top: 0 !important;
  }

  .product-section .product-card .card-bottom .offer-old-price {
    top: 19px !important;
  }

  .product-section .product-card .card-bottom > strong {
    top: 36px !important;
  }

  .product-section .product-card .card-bottom .add-button {
    top: 62px !important;
    width: 100% !important;
  }

  /* Keep the real text in the DOM for the cart and accessibility, while the
     mobile card renders a compact, complete label in a fixed text slot. */
  .product-section .product-card h3[data-display-text],
  .daily-combo-card h3[data-display-text] {
    display: block !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    overflow: visible !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
  }

  .product-section .product-card h3[data-display-text]::after,
  .daily-combo-card h3[data-display-text]::after {
    content: attr(data-display-text);
    display: -webkit-box;
    width: 100%;
    height: 30px;
    overflow: visible;
    color: #202124;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.12px;
    white-space: normal;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .product-section .product-card p[data-display-text],
  .daily-combo-card p[data-display-text] {
    display: block !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    overflow: visible !important;
    margin-top: 2px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
  }

  .product-section .product-card p[data-display-text]::after,
  .daily-combo-card p[data-display-text]::after {
    content: attr(data-display-text);
    display: -webkit-box;
    width: 100%;
    height: 23px;
    overflow: visible;
    color: #9298a3;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0;
    white-space: normal;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  /* The closed-rail rule is intentionally more specific than the base card
     rule, so repeat the two-line description slot for both rail states. */
  .product-section:not(.is-open):not(.is-expanded) .product-card p[data-display-text],
  .product-section.is-open .product-card p[data-display-text],
  .product-section.is-expanded .product-card p[data-display-text] {
    display: block !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    overflow: visible !important;
    margin: 2px 0 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
  }
}