.yb-hcs-sections { width: 100%; }
.yb-hcs-section { position: relative; width: 100%; margin: 0 0 42px; }
.yb-hcs-heading { margin: 0 0 14px; padding: 0 54px; text-align: center; font-size: clamp(20px, 2vw, 30px); line-height: 1.3; font-weight: 700; }
.yb-hcs-heading a, .yb-hcs-heading a:hover, .yb-hcs-heading a:focus { color: inherit; text-decoration: none; }
.yb-hcs-carousel { position: relative; width: 100%; direction: ltr; }
.yb-hcs-viewport { width: 100%; overflow: hidden; }
.yb-hcs-carousel ul.products { display: flex !important; flex-wrap: nowrap !important; gap: 16px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; }
.yb-hcs-carousel ul.products::-webkit-scrollbar { display: none; }
body .yb-hcs-carousel ul.products li.product { flex: 0 0 calc((100% - 80px) / 6) !important; width: calc((100% - 80px) / 6) !important; max-width: calc((100% - 80px) / 6) !important; min-width: 0 !important; margin: 0 !important; scroll-snap-align: start; }
.yb-hcs-arrow { position: absolute; z-index: 5; top: 43%; transform: translateY(-50%); display: grid; place-items: center; width: 40px; height: 52px; padding: 0; border: 0; border-radius: 6px; background: rgba(255,255,255,.92); color: #222; box-shadow: 0 2px 10px rgba(0,0,0,.12); cursor: pointer; font-size: 25px; line-height: 1; }
.yb-hcs-prev { left: 4px; }
.yb-hcs-next { right: 4px; }
.yb-hcs-arrow[disabled] { opacity: .3; cursor: default; }
.yb-hcs-dots { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 18px; margin-top: 14px; }
.yb-hcs-dot { width: 9px; height: 9px; padding: 0; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: #333; cursor: pointer; }
.yb-hcs-dot.is-active { background: currentColor; }
@media (max-width: 1024px) {
    body .yb-hcs-carousel ul.products li.product { flex-basis: calc((100% - 32px) / 3) !important; width: calc((100% - 32px) / 3) !important; max-width: calc((100% - 32px) / 3) !important; }
}
@media (max-width: 767px) {
    .yb-hcs-section { margin-bottom: 30px; }
    .yb-hcs-heading { padding: 0 34px; font-size: 20px; }
    .yb-hcs-carousel ul.products { gap: 10px !important; }
    body .yb-hcs-carousel ul.products li.product { flex-basis: calc((100% - 10px) / 2) !important; width: calc((100% - 10px) / 2) !important; max-width: calc((100% - 10px) / 2) !important; }
    .yb-hcs-arrow { width: 30px; height: 44px; font-size: 20px; }
}
@media (max-width: 420px) {
    body .yb-hcs-carousel ul.products li.product { flex-basis: 78% !important; width: 78% !important; max-width: 78% !important; }
}