/* Homepage product rails: native scrolling, no duplicate product forms. */
.storefront .home-refresh .product-grid.product-rail{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:4px 2px 14px;scrollbar-width:thin;align-items:stretch}
.storefront .product-rail>.product-card{scroll-snap-align:start;height:auto;align-self:stretch;min-width:0}
.storefront .product-rail .product-image{aspect-ratio:1.12;height:auto!important;background:#fff}
.storefront .product-rail .product-info{display:flex;flex-direction:column;flex:1}
.storefront .product-rail .product-actions{margin-top:auto}
.product-rail-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 12px}
.product-rail-controls[hidden]{display:none!important}
.product-rail-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--theme-border,#dce3ed);border-radius:50%;background:var(--theme-surface,#fff);color:var(--theme-primary,#0b1630);cursor:pointer;font:24px/1 Arial}
.product-rail-controls button:hover{background:#dcff00;color:#0b1630}
.product-rail-controls button:focus-visible,.product-rail:focus-visible{outline:2px solid #657600;outline-offset:3px}
.product-rail-controls button:disabled{opacity:.35;cursor:default}
.storefront .add-cart:not(:disabled):is(:hover,:focus-visible),.storefront form.purchase button:not(:disabled):is(:hover,:focus-visible),.storefront form[action*="/cart"] .button:not(:disabled):is(:hover,:focus-visible){background:#dcff00!important;border-color:#dcff00!important;color:#0b1630!important;box-shadow:0 4px 12px #0b163014}
.storefront .add-cart,.storefront form.purchase button{transition:background-color .18s,color .18s,border-color .18s}
html[dir=ltr] .storefront .product-info,html[dir=ltr] .storefront .detail-copy{text-align:left}
@media(max-width:1023px){.storefront .home-refresh .product-grid.product-rail{grid-auto-columns:calc((100% - 32px)/3);gap:16px}}
@media(max-width:767px){.storefront .home-refresh .product-grid.product-rail{grid-auto-columns:78%;gap:12px}.product-rail-controls{margin-bottom:8px}.product-rail-controls button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.storefront .add-cart,.storefront form.purchase button{transition:none}}

/* Refined product presentation */
.storefront .product-rail-heading{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px}
.storefront .product-rail-heading>div:first-child{flex:1;min-width:140px}
.storefront .product-rail-heading>.product-rail-controls{flex:0 0 auto;margin:0;gap:8px}
.storefront .product-rail-heading>a{font-size:13px;white-space:nowrap}
.storefront .home-refresh .product-grid.product-rail{padding-block:6px 18px;scrollbar-width:none}
.product-rail::-webkit-scrollbar{display:none}
.storefront .product-rail>.product-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--theme-border,#e3e7ee);transition:border-color .2s,box-shadow .2s}
.storefront .product-rail>.product-card:hover{border-color:#b7c876;box-shadow:0 6px 18px #0b16300d}
.storefront .product-rail .product-info{gap:10px;padding:18px}
.storefront .product-rail .product-info h3{height:3.4em;min-height:3.4em;margin:0;font-size:15px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.storefront .product-rail .price{min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.storefront .product-rail .product-actions{display:flex;flex-direction:column;gap:10px;padding-top:8px}
.storefront .product-rail .product-actions .button{min-height:46px;border-radius:12px}
.storefront .product-rail .growth-compare-add{margin:0;text-align:center}
.storefront .product-rail-controls button{width:44px;height:44px;transition:background-color .2s,border-color .2s}
.product-rail-progress{height:3px;background:#e9edf2;border-radius:9px;margin:0 auto;max-width:180px;overflow:hidden}
.product-rail-progress[hidden]{display:none}
.product-rail-progress>span{display:block;height:100%;border-radius:9px;background:#8ca000;will-change:transform}
@media(max-width:767px){
 .storefront .home-refresh .product-grid.product-rail{grid-auto-columns:80%;gap:12px}
 .storefront .product-rail-heading{gap:10px;margin-bottom:10px}
 .storefront .product-rail-heading h2{font-size:22px}
 .storefront .product-rail-heading>a{font-size:12px}
 .storefront .product-rail-heading>.product-rail-controls{display:none}
 .storefront .product-rail .product-info{padding:14px}
 .storefront .product-rail .product-info h3{font-size:14px}
 .product-rail-progress{max-width:110px}
}
@media(prefers-reduced-motion:reduce){.storefront .product-rail>.product-card,.storefront .product-rail-controls button{transition:none}}

/* Compact cards with a single purchase action. */
.storefront .product-card .product-actions{gap:0}
.storefront .product-rail .product-info{padding:16px;gap:8px}
.storefront .product-rail .product-actions{padding-top:6px;margin-top:auto;gap:0}
.storefront .product-rail .product-actions>form{width:100%;margin:0}
.storefront .product-rail .product-actions .add-cart{width:100%;min-height:46px;display:flex;justify-content:space-between;align-items:center;padding:10px 16px}
.storefront .product-rail .product-image>a{padding:24px 18px 16px}
.storefront .product-rail .product-image img{transition:transform .25s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.storefront .product-rail .product-card:hover .product-image img{transform:scale(1.035)}}
@media(min-width:1440px){.storefront .home-refresh .product-grid.product-rail{grid-auto-columns:calc((100% - 72px)/5)}}
@media(min-width:768px) and (max-width:1023px){.storefront .home-refresh .product-grid.product-rail{grid-auto-columns:calc((100% - 32px)/2.5)}}
@media(max-width:767px){.storefront .home-refresh .product-grid.product-rail{grid-auto-columns:76%;gap:12px}.storefront .product-rail .product-info{padding:14px}.storefront .product-rail .product-image{aspect-ratio:1.2}}

/* Category icon carousel: keep the existing icons and brand accents. */
.storefront .home-refresh .home-category-static.category-rail{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/6);gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 16px;align-items:stretch}
.category-rail::-webkit-scrollbar{display:none}
.storefront .category-rail .category-tile{min-width:0;height:auto;scroll-snap-align:start;padding:20px 12px;gap:12px;border-radius:18px}
.storefront .category-rail .category-tile img{width:100%;max-width:112px;height:88px;object-fit:contain;flex-shrink:0}
.storefront .category-rail .category-tile b{font-size:14px;line-height:1.6;text-align:center;min-height:3.2em;display:flex;align-items:center;justify-content:center;overflow-wrap:normal}
.category-rail:focus-visible{outline:2px solid #657600;outline-offset:3px}
@media(max-width:1023px){.storefront .home-refresh .home-category-static.category-rail{grid-auto-columns:calc((100% - 48px)/4)}}
@media(max-width:767px){.storefront .home-refresh .home-category-static.category-rail{grid-auto-columns:38%;gap:10px}.storefront .category-rail .category-tile{padding:16px 8px;gap:8px}.storefront .category-rail .category-tile img{height:76px;max-width:92px}.storefront .category-rail .category-tile b{font-size:13px}}
