main.home { display: block; }
.home-hero { background: #0b0b0b; color: #fff; }
.home-hero .hero-single, .home-hero .hero-carousel { display: block; }
.home-hero .hero-single{ aspect-ratio: 1440 / 499; }
.home-hero .hero-carousel{ aspect-ratio: 1440 / 499; }
.home-hero picture, .home-hero img { display: block; width: 100%; height: auto; }
.home-hero .hero-carousel { position: relative; overflow: hidden; }
.home-hero .hero-carousel { display: flex; }
.home-hero .hero-slide { flex: 0 0 100%; }

.section-banner .hero-carousel{ display:flex; overflow:hidden; }
.section-banner .hero-slide{ flex:0 0 100%; }
.section-banners-duo .duo{ max-width: 1240px; margin: 16px auto; padding: 0 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.section-banners-duo .banner img{ width:100%; height:auto; display:block; }
@media (max-width: 768px){ .section-banners-duo .duo{ grid-template-columns: 1fr; } }

.home-benefits { max-width: 1240px; margin: 16px auto; padding: 32px 8px; }
.home-benefits .benefits-row { overflow: hidden; }
.home-benefits .benefits-track { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; align-items: center; }
.home-benefits .benefit { display: flex; align-items: center; justify-content: center; gap: 8px; text-align: center; }
.home-benefits .benefit .icon { width: 42px; height: 42px; }
.home-benefits .benefit .text { display: grid; }
.home-benefits .benefit .l1 { font-weight: 700; font-size: 16px;}
.home-benefits .benefit .l2 { color: #777777; font-size: 14px; }

.home-categories, .home-products { max-width: 1240px; margin: 60px auto; padding: 0 16px; }
.home-categories h2, .home-products h2 { font-size: 24px; margin-bottom: 16px; font-weight: 800; text-transform: uppercase; border-left: 4px solid #e11d29; padding-left: 8px; color: #0f172a; }
.grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
@media (max-width: 768px){ .grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
.shop-content .card {
    max-height: 440px;
}
.card { background: #fff; border: 1px solid #e5e7eb; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; gap: 8px; padding: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
.card .thumb img { width: 100%; height: auto; display: block; }
.card .thumb{ position: relative; aspect-ratio: 4/3; }
.card .thumb .badge{ font-weight: 700; position:absolute; top:8px; left:8px; background:#000; color:#fff; font-size:12px; padding:2px 6px; border-radius:999px; z-index:2; pointer-events:none; }
.card .thumb .img-hover{ z-index:1; }
.card .thumb .img-default{ position:relative; z-index:0; }
.card .thumb .img-hover{ position: absolute; inset: 0; opacity: 0; transition: opacity .25s ease; }
.card:hover .thumb .img-hover{ opacity: 1; }
.card:hover .thumb .img-default{ opacity: 0; transition: opacity .25s ease; }
.card .name { font-weight: 700; color: #111827; text-decoration: none; display: block; font-size: 16px; }
.card .meta .name{
    text-align: center;
}
.card .price { color: #111827; display: grid; gap: 2px; }
.card .price del.regular { color: #9ca3af; font-size: 14px; }
.card .price strong.regular { color:#e11d29; font-weight:800; font-size:16px; }
.card .price .sale { color: #111827; font-weight: 700; font-size: 16px; }
.card .price .sale bdi {display: none;}
.card .rating { color: #000; display: flex; }
.card .rating .star-rating{ position: relative; display: inline-block; width: 5em; height: 1.25em; line-height: 1.25em; font-size: 16px; white-space: nowrap; }
.card .rating .star-rating::before{ content: "\2605\2605\2605\2605\2605"; color: #9c9d9e; position: absolute; left: 0; top: 0; z-index: 0; font-size: inherit; }
.card .rating .star-rating span{ position: absolute; left: 0; top: 0; height: 1.25em; overflow: hidden; display: block; z-index: 1; }
.card .rating .star-rating span::before{ content: "\2605\2605\2605\2605\2605"; color: #000; font-size: inherit; position: relative; z-index: 1; display: inline-block; }
.card .rating .star-rating .screen-reader-text, .card .rating .star-rating span strong, .card .rating .star-rating span .rating{ display: none !important; }
.card .actions { margin-top: auto; }
.card .pix { font-size: 16px; margin-bottom: 12px;}
.card .pix .pix-price { color:#e11d29; font-weight:800; }
.card .pix > span{font-size: 14px;}
.card .pix span { color:#e11d29; }
.card .add_to_cart_button, .card .button { display:block; text-align:center; padding:12px; background:#e11d29 !important; color:#fff !important; border-radius:4px; text-decoration:none; font-weight:700; text-transform: uppercase; transition: opacity .2s ease; }
.card .add_to_cart_button:hover, .card .button:hover{ background:#e11d29 !important; color:#fff !important; opacity:.95; }
.card .add_to_cart_button.added{ background:#e11d29; color:#fff; }
.card .add_to_cart_button.added::after{ content:none !important; }
.card .actions a.added_to_cart{ display:none !important; }
.card .add_to_cart_button.loading{ pointer-events:none; opacity:.9; }
.card .add_to_cart_button.loading::after{ content:none !important; }
@keyframes cardBtnSpin{ to{ transform: rotate(360deg); } }

.home-categories-strip{ max-width: 1240px; margin: 32px auto; padding: 0 16px; }
.home-categories-strip h2{ font-size: 24px; margin-bottom: 16px; font-weight: 800; text-transform: uppercase; border-left: 4px solid #e11d29; padding-left: 8px; color: #0f172a; }
.home-categories-strip .cats-strip{ padding-top: 12px ;position:relative; display:flex; align-items:center; gap:8px; }
.home-categories-strip .cats-track{padding-right: 12px; display:flex; gap:32px; overflow-x:auto; scroll-behavior:smooth; -ms-overflow-style:none; scrollbar-width:none; }
.home-categories-strip .cats-track::-webkit-scrollbar{ display:none; }
.home-categories-strip .cat-item{ flex:0 0 auto; width:120px; height: 120px; display:block; border-radius:24px; overflow:hidden; background:#0f172a; }
.home-categories-strip .cat-item{ border-radius:999px; }
.home-categories-strip .cat-thumb{ width:100%; height:100%; }
.home-categories-strip .cat-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.home-categories-strip .cats-prev, .home-categories-strip .cats-next{ position:absolute; top:50%; transform:translateY(-50%); background:#ffffff; color:#000000; border:0; width:36px; height:36px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; z-index:2; font-size: 20px;
    box-shadow: 0px 0px 10px #000000c2;}
.home-categories-strip .cats-prev{ left:-18px; }
.home-categories-strip .cats-next{ right:-18px; }
.home-categories-strip .cats-prev.hidden, .home-categories-strip .cats-next.hidden{ opacity:.0; pointer-events:none; }
@media (max-width: 768px){ .home-categories-strip .cat-item{ width:80px; height:80px; } }
@media (max-width: 480px){ .home-categories-strip .cat-item{ width:60px; height:60px; } 
.home-categories, .home-products, .home-categories-strip{padding-right: 0}
.card .pix > span {
    font-size: 12px;
}
.card .name{
    font-size: 14px;
}
.card .add_to_cart_button, .card .button{
    font-size: 14px;
}}

.products-strip{ position:relative; display:flex; align-items:center; gap:8px; }
.products-strip .prod-prev, .products-strip .prod-next{ position:absolute; top:50%; transform:translateY(-50%); background:#ffffff; color:#000000; border:0; width:36px; height:36px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; z-index:2; font-size: 20px;
    box-shadow: 0px 0px 10px #000000c2;}
.products-strip .prod-prev{ left:-18px; }
.products-strip .prod-next{ right:-18px; }
.products-strip .prod-prev.hidden, .products-strip .prod-next.hidden{ opacity:.0; pointer-events:none; }

@media (max-width: 1024px){
    .home-benefits .benefits-track{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 768px){
    .home-benefits .benefits-track{ display:flex; }
    .home-benefits .benefit{ flex:0 0 80%; }
}
@media (max-width: 540px){
    .home-benefits{ padding-block: 8px;}
    .products-strip .prod-prev, .products-strip .prod-next, .home-categories-strip .cats-prev, .home-categories-strip .cats-next{ display: none; }
    .home-benefits .benefits-track{ display:flex; }
    .home-benefits .benefit{ flex:0 0 80%; }
    .home-products .grid{ display:flex; overflow-x:auto; gap:12px; scroll-snap-type:x mandatory; }
    .home-products .grid .card{ flex:0 0 200px; max-width: 200px; scroll-snap-align:start; }
}
.home-products .products-strip{ position:relative; display:flex; align-items:center; gap:8px; }
.home-products .products-strip .grid{ padding-right: 12px; display:flex; gap:12px; overflow-x:auto; scroll-behavior:smooth; -ms-overflow-style:none; scrollbar-width:none; }
.home-products .products-strip .grid::-webkit-scrollbar{ display:none; }
.home-products .products-strip .grid .card{ flex:0 0 280px; max-width:280px; }
@media (max-width: 768px){
    .home-categories h2, .home-products h2, .home-categories-strip h2{ font-size: 20px; margin-bottom: 12px; }
}
@media (max-width: 540px){
    .home-products .products-strip .grid .card{ flex:0 0 200px; max-width:200px; }
    .home-categories h2, .home-products h2, .home-categories-strip h2{ font-size: 18px; margin-bottom: 10px; }
}