/* ============================================================
   Hinnakiri (pricing)  ·  minimal, token-based
   ============================================================ */
.hinnakiri{
    padding:4rem 3rem;
    max-width:98rem;
    margin:4rem auto;
    background:var(--surface);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
    border:1px solid var(--hair);
}

.hinnakiri .heading::after{
    content:"";
    display:block;
    width:8rem;
    height:.4rem;
    background:var(--accent);
    margin:1.2rem auto 0;
    border-radius:var(--radius-pill);
}

.hinnakiri dl{display:flex;flex-direction:column;gap:1.6rem;}

.service-item{
    display:flex;
    flex-direction:column;
    padding:2rem 2.4rem;
    background:var(--surface);
    border:1px solid var(--hair);
    border-left:3px solid var(--accent);
    border-radius:var(--radius);
    transition:background-color .2s ease,border-color .2s ease;
}
.service-item:hover{background:var(--surface-2);}

.service-item dt{font-size:1.7rem;font-weight:700;color:var(--fg);margin-bottom:1rem;}
.service-item dd{font-size:1.5rem;color:var(--muted);line-height:1.75;margin:0;}
.service-item dd .price{display:block;margin-top:1.2rem;font-size:1.8rem;font-weight:800;color:var(--fg);letter-spacing:-.01em;}
.service-item dd .price.free{color:#157255;}

.teenused-link-container{text-align:center;margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--hair);}
.teenused-link-container p{font-size:1.5rem;color:var(--muted);margin-bottom:1.5rem;}
.teenused-link-container .btn{display:inline-block;width:auto;padding:1.3rem 3.4rem;font-size:1.5rem;font-weight:600;background:var(--accent);color:#fff;border-radius:var(--radius);text-decoration:none;transition:background-color .18s ease,transform .18s ease;}
.teenused-link-container .btn:hover,.teenused-link-container .btn:focus-visible{background:var(--accent-hover);transform:translateY(-1px);}

.hinnakiri a{color:var(--accent);text-decoration:underline;font-weight:600;}
.hinnakiri a:focus-visible{color:var(--accent-hover);}

@media (max-width:640px){
    .hinnakiri{padding:2.5rem 1.4rem;margin:2rem 1rem;}
    .hinnakiri .heading{font-size:2.2rem;text-align:center;}
    .service-item{padding:1.6rem 1.4rem;}
    .service-item dt{font-size:1.5rem;}
    .service-item dd{font-size:1.4rem;}
    .teenused-link-container .btn{width:100%;}
}