/* MAGHEL homepage: only directions, services, blog. No hero/background changes. */
#directions .grid {gap:20px;}
#directions a.home-linked-card {display:flex; flex-direction:column; align-items:center; text-decoration:none; padding-bottom:21px; min-height:0;}
#directions .card h3 {margin:17px 12px 8px; font-size:clamp(1.35rem,2vw,1.7rem);}
#directions .card p {margin:0 0 13px; padding:0 18px; line-height:1.5;}
.home-card-action {display:inline-flex; align-items:center; justify-content:center; margin-top:auto; min-height:38px; padding:7px 19px; border:1px solid rgba(213,175,120,.52); border-radius:7px; color:#f0d2a0; background:rgba(8,25,43,.62); font-size:.88rem; font-weight:600; transition:background .2s,border-color .2s;}
#directions a.home-linked-card:hover .home-card-action, #directions a.home-linked-card:focus-visible .home-card-action {background:rgba(213,175,120,.18);border-color:#e1bc86;}
#practices .services {gap:18px;align-items:stretch;}
#practices a.home-linked-card {display:flex;flex-direction:column;align-items:center;min-height:220px;padding:22px 17px 18px;text-align:center;text-decoration:none;}
#practices .card-icon {font-size:2.2rem;margin-bottom:8px;}
#practices .card h3 {font-size:1.2rem;margin-bottom:8px;}
#practices .card p {margin:0 0 16px;line-height:1.5;font-size:.9rem;}
.home-service-action {margin-top:auto;font-size:.85rem;color:#e7c590;border-bottom:1px solid rgba(213,175,120,.35);padding-bottom:2px;}
.home-pricing-wrap {text-align:center;margin:23px 0 0;}
#practices .home-pricing-button {min-width:165px; padding:11px 24px;}
#blog .section-description {margin-bottom:24px;}
.home-blog-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;text-align:left;align-items:stretch;}
.home-blog-card {overflow:hidden;display:flex;flex-direction:column;min-width:0;background:linear-gradient(155deg,rgba(15,38,61,.96),rgba(3,15,31,.98));border:1px solid rgba(213,175,120,.46);border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.24);transition:transform .2s,border-color .2s;}
.home-blog-card:hover {transform:translateY(-4px);border-color:#d9b47d;}
.home-blog-image {display:block;height:177px;overflow:hidden;border-bottom:1px solid rgba(213,175,120,.38);}
.home-blog-image img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.home-blog-card:hover img {transform:scale(1.035);}
.home-blog-body {padding:19px 20px 22px;display:flex;flex:1;flex-direction:column;gap:9px;}
.home-blog-category {font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;color:#d8b67e;}
.home-blog-body h3 {margin:0;font-size:1.22rem;line-height:1.3;color:#f0d7ab;font-weight:normal;}
.home-blog-body p {margin:0;color:#bdcedd;font-size:.9rem;line-height:1.55;}
.home-blog-read {align-self:flex-start;margin-top:auto;padding-top:10px;color:#e8c99a;font-size:.87rem;font-weight:600;}
.home-blog-read::after {content:'  ›';font-size:1.1rem;}
.home-blog-footer {margin:24px auto 0;text-align:center;}
.home-blog-all {min-width:176px;padding:11px 24px;}
a.home-linked-card:focus-visible,.home-blog-card a:focus-visible {outline:2px solid #e3bd82;outline-offset:3px;}
@media(max-width:950px){.home-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.home-blog-grid .home-blog-card:last-child{grid-column:1/-1;max-width:calc(50% - 10px);justify-self:center;width:100%;}}
@media(max-width:650px){#directions .grid{gap:16px;}#practices .services{gap:14px;}.home-blog-grid{grid-template-columns:1fr;gap:15px;}.home-blog-grid .home-blog-card:last-child{grid-column:auto;max-width:none;}.home-blog-image{height:190px;}.home-blog-body{padding:16px 18px 18px;}#practices a.home-linked-card{min-height:190px;}}
@media(prefers-reduced-motion:reduce){.home-blog-card,.home-blog-image img,.home-card-action{transition:none;}}

/* MAGHEL — компактные отступы главной страницы */

#practices,
#blog {
    padding-top: 55px;
    padding-bottom: 55px;
}

#practices .section-description,
#blog .section-description {
    margin-bottom: 28px;
}

#blog .home-blog-grid {
    margin-top: 24px;
}

.contact-section {
    padding-top: 65px;
    padding-bottom: 65px;
}

@media (max-width: 600px) {
    #practices,
    #blog {
        padding-top: 38px;
        padding-bottom: 38px;
    }

    .contact-section {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}