
/* header fit — long nav labels (az, de) and small phones */
@media (min-width:1401px){ header.site nav.main a{padding:9px 7px;letter-spacing:.08em} } header.site #hdrBook{white-space:nowrap;flex:0 0 auto}
header.site #langsel{max-width:172px}
header.site .nav-tools{align-items:center;flex-wrap:nowrap}
header.site #langsel,header.site .account-link,header.site #hdrBook,header.site .burger{min-height:40px}
header.site .nav-tools .account-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;white-space:nowrap;border:1px solid #9b751b;border-radius:0;color:#765715;font-weight:500;letter-spacing:0;text-transform:none;flex:0 0 auto}
header.site .account-link svg{width:20px;height:20px;flex:0 0 auto}
body:has(#v-home.on)>header.site .account-link{color:#fff;border-color:#c6a553}
body:has(#v-home.on)>header.site .account-link:hover{background:rgba(255,255,255,.12)}
/* mobile: grid columns must be allowed to shrink below content width */
.split>*{min-width:0}
@media (max-width:1000px){ .wrap.split{grid-template-columns:minmax(0,1fr)} }
@media (max-width:600px){ #tourDetail table{min-width:0} #tourDetail th,#tourDetail td{padding-left:10px;padding-right:10px} }
@media (max-width:600px){ #catDetail table{min-width:0} #catDetail th,#catDetail td{padding-left:10px;padding-right:10px} }
#catDetail .kv dd{overflow-wrap:anywhere}#catDetail .gt-sec{margin-top:34px}#catDetail .gt-sec:first-child{margin-top:0}
@media (max-width:430px){ header.site #langsel{max-width:124px;padding-left:9px;padding-right:22px;text-overflow:ellipsis} header.site .nav{gap:8px} }
@media (max-width:760px){header.site #hdrBook{display:none}header.site .account-link{padding-inline:11px;font-size:.68rem}}
@media (max-width:1200px){header.site .nav-tools .account-link{width:44px;padding:0}header.site .account-link .account-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}
@media (max-width:520px){header.site .brand-img,body:has(#v-home.on)>header.site .brand-img{width:120px}header.site #langsel{max-width:88px}header.site .nav-tools{gap:6px}header.site .nav{gap:8px}}
@media (min-width:521px){nav.main .nav-acc{display:none}}
@media (max-width:374px){header.site #langsel{max-width:68px}header.site .brand-img,body:has(#v-home.on)>header.site .brand-img{width:96px}header.site .brand-name{font-size:.84rem}}
