/* GF print 3D — tema NATAL (vermelho, verde-pinheiro e dourado sobre creme). Escolha em Painel › Configurações › Aparência. */
:root{
  --brand:#b8202b; --brand-600:#9a1822; --brand-50:#fdf0ef; --brand-100:#f8d6d3;
  --ink:#1d3b2c; --text:#2e3a33; --muted:#5f6b63; --faint:#87918a;
  --paper:#f8f1e6; --soft:#fcf8f1; --line:#eadfcd; --line-2:#f2e9db;
  --gold:#c49a3c; --pine:#1f5c3d;
}
:focus-visible{outline-color:rgba(184,32,43,.45)}
body{background:#fffdf8}

/* Faixa de aviso com flocos de neve e fio dourado */
.announce{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='36' viewBox='0 0 120 36'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.22' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M18 8v12M12 11l12 6M12 17l12-6'/%3E%3Cpath d='M78 18v10M73 20.5l10 5M73 25.5l10-5'/%3E%3C/g%3E%3Ccircle cx='48' cy='10' r='1.4' fill='%23fff' fill-opacity='.3'/%3E%3Ccircle cx='104' cy='9' r='1.2' fill='%23fff' fill-opacity='.3'/%3E%3Ccircle cx='40' cy='27' r='1' fill='%23fff' fill-opacity='.25'/%3E%3C/svg%3E") repeat-x center/120px 36px,
    linear-gradient(90deg,#8f1820,#b8202b 50%,#8f1820);
  color:#fbeee6;border-bottom:2px solid var(--gold)}
.announce b{color:#fff}

/* Cabeçalho */
.sh{background:rgba(255,253,248,.97);border-bottom:1px solid var(--line)}
.sh-cart,.sh-nav-link.is-active{background:var(--pine);border-color:var(--pine);color:#fff}
.sh-search input{background:#fff;border-color:var(--line)}
.sh-search button{background:var(--brand)}

/* Botões */
.btn-primary{box-shadow:0 8px 20px rgba(184,32,43,.22)}
.btn-dark{background:var(--pine)}
.btn-dark:hover{background:#174a31}

/* Cards de produto */
.pcard{border-color:var(--line)}
.pcard:hover{border-color:var(--gold);box-shadow:0 14px 34px rgba(29,59,44,.12)}
.pcard-media{background:#f6eee1}
.pcard-price strong{color:var(--brand)}
.pcard-cat{color:var(--pine);font-weight:700}
.tag-sale{background:var(--brand)}

/* Seções da home */
.section-paper{background:var(--paper)}
.home-perks li{background:#fff;border-color:var(--line)}
.home-perks li svg{color:var(--brand)}
.home-steps b{background:var(--pine)}
.home-about h2 em{color:var(--brand)}
.home-region{background:#eef4ee}
.cta-band{background:linear-gradient(120deg,#1f5c3d,#174a31);box-shadow:inset 0 3px 0 var(--gold)}

/* Produto */
.pd-price{background:var(--soft);border-color:var(--line)}
.pd-price-now{color:var(--brand)}

/* Rodapé verde-pinheiro com fio dourado */
.sf{background:#163527;color:#cfd8d1}

/* ------------------------------------------------ enfeites de Natal */

/* Varal de luzinhas embaixo do menu */
.sh::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:22px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='22' viewBox='0 0 90 22'%3E%3Cpath d='M0 2Q15 9 30 2Q45 9 60 2Q75 9 90 2' fill='none' stroke='%232f3d33' stroke-width='1.2'/%3E%3Cg fill='%233a463e'%3E%3Crect x='13' y='5' width='4' height='3' rx='1'/%3E%3Crect x='43' y='5' width='4' height='3' rx='1'/%3E%3Crect x='73' y='5' width='4' height='3' rx='1'/%3E%3C/g%3E%3Cellipse cx='15' cy='13' rx='3.6' ry='5.4' fill='%23d62a36'/%3E%3Cellipse cx='45' cy='13' rx='3.6' ry='5.4' fill='%23e6b84a'/%3E%3Cellipse cx='75' cy='13' rx='3.6' ry='5.4' fill='%232f8a57'/%3E%3Cg fill='%23fff' fill-opacity='.55'%3E%3Cellipse cx='14' cy='11' rx='1' ry='1.8'/%3E%3Cellipse cx='44' cy='11' rx='1' ry='1.8'/%3E%3Cellipse cx='74' cy='11' rx='1' ry='1.8'/%3E%3C/g%3E%3C/svg%3E") repeat-x 0 0/90px 22px;
  filter:drop-shadow(0 0 3px rgba(230,184,74,.45));animation:gf-pisca 2.4s ease-in-out infinite alternate}
@keyframes gf-pisca{0%{opacity:.8;filter:drop-shadow(0 0 1px rgba(230,184,74,.2))}100%{opacity:1;filter:drop-shadow(0 0 5px rgba(230,184,74,.7))}}

/* Gorro de Papai Noel no logo */
.sh-logo{position:relative}
.sh-logo::before{content:"";position:absolute;left:-12px;top:-13px;width:34px;height:29px;transform:rotate(-20deg);pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'%3E%3Cpath d='M7 25C10 13 19 5 32 7c-2 4-5 9-6 18z' fill='%23c8202c'/%3E%3Cpath d='M20 9c5-2 9-2 12-2-1 2-2 4-3 6-3-2-6-3-9-4z' fill='%23a3141f'/%3E%3Crect x='4' y='23' width='26' height='8' rx='4' fill='%23fff' stroke='%23e8e2d6'/%3E%3Ccircle cx='33' cy='7' r='4.6' fill='%23fff' stroke='%23e8e2d6'/%3E%3C/svg%3E") no-repeat center/contain}

/* Faixa de Natal na página inicial */
.xmas-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin:6px 0 30px;padding:30px 34px;border-radius:var(--r-lg);color:#f3ece0;
  background:radial-gradient(120% 140% at 85% 0%,#2a7350 0%,#1f5c3d 38%,#163527 100%);
  box-shadow:inset 0 0 0 1px rgba(196,154,60,.45),0 14px 34px rgba(22,53,39,.18)}
.xmas-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background:repeating-linear-gradient(-45deg,#b8202b 0 10px,#fff 10px 20px)}
.xmas-text{position:relative;z-index:1;max-width:620px}
.xmas-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e9c977;margin-bottom:8px}
.xmas-banner h2{color:#fff;font-size:clamp(22px,2.8vw,32px);letter-spacing:-.02em}
.xmas-banner p{margin-top:8px;color:#d8e2da;font-size:15px;line-height:1.55}
.xmas-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.xmas-btns .btn-primary{box-shadow:0 8px 20px rgba(0,0,0,.25)}
.xmas-ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.xmas-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.xmas-orn{position:relative;z-index:1;flex:0 0 auto;width:220px;height:auto;margin:-30px 0 -20px;align-self:flex-start;
  transform-origin:50% 0;animation:gf-balanca 5s ease-in-out infinite alternate}
@keyframes gf-balanca{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}
/* neve caindo dentro da faixa */
.xmas-snow{position:absolute;inset:-260px 0 0;pointer-events:none;opacity:.7;
  background-image:
    radial-gradient(circle,#fff 0 1.6px,transparent 2.2px),
    radial-gradient(circle,#fff 0 1.1px,transparent 1.6px),
    radial-gradient(circle,rgba(255,255,255,.75) 0 2.3px,transparent 2.9px),
    radial-gradient(circle,#fff 0 1.3px,transparent 1.9px),
    radial-gradient(circle,rgba(255,255,255,.6) 0 1.8px,transparent 2.4px);
  background-size:131px 113px,89px 97px,197px 173px,151px 61px,233px 211px;
  background-position:13px 7px,47px 31px,71px 59px,103px 17px,29px 83px;
  animation:gf-neve 16s linear infinite}
@keyframes gf-neve{to{background-position:43px 233px,27px 225px,121px 405px,133px 139px,9px 505px}}

/* Pinheiros no rodapé */
.sf{position:relative;margin-top:44px}
.sf::before{content:"";position:absolute;left:0;right:0;top:-42px;height:42px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='42' viewBox='0 0 260 42'%3E%3Cg fill='%23163527'%3E%3Cpath d='M20 6l12 18h-6l10 18H4l10-18H8z'/%3E%3Cpath d='M70 16l9 13h-4l7 13H58l7-13h-4z'/%3E%3Cpath d='M120 0l14 21h-7l12 21H101l12-21h-7z'/%3E%3Cpath d='M176 14l10 14h-5l8 14H163l8-14h-5z'/%3E%3Cpath d='M226 8l12 17h-6l10 17h-32l10-17h-6z'/%3E%3C/g%3E%3Cg fill='%23c49a3c'%3E%3Ccircle cx='120' cy='2' r='2'/%3E%3C/g%3E%3C/svg%3E") repeat-x bottom left/260px 42px}

@media(max-width:760px){
  .xmas-banner{flex-direction:column;align-items:flex-start;padding:24px 20px 26px;gap:0}
  .xmas-orn{position:absolute;right:-18px;top:0;width:130px;margin:0;opacity:.55}
  .xmas-text{max-width:none}
  .xmas-btns .btn{flex:1 1 auto}
  .sh-logo::before{left:-10px;top:-11px;width:28px;height:24px}
}
@media(prefers-reduced-motion:reduce){
  .sh::after,.xmas-orn,.xmas-snow{animation:none}
}