:root{--ink:#123e2b;--muted:#526859;--paper:#fcfcf7;--line:#d0dfcf;--accent:#006b3c;--soft:#eef5e9;--yellow:#FFCB05;--green:#006b3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(48px,5.7vw,82px);max-width:500px;margin-bottom:24px}h2{font-size:clamp(32px,3.2vw,46px);margin-bottom:0}h3{font-size:21px;font-weight:500;line-height:1.3}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-1px}.brand span{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:400;margin-top:2px}nav{display:flex;gap:30px;align-items:center}nav a{text-decoration:none;font-size:14px}.nav-order{border-bottom:1px solid var(--ink);padding-bottom:5px}.nav-order span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding-top:64px;padding-bottom:72px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;margin-bottom:20px}.intro{font-size:19px;color:var(--muted);line-height:1.65;margin-bottom:30px}.hero-price{display:flex;flex-direction:column;margin-bottom:24px}.hero-price>span,small{color:var(--muted);font-size:13px}.hero-price strong{font-size:29px;font-weight:500;margin:3px 0}.button{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:16px 24px;border-radius:4px;display:inline-flex;justify-content:center;gap:36px;align-items:center;text-decoration:none;font-size:14px;font-weight:600;min-height:52px}.button:hover{background:#203e30}.note{font-size:12px;color:var(--muted);margin:16px 0 0}.kit-visual{height:510px;background:#e7e9df;position:relative;overflow:hidden;border-radius:7px}.kit-visual>img{width:100%;height:100%}.visual-label{position:absolute;top:25px;left:26px;right:26px;font-size:10px;letter-spacing:1.6px;display:flex;justify-content:space-between}.visual-label span{color:var(--muted)}.art-shirt{position:absolute;left:9%;top:19%;width:57%;height:62%;background:#f7f5ed;clip-path:polygon(25% 0,39% 5%,61% 5%,75% 0,100% 20%,84% 38%,76% 30%,76% 100%,24% 100%,24% 30%,16% 38%,0 20%);transform:rotate(-8deg);filter:drop-shadow(4px 8px 5px #0002)}.art-shirt span{position:absolute;top:38%;left:28%;font-size:16px;letter-spacing:-1px}.art-flag{position:absolute;right:8%;top:24%;width:27%;height:28%;background:#3f5c49;transform:rotate(7deg);color:#e8ecdf;font-size:12px;text-align:center;padding-top:45px;border-left:4px solid #b3a58c}.art-cap{position:absolute;right:12%;bottom:23%;width:26%;height:18%;background:#a4ae91;border-radius:90% 90% 25% 25%;transform:rotate(-13deg);box-shadow:0 10px 18px #35453220}.art-cap:after{content:'';position:absolute;bottom:-12px;left:-25%;width:110%;height:30px;background:#89967a;border-radius:50%;transform:rotate(9deg)}.art-stickers{position:absolute;left:27%;bottom:12%;display:flex;gap:12px;align-items:center;transform:rotate(8deg)}.art-stickers span{background:#fffefa;padding:6px 13px;font-size:13px;border:3px solid #fff;border-radius:4px;box-shadow:0 3px 8px #0001}.art-stickers span:first-child{border-radius:50%;font-size:22px}.placeholder-note{position:absolute;bottom:14px;left:26px;font-size:11px;color:var(--muted);margin:0}.items-section{background:#f0f1eb;padding:60px 0 64px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.section-heading>p{font-size:14px;color:var(--muted);margin:0;max-width:350px}.items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.item-image{height:210px;background:#e3e6db;display:flex;align-items:center;justify-content:center;position:relative;border-radius:4px;overflow:hidden}.item-image img{height:100%;width:100%}.item-image>span{position:absolute;bottom:12px;font-size:11px;color:var(--muted)}.item-title{display:flex;justify-content:space-between;margin-top:17px}.item-title h3{font-size:17px;margin:0}.item-title>span{font-size:11px;color:var(--muted)}.mini-art{background:#f8f6ee;width:110px;height:120px}.mini-camiseta{clip-path:polygon(25% 0,40% 6%,60% 6%,75% 0,100% 22%,83% 38%,75% 30%,75% 100%,25% 100%,25% 30%,17% 38%,0 22%)}.mini-bone{width:100px;height:65px;background:#9ca98d;border-radius:80% 80% 20% 20%;box-shadow:-18px 18px 0 -8px #839374}.mini-bandeira{width:115px;height:75px;background:#46614f;border-left:4px solid #ac9b80;transform:rotate(-7deg)}.mini-adesivos{height:70px;width:70px;border-radius:50%;text-align:center;padding:7px;font-size:35px;transform:rotate(12deg);box-shadow:35px 20px 0 -12px #a8b698}.order-section{padding-top:75px;padding-bottom:70px}.steps{display:flex;padding:0;list-style:none;margin:0 0 36px;border-bottom:1px solid var(--line)}.steps li{flex:1;padding:18px 0;font-size:12px;color:var(--muted)}.steps span{margin-left:12px}.steps li[aria-current]{color:var(--ink);border-bottom:2px solid var(--ink);font-weight:700}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px}.size-field{padding:0;border:0;margin:0 0 30px}legend{font-size:20px;margin-bottom:9px}.muted{font-size:13px;color:var(--muted)}.sizes{display:flex;gap:12px;margin-top:18px}.sizes label{position:relative}.sizes input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.sizes span{display:grid;place-items:center;width:66px;height:54px;border:1px solid #aab5aa;background:transparent;border-radius:4px}.sizes input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}.sizes input:focus-visible+span{outline:3px solid #987241;outline-offset:4px}.form-heading{margin-bottom:8px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:24px}.field{min-width:0}.field.full{grid-column:1/-1}.field>label{display:block;font-size:13px;margin-bottom:7px}.field>input,select{width:100%;border:1px solid #abb5aa;background:#fffefa;border-radius:4px;min-height:46px;padding:10px 12px;color:var(--ink)}input:disabled{background:#e8eae4}.field .checkbox{display:flex;align-items:center;gap:7px;font-size:12px;margin-top:8px}.checkbox input{width:17px;height:17px;accent-color:var(--accent)}.error{font-size:12px;color:#9a2929;min-height:0;margin:5px 0 0}.error:empty{display:none}[aria-invalid=true]{border-color:#9a2929!important}.summary{align-self:start;background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:28px;position:sticky;top:24px}.summary .eyebrow{margin-bottom:12px}.summary ul{list-style:none;padding:0;margin:26px 0;font-size:14px}.summary li{padding:7px 0}.summary li span{display:block;font-size:12px;color:var(--muted)}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:14px}dd{margin:0;text-align:right}.total{border-top:1px solid #cbd2c6;margin-top:10px;padding-top:18px;font-weight:700;font-size:18px}.summary-footer{border-top:1px solid #cbd2c6;padding-top:20px;margin-top:25px;font-size:12px}.summary-footer span{color:var(--muted)}.text-button{background:none;border:0;text-decoration:underline;color:var(--ink);padding:14px 0;font-size:14px;display:block}.actions{margin-top:28px}.notice{padding:22px;background:#edf0e8;border-left:3px solid var(--accent);margin:24px 0}.notice p{margin:10px 0 0;font-size:14px}.detail-block{padding:20px 0;border-bottom:1px solid var(--line)}.detail-block h4{margin:0 0 10px;font-weight:600;font-size:14px}.detail-block p{margin:0;overflow-wrap:anywhere}.info-section{border-top:1px solid var(--line);padding-top:52px;padding-bottom:58px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.info-grid h3{font-size:17px}.info-grid p{font-size:14px;color:var(--muted);margin-bottom:5px}.footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}:focus-visible{outline:3px solid #987241;outline-offset:4px}.skip{position:absolute;top:-100px;left:15px;background:#fff;padding:15px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1500px){.wrap{width:min(1320px,calc(100% - 100px))}.kit-visual{height:560px}}@media(max-width:900px){.hero{gap:30px}.kit-visual{height:410px}.order-layout{grid-template-columns:minmax(0,1fr) 280px;gap:30px}.summary{padding:22px}.item-image{height:170px}.art-shirt span{font-size:12px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{height:82px}.brand{font-size:20px}nav{gap:15px}nav>a:not(.nav-order){display:none}.nav-order{font-size:12px}.nav-order span{margin-left:6px}.hero{grid-template-columns:1fr;padding:38px 0 42px;gap:30px}h1{font-size:56px;max-width:350px}.intro{font-size:17px}.kit-visual{height:370px}.hero-copy .button{width:100%}.hero-price{margin-bottom:20px}.section-heading{display:block}.section-heading>p{margin-top:18px}.items-section{padding:38px 0}.items-grid{grid-template-columns:1fr 1fr;gap:24px 14px}.item-image{height:165px}.order-section{padding:44px 0}.steps li{font-size:10px}.steps span{display:block;margin:4px 0 0;font-size:11px}.order-layout{display:flex;flex-direction:column;gap:30px}.summary{position:static;width:100%;order:2}.fields{grid-template-columns:1fr;gap:17px}.field.full{grid-column:auto}.button{width:100%;gap:20px;padding:16px}.info-grid{grid-template-columns:1fr;gap:23px}.info-grid h3{margin-bottom:9px}.footer{display:block}.footer span{display:block;margin-bottom:6px}.info-section{padding:35px 0}.art-flag{font-size:10px}.visual-label{font-size:8px}.sizes span{width:62px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Referência visual: cabeçalho verde, azul forte e acentos amarelos. */
:root{--ink:#102544;--muted:#526a7c;--paper:#fff;--line:#e1eaf2;--accent:#005BAA;--soft:#f3f8fc;--yellow:#FFCB05;--green:#12B24B;--blue:#005BAA}
body{font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;border-top:8px solid #087443}
h1,h2,h3{color:var(--blue);font-weight:800}
h1,h2{letter-spacing:-.055em}
h1{font-size:clamp(56px,6.1vw,88px);line-height:.98}
.header-band{background:#12B24B;position:relative}
.header-band:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--yellow) 0 30%,#20bb68 30% 65%,var(--blue) 65% 100%)}
.header{height:100px;border:0;color:#fff}
.brand{font-size:28px;letter-spacing:-1.4px;font-weight:900;color:#fff}
nav{background:#006f36;border-radius:999px;padding:8px 8px 8px 24px;gap:24px}
nav a{font-weight:700}
.nav-order{border:0;padding:12px 20px;background:var(--yellow);border-radius:999px;color:#102544}
.hero{padding-top:60px;padding-bottom:62px}
.hero-copy h1{margin-bottom:22px}
.intro{font-size:18px;max-width:330px}
.hero-price strong{color:var(--blue);font-weight:800}
.button{background:var(--yellow);border-color:var(--yellow);color:#14354b;border-radius:999px;font-weight:800;box-shadow:0 8px 20px #e6be002b;transition:background .15s ease,box-shadow .15s ease}
.button:hover{background:#f0c900;border-color:#f0c900;box-shadow:0 8px 22px #bda00040}
.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.kit-visual{background:linear-gradient(135deg,#005BAA,#052a4b);border:1px solid #dbe7ef;border-radius:24px;box-shadow:0 15px 35px #0d3d6412}
.placeholder-note{color:#d2e7f8}
.art-shirt{background:#FFCB05;color:#004c88}
.art-shirt span{font-weight:800}
.art-flag{background:#12B24B;color:#fff;border-left-color:#FFCB05;font-weight:800}
.art-cap{background:#12B24B;border-top:3px solid #FFCB05;box-shadow:0 10px 18px #001d1740}
.art-cap:after{background:#FFCB05}
.art-stickers span{color:#005BAA;font-weight:800;border-radius:8px}
.art-stickers span:first-child{background:#FFCB05;border-color:#FFCB05}
.items-section{background:#f5f9fd;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 5px 16px #10254405}
.item-image{background:#eaf3fa;border:0;border-radius:12px}
.item-title{padding:0 4px 4px}
.item-title h3{font-weight:800;color:var(--blue)}
.item-title>span{color:#61798b}
.mini-camiseta{background:#FFCB05}
.mini-bone{background:#12B24B;box-shadow:-18px 18px 0 -8px #FFCB05}
.mini-bandeira{background:#12B24B;border-left-color:#FFCB05}
.mini-adesivos{background:#FFCB05;color:#005BAA;box-shadow:35px 20px 0 -12px #005BAA}
.section-heading h2:before{content:'';display:block;width:48px;height:5px;border-radius:999px;background:linear-gradient(90deg,#12B24B 0 33%,#FFCB05 33% 66%,#005BAA 66%);margin-bottom:18px}
.steps li[aria-current]{color:var(--blue);border-bottom:3px solid var(--blue)}
.sizes span{border-color:#b7cbdc;border-radius:12px;background:#fff;color:var(--blue);font-weight:700}
.sizes input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:inset 0 -4px 0 var(--yellow)}
.field>input,select{border-color:#b6c9d8;background:#fff;border-radius:9px}
.checkbox input{accent-color:var(--green)}
.form-heading{margin-top:30px;font-weight:800}
#review-submit{margin-top:24px}
.summary{background:#f3f8fc;border:1px solid #d7e4ef;border-top:5px solid var(--blue);border-radius:20px;box-shadow:0 8px 24px #10254406}
.summary h3{font-weight:800}
.summary ul{margin-top:20px}
.total,.summary-footer{border-top-color:#d2e1ec}
.total{color:var(--blue)}
.notice{background:#fff9db;border-left:4px solid #e2b900;border-radius:0 12px 12px 0}
#review h3,#payment h3,#complete h3{font-size:26px;font-weight:800}
.info-section{padding-top:34px;padding-bottom:38px;border-top:1px solid var(--line)}
.info-section h2{font-size:28px}
.info-grid{margin-top:24px;gap:20px}
.info-grid article{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
.info-grid h3{font-weight:800}
.footer-band{background:linear-gradient(110deg,#005BAA,#064579);border-top:5px solid var(--yellow)}
.footer{border:0;color:#fff;padding-top:30px;padding-bottom:30px}
:focus-visible,.sizes input:focus-visible+span{outline-color:var(--blue)}
.header :focus-visible{outline-color:var(--yellow)}
.header .nav-order:focus-visible{outline-color:#fff}
@media(min-width:901px){.hero{grid-template-columns:.9fr 1.2fr;gap:48px}.kit-visual{height:540px}}
@media(max-width:680px){.header{height:86px}.brand{font-size:23px}nav{padding:0;background:none}.nav-order{padding:11px 15px}.hero{padding-top:38px;padding-bottom:40px}h1{font-size:clamp(46px,12vw,66px)}.kit-visual{border-radius:20px}.item{padding:10px;border-radius:16px}.item-image{height:150px}.item-title h3{font-size:16px}.info-grid article{padding:16px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Uma seção ampla por produto, com composição visual alternada. */
.product-fold{padding:80px 0;border-top:1px solid var(--line)}
.product-fold:nth-child(even){background:#f4f8fc}
.product-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;min-height:480px}
.product-fold:nth-child(even) .product-visual{order:2}
.product-visual{height:490px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#005BAA,#052b4a)}
.product-visual>img{height:100%;width:100%;object-fit:contain;background:#f4f8fc}
.product-copy{max-width:440px}
.product-copy h2{font-size:clamp(36px,3.7vw,52px);line-height:1.05;margin-bottom:22px}
.product-copy h3{font-size:17px;color:var(--green);margin:0 0 14px}
.product-copy p{color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:26px}
.product-number{display:block;color:var(--blue);font-size:13px;font-weight:800;margin-bottom:22px;letter-spacing:2px}
.product-number:before{content:'';display:inline-block;width:26px;height:4px;background:var(--yellow);border-radius:4px;margin:0 10px 3px 0}
.product-link{font-size:15px;font-weight:800;color:var(--blue);text-decoration:none;border-bottom:2px solid var(--yellow);padding-bottom:7px;display:inline-flex;gap:28px}
.product-tags{display:flex;gap:8px;margin-bottom:28px}
.product-tags span{border:1px solid #ccdae6;border-radius:8px;padding:7px 12px;font-size:13px;color:var(--blue);font-weight:700}
.large-shirt{position:relative;background:var(--yellow);width:76%;height:76%;clip-path:polygon(25% 0,40% 6%,60% 6%,75% 0,100% 22%,83% 38%,75% 30%,75% 100%,25% 100%,25% 30%,17% 38%,0 22%);transform:rotate(-7deg)}
.large-shirt span{position:absolute;top:36%;width:100%;text-align:center;font-size:clamp(18px,2vw,27px);font-weight:800;color:#00518b;letter-spacing:-1px}
.product-cap{background:#eaf3fa}
.large-cap{position:relative;width:58%;height:40%;background:linear-gradient(100deg,#06783c,#14ac56);border-radius:90% 90% 20% 20%;transform:rotate(-12deg);box-shadow:12px 24px 35px #00342d25;border-top:4px solid #FFCB05}
.large-cap:after{content:'';position:absolute;bottom:-18%;left:-24%;width:115%;height:33%;background:var(--yellow);border-radius:50%;transform:rotate(7deg)}
.large-cap span{position:absolute;top:25%;left:46%;font-size:48px;font-weight:800;color:#fff}
.product-flag{background:linear-gradient(145deg,#005BAA,#052b4a)}
.large-flag{width:72%;height:49%;position:relative;background:#12B24B;border-left:7px solid #FFCB05;transform:rotate(-7deg);box-shadow:15px 25px 30px #001a2c40;display:grid;place-items:center}
.large-flag:before{content:'';width:52%;height:70%;position:absolute;background:#FFCB05;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.large-flag span{position:relative;font-size:22px;font-weight:800;color:#003f6c;letter-spacing:-1px}
.product-stickers{background:#eaf3fa}
.large-stickers{display:flex;flex-direction:column;align-items:center;gap:25px;transform:rotate(-8deg)}
.large-stickers span:first-child{display:grid;place-items:center;width:150px;height:150px;background:var(--yellow);color:var(--blue);border:8px solid #fff;border-radius:50%;font-size:82px;font-weight:800;box-shadow:8px 12px 24px #10254418}
.large-stickers span:last-child{padding:15px 25px;background:#12B24B;color:#fff;border:8px solid #fff;border-radius:16px;font-weight:800;font-size:28px;box-shadow:8px 12px 24px #10254418;transform:rotate(15deg)}
@media(max-width:900px){.product-layout{gap:35px;min-height:400px}.product-visual{height:400px}.product-copy p{font-size:16px}.large-flag span{font-size:18px}}
@media(max-width:680px){.product-fold{padding:40px 0}.product-layout{grid-template-columns:1fr;gap:28px;min-height:0}.product-fold:nth-child(even) .product-visual{order:0}.product-visual{height:350px;border-radius:20px}.product-copy{max-width:none}.product-copy h2{font-size:36px;margin-bottom:16px}.product-number{margin-bottom:14px}.product-copy p{margin-bottom:20px}.large-shirt span{font-size:21px}.large-stickers span:first-child{width:125px;height:125px;font-size:65px}.large-stickers span:last-child{font-size:23px}.large-flag span{font-size:18px}}

/* Palette de référence et Urbanist hébergée dans le projet. */
@font-face{font-family:Urbanist;src:url('fonts/Urbanist-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#102544;--muted:#4b6682;--paper:#fff;--line:#e4ebf3;--accent:#005BAA;--soft:#f5f7fb;--yellow:#FFCB05;--green:#12B24B;--blue:#005BAA;--light-blue:#0072BC;--teal:#00B49D;--orange:#FAA61A}
body{font-family:Urbanist,Arial,sans-serif;border-top:8px solid #087443;line-height:1.6}
.wrap{width:min(1160px,calc(100% - 64px))}
.header-band{background:var(--green)}
.header-band:after{background:linear-gradient(90deg,var(--yellow) 0 30%,var(--green) 30% 65%,var(--blue) 65% 83%,var(--teal) 83% 100%)}
.header{height:102px}
.brand{font-size:31px;letter-spacing:-1.4px;font-weight:900}
nav{background:#087f38}
nav a{font-size:14px;font-weight:800}
.nav-order{background:var(--yellow);color:var(--ink)}
h1,h2{font-weight:900;letter-spacing:-.055em}
h1{font-size:clamp(60px,6.5vw,94px);line-height:1;max-width:520px}
h2{font-size:clamp(38px,4vw,52px)}
h3{font-weight:800}
.hero-copy .intro{font-size:20px;line-height:1.45;font-weight:600;color:var(--blue)}
.hero-price strong{font-size:36px;line-height:1.3;font-weight:900}
.hero-price>span{font-weight:600}
.hero-price small{font-size:15px;font-weight:700;color:#087443}
.button{border-radius:999px;padding:16px 26px;font-size:16px;font-weight:800;background:var(--yellow);border-color:var(--yellow);color:var(--ink);box-shadow:0 8px 24px #ffcb0538}
.button:hover{background:#f5c000;border-color:#f5c000}
.kit-visual,.product-shirt,.product-flag{background:linear-gradient(120deg,var(--blue),#032342);border:1px solid #d8e5ef;border-radius:22px}
.product-cap,.product-stickers{background:#f0f5fa}
.product-fold:nth-child(even){background:#f5f7fb}
.product-copy h2{font-size:clamp(38px,4vw,56px);font-weight:900;line-height:1.06;letter-spacing:-.05em}
.product-copy h3{color:var(--blue);font-size:19px;font-weight:800}
.product-copy p{font-size:18px;line-height:1.6;font-weight:500;color:var(--muted)}
.product-number:before{width:38px;background:linear-gradient(90deg,var(--green) 0 33%,var(--yellow) 33% 66%,var(--blue) 66% 100%)}
.product-link{font-size:16px;font-weight:800}
.large-cap{background:linear-gradient(110deg,#07843a,var(--green));border-top-color:var(--yellow)}
.large-flag,.large-stickers span:last-child{background:var(--green)}
.large-flag:before{background:var(--yellow)}
.large-flag span{color:var(--ink)}
.summary{background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:22px;box-shadow:0 10px 28px #10254408}
.summary h3{font-size:26px;font-weight:900;letter-spacing:-.03em}
.total{font-size:22px;font-weight:900}
.field>label{font-size:15px;font-weight:600}
.steps li{font-size:14px;font-weight:600}
.info-grid article{border-radius:20px}
.footer-band{background:linear-gradient(115deg,var(--blue),#074777)}
.footer{font-size:14px;font-weight:600}
@media(min-width:1500px){.wrap{width:min(1240px,calc(100% - 100px))}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{height:86px}.brand{font-size:26px}.nav-order{font-size:13px;padding:11px 15px}h1{font-size:clamp(52px,13vw,74px)}.hero-copy .intro{font-size:18px}.product-copy h2{font-size:38px}.product-copy p{font-size:17px}.steps li{font-size:12px}.steps span{font-size:12px}.button{font-size:15px}}

.quantity-field{max-width:420px;margin-bottom:30px}
.quantity-field input{max-width:120px;font-size:20px;font-weight:700}
.pix-qr{width:min(100%,300px);margin:24px auto;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}
.pix-qr svg{display:block;width:100%;height:auto;shape-rendering:crispEdges}
.pix-details{margin-bottom:24px}
#pix-code{display:block;width:100%;resize:vertical;border:1px solid #b6c9d8;border-radius:9px;padding:12px;font:13px monospace;overflow-wrap:anywhere;background:#fff;color:var(--ink);margin-top:8px}
#paid{margin-top:16px}

/* Apresentação compacta: produto e compra no mesmo percurso. */
.hero{padding-top:36px;padding-bottom:40px;gap:38px;grid-template-columns:1fr 1fr}
.hero h1{font-size:clamp(48px,5.6vw,76px);max-width:540px}
.hero-kicker{font-size:14px;font-weight:800;letter-spacing:.08em;color:#087443;margin-bottom:14px}
.hero-copy .intro{font-size:18px;font-weight:500;max-width:430px;margin-bottom:18px}
.hero-price{margin-bottom:18px}
.kit-visual{height:390px}
.products{background:#f5f7fb;border-block:1px solid var(--line);padding:34px 0}
.products-heading{margin-bottom:24px}
.products-heading h2{font-size:clamp(30px,3vw,42px);margin-bottom:8px}
.products-heading p{color:var(--muted);margin:0;font-size:17px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}
.product-card .product-visual{height:210px;border:0;border-radius:0;box-shadow:none}
.card-copy{padding:18px}
.product-kind{color:#087443;font-size:12px;font-weight:800;letter-spacing:.08em;display:block;margin-bottom:6px}
.card-copy h3{font-size:23px;font-weight:900;letter-spacing:-.025em;margin-bottom:10px;line-height:1.12}
.card-copy p{font-size:15px;line-height:1.45;color:var(--muted);margin:0}
.card-copy .size-note{margin-top:12px;font-size:13px;font-weight:700;color:var(--blue)}
.product-card .large-shirt span,.product-card .large-flag span{font-size:15px;letter-spacing:-.5px}
.product-card .large-cap span{font-size:30px}
.product-card .large-stickers{gap:12px}
.product-card .large-stickers span:first-child{width:75px;height:75px;font-size:40px;border-width:5px}
.product-card .large-stickers span:last-child{font-size:17px;padding:8px 12px;border-width:5px}
.products-action{text-align:center;margin-top:24px}
.order-section{padding-top:38px;padding-bottom:40px}
.order-section .section-heading{margin-bottom:18px}
.order-intro{font-size:17px;color:var(--muted);margin:12px 0 0;max-width:680px}
.steps{margin-bottom:24px}
.order-layout{gap:36px}
.payment-status{display:inline-block;padding:8px 12px;border-radius:9px;background:#fff6cd;color:#624c00;font-size:14px;font-weight:700;margin:8px 0 16px}
#payment>p:not(.error):not(.payment-status){font-size:16px;color:var(--muted)}
.pix-qr{max-width:300px;overflow:visible}
.pix-qr svg{aspect-ratio:1;width:100%;height:auto}
#copy-pix:disabled{opacity:.6;cursor:wait}
#paid:disabled{opacity:.6;cursor:not-allowed}
.summary,.order-main,.card-copy{min-width:0}
.pix-details dd{overflow-wrap:anywhere;max-width:70%}
#pix-code{box-sizing:border-box;max-width:100%}
.header .brand{font-size:28px}
@media(min-width:1500px){.kit-visual{height:430px}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card .product-visual{height:200px}.hero h1{font-size:54px}.hero{gap:24px}.kit-visual{height:350px}}
@media(max-width:680px){.header{height:auto;min-height:110px;flex-wrap:wrap;padding-block:12px;gap:10px}.header .brand{font-size:24px}.header nav{width:100%;justify-content:space-between;gap:10px}.header nav>a:not(.nav-order){display:block;font-size:13px}.header nav .nav-order{padding:8px 12px;font-size:13px}.hero{grid-template-columns:1fr;padding:28px 0;gap:24px}.hero h1{font-size:clamp(46px,12vw,66px)}.kit-visual{height:320px}.product-grid{gap:12px}.product-card .product-visual{height:160px}.card-copy{padding:13px}.card-copy h3{font-size:21px}.card-copy p{font-size:14px}.products{padding:28px 0}.products-heading p{font-size:16px}.product-card .large-shirt span,.product-card .large-flag span{font-size:11px}.product-card .large-stickers span:last-child{font-size:13px;padding:6px 8px}.product-card .large-stickers span:first-child{width:58px;height:58px;font-size:30px}.product-card .large-cap span{font-size:23px}.order-section{padding-top:28px}.order-intro{font-size:16px}.order-layout{gap:24px}.summary{order:2}}
@media(max-width:350px){.product-grid{grid-template-columns:1fr}.product-card .product-visual{height:190px}.header nav{flex-wrap:wrap}.header nav .nav-order{margin-left:auto}}
.email-order{padding:20px;border:1px solid var(--line);border-radius:14px;margin-top:20px;background:#f5f7fb}
.email-order .muted{overflow-wrap:anywhere}

/* Uma dobra por item, com fotos grandes e composição alternada. */
.kit-fold{padding:64px 0;border-top:1px solid var(--line);background:#fff}
.kit-fold:nth-child(even){background:#f5f7fb}
.fold-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center;min-height:480px}
.fold-layout>div{min-width:0}
.kit-fold:nth-child(even) .fold-layout>div:first-child{order:2}
.kit-fold .product-visual{height:510px;border-radius:24px;background:linear-gradient(125deg,var(--blue),#032342)}
.kit-fold .product-visual[data-photo=adesivos]{background:#eaf3fa}
.kit-fold .product-visual>img{width:100%;height:100%;object-fit:contain}
.fold-label{display:block;color:#087443;font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:16px}
.fold-copy h2{font-size:clamp(40px,4.4vw,62px);line-height:1.04;margin-bottom:20px}
.fold-copy p{font-size:19px;color:var(--muted);max-width:440px;line-height:1.5;margin-bottom:26px}
.fold-copy .size-note{font-size:15px;color:var(--blue);font-weight:700}
.cap-stage{height:470px;background:#eceef0;border-radius:24px;overflow:hidden}
.cap-stage img{width:100%;height:100%;object-fit:contain;display:block}
.cap-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}
.cap-thumbs button{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#eee;aspect-ratio:1;min-width:0}
.cap-thumbs button[aria-pressed=true]{border-color:var(--blue);box-shadow:0 3px 0 var(--yellow)}
.cap-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.free-shipping{padding:46px 0;background:var(--yellow);color:var(--blue)}
.free-shipping>.wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}
.free-shipping strong{font-size:clamp(36px,6vw,76px);font-weight:900;letter-spacing:-.045em;line-height:1.1}
.free-shipping .button{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:none}
#cep-status{margin:7px 0 0;font-size:13px}
#cep-help{display:block;font-size:11px;margin-top:6px}
@media(max-width:900px){.fold-layout{gap:32px;min-height:400px}.kit-fold .product-visual{height:420px}.cap-stage{height:380px}.fold-copy h2{font-size:42px}.fold-copy p{font-size:17px}}
@media(max-width:680px){.kit-fold{padding:36px 0}.fold-layout{grid-template-columns:1fr;gap:26px;min-height:0}.kit-fold:nth-child(even) .fold-layout>div:first-child{order:0}.kit-fold .product-visual{height:330px;border-radius:18px}.cap-stage{height:340px;border-radius:18px}.cap-thumbs{gap:6px}.fold-copy h2{font-size:38px}.fold-copy p{font-size:17px;margin-bottom:20px}.fold-label{margin-bottom:12px}.free-shipping{padding:28px 0}.free-shipping>.wrap{flex-direction:column;align-items:stretch;text-align:center}.free-shipping strong{font-size:42px}}
.kit-choice{border:1px solid var(--line);border-radius:14px;padding:18px;margin:0 0 18px;background:#f5f7fb;min-width:0}
.kit-choice legend{font-size:18px;font-weight:800;color:var(--blue);padding:0 8px}
.kit-choice-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.summary-kits{font-size:13px;color:var(--muted);padding-bottom:16px;overflow-wrap:anywhere}
.summary-kits p{margin:0 0 10px}
.kit-choice-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.variant-group{border:0;margin:0;padding:0;min-width:0}
.variant-group:first-child{grid-column:1/-1}
.variant-group legend{font-size:14px;font-weight:700;padding:0;margin-bottom:8px;color:var(--ink)}
.variant-options{display:grid;gap:8px}
.variant-sizes{grid-template-columns:repeat(4,minmax(0,1fr))}
.variant-colors{grid-template-columns:repeat(2,minmax(0,1fr))}
.variant-option{position:relative;cursor:pointer;min-width:0}
.variant-option input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.variant-option span{display:flex;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:10px 8px;border:2px solid #c4ced9;border-radius:10px;background:white;font-size:16px;font-weight:800;color:#102644}
.variant-option input:checked+span{border-color:#005BAA;background:#e6f2fc;box-shadow:inset 0 0 0 1px #005BAA}
.variant-option input:focus-visible+span{outline:3px solid #005BAA;outline-offset:3px}
.variant-option:hover span{border-color:#005BAA}
.variant-option .color-blue:before,.variant-option .color-yellow:before{content:'';width:15px;height:15px;border-radius:50%;background:#005BAA;border:1px solid #10264455;flex-shrink:0}
.variant-option .color-yellow:before{background:#FFCB05}
.button,.free-shipping .button,.header .nav-order{background:#0a8439;border-color:#0a8439;color:#fff;box-shadow:none}
.button:hover,.free-shipping .button:hover,.header .nav-order:hover{background:#087c35;border-color:#087c35;color:#fff}
@media(max-width:400px){.kit-choice-fields{grid-template-columns:1fr}.variant-option span{min-height:52px}}
@media(max-width:680px){.kit-choice-fields{grid-template-columns:1fr}.kit-choice{padding:16px}}

.kit-visual.kit-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;background:#f0f3f7;padding:8px}.kit-collage>img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:12px}.kit-collage>img:nth-child(2),.kit-collage>img:nth-child(4){object-fit:contain;background:#eceef0}

.order-layout{display:block;max-width:850px;margin:auto}.summary{position:static;margin:28px 0 20px;padding:24px}.summary ul{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0}.summary-kits{padding-bottom:0}.summary dl{margin-bottom:0}#review-submit{width:100%}

.product-stage{height:470px;border-radius:24px;overflow:hidden;background:#eceef0}.product-stage img{width:100%;height:100%;object-fit:contain;display:block}.product-thumbs{display:flex;gap:10px;margin-top:12px}.product-thumbs button{width:72px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#eee;aspect-ratio:1;min-width:0}.product-thumbs button[aria-pressed=true]{border-color:#005BAA}.product-thumbs img{display:block;width:100%;height:100%;object-fit:cover}.kit-fold .product-visual[data-photo=adesivos]{background:#eceef0}
@media(max-width:900px){.product-stage{height:380px}}@media(max-width:680px){.product-stage{height:auto;aspect-ratio:3/2;border-radius:18px}.product-thumbs{gap:8px}.product-thumbs button{width:64px}.kit-fold .product-visual[data-photo=adesivos]{height:auto;aspect-ratio:1}}

.kit-collage>img:only-child{grid-column:1/-1;grid-row:1/-1;object-fit:contain}

/* Navegação sem altura fixa ou cápsula compartilhada no celular. */
.header .brand{flex-shrink:0}
.header nav .nav-order{display:inline-flex;justify-content:center;align-items:center;gap:12px;white-space:nowrap;min-height:44px;border:1px solid #0a8439;color:#fff}
.header nav .nav-order span{margin-left:0}
@media(max-width:900px){
  .header{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-block:20px;border-bottom:0}
  .header .brand{font-size:26px;line-height:1.2}
  .header nav{width:100%;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;margin:0;padding:0;border-radius:0;background:transparent}
  .header nav>a:not(.nav-order){display:block;font-size:14px;white-space:nowrap;padding:8px 0}
  .header nav .nav-order{justify-self:end;margin:0;padding:10px 18px;font-size:14px}
}
@media(max-width:540px){
  .header nav{grid-template-columns:1fr 1fr;gap:12px 24px}
  .header nav .nav-order{grid-column:1/-1;justify-self:stretch;width:100%;padding:12px 18px;font-size:15px}
}

.fold-layout{grid-template-areas:"heading heading" "media copy";gap:28px 64px}
.kit-fold:nth-child(even) .fold-layout{grid-template-areas:"heading heading" "copy media"}
.fold-layout>.fold-heading{grid-area:heading;order:0!important}
.fold-layout>.fold-media{grid-area:media;order:0}
.fold-layout>.fold-copy{grid-area:copy;order:0}
.fold-heading .fold-label{margin-bottom:10px}
.fold-heading h2{font-size:clamp(36px,4.4vw,62px);line-height:1.04;margin:0}
@media(max-width:900px){.fold-layout{gap:24px 32px}}
@media(max-width:680px){
  .fold-layout,.kit-fold:nth-child(even) .fold-layout{grid-template-areas:"heading" "media" "copy";gap:22px}
  .fold-heading h2{font-size:38px}
}

/* Leitura e toque mais confortáveis em telas pequenas. */
@media(max-width:680px){
  body{font-size:1.125rem;line-height:1.65;font-weight:500;--muted:#40536b}
  .header .brand{font-size:28px}
  .header nav>a:not(.nav-order){font-size:1.125rem;min-height:48px;display:flex;align-items:center;white-space:normal;line-height:1.4}
  .header nav .nav-order{font-size:1.125rem;min-height:56px}
  .hero-kicker,.eyebrow,.fold-label{font-size:1rem;line-height:1.5;letter-spacing:.04em}
  .hero .intro,.fold-copy p{font-size:1.25rem;line-height:1.6}
  .hero-price>span,.hero-price small{font-size:1.125rem;line-height:1.5}
  .hero-price strong{font-size:2.25rem}
  .fold-copy .size-note,.order-intro{font-size:1.125rem;line-height:1.6}
  .button{font-size:1.125rem;line-height:1.4;min-height:58px;gap:16px;padding:16px 20px}
  .hero .button,.fold-copy .button,#paid{width:100%}
  .steps li{display:flex;align-items:center;gap:8px;font-size:1rem;line-height:1.4;padding:16px 4px}
  .steps span{font-size:1rem;margin-left:0}
  .form-heading,#payment-title,#complete-title{font-size:1.625rem;line-height:1.3}
  .field>label,.variant-group legend{font-size:1.125rem;font-weight:700;line-height:1.5;margin-bottom:10px}
  .field>input,.field>select{font-size:1.25rem;min-height:58px;padding:12px}
  .fields{gap:20px}
  .kit-choice>legend{font-size:1.25rem}
  .variant-option span{font-size:1.25rem;min-height:60px}
  .variant-colors .variant-option span{font-size:1.125rem;gap:6px;padding:12px 4px}
  .variant-group legend{color:var(--ink)}
  .field .checkbox{font-size:1.125rem;gap:10px;min-height:48px;margin-top:12px}
  .checkbox input{width:24px;height:24px;flex-shrink:0}
  .muted,.error,#cep-status{font-size:1.0625rem;line-height:1.55}
  .summary{padding:20px}
  .summary h3{font-size:1.625rem;line-height:1.3}
  .summary ul,.summary-kits,.summary dt,.summary dd{font-size:1.125rem;line-height:1.6}
  .summary-kits p{margin-bottom:14px}
  .summary .total dt{font-size:1.25rem}
  .summary .total dd{font-size:1.625rem}
  #payment>p:not(.error):not(.payment-status),#complete>p{font-size:1.1875rem;line-height:1.65}
  .pix-details dt,.pix-details dd,#payment label[for=pix-code]{font-size:1.125rem;line-height:1.5}
  #pix-total{font-size:1.625rem;font-weight:800}
  #pix-code{font-size:1rem;line-height:1.6;min-height:180px;margin-top:10px}
  #copy-pix{font-size:1.125rem;font-weight:800;line-height:1.4;min-height:58px;width:100%;padding:14px 16px;border:2px solid var(--blue);border-radius:999px;background:#fff;color:var(--blue);text-decoration:none;margin-top:12px}
  #copy-status{font-size:1.0625rem;line-height:1.5}
  #paid{margin-top:18px}
  .detail-block h4{font-size:1.25rem;line-height:1.4}
  .detail-block p{font-size:1.125rem;line-height:1.6;overflow-wrap:anywhere}
  .cap-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .product-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .product-thumbs button{width:100%}
  [data-gallery=bandeira] .product-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer{font-size:1rem}
}