.home-products{padding:60px 0 65px}
.home-products[hidden],.home-products-controls[hidden]{display:none}
.home-products-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.home-products h2{margin:10px 0 0;font-size:clamp(30px,4vw,50px)}
.home-products-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.home-products-actions>a{font-family:Courier New,monospace;font-size:15px;text-underline-offset:5px}
.home-products-controls{display:flex;gap:8px}
.home-products-controls button{width:44px;height:44px;border:1px solid #c79557;background:#fcf8ed;color:#242321;border-radius:50%;font-size:25px;cursor:pointer}
.home-products-controls button:disabled{opacity:.35;cursor:default}
.home-products-track{display:flex;gap:24px;list-style:none;margin:0;padding:0 0 18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c79557 #f0e5cf}
.home-product{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start}
.home-product a{display:block;text-decoration:none}
.home-product img,.home-product-placeholder{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f0e5cf;border:1px solid #dcc9a8;border-radius:14px}
.home-product h3{font-size:17px;line-height:1.35;margin:16px 0 8px}
.home-product p{font-size:17px;margin:0 0 8px}
.home-product span{font-size:14px;color:#ad3c24}
.home-products [role=status]:empty{display:none}
@media(max-width:1000px){.home-product{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:700px){.home-products{padding:40px 0 45px}.home-products-top{align-items:start;flex-direction:column;gap:18px}.home-products-actions{width:100%;justify-content:space-between}.home-products-track{gap:16px}.home-product{flex-basis:78%}}
