/* Browse components carousel (product page) */
.bc{background:#F1F4F4;padding:72px 0 80px;overflow:hidden}
.bc-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(20px,5.5vw,120px);margin-bottom:36px}
.bc-head h2{margin:0;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:var(--navy,#0B1D35)}
.bc-nav{display:flex;gap:10px}
.bc-arrow{width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy,#0B1D35);transition:background .2s,color .2s,transform .2s}
.bc-arrow:hover{background:var(--navy,#0B1D35);color:#fff}
.bc-arrow:focus-visible{outline:3px solid var(--blue,#12aaba);outline-offset:2px}
.bc-arrow[disabled]{opacity:.35;cursor:default;pointer-events:none}
.bc-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,5.5vw,120px);padding:28px clamp(20px,5.5vw,120px);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bc-track::-webkit-scrollbar{display:none}
.bc-tile{flex:none;scroll-snap-align:start;width:264px;height:264px;box-sizing:border-box;padding:24px 22px 22px;border-radius:18px;background:#E6EBEA;color:var(--navy,#0B1D35);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .25s,color .25s,box-shadow .35s}
.bc-ico{flex:1;display:flex;align-items:center;justify-content:center}
.bc-ico svg{width:128px;height:110px;fill:currentColor}
.bc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.bc-label{font-weight:700;font-size:1.15rem;line-height:1.2}
.bc-go{flex:none;width:30px;height:30px;transition:transform .3s}
.bc-tile:hover,.bc-tile:focus-visible{background:var(--navy,#0B1D35);color:#fff;transform:rotate(-2.5deg) translateY(-8px) scale(1.03);box-shadow:0 18px 36px rgba(11,29,53,.28)}
.bc-tile:hover .bc-go,.bc-tile:focus-visible .bc-go{transform:rotate(45deg)}
.bc-tile:focus-visible{outline:3px solid var(--blue,#12aaba);outline-offset:3px}
@media(max-width:560px){.bc-tile{width:220px;height:230px}.bc-ico svg{width:104px}}
@media(prefers-reduced-motion:reduce){.bc-tile,.bc-go{transition:none}.bc-tile:hover{transform:none}}