/* ===== Tema natalino (ativado em Administração → Personalização → Tema) ===== */
html[data-theme="natal"]{--nat-red:#c8102e;--nat-red-dark:#8f0a21;--nat-green:#17653a;--nat-green-dark:#0e4a2a;--nat-gold:#f0b73c;--nat-cream:#fff8ef}
html[data-theme="natal"] body{background:linear-gradient(180deg,#fff 0,var(--nat-cream) 60%,#fff 100%)}
/* faixa de aviso + luzes */
html[data-theme="natal"] .announcement{position:relative;background:linear-gradient(90deg,var(--nat-red-dark),var(--nat-red),var(--nat-red-dark));color:#fff;z-index:5}
html[data-theme="natal"] .announcement::before{content:"🎄 ";}
html[data-theme="natal"] .announcement::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:15px;pointer-events:none;z-index:40;
 background:
  radial-gradient(circle at 8px 7px,#ffd54a 0 3.2px,transparent 4px) 0 0/48px 15px repeat-x,
  radial-gradient(circle at 20px 9px,#ff4d5e 0 3.2px,transparent 4px) 0 0/48px 15px repeat-x,
  radial-gradient(circle at 32px 7px,#3ddc84 0 3.2px,transparent 4px) 0 0/48px 15px repeat-x,
  radial-gradient(circle at 44px 9px,#4fc3ff 0 3.2px,transparent 4px) 0 0/48px 15px repeat-x,
  linear-gradient(#1c4d33,#1c4d33) 0 2px/100% 2px no-repeat;
 animation:nat-blink 2.2s ease-in-out infinite}
@keyframes nat-blink{0%,100%{opacity:1;filter:brightness(1.1)}50%{opacity:.7;filter:brightness(.85)}}
html[data-theme="natal"] header{border-bottom:3px solid var(--nat-green);padding-top:6px}
html[data-theme="natal"] .category-nav{border-bottom:2px solid #f3d4d9}
html[data-theme="natal"] .logo img{filter:drop-shadow(0 3px 4px rgba(0,0,0,.18))}
/* botões e destaques */
html[data-theme="natal"] .button.dark,html[data-theme="natal"] .view-product,html[data-theme="natal"] .detail-actions button:not(.whatsapp-quote):not(#detail-add),html[data-theme="natal"] .bn-keep{background:linear-gradient(135deg,var(--nat-red-dark),var(--nat-red))!important;color:#fff!important;border-color:var(--nat-red)!important}
html[data-theme="natal"] .add-product,html[data-theme="natal"] #detail-add{border-color:var(--nat-green)!important;color:var(--nat-green)!important}
html[data-theme="natal"] .add-product:hover,html[data-theme="natal"] #detail-add:hover{background:#eaf6ee!important}
html[data-theme="natal"] .store-cat,html[data-theme="natal"] .eyebrow,html[data-theme="natal"] .product-price,html[data-theme="natal"] .breadcrumb a:last-child,html[data-theme="natal"] #detail-title{color:var(--nat-green)!important}
html[data-theme="natal"] .selo-novo{background:var(--nat-green)!important;color:#fff!important}
html[data-theme="natal"] .selo-hot{background:var(--nat-red)!important;color:#fff!important}
html[data-theme="natal"] .store-card{border-color:#f0d9dc}
html[data-theme="natal"] .store-card:hover{box-shadow:0 12px 30px rgba(200,16,46,.18)}
html[data-theme="natal"] .shelf-title h2::after{content:" ❄";color:#7ec8ff;font-size:.8em}
html[data-theme="natal"] .shelf-title button{background:var(--nat-green)!important;color:#fff!important;border-color:var(--nat-green)!important}
/* cartões de destaque da home */
html[data-theme="natal"] .collections .collection.promo-cups{background:linear-gradient(135deg,#a50d26,#d6193a)}
html[data-theme="natal"] .collections .collection.promo-best{background:linear-gradient(135deg,#0e4a2a,#1f8a4c)}
html[data-theme="natal"] .collections .collection.promo-books{background:linear-gradient(135deg,#d99a10,#f3c24a)}
html[data-theme="natal"] .collections .collection::after{content:"";position:absolute;left:0;right:0;top:-3px;height:28px;pointer-events:none;z-index:4;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='28' viewBox='0 0 90 28'%3E%3Cpath d='M0 5 Q22 24 45 5 Q67 24 90 5' fill='none' stroke='%23134d2b' stroke-width='3.2' stroke-linecap='round'/%3E%3Cg fill='%232e9e57'%3E%3Cellipse cx='10' cy='11' rx='8' ry='3.2' transform='rotate(35 10 11)'/%3E%3Cellipse cx='15' cy='14' rx='8' ry='3.2' transform='rotate(-30 15 14)'/%3E%3Cellipse cx='30' cy='14' rx='8' ry='3.2' transform='rotate(30 30 14)'/%3E%3Cellipse cx='38' cy='10' rx='8' ry='3.2' transform='rotate(-35 38 10)'/%3E%3Cellipse cx='55' cy='10' rx='8' ry='3.2' transform='rotate(35 55 10)'/%3E%3Cellipse cx='60' cy='14' rx='8' ry='3.2' transform='rotate(-30 60 14)'/%3E%3Cellipse cx='75' cy='14' rx='8' ry='3.2' transform='rotate(30 75 14)'/%3E%3Cellipse cx='83' cy='10' rx='8' ry='3.2' transform='rotate(-35 83 10)'/%3E%3C/g%3E%3Cg fill='%231d7a43'%3E%3Cellipse cx='22' cy='13' rx='7' ry='2.8' transform='rotate(75 22 13)'/%3E%3Cellipse cx='67' cy='13' rx='7' ry='2.8' transform='rotate(75 67 13)'/%3E%3C/g%3E%3Cg fill='%23d4122e'%3E%3Ccircle cx='22' cy='17' r='3'/%3E%3Ccircle cx='27' cy='15.5' r='2.4'/%3E%3Ccircle cx='67' cy='17' r='3'/%3E%3Ccircle cx='72' cy='15.5' r='2.4'/%3E%3Ccircle cx='45' cy='7' r='2.6'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='.55'%3E%3Ccircle cx='21' cy='16' r='.9'/%3E%3Ccircle cx='66' cy='16' r='.9'/%3E%3C/g%3E%3C/svg%3E") 0 0/90px 28px repeat-x}
/* banner: neve no topo */
html[data-theme="natal"] .hero-banner,html[data-theme="natal"] .banner-carousel{position:relative}
html[data-theme="natal"] .banner-carousel::after{content:"";position:absolute;left:0;right:0;top:0;height:28px;pointer-events:none;z-index:3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='28' viewBox='0 0 90 28'%3E%3Cpath d='M0 5 Q22 24 45 5 Q67 24 90 5' fill='none' stroke='%23134d2b' stroke-width='3.2' stroke-linecap='round'/%3E%3Cg fill='%232e9e57'%3E%3Cellipse cx='10' cy='11' rx='8' ry='3.2' transform='rotate(35 10 11)'/%3E%3Cellipse cx='15' cy='14' rx='8' ry='3.2' transform='rotate(-30 15 14)'/%3E%3Cellipse cx='30' cy='14' rx='8' ry='3.2' transform='rotate(30 30 14)'/%3E%3Cellipse cx='38' cy='10' rx='8' ry='3.2' transform='rotate(-35 38 10)'/%3E%3Cellipse cx='55' cy='10' rx='8' ry='3.2' transform='rotate(35 55 10)'/%3E%3Cellipse cx='60' cy='14' rx='8' ry='3.2' transform='rotate(-30 60 14)'/%3E%3Cellipse cx='75' cy='14' rx='8' ry='3.2' transform='rotate(30 75 14)'/%3E%3Cellipse cx='83' cy='10' rx='8' ry='3.2' transform='rotate(-35 83 10)'/%3E%3C/g%3E%3Cg fill='%231d7a43'%3E%3Cellipse cx='22' cy='13' rx='7' ry='2.8' transform='rotate(75 22 13)'/%3E%3Cellipse cx='67' cy='13' rx='7' ry='2.8' transform='rotate(75 67 13)'/%3E%3C/g%3E%3Cg fill='%23d4122e'%3E%3Ccircle cx='22' cy='17' r='3'/%3E%3Ccircle cx='27' cy='15.5' r='2.4'/%3E%3Ccircle cx='67' cy='17' r='3'/%3E%3Ccircle cx='72' cy='15.5' r='2.4'/%3E%3Ccircle cx='45' cy='7' r='2.6'/%3E%3C/g%3E%3Cg fill='%23ffffff' opacity='.55'%3E%3Ccircle cx='21' cy='16' r='.9'/%3E%3Ccircle cx='66' cy='16' r='.9'/%3E%3C/g%3E%3C/svg%3E") 0 0/90px 28px repeat-x}
/* rodapé */
html[data-theme="natal"] .site-footer{background:linear-gradient(180deg,#0e4a2a,#0a3a21);color:#e8f5ec;border-top:5px solid var(--nat-red)}
html[data-theme="natal"] .site-footer h2,html[data-theme="natal"] .site-footer a,html[data-theme="natal"] .site-footer button,html[data-theme="natal"] .site-footer p,html[data-theme="natal"] .site-footer small{color:#e8f5ec}
html[data-theme="natal"] .site-footer .footer-bottom{border-top-color:#ffffff33}
html[data-theme="natal"] .site-footer .logo img{background:none;border-radius:0;padding:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
/* neve */
#neve{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:60}
#neve i{position:absolute;top:-12px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#fff;opacity:var(--o);box-shadow:0 0 6px #ffffffaa;animation:nat-fall var(--d) linear var(--l) infinite}
@keyframes nat-fall{0%{transform:translate3d(0,-5vh,0)}50%{transform:translate3d(var(--sw),50vh,0)}100%{transform:translate3d(calc(var(--sw)*-1),105vh,0)}}
@media(prefers-reduced-motion:reduce){#neve{display:none}html[data-theme="natal"] .announcement::after{animation:none}}
/* admin: seletor de tema */
.theme-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:14px 0}
.theme-card{position:relative;border:2px solid #e3dcf4;border-radius:16px;background:#fff;padding:14px;cursor:pointer;display:block}
.theme-card input{position:absolute;opacity:0}
.theme-card.on{border-color:#7925ad;box-shadow:0 8px 24px rgba(121,37,173,.18)}
.theme-card[data-t="natal"].on{border-color:#c8102e;box-shadow:0 8px 24px rgba(200,16,46,.2)}
.theme-card strong{display:block;margin:10px 0 2px;font-size:16px}.theme-card small{color:#6b6178}
.theme-prev{height:96px;border-radius:10px;overflow:hidden;position:relative;background:#fff;border:1px solid #eee}
.theme-prev::before{content:"";position:absolute;left:0;right:0;top:0;height:16px;background:#7925ad}
.theme-prev i{position:absolute;bottom:10px;width:30%;height:34px;border-radius:8px}
.theme-prev i:nth-child(1){left:4%;background:#f15f78}.theme-prev i:nth-child(2){left:35%;background:#87bc30}.theme-prev i:nth-child(3){left:66%;background:#f5bc14}
.theme-card[data-t="natal"] .theme-prev::before{background:linear-gradient(90deg,#8f0a21,#c8102e)}
.theme-card[data-t="natal"] .theme-prev i:nth-child(1){background:#c8102e}.theme-card[data-t="natal"] .theme-prev i:nth-child(2){background:#17653a}.theme-card[data-t="natal"] .theme-prev i:nth-child(3){background:#e8a317}
.theme-card[data-t="natal"] .theme-prev::after{content:"🎄 ❄ 🎅 ❄ 🎁";position:absolute;left:8px;top:22px;font-size:14px;letter-spacing:6px}
@media(max-width:600px){html[data-theme="natal"] .collections .collection::after{background-size:68px 21px;height:21px;top:-2px}html[data-theme="natal"] .banner-carousel::after{background-size:68px 21px;height:21px}}

/* ===== Menu lateral do celular no Natal: verde e vermelho (sem roxo) ===== */
html[data-theme="natal"] #mobile-menu{background:linear-gradient(180deg,#0e4a2a 0%,#0a3a21 100%)!important;border-right:4px solid #c8102e}
html[data-theme="natal"] #mobile-menu .mobile-menu-label{color:#f0b73c!important}
html[data-theme="natal"] #mobile-menu .mobile-account button{color:#8f0a21!important}
html[data-theme="natal"] #mobile-menu button{border-color:rgba(255,255,255,.14)!important}
html[data-theme="natal"] #mobile-menu button.active,html[data-theme="natal"] #mobile-menu .mobile-all.active{background:rgba(200,16,46,.6)!important}
html[data-theme="natal"] #mobile-menu button:active{background:rgba(200,16,46,.45)!important}

html[data-theme="natal"] ::selection{background:#c8102e;color:#fff}
/* botões principais das telas de conta no Natal */
html[data-theme="natal"] .auth-primary{background:linear-gradient(135deg,#8f0a21,#c8102e)!important;border-color:#c8102e!important}
html[data-theme="natal"] .auth-links a,html[data-theme="natal"] .auth-privacy button{color:#17653a!important}
html[data-theme="natal"] .auth-secondary{color:#c8102e!important;border-color:#c8102e!important}

/* Natal: página do produto */
html[data-theme="natal"] .detail-actions #detail-add{background:#fff!important;color:var(--nat-green)!important;border:2px solid var(--nat-green)!important}
html[data-theme="natal"] .detail-actions #detail-add:hover{background:#eaf6ee!important}
html[data-theme="natal"] .detail-shortcuts a{background:#eaf6ee;color:var(--nat-green)}
html[data-theme="natal"] .detail-shortcuts a:hover{background:#d9eede}
html[data-theme="natal"] .detail-info .product-price{color:var(--nat-red)}
html[data-theme="natal"] .simulate-logo{border-color:#cfe5d6;background:#fff}
html[data-theme="natal"] .simulate-logo,html[data-theme="natal"] .simulate-logo small{color:var(--nat-green)}
html[data-theme="natal"] .color-dot.on{outline-color:var(--nat-green)}
html[data-theme="natal"] #detail-description .detail-tabs{background:#eaf6ee}
html[data-theme="natal"] #detail-description .detail-tabs button{color:var(--nat-green)}
html[data-theme="natal"] #detail-description .detail-tabs button[aria-selected=true]{background:var(--nat-green);color:#fff}
html[data-theme="natal"] #detail-description{border-color:#cfe5d6}
html[data-theme="natal"] .desc-chip,html[data-theme="natal"] #panel-especificacoes .spec-row{background:#f3faf5;border-color:#d4e9da}
html[data-theme="natal"] .simulate-logo{background:linear-gradient(135deg,#fff 0%,#f0f9f3 100%);border-color:#cfe5d6;box-shadow:0 6px 18px rgba(23,101,58,.1)}
html[data-theme="natal"] .simulate-logo:hover{border-color:var(--nat-green);box-shadow:0 10px 24px rgba(23,101,58,.18)}
html[data-theme="natal"] .simulate-logo strong{color:#1f3a2a}
html[data-theme="natal"] .simulate-logo small{color:#5d7a68}
html[data-theme="natal"] .sl-icon{background:linear-gradient(135deg,var(--nat-red-dark),var(--nat-red));box-shadow:0 4px 10px rgba(200,16,46,.3)}
html[data-theme="natal"] .sl-arrow{background:#e3f2e8;color:var(--nat-green)}
html[data-theme="natal"] .sim-photos-row button.active{border-color:var(--nat-green);box-shadow:0 0 0 3px rgba(23,101,58,.15)}
html[data-theme="natal"] .sim-all-btn{border-color:var(--nat-green);color:var(--nat-green)}
html[data-theme="natal"] .sim-all-btn.on,html[data-theme="natal"] .sim-all-btn:hover{background:var(--nat-green);color:#fff}

/* Redes sociais do rodape natalino: icones com a cor da marca, sempre visiveis sobre o fundo verde.
   (A regra do tema que pinta todo link do rodape de verde-claro deixava o icone da mesma cor do quadradinho.) */
html[data-theme="natal"] .site-footer .social-links a.social-brand,
html[data-theme="natal"] .site-footer .social-links button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:13px;border:2px solid #ffffffd9;color:#fff;box-shadow:0 4px 12px #00000040;transition:transform .2s,filter .2s}
html[data-theme="natal"] .site-footer .social-links a.social-instagram,
html[data-theme="natal"] .site-footer .social-links button[aria-label="Instagram"]{background:linear-gradient(45deg,#f9a03c 0%,#e1306c 52%,#7b2ff7 100%)}
html[data-theme="natal"] .site-footer .social-links a.social-facebook,
html[data-theme="natal"] .site-footer .social-links button[aria-label="Facebook"]{background:#1877f2}
html[data-theme="natal"] .site-footer .social-links .site-icon{width:22px;height:22px;background:#fff}
html[data-theme="natal"] .site-footer .social-links a.social-brand:hover,
html[data-theme="natal"] .site-footer .social-links button:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* Atendimento do rodape natalino: linhas alinhadas, cada uma com seu icone (WhatsApp, e-mail, endereco, horario).
   As classes contact-email / contact-line vem do js/settings.js; sem elas as linhas continuam alinhadas, so sem icone. */
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3){display:flex;flex-direction:column;align-items:flex-start;gap:14px}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>h2{align-self:stretch;margin:0 0 6px}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>a,
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>p.contact-line{display:flex;align-items:center;gap:11px;width:100%;margin:0;padding:0;border:0;font-size:13.5px;line-height:1.45;font-weight:400;text-align:left;text-decoration:none;color:#e8f5ec}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>a::before,
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>p.contact-line::before{content:"";flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#ffffff1f var(--ic) center/19px no-repeat;transition:background-color .2s}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>a:hover{color:#fff;text-decoration:underline}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>a:hover::before{background-color:#ffffff38}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>a.contact-icon-link{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%23ffffff'%3E%3Cpath%20d%3D'M13.601%202.326A7.85%207.85%200%200%200%207.994%200C3.627%200%20.068%203.558.064%207.926c0%201.399.366%202.76%201.057%203.965L0%2016l4.204-1.102a7.9%207.9%200%200%200%203.79.965h.004c4.368%200%207.926-3.558%207.93-7.93A7.9%207.9%200%200%200%2013.6%202.326zM7.994%2014.521a6.6%206.6%200%200%201-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56%206.56%200%200%201-1.007-3.505c0-3.626%202.957-6.584%206.591-6.584a6.56%206.56%200%200%201%204.66%201.931%206.56%206.56%200%200%201%201.928%204.66c-.004%203.639-2.961%206.592-6.592%206.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73%200%200%200-.529.247c-.182.198-.691.677-.691%201.654s.71%201.916.81%202.049c.098.133%201.394%202.132%203.383%202.992.47.205.84.326%201.129.418.475.152.904.129%201.246.08.38-.058%201.171-.48%201.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232'%2F%3E%3C%2Fsvg%3E");font-weight:700}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>a.contact-icon-link::before{background-color:#25d366}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>a.contact-icon-link:hover::before{background-color:#1fbe5b}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>a.contact-icon-link .site-icon{display:none}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>a[href^="mailto:"]{overflow-wrap:anywhere;font-size:13px;--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b8f0cc'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2'%20y%3D'4'%20width%3D'20'%20height%3D'16'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'm22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207'%2F%3E%3C%2Fsvg%3E");}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>p.contact-endereco{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b8f0cc'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%2010c0%206-8%2012-8%2012s-8-6-8-12a8%208%200%200%201%2016%200Z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'10'%20r%3D'3'%2F%3E%3C%2Fsvg%3E")}
html[data-theme="natal"] .site-footer .footer-grid section:nth-child(3)>p.contact-horario{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b8f0cc'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%2F%3E%3Cpolyline%20points%3D'12%206%2012%2012%2016%2014'%2F%3E%3C%2Fsvg%3E")}

/* ===== Rodape natalino: novo visual =====
   Faixa de bengala de Natal no topo, cada coluna num cartao de vidro, titulos modernos com sublinhado colorido,
   listas com seta, contatos com icone, redes sociais redondas e barra final elegante. Celular: 1 coluna. */
html[data-theme="natal"] .site-footer{position:relative;border-top:0;background:radial-gradient(900px 340px at 10% 0%,#2a9a5a4d,transparent 70%),radial-gradient(760px 320px at 94% 100%,#d6283938,transparent 70%),linear-gradient(180deg,#0f4f2c 0%,#082f1b 100%);overflow:hidden}
html[data-theme="natal"] .site-footer::before{content:"";display:block;height:9px;background:repeating-linear-gradient(135deg,#d62839 0 14px,#ffffff 14px 28px)}
html[data-theme="natal"] .site-footer .footer-grid{padding:46px 0 28px;gap:22px;align-items:stretch}
html[data-theme="natal"] .site-footer .footer-grid>section{min-width:0;padding:26px 24px 24px;border-radius:20px;background:linear-gradient(180deg,#ffffff1a,#ffffff09);border:1px solid #ffffff26;box-shadow:0 14px 32px #00000038,inset 0 1px 0 #ffffff22}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(1){--col:#00c5e8}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(2){--col:#f719ae}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(3){--col:#a5e900}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(4){--col:#ffd21a}
html[data-theme="natal"] .site-footer .footer-grid>section>h2{position:relative;margin:0 0 20px;padding:0 0 13px;border:0;font-size:14px;line-height:1.2;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}
html[data-theme="natal"] .site-footer .footer-grid>section>h2::after{content:"";position:absolute;left:0;bottom:0;width:38px;height:4px;border-radius:4px;background:var(--col)}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(1)>button,
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(2)>button{display:flex;align-items:center;gap:12px;width:100%;min-height:36px;margin:0 0 4px;padding:3px 0;font-size:14px;line-height:1.35;color:#eaf7ee;text-align:left;background:none;border:0;cursor:pointer;text-decoration:none;transition:color .15s,transform .15s}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(1)>button::before,
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(2)>button::before{content:"\203A";flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff1c;color:var(--col);font-size:18px;line-height:1;font-weight:700;padding-bottom:2px;transition:background-color .15s,color .15s,transform .15s}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(1)>button:hover,
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(2)>button:hover{color:#fff;transform:translateX(3px);text-decoration:none}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(1)>button:hover::before,
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(2)>button:hover::before{background:var(--col);color:#0a3320}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(3){gap:13px}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(3)>h2{margin:0 0 7px}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(3)>a:hover{text-decoration:none}
html[data-theme="natal"] .site-footer .footer-grid>section:nth-child(4)>p{margin:0 0 16px;font-size:14px;line-height:1.55;color:#eaf7ee}
html[data-theme="natal"] .site-footer .footer-grid .social-links{gap:12px}
html[data-theme="natal"] .site-footer .footer-grid .social-links a.social-brand,
html[data-theme="natal"] .site-footer .footer-grid .social-links button{width:48px;height:48px;border-radius:23%;border-width:0;box-shadow:0 8px 18px #00000050}
html[data-theme="natal"] .site-footer .footer-bottom{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:24px 0 30px;border-top:0}
html[data-theme="natal"] .site-footer .footer-bottom::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#ffffff4d,transparent)}
html[data-theme="natal"] .site-footer .footer-bottom .logo img{height:64px;width:auto}
html[data-theme="natal"] .site-footer .footer-bottom p{margin:0;text-align:center;font-size:15px;font-style:italic;letter-spacing:.2px;color:#f3fbf6}
html[data-theme="natal"] .site-footer .footer-bottom small{margin:0;font-size:12px;color:#c4e6d0}
html[data-theme="natal"] .site-footer .footer-bottom small a,html[data-theme="natal"] .site-footer .footer-bottom .copy-link{font-size:inherit;color:#c4e6d0;text-decoration:none;transition:color .15s}
html[data-theme="natal"] .site-footer .footer-bottom small a:hover{color:#fff;text-decoration:underline}
@media(max-width:1000px){html[data-theme="natal"] .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){html[data-theme="natal"] .site-footer .footer-grid{grid-template-columns:1fr;gap:16px;padding-top:34px}html[data-theme="natal"] .site-footer .footer-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;gap:12px}}

/* Sem as vinhas de azevinho no topo do banner e dos cartoes de categoria (pedido do dono da loja). */
html[data-theme="natal"] .banner-carousel::after,
html[data-theme="natal"] .collections .collection::after{content:none;display:none;background:none}