.checkout__botao,.subtotal__botao,.s-produto__adicicionar {
margin-top:1.28rem;
width:100%;
background-color:#ffe500;
border-radius:8px;
color:#000000;
font-size:inherit;
text-transform:uppercase;
border:none;
padding:1.6rem 0;
cursor:pointer;
transition:background-color ease-in .15s;
text-decoration:none;
text-align:center}
.checkout__botao:hover,.subtotal__botao:hover,.s-produto__adicicionar:hover {
background-color:#c4b003}
* {
margin:0;
padding:0;
box-sizing:border-box}
html {
font-size:62.5%}
@media(max-width: 80em) {
html {
font-size:56.75%}
}
body {
font-family:Inter,sans-serif;
font-size:1.6rem;
line-height:1.2;
color:#000;
background-color:#fff}
img {
width:100%;
max-width:100%;
display:block}
.principal {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:2.5rem}
@media(max-width: 59.375em) {
.principal {
gap:1.6rem}
}
.principal--padding-b {
padding-bottom:7.63rem}
@media(max-width: 30em) {
.principal--padding-b {
padding-bottom:3.12rem}
}
.principal--gap {
gap:7.63rem}
@media(max-width: 30em) {
.principal--gap {
gap:3.12rem}
}
::-webkit-scrollbar {
width:10px}
::-webkit-scrollbar-track {
border-radius:10px;
background:transparent}
::-webkit-scrollbar-thumb {
background:#bdbdbd;
border-radius:10px}
.cabecalho {
position:sticky;
top:0;
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:space-between;
gap:1.6rem;
padding:0 4.88rem;
background-color:#fff;
z-index:999}
@media(max-width: 59.375em) {
.cabecalho {
padding:0 3.12rem}
}
.cabecalho--carrinho .cabecalho__navegacao,.cabecalho--carrinho .cabecalho__icones,.cabecalho--carrinho .cabecalho__menu {
display:none}
@media(max-width: 59.375em) {
.cabecalho--carrinho .cabecalho__container {
margin:auto}
}
.cabecalho--carrinho .cabecalho__logo {
margin:3.05rem 0}
.cabecalho--carrinho .cabecalho__logo-a {
margin:auto}
.cabecalho--aberto .cabecalho__menu-x {
display:block}
.cabecalho--aberto .cabecalho__menu-icone {
display:none}
.cabecalho--aberto .cabecalho__navegacao {
transform:translateX(0)}
.cabecalho--aberto .cabecalho__imagem-link {
display:none}
.cabecalho__container {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:3.66vw;
width:100%}
@media(max-width: 59.375em) {
.cabecalho__container {
width:auto}
}
.cabecalho__menu {
display:none;
width:2.2rem;
cursor:pointer}
@media(max-width: 59.375em) {
.cabecalho__menu {
display:block}
}
.cabecalho__menu-x {
display:none;
font-weight:500;
font-size:2.4rem;
text-align:center}
.cabecalho__logo {
min-width:15rem;
width:15rem;
margin-bottom:2px}
@media(max-width: 59.375em) {
.cabecalho__logo {
margin:3.05rem 0}
}
.cabecalho__navegacao {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:4.88rem;
width:100%;
max-width:81rem}
@media(max-width: 59.375em) {
.cabecalho__navegacao {
transition:transform .5s ease-in-out;
left:0;
top:100%;
background-color:#fff;
min-width:100%;
height:100vh;
max-height:calc(100vh - 75px);
overflow-y:scroll;
transform:translateX(-170%);
position:absolute}
.cabecalho__navegacao::-webkit-scrollbar {
display:none}
}
.cabecalho__lista {
list-style:none;
width:100%;
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:space-between;
gap:1.6rem}
.cabecalho__lista--tipo {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:.42rem;
width:auto}
@media(max-width: 59.375em) {
.cabecalho__lista--tipo {
margin:0 2rem 0 4rem}
.cabecalho__lista--tipo:nth-child(2) {
margin-top:2rem}
.cabecalho__lista--tipo:last-child {
margin-bottom:2rem}
}
@media(max-width: 59.375em) {
.cabecalho__lista {
flex-direction:column;
gap:0;
justify-content:start}
.cabecalho__lista--tipo li:last-child a {
margin-bottom:0}
}
.cabecalho__link {
font-size:1.33rem;
text-transform:uppercase;
text-decoration:none;
color:inherit;
font-weight:700;
line-height:1;
border-bottom:solid 2px transparent}
@media(max-width: 59.375em) {
.cabecalho__link {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:space-between;
gap:0;
border-width:0;
margin:0 2rem 2rem 2rem}
.cabecalho__link::after {
content:"❯";
transform:rotate(90deg)}
.cabecalho__link--tipo {
margin-left:0}
.cabecalho__link--tipo::after {
content:""}
.cabecalho__link--tipo:hover {
text-decoration:none}
}
.cabecalho__link-icone {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:center;
gap:0;
text-decoration:none;
color:inherit;
transition:transform ease 200ms}
.cabecalho__link-icone:hover {
color:rgb(238, 238, 10);
transform:scale(1.1)}
.cabecalho__link-icone--logado .cabecalho__icone {
display:none}
.cabecalho__link-icone--logado .cabecalho__icone--logado {
display:block}
.cabecalho__link--ofertas {
color:rgb(240, 228, 7)}
.cabecalho__link--perfil {
text-transform:none;
font-weight:400;
border-bottom:none}
@media(max-width: 59.375em) {
.cabecalho__link--perfil {
margin:0}
.cabecalho__link--perfil::after {
content:""}
}
.cabecalho__link--tipo {
text-transform:none;
font-weight:400;
color:#626262}
.cabecalho__link--tipo:hover {
border-bottom:none;
text-decoration:underline;
text-decoration-thickness:1px}
.cabecalho__link:hover {
border-bottom-color:currentColor}
.cabecalho__item-lista {
padding:3.12rem 0}
.cabecalho__item-lista:hover {
border-bottom-color:currentColor}
.cabecalho__item-lista:hover .cabecalho__expansao-tipos {
display:flex}
@media(max-width: 59.375em) {
.cabecalho__item-lista {
border-top:1px solid #d8d9da;
padding:2rem 0 0 0;
cursor:pointer}
.cabecalho__item-lista--aberto .cabecalho__expansao-tipos {
max-height:100rem;
border-top:1px solid #d8d9da;
transition:max-height .3s ease-in-out}
}
.cabecalho__expansao-tipos {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:4.88rem;
display:none;
position:absolute;
background-color:#fff;
left:0;
right:0;
top:100%;
padding:3.12rem 4.88rem;
box-shadow:0 0 .2rem rgba(0, 0, 0, 0.1)}
@media(max-width: 59.375em) {
.cabecalho__expansao-tipos {
display:flex;
max-height:0;
overflow:hidden;
padding:0;
position:static;
background-color:#f9f9f9;
flex-direction:column;
gap:2rem;
transition:max-height .3s ease-in-out}
}
.cabecalho__imagem {
max-height:35rem}
.cabecalho__icones {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:1.02rem}
.cabecalho__icone {
color:inherit;
fill:currentColor;
width:2rem;
height:2rem}
@media(max-width: 80em) {
.cabecalho__icone {
width:2.2rem;
height:2.2rem}
}
.cabecalho__icone--menor {
width:1.6rem}
@media(max-width: 80em) {
.cabecalho__icone--menor {
width:1.78rem}
}
.cabecalho__icone--logado {
display:none;
fill:transparent;
stroke:currentColor}
.cabecalho__icone-carrinho {
position:relative}
.cabecalho__itens {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:center;
gap:0;
display:none;
position:absolute;
top:0;
right:0;
transform:translate(55%, -55%);
border-radius:50%;
width:2rem;
height:2rem;
background-color:rgb(246, 232, 49);
font-size:1.11rem;
color:#000000}
.cabecalho__itens--visivel {
display:flex}
.cabecalho__icone-login {
position:relative}
.cabecalho__informacoes-perfil {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1.28rem;
display:none;
position:absolute;
top:100%;
right:0;
transform:translate(0.1rem, 7.5%);
width:-moz-max-content;
width:max-content;
border-radius:.5rem;
padding:3.12rem 2rem;
background-color:#fff;
box-shadow:0 .2rem .5rem rgba(0, 0, 0, 0.2)}
.cabecalho__informacoes-perfil--aberto {
display:flex}
.cabecalho__informacoes-perfil::before {
content:"";
position:absolute;
top:0;
right:0;
border:solid 1rem transparent;
transform:translate(-0.1rem, -100%);
border:solid 1rem transparent;
border-bottom-color:rgba(0, 0, 0, 0.1)}
.cabecalho__informacoes-perfil::after {
content:"";
position:absolute;
top:0;
right:0;
border:solid 1rem transparent;
transform:translate(-0.1rem, -97%);
border:solid 1rem transparent;
border-bottom-color:#fff}
.cabecalho__texto {
font-size:1.33rem}
.cabecalho__texto span {
text-transform:uppercase}
.rodape {
font-size:1.33rem;
padding-top:2.5rem}
.rodape--carrinho .rodape__secao-formulario {
display:none}
.rodape--conta {
padding-top:0}
.rodape__secao-informacoes {
padding:3.12rem 2rem}
.rodape__container {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:space-between;
gap:1.6rem;
max-width:136.6rem;
margin:0 auto}
@media(max-width: 59.375em) {
.rodape__container {
flex-direction:column;
gap:3.12rem;
align-items:center}
}
.rodape__secao-formulario {
background-color:#f9f9f9;
padding:3.12rem 2rem}
.rodape__app-newsletter {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:space-between;
gap:4.88rem;
max-width:136.6rem;
margin:0 auto}
@media(max-width: 80em) {
.rodape__app-newsletter {
gap:3.12rem}
}
@media(max-width: 59.375em) {
.rodape__app-newsletter {
flex-direction:column;
max-width:66rem}
}
@media(max-width: 59.375em) {
.rodape__app {
flex-direction:column}
}
.rodape__app,.rodape__newsletter {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:1rem}
@media(max-width: 59.375em) {
.rodape__app,.rodape__newsletter {
flex-wrap:wrap;
justify-content:center;
text-align:center}
}
.rodape__container-app,.rodape__container-newsletter {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1.6rem}
.rodape__container-app {
max-width:50rem}
@media(max-width: 80em) {
.rodape__container-app {
max-width:38rem}
}
.rodape__container-newsletter {
max-width:50%}
@media(max-width: 80em) {
.rodape__container-newsletter {
max-width:100%}
}
.rodape__logo {
min-width:1.8rem;
height:2.3rem}
.rodape__texto-newsletter {
font-size:3.32rem;
font-family:serif;
font-weight:700;
text-wrap:nowrap;
line-height:1}
.rodape__imagens-loja {
max-height:4.2rem}
.rodape__informacoes {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:space-between;
gap:1.6rem;
max-width:60%;
width:100%}
@media(max-width: 59.375em) {
.rodape__informacoes {
max-width:66rem}
}
@media(max-width: 30em) {
.rodape__informacoes {
flex-wrap:wrap;
text-align:center}
}
.rodape__informacao {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1.6rem}
@media(max-width: 59.375em) {
.rodape__informacao {
flex:1}
}
@media(max-width: 30em) {
.rodape__informacao {
min-width:100%}
}
.rodape__links {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:.65rem;
list-style:none;
color:#585858}
.rodape__links a {
text-decoration:none;
color:inherit}
.rodape__links a:hover {
text-decoration:underline;
transition:all .3s ease-in-out 0s}
.rodape__titulo {
font-family:serif;
font-size:1.92rem;
font-weight:700}
.rodape__atendimento {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1.6rem;
width:100%;
max-width:46.4rem}
@media(max-width: 80em) {
.rodape__atendimento {
max-width:35rem}
}
@media(max-width: 59.375em) {
.rodape__atendimento {
max-width:60rem;
text-align:center}
}
.rodape__ancoras {
display:flex;
flex-flow:row wrap;
align-items:start;
justify-content:space-between;
gap:1rem}
@media(max-width: 30em) {
.rodape__ancoras {
gap:2rem}
}
.rodape__ancora-icone {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:1rem;
text-decoration-thickness:1px;
color:inherit;
width:50%}
@media(max-width: 59.375em) {
.rodape__ancora-icone {
width:auto;
flex:1;
justify-content:center}
}
@media(max-width: 30em) {
.rodape__ancora-icone {
min-width:100%}
}
.rodape__icone {
width:2rem}
.rodape__whatsapp {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:.8rem}
@media(max-width: 59.375em) {
.rodape__whatsapp {
flex:1}
}
.rodape__whatsapp .rodape__ancora-icone {
width:100%}
.rodape__horarios {
font-size:1.11rem}
.rodape__redes {
margin-top:2rem;
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:space-evenly;
gap:1rem}
.rodape__rede {
opacity:.6;
filter:grayscale(1)}
.rodape__rede:hover {
opacity:1;
filter:none}
.rodape__diferenciais {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:2rem;
margin:6.1rem auto}
@media(max-width: 30em) {
.rodape__diferenciais {
flex-wrap:wrap}
}
.rodape__diferencial {
display:flex;
flex-flow:column nowrap;
align-items:center;
justify-content:start;
gap:.65rem;
opacity:.5;
max-width:25rem;
text-align:center}
@media(max-width: 30em) {
.rodape__diferencial {
min-width:100%}
}
.rodape__diferencial-imagem {
max-height:5rem;
width:auto}
.rodape__diferencial-titulo {
font-size:1.6rem;
font-weight:600}
.rodape__certificacoes {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:space-between;
gap:2rem;
width:100%}
@media(max-width: 59.375em) {
.rodape__certificacoes {
flex-wrap:wrap;
justify-content:center;
gap:4.88rem}
}
.rodape__certificacao {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1.6rem}
@media(max-width: 59.375em) {
.rodape__certificacao:nth-child(2) {
order:-1;
width:100%}
}
.rodape__certificacao-titulo {
font-size:1.6rem;
font-weight:600}
@media(max-width: 59.375em) {
.rodape__certificacao-titulo {
text-align:center}
}
.rodape__certificacao-titulo--centralizado {
text-align:center}
.rodape__certificados {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:1.02rem}
@media(max-width: 59.375em) {
.rodape__certificados {
justify-content:center}
}
.rodape__certificado--opacidade {
opacity:.3}
.rodape__certificado--opacidade:hover {
opacity:1}
.rodape__secao-empresa {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:center;
gap:0;
background-color:#f0f0f0;
font-size:1.11rem;
opacity:.5;
padding:1.28rem;
text-align:center}
.carrossel {
position:relative;
width:100%;
aspect-ratio:1694/573.5;
overflow:hidden}
@media(max-width: 59.375em) {
.carrossel {
aspect-ratio:1024/1280}
}
.carrossel__imagens {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:0;
transition:transform ease 500ms}
.carrossel__item {
min-width:100%;
height:100%}
.carrossel__item a img:last-child {
display:none}
@media(max-width: 59.375em) {
.carrossel__item a img:first-child {
display:none}
.carrossel__item a img:last-child {
display:block}
}
.carrossel__botoes {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:.82rem;
position:absolute;
bottom:0;
left:50%;
transform:translate(-50%, -2rem);
z-index:1}
.carrossel__botao {
background-color:rgba(167, 167, 167, 0.5);
width:12.5rem;
height:.2rem;
border-radius:5rem}
.carrossel__preenchimento {
width:1.5%;
height:100%;
background-color:#fff;
transition:none}
.carrossel__preenchimento--completo {
width:100%;
transition:width ease-out 5s}
.formulario {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:1.02rem;
width:100%}
@media(max-width: 59.375em) {
.formulario {
flex-direction:column}
}
.formulario__input {
font-family:inherit;
padding:1rem;
border:1px solid #b0b0b0;
border-radius:.8rem;
width:100%}
.formulario__botao {
background-color:#1b1b1b;
padding:1.4rem 3rem;
border-radius:.8rem;
color:#fff;
text-transform:uppercase;
line-height:1;
border:none}
.range_container {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:.6rem;
width:100%}
.sliders_control {
position:relative;
margin:20px 0}
.sliders_control input[type=range]::-webkit-slider-thumb {
-webkit-appearance:none;
pointer-events:all;
width:20px;
height:20px;
background-color:#fff;
border-radius:50%;
box-shadow:0 0 0 1px #c6c6c6;
cursor:pointer}
.sliders_control input[type=range]::-moz-range-thumb {
-webkit-appearance:none;
pointer-events:all;
width:20px;
height:20px;
background-color:#fff;
border-radius:50%;
box-shadow:0 0 0 1px #c6c6c6;
cursor:pointer}
.sliders_control input[type=range]::-webkit-slider-thumb:hover {
background:#f7f7f7}
.sliders_control input[type=range]::-webkit-slider-thumb:active {
box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe;
-webkit-box-shadow:inset 0 0 3px #387bbe,0 0 9px #387bbe}
.sliders_control input[type=range] {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
height:2px;
width:100%;
position:absolute;
background-color:#c6c6c6;
pointer-events:none}
.form_control {
position:relative;
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:space-between;
gap:.4rem;
font-size:1.33rem;
color:#000}
.form_control input[type=number] {
color:#000;
width:100%;
height:3rem;
font-size:1.6rem;
border:solid 1px #9d9d9d;
border-radius:4px;
padding:.4rem .4rem .4rem .8rem}
.form_control input[type=number]::-webkit-inner-spin-button,.form_control input[type=number]::-webkit-outer-spin-button {
display:none}
#fromSlider {
height:0;
z-index:1}
.produto {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1.6rem;
text-decoration:none;
color:inherit}
.produto__botao {
position:absolute;
bottom:7px;
left:7px;
right:7px}
.produto__botao button {
width:100%;
background-color:#fff;
padding:1.6rem;
border:none;
cursor:pointer}
.produto__botao button:hover {
transform:scale(1.01)}
.produto__imagem {
height:auto;
aspect-ratio:428/500;
overflow:hidden;
position:relative}
.produto__imagem img {
position:absolute;
top:50%;
transform:translate(0, -50%);
transition:transform ease-in-out .1s}
.produto__imagem img:hover {
transform:translate(0, -50%) scale(1.5)}
.produto__textos {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:.6rem}
.produto__titulo {
text-transform:uppercase}
.produto__preco {
display:flex;
flex-flow:row nowrap;
align-items:start;
justify-content:space-between;
gap:.6rem;
font-weight:700}
.produto__avista {
font-size:1.92rem}
@media(max-width: 30em) {
.produto__avista {
font-size:1.6rem}
}
.produto__avista sup {
font-size:1.33rem;
position:relative;
top:3px}
@media(max-width: 30em) {
.produto__avista sup {
font-size:1.11rem;
top:2px}
}
.produto__parcelado {
font-size:1.6rem}
@media(max-width: 30em) {
.produto__parcelado {
font-size:1.33rem}
}
.produto__parcelado sup {
font-size:1.11rem;
position:relative;
top:3px}
@media(max-width: 30em) {
.produto__parcelado sup {
font-size:.92rem;
top:2px}
}
.banner-grid {
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:1rem;
padding:0 1rem}
@media(max-width: 59.375em) {
.banner-grid {
gap:.65rem;
padding:0 .65rem}
}
@media(max-width: 30em) {
.banner-grid {
grid-template-columns:1fr}
}
.banner-individual a img:last-child {
display:none}
@media(max-width: 59.375em) {
.banner-individual a img:first-child {
display:none}
.banner-individual a img:last-child {
display:block}
}
.loja {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:0;
padding-top:2rem}
.filtro-aberto {
overflow-y:hidden}
.filtro-aberto .menu {
transform:translatex(0%)}
.filtro-aberto .menu__fechar-filtro {
display:flex}
.menu {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:2.5rem;
padding:0 2rem;
min-width:31rem;
width:31rem;
max-height:60rem;
overflow:auto}
@media(max-width: 59.375em) {
.menu {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1000;
background-color:#fff;
width:auto;
max-height:none;
padding:2.5rem;
transform:translatex(110%);
transition:transform .5s ease-in-out}
}
.menu__titulos {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:.6rem}
.menu__fechar-filtro {
display:none;
font-weight:700;
border-radius:50%;
width:2.8rem;
height:2.8rem;
align-items:center;
justify-content:center;
color:#585858;
border:solid 1px #585858;
cursor:pointer;
transition:color ease-in .1s,background-color ease-in .1s}
.menu__fechar-filtro:hover {
color:#fff;
background-color:#585858}
.menu__cabecalho {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:space-between;
gap:.6rem}
.menu__controles {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:.6rem}
.menu__preco {
padding-bottom:2rem;
border-bottom:1px solid #d8d9da}
.menu__botao {
background-color:#000000;
color:#fff;
text-transform:uppercase;
border-radius:4px;
border:none;
padding:0 1rem;
cursor:pointer}
.menu__titulo {
font-size:2.3rem;
font-family:serif}
.menu__titulo,.menu__subtitulo {
font-weight:700}
.menu__subtitulo {
font-size:1.33rem}
.menu__icone {
height:3rem}
.menu__expansivel {
border-bottom:1px solid #d8d9da;
padding-bottom:2rem}
.menu__expansivel--aberto .menu__expansivel-conteudo {
max-height:100rem}
.menu__expansivel-cabecalho {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:space-between;
gap:.4rem;
padding-right:.5rem;
cursor:pointer}
.menu__expansivel-cabecalho::after {
content:"❯";
transform:rotate(90deg);
width:-moz-max-content;
width:max-content}
.menu__expansivel-conteudo {
max-height:0;
overflow:hidden;
transition:max-height .3s ease-in-out}
.menu__cores {
display:flex;
flex-flow:row wrap;
align-items:center;
justify-content:start;
gap:.8rem;
margin-top:2rem}
.menu__cor {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:.4rem;
font-size:1.33rem;
width:calc(50% - .4rem);
position:relative}
.menu__cor .menu__checkbox {
position:absolute;
opacity:0;
width:2.8rem;
height:2.8rem}
.menu__cor-quadrado {
width:2.8rem;
height:2.8rem;
background-color:blue;
border-radius:4px}
.menu__tamanhos {
display:flex;
flex-flow:row wrap;
align-items:center;
justify-content:start;
gap:1rem;
margin-top:2rem}
.menu__tamanho {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:.4rem;
font-size:1.33rem;
position:relative}
.menu__tamanho .menu__checkbox {
position:absolute;
opacity:0;
width:2.8rem;
height:2.8rem}
.menu__tamanho-quadrado {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:center;
gap:0;
box-shadow:inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
width:2.8rem;
height:2.8rem;
font-size:.92rem;
font-weight:700;
border:solid 1px #000;
border-radius:4px}
.menu__categorias {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1rem;
margin-top:2rem}
.menu__categoria {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:.4rem;
font-size:1.33rem;
position:relative}
.menu__categoria .menu__checkbox {
position:absolute;
opacity:0;
width:2rem;
height:2rem}
.menu__categoria-quadrado {
position:relative;
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:center;
gap:0;
box-shadow:inset 0 0 1px 0 rgba(0, 0, 0, 0.5);
width:2rem;
height:2rem;
font-size:.92rem;
font-weight:700;
border:solid 1px #000;
border-radius:4px}
.produtos {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:3.12rem;
width:100%;
padding:0 4.88rem 0 2rem}
@media(max-width: 59.375em) {
.produtos {
padding:0 3.12rem}
}
@media(max-width: 30em) {
.produtos {
padding:0 1.6rem}
}
.produtos__cabecalho {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:space-between;
gap:.6rem;
font-size:1.33rem}
@media(max-width: 59.375em) {
.produtos__cabecalho {
position:fixed;
bottom:0;
left:0;
right:0;
z-index:998;
height:8.327rem;
padding:0 3.12rem;
background-color:white;
gap:2rem;
justify-content:center}
}
.produtos__cabecalho-ordenarpor {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:.6rem}
.produtos__cabecalho-filtrar {
display:none;
padding:.6rem 1rem;
background-color:transparent;
border:solid 1px #626262;
cursor:pointer}
@media(max-width: 59.375em) {
.produtos__cabecalho-filtrar {
display:block}
}
.produtos__cabecalho-icone {
width:2rem}
@media(max-width: 59.375em) {
.produtos__cabecalho-imgicone {
display:none}
}
.produtos__cabecalho-itens {
font-weight:600}
@media(max-width: 59.375em) {
.produtos__cabecalho-textoitens {
display:none}
}
.produtos__select {
padding:.6rem .4rem .6rem 1rem;
border-color:#f0f0f0}
@media(max-width: 59.375em) {
.produtos__select {
border-color:#626262}
}
.produtos__select:focus-visible {
outline:none}
.produtos__subtitulo {
font-weight:700;
font-size:1.33rem}
@media(max-width: 59.375em) {
.produtos__subtitulo {
display:none}
}
.produtos__grade {
display:grid;
grid-template-columns:repeat(3, 1fr);
-moz-column-gap:2rem;
column-gap:2rem;
row-gap:3.9rem}
@media(max-width: 46.875em) {
.produtos__grade {
grid-template-columns:repeat(2, 1fr)}
}
@media(max-width: 30em) {
.produtos__grade {
-moz-column-gap:1rem;
column-gap:1rem;
row-gap:1.6rem}
}
.s-produto {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:3.12rem;
padding:0 4.88rem}
@media(max-width: 59.375em) {
.s-produto {
padding:0 3.12rem}
}
@media(max-width: 46.875em) {
.s-produto {
flex-wrap:wrap}
}
.s-produto__informacoes {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:2.97vw;
min-width:33%}
.s-produto__breadcrumbs span:first-child::before {
content:""}
.s-produto__breadcrumbs span::before {
content:">";
margin-right:.4rem}
.s-produto__breadcrumbs a {
position:relative}
.s-produto__breadcrumbs a::after {
content:"";
position:absolute;
bottom:0;
left:0;
width:0;
height:1px;
background-color:#000;
transition:width ease-in .2s}
.s-produto__breadcrumbs a:hover::after {
width:100%}
.s-produto__breadcrumbs a,.s-produto__breadcrumbs p {
display:inline;
text-decoration:none;
font-size:1.33rem;
color:inherit}
.s-produto__infos {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1.6rem}
.s-produto__titulo {
font-family:serif;
font-size:3.9rem}
@media(max-width: 59.375em) {
.s-produto__titulo {
font-size:3.32rem}
}
.s-produto__preco {
font-weight:500;
font-size:3.32rem}
.s-produto__preco sup {
font-size:1.92rem;
top:2px;
position:relative}
.s-produto__cor {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:.6rem}
.s-produto__cor-nome {
font-size:1.33rem}
.s-produto__cor-nome span {
text-transform:uppercase}
.s-produto__cores {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:1rem}
.s-produto__cores-item {
width:3.2rem;
height:3.2rem;
border-radius:50%;
border:solid 1px #d8d9da;
cursor:pointer}
.s-produto__cores-item--selecionado {
border-color:#000}
.s-produto__tamanho {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:.6rem}
.s-produto__tamanho-nome {
font-size:1.33rem}
.s-produto__tamanho-nome span {
text-transform:uppercase}
.s-produto__tamanhos {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:1rem}
.s-produto__tamanhos-item {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:center;
gap:0;
width:3.2rem;
height:3.2rem;
border:solid 1px #000;
cursor:pointer}
.s-produto__tamanhos-item--selecionado {
background-color:#000;
color:#fff}
.s-produto__descricao {
border-top:solid 1px #a7a7a7;
border-bottom:solid 1px #a7a7a7;
padding:2rem 0}
.s-produto__descricao-titulo {
color:#1b1b1b;
text-transform:uppercase;
font-weight:700;
padding-bottom:2rem;
border-bottom:solid 1px #a7a7a7}
.s-produto__descricao-textos {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1.6rem;
padding-top:2rem}
.s-produto__carrossel {
display:flex;
flex-flow:column nowrap;
align-items:center;
justify-content:start;
gap:1.6rem;
overflow:hidden}
.s-produto__carrossel-itens {
display:flex;
flex-flow:row wrap;
align-items:stretch;
justify-content:start;
gap:.6rem}
.s-produto__carrossel-img {
width:calc(50% - .3rem)}
.s-produto__carrossel-botoes {
display:none}
@media(max-width: 46.875em) {
.s-produto__carrossel-botoes {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:.6rem}
}
.s-produto__carrossel-botao {
width:1.4rem;
height:1.4rem;
border-radius:50%;
background-color:#d8d9da;
cursor:pointer;
transition: background-color .3s;}
.s-produto__carrossel-botao--selecionado {
background-color:#626262}
.similares {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:4.88rem;
padding:0 4.88rem}
@media(max-width: 59.375em) {
.similares {
padding:0 3.12rem}
}
.similares__titulo {
font-weight:400}
.similares__container {
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:1.6rem}
@media(max-width: 59.375em) {
.similares__container {
grid-template-columns:repeat(3, 1fr)}
}
@media(max-width: 46.875em) {
.similares__container {
grid-template-columns:repeat(2, 1fr)}
}
.carrinho {
display:flex;
flex-flow:row nowrap;
align-items:start;
justify-content:start;
gap:3.9rem;
padding:9.54rem 3.12rem;
background-color:#f0f0f0}
@media(max-width: 59.375em) {
.carrinho {
flex-direction:column;
align-items:center;
padding:6.1rem 3.12rem}
}
@media(max-width: 46.875em) {
.carrinho {
padding:4.88rem 2.5rem}
}
@media(max-width: 30em) {
.carrinho {
padding:3.9rem 2rem}
}
.sacola {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:3.9rem;
padding:3.9rem;
background-color:#fff;
flex:1}
@media(max-width: 46.875em) {
.sacola {
padding:3.12rem}
}
.sacola__titulo {
font-family:serif;
font-size:2.76rem}
.sacola__realce-verde {
color:#38ab6b}
.sacola__titulos {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1rem}
.tabela th {
border-bottom:solid 1px #f0f0f0;
padding-bottom:2rem}
.tabela th:first-child {
text-align:left}
@media(max-width: 30em) {
.tabela tr {
display:flex;
flex-wrap:wrap;
min-width:100%}
}
@media(max-width: 30em) {
.tabela tr:first-child {
display:none}
}
.tabela tr td {
padding:2rem 0}
@media(max-width: 46.875em) {
.tabela tr td {
font-size:1.33rem}
}
@media(max-width: 30em) {
.tabela tr td {
padding:2rem 0 0 0}
}
.tabela tr:not(:last-child) td {
border-bottom:solid 1px #f0f0f0}
@media(max-width: 30em) {
.tabela tr:not(:last-child) td {
border-bottom:none}
}
@media(max-width: 30em) {
.tabela__qtd {
order:1;
width:50%}
}
.tabela .tabela__qtd,.tabela .tabela__preco-unit {
padding-bottom:2rem}
.tabela__preco {
text-align:center}
@media(max-width: 30em) {
.tabela__preco--total {
display:none}
}
@media(max-width: 30em) {
.tabela__preco-unit {
order:2;
width:50%}
}
.tabela__quantidade {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:center;
gap:.6rem}
.tabela__quantidade button {
width:2rem;
height:2rem;
background-color:transparent;
border:solid 1px #000;
border-radius:4px;
font-size:1.6rem}
.tabela__imagem {
max-width:7rem}
.tabela__produto {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:1rem;
font-size:1.33rem}
.tabela__produto-textos {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:.6rem}
.subtotal {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:0;
padding:3.9rem;
background-color:#fff;
max-width:47rem;
width:36.7vw}
@media(max-width: 59.375em) {
.subtotal {
max-width:100%;
width:39rem}
}
.subtotal__infos {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:space-between;
gap:.6rem;
padding:2rem 0;
border-bottom:solid 1px #f0f0f0}
.subtotal__infos--sborda {
border-bottom:none}
.subtotal__botao {
border-radius:0;
margin-top:0}
.secao-checkout {
display:flex;
flex-flow:column nowrap;
align-items:start;
justify-content:start;
gap:3.12rem;
padding:3.12rem 3.12rem;
background-color:#f0f0f0}
.checkout {
display:flex;
flex-flow:row nowrap;
align-items:start;
justify-content:start;
gap:4.88rem;
padding:3.9rem;
background-color:#fff;
width:100%}
@media(max-width: 30em) {
.checkout {
padding:2.5rem}
}
.checkout__form {
display:flex;
flex-flow:row nowrap;
align-items:start;
justify-content:space-between;
gap:4.88rem;
width:100%}
@media(max-width: 46.875em) {
.checkout__form {
flex-direction:column}
}
.checkout input {
padding:1rem .6rem;
border:1px solid #626262;
border-radius:4px;
width:100%}
.checkout input::-moz-placeholder {
font-size:1.33rem}
.checkout input::placeholder {
font-size:1.33rem}
.checkout input:focus-visible {
outline:none}
.checkout input[type=number]::-webkit-inner-spin-button,.checkout input[type=number]::-webkit-outer-spin-button {
display:none}
.checkout label {
position:absolute;
top:0;
left:0;
transform:translate(10px, -50%);
background-color:#fff;
line-height:1;
padding:0 .3rem;
font-size:1.33rem}
.checkout__secao-entrega-login {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:4.88rem;
width:100%;
max-width:55rem}
@media(max-width: 46.875em) {
.checkout__secao-entrega-login {
max-width:none}
}
.checkout__secao-entrega-login--logado .checkout__secao-login {
display:none}
.checkout__secao-entrega-login--logado .checkout__endereco-cadastrado {
display:flex}
.checkout__secao-pagamento-infos {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:space-between;
gap:4.88rem;
width:max(57.38rem,57.38rem + (100vw - 74.92rem - 57.38rem)/2)}
@media(max-width: 59.375em) {
.checkout__secao-pagamento-infos {
flex-direction:column}
}
@media(max-width: 46.875em) {
.checkout__secao-pagamento-infos {
width:100%}
}
.checkout__secao-pagamento {
min-width:25rem}
.checkout__secao-entrega,.checkout__secao-login,.checkout__secao-pagamento {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:2.5rem}
.checkout__secao-infos {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:0;
min-width:27.5rem}
.checkout__pagamento-formas {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1rem}
.checkout__pagamento-item {
display:flex;
flex-flow:row nowrap;
align-items:center;
justify-content:start;
gap:.6rem}
.checkout__pagamento-item input {
width:auto}
.checkout__pagamento-item label {
position:static;
transform:none}
.checkout__botao {
color:inherit;
background-color:#fff;
border:solid 1px #626262;
align-self:flex-end;
border-radius:0;
margin-top:0;
width:auto;
padding:1.6rem}
@media(max-width: 30em) {
.checkout__botao {
align-self:center}
}
.checkout__botao--entrega {
padding:1rem;
font-size:1.33rem;
align-self:inherit}
.checkout__botao:hover {
background-color:#f9f9f9}
.checkout__titulos {
display:flex;
flex-flow:column nowrap;
align-items:start;
justify-content:start;
gap:.6rem}
.checkout__titulos--mb {
margin-bottom:.5rem}
.checkout__titulo {
font-family:serif;
font-size:2.76rem}
.checkout__endereco {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1.6rem;
display:none}
.checkout__endereco-cadastrado {
display:flex;
flex-flow:column nowrap;
align-items:stretch;
justify-content:start;
gap:1rem;
display:none}
.checkout__endereco-item {
position:relative}
.checkout__endereco--visivel {
display:flex}
.conta {
display:flex;
flex-flow:column nowrap;
align-items:start;
justify-content:start;
gap:3.12rem;
padding:9.54rem 3.12rem;
background-color:#f0f0f0}
@media(max-width: 59.375em) {
.conta {
padding:6.1rem 3.12rem}
}
@media(max-width: 30em) {
.conta {
padding:3.12rem}
}
.conta__container {
display:flex;
flex-flow:column nowrap;
align-items:start;
justify-content:start;
gap:2.5rem;
padding:3.9rem;
background-color:#fff;
width:80%;
max-width:100rem;
margin:auto}
@media(max-width: 30em) {
.conta__container {
width:100%;
padding:3.12rem}
}
.conta__form {
display:flex;
flex-flow:row wrap;
align-items:stretch;
justify-content:start;
gap:1.6rem;
padding:3.12rem;
border-radius:8px;
background-color:#f9f9f9;
width:100%}
@media(max-width: 30em) {
.conta__form {
padding:2.5rem}
}
.conta__item {
position:relative;
width:calc(50% - .8rem)}
@media(max-width: 30em) {
.conta__item {
width:100%}
}
.conta__item--email {
width:100%}
.conta__item input {
padding:1rem .6rem;
border:1px solid #626262;
border-radius:4px;
background-color:transparent;
width:100%}
.conta__item input::-moz-placeholder {
font-size:1.33rem}
.conta__item input::placeholder {
font-size:1.33rem}
.conta__item input:focus-visible {
outline:none}
.conta__item input[type=number]::-webkit-inner-spin-button,.conta__item input[type=number]::-webkit-outer-spin-button {
display:none}
.conta__item label {
position:absolute;
top:0;
left:0;
transform:translate(10px, -50%);
background-color:#f9f9f9;
line-height:1;
padding:0 .3rem;
font-size:1.33rem}
.pedido {
border-radius:8px;
box-shadow:0 0 1rem 0 rgba(0, 0, 0, 0.1);
width:100%}
.pedido__cabecalho {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:space-between;
gap:.6rem;
background-color:#f9f9f9;
padding:2.5rem;
border-top-right-radius:8px;
border-top-left-radius:8px}
@media(max-width: 30em) {
.pedido__cabecalho {
flex-direction:column;
padding:2rem}
}
.pedido__corpo {
display:flex;
flex-flow:row nowrap;
align-items:stretch;
justify-content:start;
gap:1.6rem;
padding:2.5rem;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px}
@media(max-width: 30em) {
.pedido__corpo {
padding:2rem}
}
.pedido__corpo .tabela__imagem {
border-radius:4px;
overflow:hidden}
/*# sourceMappingURL=main.css.map */



/* ———————— Subcategorias em coluna ———————— */
.cabecalho__expansao-tipos .cabecalho__lista--subcategoria {
display: flex !important;

  flex-direction: column;

  gap: 0.5rem;
       /* espaço entre cada item */
  padding: 1rem 0;
   /* opcional: espaço acima/abaixo */
}


/* remove gap horizontal, se existir */
.cabecalho__expansao-tipos {
gap: 0;

}


/* ===============================
   Fundo de cor para o navbar
   =============================== */
.cabecalho {
background-color: #f1f0f0;
      /* ex.: cinza escuro */
  color: #000000;
                 /* texto branco para contraste */
}


/* Se quiser usar uma imagem de fundo */
.cabecalho {
background-image: url('/static/images/seu-background.jpg');

  background-size: cover;
      /* cobre todo o container */
  background-position: center;
 /* centraliza a imagem */
}


/* Caso o seu <nav> precise de padding extra */
.cabecalho__container {
padding: 1rem 2rem;

}


/* adiciona um padding-top no conteúdo principal */
.main-content {
padding-top: 1.5rem;

}



.checkout__nao-logado {
display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 2rem 1rem;

  text-align: center;

  max-width: 500px;

  margin: 0 auto;

}


.checkout__botoes-login {
display: flex;

  gap: 1rem;

  flex-wrap: wrap;

  justify-content: center;

  margin-top: 1rem;

}


.checkout__botao--secundario {
background-color: #fff;

  color: #000;

  border: 1px solid #000;

}


.checkout__erro {
background-color: #ffe6e6;

  color: #c40000;

  padding: 1rem 1.5rem;

  border: 1px solid #c40000;

  border-radius: 5px;

  font-weight: bold;

  text-align: left;

  max-width: 800px;

  margin: 0 auto 1.5rem auto;

}


.checkout__voltar {
display: flex;

  justify-content: flex-end;

  margin-bottom: 2rem;

}




@media(max-width: 46.875em) {
  /* 1. Habilita scroll lateral e snap */
  .s-produto__carrossel-itens {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    gap: .6rem;
  }
  /* 2. Oculta a barra de scroll no WebKit */
  .s-produto__carrossel-itens::-webkit-scrollbar {
    display: none;
  }
  /* 3. Cada slide ocupa 100% e encaixa no início */
  .s-produto__carrossel-img {
    flex: 0 0 100%;
    width: 100%;
    scroll-snap-align: start;
  }
  /* 4. Esconde overflow externo do carrossel */
  .s-produto__carrossel {
    overflow: hidden;
  }
  /* 5. Mantém os botões de navegação visíveis */
  .s-produto__carrossel-botoes {
    display: flex;
    gap: .6rem;
  }
}