/* Loja Pokémon — tokens vindos do site original (roxo #62489d, amarelo #ffec00, verde #2cb34a, Open Sans) */
@font-face{font-family:"Open Sans";font-weight:400;font-display:swap;src:url(/fonts/open-sans-400.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-weight:600;font-display:swap;src:url(/fonts/open-sans-600.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-weight:800;font-display:swap;src:url(/fonts/open-sans-800.woff2) format("woff2")}
:root{--y:#ffec00;--p:#62489d;--pd:#4c3781;--g:#2cb34a;--gb:#43b02a;--gd:#2f8f20;--o:#ffb400;--bg:#f9f6f6;--ink:#1e1b26;--mut:#5c5866;--line:#e6e2ea;--r:16px;--gut:12px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.5 "Open Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);overflow-x:clip;padding-bottom:88px}
img{max-width:100%;height:auto;display:block}
a{color:var(--p)}
h1,h2,h3{font-weight:800;line-height:1.2;margin:0}
button,input,select{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
.ic{width:1.25em;height:1.25em;flex:none;vertical-align:-.2em}
main{max-width:1280px;margin:0 auto;padding:0 var(--gut)}
main.narrow{max-width:900px}
.page-title{font-size:26px;margin:4px 0 14px}
mark.todo{background:#fff3b0;padding:0 4px;border-radius:4px;font-size:.9em}
@media(min-width:768px){:root{--gut:20px}.page-title{font-size:32px}}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border-radius:999px;border:2px solid var(--p);background:var(--p);color:#fff;font:800 15px/1 "Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;text-decoration:none;transition:background .15s,transform .05s}
.btn:hover{background:var(--pd);border-color:var(--pd)}.btn:active{transform:scale(.98)}
.btn--ghost{background:#fff;color:var(--p)}.btn--ghost:hover{background:#f1edf9;color:var(--pd)}
.btn--green{background:var(--gb);border-color:var(--gb)}.btn--green:hover{background:var(--gd);border-color:var(--gd)}
.btn--text{background:transparent;border-color:transparent;color:var(--p)}.btn--text:hover{background:#f1edf9;color:var(--pd);border-color:transparent}
.btn--light{background:#fff;color:var(--pd);border-color:#fff}.btn--light:hover{background:#efe9fb;border-color:#efe9fb;color:var(--pd)}
.btn--block{width:100%}.btn--sm{height:40px;padding:0 16px;font-size:13px}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* cabeçalho */
.hdr{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--line)}
.is-home .hdr{background:var(--y);box-shadow:none}
.hdr__in{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"menu logo cart" "search search search";gap:10px;align-items:center;max-width:1400px;margin:0 auto;padding:10px var(--gut)}
.ic-btn{width:44px;height:44px;border-radius:50%;background:var(--p);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;position:relative;text-decoration:none;font-size:22px}
.ic-btn:hover{background:var(--pd)}
.ic-btn--plain{background:transparent;color:var(--ink);width:40px;height:40px}.ic-btn--plain:hover{background:#f1edf9}
.ic-btn--menu{grid-area:menu}.ic-btn--cart{grid-area:cart}.ic-btn--fav{grid-area:fav;display:none}
.logo{grid-area:logo;justify-self:center;display:block}.logo img{width:116px;height:auto}
.badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--g);color:#fff;font:800 11px/20px "Open Sans";text-align:center}
.search{grid-area:search;position:relative;display:flex;align-items:center;height:46px;background:#fff;border:1px solid var(--line);border-radius:999px}
.search input{flex:1;min-width:0;height:100%;border:0;background:transparent;padding:0 8px 0 18px;font-size:16px;outline:0}
.search input::placeholder{color:#78737f}
.search button{width:46px;height:46px;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:22px;display:grid;place-items:center}
.search:focus-within{border-color:var(--p);box-shadow:0 0 0 3px rgba(98,72,157,.2)}
.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:14px;box-shadow:0 14px 34px rgba(30,20,60,.22);z-index:70;overflow:hidden}
.suggest a{display:flex;gap:10px;align-items:center;padding:8px 12px;color:var(--ink);text-decoration:none;font-size:14px}
.suggest a:hover,.suggest a.is-sel{background:#f4f0fb}
.suggest img{width:40px;height:40px;object-fit:contain;flex:none;border-radius:8px;background:#fff}
.suggest small{display:block;color:var(--g);font-weight:800}
@media(min-width:1024px){
.hdr__in{grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"menu logo search fav cart";gap:16px;padding-top:12px;padding-bottom:12px}
.ic-btn--fav{display:grid}.logo{justify-self:start}.search{max-width:680px;width:100%;justify-self:center}}

/* barra inferior mobile */
.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;width:min(340px,calc(100% - 32px));background:#fff;border-radius:999px;box-shadow:0 8px 28px rgba(30,20,60,.25);display:flex;justify-content:space-around;padding:8px 6px;z-index:40}
.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#6d6877;font:600 11px/1 "Open Sans";text-decoration:none;cursor:pointer;padding:4px 14px}
.tabbar .ic{font-size:22px}.tabbar [data-nav="cart"]{color:var(--ink)}
@media(min-width:1024px){.tabbar{display:none}body{padding-bottom:0}}

/* breadcrumbs */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font:800 12px/1.2 "Open Sans";text-transform:uppercase;padding:14px 0 4px;color:var(--ink)}
.crumbs a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.crumbs a:hover{text-decoration:underline}
.crumbs .sep{display:inline-flex;color:var(--p)}.crumbs .sep .ic{width:.9em;height:.9em}

/* herói (home) */
.hero{position:relative;width:100vw;margin:8px 0 0 calc(50% - 50vw);aspect-ratio:1/1;max-height:520px;overflow:hidden;background:#fff}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__logo--m{position:absolute;left:50%;top:50%;width:min(78%,420px);transform:translate(-50%,-50%)}
.hero__logo--d,.hero__cards{display:none}
@media(min-width:900px){.hero{aspect-ratio:auto;height:clamp(300px,26vw,500px);max-height:none;margin-top:12px}
.hero__logo--m{display:none}
.hero__logo--d{display:block;position:absolute;left:5%;top:50%;height:104%;width:auto;transform:translateY(-50%)}
.hero__cards{display:block;position:absolute;right:3%;top:50%;height:96%;width:auto;transform:translateY(-50%)}}

/* faixa laranja: abas + prateleira */
.band{background:var(--o);width:100vw;margin:0 0 0 calc(50% - 50vw);padding:22px 0 26px}
.band__in{max-width:1280px;margin:0 auto;padding:0 var(--gut)}
.pills{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 0 16px;margin:0 calc(var(--gut)*-1);padding-left:var(--gut);padding-right:var(--gut)}
.pills::-webkit-scrollbar{display:none}
.pill{flex:none;padding:14px 26px;border:0;border-radius:999px;background:#e4e4e4;color:#3f3f40;font:800 16px/1 "Open Sans";cursor:pointer;white-space:nowrap}
.pill:hover{background:#d6d6d6}.pill.is-active{background:var(--p);color:#fff}
@media(min-width:900px){.pills{margin:0;padding-left:0;padding-right:0;flex-wrap:wrap}}
.shelf{position:relative}
.shelf__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px var(--gut) 14px;margin:0 calc(var(--gut)*-1)}
.shelf__track::-webkit-scrollbar{display:none}
.shelf__track>.card{flex:0 0 clamp(158px,44vw,250px);scroll-snap-align:start}
.shelf__nav{display:none;position:absolute;top:42%;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--p);box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer;place-items:center;z-index:2;font-size:22px}
.shelf__nav--prev{left:-14px}.shelf__nav--next{right:-14px}
@media(min-width:900px){.shelf__nav{display:grid}.shelf__track{margin:0;padding-left:2px;padding-right:2px}}
.related{margin:36px 0 8px}.related h2{font-size:22px;margin-bottom:12px}
.related .shelf__track>.card{flex-basis:clamp(158px,44vw,230px)}

/* card de produto */
.card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r);padding:10px 10px 0;box-shadow:0 1px 3px rgba(30,20,60,.12);overflow:hidden;min-width:0}
.card__img{display:block;aspect-ratio:1;background:#fff;border-radius:10px;overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:contain}
.card .fav{position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:50%;border:1px solid #d4d0da;background:#fff;color:#8d879a;display:grid;place-items:center;cursor:pointer;font-size:20px}
.card .fav.is-on,.tool.is-on{color:#e2274b;border-color:#e2274b}
.card__name{color:var(--ink);text-decoration:none;font:800 14px/1.3 "Open Sans";display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;margin:10px 0 8px}
.card__name:hover{color:var(--p)}
.card__price{font:800 19px/1.2 "Open Sans"}
.card__list{font:400 12px/1.2 "Open Sans";color:var(--mut);text-decoration:line-through;margin-right:6px}
.card__inst{font-size:13px;color:#3f3f40;margin-top:2px}
.card__pix{color:var(--g);font:800 14px/1.3 "Open Sans";margin:2px 0 10px}
.card .btn{height:44px;font-size:14px;margin-top:auto;border-radius:12px;text-transform:lowercase;font-size:16px}
.card__seller{margin:10px -10px 0;background:#f2f2f2;text-align:center;font-size:12px;padding:7px 8px;color:#3f3f40}
.card.is-out .card__img{opacity:.5}
.card__out{font:800 13px/1 "Open Sans";color:var(--mut);margin:0 0 12px}

/* listagem + filtros */
.list{margin:30px 0 8px}
.list__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.list__top h2{font-size:22px}
.list__count{color:var(--mut);font-size:14px}
.list__bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}
.sort{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mut)}
.sort select{height:42px;border:1px solid var(--line);border-radius:999px;padding:0 14px;background:#fff;font-size:14px;color:var(--ink)}
.list__filter-btn{height:42px;font-size:13px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.chip{display:inline-flex;align-items:center;gap:6px;border:0;background:#ece6f8;color:var(--pd);border-radius:999px;padding:6px 8px 6px 14px;font:800 13px/1 "Open Sans";cursor:pointer}
.chip .ic{width:1em;height:1em}
.chip--clear{background:transparent;border:1px solid var(--pd);padding:6px 14px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.list__more{display:flex;justify-content:center;margin:22px 0}
.list__empty{text-align:center;padding:40px 12px;background:#fff;border-radius:var(--r)}.list__empty p{margin:0 0 10px}
.filters{position:fixed;left:0;right:0;bottom:0;max-height:86vh;background:#fff;border-radius:20px 20px 0 0;z-index:88;transform:translateY(105%);transition:transform .25s;display:flex;flex-direction:column}
.filters.is-open{transform:none}
.filters__head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);font-size:18px}
.filters__body{overflow:auto;padding:4px 16px;flex:1}
.filters__foot{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}.filters__foot .btn{flex:1;height:46px;font-size:13px;padding:0 10px;white-space:nowrap}
.facet{border-bottom:1px solid var(--line)}
.facet summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-weight:800}
.facet summary::-webkit-details-marker{display:none}
.facet[open] summary .ic{transform:rotate(180deg)}
.facet__opts{display:grid;gap:2px;padding:0 0 12px}
.opt{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:15px}
.opt input{width:20px;height:20px;accent-color:var(--p);flex:none}
.opt em{margin-left:auto;font-style:normal;color:var(--mut);font-size:13px}
@media(min-width:900px){
.list__filter-btn{display:none}
.list__wrap{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px;align-items:start}
.filters{position:sticky;top:84px;transform:none;max-height:calc(100vh - 100px);border-radius:var(--r);box-shadow:0 1px 3px rgba(30,20,60,.12);z-index:1}
.filters__head,.filters__foot{display:none}.filters__body{padding:8px 18px}}

/* página de produto */
.pdp{display:grid;gap:18px;margin-top:8px}
.gal{position:relative;min-width:0}
.gal__thumbs{display:none}
.gal__stage{position:relative}
.gal__main{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#fff;border-radius:var(--r)}
.gal__main::-webkit-scrollbar{display:none}
.gal__slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1}.gal__slide img{width:100%;height:100%;object-fit:contain}
.gal__nav{display:none;position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid #cfc9da;background:#fff;color:var(--p);cursor:pointer;place-items:center;font-size:20px;z-index:2}
.gal__nav--prev{left:6px}.gal__nav--next{right:6px}.gal__nav:hover{background:#f1edf9}
.gal__dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:8px;pointer-events:none}
.gal__dots i{width:10px;height:10px;border-radius:50%;background:#cfc9da;transition:all .2s}.gal__dots i.is-active{background:var(--p);width:28px;border-radius:6px}
.pp__tools{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:2}
.tool{width:42px;height:42px;border-radius:50%;border:1px solid #cfc9da;background:#fff;color:#7b7588;display:grid;place-items:center;cursor:pointer;font-size:20px}
.buy{display:flex;flex-direction:column;gap:12px;min-width:0}
.pp__name{font-size:22px;line-height:1.25}
.pp__brand{font-size:13px;color:var(--mut)}
.seller{background:#f4f2f2;border-radius:999px;text-align:center;padding:8px 14px;font-size:13px;color:#3f3f40}
.pp__prices{display:grid;gap:2px}
.pp__list{font-size:14px;color:var(--mut);text-decoration:line-through}
.pp__price{font:800 30px/1.15 "Open Sans"}
.pp__inst{font-size:17px}
.pp__pix{color:var(--g);font:800 21px/1.3 "Open Sans"}.pp__pix span{font-size:17px}
.qty{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qty>span{font-weight:600;font-size:14px}
.qty__ctl{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}
.qty__ctl button{width:42px;height:42px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--p)}
.qty__ctl button:hover{background:#f1edf9}
.qty__ctl input{width:48px;text-align:center;border:0;background:transparent;font-weight:800;-moz-appearance:textfield;appearance:textfield}
.qty__ctl input::-webkit-outer-spin-button,.qty__ctl input::-webkit-inner-spin-button{-webkit-appearance:none}
.cep{background:#fff;border-radius:var(--r);padding:14px;display:grid;gap:10px;margin-top:4px}
.cep__t{font-weight:800;display:flex;gap:8px;align-items:center;background:var(--p);color:#fff;border-radius:999px;padding:8px 16px;justify-content:center}
.cep__row{display:flex;gap:8px}.cep__row input{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:999px;padding:0 16px;font-size:16px}
.cep__out{font-size:14px;color:var(--mut)}.cep__out b{color:var(--ink)}.cep__out.is-err{color:#c62828}
.pdp__info{display:grid;gap:26px;margin-top:30px}
.pdp__info h2{font-size:20px;margin-bottom:10px}
.prose{line-height:1.7}.prose p{margin:0 0 12px}.prose ul,.prose ol{padding-left:22px;margin:0 0 12px}.prose li{margin-bottom:4px}
.prose h2{font-size:20px;margin:26px 0 8px}.prose h3{font-size:17px;margin:18px 0 6px}
.prose--page{background:#fff;border-radius:var(--r);padding:20px}
.prose details,.seo details{border:1px solid var(--line);border-radius:12px;padding:0 14px;margin:0 0 10px;background:#fff}
.prose summary,.seo summary{cursor:pointer;font-weight:800;padding:13px 0}.prose details p,.seo details p{margin:0 0 14px}
.specs{margin:0;background:#fff;border-radius:var(--r);padding:4px 16px}
.spec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.spec:last-child{border:0}
.spec dt{font-weight:800}.spec dd{margin:0;color:#3f3f40;overflow-wrap:anywhere}
@media(min-width:900px){
.pdp{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;margin-top:14px}
.gal{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start}
.gal__thumbs{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow:auto;scrollbar-width:thin}
.gal__thumb{width:88px;height:88px;flex:none;border-radius:50%;border:4px solid #c9c9cf;background:#fff;padding:0;overflow:hidden;cursor:pointer}
.gal__thumb.is-active{border-color:var(--p)}.gal__thumb img{width:100%;height:100%;object-fit:contain}
.gal__nav{display:grid}.gal__dots{display:none}
.pp__name{font-size:26px}.pdp__info{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px}
.buy{position:sticky;top:90px;align-self:start}}

/* drawers / scrim / toast */
.scrim{position:fixed;inset:0;background:rgba(20,10,40,.55);z-index:85}
.drawer{position:fixed;top:0;bottom:0;width:min(410px,92vw);background:#fff;z-index:90;display:flex;flex-direction:column;transition:transform .25s ease;box-shadow:0 0 40px rgba(0,0,0,.3)}
.drawer--left{left:0;transform:translateX(-102%)}.drawer--right{right:0;transform:translateX(102%)}
.drawer.is-open{transform:none}
.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 12px 18px;border-bottom:1px solid var(--line);font-size:18px}
.drawer__body{flex:1;overflow:auto;padding:8px 16px}.drawer__foot{padding:14px 16px;border-top:1px solid var(--line);display:grid;gap:10px}
.menu{overflow:auto;flex:1}.menu__list,.menu__list ul{list-style:none;margin:0;padding:0}
.menu__list a,.menu__toggle{display:flex;align-items:center;gap:10px;width:100%;padding:15px 18px;color:var(--ink);text-decoration:none;font:600 16px/1.2 "Open Sans";background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;justify-content:flex-start}
.menu__toggle .ic{margin-left:auto;transition:transform .2s}.menu__toggle[aria-expanded="true"] .ic{transform:rotate(180deg)}
.menu__list a:hover,.menu__toggle:hover{background:#f6f2fc}
.menu__grp>ul{display:none;background:#faf8fd}.menu__grp.is-open>ul{display:block}.menu__grp>ul a{padding-left:34px;font-weight:400}
.menu__sep{height:10px;background:var(--bg)}
.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:#1e1b26;color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;z-index:120;box-shadow:0 10px 30px rgba(0,0,0,.35);max-width:calc(100% - 32px);text-align:center}
@media(min-width:1024px){.toast{bottom:28px}}

/* linhas do carrinho (drawer e página) */
.line{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start}
.line img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid var(--line)}
.line__name{font:800 14px/1.3 "Open Sans";color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line__price{font-weight:800;margin-top:4px}.line__pix{color:var(--g);font-size:12px;font-weight:800}
.line__rm{border:0;background:none;color:var(--mut);cursor:pointer;padding:6px;font-size:18px}.line__rm:hover{color:#c62828}
.line .qty__ctl{margin-top:8px;width:max-content}.line .qty__ctl button{width:34px;height:34px}.line .qty__ctl input{width:38px}
.sum{display:grid;gap:8px}.sum__row{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.sum__row--big{font:800 20px/1.3 "Open Sans"}.sum__row--pix{color:var(--g);font-weight:800}
.sum__note{font-size:12px;color:var(--mut)}
.empty{text-align:center;padding:36px 8px;display:grid;gap:12px;justify-items:center}
.cartpage{display:grid;gap:18px;margin-bottom:12px}.cartbox{background:#fff;border-radius:var(--r);padding:8px 18px}
.cartsum{background:#fff;border-radius:var(--r);padding:18px;align-self:start;position:sticky;top:90px}
@media(min-width:900px){.cartpage{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}.line{grid-template-columns:88px minmax(0,1fr) auto}.line img{width:88px;height:88px}}

/* checkout */
.co{display:grid;gap:18px;margin-bottom:24px}
.co__form{display:grid;gap:14px;min-width:0}
.step{background:#fff;border-radius:var(--r);overflow:hidden}
.step>header{display:flex;align-items:center;gap:12px;padding:16px 18px}
.step>header b{width:30px;height:30px;border-radius:50%;background:#d9d3e6;color:#fff;display:grid;place-items:center;font-size:15px}
.step>header h2{font-size:18px}.step>header .edit{margin-left:auto;display:none}
.step.is-open>header b,.step.is-done>header b{background:var(--p)}
.step.is-done>header .edit{display:inline-flex}
.step__body{display:none;padding:0 18px 18px;gap:14px}.step.is-open .step__body{display:grid}
.step__done{display:none;padding:0 18px 16px;color:var(--mut);font-size:14px}.step.is-done .step__done{display:block}
.row2{display:grid;gap:12px}
@media(min-width:600px){.row2{grid-template-columns:1fr 1fr}}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}.fld>span{font-size:13px;font-weight:600;color:var(--mut)}
.fld input{height:48px;border:1px solid #cfc9da;border-radius:12px;padding:0 14px;font-size:16px;background:#fff;width:100%}
.fld input:focus{outline:0;border-color:var(--p);box-shadow:0 0 0 3px rgba(98,72,157,.2)}
.fld.is-bad input{border-color:#c62828}.fld .err{color:#c62828;font-size:12px;font-style:normal}
.fld--hint{justify-content:flex-end}.fld--hint a{font-size:14px;height:48px;display:flex;align-items:center}
.ship{background:#f6f2fc;border-radius:12px;padding:12px 14px;font-size:14px;color:#3f3f40}
.pay-opt{display:grid;gap:6px;border:2px solid var(--p);background:#faf7ff;border-radius:14px;padding:14px;cursor:pointer}
.pay-opt input{position:absolute;opacity:0;pointer-events:none}
.pay-opt__t{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pay-opt__t em{font-style:normal;background:var(--g);color:#fff;font:800 12px/1 "Open Sans";padding:5px 9px;border-radius:999px}
.pay-opt__d{font-size:13px;color:var(--mut)}
.co__msg{background:#fdecec;color:#8a1c1c;border-radius:12px;padding:12px 14px;font-size:14px}.co__msg.is-info{background:#eef4ff;color:#1d3f8a}
.co__sum{background:#fff;border-radius:var(--r);padding:18px;align-self:start}
.co__sum h2{font-size:18px;margin-bottom:6px}
@media(min-width:900px){.co{grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr)}.co__sum{position:sticky;top:90px}}
.order{background:#fff;border-radius:var(--r);padding:20px;display:grid;gap:14px}
.order__code{background:#f6f2fc;border-radius:12px;padding:12px;word-break:break-all;font:600 13px/1.4 ui-monospace,Menlo,monospace;-webkit-user-select:all;user-select:all}
.order__qr{width:220px;height:220px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;image-rendering:pixelated}

/* texto SEO e rodapé */
.seo{background:#fff;border-radius:var(--r);padding:22px 18px;margin:34px 0 0}
.seo__in{max-width:920px}.seo h2{font-size:22px;margin:22px 0 10px}.seo h2:first-child{margin-top:0}.seo p{line-height:1.7;margin:0 0 12px;color:#3a3742}
.ftr{background:var(--pd);color:#fff;margin-top:44px;position:relative}
.ftr__wave{display:none}
.ftr__in{max-width:1280px;margin:0 auto;padding:34px var(--gut) 26px;display:grid;gap:26px;position:relative}
.ftr h3{font-size:16px;margin-bottom:12px;color:var(--y)}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ftr a{color:#fff}.ftr a.btn{color:var(--pd)}.ftr p{margin:0 0 10px;font-size:14px}
.ftr__small{display:flex;gap:6px;align-items:center;font-size:12px;opacity:.85}
.pay{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;margin-bottom:10px}
.paytag{background:#32bcad;color:#fff;font:800 13px/1 "Open Sans",sans-serif;letter-spacing:.06em;padding:7px 11px;border-radius:8px}
.ftr__mascot{display:none}
.ftr__bar{background:rgba(0,0,0,.22);text-align:center;font-size:12px;padding:14px var(--gut) 20px}
@media(min-width:900px){.ftr__in{grid-template-columns:1fr 1fr 1fr 190px}.ftr__mascot{display:block;position:absolute;right:var(--gut);bottom:-26px;width:170px;height:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* limite por CPF, formas de entrega, campos ok */
.limitbox{display:flex;gap:10px;align-items:flex-start;background:#fff8e1;border:1px solid #ffe08a;color:#5f4700;border-radius:12px;padding:12px 14px;margin:10px 0;font-size:14px;line-height:1.4}
.limitbox .ic{margin-top:2px;color:#b07a00}.limitbox b{display:block}.limitbox span{display:block}
.limitnote{display:flex;gap:8px;align-items:center;margin:-2px 0 0;font-size:14px;color:#5f4700;background:#fff8e1;border-radius:10px;padding:8px 12px}
.shipopts{border:0;padding:0;margin:0;display:grid;gap:10px;min-width:0}.shipopts legend{font-weight:800;padding:0;margin-bottom:8px}
.sopt{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;background:#fff}
.sopt.is-on{border-color:var(--p);background:#faf7ff}.sopt input{accent-color:var(--p);width:20px;height:20px;flex:none}
.sopt__main{display:flex;flex-direction:column;flex:1;min-width:0}.sopt__main small{color:var(--mut)}.sopt__price{font-weight:800;white-space:nowrap}
.shipsum{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.shipsum li{display:flex;justify-content:space-between;gap:10px;background:#f6f2fc;border-radius:10px;padding:8px 12px;color:var(--ink)}
.fld.is-ok input{border-color:var(--g)}.fld .err[data-kind=info]{color:var(--mut)}

/* detalhes do produto (grupos de especificações e destaques) */
.specs__t{font-size:15px;margin:18px 0 8px;color:var(--pd)}.specs__t:first-of-type{margin-top:4px}
.pdp__desc .hl{margin:0 0 22px;padding-left:20px;line-height:1.6}.pdp__desc .hl li{margin-bottom:8px}
.pdp__specs .specs+.specs__t{margin-top:20px}