/*! DIGISALONEN v1158 | Customer journey components */
/* v1158: shared home service rhythm; prices align within matching tracks. */
@media (min-width:701px){
html body.home-page #kuluttajat .premium-home-it-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html body.home-page #kuluttajat .premium-home-it-card .pricing-body,html body.home-page #kuluttajat .premium-nouto-card .pricing-body{grid-template-rows:minmax(32px,auto) minmax(44px,auto) auto minmax(3.4em,auto) minmax(118px,auto) minmax(96px,auto)}
html body.home-page #kuluttajat .home-service-media{margin:12px 0 14px}
html body.home-page #kuluttajat .home-it-lead,html body.home-page #kuluttajat .nouto-lead{min-block-size:3.4em;margin:0 0 12px}
html body.home-page #kuluttajat .home-it-price-panel-primary,html body.home-page #kuluttajat .nouto-price-panel-secondary{min-block-size:118px;margin:0}
}
@media (min-width:701px) and (max-width:1000px){
html body.home-page #kuluttajat .premium-home-it-card .pricing-body,html body.home-page #kuluttajat .premium-nouto-card .pricing-body{grid-template-rows:minmax(38px,auto) minmax(44px,auto) auto minmax(5.1em,auto) minmax(152px,auto) minmax(128px,auto)}
html body.home-page #kuluttajat .home-it-lead,html body.home-page #kuluttajat .nouto-lead{min-block-size:5.1em}
}
@media (max-width:700px){html body.home-page #kuluttajat .home-service-media{margin:12px 0}html body.home-page #kuluttajat .home-it-lead,html body.home-page #kuluttajat .nouto-lead{margin-bottom:12px}}

html body.home-page #kuluttajat #box-kotikaynti .price,html body.home-page #kuluttajat #box-noutopalvelu .price{margin:0;line-height:1}
html body.home-page #kuluttajat #box-kotikaynti .service-price-amount,html body.home-page #kuluttajat #box-noutopalvelu .service-price-amount{font-size:42px;font-weight:800;line-height:1}

/* v1158: content-sized shared rows also align benefits and actions. */
html body.home-page #kuluttajat #box-kotikaynti .home-it-price-panel-primary,html body.home-page #kuluttajat #box-noutopalvelu .nouto-price-panel-secondary{display:flex;flex-direction:column;justify-content:flex-start;padding:4px 0}
html body.home-page #kuluttajat #box-kotikaynti .home-it-price-mainline{align-items:flex-start}
html body.home-page #kuluttajat #box-kotikaynti .price,html body.home-page #kuluttajat #box-noutopalvelu .price{align-items:baseline;padding:8px 0;margin:0}
html body.home-page #kuluttajat #box-kotikaynti .price>strong,html body.home-page #kuluttajat #box-noutopalvelu .price>strong{display:inline-flex;align-items:baseline;font-size:42px;font-weight:800;line-height:1}
html body.home-page #kuluttajat .service-card-actions{display:flex;flex-direction:column;min-width:0;align-self:start}
@supports (grid-template-rows:subgrid){
@media (min-width:701px){
html body.home-page #kuluttajat .premium-home-it-grid{grid-template-rows:repeat(7,auto);row-gap:0}
html body.home-page #kuluttajat .premium-home-it-card,html body.home-page #kuluttajat .premium-nouto-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:1 / span 7;height:auto;row-gap:0}
html body.home-page #kuluttajat .premium-home-it-card .pricing-body,html body.home-page #kuluttajat .premium-nouto-card .pricing-body{display:contents}
html body.home-page #kuluttajat .premium-home-it-card .pricing-body>*, html body.home-page #kuluttajat .premium-nouto-card .pricing-body>*{grid-column:1;min-width:0}
html body.home-page #kuluttajat .premium-home-it-card .pricing-body>:nth-child(1), html body.home-page #kuluttajat .premium-nouto-card .pricing-body>:nth-child(1){grid-row:1}
html body.home-page #kuluttajat .premium-home-it-card .pricing-body>:nth-child(2), html body.home-page #kuluttajat .premium-nouto-card .pricing-body>:nth-child(2){grid-row:2}
html body.home-page #kuluttajat .premium-home-it-card .pricing-body>:nth-child(3), html body.home-page #kuluttajat .premium-nouto-card .pricing-body>:nth-child(3){grid-row:3}
html body.home-page #kuluttajat .premium-home-it-card .pricing-body>:nth-child(4), html body.home-page #kuluttajat .premium-nouto-card .pricing-body>:nth-child(4){grid-row:4}
html body.home-page #kuluttajat .premium-home-it-card .pricing-body>:nth-child(5), html body.home-page #kuluttajat .premium-nouto-card .pricing-body>:nth-child(5){grid-row:5}
html body.home-page #kuluttajat .premium-home-it-card .pricing-body>:nth-child(6), html body.home-page #kuluttajat .premium-nouto-card .pricing-body>:nth-child(6){grid-row:6}
html body.home-page #kuluttajat .service-card-actions{grid-column:1;grid-row:7}
html body.home-page #kuluttajat .home-it-price-panel-primary,html body.home-page #kuluttajat .nouto-price-panel-secondary{align-self:stretch}
}
}

/* v1158: one price group per card, amount first, terms below. */
html body.home-page #kuluttajat #box-kotikaynti .home-it-price-mainline{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:4px}
html body.home-page #kuluttajat #box-kotikaynti .home-it-price-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:0;margin:0 0 4px;max-width:100%}
html body.home-page #kuluttajat #box-kotikaynti .home-it-normal-price{white-space:normal}
html body.home-page #kuluttajat #box-kotikaynti .price,html body.home-page #kuluttajat #box-noutopalvelu .price{display:flex;align-items:baseline;justify-content:flex-start;gap:6px;padding:4px 0;margin:0;line-height:1;min-height:0}
html body.home-page #kuluttajat #box-kotikaynti .price>strong,html body.home-page #kuluttajat #box-noutopalvelu .price>strong{display:inline-flex;align-items:baseline;gap:6px;line-height:1;font-size:2.625rem}
html body.home-page #kuluttajat #box-kotikaynti .service-price-amount,html body.home-page #kuluttajat #box-noutopalvelu .service-price-amount{display:block;font-size:2.625rem;line-height:1;font-weight:800;white-space:nowrap}
html body.home-page #kuluttajat #box-kotikaynti .service-price-unit,html body.home-page #kuluttajat #box-noutopalvelu .service-price-prefix{font-size:.875rem;line-height:1.2;white-space:nowrap}
html body.home-page #kuluttajat #box-kotikaynti .home-it-price-panel-primary,html body.home-page #kuluttajat #box-noutopalvelu .nouto-price-panel-secondary{justify-content:flex-start;min-block-size:0;padding:4px 0;margin:0 0 12px}
@supports (grid-template-rows:subgrid){@media (min-width:701px){
html body.home-page #kuluttajat #box-kotikaynti .home-it-lead,html body.home-page #kuluttajat #box-noutopalvelu .nouto-lead{min-block-size:0}
html body.home-page #kuluttajat #box-kotikaynti .service-quick-benefits-primary,html body.home-page #kuluttajat #box-noutopalvelu .service-quick-benefits-primary{min-block-size:0;margin:4px 0 18px}
}}


/* Shared tokens. New components use the established navy, blue and green. */
body.home-page{--journey-ink:#0a2540;--journey-muted:#52677d;--journey-blue:#1d4ed8;--journey-green:#047857;--journey-line:#dce5ed;--journey-radius:18px;--journey-space:clamp(20px,3vw,36px)}
html body.home-page .hero .hta-cta{gap:12px}

html body.home-page .journey-personal-promise{margin:18px 0 0;color:var(--journey-muted);font-size:16px;line-height:1.75}
html body.home-page .journey-personal-promise strong{display:block;margin-bottom:5px;color:var(--journey-ink);font-size:18px}

html body.home-page #kuluttajat #box-kotikaynti .journey-price-group,html body.home-page #kuluttajat #box-noutopalvelu .journey-price-group{padding:16px 18px;margin:4px 0 18px;background:#f3f7fb;border-radius:16px;gap:6px}
html body.home-page #kuluttajat .journey-price-caption{margin:0;color:var(--journey-muted);font-size:13px;font-weight:700;line-height:1.5}
html body.home-page #kuluttajat .journey-price-scope{margin:6px 0 0;color:var(--journey-muted);font-size:13px;line-height:1.65}
html body.home-page #kuluttajat #box-kotikaynti .service-price-amount,html body.home-page #kuluttajat #box-noutopalvelu .service-price-amount{font-size:clamp(36px,3vw,44px);letter-spacing:-.04em}
html body.home-page #kuluttajat .service-primary-cta{min-height:48px;margin-bottom:12px;font-size:16px;line-height:1.4}
html body.home-page .journey-form-note{margin:0 0 20px;color:var(--journey-muted);font-size:16px;line-height:1.7}
html body.home-page .next-steps-list .next-step-copy span{line-height:1.65}


@media (max-width:700px){
 
 
 
 html body.home-page.journey-field-focus .mob-bar,html body.home-page.journey-field-focus #backToTop,html body.home-page.journey-field-focus #waWidgetContainer,html body.home-page.journey-field-focus #a11y-reading-trigger{visibility:hidden;pointer-events:none}
 
}


/* Keep the two hero actions stacked and price captions resilient to larger text. */
html body.home-page .hero .hta-cta{display:flex;flex-direction:column;align-items:stretch}
html body.home-page #kuluttajat .journey-price-caption{min-block-size:1.5em}
@media(min-width:701px){html:is([data-a11y-text=large],[data-a11y-text=xlarge],[data-a11y-spacing=true]) body.home-page #kuluttajat .journey-price-caption{min-block-size:3em}}


/* v1158: title and short status share a wrapping group; robot has its own column. */
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-work-header,
html:is([data-a11y-text=large],[data-a11y-text=xlarge],[data-a11y-spacing=true]) body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-work-header{
 grid-template-columns:minmax(0,1fr) var(--dg-work-robot-size);
 grid-template-areas:"heading robot" "question question" "lead lead";
 column-gap:14px;row-gap:6px;min-width:0;
}
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-heading-labels{
 grid-area:heading;display:flex;flex-wrap:wrap;align-items:center;align-self:center;
 gap:8px 10px;min-width:0;
}
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-work-header .dg-work-status{
 grid-area:auto;position:static;inset:auto;transform:none;align-self:center;
 flex:0 0 auto;margin:0;max-width:100%;min-width:0;white-space:normal;line-height:1.3;
}
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-work-header .dg-work-robot{
 grid-area:robot;place-self:center end;max-width:100%;
}
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-work-header #digiapuri-title{
 flex:0 1 auto;overflow-wrap:anywhere;min-width:0;margin:0;align-self:center;
}
@media(max-width:700px){
 html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-work-header{
  --dg-work-robot-size:clamp(58px,17vw,72px);width:calc(100% - 18px);column-gap:10px;
 }
 html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-work-header .dg-work-status{font-size:12px;padding:6px 10px}
}

/* Native step buttons retain the established circles and active colors. */
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg730-progress li{
 display:block;padding:0;min-width:0;
}
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-step-nav{
 display:grid;grid-template-columns:34px minmax(0,auto);align-items:center;justify-content:center;
 gap:7px;width:100%;min-height:44px;padding:5px 4px;border:0;border-radius:12px;
 background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer;
}
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-step-nav:disabled{
 opacity:1;cursor:default;
}
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-step-nav:not(:disabled):hover{
 background:#1d4ed80a;
}
html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-step-nav:focus-visible{
 outline:3px solid #1d4ed8;outline-offset:2px;
}
@media(max-width:700px){
 html body.home-page #digiapuri.dg4.digiapuri-premium.dg688.dg730.dg1140 .dg-step-nav{
  grid-template-columns:minmax(0,1fr);grid-template-rows:30px auto;justify-items:center;
  align-content:start;gap:5px;min-height:64px;padding:6px 2px;line-height:1.3;text-align:center;
 }
}


/* v1158: mobile header polish inside the existing two-row structure. */
@media(max-width:700px){
 html body.home-page .mobile-top-actions{gap:8px}
 html body.home-page .mobile-top-write,html body.home-page .mobile-top-call{min-height:46px}
 html body.home-page .mobile-segment-container{gap:3px;padding:5px}
 html body.home-page .mobile-segment-btn{min-height:48px;padding:8px 7px;font-size:clamp(13px,3.55vw,14px);line-height:1.2}
 html body.home-page .mobile-segment-btn .mobile-nav-outline{width:19px;height:19px;flex:0 0 19px}
}