/* Volant — autoškola Bratislava — shared styles (self-hosted fonts, no external CDN) */

@font-face{
  font-family:'Manrope';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('../fonts/manrope-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Manrope';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('../fonts/manrope-latinext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Space Grotesk';
  font-style:normal;
  font-weight:500 700;
  font-display:swap;
  src:url('../fonts/space-grotesk-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Space Grotesk';
  font-style:normal;
  font-weight:500 700;
  font-display:swap;
  src:url('../fonts/space-grotesk-latinext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:oklch(0.985 0.004 90);font-family:'Manrope',system-ui,sans-serif;color:oklch(0.20 0.015 260);}
a{color:oklch(0.46 0.13 258);}
a:hover{color:oklch(0.30 0.10 258);}
h1,h2,h3,h4{font-family:'Space Grotesk',system-ui,sans-serif;}
img{max-width:100%;display:block;}

.stripe{background-image:repeating-linear-gradient(45deg, oklch(0.93 0.02 258) 0 12px, oklch(0.90 0.03 258) 12px 24px);}

.photo-cover{width:100%;height:100%;object-fit:cover;display:block;}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

input,textarea{font-family:'Manrope',system-ui,sans-serif;}

.form-msg{padding:20px;border-radius:12px;font-weight:600;font-size:14px;}
.form-msg.success{background:oklch(0.93 0.1 145);color:oklch(0.3 0.08 145);}
.form-msg.error{background:oklch(0.93 0.1 25);color:oklch(0.35 0.12 25);}

@media (max-width: 860px){
  .grid-2{grid-template-columns:1fr !important;}
  .grid-3{grid-template-columns:1fr !important;}
  .grid-4{grid-template-columns:1fr 1fr !important;}
}