/* Vizuální styl pouze pro stránku Pro firmy. */
.owner-main:has(.pf-page){max-width:1160px;width:min(100% - 32px,1160px)}
.pf-page{min-width:0;color:var(--ink)}
.pf-page h2{font-size:clamp(21px,2.1vw,28px);line-height:1.2;margin:0 0 18px}
.pf-page h2:after{content:"";display:block;width:42px;height:3px;margin-top:8px;background:#f28b30;border-radius:5px}
.pf-page p,.pf-page li{line-height:1.55}
.pf-hero{min-height:290px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:16px;padding:34px 24px;background:linear-gradient(90deg,rgba(4,16,30,.42),rgba(4,16,30,.91) 31%,rgba(4,16,30,.91) 69%,rgba(4,16,30,.42)),url('pro-firmy-hero.webp') center/cover no-repeat,#071b2d;color:#fff}
.pf-hero-content{position:relative;max-width:560px;text-align:center}
.pf-hero h1{font-size:clamp(28px,3.5vw,44px);line-height:1.12;margin:0 0 14px;color:#fff;overflow-wrap:anywhere}
.pf-hero p{color:#e5edf5;margin:0 0 20px}
.pf-page .button.dark{background:#f18a2d;color:#121c28;border-color:#f18a2d;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:normal}
.pf-page .button.dark:hover{background:#ffad58;color:#121c28}
.pf-page .button:focus-visible,.pf-faq summary:focus-visible{outline:3px solid #f18a2d;outline-offset:3px}
.pf-section{margin:32px 0}.pf-benefits,.pf-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.pf-benefits{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-benefits li,.pf-steps li{min-width:0;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere}
.pf-benefits li:before{display:block;color:#e77817;font-size:24px;font-weight:800;line-height:1;margin-bottom:10px}
.pf-benefits li:nth-child(1):before{content:'⌖'}.pf-benefits li:nth-child(2):before{content:'⚒'}.pf-benefits li:nth-child(3):before{content:'✎'}.pf-benefits li:nth-child(4):before{content:'♥'}
.pf-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px}.pf-columns .pf-section{margin:0}.pf-steps{counter-reset:steps;grid-template-columns:repeat(3,minmax(0,1fr))}.pf-steps li{counter-increment:steps;padding:14px}.pf-steps li:before{content:counter(steps);display:block;font-weight:800;color:#e77817;font-size:24px;margin-bottom:8px}
.pf-faq details{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:8px 0;padding:12px 16px}.pf-faq summary{cursor:pointer;font-weight:700}.pf-faq details p{margin:10px 0 0}
.pf-final{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:22px;margin:30px 0}.pf-final a:not(.button){overflow-wrap:anywhere}
@media(max-width:800px){.pf-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-columns{grid-template-columns:minmax(0,1fr);gap:24px}.pf-hero{min-height:270px}}
@media(max-width:480px){.owner-main:has(.pf-page){width:min(100% - 24px,1160px)}.pf-hero{padding:24px 16px;min-height:0;background-position:38% center}.pf-hero h1{font-size:28px}.pf-hero p{margin-bottom:14px}.pf-section{margin:26px 0}.pf-benefits{gap:9px}.pf-benefits li{padding:13px;font-size:14px}.pf-steps{grid-template-columns:1fr;gap:8px}.pf-steps li{display:flex;align-items:center;gap:12px}.pf-steps li:before{margin:0}.pf-final{padding:16px}.pf-page .button.dark{max-width:100%;width:100%}}

/* V2.1: schválený technický směr, lokálně pro stránku Pro firmy. */
.pf-hero{min-height:360px;justify-content:flex-end;padding:38px 5%;background:linear-gradient(90deg,rgba(3,16,29,.08) 0%,rgba(3,16,29,.42) 42%,rgba(3,16,29,.92) 62%,rgba(3,16,29,.85) 100%),url('pro-firmy-hero-v21.webp') center/cover no-repeat,#071b2d}
.pf-hero-content{max-width:56%;text-align:left}
.pf-hero h1{font-size:clamp(28px,3.3vw,43px);overflow-wrap:normal}
.pf-benefits li,.pf-steps li,.pf-faq details,.pf-final{box-shadow:0 5px 20px rgba(5,20,35,.045)}
.pf-benefits li,.pf-steps li{border-color:var(--border)}
.pf-faq details{border-radius:10px}
@media(max-width:800px){.pf-hero{min-height:330px}.pf-hero-content{max-width:62%}}
@media(max-width:600px){.pf-hero{min-height:0;align-items:flex-end;padding:145px 18px 22px;background:linear-gradient(180deg,rgba(3,16,29,.05),rgba(3,16,29,.75) 37%,rgba(3,16,29,.96) 65%),url('pro-firmy-hero-v21.webp') 23% top/auto 260px no-repeat,#071b2d}.pf-hero-content{max-width:none}.pf-hero h1{font-size:clamp(27px,7vw,34px)}.pf-page .button.dark{width:100%}}

/* V2.2: úpravy pouze stránky Pro firmy. */
.owner-main:has(.pf-page){max-width:1240px;width:min(100% - 32px,1240px)}
.pf-hero{min-height:270px;padding:22px 5%;background-image:linear-gradient(90deg,rgba(3,16,29,.08) 0%,rgba(3,16,29,.38) 42%,rgba(3,16,29,.83) 62%,rgba(3,16,29,.73) 100%),url('pro-firmy-hero-v21.webp')}
.pf-hero h1{font-size:clamp(27px,3vw,39px);margin-bottom:10px}
.pf-hero p{margin-bottom:14px}
.pf-hero p:last-child{margin-bottom:0}
.pf-page a.button.dark{text-decoration:none}
.pf-benefits li:before{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 0 10px;border-radius:9px;background:rgba(231,120,23,.11);color:#e77817;font-family:Arial,Helvetica,sans-serif;font-size:21px;line-height:1}
@media(max-width:800px){.pf-hero{min-height:0;padding:30px 5%}}
@media(max-width:600px){.owner-main:has(.pf-page){width:min(100% - 24px,1240px)}.pf-hero{padding:145px 18px 22px;background-image:linear-gradient(180deg,rgba(3,16,29,.05),rgba(3,16,29,.75) 37%,rgba(3,16,29,.96) 65%),url('pro-firmy-hero-v21.webp')}.pf-hero h1{font-size:clamp(27px,7vw,34px)}}

/* V2.2.2: standardní odkaz pokrývá pouze první registrační krok. */
.pf-steps .pf-step-register{position:relative;cursor:pointer}
.pf-steps .pf-step-register > a{color:inherit;text-decoration:none;border-radius:inherit}
.pf-steps .pf-step-register > a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pf-steps .pf-step-register:hover{border-color:#f28b30}
.pf-steps .pf-step-register > a:focus-visible{outline:none}
.pf-steps .pf-step-register > a:focus-visible::after{outline:3px solid #f18a2d;outline-offset:3px}
