@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ==============================================
   AJANSBOX E-TİCARET - HEADER V3
   IDEASOFT TARZI 3 SÜTUNLU MEGA MENÜ
============================================== */

:root {
    --ajansbox-blue: #244bff;
    --ajansbox-blue-dark: #2512c9;
    --ajansbox-navy: #0b0929;
    --ajansbox-text: #252838;
    --ajansbox-muted: #999daa;
    --ajansbox-border: #edf0f7;
    --ajansbox-font: 'Poppins', sans-serif;
    --ajansbox-container: 1400px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #fff;
    color: var(--ajansbox-text);
    font-family: var(--ajansbox-font);
}

button,
input,
textarea,
select {
    font: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    cursor: pointer;
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid #428bff;
    outline-offset: 3px;
}

body.ajansbox-menu-open {
    overflow: hidden;
}

/* ==============================================
   01 - ÜST DUYURU ŞERİDİ
============================================== */

.ajansbox-topbar {
    position: relative;
    height: 44px;
    width: 100%;
    color: #fff;
    background: linear-gradient(
        100deg,
        #3020b2 0%,
        #190b61 45%,
        #0b0827 100%
    );
    overflow: hidden;
}

.ajansbox-topbar::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        95deg,
        transparent 20%,
        rgba(255,255,255,.07) 50%,
        transparent 80%
    );
    background-size: 220% 100%;
    animation: ajansbox-top-shine 12s linear infinite;
}

@keyframes ajansbox-top-shine {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}

.ajansbox-topbar-inner {
    position: relative;
    z-index: 2;
    width: min(
        var(--ajansbox-container),
        calc(100% - 40px)
    );
    height: 100%;
    margin: 0 auto;

    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}

.ajansbox-topbar-content {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.ajansbox-topbar-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    transition: opacity .2s;
}

.ajansbox-topbar-link:hover {
    opacity: .7;
}

.ajansbox-topbar-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 6px 14px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 30px;
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    transition: background .25s;
}

.ajansbox-topbar-contact:hover {
    background: rgba(255,255,255,.12);
}

.ajansbox-topbar-contact svg {
    width: 14px;
    height: 14px;
}

/* ==============================================
   02 - ANA HEADER
============================================== */

.ajansbox-header {
    position: sticky;
    top: 0;
    z-index: 1000;

    width: 100%;
    height: 76px;

    background: #ffffff;
    border-bottom: 1px solid #f0f1f5;

    transition:
        box-shadow .25s ease,
        background .25s ease;
}

.ajansbox-header-inner {
    position: relative;
    height: 100%;
    width: min(
        var(--ajansbox-container),
        calc(100% - 40px)
    );
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        240px minmax(0, 1fr) 340px;
    align-items: center;
}

/* LOGO */

.ajansbox-logo {
    display: flex;
    align-items: center;
    width: 190px;
}

.ajansbox-logo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* ANA NAV */

.ajansbox-desktop-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(22px, 3vw, 55px);
    height: 100%;
    white-space: nowrap;
}

.ajansbox-nav-item {
    display: flex;
    align-items: center;
    height: 100%;
}

.ajansbox-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 100%;
    padding: 0;
    background: none;
    border: 0;
    color: #3b3d46;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    transition: color .2s;
}

.ajansbox-nav-link:hover,
.ajansbox-nav-link[aria-expanded="true"] {
    color: var(--ajansbox-blue);
}

.ajansbox-chevron {
    width: 12px;
    height: 12px;
    transition: transform .2s;
}

.ajansbox-nav-trigger[aria-expanded="true"]
.ajansbox-chevron {
    transform: rotate(180deg);
}

/* ==============================================
   03 - SAĞ HEADER ALANI
============================================== */

.ajansbox-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.ajansbox-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 39px;
    min-width: 39px;
    height: 39px;

    color: #3c3d4b;
    border: 1px solid #edf0f8;
    border-radius: 50%;
    background: #fff;

    transition:
        color .2s,
        background .2s,
        border-color .2s;
}

.ajansbox-action-icon svg {
    width: 19px;
    height: 19px;
}

.ajansbox-action-icon:hover {
    color: var(--ajansbox-blue);
    background: #f7f9ff;
    border-color: #dce5ff;
}

/* ==============================================
   04 - ÜCRETSİZ DENEYİN BUTONU
============================================== */

.ajansbox-try-button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    height: 44px;
    min-width: 180px;
    padding: 0 17px 0 9px;

    border-radius: 40px;
    overflow: hidden;

     background: linear-gradient(100deg, #1a44e1 0%, #244bff 60%, #1d4bef 100%);

    color: white;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;

    transition:
        transform .25s,
        box-shadow .25s;
}

.ajansbox-try-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(36,75,255,.2);
}

.ajansbox-try-text {
    position: relative;
    z-index: 2;
}

/* KÜÇÜK HALKA ANİMASYONU */

.ajansbox-try-effect {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;
    flex: 0 0 30px;
}

.ajansbox-try-ring {
    position: absolute;
    inset: 2px;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 50%;
}

.ajansbox-try-effect::before,
.ajansbox-try-effect::after {
    content: "";
    position: absolute;

    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;

    border: 1px solid rgba(255,255,255,.8);
    border-radius: 50%;

    opacity: 0;
    transform: translate(-50%, -50%) scale(.3);

    animation: ajansbox-ring-pulse 3s ease-out infinite;
}

.ajansbox-try-effect::after {
    animation-delay: 1.5s;
}

.ajansbox-try-core {
    position: relative;
    z-index: 2;

    width: 9px;
    height: 9px;

    border-radius: 50%;
    background: #fff;

    box-shadow:
        0 0 0 3px rgba(255,255,255,.14),
        0 0 8px rgba(255,255,255,.6);
}

@keyframes ajansbox-ring-pulse {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(.3);
    }

    20% {
        opacity: .85;
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.8);
    }
}

/* ==============================================
   05 - IDEASOFT TARZI MEGA MENÜ
============================================== */

.ajansbox-mega-menu {
    position: absolute;
    z-index: 20;

    top: 100%;
    left: 50%;
    width: 100%;
    min-height: 430px;

    padding: 27px 35px 38px;

    background: #fff;
    border: 1px solid #f0f2f7;
    border-top: 0;
    border-radius: 0 0 10px 10px;

    box-shadow: 0 24px 45px rgba(12,18,52,.07);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translate(-50%, 9px);

    transition:
        opacity .2s,
        visibility .2s,
        transform .2s;
}

.ajansbox-mega-menu.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.ajansbox-mega-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 45px;
    width: 100%;
}

/* KATEGORİ BAŞLIKLARI */

.ajansbox-mega-heading {
    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 47px;
    padding-bottom: 16px;

    border-bottom: 1px solid #d6e8fa;

    font-size: 15px;
    font-weight: 500;
    color:  #0b0b0b;
}

.ajansbox-mega-heading-icon {
display: inline-flex;
    align-items: center;
    justify-content: center;
    /* width: 71px; */
    height: 33px;
    flex: 0 0 34px;
    border: 1px solid #2250f6;
    border-radius: 50%;
    color: #fff;
    background: #1f4df2;
}

.ajansbox-mega-heading-icon svg {
    width: 20px;
    height: 20px;
}

/* ALT MENÜ BAĞLANTILARI */

.ajansbox-mega-items {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 13px;
}

.ajansbox-mega-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;

    padding: 11px 0;
    border-radius: 5px;

    transition: transform .2s;
}

.ajansbox-mega-link strong {
    font-size: 13px;
    font-weight: 500;
    color: #030303;
    line-height: 1.4;
    transition: color .2s;
}

.ajansbox-mega-link small {
    font-size: 12px;
    font-weight: 300;
    color: #a3a5af;
    line-height: 1.6;
}

.ajansbox-mega-link:hover {
    transform: translateX(4px);
}

.ajansbox-mega-link:hover strong {
    color: var(--ajansbox-blue);
}

/* ==============================================
   06 - SCROLL HEADER
============================================== */

.ajansbox-header.is-scrolled {
    height: 68px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(15,28,69,.07);
}

.ajansbox-header.is-scrolled .ajansbox-logo img {
    filter: none;
}

.ajansbox-header.is-scrolled .ajansbox-nav-link {
    color: #3b3d46;
}

.ajansbox-header.is-scrolled .ajansbox-nav-link:hover,
.ajansbox-header.is-scrolled
.ajansbox-nav-link[aria-expanded="true"] {
    color: var(--ajansbox-blue);
}

.ajansbox-header.is-scrolled .ajansbox-action-icon {
    color: #3c3d4b;
}

.ajansbox-header.is-scrolled .ajansbox-try-button {
    background: linear-gradient(100deg,#3e30f5,#244bff,#1128cf);
    border: 0;
}

/* ==============================================
   07 - MOBİL MENÜ
============================================== */

.ajansbox-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    padding: 8px;
    border: 0;
    background: transparent;
    color: #192c65;
}

.ajansbox-menu-toggle svg {
    width: 25px;
    height: 25px;
}

.ajansbox-mobile-overlay {
    position: fixed;
    inset: 0;
    z-index: 1050;

    background: rgba(4,11,38,.45);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .25s,
        visibility .25s;
}

.ajansbox-mobile-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.ajansbox-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;

    width: min(390px, calc(100vw - 40px));
    height: 100dvh;

    display: flex;
    flex-direction: column;
    overflow-y: auto;

    background: #fff;
    box-shadow: 10px 0 35px rgba(0,0,0,.12);

    transform: translateX(-103%);
    visibility: hidden;

    transition:
        transform .3s ease,
        visibility .3s;
}

.ajansbox-mobile-menu.is-open {
    transform: translateX(0);
    visibility: visible;
}

.ajansbox-mobile-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 85px;
    padding: 15px 24px;

    border-bottom: 1px solid #edf0f7;
}

.ajansbox-mobile-logo img {
    display: block;
    width: 165px;
    height: auto;
}

.ajansbox-mobile-close {
    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    background: #f7f9ff;
    border: 1px solid #e5eafd;
    border-radius: 50%;
}

.ajansbox-mobile-close svg {
    width: 19px;
    height: 19px;
}

.ajansbox-mobile-links {
    padding: 14px 24px;
}

.ajansbox-mobile-links > a,
.ajansbox-mobile-accordion {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    padding: 16px 0;

    background: transparent;
    border: 0;
    border-bottom: 1px solid #edf0f7;

    color: #252838;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.ajansbox-mobile-plus {
    font-size: 22px;
    font-weight: 300;
    color: var(--ajansbox-blue);
}

.ajansbox-mobile-submenu {
    padding: 7px 0 10px 16px;
}

.ajansbox-mobile-submenu[hidden] {
    display: none;
}

.ajansbox-mobile-submenu a {
    display: block;
    padding: 11px 0;
    color: #68718a;
    font-size: 12px;
}

.ajansbox-mobile-submenu a:hover {
    color: var(--ajansbox-blue);
}

.ajansbox-mobile-shortcuts {
    display: flex;
    flex-direction: column;
    gap: 14px;

    margin-top: auto;
    padding: 20px 24px 30px;
}

.ajansbox-mobile-shortcuts > a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 13px;
    color: #334263;
}

.ajansbox-mobile-demo {
    padding: 13px 17px;
    border-radius: 35px;
    background: var(--ajansbox-blue);
    color: #fff !important;
    font-weight: 500;
}

/* ==============================================
   08 - RESPONSIVE
============================================== */

@media (max-width: 1350px) {

    .ajansbox-header-inner {
        grid-template-columns: 210px minmax(0,1fr) 300px;
    }

    .ajansbox-logo {
        width: 175px;
    }

    .ajansbox-desktop-nav {
        gap: 20px;
    }

    .ajansbox-header-actions {
        gap: 7px;
    }

    .ajansbox-try-button {
        min-width: 165px;
    }

    .ajansbox-mega-grid {
        gap: 26px;
    }
}

@media (max-width: 1120px) {

    .ajansbox-header,
    .ajansbox-header.is-scrolled {
        height: 75px;
    }

    .ajansbox-header-inner {
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

    .ajansbox-menu-toggle {
        display: flex;
        order: 0;
        flex: none;
    }

    .ajansbox-logo {
        order: 1;
        width: 180px;
        margin-right: auto;
    }

    .ajansbox-desktop-nav,
    .ajansbox-mega-menu {
        display: none;
    }

    .ajansbox-header-actions {
        order: 2;
    }

    .ajansbox-topbar-content {
        font-size: 11px;
    }
}

@media (max-width: 680px) {

    .ajansbox-topbar {
        height: 38px;
    }

    .ajansbox-topbar-inner {
        width: calc(100% - 20px);
        justify-content: center;
    }

    .ajansbox-topbar-content {
        font-size: 10px;
        gap: 8px;
    }

    .ajansbox-topbar-contact {
        display: none;
    }

    .ajansbox-header,
    .ajansbox-header.is-scrolled {
        height: 67px;
    }

    .ajansbox-header-inner {
        width: calc(100% - 20px);
        gap: 7px;
    }

    .ajansbox-logo {
        width: 150px;
    }

    .ajansbox-action-icon {
        width: 34px;
        min-width: 34px;
        height: 34px;
        border: 0;
    }

    .ajansbox-user-icon {
        display: none;
    }

    .ajansbox-try-button {
        min-width: 41px;
        width: 41px;
        height: 41px;
        padding: 0;
        gap: 0;
    }

    .ajansbox-try-text {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }

    .ajansbox-try-effect {
        flex: 0 0 30px;
    }
}

@media (max-width: 380px) {

    .ajansbox-logo {
        width: 128px;
    }

    .ajansbox-header-actions {
        gap: 0;
    }

    .ajansbox-topbar-content {
        font-size: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .ajansbox-topbar::before,
    .ajansbox-try-effect::before,
    .ajansbox-try-effect::after {
        animation: none !important;
    }

    html {
        scroll-behavior: auto;
    }
}



/* MAVİ ÜST BANT - ORTALI */

.ajansbox-topbar {
    background: linear-gradient(90deg, #1740d9, #2454ff, #1640dc);
    height: 44px;
    border: none;
}

.ajansbox-topbar-inner {
    max-width: 1400px;
    width: calc(100% - 40px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

.ajansbox-topbar-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    font-size: 12px;
    font-weight: 400;
}

.ajansbox-topbar-link {
    color: #fff;
    font-weight: 600;
}

.ajansbox-topbar-contact {
    color: #fff;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 30px;
    padding: 6px 14px;
    font-size: 11px;
}

/* MOBİL */
@media (max-width: 680px) {
    .ajansbox-topbar-inner {
        width: calc(100% - 20px);
        gap: 10px;
    }

    .ajansbox-topbar-content {
        gap: 10px;
        font-size: 10px;
        text-align: center;
    }

    .ajansbox-topbar-contact {
        display: none;
    }
}









/* MOBİL ÜCRETSİZ DENEYİN BUTONU */

@media (max-width: 680px) {

    .ajansbox-try-button,
    .ajansbox-header.is-scrolled .ajansbox-try-button {
        width: auto;
        min-width: 142px;
        height: 40px;
        padding: 0 12px 0 5px;
        gap: 6px;
        border-radius: 30px;
    }

    .ajansbox-try-effect {
        width: 28px;
        height: 28px;
        flex: 0 0 28px;
    }

    .ajansbox-try-text {
        position: relative;
        width: auto;
        height: auto;
        overflow: visible;
        clip-path: none;
        white-space: nowrap;
        font-size: 10px;
        font-weight: 500;
    }

    .ajansbox-logo {
        width: 135px;
        flex-shrink: 1;
        min-width: 0;
    }

    .ajansbox-header-inner {
        gap: 5px;
    }

    .ajansbox-menu-toggle {
        width: 34px;
        flex-shrink: 0;
    }

    .ajansbox-action-icon {
        width: 30px;
        min-width: 30px;
    }
}

/* KÜÇÜK TELEFONLAR */
@media (max-width: 380px) {
    .ajansbox-logo {
        width: 115px;
    }

    .ajansbox-try-button,
    .ajansbox-header.is-scrolled .ajansbox-try-button {
        min-width: 128px;
        padding-right: 9px;
    }

    .ajansbox-try-text {
        font-size: 9px;
    }
}
























/* ================================================
   AJANSBOX - E-TİCARET HERO V5
   1650PX / POPPINS / MODERN BLUE
================================================ */

.ajansbox-launchhero {
    width: calc(100% - 40px);
    max-width: 1650px;
    margin: 0 auto 65px;
    font-family: 'Poppins', sans-serif;
}

.ajansbox-launchhero *,
.ajansbox-launchhero *::before,
.ajansbox-launchhero *::after {
    box-sizing: border-box;
}

.ajansbox-launchhero-inner {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    min-height: 630px;
    overflow: hidden;
    background: linear-gradient(112deg, #1839d5 0%, #1a39d8 49%, #173ded 100%);
    color: #ffffff;
}

/* ================================================
   SOL İÇERİK
================================================ */

.ajansbox-launchhero-content {
    position: relative;
    z-index: 5;
    padding: 70px 0 70px clamp(45px, 5vw, 105px);
}

/* Üst küçük marka etiketi */

.ajansbox-launchhero-kicker {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 32px;

    color: rgba(255,255,255,.7);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
}

.ajansbox-launchhero-kicker-line {
    width: 25px;
    height: 1px;
    background: #91cfff;
}

/* Üst açıklama */

.ajansbox-launchhero-pretitle {
    margin: 0 0 0px;

    color: rgba(255,255,255,.85);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

/* Ana başlık */

.ajansbox-launchhero-title {
    max-width: 740px;
    margin: 0;

    color: #ffffff;
    font-size: clamp(39px, 3.3vw, 59px);
    line-height: 1.16;
    letter-spacing: -2.4px;
    font-weight: 500;
}

.ajansbox-launchhero-title span {
    display: block;
    color: #a1bec6;
    font-weight: 500;
}

/* Açıklama */

.ajansbox-launchhero-description {
    max-width: 650px;
    margin: 25px 0 0;

    color: rgba(255,255,255,.79);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.85;
}

/* ================================================
   E-POSTA VE BUTONLAR
================================================ */

.ajansbox-launchhero-actions {
    display: flex;
    align-items: stretch;
    gap: 10px;

    width: max-content;
    max-width: 100%;
    margin-top: 39px;
}

.ajansbox-launchhero-form {
    display: flex;
    align-items: center;
    gap: 5px;

    width: 490px;
    max-width: 100%;
    min-height: 57px;
    padding: 5px;

    background: #ffffff;
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(9,26,104,.1);
}

.ajansbox-launchhero-email {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
    padding: 0 13px;
    color: #7482a0;
}

.ajansbox-launchhero-email svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.ajansbox-launchhero-email input {
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0;

    background: transparent;
    border: 0;
    outline: none;

    color: #192b4b;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.ajansbox-launchhero-email input::placeholder {
    color: #8794aa;
}

.ajansbox-launchhero-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;

    height: 45px;
    padding: 0 17px;

    border: 0;
    border-radius: 7px;
    background: #1947eb;
    color: #fff;

    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;

    transition: background .25s, transform .25s;
}

.ajansbox-launchhero-submit:hover {
    background: #1035c5;
}

.ajansbox-launchhero-submit svg {
    width: 16px;
    height: 16px;
}

.ajansbox-launchhero-contact {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 9px;

    min-height: 57px;
    padding: 0 19px;

    border: 1px solid rgba(255,255,255,.44);
    border-radius: 10px;
    color: #fff;
    background: rgba(255,255,255,.07);

    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: none;

    transition: background .25s, border-color .25s;
}

.ajansbox-launchhero-contact:hover {
    background: rgba(255,255,255,.17);
    border-color: rgba(255,255,255,.75);
    color: #fff;
}

.ajansbox-launchhero-contact svg {
    width: 18px;
    height: 18px;
}

/* ================================================
   ALT GÜVEN UNSURLARI
================================================ */

.ajansbox-launchhero-benefits {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 23px;
    margin-top: 30px;
}

.ajansbox-launchhero-benefits span {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: rgba(255,255,255,.72);
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
}

.ajansbox-launchhero-benefits svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

/* ================================================
   SAĞ GÖRSEL ALANI
================================================ */

.ajansbox-launchhero-visual {
    position: relative;
    align-self: stretch;
    min-width: 0;
    min-height: 630px;
    
}

/* Arka aydınlık alan */

.ajansbox-launchhero-aura {
    position: absolute;
    z-index: 0;
    inset: 0;

    background: radial-gradient(
        ellipse 72% 65% at 56% 60%,
        rgba(142,197,255,.4) 0%,
        rgba(108,145,255,.13) 55%,
        transparent 85%
    );

    animation: ajansboxLaunchGlow 9s ease-in-out infinite alternate;
}

/* Büyük ince halka */

.ajansbox-launchhero-circle {
    position: absolute;
    z-index: 0;

    width: 570px;
    height: 570px;
    top: 6%;
    left: 10%;

    border: 1px solid rgba(255,255,255,.17);
    border-radius: 50%;

    box-shadow:
        0 0 0 52px rgba(255,255,255,.035),
        0 0 0 110px rgba(255,255,255,.025);

    animation: ajansboxLaunchCircle 12s ease-in-out infinite alternate;
}

/* Kadın görseli */

.ajansbox-launchhero-image-wrap {
    position: absolute;
    z-index: 2;
    inset: 0;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    pointer-events: none;
}

.ajansbox-launchhero-image {
    display: block;
    width: 109%;
    max-width: none;
    height: auto;
    max-height: 105%;

    object-fit: contain;
    object-position: center bottom;

    transform-origin: 50% 85%;
    animation: ajansboxLaunchImage 7s ease-in-out infinite;
}

/* ================================================
   HAREKETLİ KÜÇÜK ETİKETLER
================================================ */

.ajansbox-launchhero-chip {
    position: absolute;
    z-index: 4;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.62);

    background: rgba(255,255,255,.94);
    box-shadow: 0 12px 28px rgba(9,35,113,.12);

    color: #263f81;
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;

    backdrop-filter: blur(8px);
}

.ajansbox-launchhero-chip svg {
    width: 16px;
    height: 16px;
    color: #2454ff;
}

.ajansbox-launchhero-chip-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2dbf9b;
    box-shadow: 0 0 0 4px rgba(45,191,155,.11);
}

/* Ayrı animasyonlar */

.ajansbox-launchhero-chip.chip-top {
    top: 45px;
    left: 10%;
    animation: ajansboxLaunchFloat 5s ease-in-out infinite;
}

.ajansbox-launchhero-chip.chip-bottom {
    right: 7%;
    bottom: 55px;
    animation: ajansboxLaunchFloat 6s ease-in-out -2s infinite;
}

/* ================================================
   ANİMASYONLAR
================================================ */

@keyframes ajansboxLaunchImage {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-11px) scale(1.012);
    }
}

@keyframes ajansboxLaunchFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-13px);
    }
}

@keyframes ajansboxLaunchGlow {
    from {
        transform: scale(.95);
        opacity: .6;
    }
    to {
        transform: scale(1.07);
        opacity: 1;
    }
}

@keyframes ajansboxLaunchCircle {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.06);
    }
}

/* ================================================
   RESPONSIVE
================================================ */

@media (max-width: 1450px) {

    .ajansbox-launchhero-inner {
        grid-template-columns: 51% 49%;
    }

    .ajansbox-launchhero-content {
        padding-left: 55px;
        padding-right: 0;
    }

    .ajansbox-launchhero-title {
        font-size: clamp(38px, 3.6vw, 52px);
    }

    .ajansbox-launchhero-form {
        width: 405px;
    }

    .ajansbox-launchhero-submit {
        padding: 0 12px;
        font-size: 11px;
    }

    .ajansbox-launchhero-contact {
        padding: 0 12px;
    }
}

@media (max-width: 1150px) {

    .ajansbox-launchhero-inner {
        grid-template-columns: 1fr;
    }

    .ajansbox-launchhero-content {
        padding: 60px 40px 25px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ajansbox-launchhero-title {
        max-width: 760px;
        font-size: clamp(38px, 5vw, 58px);
    }

    .ajansbox-launchhero-description {
        max-width: 700px;
    }

    .ajansbox-launchhero-benefits {
        justify-content: center;
    }

    .ajansbox-launchhero-visual {
        min-height: 525px;
    }

    .ajansbox-launchhero-image {
        width: min(100%, 850px);
    }

    .ajansbox-launchhero-circle {
        left: 50%;
        transform: translateX(-50%);
        animation: none;
    }
}

@media (max-width: 680px) {

    .ajansbox-launchhero {
        width: calc(100% - 16px);
        margin-bottom: 40px;
    }

    .ajansbox-launchhero-content {
        padding: 40px 20px 20px;
    }

    .ajansbox-launchhero-kicker {
        font-size: 9px;
        letter-spacing: 1px;
        margin-bottom: 24px;
    }

    .ajansbox-launchhero-pretitle {
        font-size: 12px;
        margin-bottom: 13px;
    }

    .ajansbox-launchhero-title {
        font-size: clamp(30px, 7.5vw, 41px);
        line-height: 1.23;
        letter-spacing: -1.2px;
    }

    .ajansbox-launchhero-description {
        font-size: 12px;
        line-height: 1.8;
        margin-top: 18px;
    }

    .ajansbox-launchhero-description br {
        display: none;
    }

    .ajansbox-launchhero-actions {
        width: 100%;
        flex-direction: column;
        margin-top: 26px;
    }

    .ajansbox-launchhero-form {
        width: 100%;
        min-height: 51px;
        padding: 4px;
    }

    .ajansbox-launchhero-email {
        padding: 0 8px;
    }

    .ajansbox-launchhero-email input {
        font-size: 11px;
    }

    .ajansbox-launchhero-submit {
        height: 42px;
        font-size: 10px;
        gap: 5px;
    }

    .ajansbox-launchhero-submit svg {
        width: 13px;
        height: 13px;
    }

    .ajansbox-launchhero-contact {
        min-height: 45px;
        font-size: 11px;
    }

    .ajansbox-launchhero-benefits {
        gap: 12px 17px;
        margin-top: 23px;
    }

    .ajansbox-launchhero-benefits span {
        font-size: 9px;
    }

    .ajansbox-launchhero-benefits svg {
        width: 15px;
        height: 15px;
    }

    .ajansbox-launchhero-visual {
        min-height: 340px;
    }

    .ajansbox-launchhero-image {
        width: 112%;
        max-height: 100%;
    }

    .ajansbox-launchhero-circle {
        width: 330px;
        height: 330px;
        top: 0;
    }

    .ajansbox-launchhero-chip {
        padding: 7px 9px;
        font-size: 8px;
    }

    .ajansbox-launchhero-chip.chip-top {
        top: 15px;
        left: 5%;
    }

    .ajansbox-launchhero-chip.chip-bottom {
        bottom: 16px;
        right: 5%;
    }
}

@media (max-width: 380px) {

    .ajansbox-launchhero-visual {
        min-height: 275px;
    }

    .ajansbox-launchhero-title {
        font-size: 29px;
    }

    .ajansbox-launchhero-submit {
        font-size: 9px;
        padding: 0 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ajansbox-launchhero-image,
    .ajansbox-launchhero-aura,
    .ajansbox-launchhero-circle,
    .ajansbox-launchhero-chip {
        animation: none !important;
    }
}




/* AJANSBOX HERO - GÖRSEL ZEMİN DÜZELTME */

.ajansbox-launchhero-visual {
    position: relative;
   
    padding: 0 !important;
}

.ajansbox-launchhero-image-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.ajansbox-launchhero-image {
    position: absolute !important;
    inset: 0 !important;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* Sol taraftaki renk birleşimini yumuşat */
.ajansbox-launchhero-image-wrap {
    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 16%,
        #000 100%
    );
    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        #000 16%,
        #000 100%
    );
}

/* PNG içerisinde zaten etiketler var.
   HTML'deki tekrar edenleri gizle. */
.ajansbox-launchhero-chip {
    display: none !important;
}

/* Mobil */
@media (max-width: 680px) {
    .ajansbox-launchhero-image {
        object-position: center center !important;
    }
}




/* KADIN GÖRSELİ ALT KENARA OTURSUN */

.ajansbox-launchhero-visual {
    position: relative;
   
    padding: 0 !important;
}

.ajansbox-launchhero-image-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

.ajansbox-launchhero-image {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

 
    object-position: center bottom !important;

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    animation: none !important;
}

/* MOBİL VE TABLET */
@media (max-width: 1150px) {
    .ajansbox-launchhero-visual {
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 3 / 2;
    }
}

@media (max-width: 680px) {
    .ajansbox-launchhero-visual {
        width: 100% !important;
        aspect-ratio: 3 / 2;
    }
}





/* ============================================
   AJANSBOX HERO - HAREKETLİ HALKALAR
============================================ */

.ajansbox-launchhero-visual {
    position: relative;
    isolation: isolate;

}

/* ARKA PLAN IŞIK EFEKTİ */

.ajansbox-launchhero-aura {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;

    background: radial-gradient(
        circle at 50% 55%,
        rgba(134,190,255,.30) 0%,
        rgba(91,141,255,.12) 40%,
        transparent 75%
    );

    animation: ajansAuraMove 8s ease-in-out infinite alternate !important;
}

/* ANA HALKA */

.ajansbox-launchhero-circle {
    position: absolute !important;
    z-index: 1;

    width: min(650px, 85%);
    height: auto !important;
    aspect-ratio: 1;

    top: 50% !important;
    left: 50% !important;

    margin: 0 !important;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.18);

    box-shadow:
        0 0 0 65px rgba(255,255,255,.035),
        0 0 0 130px rgba(255,255,255,.018);

    transform: translate(-50%, -50%);

    pointer-events: none;
    animation: ajansRingPulse 7s ease-in-out infinite !important;
}

/* İÇTEN DÖNEN HALKA */

.ajansbox-launchhero-circle::before {
    content: "";
    position: absolute;
    inset: 12%;

    border-radius: 50%;

    border: 2px solid rgba(255,255,255,.08);
    border-top-color: rgba(255,255,255,.65);
    border-right-color: rgba(255,255,255,.20);

    animation: ajansRingRotate 14s linear infinite !important;
}

/* TERS YÖNDE DÖNEN HALKA */

.ajansbox-launchhero-circle::after {
    content: "";
    position: absolute;
    inset: 26%;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.10);
    border-bottom-color: rgba(154,219,255,.85);
    border-left-color: rgba(154,219,255,.35);

    animation: ajansRingRotateReverse 10s linear infinite !important;
}

/* ============================================
   ANİMASYONLAR
============================================ */

@keyframes ajansRingPulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(.96);
        opacity: .65;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.05);
        opacity: 1;
    }
}

@keyframes ajansRingRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes ajansRingRotateReverse {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@keyframes ajansAuraMove {
    from {
        opacity: .55;
        transform: scale(.90);
    }
    to {
        opacity: 1;
        transform: scale(1.10);
    }
}

/* KADIN GÖRSELİ SABİT */

.ajansbox-launchhero-image {
    position: relative;
    z-index: 2;
    animation: none !important;
    transform: none !important;
}

/* TABLET VE MOBİL */

@media (max-width: 1150px) {
    .ajansbox-launchhero-circle {
        width: min(520px, 85%);
        animation: ajansRingPulse 7s ease-in-out infinite !important;
    }
}

@media (max-width: 680px) {
    .ajansbox-launchhero-circle {
        display: block !important;
        width: 85%;
        box-shadow:
            0 0 0 35px rgba(255,255,255,.03),
            0 0 0 70px rgba(255,255,255,.015);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ajansbox-launchhero-circle,
    .ajansbox-launchhero-circle::before,
    .ajansbox-launchhero-circle::after,
    .ajansbox-launchhero-aura {
        animation: none !important;
    }
}

































/* ============================================
   AJANSBOX - E-TİCARETİNİZİ BÜYÜTÜN
   1650PX / POPPINS / 3 COLUMN
============================================ */

.ajb-growth-section {
    position: relative;
    width: 100%;
    padding: 70px 20px 95px;
    margin: 0;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.ajb-growth-section *,
.ajb-growth-section *::before,
.ajb-growth-section *::after {
    box-sizing: border-box;
}

/* ANA CONTAINER */

.ajb-growth-container {
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
}

/* ============================================
   BAŞLIK ALANI
============================================ */

.ajb-growth-heading {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto 55px;
    text-align: center;
}

.ajb-growth-heading h2 {
    margin: 0 0 12px;
    padding: 0;

    color: #172035;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(25px, 2.15vw, 36px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.9px;
}

.ajb-growth-heading h2 strong {
    color: #172035;
    font-weight: 600;
}

.ajb-growth-heading p {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;

    color: #4c5668;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

/* ============================================
   3 SÜTUN
============================================ */

.ajb-growth-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    column-gap: 65px;
    row-gap: 45px;

    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

/* TEK KUTU */

.ajb-growth-item {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    padding: 0 12px;

    text-align: center;
}

/* ============================================
   İLLÜSTRASYONLAR
============================================ */

.ajb-growth-illustration {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 180px;
    height: 90px;

    margin: 0 auto 19px;
}

.ajb-growth-illustration svg {
    display: block;
    width: 180px;
    height: 180px;
    overflow: visible;

    transition: transform .4s ease;
}

/* HAFİF HOVER HAREKETİ */

.ajb-growth-item:hover .ajb-growth-illustration svg {
    transform: translateY(-6px);
}

/* ============================================
   KUTU BAŞLIKLARI
============================================ */

.ajb-growth-item h3 {
    margin: 0 0 13px;
    padding: 0;

    color: #283b4d;
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.4px;
}

/* ============================================
   AÇIKLAMALAR
============================================ */

.ajb-growth-item p {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    padding: 0;
    color: #4b5564;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}

/* ============================================
   LAPTOP
============================================ */

@media (max-width: 1350px) {

    .ajb-growth-section {
        padding: 65px 25px 80px;
    }

    .ajb-growth-grid {
        column-gap: 30px;
    }

    .ajb-growth-heading h2 {
        font-size: 30px;
    }

    .ajb-growth-heading p {
        font-size: 16px;
    }

    .ajb-growth-item h3 {
        font-size: 22px;
    }

    .ajb-growth-item p {
        font-size: 15px;
    }
}

/* ============================================
   TABLET
============================================ */

@media (max-width: 991px) {

    .ajb-growth-section {
        padding: 55px 25px 65px;
    }

    .ajb-growth-heading {
        margin-bottom: 40px;
    }

    .ajb-growth-heading h2 {
        font-size: 27px;
    }

    .ajb-growth-heading p {
        font-size: 15px;
    }

    .ajb-growth-grid {
        column-gap: 18px;
    }

    .ajb-growth-item {
        padding: 0 5px;
    }

    .ajb-growth-illustration,
    .ajb-growth-illustration svg {
        width: 145px;
        height: 145px;
    }

    .ajb-growth-item h3 {
        font-size: 19px;
    }

    .ajb-growth-item p {
        font-size: 13px;
        line-height: 1.85;
    }
}

/* ============================================
   MOBİL
============================================ */

@media (max-width: 767px) {

    .ajb-growth-section {
        padding: 45px 20px 60px;
    }

    .ajb-growth-heading {
        margin-bottom: 35px;
    }

    .ajb-growth-heading h2 {
        font-size: 24px;
        line-height: 1.45;
        letter-spacing: -.5px;
    }

    .ajb-growth-heading h2 strong {
        display: block;
        font-weight: 600;
    }

    .ajb-growth-heading p {
        font-size: 13px;
        line-height: 1.85;
    }

    .ajb-growth-grid {
        grid-template-columns: 1fr;
        gap: 45px;
        max-width: 500px;
    }

    .ajb-growth-item {
        padding: 0 5px;
    }

    .ajb-growth-illustration {
        width: 145px;
        height: 145px;
        margin-bottom: 12px;
    }

    .ajb-growth-illustration svg {
        width: 145px;
        height: 145px;
    }

    .ajb-growth-item h3 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    .ajb-growth-item p {
        max-width: 365px;
        font-size: 13px;
        line-height: 1.85;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ajb-growth-illustration svg {
        transition: none;
    }

    .ajb-growth-item:hover .ajb-growth-illustration svg {
        transform: none;
    }
}
























/* ============================================
   AJANSBOX - SABİT PAZARYERİ LOGOLARI
   1650 PX / POPPINS / RESPONSIVE
============================================ */

.ajansbox-marketplaces {
    position: relative;
    isolation: isolate;
    width: calc(100% - 40px);
    max-width: 1050px;
    margin: 0 auto;
    padding: 20px 20px 20px;
    /* background: linear-gradient(to bottom, #f2f8ff 0px, #f2f8ff 90px, #ffffff 90px, #ffffff 100%); */
    font-family: 'Poppins', sans-serif;
}


.ajansbox-marketplaces-inner {
    position: relative;
    width: 100%;
    max-width: 1550px;
    margin: 0 auto;
}

/* LOGO GRID */

.ajansbox-marketplaces-grid {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 18px;
    width: 100%;
}

/* LOGO DIŞ KAPSAYICI */

.ajansbox-marketplace-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
}

/* BEYAZ YUVARLAKLAR */

.ajansbox-marketplace-circle {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 90px;
    aspect-ratio: 1 / 1;

    padding: 22px;

    background: #ffffff;
    border: 1px solid #edf0f4;
    border-radius: 50%;

    box-shadow: 0 3px 12px rgba(20, 40, 90, .015);

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

/* LOGOLAR */

.ajansbox-marketplace-circle img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 95px;
    max-height: 80px;

    object-fit: contain;
    object-position: center;

    transition: transform .3s ease;
}

/* HOVER */

.ajansbox-marketplace-circle:hover {
    transform: translateY(-5px);
    border-color: #d6e2ff;
    box-shadow: 0 12px 25px rgba(36,84,255,.09);
}

.ajansbox-marketplace-circle:hover img {
    transform: scale(1.06);
}

/* ============================================
   LAPTOP
============================================ */

@media (max-width: 1250px) {

    .ajansbox-marketplaces {
        padding: 30px 25px 45px;
    }

    .ajansbox-marketplaces-grid {
        gap: 12px;
    }

    .ajansbox-marketplace-circle {
        padding: 16px;
    }
}

/* ============================================
   TABLET
============================================ */


/* ============================================
   AJANSBOX - MOBİL LOGOLAR TEK SIRA
   9 LOGO / ALT SATIR YOK
============================================ */

@media (max-width: 991px) {

    .ajansbox-marketplaces {
        width: calc(100% - 16px);
        padding: 18px 8px 25px;
        overflow: hidden;
    }

    .ajansbox-marketplaces-inner {
        width: 100%;
        max-width: 100%;
    }

    .ajansbox-marketplaces-grid {
        display: grid !important;
        grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
        gap: 6px !important;
        align-items: center;
        justify-items: center;
        width: 100%;
    }

    .ajansbox-marketplace-item {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    .ajansbox-marketplace-circle {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        aspect-ratio: 1 / 1;

        padding: 12% !important;
        border-radius: 50%;
        background: #ffffff;
        border: 1px solid #edf0f4;
        box-sizing: border-box;
    }

    .ajansbox-marketplace-circle img {
        display: block;
        width: 85% !important;
        height: 85% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain;
    }
}

/* KÜÇÜK TELEFONLAR */

@media (max-width: 480px) {

    .ajansbox-marketplaces {
        padding: 15px 5px 22px;
    }

    .ajansbox-marketplaces-grid {
        gap: 3px !important;
    }

    .ajansbox-marketplace-circle {
        padding: 8% !important;
        border-width: 1px;
    }

    .ajansbox-marketplace-circle img {
        width: 90% !important;
        height: 90% !important;
    }
}



























/* ===============================================
   AJANSBOX - NEDEN AJANSBOX?
   1650 PX / POPPINS / INTERACTIVE FEATURES
=============================================== */

.abx-why {
    position: relative;
    width: 100%;
    padding: 90px 25px 0px;
    margin: 0;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.abx-why *,
.abx-why *::before,
.abx-why *::after {
    box-sizing: border-box;
}

/* ANA CONTAINER */

.abx-why-inner {
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
}

/* RADIO INPUTLARI GİZLE */

.abx-why-switch {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* ===============================================
   ORTALANMIŞ BAŞLIK
=============================================== */

.abx-why-heading {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto 75px;
    text-align: center;
}

.abx-why-eyebrow {
    display: inline-block;
    margin-bottom: 17px;
    color: #2454ff;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.4px;
}

.abx-why-heading h2 {
    margin: 0;
    padding: 0;
    color: #172238;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(27px, 2.45vw, 39px);
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -1.2px;
}

.abx-why-heading h2 strong {
    color: #172238;
    font-weight: 600;
}

.abx-why-heading p {
    margin: 13px auto 0;
    max-width: 800px;
    color: #778399;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.85;
}

/* ===============================================
   SOL SAĞ YERLEŞİM
=============================================== */

.abx-why-layout {
    display: grid;
    grid-template-columns: minmax(0, 42%) minmax(0, 58%);
    align-items: center;
    width: 100%;
    max-width: 1470px;
    margin: 0 auto;
    gap: 0;
}

/* ===============================================
   SOL AÇIKLAMA ALANI
=============================================== */

.abx-why-content {
    position: relative;
    width: 100%;
    padding: 0 75px 0 5px;
}

.abx-why-panel {
    display: none;
    animation: abxWhyFade .35s ease both;
}

.abx-why-count {
    display: inline-block;
    margin-bottom: 18px;
    color: #2454ff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.5px;
}

/* DEĞİŞEN BAŞLIK */

.abx-why-panel h3 {
    max-width: 540px;
    margin: 0 0 24px;
    padding: 0;
    color: #172238;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(26px, 2.2vw, 35px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -1px;
}

.abx-why-panel h3 strong {
    font-weight: 600;
}

/* DEĞİŞEN AÇIKLAMA */

.abx-why-panel p {
    max-width: 510px;
    margin: 0;
    padding: 0;
    color: #4b5564;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
}

/* TÜM ÖZELLİKLER BUTONU */

.abx-why-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 47px;
    padding: 0 21px;
    margin-top: 35px;
    background: #2454ff;
    border: 1px solid #2454ff;
    background: linear-gradient(100deg, #1a44e1 0%, #244bff 60%, #1d4bef 100%);
    border-radius: 32px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none !important;
    transition: background .25s ease, box-shadow .25s ease;
}

.abx-why-button svg {
    width: 17px;
    height: 17px;
}

.abx-why-button:hover {
     background: linear-gradient(100deg, #1a44e1 0%, #244bff 60%, #1d4bef 100%);
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(36,84,255,.15);
}

/* ===============================================
   SAĞ 3X3 KARTLAR
=============================================== */

.abx-why-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
    width: 100%;
}

/* KART */

.abx-why-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;
    min-height: 165px;
    padding: 22px 15px;

    background: #ffffff;
    border: 1px solid #ebedf3;
    border-radius: 12px;

    text-align: center;
    cursor: pointer;
    user-select: none;

    transition:
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

/* HOVER */

.abx-why-card:hover {
    border-color: #cbd8ff;
    background: #fbfcff;
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(30,70,155,.055);
}

/* ===============================================
   İKONLAR
=============================================== */

.abx-why-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 59px;
    height: 59px;
    flex: 0 0 59px;

    margin-bottom: 17px;

    background: #edf3ff;
    border-radius: 55% 45% 64% 36% / 42% 62% 38% 58%;
    color: #2454ff;

    transition:
        color .3s ease,
        background .3s ease,
        transform .3s ease;
}

.abx-why-icon svg {
    display: block;
    width: 29px;
    height: 29px;
}

/* İKON RENK ÇEŞİTLERİ */

.abx-why-card:nth-child(3n + 2) .abx-why-icon {
    background: #eaf0ff;
    color: #587bea;
}

.abx-why-card:nth-child(3n) .abx-why-icon {
    background: #e2fbfa;
    color: #08a7bb;
}

.abx-why-card:nth-child(4) .abx-why-icon,
.abx-why-card:nth-child(8) .abx-why-icon {
    background: #ebecff;
    color: #6658d8;
}

/* KART BAŞLIĞI */

.abx-why-card-title {
    display: block;
    color: #46546b;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    transition: color .3s ease;
}

.abx-why-card:hover .abx-why-icon {
    transform: scale(1.06);
}

/* ===============================================
   SEÇİLEN KART GÖRÜNÜMÜ
=============================================== */

#abx-why-1:checked ~ .abx-why-inner label[for="abx-why-1"],
#abx-why-2:checked ~ .abx-why-inner label[for="abx-why-2"],
#abx-why-3:checked ~ .abx-why-inner label[for="abx-why-3"],
#abx-why-4:checked ~ .abx-why-inner label[for="abx-why-4"],
#abx-why-5:checked ~ .abx-why-inner label[for="abx-why-5"],
#abx-why-6:checked ~ .abx-why-inner label[for="abx-why-6"],
#abx-why-7:checked ~ .abx-why-inner label[for="abx-why-7"],
#abx-why-8:checked ~ .abx-why-inner label[for="abx-why-8"],
#abx-why-9:checked ~ .abx-why-inner label[for="abx-why-9"] {
    background: #f5f8ff;
    border-color: #b6caff;
    box-shadow: 0 9px 30px rgba(36,84,255,.075);
}

#abx-why-1:checked ~ .abx-why-inner label[for="abx-why-1"] .abx-why-card-title,
#abx-why-2:checked ~ .abx-why-inner label[for="abx-why-2"] .abx-why-card-title,
#abx-why-3:checked ~ .abx-why-inner label[for="abx-why-3"] .abx-why-card-title,
#abx-why-4:checked ~ .abx-why-inner label[for="abx-why-4"] .abx-why-card-title,
#abx-why-5:checked ~ .abx-why-inner label[for="abx-why-5"] .abx-why-card-title,
#abx-why-6:checked ~ .abx-why-inner label[for="abx-why-6"] .abx-why-card-title,
#abx-why-7:checked ~ .abx-why-inner label[for="abx-why-7"] .abx-why-card-title,
#abx-why-8:checked ~ .abx-why-inner label[for="abx-why-8"] .abx-why-card-title,
#abx-why-9:checked ~ .abx-why-inner label[for="abx-why-9"] .abx-why-card-title {
    color: #2148d5;
    font-weight: 500;
}

/* ===============================================
   SEÇİME GÖRE AÇIKLAMA GÖSTER
=============================================== */

#abx-why-1:checked ~ .abx-why-inner .abx-why-panel--1,
#abx-why-2:checked ~ .abx-why-inner .abx-why-panel--2,
#abx-why-3:checked ~ .abx-why-inner .abx-why-panel--3,
#abx-why-4:checked ~ .abx-why-inner .abx-why-panel--4,
#abx-why-5:checked ~ .abx-why-inner .abx-why-panel--5,
#abx-why-6:checked ~ .abx-why-inner .abx-why-panel--6,
#abx-why-7:checked ~ .abx-why-inner .abx-why-panel--7,
#abx-why-8:checked ~ .abx-why-inner .abx-why-panel--8,
#abx-why-9:checked ~ .abx-why-inner .abx-why-panel--9 {
    display: block;
}

/* KLAVYE ODAĞI */

#abx-why-1:focus-visible ~ .abx-why-inner label[for="abx-why-1"],
#abx-why-2:focus-visible ~ .abx-why-inner label[for="abx-why-2"],
#abx-why-3:focus-visible ~ .abx-why-inner label[for="abx-why-3"],
#abx-why-4:focus-visible ~ .abx-why-inner label[for="abx-why-4"],
#abx-why-5:focus-visible ~ .abx-why-inner label[for="abx-why-5"],
#abx-why-6:focus-visible ~ .abx-why-inner label[for="abx-why-6"],
#abx-why-7:focus-visible ~ .abx-why-inner label[for="abx-why-7"],
#abx-why-8:focus-visible ~ .abx-why-inner label[for="abx-why-8"],
#abx-why-9:focus-visible ~ .abx-why-inner label[for="abx-why-9"] {
    outline: 2px solid #2454ff;
    outline-offset: 3px;
}

/* ===============================================
   AÇIKLAMA GEÇİŞ ANİMASYONU
=============================================== */

@keyframes abxWhyFade {
    from {
        opacity: 0;
        transform: translateY(9px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===============================================
   LAPTOP
=============================================== */

@media (max-width: 1350px) {

    .abx-why {
        padding: 75px 25px 85px;
    }

    .abx-why-heading {
        margin-bottom: 60px;
    }

    .abx-why-layout {
        grid-template-columns: 42% 58%;
    }

    .abx-why-content {
        padding-right: 45px;
    }

    .abx-why-grid {
        gap: 13px;
    }

    .abx-why-card {
        min-height: 150px;
        padding: 17px 12px;
    }

    .abx-why-card-title {
        font-size: 12px;
    }

    .abx-why-icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
        margin-bottom: 14px;
    }

    .abx-why-panel h3 {
        font-size: 29px;
    }
}

/* ===============================================
   TABLET
=============================================== */

@media (max-width: 991px) {

    .abx-why {
        padding: 65px 24px 75px;
    }

    .abx-why-heading {
        margin-bottom: 45px;
    }

    .abx-why-heading h2 {
        font-size: 30px;
    }

    .abx-why-layout {
        grid-template-columns: 1fr;
        gap: 35px;
        max-width: 760px;
    }

    .abx-why-grid {
        order: 1;
        gap: 13px;
    }

    .abx-why-content {
        order: 2;
        padding: 0 5px;
    }

    .abx-why-card {
        min-height: 143px;
    }

    .abx-why-panel h3 {
        font-size: 28px;
    }

    .abx-why-panel p {
        max-width: 700px;
        font-size: 13px;
    }

    .abx-why-button {
        margin-top: 25px;
    }
}

/* ===============================================
   MOBİL
=============================================== */

@media (max-width: 600px) {

    .abx-why {
        padding: 50px 16px 60px;
    }

    .abx-why-heading {
        margin-bottom: 32px;
    }

    .abx-why-eyebrow {
        font-size: 9px;
        margin-bottom: 13px;
    }

    .abx-why-heading h2 {
        font-size: 25px;
        line-height: 1.45;
        letter-spacing: -.7px;
    }

    .abx-why-heading h2 strong {
        display: block;
    }

    .abx-why-heading p {
        font-size: 12px;
        line-height: 1.8;
    }

    .abx-why-layout {
        gap: 28px;
    }

    .abx-why-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .abx-why-card {
        min-height: 112px;
        padding: 13px 5px;
        border-radius: 9px;
    }

    .abx-why-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        margin-bottom: 10px;
    }

    .abx-why-icon svg {
        width: 23px;
        height: 23px;
    }

    .abx-why-card-title {
        font-size: 9.5px;
        line-height: 1.5;
    }

    .abx-why-content {
        padding: 0 2px;
    }

    .abx-why-count {
        font-size: 10px;
        margin-bottom: 11px;
    }

    .abx-why-panel h3 {
        font-size: 24px;
        line-height: 1.45;
        margin-bottom: 15px;
    }

    .abx-why-panel p {
        font-size: 12px;
        line-height: 1.9;
    }

    .abx-why-button {
        min-height: 43px;
        padding: 0 17px;
        margin-top: 23px;
        font-size: 11px;
    }
}

/* KÜÇÜK EKRAN */

@media (max-width: 360px) {

    .abx-why-grid {
        gap: 6px;
    }

    .abx-why-card {
        padding: 11px 3px;
    }

    .abx-why-card-title {
        font-size: 8.5px;
    }
}

/* ERİŞİLEBİLİRLİK */

@media (prefers-reduced-motion: reduce) {

    .abx-why-panel {
        animation: none;
    }

    .abx-why-card,
    .abx-why-icon,
    .abx-why-card-title {
        transition: none;
    }

    .abx-why-card:hover {
        transform: none;
    }
}


















/* =============================================
   AJANSBOX - E-İHRACAT BANNER
   1650 PX / POPPINS / MAVİ
============================================= */

.ajb-ex-section {
    width: 100%;
    padding: 75px 20px 95px;
    margin: 0;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.ajb-ex-section *,
.ajb-ex-section *::before,
.ajb-ex-section *::after {
    box-sizing: border-box;
}

/* ANA CONTAINER */

.ajb-ex-container {
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
}

/* =============================================
   BANNER
============================================= */

.ajb-ex-banner {
    position: relative;
    isolation: isolate;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 570px;
    padding: 100px 35px;

    background: linear-gradient(
        115deg,
        #2044f4 0%,
        #2454ff 48%,
        #1832cc 100%
    );

    border-radius: 38px;
    overflow: visible;
}

/* NOKTALI ARKA PLAN */

.ajb-ex-pattern {
    position: absolute;
    inset: 0;
    z-index: 0;

    border-radius: inherit;

    background-image: radial-gradient(
        rgba(255,255,255,.15) 1px,
        transparent 1.5px
    );

    background-size: 22px 22px;

    -webkit-mask-image: linear-gradient(
        90deg,
        #000 0%,
        transparent 43%,
        #000 85%
    );

    mask-image: linear-gradient(
        90deg,
        #000 0%,
        transparent 43%,
        #000 85%
    );

    pointer-events: none;
}

/* =============================================
   HAREKETLİ DÜNYA
============================================= */

.ajb-ex-world {
    position: absolute;
    z-index: 1;

    top: 50%;
    left: -4%;

    width: min(500px, 36%);
    aspect-ratio: 1;

    transform: translateY(-50%);
    pointer-events: none;
}

/* ARKA IŞIK */

.ajb-ex-world-halo {
    position: absolute;
    inset: 0;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(167,220,255,.24) 0%,
        rgba(112,178,255,.12) 55%,
        transparent 74%
    );

    animation: ajbExGlow 7s ease-in-out infinite;
}

.ajb-ex-world > svg {
    position: relative;
    display: block;

    width: 100%;
    height: 100%;
}

/* DÖNEN ÇİZGİLER */

.ajb-ex-orbits {
    transform-origin: 250px 250px;
    animation: ajbExRotate 42s linear infinite;
}

/* IŞIK NOKTALARI */

.ajb-ex-world-point {
    position: absolute;

    width: 12px;
    height: 12px;

    border: 3px solid #8deeff;
    background: #ffffff;

    border-radius: 50%;

    box-shadow: 0 0 0 6px rgba(141,238,255,.14);

    animation: ajbExPoint 3s ease-in-out infinite;
}

.ajb-ex-world-point.point-1 {
    top: 36%;
    left: 26%;
}

.ajb-ex-world-point.point-2 {
    top: 43%;
    left: 62%;
    animation-delay: .7s;
}

.ajb-ex-world-point.point-3 {
    top: 71%;
    left: 53%;
    animation-delay: 1.4s;
}

.ajb-ex-world-point.point-4 {
    top: 58%;
    left: 32%;
    animation-delay: 2s;
}

/* =============================================
   ORTADAKİ BAŞLIK
============================================= */

.ajb-ex-content {
    position: relative;
    z-index: 5;

    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    max-width: 750px;

    margin: 0 auto;
    text-align: center;
}

/* ÜST KÜÇÜK ETİKET */

.ajb-ex-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 0 23px;
    margin-bottom: 29px;

    border: 1px solid rgba(255,255,255,.35);
    border-radius: 40px;

    background: rgba(255,255,255,.10);
    color: #ffffff;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;

    backdrop-filter: blur(5px);
}

/* ANA BAŞLIK */

.ajb-ex-content h2 {
    margin: 0;
    padding: 0;

    color: #ffffff;
    font-family: 'Poppins', sans-serif;

    font-size: clamp(34px, 3.1vw, 51px);
    font-weight: 400;

    line-height: 1.3;
    letter-spacing: -1.6px;
}

.ajb-ex-content h2 strong {
    color: #a9eaff;
    font-weight: 500;
}

/* AÇIKLAMA */

.ajb-ex-content p {
    width: 100%;
    max-width: 610px;

    margin: 25px auto 33px;
    padding: 0;

    color: rgba(255,255,255,.83);
    font-family: 'Poppins', sans-serif;

    font-size: 17px;
    font-weight: 400;
    line-height: 1.85;
}

/* BUTON */

.ajb-ex-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 51px;
    padding: 0 30px;

    border: 1px solid #ffffff;
    border-radius: 11px;

    background: #ffffff;
    color: #2044f4;

    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none !important;

    box-shadow: 0 7px 20px rgba(9,20,103,.10);

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.ajb-ex-button:hover {
    color: #2044f4;
    background: #e9f7ff;

    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(9,20,103,.16);
}

/* =============================================
   ÜRÜN KARTLARI
============================================= */

.ajb-ex-products {
    position: absolute;
    inset: 0;
    z-index: 3;

    pointer-events: none;
}

.ajb-ex-product {
    --angle: 0deg;
    --duration: 6s;
    --delay: 0s;

    position: absolute;

    display: flex;
    flex-direction: column;

    width: 100px;
    padding: 9px 9px 12px;

    background: #ffffff;
    border: 1px solid #edf1f7;
    border-radius: 13px;

    box-shadow:
        0 16px 32px rgba(5,21,105,.14),
        0 3px 9px rgba(5,21,105,.06);

    animation:
        ajbExFloat var(--duration)
        ease-in-out var(--delay) infinite;

    will-change: transform;
}

/* KART GÖRSEL ALANI */

.ajb-ex-photo {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    aspect-ratio: 1;

    padding: 5px;

    background: linear-gradient(
        145deg,
        #fafcff,
        #eef3fb
    );

    border: 1px solid #eff2f7;
    border-radius: 8px;
}

.ajb-ex-photo svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* KART ALTINDAKİ ÇİZGİLER */

.ajb-ex-line {
    display: block;

    width: 73%;
    height: 6px;

    margin: 9px 0 0 2px;

    border-radius: 20px;
    background: #e5e9f0;
}

.ajb-ex-line.short {
    width: 42%;
    height: 5px;
    margin-top: 5px;
    background: #edf0f5;
}

/* =============================================
   KART KONUMLARI
============================================= */

/* SOL ÜST - FOTOĞRAF MAKİNESİ */

.ajb-ex-product.product-1 {
    top: 13%;
    left: 12%;

    width: 96px;

    --angle: -5deg;
    --duration: 6.2s;
    --delay: -1s;
}

/* SOL ALT - GÖZLÜK */

.ajb-ex-product.product-2 {
    bottom: 15%;
    left: 17%;

    width: 92px;

    --angle: 5deg;
    --duration: 7s;
    --delay: -2s;
}

/* SAĞ ÜST - SIRT ÇANTASI */

.ajb-ex-product.product-3 {
    top: -6%;
    right: 24%;

    width: 103px;

    --angle: 4deg;
    --duration: 6.6s;
    --delay: -1.5s;
}

/* SAĞ ORTA - KULAKLIK */

.ajb-ex-product.product-4 {
    top: 15%;
    right: 7%;

    width: 133px;

    --angle: -4deg;
    --duration: 7.4s;
    --delay: -3s;
}

/* ORTA SAĞ - HOPARLÖR */

.ajb-ex-product.product-5 {
    top: 46%;
    right: 26%;

    width: 90px;

    --angle: 5deg;
    --duration: 6.4s;
    --delay: -2.2s;
}

/* SAĞ ALT - AYAKKABI */

.ajb-ex-product.product-6 {
    bottom: -6%;
    right: 21%;

    width: 120px;

    --angle: -5deg;
    --duration: 7.2s;
    --delay: -3.5s;
}

/* =============================================
   YILDIZ EFEKTLERİ
============================================= */

.ajb-ex-star {
    position: absolute;
    z-index: 2;

    width: 45px;
    height: 45px;

    background: #9eeaff;

    clip-path: polygon(
        50% 0%,
        60% 40%,
        100% 50%,
        60% 60%,
        50% 100%,
        40% 60%,
        0% 50%,
        40% 40%
    );

    animation: ajbExSparkle 5s ease-in-out infinite;
    pointer-events: none;
}

.ajb-ex-star.star-1 {
    top: 54%;
    right: 11%;
}

.ajb-ex-star.star-2 {
    top: 73%;
    right: 18%;

    width: 23px;
    height: 23px;

    animation-delay: 1.2s;
}

.ajb-ex-star.star-3 {
    top: 9%;
    right: 23%;

    width: 17px;
    height: 17px;

    background: #ffffff;
    animation-delay: 2s;
}

/* =============================================
   ANİMASYONLAR
============================================= */

@keyframes ajbExFloat {

    0%, 100% {
        transform:
            translate3d(0, 0, 0)
            rotate(var(--angle));
    }

    50% {
        transform:
            translate3d(0, -13px, 0)
            rotate(var(--angle));
    }
}

@keyframes ajbExRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes ajbExGlow {

    0%, 100% {
        opacity: .6;
        transform: scale(.96);
    }

    50% {
        opacity: 1;
        transform: scale(1.04);
    }
}

@keyframes ajbExPoint {

    0%, 100% {
        opacity: .5;
        transform: scale(.75);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}

@keyframes ajbExSparkle {

    0%, 100% {
        opacity: .4;
        transform: scale(.75);
    }

    50% {
        opacity: 1;
        transform: scale(1.12);
    }
}

/* =============================================
   LAPTOP
============================================= */

@media (max-width: 1350px) {

    .ajb-ex-banner {
        min-height: 520px;
        padding: 90px 25px;
    }

    .ajb-ex-content {
        max-width: 620px;
    }

    .ajb-ex-content h2 {
        font-size: 41px;
    }

    .ajb-ex-content p {
        max-width: 480px;
        font-size: 15px;
    }

    .ajb-ex-world {
        width: 41%;
        left: -8%;
    }

    .ajb-ex-product.product-1 {
        left: 15%;
    }

    .ajb-ex-product.product-5 {
        right: 24%;
    }
}

/* =============================================
   KÜÇÜK LAPTOP / TABLET YATAY
============================================= */

@media (max-width: 1100px) {

    .ajb-ex-banner {
        min-height: 470px;
        border-radius: 27px;
    }

    .ajb-ex-content {
        max-width: 540px;
    }

    .ajb-ex-content h2 {
        font-size: 35px;
    }

    .ajb-ex-content p {
        max-width: 410px;
        font-size: 14px;
    }

    .ajb-ex-world {
        width: 46%;
        left: -13%;
    }

    .ajb-ex-product.product-1 {
        width: 75px;
        left: 13%;
    }

    .ajb-ex-product.product-2 {
        width: 73px;
        left: 9%;
    }

    .ajb-ex-product.product-3 {
        width: 82px;
        right: 18%;
    }

    .ajb-ex-product.product-4 {
        width: 98px;
        right: 3%;
    }

    .ajb-ex-product.product-5 {
        display: none;
    }

    .ajb-ex-product.product-6 {
        width: 94px;
        right: 14%;
    }
}

/* =============================================
   TABLET VE MOBİL
============================================= */

@media (max-width: 767px) {

    .ajb-ex-section {
        padding: 50px 14px 65px;
    }

    .ajb-ex-banner {
        min-height: 0;
        padding: 145px 20px 145px;
        border-radius: 23px;
    }

    .ajb-ex-world {
        top: 50%;
        left: 50%;

        width: min(420px, 98%);

        opacity: .36;

        transform: translate(-50%, -50%);
    }

    .ajb-ex-content {
        max-width: 100%;
    }

    .ajb-ex-badge {
        min-height: 36px;
        padding: 0 15px;
        margin-bottom: 20px;
        font-size: 10px;
    }

    .ajb-ex-content h2 {
        font-size: clamp(28px, 6.5vw, 40px);
        line-height: 1.35;
        letter-spacing: -1px;
    }

    .ajb-ex-content h2 strong {
        display: block;
    }

    .ajb-ex-content p {
        max-width: 430px;
        margin: 19px auto 24px;

        font-size: 12px;
        line-height: 1.85;
    }

    .ajb-ex-button {
        min-height: 45px;
        padding: 0 19px;
        font-size: 11px;
    }

    /* MOBİLDE DÖRT KART */

    .ajb-ex-product.product-2,
    .ajb-ex-product.product-5 {
        display: none;
    }

    .ajb-ex-product.product-1 {
        top: 16px;
        left: 9%;
        width: 72px;
    }

    .ajb-ex-product.product-3 {
        top: -23px;
        right: 22%;
        width: 70px;
    }

    .ajb-ex-product.product-4 {
        top: 21px;
        right: 5%;
        width: 75px;
    }

    .ajb-ex-product.product-6 {
        bottom: -22px;
        right: 11%;
        width: 82px;
    }

    .ajb-ex-star.star-1 {
        top: 16%;
        right: 34%;
        width: 23px;
        height: 23px;
    }

    .ajb-ex-star.star-2 {
        top: 82%;
        left: 12%;
        right: auto;
    }

    .ajb-ex-star.star-3 {
        display: none;
    }
}

/* =============================================
   KÜÇÜK MOBİL
============================================= */

@media (max-width: 420px) {

    .ajb-ex-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ajb-ex-banner {
        padding: 130px 15px 120px;
        border-radius: 18px;
    }

    .ajb-ex-content h2 {
        font-size: 29px;
    }

    .ajb-ex-content p {
        font-size: 11.5px;
    }

    .ajb-ex-product.product-1 {
        left: 5%;
        width: 62px;
    }

    .ajb-ex-product.product-3 {
        width: 62px;
    }

    .ajb-ex-product.product-4 {
        right: 4%;
        width: 66px;
    }

    .ajb-ex-product.product-6 {
        width: 75px;
    }
}

/* =============================================
   HAREKET AZALTMA
============================================= */

@media (prefers-reduced-motion: reduce) {

    .ajb-ex-orbits,
    .ajb-ex-world-halo,
    .ajb-ex-world-point,
    .ajb-ex-product,
    .ajb-ex-star {
        animation: none !important;
    }

    .ajb-ex-product {
        transform: rotate(var(--angle));
    }
}























/* =====================================================
   AJANSBOX - YENİ NESİL E-TİCARET ALTYAPISI
   1650PX / POPPINS / 3 KOLON / RESPONSIVE
===================================================== */

.ajb-nextgen {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 20px 20px 90px;
    /* background: #f7f9fe; */
    font-family: 'Poppins', sans-serif;
}

.ajb-nextgen *,
.ajb-nextgen *::before,
.ajb-nextgen *::after {
    box-sizing: border-box;
}

/* =====================================================
   CONTAINER
===================================================== */

.ajb-nextgen-container {
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
}

/* =====================================================
   ÜST BAŞLIK - TAM ORTALI
===================================================== */

.ajb-nextgen-heading {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 43px;
    padding: 0;
    text-align: center;
}

.ajb-nextgen-heading h2 {
    margin: 0;
    padding: 0;
    color: #17233b;
    font-family: 'Poppins', sans-serif;
    font-size: 31px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.8px;
}

.ajb-nextgen-heading h2 strong {
    color: #17233b;
    font-weight: 600;
}

.ajb-nextgen-heading p {
    max-width: 630px;
    margin: 12px auto 0;
    padding: 0;
    color: #718099;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.9;
}

/* =====================================================
   3'LÜ GRID
===================================================== */

.ajb-nextgen-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

/* =====================================================
   KART
===================================================== */

.ajb-nextgen-card {
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 0;
    min-height: 390px;
    padding: 25px 21px 20px;
    margin: 0;
    background: #ffffff;
    border: 1px solid #e9edf5;
    border-radius: 17px;
    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.ajb-nextgen-card:hover {
    transform: translateY(-5px);
    border-color: #d5e0fb;
    box-shadow: 0 15px 35px rgba(30,65,135,.055);
}

/* =====================================================
   KART BAŞLIK VE AÇIKLAMA
===================================================== */

.ajb-nextgen-card-content {
    width: 100%;
    min-height: 88px;
}

.ajb-nextgen-card-content h3 {
    margin: 0 0 8px;
    padding: 0;
    color: #14223d;
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.25px;
}

.ajb-nextgen-card-content p {
    margin: 0;
    padding: 0;
    color: #65738a;
    font-family: 'Poppins', sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.85;
}

/* =====================================================
   ORTA GÖRSELLER
===================================================== */

.ajb-nextgen-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1;
    min-height: 207px;
    margin: 8px 0 11px;
    overflow: hidden;
}

.ajb-nextgen-visual svg {
    display: block;
    width: 100%;
    max-width: 390px;
    height: auto;
    max-height: 250px;

    transition: transform .4s ease;
}

.ajb-nextgen-card:hover .ajb-nextgen-visual svg {
    transform: scale(1.035);
}

/* =====================================================
   KEŞFET BUTONU
===================================================== */

.ajb-nextgen-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    width: 100%;
    min-height: 46px;
    padding: 0 18px;
    margin-top: auto;

    background: #ffffff;
    border: 1px solid #e8edf6;
    border-radius: 10px;

    color: #192a49;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.ajb-nextgen-link svg {
    display: block;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    opacity: 0;
    margin-right: -15px;
    transform: translateX(-5px);
    transition:
        opacity .25s ease,
        transform .25s ease;
}

.ajb-nextgen-link:hover {
    background: #2454ff;
    border-color: #2454ff;
    color: #ffffff;
}

.ajb-nextgen-link:hover svg {
    opacity: 1;
    transform: translateX(0);
}

.ajb-nextgen-link:focus-visible {
    outline: 2px solid #2454ff;
    outline-offset: 3px;
}

/* =====================================================
   LAPTOP
===================================================== */

@media (max-width: 1350px) {

    .ajb-nextgen {
        padding: 65px 24px 75px;
    }

    .ajb-nextgen-grid {
        max-width: 1200px;
        gap: 15px;
    }

    .ajb-nextgen-card {
        padding: 23px 18px 18px;
        min-height: 370px;
    }

    .ajb-nextgen-card-content h3 {
        font-size: 16px;
    }

    .ajb-nextgen-card-content p {
        font-size: 11px;
    }

    .ajb-nextgen-visual {
        min-height: 195px;
    }
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

    .ajb-nextgen {
        padding: 60px 22px 70px;
    }

    .ajb-nextgen-heading {
        margin-bottom: 35px;
    }

    .ajb-nextgen-heading h2 {
        font-size: 28px;
    }

    .ajb-nextgen-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
    }

    .ajb-nextgen-card {
        min-height: 380px;
    }

    .ajb-nextgen-card:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 8.5px);
        justify-self: center;
    }
}

/* =====================================================
   MOBİL
===================================================== */

@media (max-width: 600px) {

    .ajb-nextgen {
        padding: 52px 15px 60px;
    }

    .ajb-nextgen-heading {
        margin-bottom: 29px;
    }

    .ajb-nextgen-heading h2 {
        font-size: 25px;
        line-height: 1.4;
        letter-spacing: -.6px;
    }

    .ajb-nextgen-heading p {
        max-width: 390px;
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.8;
    }

    .ajb-nextgen-grid {
        grid-template-columns: 1fr;
        gap: 17px;
        max-width: 440px;
    }

    .ajb-nextgen-card,
    .ajb-nextgen-card:last-child {
        grid-column: auto;
        width: 100%;
        min-height: 355px;
        padding: 23px 19px 18px;
    }

    .ajb-nextgen-card-content {
        min-height: auto;
    }

    .ajb-nextgen-card-content h3 {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .ajb-nextgen-card-content p {
        font-size: 11.5px;
        line-height: 1.85;
    }

    .ajb-nextgen-visual {
        min-height: 190px;
        margin: 7px 0 10px;
    }

    .ajb-nextgen-visual svg {
        max-width: 350px;
        max-height: 230px;
    }

    .ajb-nextgen-link {
        min-height: 45px;
        font-size: 12px;
    }
}

/* =====================================================
   ÇOK KÜÇÜK MOBİL
===================================================== */

@media (max-width: 375px) {

    .ajb-nextgen {
        padding-left: 11px;
        padding-right: 11px;
    }

    .ajb-nextgen-heading h2 {
        font-size: 23px;
    }

    .ajb-nextgen-card {
        padding: 19px 15px 16px;
    }

    .ajb-nextgen-visual {
        min-height: 175px;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-nextgen-card,
    .ajb-nextgen-link,
    .ajb-nextgen-link svg,
    .ajb-nextgen-visual svg {
        transition: none;
    }

    .ajb-nextgen-card:hover,
    .ajb-nextgen-card:hover .ajb-nextgen-visual svg {
        transform: none;
    }
}










/* =====================================================
   AJANSBOX - SEKTÖREL REFERANSLAR
   1650PX / POPPINS / 5'Lİ SLIDER
===================================================== */

.ajb-ref-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 10px 20px 20px;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

.ajb-ref-section *,
.ajb-ref-section *::before,
.ajb-ref-section *::after {
    box-sizing: border-box;
}

/* =====================================================
   CONTAINER
===================================================== */

.ajb-ref-container {
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
}

/* =====================================================
   BAŞLIK
===================================================== */

.ajb-ref-heading {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 0px;
    text-align: center;
}

.ajb-ref-heading h2 {
    margin: 0;
    padding: 0;
    color: #101820;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -1px;
}

.ajb-ref-heading h2 strong {
    font-weight: 600;
    color: #101820;
}

.ajb-ref-heading p {
    margin: 0px auto 0;
    padding: 0;
    color: #737d8c;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

/* =====================================================
   SLIDER GENEL
===================================================== */

.ajb-ref-slider {
    width: 100%;
    max-width: 1470px;
    margin: 0 auto;

    --ajb-ref-visible: 5;
    --ajb-ref-gap: 24px;
}

/* =====================================================
   OKLAR - SAĞ ÜST
===================================================== */

.ajb-ref-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;

    width: 100%;
    height: 45px;
    margin-bottom: 17px;
}

.ajb-ref-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    padding: 0;

    background: transparent;
    border: 1px solid transparent;
    border-radius: 50%;

    color: #101820;
    cursor: pointer;

    transition:
        color .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.ajb-ref-arrow svg {
    display: block;
    width: 24px;
    height: 24px;
}

.ajb-ref-arrow:hover {
    color: #2454ff;
    background: #f1f5ff;
    border-color: #e2eaff;
}

.ajb-ref-arrow:focus-visible {
    outline: 2px solid #2454ff;
    outline-offset: 2px;
}

/* =====================================================
   GÖRÜNEN ALAN
===================================================== */

.ajb-ref-viewport {
    position: relative;
    width: 100%;
    overflow: hidden;
    touch-action: pan-y;
}

.ajb-ref-track {
    display: flex;
    align-items: stretch;
    gap: var(--ajb-ref-gap);

    width: 100%;
    margin: 0;

    transition: transform .55s cubic-bezier(.25,.8,.25,1);
    will-change: transform;
}

/* =====================================================
   LOGO KARTLARI
===================================================== */

.ajb-ref-card {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 calc(
        (100% - (var(--ajb-ref-visible) - 1) * var(--ajb-ref-gap))
        / var(--ajb-ref-visible)
    );

    min-width: 0;
    height: 100px;
    padding: 25px;

    background: #ffffff;
    border: 1px solid #f0f2f6;
    border-radius: 5px;

    box-shadow: 0 7px 27px rgba(26,54,93,.045);

    transition:
        border-color .3s ease,
        box-shadow .3s ease;
}

.ajb-ref-card:hover {
    border-color: #e0e8ff;
    box-shadow: 0 12px 30px rgba(26,54,93,.08);
}

/* GERÇEK LOGO EKLENDİĞİNDE */

.ajb-ref-card img {
    display: block;

    width: auto;
    max-width: 85%;
    height: auto;
    max-height: 95px;

    object-fit: contain;

    transition: transform .3s ease;
}

.ajb-ref-card:hover img {
    transform: scale(1.04);
}

/* =====================================================
   ÖRNEK LOGO GÖRÜNÜMLERİ
===================================================== */

.ajb-ref-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;

    font-family: 'Poppins', sans-serif;
    font-size: 29px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1.5px;
    text-align: center;
    white-space: nowrap;
}

.ajb-ref-logo-one {
    gap: 5px;
    color: #192c54;
}

.ajb-ref-logo-one span {
    color: #667891;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .4px;
}

.ajb-ref-logo-two {
    color: #187eab;
    font-style: italic;
}

.ajb-ref-logo-three {
    color: #c9273e;
    letter-spacing: -1px;
}

.ajb-ref-logo-four {
    color: #12857c;
}

.ajb-ref-logo-five {
    color: #d34b42;
    font-style: italic;
}

.ajb-ref-logo-six {
    color: #243d9c;
}

.ajb-ref-logo-seven {
    color: #e09a27;
}

.ajb-ref-logo-eight {
    color: #27354a;
}

.ajb-ref-logo-nine {
    color: #497bb6;
}

.ajb-ref-logo-ten {
    color: #16928a;
}

/* =====================================================
   ALT BUTON
===================================================== */

.ajb-ref-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 45px;
}

.ajb-ref-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 200px;
    min-height: 53px;
    padding: 0 27px;

    background: #2454ff;
    border: 1px solid #2454ff;
    border-radius: 40px;

    color: #ffffff !important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-decoration: none !important;

    transition:
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.ajb-ref-all:hover {
    background: #173bdc;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 9px 22px rgba(36,84,255,.16);
}

.ajb-ref-all:focus-visible {
    outline: 2px solid #2454ff;
    outline-offset: 4px;
}

/* =====================================================
   1200 PX
===================================================== */

@media (max-width: 1200px) {

    .ajb-ref-slider {
        --ajb-ref-visible: 4;
        --ajb-ref-gap: 19px;
    }

    .ajb-ref-card {
        height: 180px;
    }

    .ajb-ref-logo {
        font-size: 25px;
    }
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 900px) {

    .ajb-ref-section {
        padding: 65px 22px 75px;
    }

    .ajb-ref-heading {
        margin-bottom: 35px;
    }

    .ajb-ref-heading h2 {
        font-size: 30px;
    }

    .ajb-ref-heading p {
        font-size: 13px;
    }

    .ajb-ref-slider {
        --ajb-ref-visible: 3;
        --ajb-ref-gap: 15px;
    }

    .ajb-ref-card {
        height: 165px;
    }
}

/* =====================================================
   MOBİL
===================================================== */

@media (max-width: 600px) {

    .ajb-ref-section {
        padding: 55px 15px 65px;
    }

    .ajb-ref-heading {
        margin-bottom: 27px;
    }

    .ajb-ref-heading h2 {
        font-size: 26px;
        letter-spacing: -.6px;
    }

    .ajb-ref-heading p {
        font-size: 12px;
        line-height: 1.8;
        margin-top: 10px;
    }

    .ajb-ref-slider {
        --ajb-ref-visible: 2;
        --ajb-ref-gap: 12px;
    }

    .ajb-ref-navigation {
        height: 35px;
        margin-bottom: 14px;
        gap: 12px;
    }

    .ajb-ref-arrow {
        width: 34px;
        height: 34px;
    }

    .ajb-ref-arrow svg {
        width: 21px;
        height: 21px;
    }

    .ajb-ref-card {
        height: 140px;
        padding: 13px;
    }

    .ajb-ref-logo {
        font-size: 19px;
        letter-spacing: -.8px;
    }

    .ajb-ref-logo-one span {
        font-size: 7px;
    }

    .ajb-ref-card img {
        max-width: 95%;
        max-height: 75px;
    }

    .ajb-ref-footer {
        margin-top: 32px;
    }

    .ajb-ref-all {
        min-width: 175px;
        min-height: 47px;
        font-size: 12px;
    }
}

/* =====================================================
   ÇOK KÜÇÜK MOBİL
===================================================== */

@media (max-width: 360px) {

    .ajb-ref-slider {
        --ajb-ref-gap: 8px;
    }

    .ajb-ref-card {
        height: 125px;
    }

    .ajb-ref-logo {
        font-size: 16px;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-ref-track,
    .ajb-ref-card,
    .ajb-ref-card img,
    .ajb-ref-arrow,
    .ajb-ref-all {
        transition: none !important;
    }
}





















/* =====================================================
   AJANSBOX - ÜCRETSİZ DEMO FORMU
   1600PX CONTAINER / POPPINS / RESPONSIVE
   REFERANS GÖRSELE UYGUN TASARIM
===================================================== */

/* =====================================================
   ANA BÖLÜM - RENK SADECE 1600PX ALANDA
===================================================== */

.ajb-demo-section {
    position: relative;
    isolation: isolate;
    width: calc(100% - 40px);
    max-width: 1600px;
    margin: 0 auto;
    padding: 65px 45px 75px;
    background: #f7f7f7;
    font-family: 'Poppins', sans-serif;
    overflow: hidden;
}

.ajb-demo-section *,
.ajb-demo-section *::before,
.ajb-demo-section *::after {
    box-sizing: border-box;
}

/* =====================================================
   İÇ CONTAINER
===================================================== */

.ajb-demo-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1200px;

    margin: 0 auto;
    padding: 0;
}

/* =====================================================
   ARKA PLAN DEKORLARI
===================================================== */

.ajb-demo-decor {
    position: absolute;
    z-index: 0;

    pointer-events: none;
}

/* SAĞ ÜST YEŞİL ŞEKİL */

.ajb-demo-decor.decor-top {
    position: absolute;

    top: 15px;
    right: 22px;

    width: 65px;
    height: 82px;

    background: #eeeeee;

    border-radius:
        55% 45% 64% 36% /
        42% 62% 38% 58%;

    transform: rotate(23deg);
}

/* SOL ALT MAVİ ŞEKİL */

.ajb-demo-decor.decor-bottom {
    position: absolute;

    left: 13px;
    bottom: -23px;

    width: 83px;
    height: 78px;

    background: #eeeeee;

    border-radius:
        53% 47% 60% 40% /
        48% 63% 37% 52%;

    transform: rotate(-18deg);
}

/* ALT DEKORATİF ÇİZGİLER */

.ajb-demo-background-lines {
    position: absolute;
    z-index: 0;

    right: -5%;
    bottom: -95px;
    left: auto;

    width: 100%;
    height: 570px;

    opacity: .55;

    pointer-events: none;
}

/* =====================================================
   İKİ KOLONLU YERLEŞİM
===================================================== */

.ajb-demo-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1.07fr);

    column-gap: 75px;
    align-items: start;

    width: 100%;
    margin: 0;
}

/* =====================================================
   SOL ALAN
===================================================== */

.ajb-demo-left {
    width: 100%;
    min-width: 0;
    padding: 0;
}

/* =====================================================
   BAŞLIK
===================================================== */

.ajb-demo-heading {
    width: 100%;
    max-width: 520px;

    margin: 0;
    padding: 0;
}

.ajb-demo-heading h2 {
    margin: 0;
    padding: 0;

    color: #111827;

    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 400;

    line-height: 1.4;
    letter-spacing: -.8px;
}

.ajb-demo-heading h2 strong {
    color: #111827;
    font-weight: 600;
}

/* BAŞLIK AÇIKLAMASI */

.ajb-demo-heading p {
    width: 100%;
    max-width: 500px;

    margin: 9px 0 0;
    padding: 0;

    color: #536171;

    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;

    line-height: 1.85;
}

/* =====================================================
   SOL AVANTAJLAR ALANI
===================================================== */

.ajb-demo-benefits {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap: 38px;
    row-gap: 33px;

    width: 100%;
    max-width: 550px;

    margin: 45px 0 0;
    padding: 0;
}

/* TEK AVANTAJ */

.ajb-demo-benefit {
    display: flex;
    align-items: center;

    gap: 15px;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
}

/* =====================================================
   YUVARLAK İKONLAR
===================================================== */

.ajb-demo-benefit-icon {
display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    min-width: 55px;
    flex: 0 0 55px;
    margin: 0;
    padding: 0;
    border-radius: 55% 45% 64% 36% / 42% 62% 38% 58%;
    background: #173ded;
    color: #ffffff;
    box-shadow: 0 7px 25px rgba(50, 95, 125, .035);
    transition: background .25s ease, color .25s ease, transform .25s ease;
}

/* SVG BOYUTU */

.ajb-demo-benefit-icon svg {
    display: block;

    width: 26px;
    height: 26px;

    color: inherit;
}

/* HOVER */

.ajb-demo-benefit:hover .ajb-demo-benefit-icon {
    background: #2044f4;
    color: #ffffff;

    transform: translateY(-2px);
}

/* AVANTAJ METİNLERİ */

.ajb-demo-benefit > span {
    display: block;
    min-width: 0;

    color: #34495d;

    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;

    line-height: 1.75;
}

/* =====================================================
   SAĞ FORM ALANI
===================================================== */

.ajb-demo-right {
    position: relative;

    width: 100%;
    min-width: 0;

    /* REFERANSTA FORM BAŞLIĞIN ALTINDAN BAŞLIYOR */
    padding: 91px 0 0;
    margin: 0;
}

/* =====================================================
   FORM
===================================================== */

.ajb-demo-form {
    display: flex;
    flex-direction: column;

    gap: 14px;

    width: 100%;
    max-width: 560px;

    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;
}

/* =====================================================
   AD / SOYAD - İKİ KOLON
===================================================== */

.ajb-demo-fields-two {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 13px;

    width: 100%;
    margin: 0;
    padding: 0;
}

/* =====================================================
   INPUT ALANLARI
===================================================== */

.ajb-demo-field {
    position: relative;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;
}

/* INPUT VE SELECT */

.ajb-demo-field input,
.ajb-demo-field select {
    display: block;

    width: 100%;
    height: 54px;
    min-height: 54px;

    padding: 0 15px;
    margin: 0;

    background: #ffffff;

    border: 1px solid #dfe5e5;
    border-radius: 4px;

    color: #293747;

    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;

    outline: none;

    box-shadow: none;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

/* PLACEHOLDER */

.ajb-demo-field input::placeholder {
    color: #8b929b;
    opacity: 1;
}

/* INPUT FOCUS */

.ajb-demo-field input:focus,
.ajb-demo-field select:focus {
    outline: none;

    border-color: #2044f4;

    box-shadow:
        0 0 0 3px rgba(32, 68, 244, .06);
}

/* =====================================================
   SELECT
===================================================== */

.ajb-demo-field select {
    padding-right: 42px;

    appearance: none;
    -webkit-appearance: none;

    cursor: pointer;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2329344b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px;
}

.ajb-demo-field select:invalid {
    color: #8b929b;
}

.ajb-demo-field select option {
    color: #293747;
    background: #ffffff;
}

/* =====================================================
   ERİŞİLEBİLİRLİK ETİKETLERİ
===================================================== */

.ajb-demo-sr-only {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;

    white-space: nowrap !important;
    border: 0 !important;
}

/* =====================================================
   KVKK ALANI
===================================================== */

.ajb-demo-privacy {
    display: flex;
    align-items: flex-start;

    gap: 9px;

    width: 100%;

    margin: 0;
    padding: 0 2px;

    cursor: pointer;
}

.ajb-demo-privacy input {
    width: 14px;
    height: 14px;

    min-width: 14px;
    flex: 0 0 14px;

    margin: 3px 0 0;
    padding: 0;

    accent-color: #2044f4;

    cursor: pointer;
}

.ajb-demo-privacy span {
    display: block;

    color: #8998a2;

    font-family: 'Poppins', sans-serif;
    font-size: 9px;
    font-weight: 400;

    line-height: 1.7;
}

.ajb-demo-privacy a {
    color: #2044f4;

    text-decoration: underline;
    text-underline-offset: 2px;
}

/* =====================================================
   GÖNDER BUTONU
===================================================== */

.ajb-demo-submit {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;

    margin: 4px 0 0;
    padding: 0;
}

.ajb-demo-submit button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    min-height: 47px;
    padding: 0 24px;
    margin: 0;

    background: #2044f4;
    border: 1px solid #2044f4;
    border-radius: 35px;

    color: #ffffff;

    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;

    line-height: 1.4;

    cursor: pointer;

    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.ajb-demo-submit button svg {
    display: block;

    width: 15px;
    height: 15px;

    flex: 0 0 15px;

    transition: transform .25s ease;
}

.ajb-demo-submit button:hover {
    background: #1738d7;
    border-color: #1738d7;

    transform: translateY(-2px);

    box-shadow:
        0 7px 19px rgba(32, 68, 244, .13);
}

.ajb-demo-submit button:hover svg {
    transform: translateX(3px);
}

.ajb-demo-submit button:focus-visible {
    outline: 2px solid #2044f4;
    outline-offset: 3px;
}

/* =====================================================
   FORM ALT BİLGİ
===================================================== */

.ajb-demo-form-note {
    width: 100%;
    max-width: 500px;

    margin: 0 auto;
    padding: 0;

    color: #98a4ab;

    font-family: 'Poppins', sans-serif;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.8;

    text-align: center;
}

/* =====================================================
   LAPTOP - 1400PX
===================================================== */

@media (max-width: 1400px) {

    .ajb-demo-section {
        width: calc(100% - 30px);
        padding: 60px 45px 70px;
    }

    .ajb-demo-container {
        max-width: 1130px;
    }

    .ajb-demo-grid {
        column-gap: 55px;
    }

    .ajb-demo-heading h2 {
        font-size: 30px;
    }

    .ajb-demo-benefits {
        column-gap: 24px;
    }

    .ajb-demo-right {
        padding-top: 88px;
    }
}

/* =====================================================
   1200PX
===================================================== */

@media (max-width: 1200px) {

    .ajb-demo-section {
        padding: 55px 40px 65px;
    }

    .ajb-demo-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1.08fr);

        column-gap: 35px;
    }

    .ajb-demo-benefits {
        column-gap: 15px;
        row-gap: 27px;
        margin-top: 38px;
    }

    .ajb-demo-benefit {
        gap: 11px;
    }

    .ajb-demo-benefit-icon {
        width: 49px;
        height: 49px;
        min-width: 49px;
        flex-basis: 49px;
    }

    .ajb-demo-benefit-icon svg {
        width: 23px;
        height: 23px;
    }

    .ajb-demo-benefit > span {
        font-size: 11px;
    }

    .ajb-demo-right {
        padding-top: 85px;
    }
}

/* =====================================================
   TABLET - 991PX
===================================================== */

@media (max-width: 991px) {

    .ajb-demo-section {
        width: calc(100% - 30px);

        padding: 55px 35px 65px;
    }

    .ajb-demo-container {
        max-width: 700px;
    }

    .ajb-demo-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    /* BAŞLIK */

    .ajb-demo-heading {
        max-width: 100%;
    }

    .ajb-demo-heading h2 {
        font-size: 31px;
    }

    .ajb-demo-heading p {
        max-width: 580px;
    }

    /* AVANTAJLAR */

    .ajb-demo-benefits {
        max-width: 590px;

        margin-top: 30px;

        column-gap: 25px;
        row-gap: 25px;
    }

    /* FORM */

    .ajb-demo-right {
        padding-top: 0;
    }

    .ajb-demo-form {
        max-width: 100%;
    }

    /* DEKORLAR */

    .ajb-demo-background-lines {
        bottom: -110px;
        opacity: .35;
    }
}

/* =====================================================
   MOBİL - 600PX
===================================================== */

@media (max-width: 600px) {

    .ajb-demo-section {
        width: calc(100% - 20px);

        padding: 43px 18px 55px;

        margin: 0 auto;
    }

    .ajb-demo-container {
        max-width: 100%;
    }

    .ajb-demo-grid {
        gap: 35px;
    }

    /* BAŞLIK */

    .ajb-demo-heading h2 {
        font-size: 26px;
        line-height: 1.4;
        letter-spacing: -.6px;
    }

    .ajb-demo-heading p {
        margin-top: 10px;

        font-size: 11px;
        line-height: 1.85;
    }

    /* AVANTAJLAR */

    .ajb-demo-benefits {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 12px;
        row-gap: 21px;

        margin-top: 27px;
    }

    .ajb-demo-benefit {
        gap: 9px;
    }

    .ajb-demo-benefit-icon {
        width: 44px;
        height: 44px;

        min-width: 44px;
        flex-basis: 44px;
    }

    .ajb-demo-benefit-icon svg {
        width: 21px;
        height: 21px;
    }

    .ajb-demo-benefit > span {
        font-size: 9px;
        line-height: 1.55;
    }

    /* FORM */

    .ajb-demo-form {
        gap: 12px;
    }

    .ajb-demo-fields-two {
        gap: 10px;
    }

    .ajb-demo-field input,
    .ajb-demo-field select {
        height: 49px;
        min-height: 49px;

        padding-left: 12px;
        padding-right: 12px;

        font-size: 10px;
    }

    .ajb-demo-field select {
        padding-right: 34px;
        background-position: right 12px center;
    }

    /* KVKK */

    .ajb-demo-privacy span {
        font-size: 8.5px;
    }

    /* BUTON */

    .ajb-demo-submit {
        margin-top: 3px;
    }

    .ajb-demo-submit button {
        min-height: 45px;

        padding: 0 19px;

        font-size: 11px;
    }

    .ajb-demo-form-note {
        font-size: 8.5px;
    }

    /* DEKORLAR */

    .ajb-demo-decor.decor-top {
        top: 13px;
        right: 10px;

        width: 43px;
        height: 55px;
    }

    .ajb-demo-decor.decor-bottom {
        left: 8px;

        width: 65px;
        height: 63px;
    }
}

/* =====================================================
   KÜÇÜK MOBİL
===================================================== */

@media (max-width: 380px) {

    .ajb-demo-section {
        width: calc(100% - 16px);
        padding: 38px 13px 45px;
    }

    .ajb-demo-heading h2 {
        font-size: 24px;
    }

    .ajb-demo-benefits {
        column-gap: 7px;
    }

    .ajb-demo-benefit {
        gap: 7px;
    }

    .ajb-demo-benefit-icon {
        width: 39px;
        height: 39px;

        min-width: 39px;
        flex-basis: 39px;
    }

    .ajb-demo-benefit-icon svg {
        width: 19px;
        height: 19px;
    }

    .ajb-demo-benefit > span {
        font-size: 8.5px;
    }

    .ajb-demo-fields-two {
        grid-template-columns: 1fr;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-demo-benefit-icon,
    .ajb-demo-field input,
    .ajb-demo-field select,
    .ajb-demo-submit button,
    .ajb-demo-submit button svg {
        transition: none !important;
    }

    .ajb-demo-benefit:hover .ajb-demo-benefit-icon,
    .ajb-demo-submit button:hover {
        transform: none;
    }
}


























/* =====================================================
   AJANSBOX - KURUMSAL FOOTER
   1600PX / POPPINS / RESPONSIVE
   DESTEK + 3 KOLON MENÜ + ALT BİLGİ
===================================================== */

.ajb-footer {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;

    background: #ffffff;
    color: #273b51;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.ajb-footer *,
.ajb-footer *::before,
.ajb-footer *::after {
    box-sizing: border-box;
}

/* =====================================================
   GENEL CONTAINER
===================================================== */

.ajb-footer-container {
    width: calc(100% - 60px);
    max-width: 1240px;
    margin: 0 auto;
    padding: 0;
}

/* =====================================================
   1. ÜST DESTEK VE İLETİŞİM ALANI
===================================================== */

.ajb-footer-support {
    position: relative;
    width: 100%;
    padding: 65px 0 64px;

    background: #ffffff;
    border-top: 1px solid #f0f2f5;
}

/* ANA BAŞLIK */

.ajb-footer-main-title {
    margin: 0 0 38px;
    padding: 0;

    color: #24384d;
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.6px;
}

.ajb-footer-main-title strong {
    color: #14263c;
    font-weight: 600;
}

/* ÜST 3 KOLON */

.ajb-footer-support-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 55px;
    row-gap: 35px;

    width: 100%;
}

/* GENEL KOLON */

.ajb-footer-column {
    min-width: 0;
    padding: 0;
    margin: 0;
}

/* KOLON BAŞLIKLARI */

.ajb-footer-column h3 {
    margin: 0 0 20px;
    padding: 0;

    color: #121926;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}

.ajb-footer-column h3 strong {
    color: #121926;
    font-weight: 600;
}

/* AJANSBOX FOOTER - YAZILAR BEYAZ */

.ajb-footer .ajb-footer-menu .ajb-footer-column h3,
.ajb-footer .ajb-footer-menu .ajb-footer-column h3 strong,
.ajb-footer .ajb-footer-menu .ajb-footer-links a {
    color: #ffffff !important;
}

.ajb-footer .ajb-footer-menu .ajb-footer-links a:hover {
    color: #dce6ff !important;
}

/* =====================================================
   İLETİŞİM BİLGİLERİ
===================================================== */

.ajb-footer-contact-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 13px;
}

.ajb-footer-contact-list a {
    display: block;

    max-width: 100%;

    margin: 0;
    padding: 0;

    color: #6b7685;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.8;

    text-decoration: none;
    overflow-wrap: anywhere;

    transition: color .25s ease;
}

.ajb-footer-contact-list a:hover {
    color: #2044f4;
}

/* =====================================================
   DESTEK VE MENÜ BAĞLANTILARI
===================================================== */

.ajb-footer-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 12px;

    width: 100%;
    margin: 0;
    padding: 0;
}

.ajb-footer-links a {
    display: inline-block;

    max-width: 100%;
    margin: 0;
    padding: 0;

    color: #667487;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7;

    text-decoration: none;
    overflow-wrap: break-word;

    transition:
        color .25s ease,
        transform .25s ease;
}

.ajb-footer-links a:hover {
    color: #2044f4;
    transform: translateX(3px);
}

.ajb-footer a:focus-visible {
    outline: 2px solid #2044f4;
    outline-offset: 4px;
    border-radius: 2px;
}

/* =====================================================
   SOSYAL MEDYA
===================================================== */

.ajb-footer-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 19px;

    width: 100%;
    margin: 0;
    padding: 0;
}

.ajb-footer-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 23px;
    height: 23px;
    flex: 0 0 23px;

    color: #4e5663;
}

.ajb-footer-social-icon svg {
    display: block;
    width: 19px;
    height: 19px;
}

.ajb-footer-social-text {
    margin: 20px 0 0;
    padding: 0;

    color: #8b97a4;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.8;
}

/* =====================================================
   2. ORTA MENÜ ALANI
===================================================== */

.ajb-footer-menu {
    position: relative;
    width: 100%;
    margin: 0;
      padding: 65px 0 65px;

       background: linear-gradient(112deg, #1839d5 0%, #1a39d8 49%, #173ded 100%);
}

/* 3 EŞİT KOLON */

.ajb-footer-menu-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    column-gap: 55px;
    row-gap: 35px;

    width: 100%;
    margin: 0;
    padding: 0;
}

/* MENÜ BAŞLIKLARI */

.ajb-footer-menu .ajb-footer-column h3 {
    margin-bottom: 22px;
    font-size: 16px;
    line-height: 1.5;
}

/* MENÜ LİNKLERİ */

.ajb-footer-menu .ajb-footer-links {
    gap: 11px;
}

.ajb-footer-menu .ajb-footer-links a {
    color: #fff;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.65;
}

.ajb-footer-menu .ajb-footer-links a:hover {
    color: #fff;
}

/* =====================================================
   3. FOOTER ALT ALAN
===================================================== */

.ajb-footer-bottom {
    position: relative;
    width: 100%;

    padding: 26px 0;
    margin: 0;

    background: #ffffff;
    border-top: 1px solid #eef1f5;
}

.ajb-footer-bottom-inner {
    display: grid;
    grid-template-columns: 1fr 1.3fr;

    align-items: center;
    column-gap: 30px;
    row-gap: 25px;

    width: 100%;
}

/* =====================================================
   FOOTER LOGO
===================================================== */

.ajb-footer-brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

    width: max-content;
    max-width: 100%;

    text-decoration: none;
}

.ajb-footer-brand img {
    display: block;

    width: 130px;
    max-width: 100%;
    height: auto;
    max-height: 47px;

    object-fit: contain;
    object-position: left center;
}

.ajb-footer-copyrightt {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.ajb-footer-copyrightt img {

    height: 30px;
    margin-right: 30px;

}

/* =====================================================
   COPYRIGHT
===================================================== */

.ajb-footer-copyright {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    gap: 5px;
    min-width: 0;

}

.ajb-footer-copyright p {
    margin: 0;
    padding: 0;

    color: #5f6d7e;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

.ajb-footer-copyright p strong {
    font-weight: 600;
    color: #263a50;
}

.ajb-footer-copyright > span {
    display: block;

    color: #97a3ae;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.6;
}

/* =====================================================
   ALT SAĞ
===================================================== */

.ajb-footer-bottom-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    gap: 7px;

    min-width: 0;
    text-align: right;
}

.ajb-footer-bottom-right > span {
    color: #8090a2;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
}

.ajb-footer-bottom-right a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;

    color: #2044f4;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;

    text-decoration: none;

    transition: color .25s ease;
}

.ajb-footer-bottom-right a:hover {
    color: #142fc4;
}

.ajb-footer-bottom-right svg {
    display: block;

    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

/* =====================================================
   1200PX LAPTOP
===================================================== */

@media (max-width: 1200px) {

    .ajb-footer-container {
        width: calc(100% - 70px);
    }

    .ajb-footer-support-grid,
    .ajb-footer-menu-grid {
        column-gap: 35px;
    }

    .ajb-footer-menu {
        padding: 52px 0 60px;
    }
}

/* =====================================================
   TABLET - 991PX
===================================================== */

@media (max-width: 991px) {

    .ajb-footer-container {
        width: calc(100% - 50px);
    }

    .ajb-footer-support {
        padding: 55px 0;
    }

    .ajb-footer-main-title {
        margin-bottom: 32px;
        font-size: 25px;
    }

    .ajb-footer-support-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 30px;
        row-gap: 37px;
    }

    /* SOSYAL MEDYA 3. SATIRA UZANABİLİR */

    .ajb-footer-support-grid > .ajb-footer-column:last-child {
        grid-column: 1 / -1;
    }

    .ajb-footer-menu-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 35px;
        row-gap: 42px;
    }

    .ajb-footer-menu-grid > .ajb-footer-column:last-child {
        grid-column: 1 / -1;
    }

    .ajb-footer-bottom-inner {
        grid-template-columns: 1fr 1fr;
    }

    .ajb-footer-copyright {
        align-items: flex-end;
        text-align: right;
    }

    .ajb-footer-bottom-right {
        grid-column: 1 / -1;
        align-items: center;
        text-align: center;
    }
}

/* =====================================================
   MOBİL - 600PX
===================================================== */

@media (max-width: 600px) {

    .ajb-footer-container {
        width: calc(100% - 34px);
    }

    /* DESTEK ALANI */

    .ajb-footer-support {
        padding: 43px 0 47px;
    }

    .ajb-footer-main-title {
        margin-bottom: 28px;

        font-size: 24px;
        line-height: 1.4;
    }

    .ajb-footer-support-grid {
        grid-template-columns: 1fr;
        gap: 31px;
    }

    .ajb-footer-support-grid > .ajb-footer-column:last-child {
        grid-column: auto;
    }

    .ajb-footer-column h3 {
        margin-bottom: 14px;
        font-size: 15px;
    }

    .ajb-footer-contact-list {
        gap: 10px;
    }

    .ajb-footer-contact-list a {
        font-size: 11px;
    }

    .ajb-footer-links {
        gap: 10px;
    }

    .ajb-footer-links a {
        font-size: 11px;
    }

    .ajb-footer-social {
        gap: 17px;
    }

    .ajb-footer-social-text {
        margin-top: 14px;
    }

    /* MENÜ ALANI */

    .ajb-footer-menu {
        padding: 42px 0 48px;
    }

    .ajb-footer-menu-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .ajb-footer-menu-grid > .ajb-footer-column:last-child {
        grid-column: auto;
    }

    .ajb-footer-menu .ajb-footer-column h3 {
        margin-bottom: 16px;
        font-size: 15px;
    }

    .ajb-footer-menu .ajb-footer-links {
        gap: 10px;
    }

    .ajb-footer-menu .ajb-footer-links a {
        font-size: 11px;
        line-height: 1.65;
    }

    /* ALT FOOTER */

    .ajb-footer-bottom {
        padding: 28px 0 30px;
    }

    .ajb-footer-bottom-inner {
        grid-template-columns: 1fr;
        gap: 18px;
        text-align: center;
    }

    .ajb-footer-brand {
        justify-self: center;
    }

    .ajb-footer-brand img {
        width: 120px;
    }

    .ajb-footer-copyright {
        align-items: center;
        text-align: center;
    }

    .ajb-footer-copyright p {
        font-size: 10px;
    }

    .ajb-footer-bottom-right {
        grid-column: auto;
        align-items: center;
        gap: 6px;
    }

    .ajb-footer-bottom-right > span,
    .ajb-footer-bottom-right a {
        font-size: 10px;
    }
}

/* =====================================================
   KÜÇÜK MOBİL
===================================================== */

@media (max-width: 380px) {

    .ajb-footer-container {
        width: calc(100% - 28px);
    }

    .ajb-footer-main-title {
        font-size: 22px;
    }

    .ajb-footer-menu {
        padding-top: 38px;
        padding-bottom: 42px;
    }
}

/* =====================================================
   AZALTILMIŞ HAREKET TERCİHİ
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-footer-links a,
    .ajb-footer-contact-list a,
    .ajb-footer-bottom-right a {
        transition: none;
    }

    .ajb-footer-links a:hover {
        transform: none;
    }
}





















/* =====================================================
   AJANSBOX - SIKÇA SORULAN SORULAR
   1600PX / POPPINS / 2 KOLON / CSS ACCORDION
===================================================== */

.ajb-faq-section {
    position: relative;
    width: 100%;
    max-width: 1600px;

    margin: 0 auto;
    padding: 70px 20px 85px;

    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.ajb-faq-section *,
.ajb-faq-section *::before,
.ajb-faq-section *::after {
    box-sizing: border-box;
}

/* =====================================================
   CONTAINER
===================================================== */

.ajb-faq-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

/* =====================================================
   BAŞLIK
===================================================== */

.ajb-faq-heading {
    width: 100%;
    margin: 0 auto 43px;
    padding: 0;

    text-align: center;
}

.ajb-faq-heading h2 {
    margin: 0;
    padding: 0;

    color: #111827;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.6px;
}

.ajb-faq-heading h2 strong {
    color: #111827;
    font-weight: 600;
}

/* =====================================================
   İKİ KOLONLU YERLEŞİM
===================================================== */

.ajb-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;

    column-gap: 18px;

    width: 100%;
    margin: 0;
    padding: 0;
}

/* HER KOLONDA SORULAR ALT ALTA */

.ajb-faq-column {
    display: flex;
    flex-direction: column;
    gap: 8px;

    min-width: 0;
}

/* =====================================================
   SORU KUTUSU
===================================================== */

.ajb-faq-item {
    position: relative;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    background: #ffffff;
    border: 1px solid #edf0f4;
    border-radius: 11px;

    overflow: hidden;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.ajb-faq-item:hover {
    border-color: #dce4f5;
}

.ajb-faq-item[open] {
    border-color: #dce5ff;

    box-shadow:
        0 6px 20px rgba(25, 57, 130, .035);
}

/* =====================================================
   SORU BAŞLIĞI
===================================================== */

.ajb-faq-item summary {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    width: 100%;
    min-height: 52px;

    margin: 0;
    padding: 12px 15px 12px 18px;

    color: #172238;

    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;

    list-style: none;
    cursor: pointer;

    transition:
        color .25s ease,
        background .25s ease;
}

/* TARAYICININ OK İŞARETİNİ GİZLE */

.ajb-faq-item summary::-webkit-details-marker {
    display: none;
}

.ajb-faq-item summary::marker {
    content: "";
}

/* =====================================================
   SAĞDAKİ + İKONU
===================================================== */

.ajb-faq-item summary::after {
    content: "+";

    display: flex;
    align-items: center;
    justify-content: center;

    width: 23px;
    height: 23px;
    flex: 0 0 23px;

    margin-left: auto;

    background: #ffffff;
    border: 1px solid #edf0f4;
    border-radius: 50%;

    color: #263449;

    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}

/* HOVER */

.ajb-faq-item summary:hover {
    color: #2044f4;
}

.ajb-faq-item summary:hover::after {
    color: #2044f4;
    border-color: #d9e3ff;
    background: #f4f7ff;
}

/* AÇIK HALDE + YERİNE - */

.ajb-faq-item[open] summary {
    color: #2044f4;
}

.ajb-faq-item[open] summary::after {
    content: "−";

    background: #2044f4;
    border-color: #2044f4;

    color: #ffffff;
    font-size: 16px;
}

/* =====================================================
   AÇILAN CEVAP
===================================================== */

.ajb-faq-answer {
    width: 100%;

    padding: 0 18px 18px;
    margin: 0;

    border-top: 0;

    animation: ajbFaqReveal .22s ease-out;
}

.ajb-faq-answer p {
    margin: 0;
    padding: 12px 0 0;

    color: #66758b;

    font-family: 'Poppins', sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.95;
}

/* CEVAP İÇİNDEKİ BAĞLANTI */

.ajb-faq-answer a {
    display: inline-flex;
    align-items: center;

    margin-top: 12px;

    color: #2044f4;

    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;

    text-decoration: none;
}

.ajb-faq-answer a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* KLAVYE ODAĞI */

.ajb-faq-item summary:focus-visible {
    outline: 2px solid #2044f4;
    outline-offset: -3px;
    border-radius: 9px;
}

/* =====================================================
   AÇILIŞ ANİMASYONU
===================================================== */

@keyframes ajbFaqReveal {

    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

/* =====================================================
   LAPTOP - 1200PX
===================================================== */

@media (max-width: 1200px) {

    .ajb-faq-section {
        padding: 65px 25px 75px;
    }

    .ajb-faq-container {
        max-width: 1100px;
    }

    .ajb-faq-grid {
        column-gap: 15px;
    }

    .ajb-faq-item summary {
        font-size: 11.5px;
        padding-left: 15px;
    }
}

/* =====================================================
   TABLET - 991PX
===================================================== */

@media (max-width: 991px) {

    .ajb-faq-section {
        padding: 60px 22px 70px;
    }

    .ajb-faq-heading {
        margin-bottom: 35px;
    }

    .ajb-faq-heading h2 {
        font-size: 28px;
    }

    .ajb-faq-grid {
        column-gap: 12px;
    }

    .ajb-faq-item summary {
        min-height: 54px;
        padding: 11px 13px;

        font-size: 11px;
    }

    .ajb-faq-item summary::after {
        width: 21px;
        height: 21px;
        flex-basis: 21px;
    }

    .ajb-faq-answer {
        padding: 0 13px 15px;
    }

    .ajb-faq-answer p {
        font-size: 11px;
    }
}

/* =====================================================
   MOBİL - 767PX
===================================================== */

@media (max-width: 767px) {

    .ajb-faq-section {
        padding: 50px 15px 60px;
    }

    .ajb-faq-container {
        max-width: 600px;
    }

    .ajb-faq-heading {
        margin-bottom: 28px;
    }

    .ajb-faq-heading h2 {
        font-size: 25px;
    }

    /* MOBİLDE TEK KOLON */

    .ajb-faq-grid {
        grid-template-columns: 1fr;
        row-gap: 8px;
    }

    .ajb-faq-column {
        gap: 8px;
    }

    .ajb-faq-item {
        border-radius: 9px;
    }

    .ajb-faq-item summary {
        min-height: 51px;

        padding: 11px 13px 11px 14px;

        font-size: 11px;
        line-height: 1.6;
    }

    .ajb-faq-answer {
        padding: 0 14px 15px;
    }

    .ajb-faq-answer p {
        font-size: 11px;
        line-height: 1.85;
    }
}

/* =====================================================
   KÜÇÜK MOBİL
===================================================== */

@media (max-width: 400px) {

    .ajb-faq-section {
        padding: 45px 11px 55px;
    }

    .ajb-faq-heading h2 {
        font-size: 23px;
    }

    .ajb-faq-item summary {
        font-size: 10.5px;
        gap: 9px;
    }

    .ajb-faq-item summary::after {
        width: 20px;
        height: 20px;
        flex-basis: 20px;

        font-size: 15px;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-faq-item,
    .ajb-faq-item summary,
    .ajb-faq-item summary::after {
        transition: none;
    }

    .ajb-faq-answer {
        animation: none;
    }

}





























/* =====================================================
   AJANSBOX - ENTEGRASYON KARTLARI
   1600PX / 5 KART / 3+2 / POPPINS
===================================================== */

.ajb-integrations {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 75px 20px 85px;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.ajb-integrations *,
.ajb-integrations *::before,
.ajb-integrations *::after {
    box-sizing: border-box;
}

/* =====================================================
   CONTAINER
===================================================== */

.ajb-integrations-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* =====================================================
   BAŞLIK
===================================================== */

.ajb-integrations-heading {
    width: 100%;
    max-width: 780px;
    margin: 0 auto 44px;
    text-align: center;
}

.ajb-integrations-heading h2 {
    margin: 0;
    padding: 0;

    color: #14213a;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.7px;
}

.ajb-integrations-heading h2 strong {
    color: #14213a;
    font-weight: 600;
}

.ajb-integrations-heading p {
    margin: 11px auto 0;
    padding: 0;

    color: #778399;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.85;
}

/* =====================================================
   GRID - MASAÜSTÜ 3 + 2 ORTALI
===================================================== */

.ajb-integrations-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;

    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

/* HER KART 2 GRID BİRİMİ */

.ajb-integration-card {
    grid-column: span 2;

    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 0;
    min-height: 225px;

    padding: 29px 17px 24px;
    margin: 0;

    background: #ffffff;
    border: 1px solid #e9ecf1;
    border-radius: 18px;

    text-align: center;

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

/* ALT SATIRIN İKİ KARTINI ORTALA */

.ajb-integration-card:nth-child(4) {
    grid-column: 2 / span 2;
}

.ajb-integration-card:nth-child(5) {
    grid-column: 4 / span 2;
}

/* HOVER */

.ajb-integration-card:hover {
    transform: translateY(-4px);
    border-color: #d7e1ff;
    box-shadow: 0 12px 30px rgba(35, 65, 130, .055);
}

/* =====================================================
   KART BAŞLIĞI
===================================================== */

.ajb-integration-card h3 {
    margin: 0 0 24px;
    padding: 0;

    color: #17233b;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}

/* =====================================================
   YUVARLAK LOGO ALANLARI
===================================================== */

.ajb-integration-logos {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;

    padding: 0 5px;
    margin: 0;
}

/* HER LOGO DAİRESİ */

.ajb-integration-logo {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 76px;
    height: 76px;
    flex: 0 0 76px;

    padding: 9px;

    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 50%;

    overflow: hidden;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

/* DAİRELERİN BİRBİRİNE GİRMESİ */

.ajb-integration-logo + .ajb-integration-logo {
    margin-left: -17px;
}

/* ÜST ÜSTE BINME SIRASI */

.ajb-integration-logo:nth-child(1) {
    z-index: 4;
}

.ajb-integration-logo:nth-child(2) {
    z-index: 3;
}

.ajb-integration-logo:nth-child(3) {
    z-index: 2;
}

.ajb-integration-logo:nth-child(4) {
    z-index: 1;
}

/* LOGO METİNLERİ */

.ajb-integration-logo span {
    display: block;
    width: 100%;

    color: #24344a;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;

    text-align: center;
    letter-spacing: -.35px;
    overflow-wrap: anywhere;
}

/* LOGO RESMİ KULLANILDIĞINDA */

.ajb-integration-logo img {
    display: block;

    max-width: 95%;
    max-height: 42px;

    width: auto;
    height: auto;

    object-fit: contain;
}

/* HOVER */

.ajb-integration-card:hover .ajb-integration-logo {
    border-color: #dde6fc;
}

/* =====================================================
   MARKALARA ÖZEL RENKLER
===================================================== */

/* ERP */

.ajb-integration-logo.logo-parasut span {
    color: #f05d43;
    font-size: 11px;
}

.ajb-integration-logo.logo-logo span {
    color: #e4382b;
    font-weight: 700;
    font-size: 13px;
}

.ajb-integration-logo.logo-dia span {
    color: #135bb3;
    font-size: 17px;
}

.ajb-integration-logo.logo-mikro span {
    color: #263c91;
    font-size: 13px;
}

/* PAZARYERLERİ */

.ajb-integration-logo.logo-trendyol span {
    color: #f47823;
    font-size: 10px;
}

.ajb-integration-logo.logo-hepsiburada span {
    color: #fa791d;
    font-size: 10px;
}

.ajb-integration-logo.logo-amazon span {
    color: #1b2638;
    font-size: 11px;
}

.ajb-integration-logo.logo-n11 span {
    color: #d82945;
    font-size: 17px;
}

/* KARGO */

.ajb-integration-logo.logo-aras span {
    color: #df3235;
    font-size: 14px;
}

.ajb-integration-logo.logo-yurtici span {
    color: #135baf;
    font-size: 9px;
}

.ajb-integration-logo.logo-surat span {
    color: #dfb014;
    font-size: 12px;
}

.ajb-integration-logo.logo-mng span {
    color: #572ca1;
    font-size: 14px;
}

/* ÖDEME SİSTEMLERİ */

.ajb-integration-logo.logo-iyzico span {
    color: #3472fa;
    font-size: 16px;
}

.ajb-integration-logo.logo-paytr span {
    color: #183f7b;
    font-size: 13px;
}

.ajb-integration-logo.logo-param span {
    color: #128ebf;
    font-size: 12px;
}

.ajb-integration-logo.logo-paynet span {
    color: #174fa8;
    font-size: 11px;
}

/* BANKALAR */

.ajb-integration-logo.logo-ziraat span {
    color: #d32939;
    font-size: 12px;
}

.ajb-integration-logo.logo-garanti span {
    color: #138d55;
    font-size: 11px;
}

.ajb-integration-logo.logo-isbankasi span {
    color: #1668a6;
    font-size: 10px;
}

.ajb-integration-logo.logo-yapikredi span {
    color: #24417e;
    font-size: 9px;
}

/* =====================================================
   ALT KÜÇÜK AÇIKLAMA
===================================================== */

.ajb-integration-caption {
    display: block;
    margin-top: 20px;

    color: #929bac;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;

    text-align: center;
}

/* =====================================================
   LAPTOP - 1200PX
===================================================== */

@media (max-width: 1200px) {

    .ajb-integrations {
        padding: 65px 23px 75px;
    }

    .ajb-integrations-grid {
        max-width: 1050px;
        gap: 14px;
    }

    .ajb-integration-card {
        min-height: 215px;
        padding: 25px 12px 21px;
    }

    .ajb-integration-logo {
        width: 70px;
        height: 70px;
        flex-basis: 70px;
    }

    .ajb-integration-logo + .ajb-integration-logo {
        margin-left: -15px;
    }
}

/* =====================================================
   TABLET - 900PX
===================================================== */

@media (max-width: 900px) {

    .ajb-integrations {
        padding: 60px 22px 70px;
    }

    .ajb-integrations-heading h2 {
        font-size: 27px;
    }

    .ajb-integrations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 750px;

        gap: 14px;
    }

    /* TABLETTE NORMAL YERLEŞİM */

    .ajb-integration-card,
    .ajb-integration-card:nth-child(4),
    .ajb-integration-card:nth-child(5) {
        grid-column: auto;
    }

    /* SON KART ORTADA */

    .ajb-integration-card:nth-child(5) {
        grid-column: 1 / -1;
        width: calc(50% - 7px);
        justify-self: center;
    }
}

/* =====================================================
   MOBİL - 600PX
===================================================== */

@media (max-width: 600px) {

    .ajb-integrations {
        padding: 52px 15px 60px;
    }

    .ajb-integrations-heading {
        margin-bottom: 32px;
    }

    .ajb-integrations-heading h2 {
        font-size: 25px;
        line-height: 1.45;
    }

    .ajb-integrations-heading p {
        max-width: 360px;
        font-size: 12px;
        line-height: 1.8;
    }

    .ajb-integrations-grid {
        grid-template-columns: 1fr;
        max-width: 390px;
        gap: 13px;
    }

    .ajb-integration-card,
    .ajb-integration-card:nth-child(4),
    .ajb-integration-card:nth-child(5) {
        grid-column: auto;
        width: 100%;

        min-height: 195px;
        padding: 24px 13px 20px;
    }

    .ajb-integration-card h3 {
        margin-bottom: 19px;
        font-size: 14px;
    }

    .ajb-integration-logo {
        width: 73px;
        height: 73px;
        flex-basis: 73px;
    }

    .ajb-integration-logo + .ajb-integration-logo {
        margin-left: -16px;
    }

    .ajb-integration-caption {
        margin-top: 17px;
    }
}

/* =====================================================
   KÜÇÜK MOBİL
===================================================== */

@media (max-width: 380px) {

    .ajb-integrations {
        padding-left: 11px;
        padding-right: 11px;
    }

    .ajb-integrations-heading h2 {
        font-size: 23px;
    }

    .ajb-integration-logo {
        width: 66px;
        height: 66px;
        flex-basis: 66px;
    }

    .ajb-integration-logo + .ajb-integration-logo {
        margin-left: -14px;
    }

    .ajb-integration-logo span {
        font-size: 10px;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-integration-card,
    .ajb-integration-logo {
        transition: none;
    }

    .ajb-integration-card:hover {
        transform: none;
    }
}




































/* =====================================================
   AJANSBOX - İLETİŞİM SAYFASI
   MAX 1600PX / INNER 1280PX / POPPINS
   MAVİ - BEYAZ / PREMIUM KURUMSAL
===================================================== */

.ajb-contact-page {
    --ajbc-blue: #2454ff;
    --ajbc-blue-dark: #1738d9;
    --ajbc-navy: #17233b;
    --ajbc-text: #596a81;
    --ajbc-line: #e7ecf4;
    --ajbc-light: #f6f9ff;

    width: 100%;
    max-width: 1600px;
    margin: 0 auto;

    color: var(--ajbc-navy);
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.ajb-contact-page *,
.ajb-contact-page *::before,
.ajb-contact-page *::after {
    box-sizing: border-box;
}

.ajb-contact-container {
    width: calc(100% - 60px);
    max-width: 1400px;
    margin: 0 auto;
}

/* =====================================================
   GENEL BAŞLIKLAR
===================================================== */

.ajb-contact-section {
    position: relative;
    padding: 82px 0 90px;
}

.ajb-contact-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.ajb-contact-section-label {
    display: inline-block;
    margin-bottom: 12px;

    color: var(--ajbc-blue);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

.ajb-contact-heading h2 {
    margin: 0;

    color: var(--ajbc-navy);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.8px;
}

.ajb-contact-heading h2 strong {
    font-weight: 600;
}

.ajb-contact-heading p {
    max-width: 570px;
    margin: 12px auto 0;

    color: var(--ajbc-text);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.9;
}

/* =====================================================
   HERO
===================================================== */

.ajb-contact-hero {
    position: relative;
    padding: 0;
}

.ajb-contact-hero-inner {
    position: relative;
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    align-items: center;

    min-height: 375px;
    margin-top: 25px;
    padding: 65px 75px;

    background: linear-gradient(
        115deg,
        #2044ee 0%,
        #2454ff 55%,
        #1733bd 100%
    );

    border-radius: 24px;
    overflow: hidden;
}

.ajb-contact-hero-inner::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: radial-gradient(
        rgba(255,255,255,.2) 1px,
        transparent 1px
    );

    background-size: 22px 22px;
    opacity: .5;

    pointer-events: none;
}

.ajb-contact-hero-content {
    position: relative;
    z-index: 2;
    max-width: 650px;
}

.ajb-contact-eyebrow {
    display: inline-block;
    margin-bottom: 20px;

    color: #b9d2ff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.4px;
}

.ajb-contact-hero h1 {
    margin: 0;

    color: #ffffff;
    font-size: clamp(35px, 3.7vw, 52px);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -1.6px;
}

.ajb-contact-hero h1 strong {
    color: #b9eaff;
    font-weight: 600;
}

.ajb-contact-hero-content > p {
    max-width: 560px;
    margin: 22px 0 29px;

    color: rgba(255,255,255,.85);
    font-size: 13px;
    line-height: 1.9;
}

.ajb-contact-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 49px;
    padding: 0 22px;

    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 9px;

    color: var(--ajbc-blue) !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none !important;

    transition: transform .25s ease, background .25s ease;
}

.ajb-contact-hero-button:hover {
    transform: translateY(-2px);
    background: #eaf3ff;
}

.ajb-contact-hero-button svg,
.ajb-contact-cta-button svg {
    width: 17px;
    height: 17px;
}

/* HERO GÖRSEL */

.ajb-contact-hero-art {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 290px;
}

.ajb-contact-orbit {
    position: absolute;

    width: 290px;
    height: 290px;

    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
}

.ajb-contact-orbit.orbit-two {
    width: 220px;
    height: 220px;

    border-style: dashed;
    border-color: rgba(255,255,255,.22);
}

.ajb-contact-art-center {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 126px;
    height: 126px;

    background: #ffffff;
    border-radius: 27px;

    box-shadow: 0 25px 55px rgba(0,18,110,.22);

    transform: rotate(-9deg);
}

.ajb-contact-art-center svg {
    width: 66px;
    height: 66px;
    color: var(--ajbc-blue);
}

.ajb-contact-art-dot {
    position: absolute;
    z-index: 3;

    width: 15px;
    height: 15px;

    background: #8fe6ff;
    border: 4px solid #ffffff;
    border-radius: 50%;

    box-shadow: 0 0 0 8px rgba(255,255,255,.1);
}

.ajb-contact-art-dot.dot-one {
    top: 16%;
    right: 23%;
}

.ajb-contact-art-dot.dot-two {
    left: 14%;
    bottom: 25%;
}

.ajb-contact-art-dot.dot-three {
    right: 16%;
    bottom: 18%;
    width: 11px;
    height: 11px;
}

/* =====================================================
   İLETİŞİM KARTLARI
===================================================== */

.ajb-contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 19px;
}

.ajb-contact-info-card {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 0;
    padding: 36px 22px 31px;

    background: #ffffff;
    border: 1px solid var(--ajbc-line);
    border-radius: 16px;

    text-align: center;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.ajb-contact-info-card:hover {
    transform: translateY(-4px);
    border-color: #cbd8ff;
    box-shadow: 0 15px 36px rgba(36,84,255,.06);
}

.ajb-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;

    margin-bottom: 22px;

    background: #eef3ff;
    border-radius: 17px;

    color: var(--ajbc-blue);
}

.ajb-contact-icon svg {
    width: 29px;
    height: 29px;
}

.ajb-contact-info-card h3 {
    margin: 0 0 12px;

    color: var(--ajbc-navy);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
}

.ajb-contact-info-card > p {
    max-width: 265px;
    min-height: 47px;

    margin: 0 auto 22px;

    color: var(--ajbc-text);
    font-size: 12px;
    line-height: 1.8;
}

.ajb-contact-info-value {
    display: inline-block;
    max-width: 100%;

    color: var(--ajbc-blue) !important;
    font-size: clamp(14px, 1.4vw, 19px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.3px;

    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.ajb-contact-info-value:hover {
    color: var(--ajbc-blue-dark) !important;
}

.ajb-contact-info-small {
    display: block;
    margin-top: 9px;

    color: #919daf;
    font-size: 10px;
}

/* =====================================================
   OFİS
===================================================== */

.ajb-contact-office-section {
    background: var(--ajbc-light);
}

.ajb-contact-office-card {
    display: grid;
    grid-template-columns: .83fr 1.17fr;

    min-height: 410px;

    background: #ffffff;
    border: 1px solid var(--ajbc-line);
    border-radius: 18px;

    overflow: hidden;
}

.ajb-contact-office-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    padding: 45px 48px;
}

.ajb-contact-office-tag {
    display: inline-block;

    margin-bottom: 16px;

    color: var(--ajbc-blue);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

.ajb-contact-office-info h3 {
    margin: 0 0 20px;

    color: var(--ajbc-navy);
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -.6px;
}

.ajb-contact-address {
    margin: 0;

    color: var(--ajbc-text);
    font-size: 13px;
    line-height: 2;
}

.ajb-contact-working-hours {
    display: flex;
    flex-direction: column;
    gap: 10px;

    width: 100%;
    max-width: 330px;

    margin: 24px 0;
    padding-top: 17px;

    border-top: 1px solid var(--ajbc-line);
}

.ajb-contact-working-hours > div {
    display: flex;
    justify-content: space-between;
    gap: 15px;

    color: var(--ajbc-text);
    font-size: 11px;
}

.ajb-contact-working-hours strong {
    color: var(--ajbc-navy);
    font-weight: 600;
    white-space: nowrap;
}

.ajb-contact-map-button {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    min-height: 43px;
    padding: 0 17px;

    background: var(--ajbc-blue);
    border-radius: 8px;

    color: #ffffff !important;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none !important;

    transition: background .25s ease;
}

.ajb-contact-map-button:hover {
    background: var(--ajbc-blue-dark);
}

.ajb-contact-map-button svg {
    width: 16px;
    height: 16px;
}

.ajb-contact-map {
    width: 100%;
    min-height: 410px;
    background: #eaf0fb;
}

.ajb-contact-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 410px;

    border: 0;
}

/* =====================================================
   İLETİŞİM FORMU
===================================================== */

.ajb-contact-form-section {
    scroll-margin-top: 100px;
}

.ajb-contact-form-card {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;

    padding: 40px;

    background: #ffffff;
    border: 1px solid var(--ajbc-line);
    border-radius: 18px;

    box-shadow: 0 12px 44px rgba(28,54,110,.035);
}

.ajb-contact-form {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.ajb-contact-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px;
}

.ajb-contact-field {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ajb-contact-field label {
    margin: 0 0 9px;

    color: #26334c;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.ajb-contact-field label span {
    color: #e45a64;
}

.ajb-contact-field input,
.ajb-contact-field select,
.ajb-contact-field textarea {
    display: block;
    width: 100%;
    min-width: 0;

    margin: 0;

    background: #ffffff;
    border: 1px solid #dfe5ee;
    border-radius: 9px;

    color: var(--ajbc-navy);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;

    outline: none;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.ajb-contact-field input,
.ajb-contact-field select {
    height: 52px;
    padding: 0 15px;
}

.ajb-contact-field textarea {
    min-height: 145px;
    padding: 15px;
    resize: vertical;
    line-height: 1.8;
}

.ajb-contact-field input::placeholder,
.ajb-contact-field textarea::placeholder {
    color: #9ba5b4;
    opacity: 1;
}

.ajb-contact-field input:focus,
.ajb-contact-field select:focus,
.ajb-contact-field textarea:focus {
    border-color: var(--ajbc-blue);
    box-shadow: 0 0 0 3px rgba(36,84,255,.08);
}

.ajb-contact-field select {
    padding-right: 43px;

    appearance: none;
    -webkit-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23596a81' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 17px;

    cursor: pointer;
}

/* =====================================================
   KVKK / GİZLİLİK
===================================================== */

.ajb-contact-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    margin: 0;

    cursor: pointer;
}

.ajb-contact-consent input {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;

    margin: 3px 0 0;

    accent-color: var(--ajbc-blue);
}

.ajb-contact-consent span {
    color: #7c8999;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.8;
}

.ajb-contact-consent a {
    color: var(--ajbc-blue);
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* =====================================================
   FORM BUTONU
===================================================== */

.ajb-contact-form-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;

    margin-top: 2px;
}

.ajb-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-width: 215px;
    min-height: 51px;
    padding: 0 24px;

    background: var(--ajbc-blue);
    border: 1px solid var(--ajbc-blue);
    border-radius: 9px;

    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background .25s ease,
        transform .25s ease;
}

.ajb-contact-submit svg {
    width: 17px;
    height: 17px;
}

.ajb-contact-submit:hover {
    background: var(--ajbc-blue-dark);
    transform: translateY(-2px);
}

.ajb-contact-form-actions p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin: 0;

    color: #96a1b0;
    font-size: 10px;
    text-align: center;
}

.ajb-contact-form-actions p svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
}

/* =====================================================
   YASAL BELGELER
===================================================== */

.ajb-contact-legal-section {
    background: var(--ajbc-light);
}

.ajb-contact-legal-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ajb-contact-legal-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 255px;
    padding: 28px 27px;

    background: #ffffff;
    border: 1px solid var(--ajbc-line);
    border-radius: 15px;

    transition:
        border-color .25s ease,
        transform .25s ease;
}

.ajb-contact-legal-card:hover {
    border-color: #cdd9ff;
    transform: translateY(-3px);
}

.ajb-contact-legal-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 45px;
    height: 45px;

    margin-bottom: 19px;

    background: #edf3ff;
    border-radius: 11px;

    color: var(--ajbc-blue);
}

.ajb-contact-legal-icon svg {
    width: 24px;
    height: 24px;
}

.ajb-contact-legal-card h3 {
    margin: 0 0 10px;

    color: var(--ajbc-navy);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.ajb-contact-legal-card p {
    margin: 0 0 23px;

    color: var(--ajbc-text);
    font-size: 12px;
    line-height: 1.85;
}

.ajb-contact-legal-card a {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    width: fit-content;
    margin-top: auto;

    color: var(--ajbc-blue);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.ajb-contact-legal-card a:hover {
    color: var(--ajbc-blue-dark);
}

.ajb-contact-legal-card a span {
    font-size: 17px;
}

/* =====================================================
   ALT CTA
===================================================== */

.ajb-contact-cta {
    padding: 55px 0 75px;
    background: #ffffff;
}

.ajb-contact-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;

    min-height: 235px;
    padding: 45px 56px;

    background: #172b84;
    border-radius: 20px;

    color: #ffffff;
}

.ajb-contact-cta-copy {
    max-width: 760px;
}

.ajb-contact-cta-copy > span {
    color: #acc4ff;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.2px;
}

.ajb-contact-cta-copy h2 {
    margin: 15px 0 13px;

    color: #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: -.7px;
}

.ajb-contact-cta-copy h2 strong {
    font-weight: 600;
}

.ajb-contact-cta-copy p {
    margin: 0;

    color: rgba(255,255,255,.76);
    font-size: 12px;
    line-height: 1.85;
}

.ajb-contact-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    flex: 0 0 auto;
    min-height: 51px;
    padding: 0 23px;

    background: #ffffff;
    border-radius: 9px;

    color: var(--ajbc-blue) !important;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-decoration: none !important;

    transition: background .25s ease;
}

.ajb-contact-cta-button:hover {
    background: #eaf2ff;
}

/* =====================================================
   LAPTOP - 1200PX
===================================================== */

@media (max-width: 1200px) {

    .ajb-contact-hero-inner {
        padding: 55px 50px;
    }

    .ajb-contact-hero-art {
        transform: scale(.88);
    }

    .ajb-contact-info-card {
        padding: 30px 18px;
    }

    .ajb-contact-office-info {
        padding: 37px;
    }
}

/* =====================================================
   TABLET - 991PX
===================================================== */

@media (max-width: 991px) {

    .ajb-contact-container {
        width: calc(100% - 42px);
    }

    .ajb-contact-section {
        padding: 65px 0 75px;
    }

    .ajb-contact-hero-inner {
        grid-template-columns: 1fr .45fr;
        min-height: 340px;
        padding: 48px 38px;
    }

    .ajb-contact-hero h1 {
        font-size: 38px;
    }

    .ajb-contact-hero-art {
        transform: scale(.68);
    }

    .ajb-contact-heading h2 {
        font-size: 29px;
    }

    .ajb-contact-info-grid {
        gap: 12px;
    }

    .ajb-contact-info-card {
        padding: 25px 13px;
    }

    .ajb-contact-info-card h3 {
        font-size: 15px;
    }

    .ajb-contact-info-value {
        font-size: 13px;
    }

    .ajb-contact-office-card {
        grid-template-columns: .9fr 1.1fr;
    }

    .ajb-contact-office-info {
        padding: 30px;
    }

    .ajb-contact-form-card {
        padding: 30px;
    }

    .ajb-contact-legal-grid {
        gap: 12px;
    }

    .ajb-contact-legal-card {
        padding: 24px 19px;
    }

    .ajb-contact-cta-inner {
        padding: 38px;
    }

    .ajb-contact-cta-copy h2 {
        font-size: 25px;
    }
}

/* =====================================================
   MOBİL - 767PX
===================================================== */

@media (max-width: 767px) {

    .ajb-contact-container {
        width: calc(100% - 30px);
    }

    .ajb-contact-section {
        padding: 55px 0 60px;
    }

    .ajb-contact-heading {
        margin-bottom: 30px;
    }

    .ajb-contact-heading h2 {
        font-size: 26px;
    }

    .ajb-contact-heading p {
        font-size: 12px;
    }

    /* HERO */

    .ajb-contact-hero-inner {
        display: block;

        min-height: 0;
        margin-top: 15px;
        padding: 43px 28px;

        border-radius: 17px;
    }

    .ajb-contact-hero h1 {
        font-size: 34px;
    }

    .ajb-contact-hero-content > p {
        font-size: 12px;
    }

    .ajb-contact-hero-art {
        position: absolute;
        top: -65px;
        right: -100px;

        width: 250px;
        height: 250px;

        opacity: .24;
        transform: scale(.65);

        pointer-events: none;
    }

    /* İLETİŞİM KARTLARI */

    .ajb-contact-info-grid {
        grid-template-columns: 1fr;
        gap: 13px;

        max-width: 470px;
        margin: 0 auto;
    }

    .ajb-contact-info-card {
        padding: 27px 20px;
    }

    .ajb-contact-info-card > p {
        min-height: 0;
        margin-bottom: 15px;
    }

    .ajb-contact-info-value {
        font-size: 17px;
    }

    /* OFİS */

    .ajb-contact-office-card {
        grid-template-columns: 1fr;
    }

    .ajb-contact-office-info {
        padding: 32px 25px;
    }

    .ajb-contact-office-info h3 {
        font-size: 24px;
    }

    .ajb-contact-map,
    .ajb-contact-map iframe {
        min-height: 290px;
        height: 290px;
    }

    /* FORM */

    .ajb-contact-form-card {
        padding: 24px 19px;
        border-radius: 13px;
    }

    .ajb-contact-form {
        gap: 16px;
    }

    .ajb-contact-form-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ajb-contact-field input,
    .ajb-contact-field select {
        height: 49px;
    }

    .ajb-contact-field textarea {
        min-height: 130px;
    }

    /* BELGELER */

    .ajb-contact-legal-grid {
        grid-template-columns: 1fr;

        max-width: 470px;
        margin: 0 auto;
    }

    .ajb-contact-legal-card {
        min-height: auto;
        padding: 25px 22px;
    }

    /* CTA */

    .ajb-contact-cta {
        padding: 42px 0 55px;
    }

    .ajb-contact-cta-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;

        min-height: 0;
        padding: 35px 27px;

        border-radius: 16px;
    }

    .ajb-contact-cta-copy h2 {
        font-size: 26px;
    }

    .ajb-contact-cta-button {
        width: 100%;
    }
}

/* =====================================================
   KÜÇÜK MOBİL
===================================================== */

@media (max-width: 400px) {

    .ajb-contact-container {
        width: calc(100% - 22px);
    }

    .ajb-contact-hero-inner {
        padding: 36px 22px;
    }

    .ajb-contact-hero h1 {
        font-size: 30px;
    }

    .ajb-contact-heading h2 {
        font-size: 24px;
    }

    .ajb-contact-form-card {
        padding: 21px 15px;
    }

    .ajb-contact-office-info {
        padding: 27px 20px;
    }
}

/* =====================================================
   KLAVYE ERİŞİMİ
===================================================== */

.ajb-contact-page a:focus-visible,
.ajb-contact-page button:focus-visible,
.ajb-contact-page input:focus-visible,
.ajb-contact-page select:focus-visible,
.ajb-contact-page textarea:focus-visible {
    outline: 2px solid var(--ajbc-blue);
    outline-offset: 3px;
}

/* =====================================================
   AZALTILMIŞ HAREKET
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-contact-page a,
    .ajb-contact-page button,
    .ajb-contact-page input,
    .ajb-contact-page select,
    .ajb-contact-page textarea,
    .ajb-contact-info-card,
    .ajb-contact-legal-card {
        transition: none !important;
    }

    .ajb-contact-info-card:hover,
    .ajb-contact-legal-card:hover,
    .ajb-contact-hero-button:hover,
    .ajb-contact-submit:hover {
        transform: none;
    }
}






















/* ================================================
   AJANSBOX - YUVARLAK YÖRÜNGE ANİMASYONU
   ÇİZGİLER SABİT / NOKTALAR HAREKETLİ
================================================ */

/* DIŞ DAİRE */

.ajb-contact-hero-art .orbit-one {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 290px;
    height: 290px;

    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;

    transform: translate(-50%, -50%);
    animation: none !important;
}

/* İÇ DAİRE */

.ajb-contact-hero-art .orbit-two {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 220px;
    height: 220px;

    border: 1px dashed rgba(255,255,255,.23);
    border-radius: 50%;

    transform: translate(-50%, -50%);
    animation: none !important;
}

/* ESKİ YÖRÜNGE NOKTALARINI KALDIR */

.ajb-contact-hero-art .ajb-contact-orbit::before,
.ajb-contact-hero-art .ajb-contact-orbit::after {
    display: none !important;
}

/* ORTADAKİ İKON SABİT */

.ajb-contact-hero-art .ajb-contact-art-center {
    transform: rotate(-9deg);
    animation: none !important;
}

/* NOKTALARIN GENEL GÖRÜNÜMÜ */

.ajb-contact-hero-art .ajb-contact-art-dot {
    position: absolute;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 15px;
    height: 15px;

    background: #73eaff;
    border: 4px solid #ffffff;
    border-radius: 50%;

    box-shadow:
        0 0 0 9px rgba(255,255,255,.11),
        0 0 18px rgba(115,234,255,.45);

    transform-origin: center;
    opacity: 1;
}

/* DIŞ DAİRE - BİRİNCİ NOKTA */

.ajb-contact-hero-art .ajb-contact-art-dot.dot-one {
    animation: ajbDotOuter 14s linear infinite !important;
}

/* İÇ DAİRE - TERS YÖN */

.ajb-contact-hero-art .ajb-contact-art-dot.dot-two {
    animation: ajbDotInner 18s linear infinite !important;
}

/* DIŞ DAİRE - ÜÇÜNCÜ NOKTA */

.ajb-contact-hero-art .ajb-contact-art-dot.dot-three {
    animation: ajbDotOuter 14s linear infinite -7s !important;
}

/* DIŞ DAİREDE DÖNÜŞ */

@keyframes ajbDotOuter {

    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg)
            translateX(145px);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg)
            translateX(145px);
    }

}

/* İÇ DAİREDE TERS DÖNÜŞ */

@keyframes ajbDotInner {

    from {
        transform:
            translate(-50%, -50%)
            rotate(360deg)
            translateX(110px);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(0deg)
            translateX(110px);
    }

}

/* HAREKET AZALTMA */

@media (prefers-reduced-motion: reduce) {
    .ajb-contact-hero-art .ajb-contact-art-dot {
        animation: none !important;
        transform: translate(-50%, -50%) translateX(110px);
    }
}
















































/* =====================================================
   AJANSBOX - REFERANSLAR SAYFASI
   1600PX / POPPINS / 4 KOLON
   SADE KURUMSAL REFERANS KARTLARI
===================================================== */

.ajb-portfolio-page {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 65px 20px 100px;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.ajb-portfolio-page *,
.ajb-portfolio-page *::before,
.ajb-portfolio-page *::after {
    box-sizing: border-box;
}

/* =====================================================
   CONTAINER
===================================================== */

.ajb-portfolio-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* =====================================================
   SAYFA BAŞLIĞI
===================================================== */

.ajb-portfolio-heading {
    width: 100%;
    max-width: 730px;
    margin: 0 auto 45px;
    text-align: center;
}

.ajb-portfolio-eyebrow {
    display: block;
    margin-bottom: 12px;
    color: #2454ff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.2px;
}

.ajb-portfolio-heading h1 {
    margin: 0;
    color: #17233b;
    font-family: 'Poppins', sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.8px;
}

.ajb-portfolio-heading h1 strong {
    font-weight: 600;
}

.ajb-portfolio-heading p {
    max-width: 540px;
    margin: 12px auto 0;
    color: #748198;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.85;
}

/* =====================================================
   SVG İKON TANIMLARI - GİZLİ
===================================================== */

.ajb-portfolio-icons {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

/* =====================================================
   4'LÜ GRID
===================================================== */

.ajb-portfolio-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* =====================================================
   REFERANS KARTI
===================================================== */

.ajb-portfolio-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    margin: 0;
    padding: 0;

    background: #ffffff;
    border: 1px solid #e7ebf2;
    border-radius: 6px;

    overflow: hidden;
    cursor: pointer;

    text-decoration: none !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.ajb-portfolio-card:hover {
    border-color: #bfcfff;
    box-shadow: 0 9px 25px rgba(30,60,130,.065);
    transform: translateY(-3px);
}

/* =====================================================
   LOGO ALANI
===================================================== */

.ajb-portfolio-logo {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 154px;
    padding: 25px 30px;

    background: #ffffff;
}

.ajb-portfolio-logo img {
    display: block;

    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 96px;

    object-fit: contain;
    object-position: center;

    transition: transform .3s ease;
}

.ajb-portfolio-card:hover .ajb-portfolio-logo img {
    transform: scale(1.055);
}

/* =====================================================
   ALT FİRMA BİLGİLERİ
===================================================== */

.ajb-portfolio-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    width: 100%;
    min-height: 43px;
    margin-top: auto;
    padding: 0 11px;

    background: #fafbfc;
    border-top: 1px solid #edf0f4;
}

/* FİRMA ADI */

.ajb-portfolio-name {
    display: block;
    flex: 1;
    min-width: 0;

    color: #1f2b3c;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* SEKTÖR */

.ajb-portfolio-sector {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex: 0 0 auto;
    max-width: 57%;

    color: #5d6877;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;

    white-space: nowrap;
}

/* SEKTÖR İKONU */

.ajb-portfolio-sector svg {
    display: block;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* HOVER */

.ajb-portfolio-card:hover .ajb-portfolio-name {
    color: #2454ff;
}

.ajb-portfolio-card:hover .ajb-portfolio-sector {
    color: #2454ff;
}

/* ERİŞİLEBİLİRLİK */

.ajb-portfolio-card:focus-visible {
    outline: 2px solid #2454ff;
    outline-offset: 4px;
}

/* =====================================================
   LAPTOP - 1200PX
===================================================== */

@media (max-width: 1200px) {

    .ajb-portfolio-page {
        padding: 60px 25px 85px;
    }

    .ajb-portfolio-grid {
        gap: 14px;
    }

    .ajb-portfolio-logo {
        height: 140px;
        padding: 20px;
    }

    .ajb-portfolio-info {
        padding: 0 9px;
        gap: 8px;
    }

    .ajb-portfolio-name {
        font-size: 10px;
    }

    .ajb-portfolio-sector {
        font-size: 9px;
    }
}

/* =====================================================
   TABLET - 991PX
===================================================== */

@media (max-width: 991px) {

    .ajb-portfolio-page {
        padding: 55px 22px 75px;
    }

    .ajb-portfolio-heading h1 {
        font-size: 30px;
    }

    .ajb-portfolio-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 13px;
    }

    .ajb-portfolio-logo {
        height: 145px;
    }

    .ajb-portfolio-info {
        min-height: 42px;
    }
}

/* =====================================================
   MOBİL - 767PX
===================================================== */

@media (max-width: 767px) {

    .ajb-portfolio-page {
        padding: 48px 15px 65px;
    }

    .ajb-portfolio-heading {
        margin-bottom: 30px;
    }

    .ajb-portfolio-heading h1 {
        font-size: 27px;
        line-height: 1.4;
    }

    .ajb-portfolio-heading p {
        font-size: 12px;
    }

    /* MOBİLDE 2 KOLON */

    .ajb-portfolio-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 11px;
    }

    .ajb-portfolio-logo {
        height: 120px;
        padding: 16px;
    }

    .ajb-portfolio-logo img {
        max-height: 79px;
    }

    .ajb-portfolio-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 4px;

        min-height: 56px;
        padding: 8px 10px;
    }

    .ajb-portfolio-name {
        width: 100%;
        font-size: 10px;
    }

    .ajb-portfolio-sector {
        justify-content: flex-start;
        max-width: 100%;
        font-size: 9px;
    }

    .ajb-portfolio-sector svg {
        width: 14px;
        height: 14px;
        flex-basis: 14px;
    }
}

/* =====================================================
   KÜÇÜK MOBİL
===================================================== */

@media (max-width: 380px) {

    .ajb-portfolio-page {
        padding-left: 10px;
        padding-right: 10px;
    }

    .ajb-portfolio-heading h1 {
        font-size: 24px;
    }

    .ajb-portfolio-grid {
        gap: 8px;
    }

    .ajb-portfolio-logo {
        height: 105px;
        padding: 13px;
    }

    .ajb-portfolio-info {
        padding: 7px 8px;
    }

    .ajb-portfolio-name {
        font-size: 9.5px;
    }

    .ajb-portfolio-sector {
        font-size: 8.5px;
    }
}

/* =====================================================
   HAREKETİ AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-portfolio-card,
    .ajb-portfolio-logo img {
        transition: none;
    }

    .ajb-portfolio-card:hover,
    .ajb-portfolio-card:hover .ajb-portfolio-logo img {
        transform: none;
    }
}







































/* =====================================================
   AJANSBOX - E-TİCARET FİYATLANDIRMA
   MINIBOX / SMARTBOX / PROBOX / PRIMEBOX

   1400PX CONTAINER
   POPPINS / RESPONSIVE
   CANLI MAVİ / KURUMSAL
===================================================== */

.ajb-plans {
    --plan-blue: #2454ff;
    --plan-blue-hover: #153ee5;
    --plan-navy: #14213d;
    --plan-text: #52617a;
    --plan-muted: #8290a4;
    --plan-border: #e3e9f3;
    --plan-soft: #f5f8ff;
    --plan-cyan: #a1bec6;

    position: relative;
    width: 100%;

    margin: 0;
    padding: 75px 20px 95px;

    background: #ffffff;
    color: var(--plan-navy);

    font-family: 'Poppins', sans-serif;
}

.ajb-plans *,
.ajb-plans *::before,
.ajb-plans *::after {
    box-sizing: border-box;
}

.ajb-plans-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
}

/* =====================================================
   BAŞLIK
===================================================== */

.ajb-plans-heading {
    max-width: 750px;
    margin: 0 auto 60px;
    text-align: center;
}

.ajb-plans-kicker {
    display: inline-block;

    margin-bottom: 13px;

    color: var(--plan-blue);

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 1.6;
}

.ajb-plans-heading h1 {
    margin: 0;

    color: var(--plan-navy);

    font-family: 'Poppins', sans-serif;
    font-size: 39px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -1.3px;
}

.ajb-plans-heading h1 strong {
    color: var(--plan-blue);
    font-weight: 600;
}

.ajb-plans-heading p {
    max-width: 570px;
    margin: 16px auto 0;

    color: var(--plan-text);
    font-size: 13px;
    line-height: 1.9;
}

/* =====================================================
   PAKET GRID - 4 KOLON
===================================================== */

.ajb-plans-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    align-items: stretch;
    gap: 17px;

    width: 100%;
}

/* =====================================================
   KART GENEL
===================================================== */

.ajb-plan-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 720px;

    margin: 0;
    padding: 0;

    background: #ffffff;
    border: 1px solid var(--plan-border);
    border-radius: 17px;

    color: var(--plan-navy);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.ajb-plan-card:hover {
    transform: translateY(-4px);
    border-color: #b8caff;

    box-shadow:
        0 16px 36px rgba(22, 57, 144, .07);
}

/* =====================================================
   SMARTBOX
===================================================== */

.ajb-plan-smart {
    background: #fff;
    border: 1.5px solid #4869ff;
}

.ajb-plan-smart:hover {
    border-color: #2454ff;
}

.ajb-plan-ribbon {
    position: absolute;
    top: -16px;
    left: 50%;
    z-index: 3;

    display: flex;
    align-items: center;
    justify-content: center;

    width: max-content;
    min-height: 31px;
    padding: 0 18px;

    background: var(--plan-blue);
    border-radius: 30px;

    color: #ffffff;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .35px;

    transform: translateX(-50%);
    box-shadow: 0 5px 13px rgba(36,84,255,.18);
}

/* =====================================================
   PROBOX
===================================================== */

.ajb-plan-pro {
    border-color: #cddcff;
}

.ajb-plan-pro .ajb-plan-level {
    color: #2454ff;
}

.ajb-plan-pro .ajb-plan-cta {
    background: #eef3ff;
    border-color: #ccd9ff;
    color: #2454ff;
}

.ajb-plan-pro .ajb-plan-cta:hover {
    background: #2454ff;
    border-color: #2454ff;
    color: #ffffff;
}

/* =====================================================
   PRIMEBOX - KOYU MAVİ
===================================================== */

.ajb-plan-prime {
    background: #173ded;
    border-color: #173ded;
    color: #ffffff;
    overflow: hidden;
}



.ajb-plan-prime:hover {
    border-color: #4769d8;
    box-shadow: 0 18px 38px rgba(20,35,76,.17);
}

.ajb-plan-prime-mark {
    position: absolute;
    top: 0;
    right: 0;

    padding: 10px 14px;

    background: var(--plan-cyan);
    border-radius: 0 0 0 9px;

    color: #13254c;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: .4px;
}

/* =====================================================
   KART ÜST BÖLÜM
===================================================== */

.ajb-plan-card-top {
    display: flex;
    flex-direction: column;
    align-items: stretch;

    width: 100%;
    min-height: 346px;

    padding: 33px 26px 28px;
    margin: 0;

    border-bottom: 1px solid var(--plan-border);
}

.ajb-plan-prime .ajb-plan-card-top {
    border-color: rgba(255,255,255,.13);
}

/* PAKET KİMLİĞİ */

.ajb-plan-identity {
    min-height: 115px;
}

.ajb-plan-level {
    display: inline-block;
    margin-bottom: 8px;

    color: var(--plan-blue);

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

.ajb-plan-identity h2 {
    margin: 0 0 10px;

    color: #152643;

    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.7px;
}

.ajb-plan-smart .ajb-plan-identity h2 {
    color: var(--plan-blue);
}

.ajb-plan-identity p {
    max-width: 270px;
    margin: 0;

    color: #728096;

    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.75;
}

.ajb-plan-prime .ajb-plan-level {
    color: #ffffff;
}

.ajb-plan-prime .ajb-plan-identity h2 {
    color: #ffffff;
}

.ajb-plan-prime .ajb-plan-identity p {
    color: #bfccea;
}

/* =====================================================
   FİYAT
===================================================== */

.ajb-plan-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-height: 125px;
    width: 100%;

    margin-top: auto;
    padding: 16px 0 15px;
}

.ajb-plan-price-label {
    margin-bottom: 7px;

    color: #8792a5;

    font-size: 10px;
    line-height: 1.5;
}

.ajb-plan-number {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;

    color: #14213d;
}

.ajb-plan-number strong {
    font-size: clamp(27px, 2vw, 35px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -1.1px;
}

.ajb-plan-number > span {
    color: #6f7e94;
    font-size: 11px;
    font-weight: 400;
}

.ajb-plan-yearly {
    margin-top: 7px;

    color: var(--plan-blue);

    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.ajb-plan-yearly > span {
    color: #8a96a8;
    font-size: 11px;
    font-weight: 400;
}

.ajb-plan-billing {
    margin: 8px 0 0;

    color: #9ca7b6;
    font-size: 9.5px;
    line-height: 1.5;
}

/* PRIMEBOX FİYAT */

.ajb-plan-prime .ajb-plan-price-label {
    color: #b7c6e6;
}

.ajb-plan-prime .ajb-plan-number {
    color: #ffffff;
}

.ajb-plan-prime .ajb-plan-yearly {
    color: #000000;
    font-size: 15px;
    background: #58ff00;
    padding: 10px 21px;
    border-radius: 34px;
    font-weight: 300;
    width: 100%;
}

.ajb-plan-prime .ajb-plan-billing {
    color: #a5b8dd;
}

.ajb-plan-custom strong {
    font-size: 28px;
    letter-spacing: -.6px;
}

/* =====================================================
   ANA BUTON
===================================================== */

.ajb-plan-cta {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 0 17px;
    background: #ffffff;
    border: 1px solid #cfdcff;
    border-radius: 30px;
    color: var(--plan-blue);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.ajb-plan-cta > span {
    font-size: 18px;
    font-weight: 400;
}

.ajb-plan-cta:hover {
    color: #ffffff;
    background: var(--plan-blue);
    border-color: var(--plan-blue);
}

/* SMARTBOX BUTONU */

.ajb-plan-smart .ajb-plan-cta {
    color: #ffffff;
    background: var(--plan-blue);
    border-color: var(--plan-blue);
}

.ajb-plan-smart .ajb-plan-cta:hover {
    background: var(--plan-blue-hover);
}

/* PRIMEBOX BUTONU */

.ajb-plan-prime .ajb-plan-cta {
    color: #102449;
    background: #fff;
  
}

.ajb-plan-prime .ajb-plan-cta:hover {
      color: #ffffff;
    background: #a1bec6;
}

/* =====================================================
   ÖZELLİKLER İÇERİĞİ
===================================================== */

.ajb-plan-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;

    width: 100%;
    padding: 27px 25px 30px;
}

.ajb-plan-card-content > h3 {
    margin: 0 0 20px;

    color: #172641;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

.ajb-plan-prime .ajb-plan-card-content > h3 {
    color: #ffffff;
}

/* =====================================================
   ÖZEL AVANTAJ KUTUSU
===================================================== */

.ajb-plan-benefit {
    width: 100%;
    min-height: 126px;

    margin: 0 0 24px;
    padding: 16px 15px;

    background: #fcfcfc;
    border: 1px solid #e0e7ff;
    border-radius: 11px;
}

.ajb-plan-benefit > span {
    display: block;
    margin-bottom: 9px;

    color: #2454ff;

    font-size: 9px;
    font-weight: 600;
    letter-spacing: .6px;
}

.ajb-plan-benefit > strong {
    display: block;

    color: #203c89;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

.ajb-plan-benefit p {
    margin: 7px 0 0;

    color: #647594;

    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.75;
}

/* SMARTBOX AVANTAJ */

.ajb-plan-smart .ajb-plan-benefit {
    background: #ffffff;
    border-color: #dce5ff;
}

/* PRIMEBOX AVANTAJ */

.ajb-plan-prime .ajb-plan-benefit {
       background: linear-gradient(100deg, #1a44e1 0%, #244bff 60%, #1d4bef 100%);
}

.ajb-plan-prime .ajb-plan-benefit > span {
    color: #ffffff;
}

.ajb-plan-prime .ajb-plan-benefit > strong {
    color: #ffffff;
}

.ajb-plan-prime .ajb-plan-benefit p {
    color: #c0d1f4;
}

/* =====================================================
   ÖZELLİK LİSTESİ
===================================================== */

.ajb-plan-features {
    display: flex;
    flex-direction: column;
    gap: 17px;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;
}

.ajb-plan-features li {
    position: relative;
    margin: 0;
    padding: 0 0 0 25px;
    color: #2b2b2b;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.3;
}

/* CHECK */

.ajb-plan-features li::before {
    content: "✓";

    position: absolute;
    top: 0;
    left: 0;

    color: var(--plan-blue);


    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
}

.ajb-plan-prime .ajb-plan-features li {
    color: #e1e9fa;
}

.ajb-plan-prime .ajb-plan-features li::before {
    color: #ffffff;
}

/* =====================================================
   KART ALT BAĞLANTI
===================================================== */

.ajb-plan-card-bottom {
    width: 100%;
    margin-top: auto;
    padding: 19px 25px 22px;

    border-top: 1px solid var(--plan-border);
}

.ajb-plan-card-bottom a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    color: var(--plan-blue);

    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
}

.ajb-plan-card-bottom a:hover {
    color: #112fae;
}

.ajb-plan-card-bottom a span {
    font-size: 17px;
}

.ajb-plan-prime .ajb-plan-card-bottom {
    border-top-color: rgba(255,255,255,.15);
}

.ajb-plan-prime .ajb-plan-card-bottom a {
    color: #fff;
}

/* =====================================================
   FİYATLANDIRMA ALT NOTU
===================================================== */

.ajb-plans-pricing-note {
    max-width: 850px;
    margin: 25px auto 0;

    color: #8391a3;

    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.8;

    text-align: center;
}

/* =====================================================
   DETAYLI KARŞILAŞTIRMA
===================================================== */

.ajb-plan-compare {
    width: 100%;
    margin: 90px 0 0;
    padding: 0;

    scroll-margin-top: 40px;
}

.ajb-plan-compare-heading {
    max-width: 760px;
    margin: 0 auto 35px;
    text-align: center;
}

.ajb-plan-compare-heading h2 {
    margin: 0;

    color: var(--plan-navy);

    font-size: 31px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.8px;
}

.ajb-plan-compare-heading h2 strong {
    color: var(--plan-blue);
    font-weight: 600;
}

.ajb-plan-compare-heading p {
    max-width: 570px;
    margin: 12px auto 0;

    color: #748299;
    font-size: 12px;
    line-height: 1.85;
}

/* =====================================================
   ARAMA ALANI
===================================================== */

.ajb-plan-compare-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 17px;
}

.ajb-plan-search {
    position: relative;
    width: 100%;
    max-width: 405px;
}

.ajb-plan-search svg {
    position: absolute;
    top: 50%;
    left: 17px;

    width: 18px;
    height: 18px;

    color: #7e8ba1;
    transform: translateY(-50%);

    pointer-events: none;
}

.ajb-plan-search input {
    display: block;
    width: 100%;
    height: 49px;

    padding: 0 16px 0 47px;

    background: #ffffff;
    border: 1px solid #dce5f4;
    border-radius: 10px;

    color: var(--plan-navy);

    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.ajb-plan-search input::placeholder {
    color: #9aa6b8;
}

.ajb-plan-search input:focus {
    border-color: var(--plan-blue);
    box-shadow: 0 0 0 3px rgba(36,84,255,.07);
}

.ajb-plan-search-note {
    color: #8c99ad;
    font-size: 11px;
}

/* =====================================================
   TABLO DIŞ ALAN
===================================================== */

.ajb-plan-table-scroll {
    position: relative;

    width: 100%;
    margin: 0;

    overflow-x: auto;
    overflow-y: hidden;

    border: 1px solid #e1e8f3;
    border-radius: 14px;

    background: #ffffff;

    -webkit-overflow-scrolling: touch;
}

/* =====================================================
   TABLO GENEL
===================================================== */

.ajb-plan-table {
    width: 100%;
    min-width: 790px;

    margin: 0;
    padding: 0;

    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;

    background: #ffffff;

    font-family: 'Poppins', sans-serif;
}

.ajb-plan-col-feature {
    width: 36%;
}

/* =====================================================
   TABLO ÜST BAŞLIKLARI
===================================================== */

.ajb-plan-table thead th {
    position: relative;

    height: 92px;
    padding: 19px 14px;

    background: #f7f9fd;
    border-bottom: 1px solid #e1e8f3;

    text-align: center;
    vertical-align: middle;
}

.ajb-plan-table thead th strong {
    display: block;

    color: #182840;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.ajb-plan-table thead th small {
    display: block;
    margin-top: 4px;

    color: #8390a4;

    font-size: 10px;
    font-weight: 400;
}

.ajb-plan-table .ajb-plan-table-feature-head {
    text-align: left;

    color: #243550;
    font-size: 14px;
    font-weight: 600;
}

/* SMARTBOX TABLO BAŞLIĞI */

.ajb-plan-table thead th.ajb-plan-table-smart {
    background: #2454ff;
}

.ajb-plan-table thead th.ajb-plan-table-smart strong,
.ajb-plan-table thead th.ajb-plan-table-smart small {
    color: #ffffff;
}

/* PRIMEBOX TABLO BAŞLIĞI */

.ajb-plan-table thead th.ajb-plan-table-prime {
       background: linear-gradient(100deg, #1a44e1 0%, #244bff 60%, #1d4bef 100%);
}

.ajb-plan-table thead th.ajb-plan-table-prime strong {
    color: #ffffff;
}

.ajb-plan-table thead th.ajb-plan-table-prime small {
    color: #b6c9ef;
}

/* =====================================================
   KATEGORİ SATIRLARI
===================================================== */

.ajb-plan-category-row th {
    padding: 18px 23px;

    background: #fcfcfc;
    border-top: 15px solid #ffffff;
    border-bottom: 1px solid #e0e8fc;

    color: #2454ff;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;

    text-align: left;
}

.ajb-plan-feature-group:first-of-type
.ajb-plan-category-row th {
    border-top: 0;
}

/* =====================================================
   ÖZELLİK SATIRLARI
===================================================== */

.ajb-plan-feature-row th,
.ajb-plan-feature-row td {
    height: 77px;

    padding: 16px 19px;

    background: #ffffff;
    border-bottom: 1px solid #edf0f6;

    vertical-align: middle;
}

.ajb-plan-feature-row:last-child th,
.ajb-plan-feature-row:last-child td {
    border-bottom: 0;
}

/* İLK SÜTUN */

.ajb-plan-feature-row th {
    color: #283952;

    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;

    text-align: left;
}

.ajb-plan-feature-row th small {
    display: block;

    margin-top: 5px;

    color: #8794a7;

    font-size: 10px;
    font-weight: 400;
    line-height: 1.7;
}

/* PAKET SÜTUNLARI */

.ajb-plan-feature-row td {
    border-left: 1px solid #f0f2f7;

    color: #51617a;

    font-size: 11px;
    font-weight: 400;

    text-align: center;
}

/* SMARTBOX SÜTUNU */

.ajb-plan-feature-row td:nth-child(3) {
    background: #f5f7ff;
}

/* ONAY İŞARETİ */

.ajb-plan-feature-row td.is-yes {
    color: #2454ff;

    font-family: Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
}

/* OLMAYAN ÖZELLİK */

.ajb-plan-feature-row td.is-no {
    color: #c4ccd8;

    font-size: 17px;
    font-weight: 400;
}

/* PROJE BAZLI ÖZELLİK */

.ajb-plan-feature-row td.is-text {
    color: #2051e5;

    font-size: 10px;
    font-weight: 600;
}

/* SATIR HOVER */

.ajb-plan-feature-row:hover th,
.ajb-plan-feature-row:hover td {
    background: #f2f6ff;
}

/* =====================================================
   ARAMA SONUCU YOKSA
===================================================== */

.ajb-plan-feature-row[hidden],
.ajb-plan-category-row[hidden],
.ajb-plan-no-results[hidden] {
    display: none !important;
}

.ajb-plan-no-results {
    margin: 0;
    padding: 30px 20px;

    color: #6d7890;
    font-size: 12px;
    text-align: center;
}

/* =====================================================
   TABLO ALT BİLGİ
===================================================== */

.ajb-plan-table-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;

    gap: 15px 28px;

    margin-top: 17px;
}

.ajb-plan-table-bottom span {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #8793a5;
    font-size: 10px;
    line-height: 1.6;
}

.ajb-plan-table-bottom strong {
    color: #2454ff;
    font-size: 15px;
}

/* =====================================================
   ALT İLETİŞİM ALANI
===================================================== */

.ajb-plans-help {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;

    width: 100%;

    margin-top: 70px;
    padding: 42px 48px;

    background: #f3f7ff;
    border: 1px solid #e0e9ff;
    border-radius: 17px;
}

.ajb-plans-help-text {
    max-width: 710px;
}

.ajb-plans-help-text > span {
    display: block;
    margin-bottom: 11px;

    color: #2454ff;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

.ajb-plans-help h2 {
    margin: 0 0 10px;

    color: #17233b;

    font-size: 27px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.6px;
}

.ajb-plans-help h2 strong {
    color: #2454ff;
    font-weight: 600;
}

.ajb-plans-help p {
    margin: 0;

    color: #6d7b91;

    font-size: 12px;
    line-height: 1.85;
}

.ajb-plans-help > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    flex: 0 0 auto;

    min-height: 49px;
    padding: 0 24px;

    background: #2454ff;
    border: 1px solid #2454ff;
    border-radius: 9px;

    color: #ffffff;

    font-size: 12px;
    font-weight: 600;
    text-decoration: none;

    transition:
        background .25s ease,
        transform .25s ease;
}

.ajb-plans-help > a:hover {
    background: #173ee1;
    transform: translateY(-2px);
}

.ajb-plans-help > a span {
    font-size: 18px;
}

/* =====================================================
   ERİŞİLEBİLİRLİK
===================================================== */

.ajb-plans a:focus-visible,
.ajb-plans input:focus-visible {
    outline: 2px solid #2454ff;
    outline-offset: 3px;
}

/* =====================================================
   LAPTOP 1200PX
===================================================== */

@media (max-width: 1200px) {

    .ajb-plans {
        padding: 65px 25px 80px;
    }

    .ajb-plans-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        max-width: 900px;
        gap: 32px 20px;

        margin: 0 auto;
    }

    .ajb-plan-card {
        min-height: 700px;
    }

    .ajb-plan-card-top {
        min-height: 320px;
        padding: 30px 27px 26px;
    }

    .ajb-plan-identity {
        min-height: 105px;
    }

    .ajb-plan-card-content {
        padding: 27px;
    }

    .ajb-plan-number strong {
        font-size: 35px;
    }

    .ajb-plan-compare {
        margin-top: 75px;
    }
}

/* =====================================================
   TABLET 900PX
===================================================== */

@media (max-width: 900px) {

    .ajb-plans-heading h1 {
        font-size: 34px;
    }

    .ajb-plan-card {
        min-height: 710px;
    }

    .ajb-plans-help {
        padding: 35px;
    }

    .ajb-plans-help h2 {
        font-size: 24px;
    }
}

/* =====================================================
   MOBİL 767PX
===================================================== */

@media (max-width: 767px) {

    .ajb-plans {
        padding: 52px 16px 65px;
    }

    .ajb-plans-heading {
        margin-bottom: 47px;
    }

    .ajb-plans-heading h1 {
        font-size: 29px;
        letter-spacing: -.7px;
    }

    .ajb-plans-heading p {
        font-size: 12px;
    }

    /* PAKETLER TEK KOLON */

    .ajb-plans-grid {
        grid-template-columns: 1fr;

        max-width: 450px;
        gap: 29px;
    }

    .ajb-plan-card {
        min-height: 0;
    }

    .ajb-plan-card-top {
        min-height: 0;
        padding: 30px 25px 25px;
    }

    .ajb-plan-identity {
        min-height: 0;
    }

    .ajb-plan-identity h2 {
        font-size: 27px;
    }

    .ajb-plan-identity p {
        max-width: 330px;
        font-size: 12px;
    }

    .ajb-plan-price {
        min-height: 0;
        margin-top: 20px;
        padding: 15px 0 22px;
    }

    .ajb-plan-number strong {
        font-size: 37px;
    }

    .ajb-plan-card-content {
        padding: 26px 25px;
    }

    .ajb-plan-benefit {
        min-height: 0;
    }

    .ajb-plan-features {
        gap: 16px;
    }

    .ajb-plan-features li {
        font-size: 12px;
    }

    /* KARŞILAŞTIRMA */

    .ajb-plan-compare {
        margin-top: 65px;
    }

    .ajb-plan-compare-heading {
        margin-bottom: 28px;
    }

    .ajb-plan-compare-heading h2 {
        font-size: 27px;
    }

    .ajb-plan-compare-heading p {
        font-size: 12px;
    }

    .ajb-plan-compare-toolbar {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .ajb-plan-search {
        max-width: 100%;
    }

    .ajb-plan-search-note {
        font-size: 10px;
    }

    /* TABLO YATAY KAYDIRILABİLİR */

    .ajb-plan-table {
        min-width: 800px;
    }

    .ajb-plan-feature-row th,
    .ajb-plan-feature-row td {
        padding: 15px 12px;
    }

    /* ÖZELLİK ADLARI SOLDA SABİT */

    .ajb-plan-table thead th:first-child,
    .ajb-plan-feature-row th {
        position: sticky;
        left: 0;
        z-index: 2;
    }

    .ajb-plan-table thead th:first-child {
        z-index: 3;
        background: #f7f9fd;
    }

    .ajb-plan-feature-row th {
        background: #ffffff;
        box-shadow: 2px 0 8px rgba(20,40,80,.04);
    }

    .ajb-plan-feature-row:hover th {
        background: #f2f6ff;
    }

    .ajb-plan-category-row th {
        padding: 16px 15px;
    }

    /* ALT ALAN */

    .ajb-plans-help {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;

        margin-top: 50px;
        padding: 30px 27px;
    }

    .ajb-plans-help h2 {
        font-size: 24px;
    }

    .ajb-plans-help > a {
        width: 100%;
    }
}

/* =====================================================
   KÜÇÜK MOBİL 400PX
===================================================== */

@media (max-width: 400px) {

    .ajb-plans {
        padding-left: 11px;
        padding-right: 11px;
    }

    .ajb-plans-heading h1 {
        font-size: 26px;
    }

    .ajb-plan-card-top {
        padding: 27px 21px 23px;
    }

    .ajb-plan-card-content {
        padding: 24px 21px;
    }

    .ajb-plan-card-bottom {
        padding: 18px 21px;
    }

    .ajb-plan-number strong {
        font-size: 32px;
    }

    .ajb-plan-compare-heading h2 {
        font-size: 24px;
    }

    .ajb-plans-help {
        padding: 26px 21px;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-plan-card,
    .ajb-plan-cta,
    .ajb-plans-help > a {
        transition: none;
    }

    .ajb-plan-card:hover,
    .ajb-plans-help > a:hover {
        transform: none;
    }
}


















/* =====================================================
   AJANSBOX - ENTEGRASYONLAR SAYFASI
   1400PX / 6 KOLON / POPPINS
   MODERN - KURUMSAL - RESPONSIVE
===================================================== */

.ajb-int-section {
    --ajb-int-blue: #2454ff;
    --ajb-int-dark: #17233b;
    --ajb-int-gray: #73819a;
    --ajb-int-border: #e4eaf5;

    position: relative;
    width: 100%;

    padding: 75px 20px 90px;
    margin: 0;

    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.ajb-int-section *,
.ajb-int-section *::before,
.ajb-int-section *::after {
    box-sizing: border-box;
}

/* =====================================================
   CONTAINER
===================================================== */

.ajb-int-container {
    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 0;
}

/* =====================================================
   BAŞLIK
===================================================== */

.ajb-int-heading {
    width: 100%;
    max-width: 1040px;

    margin: 0 0 42px;
    padding: 0;

    text-align: left;
}

/* ÜST KÜÇÜK BAŞLIK */

.ajb-int-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 15px;

    color: var(--ajb-int-blue);

    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1px;
}

/* MAVİ NOKTA */

.ajb-int-dot {
    display: block;

    width: 7px;
    height: 7px;

    background: var(--ajb-int-blue);
    border-radius: 50%;
}

/* ANA BAŞLIK */

.ajb-int-heading h2 {
    margin: 0;
    padding: 0;

    color: var(--ajb-int-dark);

    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.7px;
}

.ajb-int-heading h2 strong {
    color: var(--ajb-int-dark);
    font-weight: 600;
}

/* AÇIKLAMA */

.ajb-int-heading p {
    max-width: 1000px;

    margin: 13px 0 0;
    padding: 0;

    color: var(--ajb-int-gray);

    font-family: 'Poppins', sans-serif;
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.95;
}

/* =====================================================
   ENTEGRASYON GRID
   MASAÜSTÜ 6 KOLON
===================================================== */

.ajb-int-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));

    gap: 25px 17px;

    width: 100%;
    margin: 0;
    padding: 0;
}

/* =====================================================
   ENTEGRASYON KARTI
===================================================== */

.ajb-int-item {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 0;
    margin: 0;
    padding: 0;

    text-align: center;
}

/* =====================================================
   LOGO KUTUSU
===================================================== */

.ajb-int-logo {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 125px;

    padding: 24px;

    background: #ffffff;

    border: 1px solid var(--ajb-int-border);
    border-radius: 17px;

    overflow: hidden;

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

/* ÜSTTE İNCE MAVİ DETAY */

.ajb-int-logo::before {
    content: "";

    position: absolute;
    top: 0;
    left: 50%;

    width: 0;
    height: 2px;

    background: var(--ajb-int-blue);
    border-radius: 0 0 3px 3px;

    transform: translateX(-50%);

    transition: width .3s ease;
}

/* HOVER */

.ajb-int-item:hover .ajb-int-logo {
    border-color: #b6c9ff;

    box-shadow:
        0 12px 28px rgba(32, 72, 170, .065);

    transform: translateY(-3px);
}

.ajb-int-item:hover .ajb-int-logo::before {
    width: 54%;
}

/* =====================================================
   LOGO GÖRSELİ
===================================================== */

.ajb-int-logo img {
    display: block;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 72px;

    object-fit: contain;
    object-position: center;

    transition: transform .3s ease;
}

.ajb-int-item:hover .ajb-int-logo img {
    transform: scale(1.045);
}

/* =====================================================
   FİRMA ADI
===================================================== */

.ajb-int-item figcaption {
    display: block;

    width: 100%;
    margin-top: 11px;

    color: #7483a0;

    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.6;

    text-align: center;

    transition: color .25s ease;
}

.ajb-int-item:hover figcaption {
    color: var(--ajb-int-blue);
}

/* =====================================================
   LAPTOP - 1200PX
   5 KOLON
===================================================== */

@media (max-width: 1200px) {

    .ajb-int-section {
        padding: 65px 25px 80px;
    }

    .ajb-int-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 22px 15px;
    }

    .ajb-int-logo {
        height: 115px;
        padding: 20px;
    }

    .ajb-int-heading h2 {
        font-size: 28px;
    }
}

/* =====================================================
   TABLET - 991PX
   4 KOLON
===================================================== */

@media (max-width: 991px) {

    .ajb-int-section {
        padding: 60px 22px 70px;
    }

    .ajb-int-heading {
        margin-bottom: 34px;
    }

    .ajb-int-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px 13px;
    }

    .ajb-int-logo {
        height: 110px;
        padding: 17px;
        border-radius: 14px;
    }

    .ajb-int-logo img {
        max-height: 65px;
    }
}

/* =====================================================
   KÜÇÜK TABLET - 767PX
   3 KOLON
===================================================== */

@media (max-width: 767px) {

    .ajb-int-section {
        padding: 52px 17px 65px;
    }

    .ajb-int-heading h2 {
        font-size: 25px;
    }

    .ajb-int-heading p {
        font-size: 12px;
        line-height: 1.8;
    }

    .ajb-int-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px 12px;
    }

    .ajb-int-logo {
        height: 105px;
        padding: 15px;
        border-radius: 13px;
    }

    .ajb-int-logo img {
        max-height: 60px;
    }

    .ajb-int-item figcaption {
        font-size: 10px;
        margin-top: 9px;
    }
}

/* =====================================================
   MOBİL - 520PX
   2 KOLON
===================================================== */

@media (max-width: 520px) {

    .ajb-int-section {
        padding: 48px 15px 60px;
    }

    .ajb-int-heading {
        margin-bottom: 30px;
    }

    .ajb-int-heading h2 {
        font-size: 23px;
    }

    .ajb-int-eyebrow {
        font-size: 9px;
    }

    .ajb-int-heading p {
        font-size: 11.5px;
    }

    .ajb-int-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 19px 12px;
    }

    .ajb-int-logo {
        height: 110px;
        padding: 17px;
    }

    .ajb-int-logo img {
        max-height: 65px;
    }

    .ajb-int-item figcaption {
        font-size: 10px;
    }
}

/* =====================================================
   KÜÇÜK MOBİL
===================================================== */

@media (max-width: 360px) {

    .ajb-int-section {
        padding-left: 11px;
        padding-right: 11px;
    }

    .ajb-int-grid {
        gap: 15px 9px;
    }

    .ajb-int-logo {
        height: 95px;
        padding: 13px;
    }

    .ajb-int-logo img {
        max-height: 55px;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-int-logo,
    .ajb-int-logo::before,
    .ajb-int-logo img,
    .ajb-int-item figcaption {
        transition: none;
    }

    .ajb-int-item:hover .ajb-int-logo,
    .ajb-int-item:hover .ajb-int-logo img {
        transform: none;
    }
}































/* =====================================================
   AJANSBOX MARKET
   ENTEGRASYON MAĞAZASI
   1400PX / POPPINS / RESPONSIVE
===================================================== */

.ajbm-market {
    --ajbm-blue: #2454ff;
    --ajbm-blue-dark: #193dd9;
    --ajbm-navy: #17233b;
    --ajbm-text: #586982;
    --ajbm-muted: #8090a8;
    --ajbm-border: #e2e9f5;

    position: relative;

    width: 100%;
    margin: 0;
    padding: 65px 20px 90px;

    background: #ffffff;

    color: var(--ajbm-navy);
    font-family: 'Poppins', sans-serif;
}

.ajbm-market *,
.ajbm-market *::before,
.ajbm-market *::after {
    box-sizing: border-box;
}

/* =====================================================
   CONTAINER
===================================================== */

.ajbm-container {
    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 0;
}

/* =====================================================
   SAYFA BAŞLIĞI
===================================================== */

.ajbm-heading {
    max-width: 750px;
    margin: 0 0 43px;
    text-align: left;
}

.ajbm-eyebrow {
    display: inline-block;
    margin-bottom: 13px;

    color: var(--ajbm-blue);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.4px;
}

.ajbm-heading h1 {
    margin: 0;

    color: var(--ajbm-navy);
    font-size: 35px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.8px;
}

.ajbm-heading h1 strong {
    font-weight: 600;
}

.ajbm-heading p {
    max-width: 650px;
    margin: 13px 0 0;

    color: var(--ajbm-text);
    font-size: 12.5px;
    line-height: 1.9;
}

/* =====================================================
   ARAÇ ÇUBUĞU
===================================================== */

.ajbm-toolbar {
    display: grid;
    grid-template-columns: 1fr 1.25fr 1fr;
    align-items: center;
    gap: 20px;

    margin-bottom: 28px;
}

/* KATEGORİ / SIRALAMA */

.ajbm-filter,
.ajbm-sort {
    position: relative;
}

.ajbm-sort {
    justify-self: end;
    width: 100%;
    max-width: 260px;
}

.ajbm-filter {
    width: 100%;
    max-width: 260px;
}

.ajbm-filter select,
.ajbm-sort select {
    display: block;

    width: 100%;
    height: 48px;

    padding: 0 41px 0 16px;

    appearance: none;
    -webkit-appearance: none;

    border: 1px solid #dce5f4;
    border-radius: 11px;

    background-color: #ffffff;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23647796' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 17px;

    color: #455778;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;

    box-shadow: 0 4px 10px rgba(24,54,110,.035);
    cursor: pointer;
    outline: none;
}

/* ARAMA */

.ajbm-search {
    position: relative;

    width: 100%;
    max-width: 415px;
    justify-self: center;
}

.ajbm-search svg {
    position: absolute;
    top: 50%;
    left: 17px;

    width: 18px;
    height: 18px;

    transform: translateY(-50%);
    color: #7283a0;
    pointer-events: none;
}

.ajbm-search input {
    width: 100%;
    height: 48px;

    padding: 0 17px 0 46px;

    border: 1px solid #dce5f4;
    border-radius: 11px;

    background: #ffffff;
    color: var(--ajbm-navy);

    font-family: 'Poppins', sans-serif;
    font-size: 12px;

    outline: none;
    box-shadow: 0 4px 10px rgba(24,54,110,.035);
}

.ajbm-search input::placeholder {
    color: #9aa6b6;
}

.ajbm-search input:focus,
.ajbm-filter select:focus,
.ajbm-sort select:focus {
    border-color: var(--ajbm-blue);
    box-shadow: 0 0 0 3px rgba(36,84,255,.07);
}

/* =====================================================
   ERİŞİLEBİLİRLİK
===================================================== */

.ajbm-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* =====================================================
   SONUÇ ÇUBUĞU
===================================================== */

.ajbm-results-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 0 0 17px;
    margin: 0 0 18px;

    border-bottom: 1px solid #eef1f6;
}

.ajbm-results-bar span:first-child {
    color: #263a56;
    font-size: 14px;
    font-weight: 600;
}

.ajbm-results-bar span:last-child {
    color: #8a97aa;
    font-size: 11px;
    font-weight: 400;
}

/* =====================================================
   GRID
===================================================== */

.ajbm-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    align-items: stretch;
    gap: 20px;

    width: 100%;
}

/* =====================================================
   ÜRÜN KARTI
===================================================== */

.ajbm-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 360px;
    padding: 19px;

    background: #ffffff;
    border: 1px solid var(--ajbm-border);
    border-radius: 16px;

    text-decoration: none !important;

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.ajbm-card:hover {
    transform: translateY(-4px);
    border-color: #bfd0ff;

    box-shadow: 0 13px 32px rgba(25, 53, 114, .065);
}

/* =====================================================
   LOGO KUTUSU
===================================================== */

.ajbm-card-logo {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 105px;
    padding: 17px 22px;

    background: #ffffff;
    border: 1px solid #edf0f5;
    border-radius: 12px;

    overflow: hidden;
}

.ajbm-card-logo img {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto;
    max-height: 69px;

    object-fit: contain;
    object-position: center;

    transition: transform .25s ease;
}

.ajbm-card:hover .ajbm-card-logo img {
    transform: scale(1.06);
}

/* =====================================================
   İÇERİK
===================================================== */

.ajbm-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;

    min-width: 0;
    padding: 18px 2px 0;
}

/* KATEGORİ */

.ajbm-card-category {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 9px;
    padding: 4px 8px;
    color: #fff;
    background: #173ded;
    border-radius: 13px;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.5;
}

/* ENTEGRASYON ADI */

.ajbm-card-content h2 {
    margin: 0 0 10px;

    color: #173858;

    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: -.25px;

    transition: color .25s ease;
}

.ajbm-card:hover .ajbm-card-content h2 {
    color: var(--ajbm-blue);
}

/* AÇIKLAMA */

.ajbm-card-content > p {
    margin: 0 0 23px;

    color: #8491a8;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.75;
}

/* =====================================================
   KART ALT ALANI
===================================================== */

.ajbm-card-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 17px;

    margin-top: auto;
}

/* FİYAT */

.ajbm-card-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ajbm-card-price span {
    color: #7987a0;
    font-size: 10px;
    font-weight: 400;
}

.ajbm-card-price strong {
    color: #17233b;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
}

/* DETAY BUTONU */

.ajbm-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;

    min-width: 158px;
    min-height: 41px;

    padding: 0 15px;

    background: #ffffff;
    border: 1px solid #dce6ff;
    border-radius: 9px;

    color: #365891;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}

.ajbm-card-button > span {
    font-size: 16px;
}

.ajbm-card:hover .ajbm-card-button {
    color: #ffffff;
    background: var(--ajbm-blue);
    border-color: var(--ajbm-blue);
}

/* =====================================================
   GİZLİ KARTLAR
===================================================== */

.ajbm-card[hidden],
.ajbm-empty[hidden] {
    display: none !important;
}

/* =====================================================
   BOŞ SONUÇ
===================================================== */

.ajbm-empty {
    padding: 55px 20px;
    margin-top: 20px;

    border: 1px dashed #dce5f3;
    border-radius: 14px;

    text-align: center;
}

.ajbm-empty h3 {
    margin: 0 0 8px;

    color: #23364e;
    font-size: 17px;
    font-weight: 600;
}

.ajbm-empty p {
    margin: 0;

    color: #8290a5;
    font-size: 12px;
}

/* =====================================================
   FOCUS
===================================================== */

.ajbm-card:focus-visible {
    outline: 2px solid var(--ajbm-blue);
    outline-offset: 3px;
}

/* =====================================================
   LAPTOP - 1200PX
===================================================== */

@media (max-width: 1200px) {

    .ajbm-market {
        padding: 60px 25px 80px;
    }

    .ajbm-grid {
        gap: 15px;
    }

    .ajbm-card {
        padding: 15px;
    }

    .ajbm-card-logo {
        height: 96px;
    }

    .ajbm-card-content h2 {
        font-size: 14px;
    }
}

/* =====================================================
   TABLET - 991PX
===================================================== */

@media (max-width: 991px) {

    .ajbm-market {
        padding: 55px 22px 70px;
    }

    .ajbm-heading h1 {
        font-size: 31px;
    }

    .ajbm-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
    }

    .ajbm-card {
        min-height: 345px;
        padding: 18px;
    }

    .ajbm-card-logo {
        height: 105px;
    }
}

/* =====================================================
   MOBİL - 600PX
===================================================== */

@media (max-width: 600px) {

    .ajbm-market {
        padding: 47px 15px 60px;
    }

    .ajbm-heading {
        margin-bottom: 30px;
    }

    .ajbm-heading h1 {
        font-size: 27px;
    }

    .ajbm-heading p {
        font-size: 12px;
    }

    /* FİLTRELER */

    .ajbm-toolbar {
        grid-template-columns: 1fr 1fr;
        gap: 11px;
        margin-bottom: 25px;
    }

    .ajbm-search {
        grid-column: 1 / -1;
        grid-row: 1;

        max-width: 100%;
    }

    .ajbm-filter,
    .ajbm-sort {
        width: 100%;
        max-width: none;
    }

    .ajbm-filter select,
    .ajbm-sort select,
    .ajbm-search input {
        height: 46px;
        font-size: 11px;
    }

    /* KARTLAR TEK KOLON */

    .ajbm-grid {
        grid-template-columns: 1fr;
        max-width: 440px;
        gap: 15px;

        margin: 0 auto;
    }

    .ajbm-card {
        min-height: 0;
        padding: 17px;
    }

    .ajbm-card-logo {
        height: 112px;
    }

    .ajbm-card-content h2 {
        font-size: 15px;
    }

    .ajbm-card-content > p {
        margin-bottom: 19px;
    }

    .ajbm-card-bottom {
        gap: 14px;
    }

    .ajbm-card-price strong {
        font-size: 18px;
    }

    .ajbm-card-button {
        min-height: 42px;
    }

    .ajbm-results-bar span:first-child {
        font-size: 12px;
    }

    .ajbm-results-bar span:last-child {
        font-size: 10px;
    }
}

/* =====================================================
   KÜÇÜK MOBİL
===================================================== */

@media (max-width: 380px) {

    .ajbm-market {
        padding-left: 11px;
        padding-right: 11px;
    }

    .ajbm-heading h1 {
        font-size: 24px;
    }

    .ajbm-filter select,
    .ajbm-sort select {
        padding-left: 10px;
        font-size: 10px;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajbm-card,
    .ajbm-card-logo img,
    .ajbm-card-button {
        transition: none;
    }

    .ajbm-card:hover,
    .ajbm-card:hover .ajbm-card-logo img {
        transform: none;
    }
}





























/* =====================================================
   AJANSBOX MARKET - ÜRÜN DETAY
   1400PX / POPPINS / RESPONSIVE
===================================================== */

.ajb-md-page {
    --md-blue: #2454ff;
    --md-blue-dark: #173cda;
    --md-navy: #17233b;
    --md-text: #596a85;
    --md-muted: #8593a8;
    --md-line: #e5ebf5;

    width: 100%;
    margin: 0;
    padding: 0;

    font-family: 'Poppins', sans-serif;
    color: var(--md-navy);
    background: #ffffff;
}

.ajb-md-page *,
.ajb-md-page *::before,
.ajb-md-page *::after {
    box-sizing: border-box;
}

.ajb-md-container {
    width: calc(100% - 40px);
    max-width: 1400px;
    margin: 0 auto;
}

/* =====================================================
   ÜST ÜRÜN DETAY ALANI
===================================================== */

.ajb-md-product-section {
    padding: 35px 0 78px;
    background: #f7f9fd;
}

/* BREADCRUMB */

.ajb-md-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

    margin-bottom: 45px;

    font-size: 11px;
    line-height: 1.6;
}

.ajb-md-breadcrumb a {
    color: #7888a2;
    text-decoration: none;
}

.ajb-md-breadcrumb a:hover {
    color: var(--md-blue);
}

.ajb-md-breadcrumb > span {
    color: #a4afc0;
}

.ajb-md-breadcrumb > span:last-child {
    color: #354766;
    font-weight: 500;
}

/* =====================================================
   DETAY YERLEŞİMİ
===================================================== */

.ajb-md-product-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    align-items: start;
    gap: 55px;

    max-width: 1220px;
    margin: 0 auto;
}

/* =====================================================
   SOL LOGO
===================================================== */

.ajb-md-visual {
    width: 100%;
}

.ajb-md-logo-box {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 275px;
    padding: 34px;

    background: #ffffff;
    border: 1px solid #edf0f6;
    border-radius: 17px;

    box-shadow: 0 9px 26px rgba(31, 51, 96, .045);
}

.ajb-md-logo-box img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 160px;
    object-fit: contain;
}

.ajb-md-visual-caption {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    margin-top: 17px;

    color: #8090a7;
    font-size: 11px;
}

.ajb-md-visual-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    background: #e8f0ff;
    border-radius: 50%;

    color: var(--md-blue);
    font-size: 12px;
    font-weight: 700;
}

/* =====================================================
   SAĞ İÇERİK
===================================================== */

.ajb-md-product-content {
    min-width: 0;
    max-width: 900px;
}

.ajb-md-category-line {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;

    margin-bottom: 16px;
}

.ajb-md-category-badge {
    display: inline-flex;
    align-items: center;

    min-height: 27px;
    padding: 0 11px;

    background: #eaf0ff;
    border-radius: 6px;

    color: var(--md-blue);
    font-size: 10px;
    font-weight: 600;
}

.ajb-md-product-code {
    color: #95a2b4;
    font-size: 10px;
}

.ajb-md-product-content h1 {
    margin: 0;

    color: var(--md-navy);
    font-size: 35px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -1px;
}

.ajb-md-product-description {
    max-width: 850px;
    margin: 15px 0 0;

    color: var(--md-text);
    font-size: 12.5px;
    line-height: 1.95;
}

/* =====================================================
   KISA ÖZELLİKLER
===================================================== */

.ajb-md-quick-features {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 23px;

    margin-top: 23px;
}

.ajb-md-quick-features > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #526686;
    font-size: 11px;
    font-weight: 500;
}

.ajb-md-quick-features svg {
    width: 17px;
    height: 17px;
    color: var(--md-blue);
}

/* =====================================================
   SİPARİŞ FORMU
===================================================== */

.ajb-md-order-form {
    max-width: 500px;
    margin-top: 32px;
}

.ajb-md-option-area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ajb-md-option-area > label {
    margin-bottom: 9px;

    color: #304360;
    font-size: 11px;
    font-weight: 500;
}

.ajb-md-select-wrap {
    position: relative;
    width: 100%;
    max-width: 320px;
}

.ajb-md-select-wrap::after {
    content: "";

    position: absolute;
    top: 50%;
    right: 18px;

    width: 8px;
    height: 8px;

    border-right: 1.5px solid #596c8a;
    border-bottom: 1.5px solid #596c8a;

    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
}

.ajb-md-select-wrap select {
    display: block;

    width: 100%;
    height: 49px;

    padding: 0 43px 0 16px;

    appearance: none;
    -webkit-appearance: none;

    background: #ffffff;
    border: 1px solid #dce5f2;
    border-radius: 9px;

    box-shadow: 0 3px 9px rgba(25,45,90,.035);

    color: #344d75;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;

    cursor: pointer;
    outline: none;
}

.ajb-md-select-wrap select:focus {
    border-color: var(--md-blue);
    box-shadow: 0 0 0 3px rgba(36,84,255,.08);
}

.ajb-md-option-hint {
    display: block;
    margin-top: 9px;

    color: #91a0b2;
    font-size: 10px;
    line-height: 1.7;
}

/* =====================================================
   FİYAT
===================================================== */

.ajb-md-price-area {
    margin-top: 27px;
}

.ajb-md-price-heading {
    display: flex;
    align-items: center;
    gap: 11px;

    margin-bottom: 7px;
}

.ajb-md-price-heading > span:first-child {
    color: #5c6c84;
    font-size: 11px;
    font-weight: 500;
}

.ajb-md-period-badge {
    padding: 3px 8px;

    background: #eaf0ff;
    border-radius: 5px;

    color: var(--md-blue);
    font-size: 10px;
    font-weight: 500;
}

.ajb-md-price-row {
    display: flex;
    align-items: baseline;
    gap: 5px;

    color: var(--md-navy);
}

.ajb-md-price-row strong {
    font-size: 37px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -1.2px;
}

.ajb-md-price-row > span {
    font-size: 20px;
    font-weight: 500;
}

.ajb-md-price-description {
    margin: 7px 0 0;

    color: #91a0b2;
    font-size: 10px;
    line-height: 1.75;
}

/* =====================================================
   BUTONLAR
===================================================== */

.ajb-md-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 25px;
}

.ajb-md-cart-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-width: 222px;
    height: 50px;
    padding: 0 24px;

    background: var(--md-blue);
    border: 1px solid var(--md-blue);
    border-radius: 9px;

    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background .25s ease,
        transform .25s ease;
}

.ajb-md-cart-button svg {
    width: 18px;
    height: 18px;
}

.ajb-md-cart-button:hover {
    background: var(--md-blue-dark);
    transform: translateY(-2px);
}

.ajb-md-contact-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 50px;
    padding: 0 23px;

    background: #ffffff;
    border: 1px solid #dce5f2;
    border-radius: 9px;

    color: #38517c;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;

    transition: border-color .25s ease;
}

.ajb-md-contact-button:hover {
    border-color: var(--md-blue);
    color: var(--md-blue);
}

.ajb-md-contact-button span {
    font-size: 16px;
}

.ajb-md-order-info {
    margin: 16px 0 0;

    color: #9aa6b7;
    font-size: 10px;
    line-height: 1.75;
}

/* =====================================================
   ALT ALAN
===================================================== */

.ajb-md-details-section {
    padding: 42px 0 90px;
    background: #ffffff;
}

/* =====================================================
   UYARI KUTUSU
===================================================== */

.ajb-md-notice {
    display: flex;
    align-items: center;
    gap: 13px;

    width: 100%;
    padding: 17px 21px;

    background: #fff9e8;
    border: 1px solid #ffedb9;
    border-radius: 10px;
}

.ajb-md-notice-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;
    flex: 0 0 22px;

    border: 1.5px solid #e8a900;
    border-radius: 50%;

    color: #d49a00;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.ajb-md-notice p {
    margin: 0;

    color: #786537;
    font-size: 11px;
    line-height: 1.8;
}

.ajb-md-notice strong {
    font-weight: 600;
}

/* =====================================================
   DETAY BAŞLIK
===================================================== */

.ajb-md-details-heading {
    margin: 73px 0 30px;
}

.ajb-md-details-heading > span {
    display: block;
    margin-bottom: 11px;

    color: var(--md-blue);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.1px;
}

.ajb-md-details-heading h2 {
    margin: 0;

    color: var(--md-navy);
    font-size: 29px;
    font-weight: 400;
    letter-spacing: -.7px;
    line-height: 1.4;
}

.ajb-md-details-heading h2 strong {
    font-weight: 600;
}

.ajb-md-details-heading p {
    max-width: 670px;
    margin: 11px 0 0;

    color: #738199;
    font-size: 12px;
    line-height: 1.85;
}

/* =====================================================
   DETAY KARTLARI
===================================================== */

.ajb-md-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
}

.ajb-md-detail-card {
    min-width: 0;
    min-height: 218px;
    padding: 26px;

    background: #ffffff;
    border: 1px solid var(--md-line);
    border-radius: 13px;

    transition: border-color .25s ease;
}

.ajb-md-detail-card:hover {
    border-color: #bacaff;
}

.ajb-md-detail-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 49px;
    height: 49px;
    margin-bottom: 18px;

    background: #edf3ff;
    border-radius: 12px;

    color: var(--md-blue);
}

.ajb-md-detail-icon svg {
    width: 24px;
    height: 24px;
}

.ajb-md-detail-card h3 {
    margin: 0 0 10px;

    color: #243750;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
}

.ajb-md-detail-card p {
    margin: 0;

    color: #75849a;
    font-size: 11.5px;
    line-height: 1.85;
}

/* =====================================================
   ENTEGRASYON BİLGİLERİ
===================================================== */

.ajb-md-specs {
    margin-top: 70px;
}

.ajb-md-specs-title {
    margin-bottom: 25px;
}

.ajb-md-specs-title h2 {
    margin: 0;

    color: var(--md-navy);
    font-size: 24px;
    font-weight: 600;
}

.ajb-md-specs-title p {
    margin: 8px 0 0;

    color: #8290a5;
    font-size: 12px;
}

.ajb-md-specs-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    border: 1px solid var(--md-line);
    border-radius: 13px;

    overflow: hidden;
}

.ajb-md-spec {
    display: flex;
    flex-direction: column;
    gap: 9px;

    min-width: 0;
    padding: 26px 21px;

    background: #fafcff;
    border-right: 1px solid var(--md-line);
}

.ajb-md-spec:last-child {
    border-right: 0;
}

.ajb-md-spec span {
    color: #8b98aa;
    font-size: 11px;
}

.ajb-md-spec strong {
    color: #263b58;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}

/* =====================================================
   YORUMLAR / SORU CEVAP
===================================================== */

.ajb-md-feedback {
    margin-top: 75px;
    padding-top: 48px;

    border-top: 1px solid #edf0f5;
}

.ajb-md-feedback > h2 {
    margin: 0 0 24px;

    color: var(--md-navy);
    font-size: 25px;
    font-weight: 600;
}

/* RADİO GİZLE */

.ajb-md-tab-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

/* SEKME MENÜLERİ */

.ajb-md-tabs {
    display: flex;
    align-items: center;
    gap: 11px;

    margin-bottom: 29px;
}

.ajb-md-tabs label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 38px;
    padding: 0 19px;

    background: #ffffff;
    border: 1px solid #e0e7f3;
    border-radius: 30px;

    color: #6d7c98;
    font-size: 11px;
    font-weight: 500;

    cursor: pointer;
    transition: all .2s ease;
}

#ajb-md-tab-reviews:checked ~ .ajb-md-tabs
label[for="ajb-md-tab-reviews"],

#ajb-md-tab-questions:checked ~ .ajb-md-tabs
label[for="ajb-md-tab-questions"] {
    color: var(--md-blue);
    background: #edf2ff;
    border-color: #edf2ff;
}

.ajb-md-tab-radio:focus-visible + .ajb-md-tab-radio {
    outline: none;
}

.ajb-md-tab-radio:focus-visible ~ .ajb-md-tabs {
    outline: 2px solid var(--md-blue);
    outline-offset: 3px;
    border-radius: 9px;
}

/* PANEL */

.ajb-md-panel {
    display: none;
}

#ajb-md-tab-reviews:checked ~ .ajb-md-tab-panels
.ajb-md-panel-reviews {
    display: block;
}

#ajb-md-tab-questions:checked ~ .ajb-md-tab-panels
.ajb-md-panel-questions {
    display: block;
}

/* =====================================================
   BOŞ YORUM ALANI
===================================================== */

.ajb-md-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 44px 20px;

    border: 1px solid var(--md-line);
    border-radius: 13px;

    background: #ffffff;
    text-align: center;
}

.ajb-md-empty-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 57px;
    height: 57px;
    margin-bottom: 16px;

    background: #f0f4ff;
    border-radius: 50%;

    color: var(--md-blue);
}

.ajb-md-empty-icon svg {
    width: 26px;
    height: 26px;
}

.ajb-md-empty-state h3 {
    margin: 0 0 9px;

    color: #293b56;
    font-size: 16px;
    font-weight: 600;
}

.ajb-md-empty-state p {
    max-width: 440px;
    margin: 0 0 20px;

    color: #7e8ba2;
    font-size: 12px;
    line-height: 1.8;
}

.ajb-md-empty-state a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;
    padding: 0 20px;

    background: #ffffff;
    border: 1px solid #cfdcff;
    border-radius: 8px;

    color: var(--md-blue);
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.ajb-md-empty-state a:hover {
    background: #edf3ff;
}

/* =====================================================
   SORU CEVAP ACCORDION
===================================================== */

.ajb-md-faq-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ajb-md-faq-item {
    border: 1px solid var(--md-line);
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.ajb-md-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    padding: 18px 20px;

    color: #293b55;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;

    cursor: pointer;
    list-style: none;
}

.ajb-md-faq-item summary::-webkit-details-marker {
    display: none;
}

.ajb-md-faq-item summary span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;
    flex: 0 0 25px;

    background: #f1f5ff;
    border-radius: 50%;

    color: var(--md-blue);
    font-size: 19px;
    font-weight: 400;
}

.ajb-md-faq-item[open] summary span {
    transform: rotate(45deg);
}

.ajb-md-faq-item[open] {
    border-color: #cddaff;
}

.ajb-md-faq-item > p {
    margin: 0;
    padding: 0 20px 20px;

    color: #77869b;
    font-size: 11.5px;
    line-height: 1.9;
}

/* SORU SORUN */

.ajb-md-ask-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin-top: 20px;
    padding: 24px;

    background: #f5f8ff;
    border-radius: 11px;
}

.ajb-md-ask-question strong {
    color: #263952;
    font-size: 13px;
    font-weight: 600;
}

.ajb-md-ask-question p {
    margin: 7px 0 0;
    color: #8290a4;
    font-size: 11px;
}

.ajb-md-ask-question a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 41px;
    padding: 0 18px;

    background: var(--md-blue);
    border-radius: 8px;

    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.ajb-md-ask-question a:hover {
    background: var(--md-blue-dark);
}

/* =====================================================
   ALT CTA
===================================================== */

.ajb-md-bottom-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    margin-top: 75px;
    padding: 37px 42px;

    background: #f3f7ff;
    border: 1px solid #e4ebff;
    border-radius: 15px;
}

.ajb-md-bottom-cta > div > span {
    display: block;
    margin-bottom: 11px;

    color: var(--md-blue);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
}

.ajb-md-bottom-cta h2 {
    margin: 0 0 9px;

    color: var(--md-navy);
    font-size: 23px;
    font-weight: 600;
    line-height: 1.4;
}

.ajb-md-bottom-cta p {
    margin: 0;

    color: #78879e;
    font-size: 12px;
    line-height: 1.8;
}

.ajb-md-bottom-cta > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    flex: 0 0 auto;
    min-height: 47px;
    padding: 0 22px;

    background: var(--md-blue);
    border-radius: 8px;

    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
}

.ajb-md-bottom-cta > a:hover {
    background: var(--md-blue-dark);
}

.ajb-md-bottom-cta > a span {
    font-size: 18px;
}

/* =====================================================
   1200PX
===================================================== */

@media (max-width: 1200px) {

    .ajb-md-product-layout {
        grid-template-columns: 245px minmax(0, 1fr);
        gap: 36px;
    }

    .ajb-md-logo-box {
        height: 245px;
    }

    .ajb-md-product-content h1 {
        font-size: 31px;
    }
}

/* =====================================================
   991PX
===================================================== */

@media (max-width: 991px) {

    .ajb-md-product-section {
        padding-bottom: 60px;
    }

    .ajb-md-product-layout {
        grid-template-columns: 210px minmax(0, 1fr);
        gap: 25px;
    }

    .ajb-md-logo-box {
        height: 215px;
    }

    .ajb-md-product-content h1 {
        font-size: 28px;
    }

    .ajb-md-detail-grid {
        gap: 13px;
    }

    .ajb-md-detail-card {
        padding: 21px;
    }

    .ajb-md-spec {
        padding: 23px 15px;
    }
}

/* =====================================================
   767PX
===================================================== */

@media (max-width: 767px) {

    .ajb-md-container {
        width: calc(100% - 30px);
    }

    .ajb-md-product-section {
        padding: 22px 0 50px;
    }

    .ajb-md-breadcrumb {
        margin-bottom: 25px;
    }

    .ajb-md-product-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .ajb-md-visual {
        max-width: 230px;
    }

    .ajb-md-logo-box {
        height: 210px;
    }

    .ajb-md-visual-caption {
        font-size: 10px;
    }

    .ajb-md-product-content h1 {
        font-size: 27px;
    }

    .ajb-md-product-description {
        font-size: 12px;
    }

    .ajb-md-order-form {
        max-width: 100%;
    }

    .ajb-md-price-row strong {
        font-size: 34px;
    }

    .ajb-md-details-section {
        padding: 35px 0 60px;
    }

    .ajb-md-details-heading {
        margin: 55px 0 25px;
    }

    .ajb-md-details-heading h2 {
        font-size: 25px;
    }

    .ajb-md-detail-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ajb-md-detail-card {
        min-height: 0;
        padding: 24px;
    }

    .ajb-md-specs {
        margin-top: 55px;
    }

    .ajb-md-specs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ajb-md-spec {
        border-bottom: 1px solid var(--md-line);
    }

    .ajb-md-spec:nth-child(2) {
        border-right: 0;
    }

    .ajb-md-spec:nth-child(n+3) {
        border-bottom: 0;
    }

    .ajb-md-feedback {
        margin-top: 55px;
        padding-top: 35px;
    }

    .ajb-md-feedback > h2 {
        font-size: 22px;
    }

    .ajb-md-bottom-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;

        margin-top: 55px;
        padding: 29px 25px;
    }

    .ajb-md-bottom-cta h2 {
        font-size: 21px;
    }

    .ajb-md-bottom-cta > a {
        width: 100%;
    }
}

/* =====================================================
   480PX
===================================================== */

@media (max-width: 480px) {

    .ajb-md-product-content h1 {
        font-size: 25px;
    }

    .ajb-md-quick-features {
        gap: 12px;
    }

    .ajb-md-quick-features > span {
        font-size: 10px;
    }

    .ajb-md-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ajb-md-cart-button,
    .ajb-md-contact-button {
        width: 100%;
    }

    .ajb-md-ask-question {
        flex-direction: column;
        align-items: flex-start;
    }

    .ajb-md-ask-question a {
        width: 100%;
    }

    .ajb-md-spec {
        padding: 18px 13px;
    }

    .ajb-md-spec strong {
        font-size: 11px;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-md-cart-button,
    .ajb-md-contact-button,
    .ajb-md-detail-card {
        transition: none;
    }

    .ajb-md-cart-button:hover {
        transform: none;
    }
}









/* =====================================================
   AJANSBOX - E-TİCARET TEMALARI
   BASIC / PRO TEMALAR

   CONTAINER: 1400PX
   FONT: POPPINS
   4 MASAÜSTÜ / 2 TABLET / 1 MOBİL
===================================================== */

.ajbt-section {
    --ajbt-blue: #2454ff;
    --ajbt-blue-dark: #173de0;
    --ajbt-navy: #17233b;
    --ajbt-gray: #728097;
    --ajbt-border: #e3e9f4;

    position: relative;
    width: 100%;
    margin: 0;
    padding: 75px 20px 95px;

    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.ajbt-section *,
.ajbt-section *::before,
.ajbt-section *::after {
    box-sizing: border-box;
}

/* =====================================================
   CONTAINER
===================================================== */

.ajbt-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
}

/* =====================================================
   BAŞLIK
===================================================== */

.ajbt-heading {
    max-width: 760px;
    margin: 0 auto 47px;
    text-align: center;
}

.ajbt-eyebrow {
    display: inline-block;
    margin-bottom: 14px;

    color: var(--ajbt-blue);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.ajbt-heading h1 {
    margin: 0;
    padding: 0;

    color: var(--ajbt-navy);
    font-family: 'Poppins', sans-serif;
    font-size: 37px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -1px;
}

.ajbt-heading h1 strong {
    color: var(--ajbt-blue);
    font-weight: 600;
}

.ajbt-heading p {
    max-width: 610px;
    margin: 15px auto 0;

    color: var(--ajbt-gray);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.95;
}

/* =====================================================
   İÇERİK
===================================================== */

.ajbt-content {
    position: relative;
    width: 100%;
}

/* =====================================================
   RADIO INPUTLAR
   SEKMELERİ CSS İLE ÇALIŞTIRIR
===================================================== */

.ajbt-filter-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;

    opacity: 0;
    overflow: hidden;
}

/* =====================================================
   ÜST FİLTRE ALANI
===================================================== */

.ajbt-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;

    width: 100%;

    margin-bottom: 30px;
    padding-bottom: 20px;

    border-bottom: 1px solid #edf0f6;
}

/* =====================================================
   BASIC / PRO SEKMELERİ
===================================================== */

.ajbt-filter-tabs {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    padding: 5px;

    background: #f4f6fb;
    border: 1px solid #edf0f6;
    border-radius: 10px;
}

.ajbt-filter-tabs label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 39px;
    padding: 0 20px;

    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;

    color: #758299;
    font-family: 'Poppins', sans-serif;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.5;

    cursor: pointer;
    white-space: nowrap;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.ajbt-filter-tabs label:hover {
    color: var(--ajbt-blue);
}

/* AKTİF SEKME */

#ajbt-all:checked ~ .ajbt-toolbar
.ajbt-filter-tabs label[for="ajbt-all"],

#ajbt-basic:checked ~ .ajbt-toolbar
.ajbt-filter-tabs label[for="ajbt-basic"],

#ajbt-pro:checked ~ .ajbt-toolbar
.ajbt-filter-tabs label[for="ajbt-pro"] {
    background: var(--ajbt-blue);
    border-color: var(--ajbt-blue);
    color: #ffffff;

    box-shadow: 0 4px 9px rgba(36,84,255,.10);
}

/* KLAVYE ODAĞI */

.ajbt-filter-input:focus-visible ~ .ajbt-toolbar
.ajbt-filter-tabs {
    outline: 2px solid var(--ajbt-blue);
    outline-offset: 3px;
}

/* =====================================================
   SAĞ KÜÇÜK BİLGİ
===================================================== */

.ajbt-toolbar-info {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #8b97aa;
    font-size: 11px;
    font-weight: 400;
}

.ajbt-info-dot {
    display: inline-block;
    width: 7px;
    height: 7px;

    background: #49b995;
    border-radius: 50%;
}

/* =====================================================
   GRID - MASAÜSTÜ 4 KOLON
===================================================== */

.ajbt-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 26px 19px;

    width: 100%;
    margin: 0;
    padding: 0;
}

/* =====================================================
   CSS-ONLY FİLTRELEME
===================================================== */

/* BASIC SEÇİLİNCE PRO GİZLENİR */

#ajbt-basic:checked ~ .ajbt-grid
.ajbt-card:not([data-type="basic"]) {
    display: none;
}

/* PRO SEÇİLİNCE BASIC GİZLENİR */

#ajbt-pro:checked ~ .ajbt-grid
.ajbt-card:not([data-type="pro"]) {
    display: none;
}

/* =====================================================
   TEMA KARTI
===================================================== */

.ajbt-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    width: 100%;

    margin: 0;
    padding: 0;

    background: #ffffff;
    border: 1px solid var(--ajbt-border);
    border-radius: 14px;

    overflow: hidden;

    transition:
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.ajbt-card:hover {
    border-color: #bdccff;
    box-shadow: 0 14px 32px rgba(27,59,129,.07);
    transform: translateY(-4px);
}

/* =====================================================
   GÖRSEL ÖNİZLEME ALANI
===================================================== */

.ajbt-preview {
    --ajbt-shot-height: 340px;

    position: relative;
    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    background: #f4f6fb;
    color: inherit;
    text-decoration: none;

    overflow: hidden;
}

/* =====================================================
   TARAYICI ÜST ÇUBUĞU
===================================================== */

.ajbt-browser {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    width: 100%;
    height: 39px;

    padding: 0 14px;

    background: #ffffff;
    border-bottom: 1px solid #ecf0f6;
}

.ajbt-browser-dots {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ajbt-browser-dots i {
    display: block;

    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: #dce3ed;
}

.ajbt-browser-dots i:first-child {
    background: #ffb4a8;
}

.ajbt-browser-dots i:nth-child(2) {
    background: #ffd77a;
}

.ajbt-browser-dots i:nth-child(3) {
    background: #9edab0;
}

.ajbt-browser > span {
    color: #8895a9;
    font-size: 9px;
    font-weight: 500;
}

.ajbt-browser-open {
    color: #8190a5;
    font-family: Arial, sans-serif;
    font-size: 15px;
}

/* =====================================================
   TEMA EKRAN GÖRÜNTÜSÜ
===================================================== */

.ajbt-screenshot {
    position: relative;

    width: 100%;
    height: var(--ajbt-shot-height);

    margin: 0;
    padding: 0;

    background: #f1f4fa;
    overflow: hidden;
}

.ajbt-screenshot img {
    display: block;

    width: 100%;
    height: auto;
    min-height: var(--ajbt-shot-height);

    margin: 0;
    padding: 0;

    object-fit: cover;
    object-position: top center;

    transform: translateY(0);
    transition: transform 4.5s linear;
}

/* =====================================================
   HOVER'DA TEMA EKRANI AŞAĞIYA KAYSIN
===================================================== */

@media (hover: hover) {

    .ajbt-preview:hover .ajbt-screenshot img {
        transform: translateY(
            calc(-100% + var(--ajbt-shot-height))
        );
    }

}

/* =====================================================
   GÖRSELİN ÜZERİNDE CANLI ÖNİZLEME
===================================================== */

.ajbt-preview-overlay {
    position: absolute;
    z-index: 3;

    top: 39px;
    right: 0;
    bottom: 0;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;

    background: rgba(13, 30, 74, .18);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.ajbt-preview-overlay > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    min-height: 44px;
    padding: 0 21px;

    background: #ffffff;
    border-radius: 8px;

    color: var(--ajbt-blue);
    font-size: 11.5px;
    font-weight: 600;

    box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

.ajbt-preview-overlay b {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.ajbt-preview:hover .ajbt-preview-overlay,
.ajbt-preview:focus-visible .ajbt-preview-overlay {
    opacity: 1;
    visibility: visible;
}

/* =====================================================
   KART ALT BİLGİ
===================================================== */

.ajbt-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;

    width: 100%;
    padding: 20px 19px 18px;
}

.ajbt-card-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;

    width: 100%;
}

.ajbt-card-title-row > div {
    min-width: 0;
}

.ajbt-card-title-row h2 {
    margin: 0 0 7px;
    padding: 0;

    color: var(--ajbt-navy);
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
}

.ajbt-card-title-row p {
    margin: 0;

    color: #8a96aa;
    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.7;
}

/* =====================================================
   BASIC / PRO ETİKETLERİ
===================================================== */

.ajbt-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;
    min-height: 25px;
    padding: 0 10px;

    border-radius: 5px;

    font-size: 9px;
    font-weight: 600;
    letter-spacing: .3px;
}

/* BASIC */

.ajbt-type-basic {
    color: #64748b;
    background: #eff2f7;
}

/* PRO */

.ajbt-type-pro {
    color: var(--ajbt-blue);
    background: #e9efff;
}

/* =====================================================
   ALT İNCELE LİNKİ
===================================================== */

.ajbt-card-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    width: 100%;

    margin-top: 20px;
    padding-top: 15px;

    border-top: 1px solid #edf0f5;

    color: var(--ajbt-blue);
    font-size: 11.5px;
    font-weight: 500;

    text-decoration: none;

    transition: color .25s ease;
}

.ajbt-card-link span {
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 1;

    transition: transform .25s ease;
}

.ajbt-card-link:hover {
    color: var(--ajbt-blue-dark);
}

.ajbt-card-link:hover span {
    transform: translateX(4px);
}

/* =====================================================
   ALT İLETİŞİM ALANI
===================================================== */

.ajbt-bottom-note {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;

    width: 100%;
    margin-top: 47px;
    padding: 25px;

    background: #f5f8ff;
    border: 1px solid #eaf0ff;
    border-radius: 12px;

    text-align: center;
}

.ajbt-bottom-note p {
    margin: 0;

    color: #52627c;
    font-size: 12px;
    line-height: 1.7;
}

.ajbt-bottom-note a {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--ajbt-blue);
    font-size: 12px;
    font-weight: 600;

    text-decoration: none;
}

.ajbt-bottom-note a:hover {
    color: var(--ajbt-blue-dark);
}

.ajbt-bottom-note a span {
    font-size: 18px;
}

/* =====================================================
   ODAK STİLLERİ
===================================================== */

.ajbt-section a:focus-visible {
    outline: 2px solid var(--ajbt-blue);
    outline-offset: 3px;
}

/* =====================================================
   1200PX - KÜÇÜK LAPTOP
===================================================== */

@media (max-width: 1200px) {

    .ajbt-section {
        padding: 65px 25px 80px;
    }

    .ajbt-grid {
        gap: 19px 15px;
    }

    .ajbt-preview {
        --ajbt-shot-height: 305px;
    }

    .ajbt-card-content {
        padding: 17px 15px;
    }

    .ajbt-card-title-row h2 {
        font-size: 16px;
    }
}

/* =====================================================
   991PX - TABLET
===================================================== */

@media (max-width: 991px) {

    .ajbt-section {
        padding: 60px 22px 75px;
    }

    .ajbt-heading h1 {
        font-size: 32px;
    }

    .ajbt-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 23px 17px;
    }

    .ajbt-preview {
        --ajbt-shot-height: 370px;
    }

    .ajbt-card-content {
        padding: 19px;
    }
}

/* =====================================================
   767PX - MOBİL
===================================================== */

@media (max-width: 767px) {

    .ajbt-section {
        padding: 50px 17px 65px;
    }

    .ajbt-heading {
        margin-bottom: 35px;
    }

    .ajbt-heading h1 {
        font-size: 28px;
        letter-spacing: -.6px;
    }

    .ajbt-heading p {
        font-size: 12px;
        line-height: 1.85;
    }

    .ajbt-toolbar {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;

        margin-bottom: 23px;
    }

    .ajbt-filter-tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));

        width: 100%;
        gap: 3px;
    }

    .ajbt-filter-tabs label {
        min-height: 40px;
        padding: 0 6px;
        font-size: 11px;
    }

    .ajbt-toolbar-info {
        justify-content: center;
        font-size: 10px;
    }

    .ajbt-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

    .ajbt-preview {
        --ajbt-shot-height: 285px;
    }

    .ajbt-card-content {
        padding: 14px;
    }

    .ajbt-card-title-row {
        flex-wrap: wrap;
    }

    .ajbt-card-title-row h2 {
        font-size: 15px;
    }

    .ajbt-card-title-row p {
        font-size: 10px;
    }

    .ajbt-card-link {
        margin-top: 16px;
        font-size: 10.5px;
    }
}

/* =====================================================
   520PX - KÜÇÜK MOBİL
===================================================== */

@media (max-width: 520px) {

    .ajbt-section {
        padding: 45px 15px 60px;
    }

    .ajbt-heading h1 {
        font-size: 25px;
    }

    .ajbt-eyebrow {
        font-size: 9px;
    }

    .ajbt-grid {
        grid-template-columns: 1fr;

        max-width: 400px;
        gap: 22px;
        margin: 0 auto;
    }

    .ajbt-preview {
        --ajbt-shot-height: 390px;
    }

    .ajbt-card-content {
        padding: 19px;
    }

    .ajbt-card-title-row {
        flex-wrap: nowrap;
    }

    .ajbt-card-title-row h2 {
        font-size: 17px;
    }

    .ajbt-card-title-row p {
        font-size: 11px;
    }

    .ajbt-card-link {
        font-size: 12px;
    }

    .ajbt-bottom-note {
        margin-top: 35px;
        padding: 22px 17px;
    }
}

/* =====================================================
   370PX
===================================================== */

@media (max-width: 370px) {

    .ajbt-section {
        padding-left: 11px;
        padding-right: 11px;
    }

    .ajbt-filter-tabs label {
        font-size: 10px;
    }

    .ajbt-preview {
        --ajbt-shot-height: 340px;
    }
}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajbt-card,
    .ajbt-screenshot img,
    .ajbt-preview-overlay,
    .ajbt-card-link span,
    .ajbt-filter-tabs label {
        transition: none !important;
    }

    .ajbt-card:hover,
    .ajbt-preview:hover .ajbt-screenshot img {
        transform: none !important;
    }
}








/* =====================================================
   AJANSBOX - E-TİCARET TEMA VİTRİNİ
   MAVİ ÜST ALAN / AÇIK MAVİ LİSTELEME
   BASIC + PRO / KATEGORİ SEÇİMİ
   1400PX / POPPINS / RESPONSIVE
===================================================== */

.ajb-themes {
    --th-blue: #2454ff;
    --th-navy: #17233b;
    --th-light: #e3efff;
    --th-border: #e0e8f5;

    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;

   
    font-family: 'Poppins', sans-serif;
}

.ajb-themes *,
.ajb-themes *::before,
.ajb-themes *::after {
    box-sizing: border-box;
}

.ajb-themes-container {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 0;
}

/* =====================================================
   MAVİ ÜST ALAN
===================================================== */

.ajb-themes-hero {
    position: relative;

    width: 100%;
    padding: 65px 20px 157px;

    background:
        linear-gradient(
            110deg,
            #2858f5 0%,
            #2450e8 50%,
            #1c3dc9 100%
        );

    overflow: hidden;
}

/* ARKA PLAN DALGALI ÇİZGİLER */



/* SAĞ HAFİF AYDINLIK */

.ajb-themes-hero::after {
    content: "";

    position: absolute;

    top: -260px;
    right: -230px;

    width: 700px;
    height: 700px;

    background:
        radial-gradient(
            circle,
            rgba(115,171,255,.10),
            transparent 70%
        );

    pointer-events: none;
}

/* =====================================================
   ÜST BAŞLIK
===================================================== */

.ajb-themes-heading {
    position: relative;
    z-index: 2;

    max-width: 850px;
    margin: 0 auto 25px;

    text-align: center;
}

.ajb-themes-eyebrow {
    display: inline-block;
    margin-bottom: 13px;

    color: #bed1ff;

    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.6px;
}

.ajb-themes-heading h1 {
    margin: 0;

    color: #ffffff;

    font-family: 'Poppins', sans-serif;
    font-size: 37px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -.9px;
}

.ajb-themes-heading h1 strong {
    color: #b8d7ff;
    font-weight: 600;
}

.ajb-themes-heading p {
    max-width: 660px;
    margin: 14px auto 0;

    color: rgba(255,255,255,.83);

    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.85;
}

/* =====================================================
   BASIC / PRO BUTONLARI
===================================================== */

.ajb-themes-levels {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 11px;

    margin: 0 auto 19px;
}

.ajb-themes-level {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    min-height: 37px;
    padding: 4px 5px 4px 16px;

    background: rgba(12,30,106,.32);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 40px;

    color: rgba(255,255,255,.72);

    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;

    cursor: pointer;

    transition:
        background .25s ease,
        border-color .25s ease,
        opacity .25s ease;
}

/* CHECK DAİRESİ */

.ajb-themes-level-check {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;
    flex: 0 0 26px;

    background: rgba(255,255,255,.15);
    border-radius: 50%;

    color: transparent;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
}

/* BASIC SEÇİLİ */

.ajb-themes-level[aria-pressed="true"] {
    background: #17337c;
    border-color: rgba(255,255,255,.22);
    color: #ffffff;
}

.ajb-themes-level[aria-pressed="true"]
.ajb-themes-level-check {
    background: #ffffff;
    color: #17337c;
}

/* PRO SEÇİLİ */

.ajb-themes-level-pro[aria-pressed="true"] {
background: #a1bec6;
    border-color: #a1bec6;
    color: #f9fbff;
}

.ajb-themes-level-pro[aria-pressed="true"]
.ajb-themes-level-check {
    background: #ffffff;
    color: #2552ec;
}

/* HOVER */

.ajb-themes-level:hover {
    border-color: rgba(255,255,255,.65);
}

/* =====================================================
   KATEGORİ BUTONLARI
===================================================== */

.ajb-themes-categories,
.ajb-themes-extra {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 10px;

    width: 100%;
    max-width: 1120px;

    margin: 0 auto;
}

.ajb-themes-extra {
    margin-top: 10px;
}

.ajb-themes-extra[hidden] {
    display: none !important;
}

.ajb-themes-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    min-height: 34px;
    padding: 0 12px;

    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;

    color: rgba(255,255,255,.77);

    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 400;

    white-space: nowrap;
    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease;
}

/* KÜÇÜK CHECK KUTUSU */

.ajb-themes-chip-check {
    position: relative;
    display: block;

    width: 13px;
    height: 13px;
    flex: 0 0 13px;

    border: 1px solid rgba(255,255,255,.48);
    border-radius: 3px;
}

/* HOVER */

.ajb-themes-chip:hover {
    background: rgba(255,255,255,.19);
    color: #ffffff;
}

/* SEÇİLİ KATEGORİ */

.ajb-themes-chip[aria-pressed="true"] {
    background: #ffffff;
    border-color: #ffffff;

    color: #2454ff;
    font-weight: 500;
}

.ajb-themes-chip[aria-pressed="true"]
.ajb-themes-chip-check {
    background: #2454ff;
    border-color: #2454ff;
}

.ajb-themes-chip[aria-pressed="true"]
.ajb-themes-chip-check::after {
    content: "";

    position: absolute;
    top: 1px;
    left: 4px;

    width: 3px;
    height: 6px;

    border-right: 1.5px solid #ffffff;
    border-bottom: 1.5px solid #ffffff;

    transform: rotate(45deg);
}

/* =====================================================
   DAHA FAZLA BUTONU
===================================================== */

.ajb-themes-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    min-height: 34px;
    padding: 0 6px;

    background: transparent;
    border: 0;

    color: #ffffff;

    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 500;

    cursor: pointer;
}

.ajb-themes-more-btn > span:first-child {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ajb-themes-more-arrow {
    font-size: 19px;
    line-height: 1;
    transition: transform .2s ease;
}

.ajb-themes-more-btn[aria-expanded="true"]
.ajb-themes-more-arrow {
    transform: rotate(180deg);
}

/* =====================================================
   AÇIK MAVİ KATALOG ZEMİNİ
===================================================== */

.ajb-themes-catalog {
    position: relative;

    width: 100%;
    padding: 1px 20px 80px;

    
}

/* KARTLAR MAVİ ALANIN ÜSTÜNE TAŞSIN */

.ajb-themes-catalog > .ajb-themes-container {
    margin-top: -126px;
}

/* =====================================================
   TEMA GRID
   MASAÜSTÜ 4 KOLON
===================================================== */

.ajb-themes-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    align-items: stretch;
    gap: 21px 18px;

    width: 100%;
    margin: 0;
    padding: 0;
}

/* =====================================================
   TEMA KARTI
===================================================== */

.ajb-theme-card {
display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    padding: 10px 10px 0;
    margin: 0;
    background: #ffffff;
    border: 1px solid rgb(229 229 229 / 85%);
    border-radius: 11px;
    color: var(--th-navy);
    text-decoration: none !important;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.ajb-theme-card:hover {
    transform: translateY(-5px);

    border-color: #cbdcff;

    box-shadow:
        0 16px 34px rgba(30,60,120,.11);
}

/* FİLTREDE GİZLENECEK KART */

.ajb-theme-card[hidden],
.ajb-themes-empty[hidden] {
    display: none !important;
}

/* =====================================================
   TEMA GÖRSELİ
===================================================== */

.ajb-theme-image {
    --ajb-image-height: 315px;

    position: relative;

    width: 100%;
    height: var(--ajb-image-height);

    background: #f4f6fb;
    border: 1px solid #eff1f5;
    border-radius: 6px;

    overflow: hidden;
}

/* TAM SAYFA EKRAN GÖRÜNTÜSÜ */

.ajb-theme-image > img {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: auto;
    min-height: 100%;

    object-fit: cover;
    object-position: top center;

    transform: translateY(0);

    transition: transform 5s linear;
}

/* =====================================================
   HOVER'DA SAYFA ÖNİZLEMESİ KAYSIN
===================================================== */

@media (hover: hover) {

    .ajb-theme-card:hover .ajb-theme-image > img {
        transform: translateY(
            calc(-100% + var(--ajb-image-height))
        );
    }

}

/* =====================================================
   CANLI ÖNİZLEME BUTONU
===================================================== */

.ajb-theme-preview {
    position: absolute;
    z-index: 2;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    color: #2454ff;

    font-size: 12px;
    font-weight: 600;

    opacity: 0;
    visibility: hidden;

    background: rgba(17, 39, 87, .19);

    transition:
        opacity .25s ease,
        visibility .25s ease;
}

.ajb-theme-preview::before {
    content: "";

    position: absolute;
    z-index: -1;

    width: 155px;
    height: 43px;

    background: #ffffff;
    border-radius: 7px;

    box-shadow: 0 8px 25px rgba(0,0,0,.1);
}

.ajb-theme-preview > span {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.ajb-theme-card:hover .ajb-theme-preview,
.ajb-theme-card:focus-visible .ajb-theme-preview {
    opacity: 1;
    visibility: visible;
}

/* =====================================================
   KART ALT BİLGİLERİ
===================================================== */

.ajb-theme-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    width: 100%;
    min-height: 76px;

    padding: 15px 4px 13px;
    margin-top: auto;
}

/* SOL TEMA ADI */

.ajb-theme-info-left {
    min-width: 0;
}

.ajb-theme-info-left h2 {
    display: flex;
    align-items: center;
    gap: 6px;

    margin: 0;
    padding: 0;

    color: #1a2944;

    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.ajb-theme-info-left h2 span {
    color: #2454ff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.ajb-theme-info-left p {
    margin: 5px 0 0;

    color: #8793a5;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.5;
}

/* HOVER */

.ajb-theme-card:hover .ajb-theme-info-left h2 {
    color: #2454ff;
}

/* =====================================================
   BASIC / PRO / YENİ ETİKETLERİ
===================================================== */

.ajb-theme-badges {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.ajb-theme-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    padding: 0 9px;
    border-radius: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .2px;
}

/* BASIC */

.ajb-theme-badge.basic {
    background: #f0f3f8;
    color: #62728a;
}

/* PRO */

.ajb-theme-badge.pro {
background: #a1bec6;
    color: #ffffff;
}

/* YENİ */

.ajb-theme-badge.new {
      background: #00c50b;
    color: #ffffff;
}

/* =====================================================
   SONUÇ SAYISI
===================================================== */

.ajb-themes-count {
    margin: 27px 0 0;

    color: #7486a5;

    font-size: 11px;
    text-align: center;
}

/* =====================================================
   SONUÇ BULUNAMADI
===================================================== */

.ajb-themes-empty {
    margin: 20px 0 0;
    padding: 45px 20px;

    background: #ffffff;
    border: 1px solid #dce6f5;
    border-radius: 12px;

    text-align: center;
}

.ajb-themes-empty h3 {
    margin: 0 0 8px;

    color: #192b49;
    font-size: 17px;
    font-weight: 600;
}

.ajb-themes-empty p {
    margin: 0;

    color: #7b89a0;
    font-size: 12px;
}

/* =====================================================
   ERİŞİLEBİLİRLİK
===================================================== */

.ajb-themes button:focus-visible,
.ajb-themes a:focus-visible {
    outline: 2px solid #8cdfff;
    outline-offset: 3px;
}

/* =====================================================
   LAPTOP 1200PX
===================================================== */

@media (max-width: 1200px) {

    .ajb-themes-hero {
        padding: 60px 25px 150px;
    }

    .ajb-themes-catalog {
        padding-left: 25px;
        padding-right: 25px;
    }

    .ajb-themes-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 19px;
    }

    .ajb-theme-image {
        --ajb-image-height: 310px;
    }

}

/* =====================================================
   TABLET 991PX
===================================================== */

@media (max-width: 991px) {

    .ajb-themes-hero {
        padding: 55px 22px 125px;
    }

    .ajb-themes-heading h1 {
        font-size: 32px;
    }

    .ajb-themes-heading p {
        font-size: 12px;
    }

    .ajb-themes-categories,
    .ajb-themes-extra {
        gap: 8px;
    }

    .ajb-themes-chip {
        font-size: 10px;
        min-height: 33px;
    }

    .ajb-themes-catalog {
        padding-left: 22px;
        padding-right: 22px;
    }

    .ajb-themes-catalog > .ajb-themes-container {
        margin-top: -100px;
    }

    .ajb-themes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
    }

    .ajb-theme-image {
        --ajb-image-height: 345px;
    }

}

/* =====================================================
   MOBİL 767PX
===================================================== */

@media (max-width: 767px) {

    .ajb-themes-hero {
        padding: 48px 17px 113px;
    }

    .ajb-themes-heading {
        margin-bottom: 24px;
    }

    .ajb-themes-heading h1 {
        font-size: 28px;
        letter-spacing: -.5px;
    }

    .ajb-themes-heading p {
        font-size: 11.5px;
        line-height: 1.8;
    }

    .ajb-themes-levels {
        margin-bottom: 17px;
    }

    .ajb-themes-level {
        min-height: 36px;
        font-size: 11px;
    }

    .ajb-themes-categories,
    .ajb-themes-extra {
        justify-content: center;
        gap: 7px;
    }

    .ajb-themes-chip {
        min-height: 32px;
        padding: 0 9px;
        gap: 6px;

        font-size: 10px;
    }

    .ajb-themes-chip-check {
        width: 12px;
        height: 12px;
        flex-basis: 12px;
    }

    .ajb-themes-catalog {
        padding-left: 17px;
        padding-right: 17px;
        padding-bottom: 60px;
    }

    .ajb-themes-catalog > .ajb-themes-container {
        margin-top: -85px;
    }

    .ajb-themes-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .ajb-theme-card {
        padding: 7px 7px 0;
    }

    .ajb-theme-image {
        --ajb-image-height: 245px;
    }

    .ajb-theme-info {
        min-height: 73px;
        padding: 12px 3px;
    }

    .ajb-theme-info-left h2 {
        font-size: 13px;
    }

    .ajb-theme-info-left p {
        font-size: 9px;
    }

    .ajb-theme-badge {
        font-size: 8px;
        padding: 0 7px;
        min-height: 22px;
    }

}

/* =====================================================
   MOBİL 520PX
===================================================== */

@media (max-width: 520px) {

    .ajb-themes-hero {
        padding: 43px 15px 95px;
    }

    .ajb-themes-heading h1 {
        font-size: 25px;
    }

    .ajb-themes-heading p {
        font-size: 11px;
    }

    .ajb-themes-eyebrow {
        font-size: 9px;
    }

    .ajb-themes-chip {
        font-size: 9.5px;
    }

    .ajb-themes-catalog {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ajb-themes-catalog > .ajb-themes-container {
        margin-top: -66px;
    }

    /* MOBİLDE TEK KART */

    .ajb-themes-grid {
        grid-template-columns: 1fr;

        max-width: 405px;
        gap: 19px;
        margin: 0 auto;
    }

    .ajb-theme-card {
        padding: 10px 10px 0;
        border-radius: 11px;
    }

    .ajb-theme-image {
        --ajb-image-height: 365px;
    }

    .ajb-theme-info {
        padding: 14px 4px;
    }

    .ajb-theme-info-left h2 {
        font-size: 15px;
    }

    .ajb-theme-info-left p {
        font-size: 10px;
    }

    .ajb-theme-badge {
        font-size: 9px;
        padding: 0 9px;
        min-height: 24px;
    }

}

/* =====================================================
   KÜÇÜK MOBİL 380PX
===================================================== */

@media (max-width: 380px) {

    .ajb-themes-heading h1 {
        font-size: 23px;
    }

    .ajb-theme-image {
        --ajb-image-height: 320px;
    }

    .ajb-themes-chip {
        padding: 0 8px;
    }

}

/* =====================================================
   HAREKET AZALTMA
===================================================== */

@media (prefers-reduced-motion: reduce) {

    .ajb-theme-card,
    .ajb-theme-image > img,
    .ajb-theme-preview,
    .ajb-themes-chip,
    .ajb-themes-level {
        transition: none !important;
    }

    .ajb-theme-card:hover,
    .ajb-theme-card:hover .ajb-theme-image > img {
        transform: none !important;
    }

}






/* Menü bağlantıları scroll sırasında kaymasın */

.ajansbox-header .nav-link,
.ajansbox-header .menu-item {
    transform: none !important;
}

/* Header içindeki logo boyutu sabit kalsın */

.ajansbox-header .header-logo img {
    max-width: 100%;
    height: auto;
}

/* Sayfa genelinde yatay taşmayı önle */

html {
    overflow-x: clip;
}