/* Megamak sayt düzəlişləri — main.css-dən sonra yüklənir */

/* Zəngin mətn redaktorunun (Quill) hizalama sinifləri */
.ql-align-center { text-align: center; }
.ql-align-right { text-align: right; }
.ql-align-justify { text-align: justify; }

/* ===== Məhsul səhifəsinin əlavə bölmələri (video / spec / feature / application) ===== */
.mgk-product-sections { padding: 30px 0 10px; }
.mgk-product-sections .layout { max-width: 1000px; }

.mgk-section-nav { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.mgk-nav-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.mgk-nav-btn {
    display: inline-block; padding: 10px 26px; background: var(--bs-theme-color, #0088cf);
    color: #fff; font-weight: 600; text-decoration: none; transition: .25s;
}
.mgk-nav-btn:hover { background: #006ba3; color: #fff; }
.mgk-nav-contact { border: 1px solid var(--bs-theme-color, #0088cf); }

.mgk-video-wrap { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 30px; background: #000; }
.mgk-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.mgk-section { margin-bottom: 44px; }
.mgk-section-title { text-align: center; font-size: 28px; font-weight: 700; color: #222; margin-bottom: 6px; }
.mgk-section-sub { text-align: center; color: var(--bs-theme-color, #0088cf); font-weight: 600; margin-bottom: 24px; }

.mgk-spec-table { width: 100%; border-collapse: collapse; }
.mgk-spec-table th, .mgk-spec-table td { border: 1px solid #333; padding: 10px 14px; text-align: left; font-size: 15px; }
.mgk-spec-table th { width: 42%; font-weight: 700; color: #222; }

.mgk-feature-row { display: flex; align-items: center; gap: 30px; background: #f7f7f7; padding: 24px; margin-bottom: 20px; }
.mgk-feature-row.mgk-feature-reverse { flex-direction: row-reverse; }
.mgk-feature-img { flex: 0 0 44%; }
.mgk-feature-img img { width: 100%; height: auto; display: block; }
.mgk-feature-info { flex: 1; }
.mgk-feature-info h3 { color: var(--bs-theme-color, #0088cf); font-size: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; }
.mgk-feature-info p { color: #555; line-height: 1.7; margin: 0; }
.mgk-dots { display: flex; gap: 7px; margin-bottom: 12px; }
.mgk-dots b { width: 6px; height: 6px; border-radius: 50%; background: var(--bs-theme-color, #0088cf); }
.mgk-dots b:nth-child(2), .mgk-dots b:nth-child(4) { opacity: .55; }

.mgk-app-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.mgk-app-item { background: #f2f2f2; padding: 8px; }
.mgk-app-item img { width: 100%; height: auto; display: block; }

@media (max-width: 767px) {
    .mgk-feature-row, .mgk-feature-row.mgk-feature-reverse { flex-direction: column; }
    .mgk-feature-img { flex: none; width: 100%; }
    .mgk-app-grid { grid-template-columns: repeat(2, 1fr); }
    .mgk-spec-table th { width: 50%; }
}

/* Mobil header: toxunma sahəsini böyüt + bağlama düyməsi */
.mobile-head-items .mobile-head-item .title { padding: 12px 10px; display: inline-flex; align-items: center; }
.mobile-head-item .side-content-wrap .mobile-ico-close {
    position: absolute; top: 10px; right: 12px; z-index: 5; cursor: pointer; line-height: 1;
}

/* Dil menyusu: dillər alt-alta düzülsün */
.section-header-wrap-block .change-language .change-language-cont {
    width: 210px;
}

.section-header-wrap-block .prisna-wp-translate-seo {
    display: block;
    padding: 1rem 1.2rem 0.4rem;
}

.section-header-wrap-block .prisna-wp-translate-seo a {
    width: 100%;
    margin-bottom: 0.9rem;
    padding-right: 0;
}

/* Yan panel: kateqoriya adı ilə məhsul sayı ayrılsın (say sağda nişan kimi) */
.section-sidenav-wrap-block .side-nav > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.section-sidenav-wrap-block .side-nav .num {
    flex: 0 0 auto;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef6fb;
    color: var(--bs-theme-color, #0088cf);
    border-radius: 11px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

/* ===== Sayt-boyu axtarış səhifəsi ===== */
.mgk-search-page { padding: 40px 0 60px; }
.mgk-search-page .layout { max-width: 1240px; margin: 0 auto; padding: 0 15px; }
.mgk-search-title { font-size: 30px; font-weight: 700; color: #222; margin-bottom: 18px; }
.mgk-search-form { display: flex; gap: 0; max-width: 560px; margin-bottom: 22px; }
.mgk-search-form input {
    flex: 1; height: 48px; padding: 0 16px; font-size: 16px;
    border: 2px solid var(--bs-theme-color, #0088cf); border-right: none; outline: none;
}
.mgk-search-form button {
    height: 48px; padding: 0 28px; border: none; cursor: pointer;
    background: var(--bs-theme-color, #0088cf); color: #fff; font-weight: 600; font-size: 15px;
}
.mgk-search-summary { color: #555; margin-bottom: 26px; }
.mgk-search-empty { color: #888; padding: 30px 0; }
.mgk-search-group { margin-bottom: 36px; }
.mgk-search-group h2 { font-size: 21px; font-weight: 700; color: #222; border-bottom: 2px solid var(--bs-theme-color, #0088cf); padding-bottom: 8px; margin-bottom: 16px; }
.mgk-search-group h2 span { color: #999; font-weight: 400; font-size: 16px; }
.mgk-search-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.mgk-search-tags a {
    display: inline-block; padding: 8px 18px; background: #eef6fb; color: var(--bs-theme-color, #0088cf);
    border-radius: 20px; text-decoration: none; font-weight: 500;
}
.mgk-search-tags a:hover { background: var(--bs-theme-color, #0088cf); color: #fff; }
.mgk-search-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mgk-search-card { display: block; border: 1px solid #eee; text-decoration: none; transition: .25s; background: #fff; }
.mgk-search-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.1); }
.mgk-search-card-img { aspect-ratio: 4/3; overflow: hidden; background: #f7f7f7; }
.mgk-search-card-img img { width: 100%; height: 100%; object-fit: contain; }
.mgk-search-card-title { padding: 10px 12px; color: #222; font-weight: 600; font-size: 14px; }
.mgk-search-list { display: flex; flex-direction: column; gap: 12px; }
.mgk-search-row { display: flex; gap: 16px; padding: 12px; border: 1px solid #eee; text-decoration: none; background: #fff; transition: .25s; }
.mgk-search-row:hover { box-shadow: 0 6px 18px rgba(0,0,0,.1); }
.mgk-search-row-img { flex: 0 0 130px; height: 90px; overflow: hidden; background: #f7f7f7; }
.mgk-search-row-img img { width: 100%; height: 100%; object-fit: cover; }
.mgk-search-row-title { color: #222; font-weight: 700; margin-bottom: 4px; }
.mgk-search-row-meta { color: #999; font-size: 13px; margin-bottom: 4px; }
.mgk-search-row-desc { color: #666; font-size: 14px; line-height: 1.5; }

@media (max-width: 767px) {
    .mgk-search-grid { grid-template-columns: repeat(2, 1fr); }
    .mgk-search-row-img { flex-basis: 90px; height: 70px; }
}

/* Header: menyu bəndləri heç vaxt sıxılıb üst-üstə düşməsin.
   Flex sıxılması li qutusunu mətndən kiçik edə bilir (min-width belə pozulur),
   ona görə masaüstü nav inline-block düzümünə keçirilir — qutu həmişə mətnə görə ölçülür. */
.section-block-demo2-header .header-bottom .nav {
    display: block !important;
    white-space: nowrap;
    text-align: center;
    overflow: visible;
}

.section-block-demo2-header .header-bottom .nav > li {
    display: inline-block !important;
    vertical-align: middle;
    white-space: normal;
    min-width: max-content;
    width: auto !important;
    max-width: none !important;
}

.section-block-demo2-header .header-bottom .nav > li > a {
    width: max-content !important;
}

/* main.css-dəki .demo62-body zənciri em-i 18px edir və qutu hesabından yayınır —
   bərabərləşdiririk ki, bənd qutusu mətnlə üst-üstə düşsün */
.section-block-demo2-header .header-bottom .nav > li > a em {
    font-size: 16px !important;
}

/* Dar masaüstü ekranlarda menyunu kompaktlaşdır ki, bütün bəndlər yerləşsin */
@media (min-width: 1101px) and (max-width: 1800px) {
    .section-header-wrap-block .nav {
        padding: 0 0.75rem;
    }

    .section-header-wrap-block .nav > li {
        margin: 0 1px;
        font-size: 14px;
    }

    .section-header-wrap-block .nav > li > a {
        padding-left: 7px;
        padding-right: 7px;
    }

    .section-block-demo2-header .header-bottom .nav > li > a em {
        font-size: 14px !important;
    }

    .section-block-demo2-header .change-language .change-language-title span {
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* Loqo ölçüsü sabit qalsın */
.section-block-demo2-header .logo img {
    max-height: 44px;
    width: auto;
}

/* Scroll zamanı sabitlənən header: yarımşəffaf ağ fon + blur (orijinaldakı kimi) */
.section-block-demo2-header.fixed-nav {
    width: 100%;
    background: rgba(255, 255, 255, 0.88);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    z-index: 1030;
}

.section-block-demo2-header.fixed-nav .header-bottom {
    background: transparent;
}

.section-block-demo18-footer .foot-logo img,
.section-block-demo18-footer .logo img {
    max-height: 44px;
    width: auto;
}

/* Footer sütunları: loqo tam sıra, altında 3 sütun bir sırada, orijinal proporsiyalarda.
   Vendor footer18.css .foot-items enini 48% edir — dar qalır, mətnlər pis sınır. */
@media (min-width: 992px) {
    .section-block-demo18-footer .foot_box .foot-items {
        width: 66% !important;
        max-width: 66% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0 24px;
    }

    .section-block-demo18-footer .foot_box .foot_right {
        width: 30% !important;
    }
}

.section-block-demo18-footer .foot-items .foot_logo {
    width: 100% !important;
    flex: 0 0 100%;
}

.section-block-demo18-footer .foot-items > nav.foot-item {
    flex: 1 1 0;
    min-width: 150px;
    width: auto !important;
    max-width: none !important;
}

/* Əlaqə sütunu (ünvan/telefonlar) daha geniş olsun */
.section-block-demo18-footer .foot-items > nav.foot-item:last-of-type {
    flex-grow: 1.6;
}

/* Telefon nömrələri sətir ortasında qırılmasın */
.section-block-demo18-footer .foot-contacts a {
    white-space: nowrap;
}

@media (max-width: 767px) {
    .section-block-demo18-footer .foot-items > nav.foot-item {
        flex: 1 1 100%;
    }
}