/* =========================================================
   GEO — DESKTOP UNIFICATION
   Desktop browsers only.
   Mobile / iPad are intentionally untouched.
========================================================= */

@media (min-width:1200px) and (hover:hover) and (pointer:fine){

    /* =====================================================
       ONE TYPOGRAPHY FOR HEADER + DIRECTIONS + PROJECTS
    ===================================================== */
    .header,
    .header *,
    .direction-card,
    .direction-card *{
        font-family:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    }

    .direction-content h3,
    .direction-content p,
    .direction-link,
    .direction-number{
        font-family:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    }

    .direction-content h3{
        font-weight:700 !important;
    }

    .directions-progress{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    .projects-slider-wrap{
        position:relative !important;
    }

    .projects-navigation{
        top:50% !important;
        transform:translateY(-50%) !important;
    }

    html{
        overflow-y:scroll !important;
        overflow-x:clip !important;
        scrollbar-width:thin !important;
        scrollbar-color:#167BFF rgba(5,14,28,.72) !important;
        scrollbar-gutter:stable !important;
    }

    body{
        overflow-y:visible !important;
        scrollbar-width:thin !important;
        -ms-overflow-style:auto !important;
    }

    html::-webkit-scrollbar,
    body::-webkit-scrollbar{
        display:block !important;
        width:8px !important;
        height:8px !important;
    }

    html::-webkit-scrollbar-track,
    body::-webkit-scrollbar-track{
        background:rgba(5,14,28,.72) !important;
    }

    html::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb{
        background:#167BFF !important;
        border-radius:999px !important;
        border:2px solid rgba(5,10,20,.82) !important;
        box-shadow:0 0 8px rgba(22,123,255,.55) !important;
    }

    .btn-secondary,
    .direction-link{
        height:48px !important;
        box-sizing:border-box !important;
        padding:0 28px !important;
        background:rgba(5,15,30,.45) !important;
        color:#fff !important;
        border:1px solid rgba(0,120,255,.75) !important;
        border-radius:12px !important;
        font-family:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
        font-size:15px !important;
        font-weight:600 !important;
        line-height:1 !important;
        white-space:nowrap !important;
        text-decoration:none !important;
        box-shadow:0 0 12px rgba(0,120,255,.08) !important;
        transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease !important;
    }

    .header .right-menu button:hover,
    .btn-secondary:hover,
    .direction-card:hover .direction-link{
        background:rgba(10,35,65,.55) !important;
        border-color:rgba(0,140,255,.95) !important;
        box-shadow:0 0 16px rgba(0,120,255,.16) !important;
        transform:none !important;
    }

    .hero-buttons .btn-secondary{
        box-sizing:border-box !important;
        width:263px !important;
        height:58px !important;
        min-height:58px !important;
        padding:0 36px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        border:1px solid #167BFF !important;
        border-radius:14px !important;
        color:#fff !important;
        background:transparent !important;
        font-family:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
        font-size:16px !important;
        font-weight:600 !important;
        line-height:1 !important;
        text-align:center !important;
        white-space:nowrap !important;
    }

    .hero-buttons .btn-secondary:hover{
        background:#167BFF !important;
        border-color:#167BFF !important;
        box-shadow:0 15px 35px rgba(22,123,255,.35) !important;
        transform:none !important;
    }

    .header .right-menu button:hover{
        background:#167BFF !important;
        border-color:#167BFF !important;
        box-shadow:0 15px 35px rgba(22,123,255,.35) !important;
        transform:none !important;
    }

    .direction-link{
        box-sizing:border-box !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:170px !important;
        height:48px !important;
        margin-top:auto !important;
        padding:0 !important;
        border:1px solid rgba(22,123,255,.45) !important;
        border-radius:12px !important;
        background:rgba(22,123,255,.08) !important;
        color:#fff !important;
        font-family:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
        font-size:15px !important;
        font-weight:600 !important;
        line-height:1 !important;
        text-align:center !important;
        box-shadow:none !important;
        transition:background .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease !important;
    }

    .direction-card:hover .direction-link{
        background:#167BFF !important;
        border-color:#167BFF !important;
        transform:translateY(-2px) !important;
        box-shadow:0 12px 30px rgba(22,123,255,.35) !important;
    }

    .directions-navigation{
        top:218px !important;
        transform:translateY(-50%) !important;
    }

}/* =========================================================
   DIRECTIONS — TEXT BLOCK ABOVE BUTTON
========================================================= */
.direction-content h3{
    margin-top:auto !important;
    margin-bottom:18px !important;
}

/* =========================================================
   HORIZONTAL SCROLLBAR
   The desktop homepage uses normal vertical scrolling.
========================================================= */

@media (min-width:993px){
    html,
    body{
        overflow-x:hidden !important;
    }
}/* =========================================================
   SECONDARY CTAs — same shape as "Связаться с нами"
   48px tall, 12px radius, solid blue outline, fills blue on
   hover. Declared last so it wins over the older variants.
========================================================= */

.dir-panel-cta,
.project-feature-button{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    height: 48px !important;
    min-height: 48px !important;
    width: fit-content !important;
    align-self: flex-start !important;
    padding: 0 28px !important;
    box-sizing: border-box !important;
    border: 1px solid #167BFF !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: .35s !important;
}.dir-panel-cta span,
.project-feature-button span{
    color: #5CA8FF !important;
    font-size: 17px !important;
    line-height: 1 !important;
    transition: color .35s !important;
}.dir-panel-cta:hover,
.project-feature-button:hover{
    background: #167BFF !important;
    border-color: #167BFF !important;
    box-shadow: 0 15px 35px rgba(22,123,255,.35) !important;
}.dir-panel-cta:hover span,
.project-feature-button:hover span{
    color: #fff !important;
}

@media (max-width: 767px){
    .dir-panel-cta,
    .project-feature-button{
        width: 100% !important;
    }
}


/* =========================================================
   SERVICE HERO → "Что поставляем" — one consistent gap
   The hero photo was lifted with top:-70px, which moves it
   visually but leaves its old 70px footprint in the layout,
   so each page ended with a different stretch of empty
   space. margin-top moves the layout box too; the section
   below then starts a fixed distance under the hero.
========================================================= */

@media (min-width: 993px){

    .hero-service .hero-image{
        top: 0 !important;
        margin-top: -70px !important;
    }

    /* Same treatment for the text column, which was lifted the
       same way and left the same phantom 70px. */
    .hero-service .hero-content{
        top: 0 !important;
        margin-top: -70px !important;
    }

    /* The buttons carried an 85px bottom margin and the container a
       600px minimum height — both padded short pages differently. */
    .hero-service .hero-buttons{
        margin-bottom: 0 !important;
    }

    /* .hero has overflow:hidden (for its background layers), so with
       no bottom padding it ended right under the photo and sliced the
       hover glow of "Все направления" and of the photo frame along a
       straight line. The 56px that used to sit above the facts bar now
       sits inside the hero instead: the glow fits, the layout does not
       move by a pixel. */
    .hero.hero-service .hero-container{
        padding-bottom: 56px !important;
        min-height: 0 !important;
    }

    .hero-service + .svc-facts{
        padding-top: 0 !important;
    }

    .hero.hero-service{
        min-height: 0 !important;
    }

    .pump-equipment{
        padding-top: 96px !important;
    }

}