/* Vzhled inspirovaný rozložením a typografií velkých českých e-shopů: Roboto 14/21, levé menu 225 px, široký banner, 3 dlaždice. */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto/roboto-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto/roboto-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto/roboto-latin-ext-500.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto/roboto-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto/roboto-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto/roboto-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bs-font-sans-serif:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:.875rem;--bs-body-line-height:1.5;--bs-body-color:#222;--bs-body-color-rgb:34,34,34;
  --bs-primary:#0094e7;--bs-primary-rgb:0,148,231;
  --bs-link-color:#0094e7;--bs-link-color-rgb:0,148,231;--bs-link-hover-color:#0077c0;--bs-link-hover-color-rgb:0,119,192;
  --bs-border-radius:.5rem;--alza-navy:#00275b;
}
body{font-family:var(--bs-font-sans-serif);font-size:14px;line-height:21px;color:#222}
h1,.h1{font-size:24px;line-height:36px;font-weight:700;color:#212121}
h2,.h2{font-size:20px;line-height:30px;font-weight:700;color:#121212}
h3,.h3{font-size:18px;line-height:27px;font-weight:700}
h4,.h4,h5,.h5,h6,.h6{font-size:16px;line-height:24px;font-weight:700}
.btn{font-size:14px;font-weight:500;line-height:16px;border-radius:4px;padding:8px 16px}
.btn-primary{--bs-btn-bg:#0094e7;--bs-btn-border-color:#0094e7;--bs-btn-hover-bg:#0082cc;--bs-btn-hover-border-color:#0082cc;--bs-btn-active-bg:#0077c0;--bs-btn-active-border-color:#0077c0;--bs-btn-disabled-bg:#0094e7;--bs-btn-disabled-border-color:#0094e7}
.form-control,.form-select{font-size:14px;min-height:42px;border-radius:4px}
/* hlavička, menu */
#header,.header,#header a{color:var(--alza-navy)}
#header .main-menu a,.main-menu__item>a,.main-menu a{font-size:13px;font-weight:400;color:var(--alza-navy)}
#left-column a,#left-column .category-tree a,.ps-categorytree a{font-size:13px;color:var(--alza-navy)}
#left-column .h6,#left-column .block-title,.ps-categorytree .h6{font-size:14px;font-weight:700}
/* šířka obsahu a levý sloupec */
@media(min-width:1400px){.container,.container-xxl{max-width:1310px}}
@media(min-width:992px){
  #left-column{flex:0 0 225px;max-width:225px;width:225px}
  #center-column{flex:1 1 0;width:auto;max-width:calc(100% - 225px)}
}
/* široký banner pod menu */
.ps-imageslider{border-radius:8px;overflow:hidden;margin-bottom:16px}
.ps-imageslider .carousel-item img,.ps-imageslider img{width:100%;aspect-ratio:1084/488;object-fit:cover;height:auto;display:block}
.ps-imageslider .carousel-caption{padding:16px 24px;text-align:left;left:24px;right:auto;bottom:24px;max-width:55%;background:rgba(0,39,91,.72);border-radius:8px}
.ps-imageslider .carousel-caption h2,.ps-imageslider .carousel-caption .h2{font-size:24px;line-height:30px;color:#fff;margin:0 0 4px}
.ps-imageslider .carousel-caption p,.ps-imageslider .carousel-caption .caption-description{font-size:14px;line-height:21px;color:#fff;margin:0}
/* tři dlaždice pod bannerem */
.ps-customtext>.container{padding:0;max-width:none}
.home-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 24px}
.home-tiles a{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.18);text-decoration:none;color:#222;transition:box-shadow .15s}
.home-tiles a:hover{box-shadow:0 4px 14px rgba(0,0,0,.28)}
.home-tiles img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f4f6f8;padding:8px;display:block}
.home-tiles .t{display:block;padding:12px 16px 16px}
.home-tiles .t b{display:block;font-size:18px;line-height:24px;font-weight:700;color:var(--alza-navy);margin-bottom:4px}
.home-tiles .t span{display:block;font-size:14px;line-height:21px;color:#444}
.home-tiles .t em{display:inline-block;margin-top:8px;font-style:normal;font-weight:500;color:#fff;background:#0094e7;border-radius:4px;padding:6px 14px;font-size:14px}
@media(max-width:991px){.home-tiles{grid-template-columns:1fr}.ps-imageslider .carousel-caption{max-width:none;left:12px;right:12px;bottom:12px;padding:10px 14px}}
@media(max-width:991px){body#index #left-column{display:none}}