.hb-home-product-section{margin-top:44px}
.hb-home-product-section .hb-section-heading{margin:0 0 24px;align-items:center}
.hb-home-product-section h2{padding-bottom:17px;position:relative}
.hb-home-product-section h2::after{content:"";position:absolute;bottom:0;left:0;width:min(310px,100%);height:2px;background:linear-gradient(90deg,var(--hb-green),transparent)}
.hb-home-product-section .hb-section-heading>a{border:1px solid #c8dcd8;border-radius:7px;padding:7px 13px;color:var(--hb-green);font-size:14px}
.hb-home-product-section .hb-section-heading>a:hover{background:#edf7f3}
.hb-home-product-row{overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:none}
.hb-home-product-row:focus-visible{outline:2px solid var(--hb-green);outline-offset:4px;border-radius:12px}
.hb-home-product-row .hb-product-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 84px)/7);gap:14px}
.hb-home-product-row .hb-product-card{scroll-snap-align:start}
@media(max-width:1450px){.hb-home-product-row .hb-product-grid{grid-auto-columns:calc((100% - 56px)/5)}}
@media(max-width:1100px){.hb-home-product-row .hb-product-grid{grid-auto-columns:calc((100% - 42px)/4)}}
@media(max-width:767px){.hb-home-product-section{margin-top:32px}.hb-home-product-section .hb-section-heading{gap:12px;margin-bottom:18px}.hb-home-product-section .hb-section-heading h2{font-size:21px}.hb-home-product-row .hb-product-grid{grid-auto-columns:calc((100% - 24px)/2.15);gap:10px}.hb-home-product-section .hb-section-heading>a{padding:6px 9px;font-size:12px}}

.hb-home-product-row::-webkit-scrollbar,.hb-category-list::-webkit-scrollbar{display:none}
.hb-category-carousel{position:relative}
.hb-category-carousel .hb-category-list{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:4px 3px 12px}
.hb-category-list>a{flex:0 0 188px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:15px 18px;border:1px solid #e9edf0;border-radius:10px;scroll-snap-align:start;text-align:center;box-shadow:0 2px 7px #18324d06}
.hb-category-art{display:grid;place-items:center;width:150px;height:150px;border-radius:11px;background:#edf5e3;overflow:hidden}
.hb-category-list>a:nth-child(5n+2) .hb-category-art{background:#f7e7ef}
.hb-category-list>a:nth-child(5n+3) .hb-category-art{background:#e7eefb}
.hb-category-list>a:nth-child(5n+4) .hb-category-art{background:#fceedd}
.hb-category-list>a:nth-child(5n) .hb-category-art{background:#ece9fa}
.hb-category-art img{width:100%;height:100%;object-fit:contain;padding:10px;mix-blend-mode:multiply}
.hb-category-name{font-size:14px;line-height:1.5;min-height:42px;color:var(--hb-ink)}
.hb-category-arrow{position:absolute;top:90px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--hb-line);border-radius:50%;background:white;color:var(--hb-green);font-size:28px;line-height:1;box-shadow:0 2px 8px #18324d10}
.hb-category-prev{left:-12px}.hb-category-next{right:-12px}
.hb-category-arrow:disabled{opacity:0;pointer-events:none}
@media(max-width:767px){.hb-category-carousel .hb-category-list{gap:12px}.hb-category-list>a{flex-basis:150px;padding:12px;gap:8px}.hb-category-art{width:124px;height:124px}.hb-category-name{font-size:12px;min-height:36px}.hb-category-arrow{top:70px;width:30px;height:30px}.hb-category-prev{left:-8px}.hb-category-next{right:-8px}}