:root{--background-color-primary: #fcfbf8;--background-color-secondary: white;--border-radius-medium: 5px;--border-radius-large: 10px;--border: 1px solid #e4e4e4;--max-width: 1200px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color-primary)}body{margin:0}h1{font-size:2.5rem;font-weight:200;margin-bottom:0rem;text-align:center}a{color:var(--color-primary);text-decoration:none;font-weight:400;font-size:1.2rem}a:hover{text-decoration:underline}.filters-wrapper{background-color:var(--background-color-secondary);padding:1rem;border-radius:var(--border-radius-medium);border:var(--border);width:100%;box-sizing:border-box}@media (max-width: 768px){.filter-item{width:100%}}.tile-card{width:100%}.tile-card__image{height:400px;object-fit:cover}.tile-card__description-item{margin-bottom:4px}.galery__container{display:flex;flex-direction:column;row-gap:1rem}.galery__loading{display:flex;justify-content:center;align-items:center;width:100%}.header{width:100%;display:flex;position:sticky;top:0;z-index:100;padding:.3rem 3rem;background-color:var(--background-color-secondary);border-bottom:var(--border);box-sizing:border-box;justify-content:center;align-items:center}.header__content{width:100%;display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width)}.header__logo{display:flex;width:7rem}.header__logo img{width:100%;height:100%;object-fit:contain}.header__nav{display:flex;align-items:center;gap:1rem}.header__social-icons{display:flex;align-items:center;gap:.5rem;margin-left:1rem}@media (max-width: 768px){.header__nav{display:none}.header__content{justify-content:center}}.app-layout{display:flex;flex-direction:column;min-height:100vh;align-items:center;width:100%}.app-layout__main-content{flex:1;padding:2rem;box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center}.galery-page{display:flex;flex-direction:column;row-gap:2rem;width:100%;max-width:1200px}.braid-media__item{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:var(--border-radius-large);overflow:hidden;display:flex;align-items:center;justify-content:center}.braid-media__image,.braid-media__video{width:100%;height:100%;object-fit:cover}.item-details__list{display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.item-details__item{display:flex;align-items:center;gap:.5rem;border:var(--border);border-radius:var(--border-radius-medium);padding:.2rem .5rem;background-color:var(--background-color-primary)}.item-details__item label{font-weight:700}.detail-page{display:flex;flex-direction:column;row-gap:2rem;width:100%;max-width:1200px}.customer-form-container{max-width:600px}.form-page{display:flex;flex-direction:column;row-gap:2rem;width:100%;max-width:1200px;align-items:center}.hairdresser-form-container{max-width:600px}.vzornik-page{max-width:1200px;margin:0 auto}.vzornik-page--two-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.vzornik-page__image-frame{position:relative;width:45%;margin:0 auto;isolation:isolate}.vzornik-page__image{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 10px 30px #00000014}.vzornik-page--two-images .vzornik-page__image-frame{width:100%}.vzornik-page__video{position:absolute;overflow:hidden;z-index:20;border-radius:12px;background:#000;box-shadow:0 10px 24px #0000002e}.vzornik-page__video-media,.vzornik-page__video-poster,.vzornik-page__video-poster-image,.vzornik-page__video-poster-fallback{width:100%;height:100%;display:block}.vzornik-page__video-media{object-fit:cover;background:#000}.vzornik-page__video-media:fullscreen,.vzornik-page__video-media:-webkit-full-screen{object-fit:contain;object-position:center center;background:#000}.vzornik-page__video-poster{position:relative;padding:0;border:0;cursor:pointer;background:#111}.vzornik-page__video-poster-image,.vzornik-page__video-poster-fallback{object-fit:cover}.vzornik-page__video-poster:after{content:"";position:absolute;inset:0}.vzornik-page__video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10%;aspect-ratio:1;min-width:24px;max-width:84px;border-radius:999px;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 10px 24px #0000003d;transition:transform .2s ease,opacity .2s ease}.vzornik-page__video-poster:hover .vzornik-page__video-play{transform:translate(-50%,-50%) scale(1.42);opacity:.32}.vzornik-page__video-play-icon-image{width:48%;height:48%;object-fit:contain}.vzornik-page__video-play-icon{width:0;height:0;margin-left:6%;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #fff}@media (max-width: 768px){.vzornik-page--two-images{grid-template-columns:1fr}.vzornik-page__image-frame{width:100%}}.div{min-height:100vh;max-width:40vw;display:flex;align-items:center;justify-content:center;margin:auto;padding:24px 16px}.card{display:flex;justify-content:left;align-items:center;width:100%}