.layout-shell:has([data-style='home-categories']),.layout-main:has([data-style='home-categories']),.site-content:has([data-style='home-categories']){width:100%;max-width:none;padding:0;margin:0}
.site-content .custom-section{padding:76px max(24px,calc((100% - 1240px)/2));font-size:16px;line-height:1.6}
.custom-section .custom-section__inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1240px;margin:auto;align-content:start}
.site-content .custom-section .custom-section__heading{grid-column:1/-1;margin:0;max-width:850px;color:#172B46;font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}
.site-content .custom-section .custom-section__eyebrow{grid-column:1/-1;margin:0 0 -12px;color:#28705F;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.site-content .custom-section .custom-section__text{grid-column:1/-1;margin:-8px 0 8px;max-width:680px;color:#5D6B7C}
.custom-section .custom-section__action{min-width:0;display:flex}
.site-content .custom-section__button{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;padding:15px 24px;border:1px solid #dce4ec;border-radius:12px;background:white;color:#172b46;text-decoration:none;font-size:16px;line-height:1.35;font-weight:700;transition:box-shadow .2s,transform .2s}
.site-content .custom-section__button:hover{color:#28705f;box-shadow:0 10px 26px #172b4614;transform:translateY(-3px)}
.site-content .custom-section__button:focus-visible{outline:3px solid #28705f;outline-offset:4px}
.site-content [data-style='home-categories']{position:relative;z-index:3;margin-top:-124px;padding-top:0;padding-bottom:24px}
[data-style='home-categories'] .custom-section__inner{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.site-content [data-style='home-categories'] .custom-section__button{min-height:100px;padding:20px 14px;justify-content:flex-start;font-size:15px;box-shadow:0 5px 18px #172b4610}
[data-style='home-categories'] .custom-section__button::before{content:'';width:32px;height:38px;flex:0 0 32px;background:center/contain no-repeat}
.site-content [data-style='home-trust']{padding-block:26px;background:#f0f4f7;border-bottom:1px solid #e2e8ee}
[data-style='home-trust'] .custom-section__inner{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
[data-style='home-trust'] .custom-section__note{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;padding:0 15px;border-right:1px solid #ccd7e0;font-size:14px;color:#172b46}
[data-style='home-trust'] .custom-section__note:last-child{border:0}
[data-style='home-trust'] .custom-section__note::before,[data-style='home-method'] .custom-section__note::before{content:'';display:block;width:30px;height:34px;flex:0 0 30px;background:center/contain no-repeat}
.custom-section__note:nth-of-type(1)::before{background-image:url('/site/images/icons/shield.svg')}
.custom-section__note:nth-of-type(2)::before{background-image:url('/site/images/icons/clock.svg')}
.custom-section__note:nth-of-type(3)::before{background-image:url('/site/images/icons/people.svg')}
.custom-section__note:nth-of-type(4)::before{background-image:url('/site/images/icons/leaf.svg')}
.site-content [data-style='home-featured']{background:#fff}
.site-content [data-style='home-featured'] .custom-section__button{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:0 0 24px;overflow:hidden;font-size:18px;text-indent:24px;box-shadow:0 4px 16px #172b4608}
[data-style='home-featured'] .custom-section__button::before{content:'';display:block;flex:none;width:100%;height:180px;margin-bottom:24px;background:center/cover no-repeat}
[data-style='home-featured'] a[href='/aanikirjapalvelut/']::before{background-image:url('/site/images/aanikirjapalvelu-hero.webp')}
[data-style='home-featured'] a[href='/puhelinliittymat/']::before{background-image:url('/site/images/puhelinliittymat-hero.webp')}
[data-style='home-featured'] a[href='/sahkosopimukset/']::before{background-image:url('/site/images/sahkosopimus-hero.webp')}
.site-content [data-style='home-method']{background:#eef3f6}
[data-style='home-method'] .custom-section__note{margin:8px 0 0;padding:28px;border:1px solid #dce4ec;border-radius:14px;background:white;color:#405267;line-height:1.75}
[data-style='home-method'] .custom-section__note::before{margin-bottom:20px}
[data-style='home-method'] .custom-section__action{grid-column:1/-1}
.site-content [data-style='home-method'] .custom-section__button{width:auto;background:#28705f;color:white;border-color:#28705f;font-size:14px}
.site-content [data-style='home-explore']{background:#fff}
.site-content [data-style='home-explore'] .custom-section__button{justify-content:space-between;padding:24px;background:#f7f9fa}
[data-style='home-explore'] .custom-section__button::after{content:'→';color:#28705f}
@media(max-width:1050px){[data-style='home-categories'] .custom-section__inner{grid-template-columns:repeat(3,minmax(0,1fr))}.site-content [data-style='home-categories']{margin-top:-65px}[data-style='home-trust'] .custom-section__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}[data-style='home-trust'] .custom-section__note:nth-child(2){border:0}}
@media(max-width:700px){.site-content .custom-section{padding:48px 24px}.custom-section .custom-section__inner{grid-template-columns:1fr;gap:20px}[data-style='home-categories'] .custom-section__inner{grid-template-columns:1fr 1fr;gap:10px}.site-content [data-style='home-categories'] .custom-section__button{min-height:90px;padding:14px 10px;font-size:13px;gap:8px}[data-style='home-categories'] .custom-section__button::before{width:25px;flex-basis:25px}[data-style='home-categories'] .custom-section__action:last-child{grid-column:1/-1}.site-content [data-style='home-trust']{padding:24px 16px}[data-style='home-trust'] .custom-section__note{font-size:12px;padding:0 8px;gap:8px;justify-content:flex-start}[data-style='home-trust'] .custom-section__note::before{width:24px;flex-basis:24px}.site-content [data-style='home-featured'] .custom-section__button{font-size:18px}[data-style='home-featured'] .custom-section__button::before{height:190px}}
.site-content [data-style='home-featured'] .custom-section__button{text-indent:0;text-align:center;align-items:center}
@media(min-width:701px) and (max-width:900px){[data-style='home-method'] .custom-section__inner{grid-template-columns:1fr}[data-style='home-method'] .custom-section__note{padding:24px}[data-style='home-method'] .custom-section__note::before{float:left;margin:0 20px 0 0}}
@media(max-width:700px){[data-style='home-trust'] .custom-section__inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}[data-style='home-trust'] .custom-section__note{border:0;line-height:1.4}}

[data-style='home-categories'] a[href='/koti/']::before{background-image:url('/site/images/icons/phone.svg')}
[data-style='home-categories'] a[href='/viihde/']::before{background-image:url('/site/images/icons/headphones.svg')}
[data-style='home-categories'] a[href='/piha-ja-puutarha/']::before{background-image:url('/site/images/icons/leaf.svg')}
[data-style='home-categories'] a[href='/koneet-ja-tyokalut/']::before{background-image:url('/site/images/icons/wrench.svg')}

/* Homepage category cards live below the hero, together with the services. */
.layout-shell:has([data-style='home-featured']), .layout-main:has([data-style='home-featured']), .site-content:has([data-style='home-featured']) { width:100%; max-width:none; padding:0; margin:0; }
[data-style='home-featured'] a[href='/koti/']::before { background-image:url('/site/images/koti-hero.webp'); }
[data-style='home-featured'] a[href='/piha-ja-puutarha/']::before { background-image:url('/site/images/piha-puutarha-hero.webp'); }
[data-style='home-featured'] a[href='/koneet-ja-tyokalut/']::before { background-image:url('/site/images/koneet-ja-tyokalut-hero.webp'); }
