/* Volley Pisz: responsive public-site improvements. Admin remains untouched. */
.vpMobileToggle,.vpMobileMenu{display:none}
@media(max-width:900px){
 .navin{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px}
 .vpMobileToggle{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:80px;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.09);color:white;font:inherit;font-weight:750;cursor:pointer}
 .vpMobileToggle:focus-visible,.vpMobileMenu a:focus-visible{outline:3px solid #edc25e;outline-offset:2px}
 .vpMobileMenu:not([hidden]){display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:100;background:#0b2232;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 18px 32px rgba(0,0,0,.22)}
 .vpMobileMenu a{display:flex;align-items:center;min-height:45px;padding:10px 14px;color:#f3f5f6;text-decoration:none;font-size:15px;font-weight:700;border-radius:9px}
 .vpMobileMenu a:active{background:rgba(255,255,255,.12)}
}
@media(max-width:620px){
 html,body{max-width:100%;overflow-x:clip}
 .wrap{width:calc(100% - 32px)!important}
 .navin{min-height:60px!important}.brand{min-width:0;font-size:15px!important;letter-spacing:.03em!important}.brand img{width:36px!important;height:36px!important}
 .hero{padding:32px 0 35px!important}.heroGrid{gap:20px!important;min-width:0}
 .hero h1{font-size:clamp(32px,9.1vw,45px)!important;line-height:1.05!important;letter-spacing:-.045em!important;overflow-wrap:break-word;hyphens:auto;margin:12px 0 16px!important}
 .hero p{font-size:15px!important;line-height:1.5!important;margin-bottom:18px!important}
 .hero .btn.gold{font-size:15px!important;line-height:1.3!important;padding:13px 16px!important;max-width:100%;white-space:normal;text-align:center}
 .heroCard{border-radius:18px!important}.heroCard img{max-height:340px;object-fit:cover}
 .mainMenuSection{padding:30px 0 40px!important}.mainMenuSection .head{margin-bottom:15px!important}
 .mainMenuSection .head h2{font-size:clamp(27px,7.5vw,34px)!important;line-height:1.1!important}
 .mainTiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .mainTile{grid-template-columns:1fr auto!important;gap:4px 6px!important;align-content:start!important;min-width:0!important;min-height:132px!important;padding:15px 12px!important;border-radius:16px!important}
 .mainTile .tileNo{grid-column:1/-1;font-size:11px!important}.mainTile>div{min-width:0!important}
 .mainTile small{font-size:9px!important;letter-spacing:.06em!important;margin:0 0 5px!important}
 .mainTile h3{font-size:clamp(17px,4.5vw,22px)!important;line-height:1.1!important;margin:0 0 7px!important;overflow-wrap:anywhere}
 .mainTile p{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere}
 .mainTile .tileArrow{font-size:18px!important}
 .newsHubPanel{padding-top:24px!important}.newsHubTop{margin-bottom:14px!important}.newsHubHead{margin-bottom:16px!important}
 .newsHubHead h2{font-size:clamp(32px,9vw,42px)!important;margin:4px 0!important}
 .newsHubPanel #cmsNewsGrid{gap:14px!important}
 .newsHubPanel #cmsNewsGrid img{max-height:260px;object-fit:cover}
 .newsHubPanel #cmsNewsGrid .cardBody{padding:16px!important}
 .newsHubPanel #cmsNewsGrid h3{font-size:clamp(19px,5.5vw,25px)!important;line-height:1.2!important;overflow-wrap:anywhere}
 .hallView .hallLandingHead h1{font-size:clamp(29px,8vw,40px)!important;line-height:1.09!important}
 .hallView .hallTiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .hallView .hallTile{min-width:0!important;padding:12px!important;border-radius:15px!important}
 .hallView .hallTile h3{font-size:clamp(16px,4.7vw,21px)!important;overflow-wrap:anywhere}
 .hallView .hallTile p{font-size:12px!important;line-height:1.4!important}
 .hallView .hallRulesGridDetailed{grid-template-columns:1fr!important}
 .hallView .hallRulesLead p{font-size:13px!important}
 .footerin{gap:15px!important}
}
@media(max-width:355px){.mainTiles,.hallView .hallTiles{grid-template-columns:1fr!important}.mainTile{min-height:0!important}.vpMobileToggleText{display:none}.vpMobileToggle{min-width:44px}}
@media(prefers-reduced-motion:reduce){.mainTile,.vpMobileToggle{transition:none!important}}