/* Short landscape screens: phones and the in-game shop WebView (~390px tall).
   Products come before chrome: no news strip, one-row header, the side
   navigation becomes a tab strip, and filters stay on single scroll rows. */
@media (max-height:500px) and (orientation:landscape){
main.shop-frame{margin-top:0}
main.shop-frame>aside#cc-shop-live{display:none}
header.shop-header{padding:6px 12px;min-height:0;gap:8px}
header.shop-header .brand{font-size:16px;line-height:1.2}
header.shop-header .brand small{display:none}
header.shop-header button,header.shop-header select,header.shop-header .egold-balance{min-height:34px;padding-top:2px;padding-bottom:2px}
.shop-layout{display:block}
.shop-layout>aside{width:auto;min-height:0;padding:0;border-right:0;border-bottom:1px solid #444}
#navigation{flex-direction:row;overflow-x:auto;gap:6px;padding:6px 12px;width:auto}
#navigation button{flex:0 0 auto;width:auto;min-height:36px;margin:0;padding:4px 14px;white-space:nowrap}
.sidebar-note{display:none}
section.shop-main{padding:8px 12px}
.shop-title{margin:0}
#pageTitle,#pageDescription{display:none}
.phase-filter{font-size:12px}
#shopNotice{margin:0 0 8px;padding:6px 10px;font-size:12px}
.phase-filter{margin:0 0 8px}
#categories{flex-wrap:nowrap;overflow-x:auto;margin:0 0 8px;padding-bottom:4px}
#categories button{flex:0 0 auto}
.search-row{margin:0 0 8px}
#storeFacets{margin:0 0 10px;padding:8px 10px}
.catalog-facet-controls{flex-wrap:nowrap;overflow-x:auto}
.catalog-facet-hint,.pack-contents-caption{display:none}
#storePacks .reward-grid{height:auto}
#storePacks .reward-grid>article{min-height:0}
#storePacks .reward-grid .reward-pack-art{height:56px;min-height:0}
#storePacks .reward-grid .reward-pack-art img{max-height:52px;width:auto}
#storePacks .reward-grid .item-body{flex:0 0 auto;min-height:0;padding:8px 10px;justify-content:flex-start}
#storePacks .reward-grid .reward-pack-price{font-size:20px;line-height:1.2}
#storePacks .reward-grid .pack-native-preview{margin-top:2px}
#grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
}



/* Webshop Marketplace entry; same original-PC controls as sibling sections. */
.shop-layout #navigation .shop-market-link{
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;
 min-height:49px;padding:9px 11px;color:#f0d992;text-decoration:none;
 background:#27251e url('/campus-core/shop/assets/pc-original/button40_focus.png') center/100% 100% no-repeat;
 border:1px solid #c5a96e;border-radius:2px;font:12px/1.4 Tahoma,Arial,sans-serif;
}
.shop-layout #navigation .shop-market-link:hover,.shop-layout #navigation .shop-market-link:focus-visible{color:#fff2c8;border-color:#efdcaa;filter:brightness(1.10);}
.shop-market-link small{font-size:9px;color:#ddd0ac;letter-spacing:.05em;}
.shop-market-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 16px;padding:13px 15px;min-width:0;border:1px solid #776641;background:#24221c url('/campus-core/shop/assets/pc-original/window_title_202.png') left top/100% 5px no-repeat;text-decoration:none;color:#f1e6c8;}
.shop-market-banner .market-banner-copy{min-width:0;}
.shop-market-banner strong,.shop-market-banner small,.shop-market-banner span{display:block;}
.shop-market-banner small{color:#c6b17e;font-size:9px;letter-spacing:.11em;margin-bottom:3px;}
.shop-market-banner strong{color:#f1dcac;font-size:14px;}
.shop-market-banner .market-banner-note{font-size:10px;color:#b9b9b9;margin-top:3px;}
.shop-market-banner .market-banner-cta{white-space:nowrap;min-height:36px;padding:7px 12px;border:1px solid #a18e5e;background:#333 url('/campus-core/shop/assets/pc-original/button40_focus.png') center/100% 100% no-repeat;color:#fff2cc;font-size:11px;}
.shop-market-banner:hover{border-color:#d2b775;}
@media(max-width:580px){
 .shop-layout #navigation{grid-template-columns:repeat(3,minmax(0,1fr));}
 .shop-layout #navigation .shop-market-link{min-width:0;min-height:43px;align-items:center;text-align:center;font-size:10px;padding:5px;}
 .shop-market-link small{font-size:8px;}
 .shop-market-banner{padding:12px;gap:8px;}
 .shop-market-banner strong{font-size:12px;}
 .shop-market-banner .market-banner-cta{font-size:10px;padding:5px 7px;white-space:normal;text-align:center;}
}

/* Last stylesheet owns responsive nav; do not let old mobile grid squeeze the market link. */
@media(max-width:580px){
 .shop-layout aside nav#navigation{display:flex!important;flex-direction:row!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 7px!important;scroll-snap-type:x proximity!important;}
 .shop-layout aside nav#navigation>button,.shop-layout aside nav#navigation>a.shop-market-link{display:flex!important;min-width:104px!important;width:auto!important;flex:0 0 104px!important;max-width:none!important;align-items:center!important;justify-content:center!important;min-height:45px!important;scroll-snap-align:start!important;}
 .shop-layout aside nav#navigation>a.shop-market-link{flex-basis:122px!important;white-space:normal;}
}