/* Roof calculator – premium extension of the shared aggregate system. */
body.roof-pro{
  --roof-navy:#112b3d;
  --roof-blue:#1f6176;
  --roof-teal:#2e8b7e;
  --roof-copper:#bd7a45;
  --roof-sand:#e9c58e;
  background:linear-gradient(180deg,#f6faf9 0%,#eef5f4 46%,#f8faf9 100%);
}
.roof-pro .eyebrow{background:#eaf5f4;border-color:rgba(31,97,118,.18);color:#1c6271}
.roof-pro .btn-primary,.roof-pro .header-cta{background:linear-gradient(135deg,#12334a,#21758a 62%,#c3804c)}
.roof-pro .btn-primary{box-shadow:0 14px 32px rgba(20,77,93,.23)}
.roof-pro .mode-button.is-active{background:linear-gradient(145deg,#15384b,#237487 72%,#9b633b)}
.roof-pro .mode-number,.roof-pro .use-grid span,.roof-pro .steps-grid span,.roof-pro .example-card>span{background:#173e51}
.roof-pro .purpose-card input:checked+span,.roof-pro .choice-card input:checked+span{border-color:#2d8190;background:#edf7f8;box-shadow:inset 0 0 0 1px #2d8190}
.roof-pro .mode-intro-basic{background:#eef8f7;border-color:rgba(43,130,124,.2)}
.roof-pro .mode-intro-basic>span{background:#267c79}
.roof-pro .basic-details{background:#fbfcfc}
.roof-pro .feature-toggle input:checked+span{border-color:#2f8490;background:#edf8f8;box-shadow:inset 0 0 0 1px #2f8490}
.roof-pro .reserve-row input{accent-color:#267c79}
.roof-pro .reserve-row output,.roof-pro .reserve-chips button.is-active{background:#173e51}

.roof-hero{
  background:
    radial-gradient(circle at 85% 8%,rgba(189,122,69,.18),transparent 26%),
    radial-gradient(circle at 11% 18%,rgba(46,139,126,.12),transparent 30%),
    linear-gradient(180deg,#f8fbfa,#eef6f5);
}
.roof-hero::after{opacity:.08;background-image:linear-gradient(rgba(31,97,118,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(31,97,118,.25) 1px,transparent 1px);background-size:36px 36px}
.roof-hero .aggregate-hero-copy h1{max-width:850px}
.roof-visual{min-height:510px;background:linear-gradient(150deg,#102b3d,#1c5869 62%,#815336)}
.roof-visual::after{content:"";position:absolute;left:-90px;bottom:-110px;width:270px;height:270px;border:42px solid rgba(255,255,255,.045);border-radius:50%}
.roof-model{position:relative;min-height:350px;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#d9edf0 0 52%,#e7decf 52%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.roof-sky{position:absolute;inset:0 0 48%;background:radial-gradient(circle at 79% 20%,#fff9d7 0 26px,transparent 27px),linear-gradient(180deg,#d8eef1,#eff5f3)}
.roof-house{position:absolute;left:15%;right:15%;bottom:0;height:51%;background:linear-gradient(90deg,#f5efe4,#ded2bd);box-shadow:0 18px 35px rgba(31,49,52,.22)}
.roof-house::before,.roof-house::after{content:"";position:absolute;bottom:27px;width:40px;height:70px;border-radius:4px 4px 0 0;background:#315e6b;box-shadow:inset 0 0 0 7px #cbe0df}
.roof-house::before{left:22%}.roof-house::after{right:22%}
.roof-plane{position:absolute;z-index:2;left:7%;right:7%;top:22%;height:42%;clip-path:polygon(50% 0,100% 78%,93% 88%,50% 25%,7% 88%,0 78%);background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 2px,transparent 2px 18px),linear-gradient(135deg,#354f59,#934e32 60%,#c97b47);filter:drop-shadow(0 18px 14px rgba(20,38,43,.28));transition:.25s ease}
.roof-plane::after{content:"";position:absolute;left:47%;top:14%;width:6%;height:76%;background:linear-gradient(90deg,#cf9a63,#f0c491,#b77943);transform:rotate(-.5deg)}
.roof-window{position:absolute;z-index:3;left:25%;top:39%;width:54px;height:66px;border:6px solid #d6ae7d;background:linear-gradient(145deg,#cbe9ec,#31596a);transform:skewY(18deg);box-shadow:0 8px 14px rgba(9,34,45,.32)}
.roof-chimney{position:absolute;z-index:4;right:27%;top:21%;width:36px;height:90px;background:repeating-linear-gradient(0deg,#9b5b43 0 7px,#c98561 7px 12px);box-shadow:0 9px 16px rgba(30,37,40,.24)}
.roof-chimney::before{content:"";position:absolute;left:-5px;right:-5px;top:-7px;height:10px;background:#384a4e}
.roof-layer-labels{position:absolute;z-index:5;left:14px;bottom:14px;display:flex;gap:6px;flex-wrap:wrap;max-width:72%}
.roof-layer-labels span{padding:6px 8px;border-radius:999px;background:rgba(16,43,61,.88);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.03em}
.roof-marker{position:absolute;z-index:6;right:14px;bottom:14px;max-width:45%;padding:12px 14px;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 15px 32px rgba(18,43,61,.22);color:#17384a}
.roof-marker span,.roof-marker strong{display:block}.roof-marker span{font-size:.63rem;font-weight:800;color:#657a81}.roof-marker strong{margin-top:3px;font-size:1.32rem;line-height:1.05}
.roof-visual.is-simple .roof-plane{left:11%;right:11%;clip-path:polygon(50% 2%,100% 80%,93% 88%,50% 28%,7% 88%,0 80%)}
.roof-visual.is-complex .roof-plane{clip-path:polygon(36% 0,57% 25%,70% 12%,100% 78%,92% 88%,68% 40%,56% 57%,35% 24%,8% 88%,0 78%)}
.roof-visual .visual-stats{grid-template-columns:1.25fr .9fr .75fr}

.roof-pro .aggregate-work{grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr)}
.roof-pro .aggregate-form,.roof-pro .aggregate-result{min-width:0}
.roof-pro .aggregate-result{top:92px}
.roof-pro .form-top{padding-bottom:3px}
.roof-pro .purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.roof-pro .purpose-card span{min-height:96px}
.roof-pro .complexity-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
.roof-pro .complexity-picker .choice-card span{height:100%;min-height:82px}
.roof-pro .basic-area-note{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 14px;border-radius:16px;background:#edf7f7;color:#3f656d;font-size:.78rem;line-height:1.45}
.roof-pro .basic-area-note::before{content:"i";display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#1f6675;color:#fff;font-weight:950}
.roof-pro .feature-toggle-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.roof-pro .feature-toggle span{min-height:92px}
.roof-pro .rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.roof-pro .rate-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:13px;border:1px solid var(--agg-line);border-radius:18px;background:#fff}
.roof-pro .rate-card>input[type="checkbox"]{margin-top:18px;width:18px;height:18px;accent-color:#257a82}
.roof-pro .rate-card label{min-width:0}.roof-pro .rate-card label>span{display:block;margin-bottom:6px;color:#183847;font-size:.82rem;font-weight:900}.roof-pro .rate-card .input-wrap{min-height:46px}.roof-pro .rate-card .input-wrap input{padding-block:10px}
.roof-pro .detail-cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.roof-pro .detail-cost{padding:13px;border:1px solid var(--agg-line);border-radius:18px;background:#fff}.roof-pro .detail-cost>span{display:block;margin-bottom:8px;color:#183847;font-size:.82rem;font-weight:900}.roof-pro .detail-cost-row{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.roof-pro .detail-cost-row .input-wrap{min-height:46px}
.roof-pro .result-main{background:radial-gradient(circle at 92% 3%,rgba(227,168,94,.62),transparent 34%),linear-gradient(145deg,#102c3e,#1e6171 64%,#815338)}
.roof-pro .result-main output{font-size:clamp(2.7rem,5.1vw,4.2rem);white-space:nowrap}
.roof-pro .roof-gauge{display:flex;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.13)}
.roof-pro .roof-gauge i,.roof-pro .roof-gauge span,.roof-pro .roof-gauge b{display:block;min-width:0;transition:width .25s ease}
.roof-pro #gaugeStructure{background:#64d0bd}.roof-pro #gaugeEnvelope{background:#76aee8}.roof-pro #gaugeReserve{background:#e7ad62}
.roof-pro .gauge-legend{display:grid;grid-template-columns:repeat(3,1fr);font-size:.67rem}.roof-pro .gauge-legend span:nth-child(2){text-align:center}.roof-pro .gauge-legend span:last-child{text-align:right}.roof-pro .gauge-legend b{color:#fff}
.roof-pro .result-insight{border-left-color:#287e83;background:#edf8f8}.roof-pro .result-insight strong{color:#174d58}
.roof-pro .result-actions button.copied{background:#1d6370;color:#fff;border-color:#1d6370}
.roof-pro .advanced-result-panel{background:#f8f1e8;border-color:rgba(189,122,69,.25)}
.roof-pro .budget-panel{margin-top:14px;padding:17px;border:1px solid #bddbd7;border-radius:20px;background:linear-gradient(135deg,#eff9f7,#fff);transition:border-color .2s ease,background .2s ease}
.roof-pro .budget-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.roof-pro .budget-panel-head span,.roof-pro .budget-panel-head strong{display:block}.roof-pro .budget-panel-head span{color:#6b8288;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em}.roof-pro .budget-panel-head strong{margin-top:3px;color:#153d49;font-size:1.02rem}.roof-pro .budget-panel-head>b{max-width:48%;padding:7px 10px;border-radius:999px;background:#dff3ed;color:#176b58;font-size:.72rem;text-align:right}
.roof-pro .budget-track{height:9px;margin:13px 0 10px;border-radius:999px;overflow:hidden;background:#dfe9e9}.roof-pro .budget-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#27c993,#5ca9ef);transition:width .28s ease}.roof-pro .budget-panel p{margin:0;color:#526f77;font-size:.78rem;line-height:1.55}
.roof-pro .budget-panel.is-close{border-color:#dfbc7d;background:linear-gradient(135deg,#fff8e9,#fff)}.roof-pro .budget-panel.is-close .budget-track i{background:linear-gradient(90deg,#e4ae58,#ef8a58)}.roof-pro .budget-panel.is-close .budget-panel-head>b{background:#f9e9c9;color:#845917}
.roof-pro .budget-panel.is-over{border-color:#e2a5a5;background:linear-gradient(135deg,#fff0ef,#fff)}.roof-pro .budget-panel.is-over .budget-track i{background:linear-gradient(90deg,#e87863,#d34f5d)}.roof-pro .budget-panel.is-over .budget-panel-head>b{background:#f8dcdc;color:#993c46}.roof-pro .budget-panel.is-empty{border-style:dashed;background:#f8faf9}
.roof-pro .breakdown-table td:nth-child(4),.roof-pro .breakdown-table td:nth-child(5){font-weight:850;color:#183e4c;white-space:nowrap}
.roof-pro .breakdown-total td{background:#eff7f6;font-weight:900}.roof-pro .breakdown-reserve td{background:#fbf4ea}
.roof-pro .scenario-card.is-current{border-color:#2b7f87;box-shadow:inset 0 0 0 1px #2b7f87,0 13px 28px rgba(29,95,105,.08)}
.roof-pro .scenario-card span{font-size:.71rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.roof-pro .content-article strong,.roof-pro .source-grid strong,.roof-pro .mistake-grid strong{color:#174c59}
.roof-pro .formula-box{background:linear-gradient(135deg,#eaf7f6,#fbf2e6);border-color:#bfdcda;color:#184c58}
.roof-pro .notice-box{background:#faf2e7;border-color:rgba(189,122,69,.27)}
.roof-pro .source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.roof-pro .source-grid a{transition:transform .18s ease,border-color .18s ease}.roof-pro .source-grid a:hover{transform:translateY(-3px);border-color:#9ccac8}
.roof-pro .related-card>span{background:#e9f6f5;color:#1e6874}
.roof-pro .offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.roof-pro .offer-grid article{padding:20px;border:1px solid var(--agg-line);border-radius:22px;background:#fff}.roof-pro .offer-grid h3{margin:0 0 8px;font-size:1.18rem}.roof-pro .offer-grid ul{margin:0;padding-left:18px;color:#577079;line-height:1.7}
.roof-pro .comparison-table-wrap{overflow-x:auto;border:1px solid var(--agg-line);border-radius:22px;background:#fff}.roof-pro .comparison-table{width:100%;min-width:720px;border-collapse:collapse}.roof-pro .comparison-table th,.roof-pro .comparison-table td{padding:14px 16px;border-bottom:1px solid #e2ebea;text-align:left}.roof-pro .comparison-table th{background:#edf6f5;color:#345c64;font-size:.76rem;text-transform:uppercase}.roof-pro .comparison-table td{color:#526d74;line-height:1.55}.roof-pro .comparison-table td:first-child{font-weight:900;color:#163b49}

.roof-pro .stage-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.roof-pro .stage-dashboard article{display:flex;min-width:0;min-height:198px;flex-direction:column;padding:19px;border:1px solid var(--agg-line);border-radius:22px;background:linear-gradient(145deg,#fff,#f3f8f7);box-shadow:0 16px 32px rgba(24,67,77,.07)}.roof-pro .stage-dashboard article>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.roof-pro .stage-dashboard article span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#173e51;color:#fff;font-size:.68rem;font-weight:950}.roof-pro .stage-dashboard article strong{color:#193e4b;font-size:.9rem}.roof-pro .stage-dashboard article b{grid-column:1/-1;margin-top:12px;color:#102d3e;font-size:clamp(1.35rem,2.2vw,1.85rem);letter-spacing:-.035em}.roof-pro .stage-dashboard article p{min-height:42px;margin:8px 0 14px;color:#637a80;font-size:.76rem;line-height:1.45}.roof-pro .stage-track{height:8px;margin-top:auto;border-radius:999px;overflow:hidden;background:#dce9e8}.roof-pro .stage-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#29c592,#5a9ee6);transition:width .28s ease}.roof-pro .stage-dashboard article:nth-child(2) .stage-track i{background:linear-gradient(90deg,#48bfae,#3c83c8)}.roof-pro .stage-dashboard article:nth-child(3) .stage-track i{background:linear-gradient(90deg,#5c9ddf,#9a78c9)}.roof-pro .stage-dashboard article:nth-child(4) .stage-track i{background:linear-gradient(90deg,#d4a159,#bd7044)}.roof-pro .stage-dashboard article small{margin-top:8px;color:#58737a;font-size:.68rem;font-weight:850}.roof-pro .stage-callout{display:grid;grid-template-columns:auto minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:14px;margin-top:14px;padding:18px 20px;border-radius:22px;background:linear-gradient(125deg,#102d3f,#1e6874 62%,#805338);color:#fff}.roof-pro .stage-callout span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.67rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.roof-pro .stage-callout strong{font-size:1.02rem}.roof-pro .stage-callout p{margin:0;color:#dcebea;font-size:.78rem;line-height:1.55}

.roof-pro .market-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.roof-pro .market-grid article{padding:22px;border:1px solid var(--agg-line);border-radius:24px;background:#fff}.roof-pro .market-grid .market-lead{background:radial-gradient(circle at 95% 5%,rgba(227,174,99,.28),transparent 38%),linear-gradient(145deg,#123247,#1c6671);color:#fff}.roof-pro .market-lead span{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.13);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}.roof-pro .market-lead strong{display:block;margin:16px 0 10px;font-size:clamp(2.1rem,4vw,3.25rem);line-height:1;letter-spacing:-.055em}.roof-pro .market-grid h3{margin:0 0 12px;color:#173b49;font-size:1.25rem}.roof-pro .market-grid p{margin:0;color:#587079;line-height:1.7}.roof-pro .market-lead p{color:#edf7f6}.roof-pro .market-lead small{display:block;margin-top:14px;color:#cae0de;line-height:1.5}.roof-pro .market-note{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:18px 20px;border:1px solid #dfc39a;border-radius:20px;background:#fff8ec}.roof-pro .market-note strong{flex:0 0 auto;color:#805b25}.roof-pro .market-note p{margin:0;color:#685d4d;line-height:1.6}
.roof-pro .cashflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.roof-pro .cashflow-grid article{position:relative;padding:21px;border:1px solid var(--agg-line);border-radius:22px;background:#fff}.roof-pro .cashflow-grid span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e8f5f4;color:#1d6a73;font-size:.72rem;font-weight:950}.roof-pro .cashflow-grid h3{margin:15px 0 9px;color:#173c4a;font-size:1.12rem}.roof-pro .cashflow-grid p{margin:0;color:#5c747b;line-height:1.66}.roof-pro .decision-split{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.roof-pro .decision-split article{padding:25px;border:1px solid var(--agg-line);border-radius:25px;background:#fff}.roof-pro .decision-split h3{margin:10px 0 12px;color:#102d3f;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.08}.roof-pro .decision-split p:not(.eyebrow){color:#536e76;line-height:1.72}.roof-pro .energy-callout{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:24px;margin-top:16px;padding:25px;border-radius:25px;background:linear-gradient(135deg,#123148,#1b6371 64%,#6f553d);color:#fff}.roof-pro .energy-callout span{color:#a5ddd4;font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.roof-pro .energy-callout h3{margin:9px 0 0;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.1}.roof-pro .energy-callout p{margin:0;color:#e2eeee;line-height:1.72}

@media(max-width:1100px){
  .roof-pro .aggregate-work{grid-template-columns:1fr}
  .roof-pro .aggregate-result{position:relative;top:auto}
  .roof-pro .source-grid{grid-template-columns:repeat(2,1fr)}
  .roof-pro .stage-dashboard,.roof-pro .cashflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .roof-pro .market-grid{grid-template-columns:1fr 1fr}.roof-pro .market-grid .market-lead{grid-column:1/-1}
}
@media(max-width:760px){
  body.roof-pro .aggregate-hero{padding:19px 0 15px}
  body.roof-pro .aggregate-hero-copy h1{font-size:clamp(2.28rem,10.8vw,3.25rem);line-height:.98}
  body.roof-pro .aggregate-work{display:flex;flex-direction:column;padding-top:17px}
  body.roof-pro .aggregate-form{order:1;width:100%}
  body.roof-pro .aggregate-result{order:2;width:100%}
  .roof-pro .rate-grid,.roof-pro .detail-cost-grid,.roof-pro .source-grid,.roof-pro .offer-grid,.roof-pro .stage-dashboard,.roof-pro .cashflow-grid,.roof-pro .market-grid,.roof-pro .decision-split,.roof-pro .energy-callout{grid-template-columns:1fr}
  .roof-pro .market-grid .market-lead{grid-column:auto}
  .roof-pro .purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .roof-pro .complexity-picker{grid-template-columns:repeat(3,minmax(0,1fr))}
  .roof-pro .purpose-card span{min-height:106px;padding:13px}
  .roof-pro .purpose-card b{font-size:.86rem;line-height:1.25}.roof-pro .purpose-card small{font-size:.72rem;line-height:1.35}
  .roof-pro .complexity-picker .choice-card span{min-height:96px;padding:12px 9px}.roof-pro .complexity-picker b{font-size:.82rem}.roof-pro .complexity-picker small{font-size:.68rem;line-height:1.3}
  .roof-pro .mode-button small{display:block}
  .roof-pro .result-main output{font-size:clamp(2.45rem,12vw,3.25rem)}
  .roof-pro .result-main-label{display:block}.roof-pro .result-main-label b{display:inline-flex;margin-top:7px}
  .roof-pro .detail-cost-row{grid-template-columns:1fr 1.25fr}
  .roof-pro .stage-dashboard article{min-height:0}.roof-pro .stage-dashboard article p{min-height:0}.roof-pro .stage-callout{grid-template-columns:1fr}.roof-pro .stage-callout span{justify-self:start}
  .roof-pro .energy-callout{gap:14px}.roof-pro .market-note{display:block}.roof-pro .market-note strong{display:block;margin-bottom:6px}
  .roof-pro .breakdown-wrap,.roof-pro .comparison-table-wrap{overflow:visible;border:0;background:transparent}
  .roof-pro .breakdown-table,.roof-pro .comparison-table{display:block;min-width:0}
  .roof-pro .breakdown-table thead,.roof-pro .comparison-table thead{display:none}
  .roof-pro .breakdown-table tbody,.roof-pro .comparison-table tbody{display:grid;gap:10px}
  .roof-pro .breakdown-table tr,.roof-pro .comparison-table tr{display:grid;grid-template-columns:1fr 1fr;padding:11px;border:1px solid var(--agg-line);border-radius:18px;background:#fff;overflow:hidden}
  .roof-pro .breakdown-table td,.roof-pro .comparison-table td{display:block;padding:7px;border:0;white-space:normal!important}
  .roof-pro .breakdown-table td:first-child,.roof-pro .comparison-table td:first-child{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid #e3ebea;font-size:.92rem}
  .roof-pro .breakdown-table td::before,.roof-pro .comparison-table td::before{display:block;margin-bottom:3px;color:#71858a;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
  .roof-pro .breakdown-table td:nth-child(2)::before{content:"Základ"}.roof-pro .breakdown-table td:nth-child(3)::before{content:"Sazba"}.roof-pro .breakdown-table td:nth-child(4)::before{content:"Částka"}.roof-pro .breakdown-table td:nth-child(5)::before{content:"Podíl"}
  .roof-pro .comparison-table td:nth-child(2)::before{content:"Proč je důležitá"}.roof-pro .comparison-table td:nth-child(3)::before{content:"Co zapsat"}
}
@media(max-width:420px){
  .roof-pro .aggregate-form,.roof-pro .aggregate-result{padding:15px}
  .roof-pro .result-main output{font-size:2.34rem;letter-spacing:-.045em}
  .roof-pro .detail-cost-row{grid-template-columns:1fr}
  .roof-pro .budget-panel-head{display:block}.roof-pro .budget-panel-head>b{display:inline-flex;max-width:100%;margin-top:9px;text-align:left}
}
@media(max-width:350px){
  .roof-pro .purpose-grid,.roof-pro .complexity-picker{grid-template-columns:1fr}
  .roof-pro .purpose-card span,.roof-pro .complexity-picker .choice-card span{min-height:auto}
}
@media print{
  .roof-pro .aggregate-result{position:static}
}