.home-ribbons{margin-top:45px;min-width:0}.tech-divider{display:flex;align-items:center;gap:16px;color:#71834e;margin:40px 0 32px}.tech-divider>span{height:1px;flex:1;background:linear-gradient(90deg,#d3dbc6,#a7bf77)}.tech-divider>span:nth-of-type(2){background:linear-gradient(90deg,#a7bf77,#d3dbc6)}.tech-divider b{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #bdcd9b;border-radius:11px;background:#e7efd8;color:#6c833f;font-size:21px;font-weight:500;transform:rotate(-5deg)}.tech-divider small{font-size:8px;letter-spacing:1.6px}.ribbon-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ribbon-heading .eyebrow{font-size:9px;color:#7c8b63}.ribbon-heading .eyebrow:before{background:#98b45d}.ribbon-heading h2{font-size:38px;letter-spacing:-1.8px;font-weight:600;margin:8px 0}.ribbon-heading h2>span{color:#9dbb59}.ribbon-heading p{font-size:12px;color:#859075;margin:7px 0}.ribbon-controls{display:flex;gap:9px}.ribbon-controls button{border:1px solid #ced9ba;border-radius:50%;width:38px;height:38px;background:#ecf1e3;color:#526b31;transition:background .18s,transform .18s}.ribbon-controls button:hover{background:#d5ef75;transform:scale(1.08)}.product-ribbon{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(210px,19vw,275px);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 23px;scrollbar-width:thin;scrollbar-color:#b5c68f #e9eddf;overscroll-behavior-x:contain}.ribbon-product{background:#eef0e7;border:1px solid #e0e5d7;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;scroll-snap-align:start;height:100%;transition:transform .2s,box-shadow .2s}.ribbon-image{background:transparent;border:0;padding:0;display:block;width:100%;text-align:left}.ribbon-image .product-art{height:230px;border-radius:0}.ribbon-product-copy{padding:18px;display:flex;flex-direction:column;flex:1;align-items:start}.ribbon-category{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#7e8c68}.ribbon-product h3{font-size:16px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.ribbon-product .details{line-height:1.8;margin-bottom:8px}.ribbon-product .product-bottom{align-self:stretch;margin-top:auto;padding-top:20px}.ribbon-product .add{transition:transform .18s,background .18s,color .18s}.ribbon-empty{font-size:13px;color:#7b8965;padding:30px;border:1px dashed #c2d0aa;border-radius:15px;grid-column:1/-1;min-width:min(70vw,500px)}@media(hover:hover) and (pointer:fine){.ribbon-product:hover{transform:translateY(-4px);box-shadow:0 10px 20px #30431d12}.ribbon-product .add:not(:disabled):hover{transform:scale(1.18);background:#d5ef75;color:#263025}}.ribbon-product .add:not(:disabled):active{transform:scale(.94)}@media(max-width:650px){.product-ribbon{grid-auto-columns:72%;gap:14px}.ribbon-heading h2{font-size:31px}.ribbon-heading p{font-size:10px}.ribbon-image .product-art{height:215px}.tech-divider small{display:none}.tech-divider{margin:30px 0 25px}.ribbon-controls button{height:33px;width:33px}}@media(prefers-reduced-motion:reduce){.ribbon-product,.ribbon-controls button,.ribbon-product .add{transition:none}}