.browse-strip{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 0 10px;scrollbar-width:thin;scrollbar-color:#cddbed transparent;}
.browse-tile{display:flex;flex:0 0 96px;min-width:0;flex-direction:column;gap:5px;align-items:center;text-align:center;text-decoration:none;color:#173159;scroll-snap-align:start;border-radius:16px;}
.browse-art{position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;width:100%;max-width:96px;aspect-ratio:1;border-radius:22px;background:#e8efff;border:1px solid #e1e9f7;transition:transform .18s,box-shadow .18s;}
.browse-art::before,.browse-art::after{content:"";position:absolute;z-index:-1;border-radius:50%;width:110%;height:90%;filter:blur(7px);opacity:.8;}
.browse-art::before{left:-55%;top:-25%;background:#b0e9e5;}
.browse-art::after{right:-45%;bottom:-40%;background:#c1b5fa;}
.browse-tone-1{background:#edf0ff;}.browse-tone-1::before{background:#c9c0ff;}.browse-tone-1::after{background:#a3d8f6;}
.browse-tone-2{background:#eaf8f5;}.browse-tone-2::before{background:#a8e9da;}.browse-tone-2::after{background:#b4cafc;}
.browse-tone-3{background:#edf4ff;}.browse-tone-3::before{background:#b0dbff;}.browse-tone-3::after{background:#d8bbef;}
.browse-logo{display:grid;place-items:center;width:72%;aspect-ratio:1;border:1px solid #fff;border-radius:50%;background:#fff;box-shadow:0 5px 18px #20498012;color:#175ce4;font-size:22px;font-weight:800;}
.browse-logo:not(.browse-category-image){overflow:hidden;clip-path:circle(50%);}
.browse-logo img{width:78%;height:78%;object-fit:contain;border-radius:0;}.browse-logo svg{width:45%;height:45%;fill:currentColor;}.browse-category-image img{width:84%;height:84%;}
.browse-logo:not(.browse-category-image) img{border-radius:50%;}
.browse-logo img.browse-manufacturer-logo{width:78%;height:78%;aspect-ratio:1;object-fit:cover;border-radius:50%;overflow:hidden;}
.browse-logo .browse-prayagh-logo{object-fit:cover;object-position:left;}
.browse-tile>strong{font:inherit;font-size:12px;line-height:1.4;font-weight:750;max-width:100%;overflow-wrap:anywhere;}
.browse-tile>small{font-size:10px;line-height:1.3;color:#72849d;}
.browse-tile:hover .browse-art{transform:translateY(-2px);box-shadow:0 7px 20px #2354a812;}.browse-tile.active .browse-art{border:2px solid #075bff;}.browse-tile:focus-visible{outline:3px solid #75a9ff;outline-offset:4px;}
.browse-category-tile{flex-basis:80px;}.browse-category-tile .browse-art{max-width:80px;border-radius:18px;background:#fff;}.browse-category-tile .browse-art::before,.browse-category-tile .browse-art::after{content:none;}.browse-category-tile .browse-logo{width:86%;border:0;border-radius:0;box-shadow:none;}.browse-category-tile:hover .browse-art{box-shadow:none;}
.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:18px 12px;padding:0 16px;}.browse-grid .browse-tile{width:100%;}
.home-section-container>.browse-strip{padding-left:16px;padding-right:16px;}.catalog-browse-section{margin:22px 0;}.catalog-browse-section h2{font-size:16px;margin:0 0 12px;}.catalog-browse-section .browse-strip{gap:16px;}.catalog-browse-section .browse-tile{flex-basis:104px;}.catalog-browse-section .browse-art{max-width:104px;}.catalog-browse-section .browse-category-tile{flex-basis:88px;}.catalog-browse-section .browse-category-tile .browse-art{max-width:88px;}
@media(max-width:520px){.browse-tile{flex-basis:88px;}.browse-art{max-width:88px;border-radius:20px;}.browse-category-tile{flex-basis:72px;}.browse-category-tile .browse-art{max-width:72px;}.catalog-browse-section .browse-tile{flex-basis:88px;}.catalog-browse-section .browse-art{max-width:88px;}.catalog-browse-section .browse-category-tile{flex-basis:72px;}.catalog-browse-section .browse-category-tile .browse-art{max-width:72px;}.catalog-browse-section{margin:20px 0;}}
@media(prefers-reduced-motion:reduce){.browse-art{transition:none;}}