/* Společné grafické detaily vycházející ze schváleného indexu. */
@media screen {
 .site-subpage{font:16px/1.6 Georgia,Garamond,serif;color:#49424c;background:#faf7f1}
 .site-subpage main h1,.site-subpage .catalog-heading h1{font-size:clamp(30px,4vw,46px);line-height:1.2;font-weight:normal;color:#49424c;text-wrap:balance}
 .site-subpage .source-about h1{padding-bottom:0;border-bottom:0}
 .site-subpage .source-about .subtitle{font-size:16px;font-style:normal;line-height:1.6}
 .site-subpage .catalog-heading,.site-subpage .source-about,.site-subpage .salon-gallery-page,.site-subpage .price-page,.site-subpage .vop-page{padding-top:36px}
 .site-subpage .catalog-heading h1,.site-subpage .price-heading h1,.site-subpage .salon-gallery-heading h1{margin-bottom:18px}
 .site-subpage .back-link,.site-subpage .catalog-back,.site-subpage .price-back,.site-subpage .salon-gallery-back,.site-subpage .vop-back{font-size:14px;color:#655070;text-decoration:none}
 .site-subpage .back-link:hover,.site-subpage .catalog-back:hover,.site-subpage .price-back:hover,.site-subpage .salon-gallery-back:hover,.site-subpage .vop-back:hover{text-decoration:underline;text-underline-offset:4px}
 .site-subpage .content-box,.site-subpage .profile-box,.site-subpage .vop-text,.site-subpage .catalog-content .card,.site-subpage .salon-prices{background:#fffdf9;border:1px solid var(--line);box-shadow:var(--shadow)}
 .site-subpage .catalog-content .card{padding:26px}
 .site-subpage .content-box h2,.site-subpage .catalog-content .category-title{font-size:28px;line-height:1.3;font-weight:normal;color:#49424c}
 .site-subpage .card h3{font-size:20px;line-height:1.3;font-weight:bold}
 .site-subpage .catalog-content .meta{background:#f5f1ea;border-color:var(--line);font-size:15px;line-height:1.55}
 .site-subpage .catalog-content .price{color:#55465f;font-size:21px;font-weight:bold}
 .site-subpage .salon-prices thead th{background:#75647e;color:#fffaf3}
 .site-subpage .btn,.site-subpage .catalog-nav a.btn,.info-dialog .dialog-close{font:700 14px/1.4 Georgia,Garamond,serif;letter-spacing:.15px;text-transform:none;padding:13px 20px;border-radius:0}
 .site-subpage .btn-primary,.site-subpage .catalog-nav a.btn,.info-dialog .dialog-close{background:#796487;border:1px solid #796487;color:#fff}
 .site-subpage .btn-primary:hover,.site-subpage .catalog-nav a.btn:hover,.info-dialog .dialog-close:hover{background:#655070;border-color:#655070;color:#fff}
 .site-subpage .menu a{font-size:13px;letter-spacing:.4px}
 .site-subpage .menu .nav-cta{font-size:14px;text-transform:none;letter-spacing:.15px}
 .site-subpage footer{font-size:14px;background:#5e4e68;color:#fffaf3}
 .site-subpage footer a{color:#efe1cc}
 .info-dialog{width:min(680px,calc(100% - 32px));padding:32px;background:#faf7f1;color:#49424c;border:1px solid var(--line);border-radius:0;box-shadow:0 16px 48px rgba(69,55,73,.18)}
 .info-dialog::backdrop{background:rgba(58,43,66,.48)}
 .info-dialog #modalTitle{display:block;font:normal 28px/1.3 Georgia,Garamond,serif;color:#49424c;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
 .info-dialog #modalTitle::before{content:none;display:none}
 .info-dialog #modalText{font:16px/1.6 Georgia,Garamond,serif}
 .info-dialog #modalText p + p{margin-top:16px!important}
 .info-dialog #modalText strong{color:inherit}
 .info-dialog #modalText ul{padding-left:22px;margin:12px 0 0}
 .info-dialog #modalText li{margin-bottom:10px}
 .info-dialog .dialog-close{margin:0 0 24px auto;cursor:pointer}
 .catalog-content .category-info-icon{box-shadow:none;font-style:italic}
 .site-subpage :is(a,button,input,select,textarea):focus-visible{outline:2px solid #796487;outline-offset:4px}
 @media(max-width:720px){
  .site-subpage .catalog-heading,.site-subpage .source-about,.site-subpage .salon-gallery-page,.site-subpage .price-page,.site-subpage .vop-page{padding-top:27px}
  .site-subpage .content-box h2,.site-subpage .catalog-content .category-title,.info-dialog #modalTitle{font-size:26px}
  .info-dialog{padding:24px}
 }
 @media(max-width:480px){.site-subpage .menu a{font-size:12px;padding:8px 6px}.site-subpage .menu .nav-cta{font-size:13px}.site-subpage .catalog-content .card{padding:24px}}
}

@media screen {
 .site-subpage .catalog-nav a.btn,.site-subpage .btn-secondary,.info-dialog .dialog-close{background:#fffdf9;color:#655070;border:1px solid #796487}
 .site-subpage .catalog-nav a.btn:hover,.site-subpage .btn-secondary:hover,.info-dialog .dialog-close:hover{background:#eee8ef;color:#655070;border-color:#796487}
 .info-dialog{border:0}
 .profile-box .profile-img{width:216px;max-width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:65% 35%;border-radius:0;border:1px solid var(--line);padding:14px;background:#fffcf7;box-shadow:var(--shadow)}
 .profile-box .certificate-preview{display:block;margin:32px auto 0;max-width:216px;cursor:zoom-in}
 .certificate-preview img{display:block;width:100%;height:auto}
 .certificate-dialog{margin:auto;width:min(660px,calc(100% - 32px));max-height:92vh;max-height:92dvh;overflow:auto;padding:20px;border:0;background:#faf7f1;color:#49424c;box-shadow:0 16px 48px rgba(69,55,73,.18)}
 .certificate-dialog::backdrop{background:rgba(58,43,66,.48)}
 .certificate-dialog .certificate-close{display:block;margin:0 0 16px auto}
 .certificate-dialog img{display:block;width:100%;height:auto}
 @media(max-width:720px){.profile-box .profile-img{width:184px}}
 @media(max-width:480px){.profile-box .profile-img{width:152px}}
}
@media screen {
 .all-services .btn{width:min(100%,306px)}
 .info-dialog .dialog-close,.site-subpage .certificate-dialog .certificate-close,.gallery-close{display:block;margin:0 0 20px auto;font:700 14px/1.4 Georgia,Garamond,serif;padding:8px 2px;background:transparent;color:#655070;border:0;border-bottom:1px solid #796487;box-shadow:none;border-radius:0;cursor:pointer}
 .info-dialog .dialog-close:hover,.site-subpage .certificate-dialog .certificate-close:hover,.gallery-close:hover{background:transparent;color:#49424c;border:0;border-bottom:1px solid #49424c;box-shadow:none}
 .salon-gallery-grid{display:grid;columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
 .salon-gallery-grid .salon-photo{margin:0;border:0}
 .salon-photo a{display:block;cursor:zoom-in}
 .salon-photo a img{width:100%;height:250px;object-fit:cover;cursor:zoom-in}
 .gallery-dialog{margin:auto;width:min(680px,calc(100% - 32px));max-height:85vh;max-height:85dvh;overflow:auto;padding:20px;border:0;background:#faf7f1;box-shadow:0 16px 48px rgba(69,55,73,.18)}
 .gallery-dialog::backdrop{background:rgba(58,43,66,.48)}
 .gallery-dialog img{display:block;width:auto;max-width:100%;height:auto;max-height:60vh;max-height:60dvh;object-fit:contain;margin:auto}
 @media(max-width:900px){.salon-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
 @media(max-width:600px){.salon-gallery-grid{grid-template-columns:1fr}.salon-photo a img{height:auto}}
}

/* Zavírání oken bez podtržení i při najetí. */
@media screen {
 .info-dialog .dialog-close,.info-dialog .dialog-close:hover,
 .site-subpage .certificate-dialog .certificate-close,.site-subpage .certificate-dialog .certificate-close:hover,
 .gallery-close,.gallery-close:hover{border:0;text-decoration:none}
}

/* Záhlaví a čitelnější levandulový motiv úvodu. */
@media screen {
 .brand-logo-light{filter:brightness(0) invert(1) sepia(.13);object-fit:contain}
 .hero{background:linear-gradient(90deg,rgba(250,247,241,.83) 0%,rgba(250,247,241,.80) 36%,rgba(250,247,241,.60) 65%,rgba(250,247,241,.38) 100%),url('images/levandule-pozadi.jpg') center 43%/cover no-repeat}
 @media(max-width:720px){.hero{background:linear-gradient(90deg,rgba(250,247,241,.86),rgba(250,247,241,.67)),url('images/levandule-pozadi.jpg') center/cover no-repeat}}
}

/* Menší, zrcadlově otočené logo v záhlaví. */
.brand-logo-light{width:45.9px;height:45.9px;transform:none}
@media(max-width:760px){.brand-logo-light{width:37.8px;height:37.8px}}

/* Úvod bez dekorativního obrysu kruhu. */
.hero::after{content:none;display:none}

/* Hosting: mirrored cream logo is stored in the SVG itself. */
.brand-logo-light{filter:none;transform:none}
@media screen {
 .hero{background:linear-gradient(90deg,rgba(250,247,241,.78) 0%,rgba(250,247,241,.77) 36%,rgba(250,247,241,.56) 65%,rgba(250,247,241,.36) 100%),url('images/levandule-pozadi.jpg') center 43%/cover no-repeat}
 @media(max-width:720px){.hero{background:linear-gradient(90deg,rgba(250,247,241,.82),rgba(250,247,241,.64)),url('images/levandule-pozadi.jpg') center/cover no-repeat}}
}