/* ZEFFIRO Studio 4.11 - full-width category rail and 10-item featured carousel.
   Display changes only: original header, CMS, product/gallery/cart code and roles remain untouched. */
main[data-page="home"] .quick-sections{
 width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
 padding-left:clamp(18px,3vw,54px)!important;padding-right:clamp(18px,3vw,54px)!important;
 box-sizing:border-box!important;
}
main[data-page="home"] .quick-sections-head{width:100%!important;max-width:none!important}
main[data-page="home"] .zeffiro-categories-window{width:100%!important;max-width:none!important;overflow:hidden!important}
main[data-page="home"] .quick-section-link{border:1px solid #29766b!important}
/* Light mode uses LIGHT cards and a light outline - not the inherited dark-green fill. */
html[data-theme="light"] main[data-page="home"] .quick-sections{
 background:#fff!important;color:#183a34!important;
}
html[data-theme="light"] main[data-page="home"] .quick-sections .quick-section-link{
 background:linear-gradient(135deg,#f5fffc,#ebf9f5)!important;color:#15372f!important;
 border:1.5px solid #b3e5d9!important;box-shadow:0 6px 20px rgba(12,100,80,.07)!important;
}
html[data-theme="light"] main[data-page="home"] .quick-sections .quick-section-link:hover{
 background:#e2f9f2!important;border-color:#52cdb8!important;box-shadow:0 9px 24px rgba(24,142,121,.13)!important;
}
html[data-theme="light"] main[data-page="home"] .quick-sections .quick-section-copy strong{color:#15372f!important}
html[data-theme="light"] main[data-page="home"] .quick-sections .quick-section-copy>span{color:#5d7b72!important}
html[data-theme="light"] main[data-page="home"] .quick-sections .quick-section-icon{
 background:#e0f5ee!important;border:1px solid #d0e9df!important;
}
html[data-theme="light"] main[data-page="home"] .quick-sections .zeffiro-rail-arrow{
 background:#f1fffa!important;color:#126b5e!important;border:1px solid #b1e6dc!important;
}
/* Ten actual product cards in one horizontal, scrollable track. */
main[data-page="home"] .featured-section{
 width:100%!important;max-width:none!important;
 padding-left:clamp(18px,3vw,54px)!important;padding-right:clamp(18px,3vw,54px)!important;
}
main[data-page="home"] .zf411-product-carousel{position:relative;min-width:0;width:100%;}
main[data-page="home"] #homeProductGrid{
 display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;
 align-items:stretch!important;gap:14px!important;
 overflow-x:auto!important;overflow-y:hidden!important;
 overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:3px;
 scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;
 scrollbar-width:none;padding:8px 4px 18px!important;
}
main[data-page="home"] #homeProductGrid::-webkit-scrollbar{display:none}
main[data-page="home"] #homeProductGrid>.product-card{
 flex:0 0 clamp(204px,17vw,232px)!important;width:clamp(204px,17vw,232px)!important;
 min-width:0!important;max-width:none!important;scroll-snap-align:start;
 display:flex!important;flex-direction:column!important;align-self:stretch!important;
 padding:8px!important;border-radius:15px!important;
}
main[data-page="home"] #homeProductGrid .product-card .product-image{
 width:100%!important;height:158px!important;aspect-ratio:auto!important;flex:none!important;
 border-radius:10px!important;overflow:hidden!important;
}
main[data-page="home"] #homeProductGrid .product-card .product-photo-main{
 width:100%!important;height:100%!important;object-fit:contain!important;
}
main[data-page="home"] #homeProductGrid .product-card .product-meta{
 font-size:9px!important;margin-top:9px!important;min-height:16px!important;
}
main[data-page="home"] #homeProductGrid .product-card .product-name{
 font-size:12px!important;line-height:1.35!important;margin:6px 0!important;
 min-height:2.7em!important;max-height:2.7em!important;overflow:hidden!important;
}
main[data-page="home"] #homeProductGrid .product-card .product-desc{
 font-size:10px!important;line-height:1.38!important;min-height:2.75em!important;
 max-height:2.75em!important;overflow:hidden!important;
}
main[data-page="home"] #homeProductGrid .product-card .product-bottom{
 margin-top:auto!important;padding-top:12px!important;
 display:flex!important;gap:6px!important;align-items:center!important;
}
main[data-page="home"] #homeProductGrid .product-card .product-price{font-size:18px!important}
main[data-page="home"] #homeProductGrid .product-card .add-button{
 padding:9px!important;font-size:10px!important;gap:4px!important;
}
main[data-page="home"] #homeProductGrid .product-card .product-label{
 padding:6px 8px!important;font-size:9px!important;
}
main[data-page="home"] .zf411-product-arrow{
 position:absolute;top:43%;z-index:15;display:grid;place-items:center;
 width:42px;height:42px;padding:0;border-radius:50%;border:1px solid #a5e5d8;
 background:#e2fff7;color:#0f6e60;font-size:32px;line-height:1;
 box-shadow:0 5px 18px rgba(0,0,0,.13);cursor:pointer;
 transform:translateY(-50%);transition:opacity .15s,background .15s,transform .15s;
}
main[data-page="home"] .zf411-product-arrow:hover{background:#52cdb8;transform:translateY(-50%) scale(1.07)}
main[data-page="home"] .zf411-product-arrow:disabled{opacity:.35;cursor:default}
main[data-page="home"] .zf411-product-prev{left:-15px}
main[data-page="home"] .zf411-product-next{right:-15px}
main[data-page="home"] #homeProductGrid .home-empty,
main[data-page="home"] #homeProductGrid .zf410-loading{flex:1 0 100%;width:100%!important;scroll-snap-align:start}
@media(max-width:750px){
 main[data-page="home"] .quick-sections{padding-left:12px!important;padding-right:12px!important}
 main[data-page="home"] .featured-section{padding-left:12px!important;padding-right:12px!important}
 main[data-page="home"] #homeProductGrid{gap:10px!important;scroll-padding-inline:0}
 main[data-page="home"] #homeProductGrid>.product-card{
  flex:0 0 min(63vw,214px)!important;width:min(63vw,214px)!important;
 }
 main[data-page="home"] #homeProductGrid .product-card .product-image{height:145px!important}
 main[data-page="home"] .zf411-product-arrow{width:34px;height:34px;font-size:27px;top:39%}
 main[data-page="home"] .zf411-product-prev{left:-9px}
 main[data-page="home"] .zf411-product-next{right:-9px}
}
@media(prefers-reduced-motion:reduce){main[data-page="home"] #homeProductGrid{scroll-behavior:auto}}
