/* Mağazalarını Yönet — Final V4 landing */
.stores-page{
    overflow:hidden;
    background:#fff;
    color:#001a46;
}

.stores-container{
    width:min(1224px,calc(100% - 48px));
    margin-inline:auto;
}

.stores-breadcrumb{
    display:flex;
    align-items:center;
    gap:10px;
    color:#6b7890;
    font-size:12px;
}

.stores-breadcrumb a:hover{color:#015dfc}

.stores-hero{
    position:relative;
    padding:24px 0 96px;
    border-bottom:1px solid #dce7f7;
    background:
        radial-gradient(circle at 82% 18%,rgba(1,93,252,.09),transparent 30%),
        linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

.stores-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
    gap:72px;
    align-items:center;
    padding-top:56px;
}

.stores-eyebrow{
    display:inline-flex;
    color:#015dfc;
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:none;
}

.stores-hero-copy h1{
    max-width:640px;
    margin:18px 0 0;
    font-family:"Alan Sans",Onest,sans-serif;
    font-size:clamp(36px,4.4vw,56px);
    line-height:1.08;
    font-weight:500;
    letter-spacing:-.045em;
}

.stores-hero-copy h1 strong{
    display:block;
    color:#015dfc;
    font-weight:600;
}

.stores-hero-copy>p{
    max-width:560px;
    margin:24px 0 0;
    color:#53627a;
    font-size:17px;
    line-height:1.7;
}

.stores-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.stores-hero-actions .btn,
.stores-final-actions .btn,
.stores-partner .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:48px;
    padding:0 20px;
    border-radius:8px;
    font-weight:600;
    font-size:15px;
}

.stores-hero-actions .btn svg,
.stores-partner .btn svg,
.stores-final-actions .btn svg{
    width:16px;
    height:16px;
}

.stores-hero-proof{
    display:grid;
    gap:12px;
    margin-top:32px;
}

.stores-hero-proof>div{
    display:flex;
    gap:12px;
    align-items:flex-start;
    color:#40516c;
    font-size:14px;
    line-height:1.5;
}

.stores-hero-proof svg{
    width:18px;
    height:18px;
    color:#015dfc;
    flex:0 0 auto;
    margin-top:2px;
}

.stores-hero-proof strong{
    display:block;
    color:#001a46;
    font-weight:600;
}

/* Hero product preview */
.stores-preview{
    position:relative;
    border:1px solid #d5e4f8;
    border-radius:20px;
    background:#fff;
    box-shadow:
        0 24px 60px rgba(0,26,70,.08),
        0 2px 0 rgba(1,93,252,.04);
    overflow:hidden;
}

.stores-preview-bar{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:center;
    padding:18px 20px;
    border-bottom:1px solid #e7eef8;
    background:linear-gradient(180deg,#f7faff 0%,#fff 100%);
}

.stores-preview-selector span{
    display:block;
    font-size:11px;
    color:#6b7890;
    margin-bottom:4px;
}

.stores-preview-selector strong{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:15px;
    font-weight:600;
}

.stores-preview-selector svg{
    width:14px;
    height:14px;
    color:#6b7890;
}

.stores-preview-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:flex-end;
}

.stores-pill{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:600;
}

.stores-pill--warn{
    background:#fff4e8;
    color:#b15a00;
}

.stores-pill--muted{
    background:#eef3fb;
    color:#40516c;
}

.stores-preview-cards{
    display:grid;
    gap:12px;
    padding:16px 18px;
}

.stores-store-card{
    border:1px solid #e1ebf8;
    border-radius:14px;
    padding:14px 16px;
    background:#fbfdff;
}

.stores-store-card--critical{
    border-color:#f5c4c7;
    background:#fff8f8;
}

.stores-store-card--warn{
    border-color:#f3d7ad;
    background:#fffaf3;
}

.stores-store-card__head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:flex-start;
}

.stores-store-card__head strong{
    display:block;
    font-size:14px;
    font-weight:650;
}

.stores-store-card__head span{
    display:block;
    margin-top:3px;
    font-size:12px;
    color:#6b7890;
}

.stores-status{
    flex:0 0 auto;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
}

.stores-status--critical{background:#fde8ea;color:#c01d28}
.stores-status--warn{background:#fff0d9;color:#a15c00}
.stores-status--ok{background:#e7f7ef;color:#0f7a48}

.stores-store-card__stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
}

.stores-store-card__stats div{
    padding:8px 10px;
    border-radius:10px;
    background:rgba(255,255,255,.8);
    border:1px solid rgba(220,231,247,.9);
}

.stores-store-card__stats span{
    display:block;
    font-size:11px;
    color:#6b7890;
}

.stores-store-card__stats strong{
    display:block;
    margin-top:2px;
    font-size:13px;
    font-weight:650;
}

.stores-store-card__flags{
    list-style:none;
    margin:12px 0 0;
    padding:0;
    display:grid;
    gap:6px;
}

.stores-store-card__flags li{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    color:#40516c;
}

.stores-store-card__flags svg{
    width:14px;
    height:14px;
    color:#015dfc;
    flex:0 0 auto;
}

.stores-preview-team{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:14px 20px 18px;
    border-top:1px solid #e7eef8;
    font-size:12px;
    color:#6b7890;
}

.stores-avatars{
    display:flex;
    gap:6px;
}

.stores-avatars span{
    width:30px;
    height:30px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#e8f0ff;
    color:#015dfc;
    font-size:11px;
    font-weight:700;
    border:1px solid #d5e4f8;
}

/* Sections */
.stores-section{
    padding:88px 0;
    border-bottom:1px solid #e7eef8;
}

.stores-section--soft{
    background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}

.stores-section-head{
    max-width:720px;
    margin-bottom:40px;
}

.stores-section-head h2,
.stores-partner h2,
.stores-final h2{
    font-family:"Alan Sans",Onest,sans-serif;
    font-size:clamp(28px,3.2vw,40px);
    line-height:1.15;
    font-weight:500;
    letter-spacing:-.03em;
}

.stores-section-head p,
.stores-partner p{
    margin-top:14px;
    color:#53627a;
    font-size:16px;
    line-height:1.7;
}

.stores-lead-strong{
    margin-top:14px;
    color:#001a46 !important;
    font-size:18px !important;
    font-weight:600;
    line-height:1.55 !important;
}

.stores-two-col,
.stores-three-col,
.stores-feature-grid,
.stores-priority-grid,
.stores-agency-grid,
.stores-scenario-grid,
.stores-report-grid,
.stores-onboard{
    display:grid;
    gap:18px;
}

.stores-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.stores-three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.stores-feature-grid,
.stores-priority-grid,
.stores-agency-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stores-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.stores-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stores-onboard{grid-template-columns:repeat(4,minmax(0,1fr))}

.stores-card,
.stores-principle,
.stores-feature,
.stores-priority-grid article,
.stores-agency-grid article,
.stores-scenario-grid article,
.stores-onboard article{
    border:1px solid #dce7f7;
    border-radius:16px;
    background:#fff;
    padding:24px;
}

.stores-card-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:#eef5ff;
    color:#015dfc;
    margin-bottom:16px;
}

.stores-card-icon svg{width:20px;height:20px}

.stores-card h3,
.stores-principle h3,
.stores-feature h3,
.stores-priority-grid h3,
.stores-agency-grid h3,
.stores-scenario-grid h3,
.stores-onboard h3{
    font-size:18px;
    line-height:1.3;
    font-weight:650;
    margin:0 0 10px;
}

.stores-card p,
.stores-principle p,
.stores-feature p,
.stores-priority-grid p,
.stores-agency-grid p,
.stores-scenario-grid p,
.stores-onboard p,
.stores-steps p,
.stores-faq-item p{
    margin:0;
    color:#53627a;
    font-size:14px;
    line-height:1.65;
}

.stores-checklist{
    list-style:none;
    margin:18px 0 0;
    padding:0;
    display:grid;
    gap:10px;
}

.stores-checklist li{
    display:flex;
    gap:10px;
    align-items:flex-start;
    font-size:14px;
    color:#334766;
}

.stores-checklist svg{
    width:16px;
    height:16px;
    color:#16a663;
    flex:0 0 auto;
    margin-top:2px;
}

.stores-principle span,
.stores-onboard span,
.stores-steps li>span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #c9dcfa;
    background:#f5f9ff;
    color:#015dfc;
    font-size:12px;
    font-weight:700;
    margin-bottom:14px;
}

.stores-feature{
    display:grid;
    grid-template-columns:28px 1fr;
    gap:14px;
    align-items:flex-start;
}

.stores-feature>svg,
.stores-priority-grid article>svg{
    width:20px;
    height:20px;
    color:#015dfc;
    margin-top:2px;
}

.stores-priority-grid article{
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

.stores-scenario-label{
    display:inline-flex;
    margin-bottom:12px;
    padding:4px 10px;
    border-radius:999px;
    background:#eef5ff;
    color:#015dfc;
    font-size:12px;
    font-weight:700;
}

.stores-report-grid div{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:72px;
    padding:16px 18px;
    border:1px solid #dce7f7;
    border-radius:14px;
    background:#fff;
    font-size:14px;
    font-weight:600;
    color:#001a46;
}

.stores-report-grid svg{
    width:18px;
    height:18px;
    color:#015dfc;
    flex:0 0 auto;
}

.stores-steps{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.stores-steps li{
    border:1px solid #dce7f7;
    border-radius:16px;
    background:#fff;
    padding:22px;
}

.stores-steps h3{
    margin:0 0 8px;
    font-size:16px;
    font-weight:650;
}

.stores-partner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    padding:36px 40px;
    border-radius:20px;
    border:1px solid #d5e4f8;
    background:
        radial-gradient(circle at 100% 0%,rgba(1,93,252,.08),transparent 40%),
        #f8fbff;
}

.stores-partner>div{max-width:720px}

/* FAQ */
.stores-faq-wrap{max-width:860px}

.stores-faq{
    display:grid;
    gap:10px;
}

.stores-faq-item{
    border:1px solid #dce7f7;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}

.stores-faq-item summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px 20px;
    font-size:15px;
    font-weight:600;
    color:#001a46;
}

.stores-faq-item summary::-webkit-details-marker{display:none}

.stores-faq-item summary svg{
    width:18px;
    height:18px;
    color:#6b7890;
    flex:0 0 auto;
    transition:transform .18s ease;
}

.stores-faq-item[open] summary svg{transform:rotate(180deg)}

.stores-faq-item p{
    padding:0 20px 18px;
    max-width:70ch;
}

/* Final CTA */
.stores-final{
    padding:96px 0 110px;
    background:
        radial-gradient(circle at 20% 20%,rgba(1,93,252,.18),transparent 28%),
        linear-gradient(135deg,#001a46 0%,#003eaa 55%,#015dfc 100%);
    color:#fff;
}

.stores-final-inner{
    text-align:center;
    max-width:760px;
}

.stores-final h2{
    color:#fff;
}

.stores-final p{
    margin:16px auto 0;
    max-width:620px;
    color:rgba(255,255,255,.82);
    font-size:16px;
    line-height:1.7;
}

.stores-final-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    margin-top:28px;
}

.stores-final .btn-primary{
    background:#fff;
    color:#001a46;
}

.stores-final .btn-primary:hover{
    background:#f3f7ff;
}

.stores-final .btn-light-outline{
    border:1px solid rgba(255,255,255,.45);
    color:#fff;
    background:transparent;
}

.stores-final .btn-light-outline:hover{
    background:rgba(255,255,255,.1);
}

.stores-final-partner{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:22px;
    color:rgba(255,255,255,.88);
    font-size:14px;
    font-weight:600;
}

.stores-final-partner svg{
    width:15px;
    height:15px;
}

.stores-final-partner:hover{color:#fff}

/* Responsive */
@media (max-width:1100px){
    .stores-hero-grid{
        grid-template-columns:1fr;
        gap:48px;
    }

    .stores-preview{max-width:640px}

    .stores-feature-grid,
    .stores-priority-grid,
    .stores-agency-grid,
    .stores-report-grid,
    .stores-onboard,
    .stores-steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .stores-three-col{grid-template-columns:1fr}
}

@media (max-width:760px){
    .stores-container{width:min(1224px,calc(100% - 32px))}

    .stores-hero{padding:18px 0 64px}
    .stores-hero-grid{padding-top:36px}
    .stores-section{padding:64px 0}
    .stores-final{padding:72px 0 84px}

    .stores-two-col,
    .stores-three-col,
    .stores-feature-grid,
    .stores-priority-grid,
    .stores-agency-grid,
    .stores-scenario-grid,
    .stores-report-grid,
    .stores-onboard,
    .stores-steps{
        grid-template-columns:1fr;
    }

    .stores-preview-bar{
        flex-direction:column;
        align-items:flex-start;
    }

    .stores-preview-meta{justify-content:flex-start}

    .stores-store-card__stats{grid-template-columns:1fr}

    .stores-partner{
        flex-direction:column;
        align-items:flex-start;
        padding:28px 22px;
    }

    .stores-hero-actions .btn,
    .stores-final-actions .btn,
    .stores-partner .btn{
        width:100%;
        justify-content:center;
    }
}