/* ZEFFIRO Studio 4.23 — approved product-photo composition and category artwork. */
/* 1. Product photos: the full file stays visible at natural scale; no forced enlargement, crop or grey blur sidebars. */
html body .product-card .product-image,
html body #productGrid .product-card .product-image,
html body #homeProductGrid .product-card .product-image,
html body .zf412-hits-track .product-card .product-image,
html body .detail-gallery .detail-hero-image,
html body .quick-detail-layout .detail-hero-image{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  isolation:isolate!important;overflow:hidden!important;
}
html[data-theme="dark"] body .product-card .product-image,
html[data-theme="dark"] body #homeProductGrid .product-card .product-image,
html[data-theme="dark"] body .detail-gallery .detail-hero-image,
html[data-theme="dark"] body .quick-detail-layout .detail-hero-image{
  background-color:#fff!important;background-image:none!important;
}
html body .product-card .product-image::before,
html body .detail-gallery .detail-hero-image::before,
html body .quick-detail-layout .detail-hero-image::before{
  content:none!important;display:none!important;background:none!important;filter:none!important;
}
html body .product-card .product-image img.product-photo-main,
html body #productGrid .product-card .product-image img.product-photo-main,
html body #homeProductGrid .product-card .product-image img.product-photo-main,
html body .zf412-hits-track .product-card .product-image img.product-photo-main,
html body .product-card .product-image img.product-photo-alt,
html body .detail-gallery .detail-hero-image>img,
html body .quick-detail-layout .detail-hero-image>img,
html body #detailMainImage,
html body #quickProductMainImage{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:scale-down!important;object-position:center center!important;
  background:#fff!important;background-color:#fff!important;
  transform:none!important;scale:1!important;filter:none!important;
  margin:auto!important;border-radius:inherit;
}
/* 2. Featured selection and compact hits use the same seamless white image mount as approved. */
main[data-page="home"] .zf412-hits-track .product-card .product-image,
main[data-page="home"] #homeProductGrid .product-card .product-image{
  background:#fff!important;border-radius:12px!important;
}
main[data-page="home"] #homeProductGrid .product-card{overflow:hidden!important}
/* 3. Category artwork independent from product catalog, in the approved dark non-holiday style. */
main[data-page="home"] .quick-sections{width:100%!important;max-width:none!important;padding-left:clamp(12px,2.5vw,48px)!important;padding-right:clamp(12px,2.5vw,48px)!important;padding-top:28px!important;padding-bottom:42px!important}
main[data-page="home"] .quick-sections .quick-section-link,
main[data-page="home"] .zf-showcase ~ .quick-sections .quick-section-link{
  width:clamp(140px,10vw,169px)!important;min-width:clamp(140px,10vw,169px)!important;
  max-width:169px!important;height:137px!important;min-height:137px!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;
  padding:9px 10px 14px!important;gap:4px!important;border-radius:18px!important;
  border:1px solid #1b6b60!important;background:linear-gradient(150deg,#052425,#052a29 70%,#063130)!important;
  box-shadow:inset 0 0 12px rgba(82,205,184,.045)!important;color:#f2fff9!important;
  text-align:center!important;overflow:hidden!important;isolation:isolate;
}
main[data-page="home"] .quick-sections .quick-section-link:hover{border-color:#52cdb8!important;box-shadow:0 0 18px rgba(82,205,184,.18)!important;transform:translateY(-2px)!important}
main[data-page="home"] .quick-sections .quick-section-icon,
main[data-page="home"] .zf-showcase ~ .quick-sections .quick-section-icon{
  flex:1 1 auto!important;width:100%!important;height:88px!important;min-height:65px!important;
  padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
main[data-page="home"] .quick-sections .quick-section-icon img.zf423-category-art,
main[data-page="home"] .zf-showcase ~ .quick-sections .quick-section-icon img.zf423-category-art{
 width:100%!important;height:88px!important;max-width:120px!important;max-height:88px!important;
 object-fit:contain!important;object-position:center!important;filter:none!important;
}
main[data-page="home"] .quick-sections .quick-section-copy{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important}
main[data-page="home"] .quick-sections .quick-section-copy strong,
main[data-page="home"] .zf-showcase ~ .quick-sections .quick-section-copy strong{
 font-size:clamp(12px,.95vw,15px)!important;line-height:1.12!important;font-weight:800!important;
 color:#f1fffa!important;text-align:center!important;white-space:normal!important;
}
main[data-page="home"] .quick-sections .quick-section-copy>span{display:none!important}
html[data-theme="light"] main[data-page="home"] .quick-sections .quick-section-link,
html[data-theme="light"] main[data-page="home"] .zf-showcase ~ .quick-sections .quick-section-link{
 background:linear-gradient(150deg,#082a29,#0a3430)!important;border-color:#a3dcd0!important;box-shadow:0 5px 16px rgba(0,79,65,.055)!important;
}
html[data-theme="light"] main[data-page="home"] .quick-sections .quick-section-copy strong,
html[data-theme="light"] main[data-page="home"] .zf-showcase ~ .quick-sections .quick-section-copy strong{color:#f3fffb!important}
main[data-page="home"] .quick-sections .zeffiro-categories-window{overflow:hidden!important}
main[data-page="home"] .quick-sections .zeffiro-category-segment{gap:12px!important;padding-right:12px!important}
@media(max-width:700px){
 main[data-page="home"] .quick-sections .quick-section-link,
 main[data-page="home"] .zf-showcase ~ .quick-sections .quick-section-link{
   width:132px!important;min-width:132px!important;height:130px!important;min-height:130px!important;padding:7px 7px 13px!important;
 }
 main[data-page="home"] .quick-sections .quick-section-icon img.zf423-category-art{max-height:80px!important;height:80px!important}
 main[data-page="home"] .quick-sections .quick-section-copy strong{font-size:12px!important}
}