/* Collection grades: scoped additions, preserving the existing theme. */
.bs-grade--classic{--grade-bg:#92e86c;--grade-ink:#173c1d}
.bs-grade--special{--grade-bg:#b58aef;--grade-ink:#302143}
.bs-grade--signature{--grade-bg:#ffca3a;--grade-ink:#49320b}
.bs-card__media,.range-tile__media,.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{position:relative}
.bs-grade-badge{position:absolute;z-index:2;top:10px;right:10px;left:auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;gap:0;border-radius:8px;background:var(--grade-bg);color:var(--grade-ink);pointer-events:none;box-sizing:border-box}
.bs-grade-badge svg{width:14px;height:18px;flex:none}
.bs-grade-badge svg:only-child{width:23px;height:23px}
.bs-grade-section{background:var(--color-cream-deep);text-align:center}
.bs-grade-frame{overflow:hidden;border:2px solid #302143;border-radius:28px;background:#fff8ed}
.bs-grade-header{padding:26px 20px;background:#7542b9;border-bottom:2px solid #302143}
.bs-grade-section h2{color:#fff8ed;margin:0;text-wrap:balance}
.bs-grade-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px;text-align:center}
.bs-grade-panel{position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;border-radius:16px;background:#fff;color:#302143;text-decoration:none}
.bs-grade-panel:hover{color:#302143;text-decoration:none}
.bs-grade-panel:focus-visible{outline:3px solid #302143;outline-offset:4px}
.bs-grade-panel__pill{position:absolute;z-index:1;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--grade-bg);color:var(--grade-ink);white-space:nowrap}
.bs-grade-panel__stars{display:flex;justify-content:center;gap:3px}
.bs-grade-panel__stars svg{width:18px;height:18px}
.bs-grade-panel h3{margin:0;color:inherit;font-size:1.15rem;line-height:1.3}
.bs-grade-panel__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.bs-grade-panel__link{display:block;width:100%;box-sizing:border-box;padding:17px 12px;background:var(--grade-bg);color:var(--grade-ink);font-weight:700}
.bs-grade-panel:hover .bs-grade-panel__link{filter:brightness(1.04)}
.bs-grade-filter-note{width:100%;margin-bottom:24px}
@media(max-width:699px){
.bs-grade-frame{border-radius:22px}
.bs-grade-header{padding:22px 16px}
.bs-grade-panels{grid-template-columns:1fr;gap:20px;padding:16px}
.bs-grade-panel{width:100%;box-sizing:border-box}
.bs-grade-badge{width:42px;height:42px;top:8px;right:8px;left:auto}
.bs-grade-badge svg{width:12px}
}
/* Wider grade showcase and restrained, interaction-only motion. */
.bs-grade-section>.container{width:calc(100% - 48px);max-width:1440px;padding-left:0;padding-right:0}
.bs-grade-panel,.bs-grade-panel__image,.bs-grade-badge{transition:transform 220ms cubic-bezier(.2,.8,.2,1)}
.bs-grade-panel__link{position:relative;z-index:1}
.bs-grade-panel:focus-visible{transform:translateY(-4px)}
.bs-card:focus-within .bs-grade-badge,.range-tile:focus-within .bs-grade-badge,.woocommerce ul.products li.product:focus-within .bs-grade-badge{transform:translateY(-2px) rotate(-5deg)}
@media(hover:hover){
.bs-grade-panel:hover{transform:translateY(-4px)}
.bs-grade-panel:hover .bs-grade-panel__image{transform:scale(1.025)}
.bs-card:hover .bs-grade-badge,.range-tile:hover .bs-grade-badge,.woocommerce ul.products li.product:hover .bs-grade-badge{transform:translateY(-2px) rotate(-5deg)}
}
@media(max-width:699px){.bs-grade-section>.container{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){
.bs-grade-panel,.bs-grade-panel__image,.bs-grade-badge{transition:none!important;animation:none!important}
.bs-grade-panel:hover,.bs-grade-panel:focus-visible,.bs-grade-panel:hover .bs-grade-panel__image,.bs-card:hover .bs-grade-badge,.range-tile:hover .bs-grade-badge,.woocommerce ul.products li.product:hover .bs-grade-badge,.bs-card:focus-within .bs-grade-badge,.range-tile:focus-within .bs-grade-badge,.woocommerce ul.products li.product:focus-within .bs-grade-badge{transform:none!important}
}
/* Only the grade showcase / collections junction. */
#collection-grades{padding-bottom:24px}
#collection-grades+#collections{padding-top:24px}
@media(max-width:699px){#collection-grades{padding-bottom:16px}#collection-grades+#collections{padding-top:16px}}