/* Compact header and native bottom menu for tablet/mobile. */
#shn-bottom-nav{display:none}
@media(max-width:1024px){
 #shn-footer,#wp-bottom-menu{display:none!important}
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
 #shn-header .shn-toggle,#shn-header .shn-mobile-nav,#shn-header .shn-nav,#shn-header .shn-quick,#shn-header .shn-account{display:none!important}
 #shn-header .shn-header-row{min-height:74px;flex-wrap:nowrap;padding-block:13px;gap:16px}
 #shn-header .shn-brand img{width:180px;max-height:44px}
 #shn-header .shn-actions{display:flex;order:initial;width:auto;margin-left:auto;justify-content:flex-end}
 #shn-header .shn-city{display:inline-flex;width:160px;min-width:0;max-width:100%;height:40px;border-radius:18px;background:#fff;color:#232e3e}
 #shn-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;z-index:10000;background:#232e3e;color:#fff;border-top:0;box-shadow:0 -4px 18px #13203224;padding:4px 0 calc(4px + env(safe-area-inset-bottom,0px))}
 #shn-bottom-nav .shn-bottom-inner{display:flex;justify-content:space-around;width:100%;margin:auto;align-items:stretch;min-height:52px}
 #shn-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;flex:1 1 0%;text-decoration:none;color:#fff;font-family:inherit;font-size:15px;line-height:18px;font-weight:400;padding:0 2px;box-sizing:border-box;text-align:center}
 #shn-bottom-nav .shn-icon{width:23px;height:23px;stroke-width:1.8}
 #shn-bottom-nav a:hover,#shn-bottom-nav a[aria-current=page]{color:#59d600}
 #shn-bottom-nav .shn-bottom-quick{background:linear-gradient(145deg,#f44336,#c62828);color:#fff;border:4px solid #fff;border-radius:50%;width:68px;height:68px;min-height:68px;flex:0 0 68px;align-self:flex-end;margin:-28px 0 0;padding:7px 2px;box-shadow:0 5px 16px #c6282859;gap:3px;font-size:10px;font-weight:700}
 #shn-bottom-nav .shn-bottom-quick .shn-icon{width:24px;height:24px;flex-shrink:0}
 #shn-bottom-nav .shn-bottom-quick span{display:block;line-height:12px;text-align:center;white-space:nowrap;margin:0;padding:0;color:white}
 #shn-bottom-nav .shn-bottom-quick:hover{background:#168447;color:white}
 #shn-bottom-nav a:focus-visible{outline:3px solid #d8aa45;outline-offset:1px}
}
@media(max-width:767px){
 #shn-header .shn-header-row{min-height:64px;gap:0;padding-block:10px}
 #shn-header .shn-brand{width:40%;min-width:0}
 #shn-header .shn-brand img{width:150px;max-width:100%;max-height:38px}
 #shn-header .shn-actions{width:60%;max-width:60%;padding-left:12px}
 #shn-header .shn-city{width:150px;height:36px;font-size:13px;padding:8px 14px;gap:6px}
 #shn-header .shn-city span{max-width:110px}
}

@font-face{font-family:ScrapHillMenu;src:url("fontawesome-webfont.woff2") format("woff2");font-style:normal;font-weight:400;font-display:block}
#shn-bottom-nav .shn-bottom-icon{font-family:ScrapHillMenu!important;font-style:normal;font-weight:400;font-size:25px;line-height:26px;display:block;color:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}
#shn-bottom-nav .shn-bottom-quick .shn-bottom-icon{font-size:23px;line-height:24px;color:#fff}
#shn-bottom-nav .shn-bottom-quick>span:last-child{font-family:inherit;font-size:10px;line-height:13px;font-weight:700}
@media(max-width:350px){#shn-bottom-nav a{font-size:12px}}

/* Compact header and narrower action buttons. */
@media(min-width:1025px){
 #shn-header>.shn-wrap{width:90%;max-width:1480px}
 #shn-header .shn-header-row{min-height:68px;padding-block:10px;gap:clamp(12px,1.2vw,24px)}
 #shn-header .shn-actions{gap:8px}
 #shn-header .shn-control{width:clamp(112px,7.4vw,140px);height:40px;padding:8px 10px;font-size:clamp(12px,.75vw,13px);gap:5px}
 #shn-header .shn-nav ul{gap:clamp(12px,1.1vw,22px)}
 #shn-header .shn-nav a{font-size:clamp(12px,.8vw,14px)}
}
@media(min-width:1025px) and (max-width:1199px){#shn-header .shn-header-row{padding-block:10px 4px;row-gap:2px}}
@media(min-width:768px) and (max-width:1024px){#shn-header .shn-city{width:145px;height:38px;padding:8px 10px;font-size:13px}#shn-header .shn-header-row{min-height:64px;padding-block:10px}}
@media(max-width:767px){#shn-header .shn-city{width:135px;height:36px;padding:8px 10px;font-size:12px}#shn-header .shn-header-row{min-height:58px;padding-block:8px}}

/* Reference layout: circle slightly above the upper border, equal menu columns. */
@media(max-width:1024px){
 #shn-bottom-nav{overflow:visible;padding-top:0}
 #shn-bottom-nav .shn-bottom-inner{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:60px;min-height:60px;overflow:visible}
 #shn-bottom-nav a{min-height:60px}
 #shn-bottom-nav .shn-bottom-quick{position:absolute;left:50%;top:-12px;transform:translateX(-50%);width:70px;height:70px;min-height:70px;margin:0;z-index:1}
 #shn-bottom-nav a:nth-child(4){grid-column:4}
 #shn-bottom-nav a:nth-child(5){grid-column:5}
}
@media(min-width:768px) and (max-width:1024px){
 #shn-bottom-nav .shn-bottom-inner{height:72px}
 #shn-bottom-nav .shn-bottom-quick{top:-14px;width:82px;height:82px;min-height:82px}
}