@font-face{font-family:"Axiforma";src:url("fonts/Axiforma-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Axiforma";src:url("fonts/Axiforma-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Axiforma";src:url("fonts/Axiforma-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"The Seasons";src:url("fonts/TheSeasons-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --fundo:#14100c; --fundo-2:#1a140f; --superficie:#241b14; --foto:#3a2c21;
  --texto:#ece3d7; --apoio:#bfae9c; --terciario:#a3927f; --placeholder:#cbbca9;
  --destaque:#c98b55; --link:#dcb38a; --link-hover:#ecd2b4;
  --borda:rgba(236,227,215,0.10); --borda-forte:rgba(236,227,215,0.16); --borda-media:rgba(236,227,215,0.24);
  --nevoa:rgba(201,139,85,0.12); --nevoa-0:rgba(201,139,85,0);
  --grad-texto:linear-gradient(90deg,#c98b55 0%,#dcb38a 35%,#ece3d7 85%);
  --grad-botao:linear-gradient(132deg,#a8653a 0%,#c98b55 34%,#dcb38a 58%,#e8c9a6 82%,#f4e6d4 100%);
  --grad-acento:linear-gradient(90deg,#e8c9a6 0%,#f4e6d4 48%,#c98b55 100%);
  --titulo:"The Seasons",Georgia,serif; --sans:"Axiforma",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--link)}a:hover{color:var(--link-hover)}
button{font-family:var(--sans)}
button:focus-visible,a:focus-visible{outline:2px solid var(--destaque);outline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.sobre{margin:0;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--apoio)}
.h1{margin:0;font-family:var(--titulo);font-weight:400;font-size:clamp(38px,5.2vw,64px);line-height:1.04;letter-spacing:-.01em;max-width:14ch}
.h2{margin:0;font-family:var(--titulo);font-weight:400;font-size:clamp(30px,3.6vw,46px);line-height:1.06}
.grad{background:var(--grad-texto);-webkit-background-clip:text;background-clip:text;color:transparent}
.abertura{margin:0;font-size:20px;line-height:1.42;color:var(--apoio);max-width:34em}
.corpo{margin:0;font-size:18px;line-height:1.5;color:var(--apoio)}
.legenda{margin:0;font-size:13px;font-weight:400;line-height:1.38;color:var(--terciario)}
.pequeno{margin:0;font-size:14px;font-weight:400;line-height:1.42;color:var(--terciario)}
.num{font-variant-numeric:tabular-nums}
.btn-sec{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 22px;border-radius:999px;border:1px solid var(--borda-forte);color:var(--texto);text-decoration:none;font-size:16px;font-weight:500;background:transparent;cursor:pointer}
.btn-sec:hover{color:var(--texto);border-color:var(--borda-media)}
.btn-pri{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;background:var(--grad-botao);box-shadow:inset 0 1px 0 rgba(236,227,215,.18),0 8px 18px rgba(201,139,85,.14);color:var(--fundo);text-decoration:none;font-size:16px;font-weight:500;position:relative;overflow:hidden;transition:transform 140ms cubic-bezier(.2,.7,.2,1)}
.btn-pri:hover{color:var(--fundo)}
.btn-pri:active{transform:scale(.99)}
.btn-pri::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0));transform:skewX(-20deg);opacity:0}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.btn-pri:hover::after{animation:brilho 440ms cubic-bezier(.2,.7,.2,1) 1}}
@keyframes brilho{0%{left:-60%;opacity:1}100%{left:130%;opacity:0}}
.card{border-radius:12px;border:1px solid var(--borda);background:radial-gradient(circle at 0% 0%,var(--nevoa),var(--nevoa-0) 60%),var(--superficie)}
.card.tr{background:radial-gradient(circle at 100% 0%,var(--nevoa),var(--nevoa-0) 60%),var(--superficie)}
.card.bl{background:radial-gradient(circle at 0% 100%,var(--nevoa),var(--nevoa-0) 60%),var(--superficie)}

/* fundos */
.cena{position:relative;overflow:clip}
.bg{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.veu{position:absolute;inset:0;pointer-events:none}
.sobre-fundo{position:relative;z-index:1}
.bg-hero{left:40%;background-image:url("img/fundo/bg-hero-madeira.jpg");background-position:center 42%}
.bg-montar{background-image:url("img/fundo/bg-montar-cinza.jpg");background-position:center 35%;filter:blur(6px) saturate(.85);transform:scale(1.08)}
.bg-como{background-image:url("img/fundo/bg-como-pelicula.jpg");background-position:center 40%;filter:blur(5px) saturate(.85);transform:scale(1.08)}
.bg-cta{background-image:url("img/fundo/bg-cta-marrom.jpg");background-position:center 40%;filter:blur(1px)}
@media (max-width:760px){.bg-hero{left:0;opacity:.55}}

/* cabeçalho e hero */
.topo{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;position:relative;z-index:2}
.logo{height:44px;margin:-8px 0;width:auto;display:block}
.hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-top:72px;padding-bottom:112px}
.hero-texto{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:22px}
.acento{display:flex;align-items:center;gap:16px}
.barra{width:40px;height:2px;border-radius:2px;background:var(--grad-acento);box-shadow:0 0 12px rgba(201,139,85,.46),0 6px 28px rgba(201,139,85,.2)}
.ancora-hero{margin:0;font-size:18px;font-weight:400;color:var(--texto)}
.ancora-hero s{color:var(--terciario)}
.ancora-hero b{color:var(--destaque);font-weight:500}
.kit-card{flex:1 1 340px;min-width:0;padding:40px 40px 36px;display:flex;flex-direction:column;gap:28px;background:radial-gradient(circle at 85% 0%,var(--nevoa),var(--nevoa-0) 60%),rgba(36,27,20,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.kit-item{display:flex;gap:20px;align-items:baseline}
.kit-num{font-family:var(--titulo);font-size:44px;line-height:.92}
.kit-item h3{margin:0 0 6px;font-size:20px;font-weight:500;line-height:1.18}
.kit-item p{margin:0;font-size:16px;line-height:1.5;color:var(--apoio)}
.linha{height:1px;background:var(--borda)}

/* montar */
#montar{border-top:1px solid var(--borda);border-bottom:1px solid var(--borda);background:var(--fundo-2)}
.montar{padding-top:96px;padding-bottom:112px;display:flex;flex-direction:column;gap:56px}
.vitrine{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.vitrine-texto{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:22px;padding-top:8px}
.vitrine-grade{flex:999 1 600px;min-width:0;display:flex;flex-direction:column;gap:20px}
fieldset{margin:0;padding:0;border:0;min-width:0}
legend{padding:0;margin-bottom:12px;font-size:14px;font-weight:400;color:var(--texto)}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--borda-forte);background:transparent;color:var(--apoio);font-size:15px;font-weight:400;cursor:pointer;transition:border-color 180ms,background 180ms,color 180ms}
.pill[aria-pressed="true"]{border-color:var(--destaque);background:rgba(201,139,85,.10);color:var(--texto);font-weight:500}
.contador{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:rgba(201,139,85,.16);color:var(--texto);font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.grade-topo{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between}
.grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.capa{border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;background:var(--superficie);border:1px solid var(--borda);transition:border-color 180ms}
.capa.no-carrinho{border-color:var(--destaque);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.capa-foto{position:relative;aspect-ratio:4/5;background:var(--foto);overflow:hidden}
.capa-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.capa-sem-foto{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;border:1px dashed var(--borda-media);border-radius:8px;font-size:13px;font-weight:400;line-height:1.38;color:var(--placeholder)}
.selo{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:999px;background:rgba(20,16,12,.86);border:1px solid var(--destaque);color:var(--texto);font-size:12px;font-weight:500}
.capa-corpo{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px;flex-grow:1}
.capa-corpo h3{margin:0;font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.capa-corpo p{margin:0;font-size:14px;font-weight:400;line-height:1.42;color:var(--apoio)}
.preco{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:2px}
.preco-de{font-size:13px;font-weight:400;color:var(--terciario)}
.preco-por{font-size:22px;font-weight:500}
.btn-add{margin-top:12px;min-height:44px;border-radius:999px;border:1px solid var(--borda-media);background:transparent;color:var(--texto);font-size:15px;font-weight:500;cursor:pointer;transition:border-color 180ms,background 180ms}
.btn-add:hover{border-color:var(--destaque);background:rgba(201,139,85,.08)}
.btn-add:active{transform:scale(.99)}

/* carrinho */
.carrinho-area{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;padding-top:40px;border-top:1px solid var(--borda)}
#pedido{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:24px;scroll-margin-top:24px}
.h3-titulo{margin:0;font-family:var(--titulo);font-weight:400;font-size:30px;line-height:1.12}
.vazio{border-radius:12px;border:1px dashed var(--borda-forte);padding:32px;font-size:16px;line-height:1.5;color:var(--apoio)}
.itens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.item{border-radius:12px;border:1px solid var(--borda);background:var(--superficie);padding:16px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.item-mini{width:64px;height:64px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--foto)}
.item-mini img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.item-info{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:4px}
.item-info .t{margin:0;font-size:16px;font-weight:500}
.item-info .d{margin:0;font-size:14px;font-weight:400;color:var(--apoio)}
.item-info .c{margin:0;font-size:12px;font-weight:400;color:var(--terciario);letter-spacing:.02em}
.qtd{display:flex;align-items:center;gap:8px}
.qtd button{width:40px;height:40px;border-radius:999px;border:1px solid var(--borda-forte);background:transparent;color:var(--texto);font-size:18px;cursor:pointer}
.qtd span{min-width:22px;text-align:center;font-size:16px;font-weight:500}
.item-total{min-width:96px;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.item-total span{font-size:16px;font-weight:500}
.remover{padding:0;min-height:24px;border:0;background:transparent;color:var(--link);font-size:13px;text-decoration:underline;cursor:pointer}
.entregas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.entrega{text-align:left;padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:8px;cursor:pointer;background:var(--superficie);border:1px solid var(--borda);color:var(--texto)}
.entrega[aria-pressed="true"]{border-color:var(--destaque)}
.entrega b{font-size:18px;font-weight:500}
.entrega span{font-size:14px;font-weight:400;line-height:1.42;color:var(--apoio)}
.legend-grande{font-size:20px;font-weight:500;margin-bottom:16px}
.resumo{flex:1 1 320px;min-width:0;position:sticky;top:24px;padding:32px;display:flex;flex-direction:column;gap:20px;background:radial-gradient(circle at 10% 100%,var(--nevoa),var(--nevoa-0) 60%),var(--superficie);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.resumo dl{margin:0;display:flex;flex-direction:column;gap:14px}
.resumo dl div{display:flex;justify-content:space-between;gap:16px}
.resumo dt{font-size:14px;font-weight:400;color:var(--terciario)}
.resumo dd{margin:0;font-size:16px;font-weight:400;text-align:right}
.total{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.total-valores{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.total-de{font-size:14px;font-weight:400;color:var(--terciario)}
.total-por{font-size:32px;font-weight:500}
.desabilitado{margin:0;min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--borda-forte);font-size:15px;color:var(--terciario)}
[hidden]{display:none !important}

/* como funciona e fechamento */
.como{padding-top:112px;padding-bottom:112px;display:flex;flex-direction:column;gap:40px}
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.passo{padding:32px;display:flex;flex-direction:column;gap:12px}
.passo h3{margin:0;font-size:20px;font-weight:500;line-height:1.18}
.passo p{margin:0;font-size:16px;line-height:1.5;color:var(--apoio)}
.fechamento{border-top:1px solid var(--borda)}
.fechamento-conteudo{padding-top:144px;padding-bottom:144px;display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.rodape{border-top:1px solid var(--borda)}
.rodape .wrap{padding-top:40px;padding-bottom:48px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}

/* aviso de item adicionado */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(16px);opacity:0;z-index:20;padding:12px 18px;border-radius:999px;background:rgba(36,27,20,.96);border:1px solid var(--destaque);color:var(--texto);font-size:14px;font-weight:400;display:flex;gap:12px;align-items:center;box-shadow:0 10px 28px rgba(0,0,0,.3);transition:opacity 220ms,transform 220ms cubic-bezier(.2,.7,.2,1);pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.toast a{color:var(--link);font-weight:500}
@media (max-width:600px){.grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.capa-corpo{padding:14px}.preco-por{font-size:18px}.btn-add{font-size:13px}.hero{padding-top:40px;padding-bottom:72px}.kit-card{padding:28px}.montar{padding-top:72px}.resumo{position:static}.fechamento-conteudo{padding-top:96px;padding-bottom:96px}}
.campo-nome{display:flex;flex-direction:column;gap:8px}
.campo-nome span{font-size:14px;font-weight:400;color:var(--texto)}
.campo-nome em{font-style:normal;color:var(--terciario)}
.campo-nome input{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--fundo);color:var(--texto);font-family:var(--sans);font-size:16px}
.campo-nome input:focus{outline:2px solid var(--destaque);outline-offset:1px}

/* escolha visual da película */
.pel-opcoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}
.pel-op{display:flex;flex-direction:column;gap:4px;padding:8px 8px 12px;border-radius:12px;border:1px solid var(--borda-forte);background:transparent;color:var(--apoio);text-align:left;cursor:pointer;font-family:var(--sans);transition:border-color 180ms,background 180ms}
.pel-op:hover{border-color:var(--apoio)}
.pel-op[aria-checked="true"]{border-color:var(--destaque);background:rgba(201,139,85,.10);color:var(--texto)}
.pel-op:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}
.pel-foto{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:var(--superficie);margin-bottom:6px}
.pel-foto img{width:100%;height:100%;object-fit:cover;display:block}
.pel-vazia{font-size:13px;color:var(--terciario);padding:8px;text-align:center}
.pel-nome{font-size:15px;font-weight:500;color:var(--texto)}
.pel-texto{font-size:12px;line-height:1.35;font-weight:400;color:var(--apoio)}
@media (max-width:600px){.pel-opcoes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* combo */
.combo-box{border:1px solid var(--borda-forte);border-radius:12px;padding:16px 18px;background:rgba(201,139,85,.06)}
.combo-box .sobre{margin:0 0 8px}
.combo-box ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:400;color:var(--apoio)}
.combo-box b{color:var(--texto);font-weight:500}
.selo-combo{display:inline-flex;align-self:flex-start;margin-top:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;color:var(--texto);background:rgba(201,139,85,.16)}
.btn-so-pel{margin-top:12px;min-height:44px;font-size:14px;width:100%;justify-content:center}
.preco-extra{font-size:12px;font-weight:400;color:var(--apoio)}
.item-pel{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--apoio)}
.item-pel select{min-height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--borda-forte);background:var(--fundo);color:var(--texto);font-family:var(--sans);font-size:14px}
.item-pel select:focus-visible{outline:2px solid var(--destaque);outline-offset:1px}

/* etapa de escolha da capa */
.sheet{border:1px solid var(--borda-forte);border-radius:16px;padding:0;background:var(--superficie);color:var(--texto);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.sheet::backdrop{background:rgba(10,8,6,.72)}
.sh-corpo{padding:24px;display:flex;flex-direction:column;gap:16px}
.sh-topo{display:flex;gap:16px;align-items:center;position:relative;padding-right:36px}
.sh-topo .h3-titulo{margin:2px 0 4px}
.sh-topo .sobre,.sh-topo .pequeno{margin:0}
.sh-mini{width:72px;flex-shrink:0;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--fundo)}
.sh-mini img{width:100%;height:100%;object-fit:cover;display:block}
.sh-fechar{position:absolute;top:-6px;right:-6px;width:40px;height:40px;border:0;background:transparent;color:var(--apoio);font-size:26px;line-height:1;cursor:pointer;border-radius:999px}
.sh-fechar:hover{color:var(--texto)}
.sh-pergunta{margin:4px 0 -4px;font-size:15px;font-weight:500}
.sh-pels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sh-pel{display:flex;flex-direction:column;gap:3px;padding:6px 6px 10px;border-radius:12px;border:1px solid var(--borda-forte);background:transparent;color:var(--apoio);cursor:pointer;font-family:var(--sans);text-align:left;transition:border-color 160ms,background 160ms}
.sh-pel[aria-checked="true"]{border-color:var(--destaque);background:rgba(201,139,85,.12);color:var(--texto)}
.sh-pel:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}
.sh-pel-foto{aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:var(--fundo);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.sh-pel-foto img{width:100%;height:100%;object-fit:cover;display:block}
.sh-pel-foto span{font-size:12px;color:var(--terciario);text-align:center;padding:4px}
.sh-pel-nome{font-size:13px;font-weight:500;color:var(--texto)}
.sh-pel-preco{font-size:12px;font-variant-numeric:tabular-nums}
.sh-pel-desc{margin:-6px 0 0}
.sh-rodape{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--borda);padding-top:16px;margin-top:4px}
.sh-rodape > div{display:flex;flex-direction:column}
.sh-total{font-size:24px;font-weight:500}
.sh-rodape .btn-pri,.sh-acoes .btn-pri{border:0;cursor:pointer;font-family:var(--sans)}
.sh-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:8px 0}
.sh-ok .h3-titulo{margin:0}
.sh-check{width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(201,139,85,.16);color:var(--destaque);font-size:24px}
.sh-dica{margin:4px 0 8px;font-size:14px;color:var(--apoio)}
.sh-dica b{color:var(--texto);font-weight:500}
.sh-acoes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}
.sh-acoes > *{flex:1 1 200px;justify-content:center}
.btn-pel-avulsa{margin-top:12px;min-height:44px;font-size:14px}
@media (max-width:600px){
  .sheet{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:18px 18px 0 0;max-height:92vh;border-bottom:0}
  .sh-corpo{padding:20px 16px calc(20px + env(safe-area-inset-bottom))}
  .sh-pels{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .sh-pel{padding:4px 4px 8px}
  .sh-pel-nome{font-size:12px}
  .sh-rodape .btn-pri{flex:1;justify-content:center}
}

.dados-cliente{display:flex;flex-direction:column;gap:10px}
.dados-cliente .legenda{margin:0}
.erro-campo{margin:-4px 0 0;font-size:13px;color:#e58b84}
.campo-nome input[aria-invalid="true"]{border-color:#e58b84}