/* Studio compositions with restrained FEFO palette, not SKU thumbnails. */
.category-browser .category-item{flex-basis:130px;padding:5px 5px 0}.category-browser .category-circle,.category-browser .category-circle:has(img){position:relative;isolation:isolate;width:108px;height:108px;overflow:visible;border:0;background:transparent!important;box-shadow:none;margin:0 auto 13px}.category-browser .category-circle::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:50%;background:transparent;transition:box-shadow .18s,background .18s}.category-browser .category-circle img.category-composition{width:116px;height:116px;max-width:none;object-fit:contain;object-position:center;background:transparent!important;mix-blend-mode:normal;filter:drop-shadow(0 4px 3px #133b3214);transform:translateY(-3px)}.category-feature-symbol{width:83px;height:83px;filter:drop-shadow(0 5px 3px #183e3025)}.category-browser .category-item.selected .category-circle::before{box-shadow:none}.category-browser .category-item:hover .category-circle{transform:translateY(-4px)}.category-browser .category-label{font-size:13px;line-height:1.35;font-weight:600;color:#214e46;min-height:36px}.category-browser .category-track{gap:16px;padding-top:15px;padding-bottom:8px}.category-browser .category-circle>span{display:grid;place-items:center}@media(max-width:600px){.category-browser .category-item{flex-basis:100px}.category-browser .category-circle{width:84px!important;height:84px!important}.category-browser .category-circle img.category-composition{width:94px;height:94px}.category-feature-symbol{width:68px;height:68px}.category-browser .category-label{font-size:11px}.category-browser .category-track{gap:10px}}

/* hide-category-count */ .category-browser .category-selection{display:none}

/* Shared center and exact hero background; no offset selection rings. */
.category-browser .category-circle,.category-browser .category-circle:has(img),.category-browser .category-circle::before{background:transparent!important}.category-browser .category-circle img.category-composition{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);margin:0;padding:0}.category-browser .category-circle>span{position:absolute;inset:0;display:grid;place-items:center;line-height:0;margin:0;padding:0}.category-browser .category-feature-symbol{display:block;width:88px;height:88px;max-width:100%;max-height:100%;overflow:visible;transform:none}.category-browser .category-item.selected .category-label{color:var(--teal);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}@media(max-width:600px){.category-browser .category-feature-symbol{width:70px;height:70px}.category-browser .category-circle img.category-composition{width:100%;height:100%}}


/* Background restricted to the circular category backplates only. */
.category-browser .category-circle::before{background:linear-gradient(120deg,#edf2ec,#f7f1e6)!important}

/* Keep the Offers logo comfortably inside its circular backplate. */
.category-browser .category-logo-symbol{width:63px;height:63px}
@media(max-width:600px){.category-browser .category-logo-symbol{width:50px;height:50px}}

/* Rounded carousel chevrons in the FEFO palette. */
.category-browser .category-arrows button{display:grid;place-items:center;padding:0;border:0;background:linear-gradient(120deg,#edf2ec,#f7f1e6);color:#02504b}
.category-browser .category-arrows button svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.category-browser .category-arrows button:focus-visible{outline:2px solid #02504b;outline-offset:3px}

.category-browser .category-circle img.category-product-photo{width:76%;height:76%;mix-blend-mode:multiply}