/* V30 Final R1: preserva o CSS comercial da vitrine; novos controles e protecoes de trilho. */
html body .e-general .e-content [data-emania-v30-shelf]{width:100%;clear:both;}
html body .e-general .e-content [data-emania-v30-shelf][data-emania-v30-empty="true"]{display:none!important;}
html body .e-general .e-content [data-emania-v30-shelf] .e-shelf-products{position:relative;width:100%;min-width:0;}
html body .e-general .e-content [data-emania-v30-shelf] .e-shelf-products>.vitrine{display:block!important;float:none!important;width:100%!important;max-width:100%!important;margin:0!important;}
html body .e-general .e-content [data-emania-v30-shelf] .e-shelf-products .vitrine>h2{display:none!important;}
html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail{box-sizing:border-box;width:auto;max-width:100%;padding:0;list-style:none;}
html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail:not(.slick-initialized){display:flex!important;overflow-x:auto;overflow-y:hidden;gap:12px;margin:0 32px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail:not(.slick-initialized)>li{display:block!important;float:none!important;flex:0 0 calc((100% - 36px)/4)!important;width:calc((100% - 36px)/4)!important;min-width:0!important;margin:0!important;scroll-snap-align:start;}
html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail.slick-initialized{display:block!important;margin:0 32px;overflow:visible;}
html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail.slick-initialized .slick-list{width:100%;overflow:hidden;}
html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail.slick-initialized .slick-track{display:flex!important;align-items:stretch;}
html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail.slick-initialized .slick-slide{float:none!important;height:auto!important;margin:0!important;min-width:0;}
html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail.slick-initialized .slick-slide>div{height:100%;}
html body .e-general .e-content [data-emania-v30-shelf] .e-vitrine{min-width:0;box-sizing:border-box;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-shelf-media{display:block;width:180px;max-width:100%;height:180px;margin:0 auto;text-align:center;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-shelf-media img{display:inline-block;max-width:100%;width:auto;height:auto;max-height:180px;object-fit:contain;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-shelf-media[data-emania-v30-image="pending"]{background:#fff;}
html body .e-general .e-content [data-emania-v30-shelf] .slick-arrow:focus-visible,
html body .e-general .e-content [data-emania-v30-shelf] a:focus-visible{outline:2px solid #b21e27;outline-offset:3px;}
@media(max-width:767px){
 html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail:not(.slick-initialized){margin:0;gap:8px;}
 html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail:not(.slick-initialized)>li{flex-basis:calc((100% - 8px)/2)!important;width:calc((100% - 8px)/2)!important;}
 html body .e-general .e-content [data-emania-v30-shelf] ul.e-v30-rail.slick-initialized{margin:0 20px;}
 html body .e-general .e-content [data-emania-v30-shelf] .e-v30-shelf-media{width:150px;height:150px;}
 html body .e-general .e-content [data-emania-v30-shelf] .e-v30-shelf-media img{max-height:150px;}
}
@media(prefers-reduced-motion:reduce){html body .e-general .e-content [data-emania-v30-shelf] *{transition:none!important;scroll-behavior:auto!important;}}

/* Fallback horizontal desde o HTML inicial, mesmo se o modulo nao chegar. */
html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):not(.slick-dots){display:flex;overflow-x:auto;overflow-y:hidden;gap:12px;scroll-snap-type:x proximity;list-style:none;margin:0 32px;padding:0;}
html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):not(.slick-dots)>li{flex:0 0 calc((100% - 36px)/4);width:calc((100% - 36px)/4);min-width:0;scroll-snap-align:start;}
html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul>li.helperComplement{display:none!important;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-rail .slick-slide{flex-shrink:0!important;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-rail .slick-track:before,
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-rail .slick-track:after{display:none!important;}
html body .e-general .e-content [data-emania-v30-shelf] .e-shelf-products>.vitrine{position:relative;}
html body .e-general .e-content [data-emania-v30-shelf] .e-shelf-default__header{position:relative;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-image-unavailable{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:140px;font-size:12px;color:#555;background:#f8f8f8;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
html body .e-general .e-content [data-emania-v30-shelf] [hidden]{display:none!important;}
@media(max-width:767px){
html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):not(.slick-dots){margin:0 20px;gap:8px;}
html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):not(.slick-dots)>li{flex-basis:calc((100% - 8px)/2);width:calc((100% - 8px)/2);}
}
/* Setas fora do UL (nao contam como slide), com o aspecto circular anterior. */
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-prev,
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-next{position:absolute;top:40%;z-index:2;width:44px;height:44px;min-width:44px;padding:0;display:block;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;cursor:pointer;font-size:0;transform:translateY(-50%);}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-prev{left:0;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-next{right:0;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-prev:before,
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-next:before{content:"";display:block;width:8px;height:8px;border-top:2px solid #d12a2e;border-right:2px solid #d12a2e;position:absolute;top:17px;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-prev:before{transform:rotate(-135deg);left:19px;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-next:before{transform:rotate(45deg);left:15px;}
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-prev:focus-visible,
html body .e-general .e-content [data-emania-v30-shelf] .e-v30-final-next:focus-visible{outline:2px solid #b21e27;outline-offset:3px;}

/* R1D: sem Pausar/Retomar ou substituto. Titulo e Ver tudo centralizados.
   A linha existente de 40px continua reservada para o link e a area de toque. */
html body .e-general .e-content [data-emania-v30-shelf] .e-shelf-default__header{
 display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 40px;
 gap:6px 0;align-items:center;justify-items:center;
}
html body .e-general .e-content [data-emania-v30-shelf] .e-shelf-default__header>h2{
 grid-column:1;grid-row:1;min-width:0;
}
html body .e-general .e-content [data-emania-v30-shelf] .e-shelf-default__header>a{
 grid-column:1;grid-row:2;display:inline-flex;align-items:center;justify-content:center;
 min-height:40px;box-sizing:border-box;margin:0;
}

/* R1E: a caixa já usa a geometria final antes de executar JS.
   Sem altura fixa na página, sem recortar produto e sem carregar fotos extras. */
html body .e-general .e-content [data-emania-v30-shelf] .e-vitrine__image figure{
 display:block;box-sizing:border-box;width:180px;max-width:100%;height:180px;margin:0 auto;text-align:center;
}
html body .e-general .e-content [data-emania-v30-shelf] .e-vitrine__image figure>.js--lazyload{height:100%;}
html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):not(.slick-dots){gap:0;margin:0 32px;}
html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):not(.slick-dots)>li:not(.helperComplement){
 display:block!important;float:none!important;flex:0 0 25%!important;width:25%!important;margin:0!important;box-sizing:border-box;
}
html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):before,
html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):after{display:none!important;}
@media(max-width:767px){
 html body .e-general .e-content [data-emania-v30-shelf] .e-vitrine__image figure{width:150px;height:150px;}
 html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):not(.slick-dots){margin:0 20px;gap:0;}
 html body .e-general .e-content [data-emania-v30-shelf] .vitrine>ul:not(.slick-initialized):not(.slick-dots)>li:not(.helperComplement){flex-basis:50%!important;width:50%!important;}
}