/* OGA V5.3.46: homepage tab emphasis only. No global WooCommerce/product styles. */
html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(5px,.8vw,14px)!important;
  width:100%!important;
  overflow:visible!important;
  border-bottom:2px solid #dbcac2!important;
  margin-bottom:24px!important;
  padding:0!important;
}
html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button.oga-artwork-tab {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:66px!important;
  margin:0 0 -2px!important;
  padding:13px clamp(5px,1.5vw,22px)!important;
  font-size:clamp(15px,1.28vw,20px)!important;
  font-weight:650!important;
  line-height:1.25!important;
  letter-spacing:.045em!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  background:transparent!important;
  color:#51423d!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:5px 5px 0 0!important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease!important;
}
html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button.oga-artwork-tab:is(:hover,.is-active,[aria-selected="true"]) {
  color:#8d433a!important;
  border-bottom-color:#9b4f45!important;
  background:#f8ede6!important;
}
/* Promotions is visibly distinct even while Recommended or Recent is active. */
html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button#oga-tab-promotions {
  background:#973f36!important;
  color:#fff!important;
  /* The legacy editorial layer sets -webkit-text-fill-color separately;
     color alone cannot override that property in Chrome/Safari. */
  -webkit-text-fill-color:#fff!important;
  font-weight:750!important;
  letter-spacing:.075em!important;
  border-bottom:4px solid #6e241f!important;
  box-shadow:0 2px 8px rgba(76,37,30,.14)!important;
}
html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button#oga-tab-promotions:hover,
html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button#oga-tab-promotions.is-active,
html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button#oga-tab-promotions[aria-selected="true"] {
  background:#782c26!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-bottom-color:#4e1714!important;
}
html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button#oga-tab-promotions * {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button.oga-artwork-tab:focus-visible {
  outline:3px solid #c58351!important;
  outline-offset:3px!important;
}
@media(max-width:620px){
  html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    margin-bottom:16px!important;
  }
  html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button.oga-artwork-tab {
    min-height:68px!important;
    padding:10px 3px!important;
    font-size:clamp(11px,3.1vw,14px)!important;
    line-height:1.27!important;
    letter-spacing:0!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
  html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button#oga-tab-promotions {
    font-size:clamp(12px,3.25vw,15px)!important;
    letter-spacing:.01em!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .oga-home-artwork-tabs.oga95-artwork-tabs .oga-artwork-tablist > button.oga-artwork-tab {transition:none!important;}
}
