.home-offer{padding:60px 15px;font:400 16px/23px "Be Vietnam Pro",sans-serif;color:#333}
.offer-inner{max-width:1320px;margin:auto;display:flex;flex-direction:column;align-items:center}
.home-offer .offer-label{margin:0;padding:0 0 5px;color:#00aeef;font:700 14px/20px "Be Vietnam Pro",sans-serif;text-transform:uppercase}
.home-offer .offer-heading{margin:0;padding:0;text-align:center;font:700 24px/29px "Be Vietnam Pro",sans-serif;color:#333}
.offer-filters{display:flex;gap:80px;padding:20px 0 25px}
.home-offer .offer-filters button{padding:0;margin:0;border:0;border-radius:0;background:none;color:#333;font:400 20px/27px "Be Vietnam Pro",sans-serif;cursor:pointer}
.home-offer .offer-filters button[aria-pressed=true]{font-weight:700;text-decoration:underline;text-decoration-color:#00aeef;text-decoration-thickness:2px;text-underline-offset:4px}
.home-offer .offer-filters button:hover{color:#00aeef}
.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;width:100%;padding-bottom:25px}
.offer-grid[aria-busy=true]{opacity:.5}
.offer-card{display:flex;flex-direction:column;min-width:0;padding:20px;background:#fff;border-radius:20px;transition:box-shadow .3s}
.offer-image{position:relative}
.offer-image>a,.offer-image img{display:block;width:100%;height:281px;object-fit:contain}
.offer-badges{position:absolute;top:20px;left:0;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.offer-badges span{width:105px;padding:5px 17px;text-align:center;border-radius:225px;color:#fff;font:400 14px/23px "Be Vietnam Pro",sans-serif}
.offer-badge-sale{background:#a4393a}.offer-badge-best{background:#00aeef}.offer-badge-new{background:#0076a3}
.home-offer .offer-wishlist{position:absolute;top:25px;right:20px;display:flex;align-items:center;justify-content:center;width:22px;height:50px;padding:0;border:0;background:none;cursor:pointer}
.offer-wishlist svg{width:22px}.offer-wishlist[aria-pressed=true] svg{fill:#00aeef}
.home-offer .offer-card h4{margin:10px 0 0;font:600 16px/23px "Be Vietnam Pro",sans-serif;color:#333}
.home-offer .offer-card h4 a{color:inherit;text-decoration:none}
.home-offer .price{margin:0;color:#00aeef;font:600 20px/28px "Be Vietnam Pro",sans-serif}
.home-offer .price ins{text-decoration:none;font-weight:700}.home-offer .price del{opacity:.5}
.offer-cart{margin:auto 0 15px;padding-top:10px}
.home-offer .offer-cart .button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:.618em 1em;border:0;border-radius:20px;background:#00aeef;color:#fff;font:400 16px/25px "Be Vietnam Pro",sans-serif;text-decoration:none;text-transform:uppercase}
.offer-cart .add_to_cart_button::before{content:"";display:block;flex:none;width:20px;height:20px;background:url('../../../../uploads/2025/01/Group-3-6.svg') center/contain no-repeat}
.home-offer .offer-cart .button:hover{background:#00aeef;color:#fff;box-shadow:none}
.home-offer .offer-shop{padding:12px 25px;border:1px solid #00aeef;border-radius:225px;background:#00aeef;color:#fff;font:500 16px/23px "Be Vietnam Pro",sans-serif;text-decoration:none;text-transform:uppercase;text-align:center}
.home-offer .offer-shop:hover{background:#fff;color:#00aeef}
.offer-status:empty{display:none}.offer-status{font-size:14px}
@media(max-width:1024px){.offer-inner{max-width:1024px}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
.home-offer{padding:40px 15px;font-size:14px;line-height:17px}
.home-offer .offer-label{line-height:17px}.home-offer .offer-heading{font-size:20px;line-height:24px}
.offer-filters{gap:20px;width:100%;justify-content:space-between}.home-offer .offer-filters button{font-size:16px;line-height:21px}
.offer-grid{display:flex;overflow-x:auto;gap:20px}.offer-card{flex:0 0 240px;padding:15px;border-radius:15px}
.offer-image>a,.offer-image img{height:190px}.offer-badges{top:-5px;left:-5px}.offer-badges span{line-height:17px}
.home-offer .offer-wishlist{top:0;right:-5px}
.home-offer .offer-card h4{font-size:14px;line-height:17px}.home-offer .price{font-size:16px;line-height:20px}
.home-offer .offer-cart .button{font-size:12px;line-height:15px;gap:0}.offer-cart .add_to_cart_button::before{display:none}
.home-offer .offer-shop{width:100%;font-size:14px;line-height:17px}
}

@media(min-width:1024px){.offer-card:hover{box-shadow:0 0 20px #1dcd9f33}}

.home-offer .offer-wishlist:hover,.home-offer .offer-wishlist:focus{border:0;box-shadow:none}