/* First-screen geometry from index.html #kalkulyator. Shared by every service. */
:root{--service-hero-height:699px}
@media(min-width:1000px){
 .service-page .sv-hero{box-sizing:border-box;height:var(--service-hero-height)}
 .service-page .sv-hero .sv-hero-grid{height:100%;min-height:0;grid-template-rows:minmax(0,1fr)}
 .service-page .sv-hero .sv-hero-grid>aside{height:100%;min-height:0}
 #seo-hero{height:var(--service-hero-height);min-height:0!important;grid-template-rows:minmax(0,1fr)}
 #seo-hero .seo-hero-audit{height:100%;min-height:0!important}
 .service-page.smm-page .sv-hero-grid{padding-top:24px;padding-bottom:24px}
 .service-page .smm-planner-head{padding:14px 20px 12px}
 .service-page .smm-planner-body{padding:12px 20px}
 .service-page .smm-goals{margin-bottom:10px}
 .service-page .smm-preview{padding:12px}
 .service-page .smm-content-art{height:52px;margin:10px 0}
 .service-page .smm-budget{margin:12px 0}
}
.service-page .sv-hero{padding:0!important}
.service-page .sv-hero-grid{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:24px 32px;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:40px;align-items:center}
.service-page .sv-intro,.service-page .sv-hero-grid>aside{min-width:0}
.service-page .sv-breadcrumb{display:none}
.service-page .sv-intro>.sv-eyebrow{margin:0 0 16px}
.service-page .sv-intro :is(h1:not(.page-name),.page-hero-title){font-size:clamp(36px,3.5vw,50px);line-height:1.08;letter-spacing:-.035em;margin:0;max-width:20ch}
.service-page .sv-intro .sv-lead{font-size:16px;line-height:1.5;max-width:54ch;margin:18px 0 22px}
.service-page .sv-facts{margin-top:22px;padding:16px 6px;border-radius:22px}
.service-page .sv-facts>div{padding:0 14px}
.service-page .sv-hero-grid>.sv-overview{padding:16px;border-radius:24px}
@media(min-width:901px) and (max-width:999px){
 .service-page .sv-hero-grid{grid-template-columns:minmax(0,1fr);padding:72px 32px 60px;gap:56px}
 .service-page .sv-intro :is(h1:not(.page-name),.page-hero-title){font-size:46px}
}
@media(max-width:900px){
 .service-page .sv-hero-grid{grid-template-columns:minmax(0,1fr);padding:44px 20px 40px;gap:28px}
 .service-page .sv-intro :is(h1:not(.page-name),.page-hero-title){font-size:34px}
}
@media(max-width:600px){.service-page .sv-intro .sv-lead{font-size:14px;line-height:1.5}}
@media(max-width:480px){.service-page .sv-facts{padding:14px 2px;border-radius:18px}.service-page .sv-facts>div{padding:0 8px}}
/* Keep the richer advertising widget within the home-page sidebar scale. */
.service-page .ppc-top{padding:18px 20px 14px}
.service-page .ppc-dashboard{margin:14px 0 10px}
.service-page .ppc-ring{width:88px;height:88px}
.service-page .ppc-body{padding:16px 20px}
.service-page .ppc-split-label{margin-top:14px}
.service-page .ppc-tariffs{margin:14px 0 12px}
.service-page .ppc-total{padding-top:12px;margin-bottom:12px}
.service-page .ppc-note{margin-top:10px}
/* One desktop stage across services; mobile remains content-driven. */
@media(min-width:1000px){
 .service-page .sv-hero-grid{min-height:699px}
 .service-page .sv-hero-grid>aside{box-sizing:border-box;min-height:651px;display:flex;flex-direction:column}
 .service-page .sv-overview>.sv-secondary{margin-top:auto}
 .service-page .ppc-top{padding:14px 20px 10px}
 .service-page .ppc-dashboard{margin:8px 0 6px}
 .service-page .ppc-ring{width:64px;height:64px}
 .service-page .ppc-ring>span{font-size:20px}
 .service-page .ppc-body{padding:12px 20px;line-height:1.35;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;flex:1;align-content:space-between}
 .service-page .ppc-body>*{grid-column:1/-1}
 .service-page .ppc-body input[type=range]{margin:8px 0 2px}
 .service-page .ppc-split-label{margin-top:8px}
 .service-page .ppc-modes{margin:6px 0;padding:2px}
 .service-page .ppc-modes button{padding:7px 3px}
 .service-page .ppc-allocation b{display:inline;margin-left:5px}
 .service-page .ppc-tariffs{margin:8px 0}
 .service-page .ppc-tariffs legend{margin-bottom:5px}
 .service-page .ppc-tariffs span{padding:7px 4px}
 .service-page .ppc-plan-explanation,.service-page .ppc-cost-breakdown{grid-column:auto;margin:0 0 8px;font-size:11px;line-height:1.4}
 .service-page .ppc-total{padding-top:8px;margin-bottom:8px}
 .service-page .ppc-body .sv-rate-link{margin-top:6px}
 .service-page .ppc-note{margin-top:6px}
}
@media(min-width:1000px){
 .service-page .ppc-top{padding:10px 20px 8px}
 .service-page .ppc-dashboard{margin:4px 0}
 .service-page .ppc-ring{width:52px;height:52px}
 .service-page .ppc-ring:before{inset:6px}
 .service-page .ppc-ring>span{font-size:17px}
 .service-page .ppc-ring small{font-size:8px;margin-top:2px}
 .service-page .ppc-dashboard strong{font-size:30px}
 .service-page .ppc-dashboard>div:first-child>span{margin-top:3px}
 .service-page .ppc-body{padding:10px 20px}
 .service-page .ppc-modes{margin:4px 0}
 .service-page .ppc-tariffs{margin:6px 0}
}
