/* ZEFFIRO 4.57 — approved vertical category cards, titles immediately below artwork.
   Loaded last to override the older horizontal card rules. Applies to UA/RU,
   light/dark, desktop/mobile; does not affect the catalog or product cards. */
html body main[data-page="home"] #categories .quick-sections-track{
  gap:12px!important;
  align-items:stretch!important;
  padding:6px 10px 14px!important;
  scroll-padding-inline:10px!important;
}
html body main[data-page="home"] #categories a.quick-section-link{
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 198px!important;
  width:198px!important;
  min-width:198px!important;
  max-width:198px!important;
  height:222px!important;
  min-height:222px!important;
  max-height:222px!important;
  padding:14px 12px 12px!important;
  gap:4px!important;
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:center!important;
  overflow:hidden!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
  background:linear-gradient(155deg,#063934,#032c29)!important;
  border:1px solid rgba(82,205,184,.66)!important;
  scroll-snap-align:start!important;
}
html body main[data-page="home"] #categories a.quick-section-link::before,
html body main[data-page="home"] #categories a.quick-section-link::after{
  content:none!important;display:none!important;
}
html[data-theme="light"] body main[data-page="home"] #categories a.quick-section-link{
  background:linear-gradient(160deg,#fff,#f0fcf8)!important;
  border-color:rgba(82,205,184,.55)!important;
  box-shadow:0 3px 10px rgba(11,63,50,.05)!important;
}
html body main[data-page="home"] #categories a.quick-section-link .quick-section-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 139px!important;
  width:139px!important;
  min-width:139px!important;
  max-width:139px!important;
  height:139px!important;
  min-height:139px!important;
  max-height:139px!important;
  margin:0!important;
  padding:0!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body main[data-page="home"] #categories a.quick-section-link .quick-section-icon img.zf456-pencil{
  position:absolute!important;
  inset:0!important;
  display:block;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  box-shadow:none!important;
}
html body main[data-page="home"] #categories a.quick-section-link .quick-section-copy{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  text-align:center!important;
}
html body main[data-page="home"] #categories a.quick-section-link .quick-section-copy strong{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#f6fffc!important;
  font-size:15px!important;
  line-height:1.28!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
html[data-theme="light"] body main[data-page="home"] #categories a.quick-section-link .quick-section-copy strong{
  color:#103b34!important;
}
html body main[data-page="home"] #categories a.quick-section-link .quick-section-copy > span{
  display:none!important;
}
html body main[data-page="home"] #categories a.quick-section-link:hover,
html body main[data-page="home"] #categories a.quick-section-link:focus-visible{
  border-color:#52cdb8!important;
  box-shadow:0 3px 14px rgba(82,205,184,.14)!important;
}
@media(max-width:850px){
  html body main[data-page="home"] #categories a.quick-section-link{
    flex-basis:167px!important;
    width:167px!important;
    min-width:167px!important;
    max-width:167px!important;
    height:203px!important;
    min-height:203px!important;
    max-height:203px!important;
    padding:12px 8px!important;
    gap:3px!important;
  }
  html body main[data-page="home"] #categories a.quick-section-link .quick-section-icon{
    flex-basis:123px!important;
    width:123px!important;
    min-width:123px!important;
    max-width:123px!important;
    height:123px!important;
    min-height:123px!important;
    max-height:123px!important;
  }
  html body main[data-page="home"] #categories a.quick-section-link .quick-section-copy strong{
    font-size:14px!important;
    line-height:1.3!important;
  }
}
@media(max-width:420px){
  html body main[data-page="home"] #categories a.quick-section-link{
    flex-basis:153px!important;
    width:153px!important;
    min-width:153px!important;
    max-width:153px!important;
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    padding:9px 6px!important;
    gap:2px!important;
  }
  html body main[data-page="home"] #categories a.quick-section-link .quick-section-icon{
    flex-basis:115px!important;
    width:115px!important;
    min-width:115px!important;
    max-width:115px!important;
    height:115px!important;
    min-height:115px!important;
    max-height:115px!important;
  }
  html body main[data-page="home"] #categories a.quick-section-link .quick-section-copy strong{font-size:13.5px!important}
}