/* Website V177 — text categories on desktop and mobile. */
.rm-category-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0;overflow:visible}
.rm-category-pills .rm-category-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 18px;border:1px solid var(--navy,#071e3d);border-radius:999px;background:var(--cream,#fff8eb);color:var(--navy,#071e3d);font:inherit;line-height:1.3;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;box-shadow:none;touch-action:manipulation}
.rm-category-pills .rm-category-pill.is-active{background:var(--navy,#071e3d);color:var(--cream,#fff8eb)}
.rm-category-pill:focus-visible{outline:3px solid #d38b00;outline-offset:3px}
.rm-category-level{padding-top:12px;border-top:1px solid #071e3d32;margin-top:16px}
.rm-category-level>span{font-size:13px}
.rm-pill-browser{max-width:1500px;margin:0 auto;padding:28px 22px}
.rm-pill-browser h1,.rm-pill-browser h2{margin:0 0 14px}
.rm-browser-results{margin-top:26px}
.rm-browser-results-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.rm-browser-desktop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rm-browser-mobile{display:none}
.rm-browser-more{display:inline-flex;min-height:44px;align-items:center;margin-top:16px}
.rm-browser-empty{padding:20px 0}
.rm-browser-search{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.rm-browser-search label{display:grid;gap:6px;flex:1;min-width:180px}.rm-browser-search input{width:100%;min-height:44px;padding:10px;border:1px solid #071e3d;border-radius:8px;font:inherit}.rm-browser-search button{min-height:44px;padding:10px 18px;background:#071e3d;color:#fff8eb;border:0;border-radius:8px;font:inherit}
@media(max-width:767px){.rm-pill-browser{padding:22px 16px}.rm-category-pills{gap:8px}.rm-category-pills .rm-category-pill{padding:10px 14px}.rm-browser-desktop{display:none}.rm-browser-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rm-browser-mobile>*{min-width:0}}

/* Reuse the established filter panel on desktop for pill browsing. */
@media(min-width:768px){
       .mobile-shop-controls{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
        margin:0 0 15px
       }
       .mobile-shop-controls button{
        min-width:0;
        min-height:43px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        border:1px solid #071e3d22;
        border-radius:13px;
        background:var(--white);
        color:var(--navy);
        font-family:var(--font-brand);
        font-size:12px;
        font-weight:900;
        text-transform:uppercase
       }
       .mobile-shop-controls button b{
        min-width:20px;
        height:20px;
        display:grid;
        place-items:center;
        border-radius:50%;
        background:var(--pink);
        font-size:10px
       }
       .mobile-shop-controls button small{
        color:#7d6670;
        font-size:9px
       }
       .mobile-shop-sheet-backdrop{
        position:fixed;
        inset:0;
        z-index:168;
        background:#071e3d70;
        opacity:0;
        pointer-events:none;
        transition:opacity .22s ease
       }
       .mobile-shop-sheet-backdrop.open{
        opacity:1;
        pointer-events:auto
       }
       .mobile-shop-sheet{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:169;
        max-height:82svh;
        overflow-y:auto;
        padding:9px 17px calc(22px + env(safe-area-inset-bottom));
        border-radius:24px 24px 0 0;
        background:var(--cream);
        color:var(--navy);
        transform:translateY(105%);
        transition:transform .28s cubic-bezier(.22,.8,.22,1)
       }
       .mobile-shop-sheet.open{transform:translateY(0)}
       .mobile-shop-sheet-handle{
        width:42px;
        height:5px;
        margin:0 auto 13px;
        border-radius:999px;
        background:#071e3d25
       }
       .mobile-shop-sheet-head{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:15px;
        padding-bottom:13px;
        border-bottom:1px solid #071e3d16
       }
       .mobile-shop-sheet-head h2{
        margin:3px 0 0;
        font-size:30px;
        text-transform:uppercase
       }
       .mobile-shop-sheet-head>button{
        width:38px;
        height:38px;
        display:grid;
        place-items:center;
        border:0;
        border-radius:50%;
        background:#071e3d0e;
        color:var(--navy);
        font-size:26px
       }
       .mobile-shop-sheet-section{
        padding:18px 0 3px;
        scroll-margin-top:12px
       }
       .mobile-shop-sheet-section h3{
        margin:0 0 9px;
        font-size:17px;
        text-transform:uppercase
       }
       .mobile-shop-sheet-section h3:not(:first-child){
        margin-top:20px
       }
       .mobile-shop-sheet-options{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px
       }
       .mobile-shop-sheet-options a{
        min-height:42px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:8px;
        border:1px solid #071e3d1e;
        border-radius:12px;
        background:var(--white);
        color:var(--navy);
        font-family:var(--font-brand);
        font-size:11px;
        font-weight:900;
        text-align:center
       }
       .mobile-shop-sheet-options a.active{
        border-color:var(--navy);
        background:var(--pink)
       }

.shop-filter-overlay-root.rm-pill-filter-overlay{display:block!important;position:relative;z-index:170}
.rm-pill-filter-overlay .mobile-shop-sheet{left:50%;right:auto;width:min(680px,90vw);transform:translate(-50%,105%)}
.rm-pill-filter-overlay .mobile-shop-sheet.open{transform:translate(-50%,0)}
}
.rm-browser-search input{font-size:16px}
.rm-live-pc-section>.rm-pill-browser{padding:0;max-width:none}