.agro-category-rail{position:relative;z-index:5;max-width:1200px;width:100%;margin:-78px auto 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;mask-image:linear-gradient(to right,transparent,#000 var(--agro-fade-left,0px),#000 calc(100% - var(--agro-fade-right,0px)),transparent);touch-action:pan-x pan-y}.agro-category-rail::-webkit-scrollbar{display:none}.agro-category-list{display:flex;gap:10px;align-items:center;width:max-content;min-width:0;list-style:none;margin:0 auto;padding:20px 5px 22px}.agro-category-item{width:108px;flex:0 0 108px;position:relative;transition:translate .3s ease,scale .3s ease;transform-origin:center bottom;outline:none}.agro-category-hex{height:116px;display:flex;align-items:center;justify-content:center;background:#f16920;clip-path:url(#rounded-group-hex);padding:18px 12px;color:#fff;text-align:center}.agro-category-name{font-size:11px;line-height:1.2;font-weight:700;text-wrap:balance}.agro-category-item:focus-visible .agro-category-hex{background:#b63c08}.agro-category-rail.is-dragging{cursor:grabbing;user-select:none}.agro-category-rail.is-dragging .agro-category-item{translate:none;scale:1}.agro-category-intro{max-width:1200px;margin:0 auto 8px;color:#6c2401;font-size:12px;text-align:center;line-height:1.6}.agro-category-hint{font-size:10px;color:#8d775f;letter-spacing:.2px}@media(hover:hover) and (prefers-reduced-motion:no-preference){.agro-category-item:hover,.agro-category-item:focus-visible{translate:0 -7px;scale:1.07;z-index:2}.agro-category-item:hover .agro-category-hex{background:#ec5e13}}@media(max-width:700px){.agro-category-rail{margin-top:-72px;width:calc(100% + 12px);margin-left:-6px}.agro-category-list{padding-top:18px;padding-bottom:20px;gap:8px}.agro-category-item{width:100px;flex-basis:100px}.agro-category-hex{height:108px;padding:16px 11px}.agro-category-name{font-size:10px}.agro-category-intro{font-size:11px}.agro-category-hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.agro-category-item{transition:none}}


.home-agro-banner{padding-bottom:100px}@media(max-width:700px){.home-agro-banner{padding-bottom:80px}}