/* AL MIZAN RIZQ — PRODUCT CATEGORIES BLUEPRINT V1
   Strictly scoped to body.route-categories and #categories-section.
   Live category images, names, product counts and CTA datasets are untouched.
   No change to AMR NEXUS, storefront.js, blueprint-pages.js or global header/footer.
   Visual reference: Luxury Emerald-Gold Product Categories Mockup(1).png
*/
:root{
 --amr-cat-gold:#f7ce70;
 --amr-cat-champagne:#ffebaf;
 --amr-cat-emerald:#03376a;
 --amr-cat-ink:#021131;
 --amr-cat-cyan:#12bffc;
}
body.route-categories main#main{
 width:100%!important;
 max-width:1640px!important;
 min-width:0!important;
 margin:0 auto!important;
 padding:8px 33px 0!important;
}
body.route-categories main#main>.breadcrumb{display:none!important;}
body.route-categories #categories-section{
 display:block!important;
 width:100%!important;
 max-width:1546px!important;
 margin:8px auto 20px!important;
 padding:0!important;
 position:relative!important;
 overflow:visible!important;
}
/* Hero artwork with original Sarawak waterfront and category mascot assets. */
body.route-categories .amr-categories-hero{
 position:relative!important;isolation:isolate;
 display:flex!important;align-items:center!important;
 min-height:321px!important;
 padding:37px clamp(20px,3.7vw,65px) 40px!important;
 border:2px solid rgba(251,214,125,.86)!important;
 border-radius:20px!important;
 background:
  linear-gradient(90deg,rgba(0,15,22,.91) 0%,rgba(2,12,36,.82) 20%,rgba(2,16,43,.46) 53%,rgba(2,14,37,.15) 74%,rgba(2,11,33,.47) 100%),
  url('/assets/sarawak-scene.webp') center 60%/cover no-repeat!important;
 box-shadow:inset 0 0 0 2px rgba(9,184,243,.38),0 0 0 2px rgba(255,202,89,.21),
            inset 0 0 40px rgba(3,117,229,.14),0 10px 28px rgba(0,0,0,.41),
            0 0 28px rgba(247,197,82,.23)!important;
}
body.route-categories .amr-categories-hero::before{
 content:''!important;display:block!important;position:absolute!important;
 inset:-13px!important;
 background:url('/assets/categories-frame-v1.svg') center/100% 100% no-repeat!important;
 filter:drop-shadow(0 0 6px rgba(255,195,65,.54))!important;
 z-index:5!important;pointer-events:none!important;
}
body.route-categories .amr-categories-hero::after{
 content:''!important;position:absolute;inset:5px;z-index:0;pointer-events:none;
 border-radius:14px;
 background:radial-gradient(circle at 12% 49%,rgba(239,180,61,.11),transparent 21%),
            linear-gradient(110deg,rgba(3,44,83,.10),transparent 48%);
}
body.route-categories .amr-categories-hero-copy{
 position:relative;z-index:3;
 padding-left:clamp(100px,15.5vw,258px)!important;
 padding-right:170px!important;
 max-width:1140px!important;
 color:#fff1d0!important;
}
body.route-categories .amr-cat-kicker{
 display:inline-block!important;
 position:relative;
 margin:0 0 12px!important;
 padding:0 26px 6px 0!important;
 font-size:clamp(11px,.88vw,15px)!important;
 font-weight:780!important;
 line-height:1.2!important;
 letter-spacing:.055em!important;
 color:#fff0b5!important;
 text-shadow:0 0 12px rgba(237,191,89,.31);
 border-bottom:1px solid rgba(237,186,80,.67)!important;
}
body.route-categories .amr-cat-kicker::after{
 content:'✧';position:absolute;right:0;bottom:-10px;
 color:#ffe3a1;font-size:20px;
}
body.route-categories #amr-categories-heading{
 color:#ffdda0!important;
 font-family:Georgia,'Times New Roman',serif!important;
 font-size:clamp(39px,3.55vw,67px)!important;
 line-height:1.04!important;
 letter-spacing:-.03em!important;
 font-weight:750!important;
 white-space:nowrap!important;
 margin:0 0 12px!important;
 text-shadow:0 3px 3px #1c1005,0 0 20px rgba(246,177,53,.37)!important;
}
body.route-categories .amr-cat-intro{
 font-size:clamp(13px,1vw,16px)!important;
 line-height:1.56!important;
 max-width:620px!important;
 color:#fff8e6!important;
 font-weight:590!important;
 text-shadow:0 1px 6px #020d1e!important;
 margin:0 0 18px!important;
}
body.route-categories .amr-cat-hero-button{
 position:relative;z-index:2;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
 min-height:51px!important;padding:12px 21px!important;
 border:1px solid #fff0bb!important;
 border-radius:9px!important;
 background:linear-gradient(160deg,#fff1a0,#f6c754 53%,#d79b28)!important;
 color:#19190f!important;
 box-shadow:inset 0 2px 1px rgba(255,255,220,.72),0 0 12px rgba(252,201,77,.36)!important;
 font-size:14px!important;font-weight:800!important;
 cursor:pointer!important;
 transition:transform .25s ease,box-shadow .25s ease,filter .25s ease!important;
}
body.route-categories .amr-cat-hero-button span{font-size:21px!important;line-height:0!important;}
body.route-categories .amr-categories-mascot{
 position:absolute!important;z-index:4;
 right:clamp(0px,2vw,30px)!important;bottom:-19px!important;
 width:clamp(160px,19vw,290px)!important;
 height:clamp(240px,20vw,334px)!important;
 object-fit:contain!important;object-position:bottom right!important;
 filter:drop-shadow(0 0 11px rgba(251,189,77,.33))!important;
 pointer-events:none!important;
}
/* Rotating, layered orbit is decorative only; disabled for reduced motion. */
body.route-categories .amr-cat-orbit{
 position:absolute;z-index:2;top:8%;left:2.9%;
 width:clamp(165px,18.5vw,274px);height:80%;
 display:grid;place-items:center;pointer-events:none;
 filter:drop-shadow(0 0 10px rgba(255,199,76,.52));
}
body.route-categories .amr-cat-orbit::before,
body.route-categories .amr-cat-orbit::after,
body.route-categories .amr-cat-orbit i{
 content:'';position:absolute;
 display:block;
 inset:11% 11%;border-radius:50%;
 border:1.7px solid rgba(255,209,99,.77);
 box-shadow:0 0 11px rgba(255,193,65,.44),inset 0 0 13px rgba(255,193,65,.13);
 transform-style:preserve-3d;will-change:transform;
}
body.route-categories .amr-cat-orbit::before{transform:rotate(42deg) scaleX(.49);animation:amrCatOrbitA 14s linear infinite;}
body.route-categories .amr-cat-orbit::after{transform:rotate(-25deg) scaleX(.63);animation:amrCatOrbitB 21s linear infinite;}
body.route-categories .amr-cat-orbit i:nth-child(1){transform:rotate(82deg) scaleX(.48);animation:amrCatOrbitA 22s linear reverse infinite;}
body.route-categories .amr-cat-orbit i:nth-child(2){transform:rotate(-72deg) scaleX(.67);animation:amrCatOrbitB 13s linear infinite;}
body.route-categories .amr-cat-orbit i:nth-child(3){inset:24%;border-color:#fff4ce;opacity:.77;animation:amrCatPulse 4.4s ease-in-out infinite;}
body.route-categories .amr-cat-orbit b{
 position:absolute;width:9px;height:9px;background:#ffec9b;border-radius:50%;
 box-shadow:0 0 0 4px rgba(249,194,77,.15),0 0 17px 5px rgba(246,196,68,.68);
}
@keyframes amrCatOrbitA{0%{rotate:0deg}100%{rotate:360deg}}
@keyframes amrCatOrbitB{0%{rotate:360deg}100%{rotate:0deg}}
@keyframes amrCatPulse{0%,100%{opacity:.52;filter:brightness(.85)}50%{opacity:1;filter:brightness(1.4)}}
/* Breadcrumb beneath hero, not the legacy breadcrumb ahead of it. */
body.route-categories .amr-categories-breadcrumb{
 display:flex!important;align-items:center!important;gap:17px!important;
 position:relative;isolation:isolate;
 margin:18px 0 13px!important;
 min-height:47px!important;
 padding:9px 26px!important;
 border:1px solid #e9bd65!important;
 border-radius:27px 8px 27px 8px!important;
 background:linear-gradient(90deg,rgba(3,47,88,.98),rgba(3,27,57,.96),rgba(3,48,91,.98))!important;
 box-shadow:inset 0 0 0 1px rgba(11,184,243,.48),0 0 12px rgba(240,184,65,.29)!important;
 color:#f6e9c6!important;
 font-size:13px!important;
}
body.route-categories .amr-categories-breadcrumb::after{
 content:'✦';position:absolute;left:50%;top:-13px;
 transform:translateX(-50%);font-size:24px;color:#fff4b3;
 text-shadow:0 0 9px rgba(246,189,64,.9);
 pointer-events:none;
}
body.route-categories .amr-categories-breadcrumb a{color:#f9cf71!important;text-decoration:none!important;font-weight:700!important;}
body.route-categories .amr-categories-breadcrumb strong{color:#fff3db!important;font-weight:560!important;}
body.route-categories .amr-categories-breadcrumb span{color:#f6b94d!important;font-size:20px;}
/* Search/filter toolbar: original search, sort and grid/list controls preserved. */
body.route-categories #categories-section .amr-categories-toolbar{
 display:grid!important;
 grid-template-columns:minmax(200px,1fr) auto minmax(155px,202px) minmax(158px,232px) auto!important;
 align-items:center!important;
 gap:12px!important;
 min-height:79px!important;
 margin:0 0 14px!important;
 padding:14px 19px!important;
 border:1.5px solid #f6cd78!important;
 border-radius:22px 7px 22px 7px!important;
 background:linear-gradient(110deg,rgba(3,47,88,.95),rgba(2,16,48,.98) 30%,rgba(3,38,74,.94) 100%)!important;
 box-shadow:inset 0 0 0 2px rgba(14,195,255,.22),inset 0 0 21px rgba(9,181,230,.09),0 0 14px rgba(240,194,85,.29)!important;
 position:relative!important;
 overflow:visible!important;
}
body.route-categories #categories-section .amr-categories-toolbar::after{
 content:'◆';position:absolute;top:-17px;left:50%;transform:translateX(-50%);
 color:#9beaff;font-size:27px;
 -webkit-text-stroke:1px #f1c66b;
 text-shadow:0 0 8px #efcc6b;
 pointer-events:none;
}
body.route-categories #categories-section .amr-categories-toolbar .search-field{
 order:1;min-width:0!important;display:flex!important;
 width:100%!important;gap:8px!important;
 border:1px solid #e9c06d!important;
 border-radius:11px!important;
 min-height:47px!important;
 background:rgba(0,18,26,.92)!important;
 box-shadow:inset 0 0 9px rgba(14,192,253,.07)!important;
 padding:0 10px!important;
}
body.route-categories #categories-section .amr-categories-toolbar .search-field .icon{
 width:23px!important;height:23px!important;left:10px!important;color:#ffdf88!important;
}
body.route-categories #categories-search{
 flex:1!important;min-width:0!important;
 font-size:13px!important;min-height:43px!important;
 padding:9px 10px 9px 34px!important;
 border:0!important;outline:0!important;
 background:transparent!important;color:#fff6e0!important;
}
body.route-categories #categories-search::placeholder{color:#a0bed3!important;opacity:.95!important;}
body.route-categories #categories-section #categories-count{
 order:2;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:8px 10px!important;
 min-height:40px!important;
 border:1px solid rgba(248,198,94,.65)!important;
 border-radius:9px!important;
 font-size:11px!important;color:#f7dea7!important;
 white-space:nowrap!important;
 background:rgba(3,29,55,.74)!important;
}
body.route-categories #categories-section .amr-cat-quick-filter{
 order:3!important;
 position:relative!important;display:flex!important;align-items:center!important;
 min-width:0!important;min-height:45px!important;
 font-size:12px!important;
 color:#ffe1a2!important;
}
body.route-categories #categories-section .amr-cat-quick-filter select{
 width:100%!important;min-height:45px!important;
 padding:9px 27px 9px 13px!important;
 border:1px solid #e8be68!important;border-radius:10px!important;
 background:rgba(2,14,41,.95)!important;color:#ffe2a2!important;
 font-size:12px!important;font-weight:650!important;
}
body.route-categories #categories-section .amr-cat-filter-icon{
 position:absolute;right:24px;top:50%;transform:translateY(-50%);
 pointer-events:none;font-size:14px;color:#f6c96b;
}
body.route-categories #categories-section .browse-toolbar>label:not(.search-field):not(.amr-cat-quick-filter){
 order:4!important;
 display:flex!important;align-items:center!important;gap:6px!important;
 min-width:0!important;color:#eed8a2!important;
 font-size:11px!important;
 white-space:nowrap!important;
}
body.route-categories #categories-section #categories-sort{
 min-width:90px!important;
 flex:1!important;
 min-height:45px!important;
 border:1px solid #e8bd65!important;border-radius:10px!important;
 padding:8px 10px!important;
 font-size:12px!important;
 background:rgba(0,21,29,.96)!important;color:#f8df9d!important;
}
body.route-categories #categories-section .browse-toolbar .view-switch{
 order:5!important;
 display:flex!important;gap:5px!important;
 min-height:45px!important;
 justify-content:flex-end!important;
}
body.route-categories #categories-section .view-switch button{
 display:grid!important;place-items:center!important;
 width:45px!important;height:45px!important;
 border:1px solid #f3cf7e!important;border-radius:10px!important;
 background:rgba(2,18,49,.97)!important;color:#e9ca73!important;
 box-shadow:inset 0 0 7px rgba(14,195,255,.09);
 cursor:pointer!important;
}
body.route-categories #categories-section .view-switch button[aria-pressed="true"]{
 background:linear-gradient(155deg,#ffe9a2,#e8ae3a)!important;
 color:#031d34!important;
 border-color:#ffeaae!important;
 box-shadow:0 0 8px rgba(251,202,87,.36),inset 0 1px #fff5c4!important;
}
body.route-categories #categories-section .view-switch button .icon{width:20px!important;height:20px!important;color:inherit!important;}
/* Category cards: framed image, inset emerald footer, gold medallion and CTA. */
body.route-categories #categories-grid{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 align-items:stretch!important;
 gap:17px!important;
 padding:4px 3px 11px!important;
 width:100%!important;
 min-width:0!important;
}
body.route-categories #categories-grid:not(.directory-list):has(>.directory-card:only-child){
 grid-template-columns:minmax(0,330px)!important;
 justify-content:center!important;
}
body.route-categories #categories-grid:not(.directory-list):has(>.directory-card:nth-child(2):last-child){
 grid-template-columns:repeat(2,minmax(0,330px))!important;
 justify-content:center!important;
}
body.route-categories #categories-grid:not(.directory-list):has(>.directory-card:nth-child(3):last-child){
 grid-template-columns:repeat(3,minmax(0,330px))!important;
 justify-content:center!important;
}
body.route-categories #categories-grid .directory-card{
 position:relative!important;isolation:isolate!important;
 min-height:310px!important;min-width:0!important;
 display:flex!important;flex-direction:column!important;
 align-items:stretch!important;text-align:center!important;
 padding:6px!important;
 border:2px solid #e9b955!important;
 border-radius:18px!important;
 overflow:hidden!important;
 background:linear-gradient(170deg,#033b73,#021134 88%)!important;
 box-shadow:inset 0 0 0 2px rgba(255,218,141,.46),0 0 0 1px rgba(255,206,96,.18),
  0 9px 22px rgba(0,0,0,.38),0 0 14px rgba(239,183,75,.26)!important;
 transition:transform .33s ease,box-shadow .33s ease,border-color .33s ease!important;
}
body.route-categories #categories-grid .directory-card::before{
 content:''!important;
 position:absolute!important;inset:3px!important;z-index:4!important;
 border:1px solid rgba(246,201,101,.57)!important;
 border-radius:14px!important;
 box-shadow:inset 0 0 8px rgba(255,192,56,.1)!important;
 pointer-events:none!important;
}
body.route-categories #categories-grid .directory-card::after{
 content:'✦'!important;
 position:absolute!important;top:-5px!important;right:8px!important;
 font-size:16px!important;color:#ffdc7b!important;
 text-shadow:0 0 9px rgba(250,185,66,.62);
 pointer-events:none;
}
body.route-categories #categories-grid .directory-card>img{
 display:block!important;flex:0 0 auto!important;
 width:100%!important;height:174px!important;
 object-fit:cover!important;
 border-radius:12px 12px 4px 4px!important;
 margin:0!important;
 border:1px solid rgba(248,209,126,.63)!important;
 filter:saturate(1.07) contrast(1.06);
 transition:transform .55s ease,filter .55s ease!important;
}
body.route-categories #categories-grid .directory-card>div{
 position:relative!important;flex:1!important;
 width:100%!important;
 min-height:88px!important;
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 padding:27px 7px 8px!important;
 margin:0!important;
 border-radius:0 0 12px 12px!important;
 background:
 radial-gradient(ellipse at 50% 0%,rgba(3,79,155,.22),transparent 80%),
 linear-gradient(180deg,rgba(3,40,74,.97),rgba(0,26,36,1))!important;
}
body.route-categories #categories-grid .directory-card>div::before{
 content:'▦';position:absolute;z-index:6;
 top:-30px;left:50%;transform:translateX(-50%);
 width:58px;height:58px;
 display:grid;place-items:center;
 color:#ffdb84!important;
 font-size:30px;line-height:1;
 border-radius:50%!important;
 border:2px solid #f5d284!important;
 background:radial-gradient(circle at 40% 25%,#034c95,#03234e 68%,#001622)!important;
 box-shadow:inset 0 0 0 2px rgba(12,115,229,.48),0 0 0 3px rgba(201,157,60,.35),0 0 13px rgba(245,195,75,.57);
}
body.route-categories #categories-grid .directory-card:nth-child(4n+2)>div::before{content:'❧';font-size:35px;}
body.route-categories #categories-grid .directory-card:nth-child(4n+3)>div::before{content:'▣';font-size:29px;}
body.route-categories #categories-grid .directory-card:nth-child(4n+4)>div::before{content:'✥';font-size:31px;}
body.route-categories #categories-grid .directory-card h3{
 font-family:Georgia,'Times New Roman',serif!important;
 color:#ffe09a!important;
 font-size:clamp(17px,1.25vw,21px)!important;
 line-height:1.3!important;
 font-weight:760!important;
 margin:5px 0 4px!important;
}
body.route-categories #categories-grid .directory-card p{
 color:#f0e8d8!important;
 font-size:12px!important;
 line-height:1.4!important;
 margin:0!important;
}
body.route-categories #categories-grid .directory-card>button{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 auto!important;
 width:calc(100% - 40px)!important;
 min-width:0!important;
 margin:5px auto 12px!important;
 min-height:39px!important;
 padding:8px 11px!important;
 border-radius:7px!important;
 border:1px solid #f6cc73!important;
 background:linear-gradient(180deg,rgba(3,28,55,.99),rgba(0,20,28,.99))!important;
 color:#ffe39d!important;
 font-size:12px!important;
 font-weight:700!important;
 box-shadow:inset 0 0 7px rgba(255,205,96,.12);
 cursor:pointer!important;
 transition:background .25s ease,box-shadow .25s ease!important;
}
body.route-categories #categories-grid .directory-card:focus-within,
body.route-categories #categories-grid .directory-card:hover{
 transform:translateY(-5px)!important;
 border-color:#fff0b0!important;
 box-shadow:inset 0 0 0 2px rgba(255,223,142,.73),0 14px 27px rgba(0,0,0,.48),0 0 22px rgba(245,192,70,.52)!important;
}
body.route-categories #categories-grid .directory-card:hover>img{filter:saturate(1.19) brightness(1.09);transform:scale(1.018);}
body.route-categories #categories-grid .directory-card>button:hover{background:linear-gradient(140deg,rgba(3,63,122,.93),rgba(2,18,43,.98))!important;box-shadow:0 0 12px rgba(245,184,70,.42)!important;}
/* Preserve the working native list view. */
body.route-categories #categories-grid.directory-list{
 display:flex!important;flex-direction:column!important;gap:11px!important;
 max-width:100%!important;
}
body.route-categories #categories-grid.directory-list .directory-card{
 display:grid!important;
 grid-template-columns:minmax(120px,210px) minmax(0,1fr) auto!important;
 align-items:center!important;
 min-height:154px!important;
 padding:7px 18px 7px 7px!important;
 gap:20px!important;
}
body.route-categories #categories-grid.directory-list .directory-card>img{
 width:100%!important;height:140px!important;
 border-radius:9px!important;
}
body.route-categories #categories-grid.directory-list .directory-card>div{
 padding:15px 20px!important;
 min-height:112px!important;
 align-items:flex-start!important;text-align:left!important;
}
body.route-categories #categories-grid.directory-list .directory-card>div::before{
 position:static!important;transform:none!important;
 width:37px!important;height:37px!important;font-size:20px!important;
 margin:0 0 7px!important;
}
body.route-categories #categories-grid.directory-list .directory-card>button{
 margin:0!important;min-width:150px!important;
 width:auto!important;max-width:195px!important;
}
/* Bottom factual reassurance rail — no invented 100+ counts or certifications. */
body.route-categories .amr-categories-assurance{
 position:relative!important;isolation:isolate!important;
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 align-items:stretch!important;
 margin:12px 0 15px!important;
 padding:18px 23px!important;
 border:1.5px solid #f5cd79!important;
 border-radius:27px 8px 27px 8px!important;
 background:linear-gradient(110deg,rgba(3,43,81,.98),rgba(2,17,49,.99) 42%,rgba(3,47,88,.98))!important;
 box-shadow:inset 0 0 0 2px rgba(13,184,242,.39),0 0 17px rgba(237,183,78,.28)!important;
}
body.route-categories .amr-categories-assurance::before{
 content:'◆'!important;position:absolute;top:-21px;left:50%;transform:translateX(-50%);
 font-size:32px;color:#11c9ff;-webkit-text-stroke:1.5px #ffd67c;
 text-shadow:0 0 12px rgba(255,199,70,.86);
 pointer-events:none;
}
body.route-categories .amr-categories-assurance>div{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;gap:12px!important;
 padding:2px 19px!important;
 border-right:1px solid rgba(235,190,104,.64);
}
body.route-categories .amr-categories-assurance>div:last-child{border-right:0!important;}
body.route-categories .amr-cat-feature-icon{
 display:block!important;flex:0 0 40px!important;
 width:40px!important;height:40px!important;
 color:#ffd373!important;
 filter:drop-shadow(0 0 8px rgba(248,198,91,.23));
}
body.route-categories .amr-categories-assurance p{
 display:flex!important;flex-direction:column!important;
 gap:4px!important;margin:0!important;
 font-size:10px!important;line-height:1.35!important;color:#e5dfcb!important;
}
body.route-categories .amr-categories-assurance strong{
 color:#ffe1a0!important;font-size:14px!important;line-height:1.25!important;
}
/* Keyboard focus and reduced-motion compliance. */
body.route-categories #categories-section button:focus-visible,
body.route-categories #categories-section a:focus-visible,
body.route-categories #categories-section input:focus-visible,
body.route-categories #categories-section select:focus-visible{
 outline:2px solid #fff1b4!important;outline-offset:3px!important;
}
@media(hover:hover) and (pointer:fine){
 body.route-categories .amr-cat-hero-button:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 0 21px rgba(251,218,117,.58)!important;
  filter:brightness(1.08)!important;
 }
}
@media(min-width:901px) and (max-width:1340px){
 body.route-categories main#main{padding:8px 24px 0!important;}
 body.route-categories .amr-categories-hero{min-height:300px!important;}
 body.route-categories .amr-categories-hero-copy{padding-left:clamp(120px,16vw,210px)!important;padding-right:140px!important;}
 body.route-categories #amr-categories-heading{font-size:clamp(36px,3.5vw,50px)!important;}
 body.route-categories .amr-categories-mascot{width:clamp(143px,19vw,234px)!important;height:270px!important;}
 body.route-categories .amr-cat-orbit{width:clamp(140px,18vw,205px);}
 body.route-categories #categories-section .amr-categories-toolbar{
  gap:9px!important;
  padding:12px!important;
  grid-template-columns:minmax(125px,1fr) auto minmax(115px,145px) minmax(153px,195px) auto!important;
 }
 body.route-categories #categories-grid{gap:12px!important;}
 body.route-categories .amr-categories-assurance>div{gap:7px!important;padding:4px 10px!important;}
 body.route-categories .amr-cat-feature-icon{width:31px!important;height:31px!important;flex-basis:31px!important;}
 body.route-categories .amr-categories-assurance strong{font-size:12px!important;}
 body.route-categories .amr-categories-assurance p{font-size:9px!important;}
}
@media(max-width:900px){
 body.route-categories main#main{padding:7px 17px 0!important;}
 body.route-categories #categories-section{margin:6px auto 14px!important;}
 body.route-categories .amr-categories-hero{min-height:260px!important;padding:25px 20px!important;}
 body.route-categories .amr-categories-hero-copy{padding-left:95px!important;padding-right:100px!important;}
 body.route-categories #amr-categories-heading{font-size:clamp(30px,4.7vw,42px)!important;white-space:normal!important;}
 body.route-categories .amr-cat-intro{font-size:12px!important;}
 body.route-categories .amr-cat-orbit{left:2%;top:16%;width:120px;height:60%;}
 body.route-categories .amr-categories-mascot{width:155px!important;height:260px!important;right:-8px!important;bottom:-12px!important;}
 body.route-categories .amr-cat-hero-button{min-height:43px!important;font-size:12px!important;padding:9px 12px!important;}
 body.route-categories .amr-categories-breadcrumb{padding:9px 18px!important;font-size:12px!important;min-height:43px!important;margin:15px 0!important;}
 body.route-categories #categories-section .amr-categories-toolbar{
  grid-template-columns:minmax(0,1fr) minmax(105px,.55fr) auto!important;
  gap:9px!important;padding:12px!important;
 }
 body.route-categories #categories-section .amr-categories-toolbar .search-field{grid-column:1/3!important;}
 body.route-categories #categories-section #categories-count{grid-column:3!important;}
 body.route-categories #categories-section .amr-cat-quick-filter{grid-column:1!important;order:3!important;}
 body.route-categories #categories-section .browse-toolbar>label:not(.search-field):not(.amr-cat-quick-filter){grid-column:2!important;order:4!important;}
 body.route-categories #categories-section .browse-toolbar .view-switch{grid-column:3!important;order:5!important;}
 body.route-categories #categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.route-categories #categories-grid .directory-card{min-height:295px!important;}
 body.route-categories .amr-categories-assurance{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;}
 body.route-categories .amr-categories-assurance>div{padding:9px!important;justify-content:flex-start!important;border:0!important;}
 body.route-categories .amr-categories-assurance>div:nth-child(odd){border-right:1px solid rgba(232,186,93,.44)!important;}
}
@media(max-width:520px){
 body.route-categories main#main{padding:3px 12px 0!important;overflow-x:clip!important;}
 body.route-categories #categories-section{margin:6px auto 10px!important;}
 body.route-categories .amr-categories-hero{
  min-height:310px!important;
  align-items:flex-start!important;
  padding:27px 13px 25px!important;
  border-radius:12px!important;
  background-position:center center!important;
 }
 body.route-categories .amr-categories-hero::before{inset:-7px!important;}
 body.route-categories .amr-categories-hero-copy{padding:0 88px 0 8px!important;max-width:100%!important;}
 body.route-categories .amr-cat-kicker{font-size:9px!important;margin-bottom:11px!important;}
 body.route-categories #amr-categories-heading{font-size:clamp(28px,7.2vw,39px)!important;line-height:1!important;white-space:normal!important;margin:0 0 13px!important;}
 body.route-categories .amr-cat-intro{font-size:11px!important;line-height:1.55!important;max-width:260px!important;}
 body.route-categories .amr-cat-orbit{width:93px;height:90px;top:auto;bottom:6px;left:10px;opacity:.72;}
 body.route-categories .amr-categories-mascot{height:185px!important;width:139px!important;right:1px!important;bottom:-7px!important;opacity:.98;}
 body.route-categories .amr-cat-hero-button{font-size:10px!important;min-height:40px!important;gap:6px!important;padding:9px 10px!important;}
 body.route-categories .amr-cat-hero-button span{font-size:16px!important;}
 body.route-categories .amr-categories-breadcrumb{font-size:11px!important;gap:8px!important;min-height:42px!important;border-radius:15px!important;padding:7px 11px!important;}
 body.route-categories #categories-section .amr-categories-toolbar{
  grid-template-columns:minmax(0,1fr) auto!important;
  padding:12px 10px!important;gap:9px!important;
  border-radius:14px!important;
 }
 body.route-categories #categories-section .amr-categories-toolbar .search-field{grid-column:1/3!important;min-height:42px!important;}
 body.route-categories #categories-search{min-height:42px!important;font-size:11px!important;}
 body.route-categories #categories-section #categories-count{grid-column:2!important;grid-row:2!important;justify-self:end!important;font-size:10px!important;min-height:37px!important;}
 body.route-categories #categories-section .amr-cat-quick-filter{grid-column:1!important;grid-row:2!important;}
 body.route-categories #categories-section .amr-cat-quick-filter select{min-height:40px!important;font-size:11px!important;}
 body.route-categories #categories-section .browse-toolbar>label:not(.search-field):not(.amr-cat-quick-filter){grid-column:1!important;grid-row:3!important;gap:5px!important;font-size:10px!important;}
 body.route-categories #categories-section #categories-sort{min-height:40px!important;font-size:11px!important;}
 body.route-categories #categories-section .browse-toolbar .view-switch{grid-column:2!important;grid-row:3!important;}
 body.route-categories #categories-section .view-switch button{width:40px!important;height:40px!important;}
 body.route-categories #categories-grid{grid-template-columns:minmax(0,1fr)!important;gap:13px!important;padding:5px 3px 10px!important;}
 body.route-categories #categories-grid:not(.directory-list):has(>.directory-card:only-child){grid-template-columns:minmax(0,1fr)!important;}
 body.route-categories #categories-grid:not(.directory-list):has(>.directory-card:nth-child(2):last-child){grid-template-columns:minmax(0,1fr)!important;}
 body.route-categories #categories-grid:not(.directory-list):has(>.directory-card:nth-child(3):last-child){grid-template-columns:minmax(0,1fr)!important;}
 body.route-categories #categories-grid .directory-card{min-height:302px!important;}
 body.route-categories #categories-grid .directory-card>img{height:179px!important;}
 body.route-categories #categories-grid.directory-list .directory-card{
  display:flex!important;flex-direction:column!important;
  padding:6px!important;gap:0!important;
 }
 body.route-categories #categories-grid.directory-list .directory-card>div{
  align-items:center!important;text-align:center!important;padding:29px 8px 7px!important;
 }
 body.route-categories #categories-grid.directory-list .directory-card>div::before{
  position:absolute!important;top:-30px!important;left:50%!important;transform:translateX(-50%)!important;
  width:58px!important;height:58px!important;font-size:27px!important;
 }
 body.route-categories #categories-grid.directory-list .directory-card>button{
  width:calc(100% - 40px)!important;max-width:none!important;min-width:0!important;
  margin:6px auto 12px!important;
 }
 body.route-categories .amr-categories-assurance{padding:12px 9px!important;gap:7px!important;border-radius:16px!important;}
 body.route-categories .amr-categories-assurance>div{padding:7px 5px!important;gap:6px!important;}
 body.route-categories .amr-cat-feature-icon{width:22px!important;height:22px!important;flex-basis:22px!important;}
 body.route-categories .amr-categories-assurance strong{font-size:10px!important;}
 body.route-categories .amr-categories-assurance p{font-size:9px!important;}
}
@media(prefers-reduced-motion:reduce){
 body.route-categories .amr-cat-orbit::before,
 body.route-categories .amr-cat-orbit::after,
 body.route-categories .amr-cat-orbit i{animation:none!important;will-change:auto!important;}
 body.route-categories #categories-grid .directory-card,
 body.route-categories #categories-grid .directory-card>img,
 body.route-categories .amr-cat-hero-button{transition:none!important;}
}

/* Prevent decorative waterfront-header orbit rings from creating a sideways
   scrollbar at mid-width desktop. Preserve animation and header geometry. */
@supports selector(html:has(body.route-categories)){
 html:has(body.route-categories){overflow-x:clip!important;}
}