/* Proposed replacement for the existing cooperation page. No new product page. */
.price-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;padding-top:65px;padding-bottom:58px}
.price-hero>*{min-width:0}
.price-hero .kicker,.price-value .kicker,.price-process .kicker,.price-invite .kicker{color:#4f5826}
.price-hero h1{font-size:clamp(48px,5.3vw,76px);font-weight:700;letter-spacing:-.055em;line-height:1.04;margin:28px 0 25px}
.price-hero h1 em,.price-value h2 em,.price-section-heading h2 em,.price-invite h2 em{font-style:normal;color:#5b26cb}
.price-hero-copy>p{font-size:17px;line-height:1.8;color:#4f5826;max-width:550px}
.price-hero-copy>.price-lead{font-size:23px;line-height:1.5;font-weight:500;color:#191c18;margin-bottom:17px;max-width:490px}
.price-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:29px}
.price-hero-actions .cta{font-size:14px;padding:16px 20px;gap:23px;border-radius:8px}
.price-phone{font-size:11px;line-height:1.8;display:flex;flex-direction:column;color:#4f5826}
.price-phone strong{font-size:17px;font-weight:600;color:#191c18;text-decoration:underline;text-underline-offset:5px}
.price-hero-copy>.price-personal{font-size:12px;line-height:1.7;margin-top:25px;border-left:3px solid #5b26cb;padding-left:13px;max-width:360px}
.price-agreement{padding:36px 34px 30px;border-radius:16px;background:#191c18;color:#e8f345;box-shadow:9px 9px 0 #5b26cb}
.price-agreement>.kicker{color:#c6cbb5;font-size:10px}
.price-agreement h2{font-size:clamp(29px,3vw,43px);font-weight:600;letter-spacing:-.035em;line-height:1.14;margin:24px 0 19px}
.price-agreement h2 em{font-style:normal;color:#fff}
.price-agreement>p{font-size:14px;line-height:1.75;color:#d8dccb}
.price-agreement dl{margin-top:23px}
.price-agreement dl>div{border-top:1px solid #ffffff29;padding:14px 0;display:grid;grid-template-columns:1fr 1.45fr;gap:15px;align-items:baseline}
.price-agreement dt{font-size:12px;color:#b9a0fa}
.price-agreement dd{font-size:13px;line-height:1.6;color:#f7f7ed}
.price-agreement>.price-running-costs{font-size:12px;line-height:1.8;border-top:1px solid #ffffff29;padding-top:17px;margin-top:3px;color:#c6cbb5}
.price-jump{display:flex;flex-wrap:wrap;gap:12px 32px;border-top:1px solid #191c1838;border-bottom:1px solid #191c1838;padding-top:20px;padding-bottom:20px}
.price-jump a{font-size:12px;line-height:1.7;display:flex;gap:25px;align-items:center}
.price-jump a>span{color:#5b26cb}
.price-jump a:hover{text-decoration:underline;text-underline-offset:5px}
.price-value{display:grid;grid-template-columns:.93fr 1fr;gap:10%;padding-top:79px;padding-bottom:80px}
.price-value h2,.price-care h2,.price-section-heading h2{font-size:clamp(34px,4vw,55px);line-height:1.08;font-weight:600;letter-spacing:-.04em;margin:25px 0}
.price-value>div>p{font-size:17px;line-height:1.85;color:#4f5826;max-width:470px}
.price-value-points article{border-top:1px solid #191c1838;padding:19px 0 26px}
.price-value-points article:last-child{padding-bottom:0}
.price-value-points article>span,.price-steps li>span{font-size:9px;letter-spacing:.8px;line-height:1.7;color:#4f5826}
.price-value-points h3{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.7px;margin:15px 0 12px}
.price-value-points p{font-size:15px;line-height:1.85;color:#4f5826}
.price-care{background:#191c18;color:#e8f345;padding:72px 0 78px}
.price-care-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.price-care-copy>.kicker{color:#b9a0fa}
.price-care h2 em{color:#fff;font-style:normal}
.price-care-copy>p{color:#c9cebd;font-size:16px;line-height:1.85;max-width:490px}
.price-speed{display:flex;gap:16px;margin-top:30px;padding-top:25px;border-top:1px solid #ffffff2b}
.price-speed>span{font-size:30px;color:#b9a0fa;line-height:1}
.price-speed h3{font-size:20px;letter-spacing:-.5px;line-height:1.3;font-weight:500;color:#f8f9ef;max-width:340px}
.price-speed p{font-size:13px;color:#c9cebd;line-height:1.85;margin-top:12px;max-width:390px}
.price-care .availability{margin-top:24px}
.price-idea{background:#f7f8e9;color:#191c18;border-radius:16px;padding:35px;box-shadow:9px 9px 0 #5b26cb;transform:rotate(1deg)}
.price-idea-label{font-size:9px;letter-spacing:.7px;color:#54583a;line-height:1.8}
.price-idea-quote{font-size:clamp(31px,3vw,43px);line-height:1.12;font-weight:600;letter-spacing:-1.3px;margin:25px 0;color:#5b26cb}
.price-idea ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
.price-idea li{border:1px solid #191c182f;border-radius:6px;padding:8px 11px;font-size:12px;line-height:1.5}
.price-idea-answer{border-top:1px solid #191c182b;margin-top:26px;padding-top:23px;display:flex;gap:15px}
.price-idea-answer>span{font-size:26px;color:#5b26cb}
.price-idea-answer p{font-size:15px;line-height:1.85;color:#54583a}
.price-idea>a{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;background:#e8f345;border:1px solid #191c1830;border-radius:8px;padding:16px;margin-top:24px;font-size:12px;line-height:1.6}
.price-idea>a strong{font-size:15px;font-weight:600}
.price-process{padding-top:76px;padding-bottom:12px}
.price-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:33px}
.price-section-heading h2{margin:0;flex-basis:57%}
.price-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;list-style:none;margin:0;padding:0}
.price-steps li{padding:28px 25px;border:1px solid #191c1830;border-radius:12px;background:#ffffff35}
.price-steps li:nth-child(2){background:#5b26cb;border-color:#5b26cb;color:#fff}
.price-steps li:nth-child(2)>span,.price-steps li:nth-child(2)>p{color:#eee7ff}
.price-steps li:nth-child(3){background:#191c18;color:#e8f345;border-color:#191c18}
.price-steps li:nth-child(3)>span,.price-steps li:nth-child(3)>p{color:#c9cebd}
.price-steps h3{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.6px;margin:23px 0 16px}
.price-steps p{font-size:15px;line-height:1.85;color:#4f5826}
.price-faq{padding-top:70px;padding-bottom:70px;gap:9%}
.price-faq h2{font-size:clamp(36px,4vw,55px);font-weight:600;letter-spacing:-.04em}
.price-faq .section-head em{font-style:normal;color:#5b26cb}
.price-invite{padding-top:44px;padding-bottom:55px;gap:35px}
.price-invite h2{font-size:clamp(29px,3.4vw,43px);line-height:1.13;font-weight:600;letter-spacing:-.04em;margin:21px 0 15px}
.price-invite p{max-width:530px;line-height:1.85}
.price-proposal :is(a,summary):focus-visible{outline:3px solid #5b26cb;outline-offset:5px}
.price-care :is(a,summary):focus-visible{outline-color:#b9a0fa}
.price-proposal :is(#cena,#dalsi-upravy,#spoluprace){scroll-margin-top:25px}
@media(max-width:1100px){
  .price-hero{gap:5%;padding-top:50px}
  .price-hero h1{font-size:clamp(48px,5.4vw,65px)}
  .price-hero-copy>.price-lead{font-size:21px}
  .price-agreement{padding:30px 25px}
  .price-agreement dl>div{grid-template-columns:1fr;gap:4px}
  .price-value{gap:7%}
  .price-idea{padding:27px}
  .price-steps{gap:17px}.price-steps li{padding:25px 21px}.price-steps h3{font-size:23px}.price-steps p{font-size:14px}
}
@media(max-width:800px){
  .price-hero{grid-template-columns:1fr;gap:35px;align-items:start}
  .price-hero h1{font-size:clamp(45px,8vw,66px)}
  .price-hero-copy>p{max-width:620px}
  .price-hero-copy>.price-lead{max-width:540px}
  .price-agreement{max-width:620px;margin-right:9px}
  .price-agreement h2{font-size:37px}
  .price-agreement dl>div{grid-template-columns:1fr 1.6fr;gap:16px}
  .price-value{padding-top:54px;padding-bottom:54px;gap:5%}
  .price-value>div>p{font-size:15px}
  .price-value-points h3{font-size:22px}
  .price-value-points p{font-size:14px}
  .price-care{padding-top:50px;padding-bottom:59px}
  .price-care-layout{grid-template-columns:1fr;gap:35px}
  .price-care-copy>p{max-width:600px}
  .price-speed h3,.price-speed p{max-width:none}
  .price-idea{max-width:620px;transform:none;margin-right:9px}
  .price-idea-quote{font-size:37px}
  .price-section-heading{display:block}
  .price-section-heading h2{margin-top:22px}
  .price-steps{grid-template-columns:1fr;gap:15px}
  .price-steps li{padding:27px}
  .price-steps h3{margin-top:16px;font-size:25px}
  .price-steps p{font-size:15px}
}
@media(max-width:620px){
  .price-hero{padding-top:36px;padding-bottom:36px;gap:30px}
  .price-hero h1{font-size:clamp(39px,10.5vw,58px);margin:24px 0 22px}
  .price-hero-copy>.price-lead{font-size:21px;line-height:1.5}
  .price-hero-copy>p{font-size:15px}
  .price-hero-actions{gap:18px;margin-top:24px;align-items:flex-start;flex-direction:column}
  .price-hero-actions .cta{font-size:14px}
  .price-phone{font-size:11px;flex-direction:row;flex-wrap:wrap;gap:3px 9px;align-items:baseline}
  .price-phone strong{font-size:15px}
  .price-hero-copy>.price-personal{font-size:11px;margin-top:23px}
  .price-agreement{padding:28px 22px 24px;box-shadow:6px 6px 0 #5b26cb;margin-right:6px}
  .price-agreement>.kicker{font-size:9px}
  .price-agreement h2{font-size:clamp(29px,8.5vw,39px)}
  .price-agreement>p{font-size:13px}
  .price-agreement dl>div{grid-template-columns:1fr;gap:5px;padding:13px 0}
  .price-agreement dt{font-size:11px}.price-agreement dd{font-size:13px}
  .price-agreement>.price-running-costs{font-size:11px}
  .price-jump{gap:0;flex-direction:column;padding-top:9px;padding-bottom:9px}
  .price-jump a{justify-content:space-between;gap:15px;min-height:43px}
  .price-value{grid-template-columns:1fr;gap:29px;padding-top:43px;padding-bottom:43px}
  .price-value h2,.price-care h2,.price-section-heading h2{font-size:37px;margin:21px 0}
  .price-value>div>p,.price-value-points p{font-size:15px}
  .price-value-points h3{font-size:24px}
  .price-care{padding-top:42px;padding-bottom:48px}
  .price-care-copy>p{font-size:15px}
  .price-speed{gap:12px;margin-top:25px;padding-top:23px}
  .price-speed h3{font-size:20px}.price-speed p{font-size:12px}
  .price-idea{padding:26px 21px;box-shadow:6px 6px 0 #5b26cb;margin-right:6px}
  .price-idea-label{font-size:8px}
  .price-idea-quote{font-size:33px;letter-spacing:-1px}
  .price-idea li{font-size:11px}
  .price-idea-answer{gap:10px}
  .price-idea-answer p{font-size:14px}
  .price-idea>a{flex-direction:column;gap:4px}
  .price-process{padding-top:44px}
  .price-section-heading{margin-bottom:27px}
  .price-steps li{padding:26px 23px}
  .price-faq{padding-top:45px;padding-bottom:42px}
  .price-invite{padding-top:33px;padding-bottom:44px;gap:22px}
  .price-invite h2{font-size:33px}
}
@media(max-width:380px){
  .price-hero .kicker,.price-value .kicker,.price-process .kicker,.price-care .kicker,.price-invite .kicker{font-size:8px;letter-spacing:.6px}
  .price-hero h1{font-size:39px}
  .price-hero-copy>.price-lead{font-size:20px}
  .price-agreement h2{font-size:29px}
  .price-idea-quote{font-size:29px}
  .price-value h2,.price-care h2,.price-section-heading h2{font-size:33px}
  .price-invite h2{font-size:29px}
}
