/* Narrow layouts: grids must shrink to their container, including Spanish text. */
@media(max-width:600px){
 .own-kit-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .own-kit-grid>*{min-width:0;max-width:100%}
 .own-magazine{width:calc(100% - 24px);max-width:320px;transform:none;box-sizing:border-box}
 .own-button{white-space:normal;text-align:center;overflow-wrap:anywhere}
 main h1,main h2,main h3,.maplibregl-popup h3{overflow-wrap:anywhere}
 .wordmark{min-width:0;flex-shrink:1}.wordmark span{white-space:normal}
 .resort-nav-inner{padding:0 12px;gap:6px}.resort-nav-logo{min-width:0;flex-shrink:1;gap:6px}
 .resort-nav-logo img{width:28px;height:28px}.resort-nav-logo small{font-size:9px!important;letter-spacing:1px!important}
 .resort-nav-actions{gap:6px;flex-shrink:0}.sr-booking .resort-nav-language button{padding:8px!important}
 .resort-nav-mobile{max-height:calc(100dvh - 64px);overflow-y:auto}
 .secret-guide img{max-width:100%;height:auto}
 footer a{overflow-wrap:anywhere}
 dialog{max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}
}

@media(max-width:600px){
 .own-mag-top{padding:18px 14px}.own-mag-top strong{font-size:clamp(32px,12vw,54px);line-height:1.05;letter-spacing:0}
 .own-mag-top p{font-size:9px;letter-spacing:1px;overflow-wrap:anywhere}.own-mag-top>span{font-size:11px}
 .own-mag-bottom{left:16px;right:16px;bottom:18px}.own-mag-bottom h3{font-size:24px;line-height:1.1}.own-mag-bottom p{font-size:11px}.own-mag-bottom>span{font-size:9px;letter-spacing:1px}
 header .wordmark{gap:8px}header .wordmark .brand-bull{width:28px;height:28px;flex-shrink:0}
 header .brand-type{min-width:0}header .brand-type strong{font-size:11px;letter-spacing:1px}header .brand-type span{font-size:8px;letter-spacing:1px}
}