/* AMR Galactic Royale Category V2 — presentation only: live AMR categories remain source of truth. */
body.route-categories main#main{
 max-width:none!important;width:100%!important;
 padding:20px clamp(10px,1.4vw,26px) 30px!important;
 background:
 radial-gradient(ellipse at 50% 40%,#06326b66,#01091bbf 70%),
 url('/assets/amr-royale-20261018/royale-wallpaper.jpg') center top/cover no-repeat!important;
}
body.route-categories #categories-section{
 max-width:1690px!important;width:100%!important;margin:0 auto!important;
 min-height:680px!important;position:relative!important;
 display:block!important;padding:0 0 16px!important;isolation:isolate!important;
}
body.route-categories #categories-section::before{
 content:''!important;position:absolute!important;pointer-events:none!important;inset:0 -10px -16px!important;z-index:-1!important;
 border:2px solid #edc373aa!important;border-radius:20px!important;
 background:linear-gradient(180deg,#00132b36 0%,#00152a90 40%,#0415388c 100%)!important;
 box-shadow:inset 0 0 25px #178fea55,0 0 22px #e0a64b55!important;
}
body.route-categories .amr-categories-hero{
 min-height:clamp(220px,18vw,330px)!important;
 border:2px solid #f0ca7d!important;border-radius:16px!important;
 padding:clamp(20px,2.1vw,43px) clamp(16px,3.3vw,60px)!important;
 background:linear-gradient(90deg,#02152de8 0%,#021836d2 36%,#031f3e70 57%,#041a3b59 100%),
 url('/assets/amr-royale-20261018/royale-wallpaper.jpg') center 38%/cover no-repeat!important;
 box-shadow:inset 0 0 0 3px #065bbaaf,inset 0 0 25px #198bff55,0 0 18px #ffd06f88!important;
 overflow:hidden!important;isolation:isolate!important;
}
body.route-categories .amr-categories-hero::before{
 inset:0!important;z-index:6!important;opacity:.8!important;
 background:url('/assets/categories-frame-v1.svg') center/100% 100% no-repeat!important;
}
body.route-categories .amr-categories-hero-copy{
 padding-left:clamp(10px,13vw,235px)!important;
 padding-right:clamp(125px,22vw,350px)!important;
 max-width:1250px!important;z-index:4!important;
}
body.route-categories .amr-cat-kicker{
 margin:0 0 6px!important;color:#fee3a9!important;font-weight:800!important;
 font-size:clamp(10px,.85vw,14px)!important;letter-spacing:.09em!important;
}
body.route-categories #amr-categories-heading{
 font-size:clamp(31px,4vw,70px)!important;color:#ffdf9b!important;
 line-height:1.05!important;text-shadow:0 3px 2px #271200,0 0 20px #db993e88!important;
 white-space:normal!important;margin:6px 0 8px!important;
}
body.route-categories .amr-cat-intro{
 max-width:650px!important;font-size:clamp(12px,.97vw,16px)!important;
 color:#f4f3fa!important;line-height:1.55!important;
 margin:0 0 16px!important
}
body.route-categories .amr-cat-hero-button{
 min-height:45px!important;border-radius:7px!important;
 padding:10px 19px!important;background:linear-gradient(160deg,#fff1b3,#e7ad3c)!important;
 font:800 clamp(11px,.84vw,14px) Arial,sans-serif!important;
 box-shadow:0 0 12px #e6b45188!important;
}
body.route-categories .amr-cat-orbit{
 left:2%!important;top:11%!important;width:clamp(70px,12vw,185px)!important;
 height:76%!important;opacity:.82!important
}
body.route-categories .amr-categories-mascot{
 right:clamp(16px,4vw,90px)!important;bottom:-4px!important;
 width:clamp(160px,20.6vw,340px)!important;
 height:105%!important;max-height:380px!important;
 object-fit:contain!important;object-position:bottom right!important;
 filter:drop-shadow(0 0 13px #149cfeab)!important;
 z-index:7!important
}
body.route-categories .amr-v2-hero-quote{
 position:absolute;right:clamp(6px,1.2vw,22px);bottom:14px;z-index:8;
 max-width:clamp(100px,10.5vw,185px);font:italic 700 clamp(10px,.88vw,15px)/1.34 Georgia,serif;
 color:#c8ebff;text-align:center;text-shadow:0 0 10px #0fa9ff,0 0 4px #0d1f42;
 transform:rotate(-3deg);pointer-events:none
}
body.route-categories .amr-v2-hero-quote span{display:block}
body.route-categories .amr-categories-breadcrumb{
 min-height:42px!important;margin:10px auto 0!important;
 background:linear-gradient(90deg,#031a38ed,#012654eb)!important;
 border-radius:10px 10px 0 0!important;
 border:1px solid #41b9ffab!important;border-bottom:0!important;
 box-shadow:inset 0 0 12px #0e92f355!important;
}
body.route-categories #categories-section .amr-categories-toolbar{
 grid-template-columns:minmax(130px,1fr) auto minmax(135px,180px) auto minmax(150px,240px)!important;
 min-height:62px!important;gap:clamp(6px,.9vw,14px)!important;
 padding:10px clamp(8px,1vw,18px)!important;margin:0 0 15px!important;
 background:linear-gradient(140deg,#042d52f9,#01162ffd)!important;
 border-radius:0 0 12px 12px!important;border:1px solid #25abff!important;
 box-shadow:inset 0 0 12px #0079ee99,0 0 15px #078eff88!important
}
body.route-categories #categories-section .amr-categories-toolbar::after{display:none!important}
body.route-categories #categories-section .amr-categories-toolbar .search-field{
 min-height:43px!important;border:1px solid #35beff!important;
 border-radius:9px!important;background:#021227f9!important
}
body.route-categories #categories-section .amr-categories-toolbar input,
body.route-categories #categories-section .amr-categories-toolbar select{
 color:#f9e2bd!important;background:#011831!important;font-weight:600!important;
 border-color:#279effa1!important
}
body.route-categories #categories-section .amr-categories-toolbar input:focus-visible,
body.route-categories #categories-section .amr-categories-toolbar select:focus-visible,
body.route-categories #categories-section .amr-categories-toolbar button:focus-visible{
 outline:2px solid #ffe2a1!important;outline-offset:2px!important
}
body.route-categories #categories-section #categories-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:clamp(12px,1.25vw,21px)!important;
 padding:0 clamp(5px,.8vw,14px) 14px!important;
 max-width:1260px!important;margin:0 auto!important;
}
body.route-categories #categories-section #categories-grid>.directory-card{
 position:relative!important;display:flex!important;flex-direction:column!important;
 align-items:stretch!important;gap:0!important;
 min-width:0!important;min-height:350px!important;padding:9px!important;
 overflow:hidden!important;isolation:isolate!important;
 border:3px solid #eac270!important;border-radius:20px!important;
 background:linear-gradient(180deg,#072554eb,#01152ff9 62%,#010b24fb 100%)!important;
 box-shadow:inset 0 0 0 2px #086bdb,inset 0 0 14px #086ee7,0 0 13px #f5bd6580!important;
 transition:transform .22s ease,box-shadow .22s ease!important;
}
body.route-categories #categories-section #categories-grid>.directory-card::before{
 content:''!important;pointer-events:none!important;position:absolute!important;inset:2px!important;
 border:1px solid #ffd58a88!important;border-radius:15px!important;z-index:6!important
}
body.route-categories #categories-section #categories-grid>.directory-card::after{
 content:'✦'!important;position:absolute!important;top:-8px!important;left:50%!important;
 transform:translateX(-50%)!important;z-index:8!important;
 color:#fff1b0!important;font-size:25px!important;text-shadow:0 0 10px #ffe192!important
}
body.route-categories #categories-section #categories-grid>.directory-card>img{
 width:100%!important;height:clamp(170px,16vw,245px)!important;min-height:0!important;
 aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;
 border:2px solid #ecbe6a!important;border-radius:10px!important;
 padding:0!important;margin:0!important;filter:saturate(1.13) brightness(.95)!important;
 background:#0b2e5b!important
}
body.route-categories #categories-section #categories-grid>.directory-card>div{
 position:relative!important;display:flex!important;flex-direction:column!important;
 justify-content:center!important;align-items:center!important;
 margin:0!important;padding:13px 6px 7px!important;
 min-height:72px!important;text-align:center!important;
 background:linear-gradient(180deg,#082f58,#01132c)!important;
 border-radius:8px!important
}
body.route-categories #categories-section #categories-grid>.directory-card>div::before{
 display:none!important
}
body.route-categories #categories-section #categories-grid>.directory-card h3{
 margin:0 0 3px!important;font:700 clamp(18px,1.4vw,24px)/1.22 Georgia,serif!important;
 color:#ffe3a2!important;text-shadow:0 0 8px #c08b3d88!important
}
body.route-categories #categories-section #categories-grid>.directory-card p{
 margin:0!important;color:#c6e2fa!important;font:500 12px Arial,sans-serif!important
}
body.route-categories #categories-section #categories-grid>.directory-card>button{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:calc(100% - 15px)!important;min-height:39px!important;
 margin:8px auto 3px!important;padding:8px 12px!important;
 border:1.5px solid #37d2ff!important;border-radius:9px!important;
 background:linear-gradient(180deg,#04457c,#03142f)!important;color:#ffe8b5!important;
 box-shadow:0 0 9px #027ee599!important;font-weight:700!important
}
body.route-categories #categories-section #categories-grid>.directory-card:is(:hover,:focus-within){
 transform:translateY(-4px)!important;
 box-shadow:inset 0 0 0 2px #0f91ff,0 0 23px #d4ad59c9!important
}
body.route-categories #categories-section #categories-grid.directory-list{
 display:flex!important;flex-direction:column!important;
}
body.route-categories #categories-section #categories-grid.directory-list>.directory-card{
 flex-direction:row!important;min-height:180px!important;align-items:center!important
}
body.route-categories #categories-section #categories-grid.directory-list>.directory-card>img{
 width:clamp(130px,24%,260px)!important;height:160px!important
}
body.route-categories #categories-section #categories-grid.directory-list>.directory-card>div{
 flex:1!important;min-height:100px!important
}
body.route-categories #categories-section #categories-grid.directory-list>.directory-card>button{
 width:auto!important;min-width:150px!important;margin:7px!important
}
body.route-categories .amr-categories-assurance{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 max-width:1500px!important;margin:9px auto 0!important;gap:10px!important;
 padding:10px!important;border:1px solid #f0bd65!important;border-radius:15px!important;
 background:linear-gradient(90deg,#031a3cdd,#052a53eb 50%,#031a3cdd)!important;
 box-shadow:inset 0 0 12px #006ef5,0 0 12px #eac16b6b!important
}
body.route-categories .amr-categories-assurance>div{
 min-width:0!important;display:flex!important;gap:10px!important;
 align-items:center!important;border:1px solid #c69c4ba8!important;
 border-radius:8px!important;padding:10px!important;
 background:#03132ce0!important
}
body.route-categories .amr-categories-assurance svg{width:33px!important;height:33px!important;color:#fbd783!important;flex:none!important}
body.route-categories .amr-categories-assurance strong{font:700 clamp(12px,1vw,15px)/1.3 Arial,sans-serif!important;color:#ffe2a7!important}
body.route-categories .amr-categories-assurance span{font-size:clamp(10px,.7vw,12px)!important;line-height:1.3!important;color:#e2f2ff!important}
body.route-categories .amr-v2-satellite{
 position:absolute;top:43%;left:clamp(4px,1.6vw,24px);width:clamp(85px,13vw,170px);
 padding:12px;min-height:105px;border:2px solid #eec078;
 border-radius:12px;background:linear-gradient(160deg,#043268ef,#011126f7);
 box-shadow:0 0 13px #26a9ff,inset 0 0 10px #0b66c9;z-index:2;pointer-events:none;
 display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
}
body.route-categories .amr-v2-satellite.right{left:auto;right:clamp(4px,1.6vw,24px)}
body.route-categories .amr-v2-satellite strong{font:700 clamp(11px,.8vw,15px)/1.3 Georgia,serif;color:#ffe1a1}
body.route-categories .amr-v2-satellite span{font:500 clamp(10px,.75vw,12px)/1.4 Arial,sans-serif;color:#d7edff}
body.route-categories .amr-v2-satellite .amr-v2-satellite-orb{
 width:50px;height:50px;border-radius:50%;margin-bottom:6px;border:2px solid #75dfff;
 background:radial-gradient(circle,#4dc7ff55,#09234b80 66%,#00112afa 70%);
 box-shadow:0 0 11px #0079fc,inset 0 0 12px #85e0ff;font-size:28px;display:grid;place-items:center;
 animation:amrCatSatelliteGlow 5s ease-in-out infinite
}
@keyframes amrCatSatelliteGlow{50%{filter:brightness(1.3);transform:translateY(-4px)}}
@media(max-width:1150px){
 body.route-categories #categories-section #categories-grid{max-width:100%!important}
 body.route-categories #categories-section #categories-grid>.directory-card{min-height:300px!important}
 body.route-categories #categories-section #categories-grid>.directory-card>img{height:180px!important}
 body.route-categories .amr-v2-satellite{display:none!important}
}
@media(max-width:800px){
 body.route-categories main#main{padding:12px 9px 20px!important}
 body.route-categories .amr-categories-hero{min-height:300px!important;padding:20px!important}
 body.route-categories .amr-categories-hero-copy{padding:4px 115px 4px 3px!important;max-width:none!important}
 body.route-categories #amr-categories-heading{font-size:clamp(26px,4.3vw,41px)!important}
 body.route-categories .amr-cat-intro{font-size:12px!important}
 body.route-categories .amr-cat-orbit{display:none!important}
 body.route-categories .amr-categories-mascot{width:170px!important;height:220px!important;right:-5px!important}
 body.route-categories .amr-v2-hero-quote{display:none!important}
 body.route-categories #categories-section .amr-categories-toolbar{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important
 }
 body.route-categories #categories-section #categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.route-categories .amr-categories-assurance{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
 body.route-categories #categories-section .amr-categories-hero-copy{padding:3px 92px 3px 0!important}
 body.route-categories .amr-categories-hero{min-height:290px!important}
 body.route-categories #amr-categories-heading{font-size:31px!important}
 body.route-categories .amr-categories-mascot{right:-23px!important;width:147px!important;height:190px!important}
 body.route-categories #categories-section #categories-grid{grid-template-columns:minmax(0,1fr)!important}
 body.route-categories #categories-section #categories-grid>.directory-card>img{height:200px!important}
 body.route-categories #categories-section .amr-categories-toolbar{grid-template-columns:minmax(0,1fr)!important}
 body.route-categories .amr-categories-assurance{grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){
 body.route-categories .amr-v2-satellite .amr-v2-satellite-orb{animation:none!important}
 body.route-categories #categories-section #categories-grid>.directory-card{transition:none!important;transform:none!important}
}

/* V2B source-correct mascot placement and compact desktop category gallery. */
@media(min-width:1151px){
 body.route-categories .amr-categories-mascot{
  right:clamp(115px,12.5vw,230px)!important;bottom:-3px!important;
  width:clamp(200px,19vw,335px)!important;height:107%!important;
  object-fit:contain!important;object-position:center bottom!important;
  image-rendering:auto!important;
 }
 body.route-categories .amr-v2-hero-quote{
  right:clamp(9px,1.2vw,23px)!important;bottom:23px!important;
  max-width:clamp(115px,11vw,175px)!important;
  padding:7px!important;background:rgba(0,18,43,.36)!important;
  border-radius:6px!important;backdrop-filter:blur(4px)!important;
 }
}
@media(min-width:1151px) and (max-width:1600px){
 body.route-categories #categories-section #categories-grid{max-width:1030px!important}
 body.route-categories .amr-v2-satellite{width:clamp(115px,9.8vw,145px)!important}
 body.route-categories #categories-section #categories-grid>.directory-card>img{height:clamp(164px,16vw,220px)!important}
}
body.route-categories #categories-grid .directory-card>img{
 background:radial-gradient(circle at 50% 43%,#13599a,#061e49 70%,#02142c)!important;
}
@media(max-width:800px){
 body.route-categories .amr-categories-mascot{right:0!important;bottom:-2px!important}
}
@media(max-width:520px){
 body.route-categories .amr-categories-mascot{right:-22px!important}
}
/* V2C — live category thumbnails and accessible product-card icon rims. */
body.route-categories #categories-section #categories-grid>.directory-card>div{
 overflow:visible!important;min-height:99px!important;padding:27px 6px 6px!important;
}
body.route-categories #categories-section #categories-grid>.directory-card>div::before{
 content:'✦'!important;display:grid!important;place-items:center!important;
 position:absolute!important;top:-27px!important;left:50%!important;z-index:12!important;
 width:53px!important;height:53px!important;transform:translateX(-50%)!important;
 border:2px solid #eac676!important;border-radius:50%!important;
 background:radial-gradient(circle at 40% 32%,#084c85,#00132f 75%)!important;
 color:#f7dc91!important;font:700 30px/1 Arial,sans-serif!important;
 box-shadow:inset 0 0 8px #168def,0 0 12px #0c9dff!important
}
body.route-categories #categories-grid>.directory-card:has([data-browse-key="3"])>div::before{content:'⚙'!important}
body.route-categories #categories-grid>.directory-card:has([data-browse-key="2"])>div::before{content:'⬡'!important}
body.route-categories #categories-grid>.directory-card:has([data-browse-key="1"])>div::before{content:'♓'!important}
body.route-categories .amr-putra-pet:not(.is-open):not(:focus-within){
 transform:scale(.60)!important;transform-origin:right bottom!important;
 right:6px!important;bottom:8px!important;
}
body.route-categories .amr-putra-pet:not(.is-open) .p-greeting{display:none!important}
body.route-categories .amr-putra-pet.is-open{z-index:1400!important}