/* ==========================================================================
   Ergins Marine - marka katmani
   Sablonun kendi style.css dosyasinin uzerine biner. Sablon dosyalarini
   degistirmeyin; tum ozellestirmeler bu dosyada.
   ========================================================================== */

:root {
    /* Sablonun kendi degiskenlerini marka rengine cekiyoruz */
    --primary-color: #10141a;
    --primary-hover-color: #004aad;
    --secondary-light-color: #5b6673;
    --background-color: #f5f7fa;
    --border-color: #dde3ea;

    /* Marka paleti - logodan alindi */
    --erg-blue: #004aad;
    --erg-blue-dark: #00306f;
    --erg-blue-light: #398aea;
    --erg-navy: #041c3a;
    --erg-ink: #10141a;
    --erg-grey: #5b6673;
    --erg-bg: #f5f7fa;
    --erg-line: #dde3ea;
    --erg-sun: #f2b01e;
}

body {
    font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
    color: var(--erg-ink);
    -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; }

:focus-visible {
    outline: 2px solid var(--erg-blue);
    outline-offset: 2px;
}

img { max-width: 100%; }

/* --------------------------------------------------------------- butonlar */

.erg-btn {
    display: inline-block;
    padding: 13px 30px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .01em;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
    cursor: pointer;
}

.erg-btn-primary { background: var(--erg-blue); color: #fff; }
.erg-btn-primary:hover,
.erg-btn-primary:focus { background: var(--erg-blue-dark); color: #fff; }

.erg-btn-outline { background: transparent; color: var(--erg-blue); border-color: var(--erg-blue); }
.erg-btn-outline:hover { background: var(--erg-blue); color: #fff; }

.erg-btn-light { background: #fff; color: var(--erg-blue); }
.erg-btn-light:hover { background: var(--erg-sun); color: var(--erg-navy); }

.erg-link {
    color: var(--erg-blue);
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid transparent;
}
.erg-link:hover { border-bottom-color: var(--erg-blue); }

/* --------------------------------------------------------------- ust bar */

nav#top {
    background: var(--erg-navy);
    padding: 9px 0;
    font-size: 13px;
    position: relative;
    z-index: 1050;
}

/* mobil menu acikken ust bar panelin onune gecmesin */
body.erg-menu-acik nav#top { z-index: 1020; }

nav#top .contact-info a {
    color: rgba(255, 255, 255, .82);
    margin-right: 22px;
    display: inline-block;
}
nav#top .contact-info a:hover { color: #fff; }
nav#top .contact-info i { color: var(--erg-blue-light); margin-right: 6px; }
nav#top .contact-info a.erg-top-whatsapp i { color: #25d366; }
nav#top .contact-info a.erg-top-whatsapp:hover i { color: #fff; }

.erg-lang > .dropdown-toggle {
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.erg-lang > .dropdown-toggle:hover { color: #fff; }
.erg-bayrak { display: inline-block; vertical-align: middle; border-radius: 2px; object-fit: cover; }
.erg-lang .dropdown-item .erg-bayrak { margin-right: 4px; }
.erg-lang .dropdown-toggle::after { display: none; }
.erg-lang .dropdown-menu {
    min-width: 150px;
    border: 1px solid var(--erg-line);
    border-radius: 2px;
    padding: 6px 0;
}
.erg-lang .dropdown-item { font-size: 14px; padding: 7px 16px; }
.erg-lang .dropdown-item.active,
.erg-lang .dropdown-item:active { background: var(--erg-bg); color: var(--erg-blue); font-weight: 600; }

.top-right { display: flex; justify-content: flex-end; }

@media (max-width: 767px) {
    nav#top .contact-info a.erg-top-mail { display: none; }
    nav#top { font-size: 12.5px; }
    nav#top .contact-info a { margin-right: 0; }
}

/* --------------------------------------------------------------- header */

.erg-header {
    background: #fff;
    border-bottom: 1px solid var(--erg-line);
    position: relative;
    z-index: 1045;
}

/* masaustu: logo sol | menu tam ortada | buton sag */
.erg-header-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
    padding: 12px 0;
}

#logo a { display: flex; align-items: center; gap: 14px; }
#logo img { height: 84px; width: auto; margin: 0; }

.erg-logo-text {
    font-size: 22px;
    line-height: 1.15;
    color: var(--erg-navy);
    letter-spacing: .02em;
}
.erg-logo-text strong { display: block; font-weight: 700; color: var(--erg-blue); }

.erg-header-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
.erg-header-cta { white-space: nowrap; padding: 11px 24px; }
.erg-nav-cta { display: none; }

/* --- gezinme -------------------------------------------------------------- */

.erg-nav { display: flex; align-items: center; }

.erg-nav-list {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.erg-nav-link {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 14px 17px;
    font-size: 17px;
    font-weight: 500;
    color: var(--erg-ink);
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}
.erg-nav-link:hover { color: var(--erg-blue); }
.erg-nav-link.active {
    color: var(--erg-blue);
    font-weight: 600;
    border-bottom-color: var(--erg-blue);
}
.erg-caret { font-size: 12px; opacity: .7; }

.erg-nav-close,
.erg-sub-toggle { display: none; }

.erg-nav-toggle {
    display: none;
    background: transparent;
    border: 0;
    padding: 9px 4px;
    cursor: pointer;
}
.erg-nav-toggle span {
    display: block;
    width: 26px;
    height: 2px;
    background: var(--erg-navy);
    margin: 6px 0;
}

/* --- acilir alt menu ------------------------------------------------------ */

.erg-has-sub { position: relative; }

.erg-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    background: #fff;
    border: 1px solid var(--erg-line);
    border-top: 2px solid var(--erg-blue);
    box-shadow: 0 12px 28px rgba(4, 28, 58, .12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
    z-index: 30;
}
.erg-has-sub:hover > .erg-submenu,
.erg-has-sub:focus-within > .erg-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.erg-submenu a {
    display: block;
    padding: 11px 20px;
    font-size: 15px;
    color: var(--erg-ink);
}
.erg-submenu a:hover { background: var(--erg-bg); color: var(--erg-blue); }

.erg-nav-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(4, 28, 58, .45);
    z-index: 1035;
}
.erg-nav-backdrop[hidden] { display: none; }

/* --- dar ekranlarda menuyu biraz sikistir ---------------------------------- */

@media (max-width: 1199px) {
    .erg-nav-link { font-size: 15.5px; padding: 13px 12px; }
    #logo img { height: 70px; }
    .erg-logo-text { font-size: 19px; }
}

/* --- mobil: yandan acilir panel ------------------------------------------- */

@media (max-width: 991px) {
    .erg-header-inner {
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

    .erg-nav-toggle { display: block; }
    .erg-header-cta { display: none; }
    .erg-nav-cta { display: block; }

    .erg-nav {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 300px;
        max-width: 86vw;
        background: #fff;
        box-shadow: -6px 0 24px rgba(4, 28, 58, .16);
        flex-direction: column;
        align-items: stretch;
        padding: 62px 0 26px;
        transform: translateX(100%);
        transition: transform .25s ease, visibility .25s ease;
        visibility: hidden;
        z-index: 1040;
        overflow-y: auto;
    }
    .erg-nav.acik { transform: translateX(0); visibility: visible; }

    .erg-nav-list { flex-direction: column; align-items: stretch; gap: 0; }
    .erg-nav-list > li { border-bottom: 1px solid var(--erg-line); }

    .erg-nav-link {
        padding: 15px 22px;
        border-bottom: 0;
        font-size: 16px;
    }
    .erg-nav-link.active { border-bottom: 0; background: var(--erg-bg); }
    .erg-caret { display: none; }

    /* alt menu mobilde akordeon */
    .erg-has-sub { display: flex; flex-wrap: wrap; align-items: center; }
    .erg-has-sub > .erg-nav-link { flex: 1; }

    .erg-sub-toggle {
        display: block;
        background: transparent;
        border: 0;
        border-left: 1px solid var(--erg-line);
        width: 52px;
        align-self: stretch;
        color: var(--erg-navy);
        font-size: 15px;
        cursor: pointer;
    }
    .erg-sub-toggle[aria-expanded="true"] i { transform: rotate(180deg); display: inline-block; }

    .erg-submenu {
        position: static;
        width: 100%;
        flex-basis: 100%;
        min-width: 0;
        border: 0;
        border-top: 1px solid var(--erg-line);
        box-shadow: none;
        background: var(--erg-bg);
        padding: 0;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
    }
    .erg-has-sub.alt-acik > .erg-submenu { display: block; }
    .erg-has-sub:hover > .erg-submenu { display: none; }
    .erg-has-sub.alt-acik:hover > .erg-submenu { display: block; }
    .erg-submenu a { padding: 12px 34px; font-size: 15px; }

    .erg-nav-cta { margin: 22px 22px 0; text-align: center; }

    .erg-nav-close {
        display: block;
        position: absolute;
        top: 12px;
        right: 16px;
        background: transparent;
        border: 0;
        font-size: 30px;
        line-height: 1;
        color: var(--erg-navy);
        cursor: pointer;
    }

    body.erg-menu-acik { overflow: hidden; }
}

@media (max-width: 575px) {
    #logo img { height: 56px; }
    .erg-logo-text { font-size: 16px; }
}

/* --------------------------------------------------------------- breadcrumb */

.breadcrumb-main {
    background: var(--erg-navy) url('../images/banners/header_pages.jpeg') center/cover no-repeat;
    position: relative;
    padding: 62px 0;
}
.breadcrumb-main::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 28, 58, .93) 0%, rgba(4, 28, 58, .72) 100%);
}
.breadcrumb-main .breadcrumb-container { position: relative; }
.breadcrumb-main .page-title {
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 10px;
}
.breadcrumb-main .breadcrumb { margin: 0; padding: 0; background: none; }
.breadcrumb-main .breadcrumb-item,
.breadcrumb-main .breadcrumb-item a { color: rgba(255, 255, 255, .75); font-size: 14px; }
.breadcrumb-main .breadcrumb-item a:hover { color: #fff; }
.breadcrumb-main .breadcrumb-item + .breadcrumb-item::before { color: rgba(255, 255, 255, .45); }

@media (max-width: 767px) {
    .breadcrumb-main { padding: 42px 0; }
    .breadcrumb-main .page-title { font-size: 27px; }
}

/* --------------------------------------------------------------- hero */

.erg-hero .erg-hero-slide {
    min-height: 560px;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center;
    position: relative;
}
.erg-hero .erg-hero-slide::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(4, 28, 58, .92) 0%, rgba(4, 28, 58, .55) 55%, rgba(4, 28, 58, .25) 100%);
}
.erg-hero .container { position: relative; }
.erg-hero-inner { max-width: 620px; padding: 40px 0; }

.erg-hero-eyebrow {
    display: inline-block;
    color: var(--erg-blue-light);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 14px;
    padding-left: 46px;
    position: relative;
}
.erg-hero-eyebrow::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 32px;
    height: 2px;
    background: var(--erg-sun);
}

.erg-hero-title {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.12;
    margin-bottom: 18px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .35);
}
.erg-hero-text {
    color: rgba(255, 255, 255, .86);
    font-size: 17px;
    line-height: 1.65;
    max-width: 48ch;
    margin-bottom: 30px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.erg-hero .carousel-indicators { margin-bottom: 26px; }
.erg-hero .carousel-indicators [data-bs-target] {
    width: 34px;
    height: 3px;
    border: 0;
    background: rgba(255, 255, 255, .45);
}
.erg-hero .carousel-indicators .active { background: var(--erg-sun); }
.erg-hero .carousel-control-prev,
.erg-hero .carousel-control-next { width: 7%; opacity: .55; }
.erg-hero .carousel-control-prev:hover,
.erg-hero .carousel-control-next:hover { opacity: 1; }

@media (max-width: 991px) {
    .erg-hero .erg-hero-slide { min-height: 440px; }
    .erg-hero-title { font-size: 34px; }
    .erg-hero-text { font-size: 15px; }
}
@media (max-width: 767px) {
    .erg-hero .carousel-control-prev,
    .erg-hero .carousel-control-next { display: none; }
}
@media (max-width: 575px) {
    .erg-hero .erg-hero-slide { min-height: 380px; }
    .erg-hero-title { font-size: 27px; text-shadow: 0 1px 6px rgba(0, 0, 0, .5); }
    .erg-hero-text { text-shadow: 0 1px 5px rgba(0, 0, 0, .45); }
    .erg-hero .erg-hero-slide::before {
        background: linear-gradient(90deg, rgba(4, 28, 58, .58) 0%, rgba(4, 28, 58, .34) 100%);
    }
}

/* --------------------------------------------------------------- promo seridi */

.service-box { background: #fff; padding: 0; margin: 0; }
.service-box .promo-item {
    border-bottom: 1px solid var(--erg-line);
    padding: 34px 0;
}
.service-box .service {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 14px;
}
.service-box .service .service-icon {
    height: 54px;
    width: 54px;
    line-height: 54px;
    flex: 0 0 54px;
    background: rgba(0, 74, 173, .08);
    border-radius: 50%;
    text-align: center;
    margin: 0;
}
.service-box .service .service-icon i {
    font-size: 21px;
    line-height: 54px;
    color: var(--erg-blue);
    display: block;
    transition: none;
}
.service-box .service:hover .service-icon i { transform: none; }
.service-box .promo-title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 3px;
    color: var(--erg-ink);
}
.service-box .promo-desc { font-size: 13px; color: var(--erg-grey); }

/* --------------------------------------------------------------- bolumler */

.erg-section { padding: 84px 0; }
.erg-section.pb-0 { padding-bottom: 0; }
.erg-section-alt { background: var(--erg-bg); }

.erg-section-head { max-width: 720px; margin: 0 auto 46px; }

.erg-cert-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px 56px;
}
.erg-cert-logo {
    max-height: 56px;
    max-width: 150px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: .65;
    transition: filter .2s ease, opacity .2s ease;
}
.erg-cert-logo:hover { filter: grayscale(0%); opacity: 1; }
@media (max-width: 575px) {
    .erg-cert-logo { max-height: 40px; max-width: 110px; }
    .erg-cert-row { gap: 28px 34px; }
}

.erg-title {
    font-size: 33px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--erg-navy);
    margin-bottom: 16px;
}
.erg-lead {
    font-size: 16px;
    line-height: 1.75;
    color: var(--erg-grey);
    max-width: 72ch;
}
.erg-section p { line-height: 1.8; color: var(--erg-grey); }

.erg-eyebrow {
    display: block;
    color: var(--erg-blue);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.erg-rounded { border-radius: 3px; }

.erg-check-list { list-style: none; padding: 0; margin: 22px 0 28px; }
.erg-check-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 11px;
    color: var(--erg-ink);
    font-size: 15px;
}
.erg-check-list li i {
    position: absolute;
    left: 0;
    top: 4px;
    color: var(--erg-blue);
    font-size: 13px;
}

@media (max-width: 767px) {
    .erg-section { padding: 54px 0; }
    .erg-title { font-size: 25px; }
}

/* --------------------------------------------------------------- hizmet kartlari */

.erg-card {
    background: #fff;
    border: 1px solid var(--erg-line);
    border-radius: 3px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.erg-card-img {
    height: 190px;
    background-size: cover;
    background-position: center;
    background-color: var(--erg-navy);
}
.erg-card-body { padding: 26px 26px 28px; flex: 1; display: flex; flex-direction: column; }
.erg-card-body h3 {
    font-size: 19px;
    font-weight: 600;
    color: var(--erg-navy);
    margin-bottom: 11px;
}
.erg-card-body p { font-size: 14.5px; line-height: 1.7; color: var(--erg-grey); flex: 1; }
.erg-card-body .erg-link { align-self: flex-start; margin-top: 6px; }

/* --------------------------------------------------------------- hizmet satirlari */

.erg-service-row { padding: 46px 0; }
.erg-service-row + .erg-service-row { border-top: 1px solid var(--erg-line); }

/* --------------------------------------------------------------- degerler */

.erg-value {
    background: #fff;
    border-left: 3px solid var(--erg-blue);
    padding: 26px 24px;
    height: 100%;
}
.erg-value h3 { font-size: 17px; font-weight: 600; color: var(--erg-navy); margin-bottom: 9px; }
.erg-value p { font-size: 14.5px; line-height: 1.7; color: var(--erg-grey); margin: 0; }

.erg-kategori {
    background: #fff;
    border-left: 3px solid var(--erg-blue);
    padding: 26px 24px;
    height: 100%;
}
.erg-kategori h3 { font-size: 16.5px; font-weight: 600; color: var(--erg-navy); margin-bottom: 14px; }
.erg-tag-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.erg-tag-list li {
    background: var(--erg-bg);
    border: 1px solid var(--erg-line);
    color: var(--erg-grey);
    font-size: 13px;
    padding: 5px 12px;
    border-radius: 20px;
}

/* --------------------------------------------------------------- cta seridi */

.erg-cta {
    background: var(--erg-blue);
    padding: 54px 0;
    color: #fff;
}
.erg-cta h2 { font-size: 26px; font-weight: 600; margin-bottom: 8px; }
.erg-cta p { color: rgba(255, 255, 255, .85); margin: 0; font-size: 15.5px; }

/* --------------------------------------------------------------- markalar */

.erg-brands img { filter: grayscale(1); opacity: .55; transition: opacity .2s ease, filter .2s ease; }
.erg-brands img:hover { filter: none; opacity: 1; }

/* --------------------------------------------------------------- ic sayfa metni */

.information-information .title {
    font-size: 25px;
    font-weight: 600;
    color: var(--erg-navy);
    margin: 34px 0 14px;
}
.information-information .title:first-child { margin-top: 0; }
.information-information .description {
    font-size: 16px;
    line-height: 1.85;
    color: var(--erg-grey);
    max-width: 78ch;
}

/* --------------------------------------------------------------- iletisim */

.erg-contact-list { list-style: none; padding: 0; margin: 28px 0 0; }
.erg-contact-list li {
    display: flex;
    gap: 16px;
    padding: 17px 0;
    border-bottom: 1px solid var(--erg-line);
}
.erg-contact-list li:last-child { border-bottom: 0; }
.erg-contact-list i {
    color: var(--erg-blue);
    font-size: 17px;
    width: 22px;
    margin-top: 3px;
}
.erg-contact-list strong {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--erg-grey);
    margin-bottom: 3px;
}
.erg-contact-list a,
.erg-contact-list span { color: var(--erg-ink); font-size: 15.5px; }
.erg-contact-list a:hover { color: var(--erg-blue); }

.erg-form-box {
    background: var(--erg-bg);
    border: 1px solid var(--erg-line);
    padding: 34px;
}
.erg-form-box .form-label { font-size: 13.5px; font-weight: 500; color: var(--erg-grey); margin-bottom: 5px; }
.erg-form-box .form-control {
    border: 1px solid var(--erg-line);
    border-radius: 2px;
    padding: 11px 14px;
    font-size: 15px;
    background: #fff;
}
.erg-form-box .form-control:focus {
    border-color: var(--erg-blue);
    box-shadow: 0 0 0 3px rgba(0, 74, 173, .12);
}
.erg-form-note { font-size: 13px; color: var(--erg-grey); margin: 14px 0 0; }
.erg-form-msg { font-size: 14.5px; margin-top: 14px; }
.erg-form-msg.ok { color: #1b7a41; }
.erg-form-msg.err { color: #b3261e; }

.erg-map iframe { display: block; width: 100%; height: 420px; border: 0; }

@media (max-width: 575px) {
    .erg-form-box { padding: 22px; }
}

/* --------------------------------------------------------------- footer */

footer.bd-footer {
    background: var(--erg-navy);
    padding: 62px 0 0;
    margin-top: 0;
    color: rgba(255, 255, 255, .72);
}
footer.bd-footer .footer-column h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}
footer.bd-footer .footer-column ul li { margin-bottom: 11px; font-size: 14.5px; line-height: 1.6; }
footer.bd-footer .footer-column a { color: rgba(255, 255, 255, .72); }
footer.bd-footer .footer-column a:hover { color: #fff; }
footer.bd-footer .contact i { color: var(--erg-blue-light); margin-right: 9px; }

.erg-footer-logo { height: 78px; width: auto; margin-bottom: 16px; }
.erg-footer-desc { font-size: 14.5px; color: rgba(255, 255, 255, .72); max-width: 34ch; }

.erg-social { margin-top: 16px; display: flex; gap: 10px; }
.erg-social a {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
}
.erg-social a:hover { background: var(--erg-blue); border-color: var(--erg-blue); color: #fff; }

.erg-copyright {
    border-top: 1px solid rgba(255, 255, 255, .12);
    margin-top: 42px;
    padding: 22px 0;
}
.erg-copyright p { margin: 0; font-size: 13.5px; color: rgba(255, 255, 255, .6); }

@media (max-width: 767px) {
    footer.bd-footer { padding-top: 42px; }
    footer.bd-footer .footer-column { margin-bottom: 30px; }
}

/* --------------------------------------------------------------- yukari cik */

.erg-top-btn {
    position: fixed;
    right: 22px;
    bottom: 22px;
    width: 44px;
    height: 44px;
    background: var(--erg-blue);
    color: #fff;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
    z-index: 60;
}
.erg-top-btn.gorunur { opacity: 1; visibility: visible; }
.erg-top-btn:hover { background: var(--erg-blue-dark); color: #fff; }

/* kapali mobil menu paneli sayfayi yatayda uzatmasin */
html, body {
    overflow-x: hidden;
    overflow-x: clip;
}

@media (prefers-reduced-motion: reduce) {
    * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}