/* Jen H01. Fotografie, světelné vrstvy a animace hero se nemění.
   Hero leží mimo .vr-home, proto mají jeho mobilní pravidla prefix .hero-layout. */
.vr-home{margin-top:12px}
.vr-home .vr-h2{font-size:clamp(30px,3vw,44px);line-height:1.18}
.vr-home .vr-head{gap:28px 56px;margin-bottom:32px;align-items:start}
.vr-home .vr-head .vr-lead{margin:0;font-size:17px;line-height:1.8}
.vr-home .hp-benefits{padding:36px 0 40px;border-bottom:1px solid #dfe7e8}
.vr-home .hp-benefits-title{margin:0 0 24px;font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:#172834}
.vr-home .hp-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 30px;margin:0}
.vr-home .hp-benefit-grid>div{min-width:0;padding-top:16px;border-top:1px solid #cfdcde}
.vr-home .hp-benefit-grid dt{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500;line-height:1.45;color:#172834}
.vr-home .hp-benefit-mark{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:7px;background:#edf3f4;color:#265c65}
.vr-home .hp-benefit-grid dd{margin:12px 0 0;font-size:14px;line-height:1.8;color:#535e66}
.vr-home .vr-solutions{padding-top:56px;padding-bottom:24px}
.vr-home .vr-services{gap:28px}
.vr-home .vr-service{min-width:0}
.vr-home .vr-service-link{height:100%;display:flex;flex-direction:column}
.vr-home .vr-service h3{font-size:24px;line-height:1.3}
.vr-home .vr-service p:not(.vr-service-kind){font-size:16px;line-height:1.8}
.vr-home .vr-service-more{margin-top:auto;padding-top:15px;font-size:14px}
.vr-home .hp-buyback{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:24px 48px;margin-top:34px;padding:36px 40px;border:1px solid #26525a;border-radius:18px;background:#143039;box-shadow:0 14px 30px -22px rgba(20,48,57,.5);align-items:start}
.vr-home .hp-buyback .pv-eyebrow{display:inline-block;margin-bottom:18px;padding:5px 10px;border:1px solid #72989d;border-radius:6px;font-size:11px;line-height:1.5;color:#dcebed}
.vr-home .hp-buyback h3{margin:0;max-width:20ch;font-size:clamp(28px,2.8vw,38px);font-weight:500;line-height:1.2;letter-spacing:-.035em;color:#fffdf8}
.vr-home .hp-buyback p{margin:0}
.vr-home .hp-buyback p:not(.pv-eyebrow){font-size:16px;line-height:1.85;color:#f0f5f5}
.vr-home .hp-buyback p+p{margin-top:16px}
.vr-home .hp-buyback .hp-buyback-note+p{margin-top:24px}
.vr-home .hp-buyback .hp-buyback-note{font-size:14px;line-height:1.8;color:#cbdde0}
.vr-home .hp-buyback .hp-buyback-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;max-width:100%;padding:12px 18px;border:1px solid #fffdf8;border-radius:9px;background:#fffdf8;color:#143039;font-size:15px;font-weight:500;line-height:1.5;text-decoration:none}
.vr-home .hp-buyback .hp-buyback-cta svg{flex:none}
.vr-home .hp-buyback .hp-buyback-cta:hover{background:#e3f0ef;border-color:#e3f0ef}
.vr-home .hp-buyback .hp-buyback-cta:focus-visible{outline:2px solid #e3f0ef;outline-offset:4px}
.vr-home .hp-alternative{margin:20px 0 0;font-size:14px;line-height:1.7}
.vr-home .hp-alternative .vr-link{font-size:14px}
.vr-home .pv-photo-offer{padding-top:48px;padding-bottom:20px}
.vr-home .pv-photo-offer-head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px 56px;align-items:start;margin-bottom:28px}
.vr-home .pv-photo-offer-head .vr-h2{max-width:23ch;font-size:clamp(30px,3.2vw,46px);line-height:1.18}
.vr-home .pv-photo-offer-head .vr-lead{max-width:35em;margin:0;font-size:17px;line-height:1.8}
.vr-home .pv-photo-offer-image{aspect-ratio:4.5;border-radius:16px}
.vr-home .pv-process-brief{gap:36px;margin-top:28px;margin-bottom:26px}
.vr-home .pv-brief-index{font-size:30px;margin-bottom:12px}
.vr-home .pv-process-brief h3{font-size:21px;line-height:1.4;margin-bottom:10px}
.vr-home .pv-process-brief p{font-size:15px;line-height:1.8;max-width:30em}
.vr-home .pv-photo-offer-footer{padding-top:18px;gap:12px 24px}
.vr-home .pv-photo-offer-footer p{font-size:13px;line-height:1.8}
.vr-home .hp-offer-action{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:24px 0 0}
.vr-home .hp-primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 18px;border-radius:10px;background:#265c65;color:#fff;font-size:15px;font-weight:500;line-height:1.5;text-decoration:none}
.vr-home .hp-primary-cta:hover{background:#06454e}
.vr-home .hp-primary-cta:focus-visible{outline:2px solid #007081;outline-offset:4px}
.vr-home .hp-offer-action>span{max-width:33em;font-size:13px;line-height:1.75;color:#535e66}
.vr-home .pv-situations{padding-top:52px;padding-bottom:40px}
.vr-home .pv-situation-grid{gap:0 40px}
.vr-home .pv-situation{padding:22px 0;gap:16px}
.vr-home .pv-situation h3{font-size:18px}
.vr-home .pv-situation p{font-size:14px;line-height:1.75}
.vr-home .pv-guides{padding-top:48px;padding-bottom:24px}
.vr-home .hp-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.vr-home .hp-guide-grid .vr-read{min-width:0;border-top:1px solid #d6e1e4;padding:20px 0}
.vr-home .hp-guide-grid .vr-read-link{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center}
.vr-home .hp-guide-grid .vr-read-cover{aspect-ratio:1.3;border-radius:10px}
.vr-home .hp-guide-grid .vr-read-meta{font-size:12px;margin-bottom:6px;line-height:1.6}
.vr-home .hp-guide-grid .vr-read-title{font-size:18px;line-height:1.45;margin:0;letter-spacing:-.02em;font-weight:500}
.vr-home .hp-guide-grid .vr-read-more{margin-top:8px;font-size:13px;line-height:1.6}
.vr-home .vr-reads-all{margin-top:8px;padding-top:8px;font-size:14px}
.vr-home .pv-faq-centered{padding-top:44px;padding-bottom:56px}
.vr-home .pv-faq-heading{margin-bottom:24px}
.vr-home .pv-faq-heading .vr-h2{font-size:clamp(28px,2.8vw,38px);line-height:1.25}
.vr-home .pv-faq-centered .vr-faq summary{min-height:72px;padding-block:21px;font-size:17px;line-height:1.6}
.vr-home .pv-faq-centered .vr-faq-answer p{font-size:16px;line-height:1.85;padding-bottom:20px}
.vr-home .hp-home-contact{margin-top:12px;padding-block:52px}
.vr-home .hp-home-contact .pv-contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"copy form" "direct form";grid-template-rows:auto 1fr;gap:24px clamp(32px,5vw,72px);align-items:start}
.vr-home .hp-home-contact .pv-contact-copy{grid-area:copy;padding-top:20px;min-width:0}
.vr-home .hp-home-contact .pv-contact-copy .vr-h2{font-size:clamp(30px,3vw,42px);line-height:1.2;max-width:17ch}
.vr-home .hp-home-contact .pv-contact-copy>p:not(.pv-eyebrow){font-size:16px;line-height:1.8;max-width:30em}
.vr-home .hp-home-contact .pv-form-shell{grid-area:form}
.vr-home .hp-home-contact .pv-contact-direct{grid-area:direct;margin:0;align-self:start}
.vr-home .hp-home-contact .hp-inquiry--compact{padding:30px}
.vr-home .hp-home-contact .hp-field label{font-size:14px;line-height:1.5}
.vr-home .hp-home-contact .hp-form-privacy{font-size:13px;line-height:1.75}
@media(max-width:1100px){
 .vr-home .hp-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
 .vr-home .hp-buyback{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:24px}
 .vr-home .vr-head{gap:24px 32px}
 .vr-home .pv-photo-offer-head{gap:24px 32px}
 .vr-home .pv-process-brief{gap:24px}
 .vr-home .pv-process-brief h3{font-size:19px}
}
@media(max-width:1023px){
 .vr-home .hp-home-contact .pv-contact-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "form" "direct";grid-template-rows:auto;gap:24px}
 .vr-home .hp-home-contact .pv-contact-copy{padding-top:0}
 .vr-home .hp-home-contact .pv-contact-copy .vr-h2{max-width:none}
 .vr-home .hp-home-contact .pv-contact-copy>p:not(.pv-eyebrow){max-width:42em;margin-top:18px}
 .vr-home .hp-home-contact .pv-form-shell{max-width:760px;width:100%}
}
@media(max-width:767px){
 /* Mobil: samostatná fotografie nad textem, výška podle obsahu.
    Stejný poměr a souřadnice fotografické vrstvy zachovají světla na oknech. */
 .hero-layout .hero{--media-height:clamp(220px,62vw,320px);height:auto;min-height:0;padding-top:0;padding-bottom:28px}
 .hero-layout .hero-media{position:relative;inset:auto;width:100%;height:var(--media-height)}
 .hero-layout .hero-shade{inset:0 0 auto;height:var(--media-height);background:linear-gradient(180deg,rgba(7,25,18,.16) 0%,transparent 35%,transparent 70%,#112219 100%)}
 .hero-layout .hero-content{position:relative;top:auto;left:auto;width:auto;margin:-8px var(--gutter) 0}
 .hero-layout .hero-free{margin-bottom:16px}
 .hero-layout .hero-title{font-size:clamp(30px,7.8vw,40px);line-height:1.12}
 .hero-layout .hero-title>span{white-space:normal}
 .hero-layout .hero-title>.hero-title-follow{font-size:.85em;line-height:1.18;margin-top:.2em}
 .hero-layout .hero-description{margin-top:18px;font-size:16px;line-height:1.6}
 .hero-layout .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);margin-top:20px;gap:8px}
 .hero-layout .hero-actions .button-primary{width:100%;min-height:58px;font-size:16px}
 .hero-layout .hero-actions .button-primary>svg{width:44px;height:44px;padding:12px}
 .hero-layout .hero-actions .text-link{justify-content:flex-start;justify-self:start;gap:12px;min-height:44px;font-size:15px}
 .hero-layout .hero-provider{margin-top:8px;font-size:13px;line-height:1.5}
 .vr-home{margin-top:8px}
 .vr-home .vr-h2{font-size:30px;line-height:1.22}
 .vr-home .vr-head{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:26px}
 .vr-home .vr-head .vr-lead{font-size:16px;line-height:1.8}
 .vr-home .hp-benefits{padding:28px 0}
 .vr-home .hp-benefits-title{font-size:18px;margin-bottom:20px}
 .vr-home .hp-benefit-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .vr-home .hp-benefit-grid dt{align-items:center;flex-direction:row;gap:10px;font-size:16px;line-height:1.45}
 .vr-home .hp-benefit-grid dd{font-size:14px;line-height:1.65;margin:7px 0 0 36px}
 .vr-home .vr-solutions{padding-top:40px;padding-bottom:16px}
 .vr-home .vr-services{grid-template-columns:minmax(0,1fr);gap:30px}
 .vr-home .vr-service h3{font-size:24px}
 .vr-home .vr-service-more{margin-top:16px}
 .vr-home .hp-buyback{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:28px;padding:28px 22px}
 .vr-home .hp-buyback h3{max-width:none;font-size:28px}
 .vr-home .hp-buyback p:not(.pv-eyebrow){font-size:15px}
 .vr-home .hp-buyback .hp-buyback-note{font-size:14px}
 .vr-home .hp-buyback .hp-buyback-cta{width:100%;padding-inline:14px;gap:14px}
 .vr-home .hp-alternative{margin-top:18px}
 .vr-home .pv-photo-offer{padding-top:36px;padding-bottom:12px}
 .vr-home .pv-photo-offer-head{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:24px}
 .vr-home .pv-photo-offer-head .vr-h2{max-width:23ch;font-size:30px;line-height:1.22}
 .vr-home .pv-photo-offer-head .vr-lead{font-size:16px;line-height:1.8;max-width:none}
 .vr-home .pv-photo-offer-image{aspect-ratio:1.9;border-radius:14px}
 .vr-home .pv-process-brief{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px;margin-bottom:22px}
 .vr-home .pv-brief-index{font-size:27px;margin-bottom:0}
 .vr-home .pv-process-brief h3{font-size:20px}
 .vr-home .pv-process-brief p{font-size:15px;max-width:none}
 .vr-home .hp-offer-action{align-items:flex-start;gap:12px;margin-top:20px}
 .vr-home .hp-primary-cta{width:100%}
 .vr-home .pv-situations{padding-top:40px;padding-bottom:32px}
 .vr-home .pv-situation-grid{grid-template-columns:minmax(0,1fr)}
 .vr-home .pv-situation{padding:18px 0}
 .vr-home .pv-guides{padding-top:36px;padding-bottom:18px}
 .vr-home .hp-guide-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .vr-home .hp-guide-grid .vr-read-link{grid-template-columns:88px minmax(0,1fr);gap:16px}
 .vr-home .hp-guide-grid .vr-read{padding:18px 0}
 .vr-home .hp-guide-grid .vr-read-title{font-size:17px}
 .vr-home .pv-faq-centered{padding-top:36px;padding-bottom:40px}
 .vr-home .pv-faq-heading .vr-h2{font-size:28px}
 .vr-home .pv-faq-centered .vr-faq summary{font-size:16px;line-height:1.65}
 .vr-home .pv-faq-centered .vr-faq-answer p{font-size:15px;line-height:1.85}
 .vr-home .hp-home-contact{margin-top:8px;padding-block:36px}
 .vr-home .hp-home-contact .pv-contact-copy .vr-h2{font-size:30px}
 .vr-home .hp-home-contact .hp-inquiry--compact{padding:24px 18px}
 .vr-home .hp-home-contact .hp-field input,.vr-home .hp-home-contact .hp-field select,.vr-home .hp-home-contact .hp-field textarea{font-size:16px}
 .vr-home .hp-home-contact .hp-field input,.vr-home .hp-home-contact .hp-field select{min-height:48px}
 .vr-home .hp-home-contact .hp-submit{width:100%;justify-content:space-between}
}
@media(max-width:379px){
 .vr-home .hp-guide-grid .vr-read-link{grid-template-columns:72px minmax(0,1fr);gap:12px}
}