/* =========================================================
   M61 ECOMMERCE 2026 V1
   Scoped: information-information-10
   ========================================================= */

body.information-information-10{
    background:#f4f7fb;
}

/* SIDEBAR KAPAT / FULL WIDTH */
body.information-information-10 #column-right{
    display:none!important;
}

body.information-information-10 #content{
    width:100%!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    float:none!important;
}

body.information-information-10 #content > .title.page-title{
    max-width:1180px;
    margin:24px auto 12px!important;

    color:#102b57!important;

    font-size:28px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:-.4px;
}

body.information-information-10 #content > .content{
    margin:0!important;
    padding:0!important;

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}


/* =========================================================
   HERO
   ========================================================= */

body.information-information-10 .ep-hero{
    position:relative;

    margin:0 0 18px!important;
    padding:48px 46px!important;

    overflow:hidden;

    text-align:left!important;

    border-radius:18px!important;

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(35,110,220,.35),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #071d43 0%,
            #123d7d 100%
        )!important;

    box-shadow:
        0 16px 42px rgba(16,43,87,.12);
}

body.information-information-10 .ep-hero:before{
    content:"61MEDYA • E-TİCARET ÇÖZÜMLERİ";

    display:inline-flex;

    margin-bottom:15px;
    padding:7px 10px;

    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;

    background:rgba(255,255,255,.08);

    color:#fff;

    font-size:9px;
    font-weight:850;
    letter-spacing:.55px;
}

body.information-information-10 .ep-hero h2{
    max-width:720px;

    margin:0 0 13px!important;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;

    font-size:38px!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.8px!important;
}

body.information-information-10 .ep-hero p.lead{
    max-width:700px!important;

    margin:0!important;

    color:#d9e5f5!important;
    -webkit-text-fill-color:#d9e5f5!important;

    font-size:14px!important;
    line-height:1.75!important;
}

body.information-information-10 .ep-hero p.lead a{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;

    font-weight:800!important;
    text-decoration:underline!important;
}


/* HERO'DAKI ILK GORSEL */
body.information-information-10 .ep-hero img{
    display:block;

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

    margin:26px auto 0!important;

    border-radius:12px!important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.22);
}


/* =========================================================
   GENEL SECTIONS
   ========================================================= */

body.information-information-10 .ep-section{
    margin:0 0 18px!important;
    padding:30px 30px!important;

    border:1px solid #e1e7ef;
    border-radius:15px;

    background:#fff;

    box-shadow:
        0 8px 26px rgba(16,43,87,.04);
}

body.information-information-10 .ep-section > h2{
    position:relative;

    margin:0 0 18px!important;
    padding-left:14px;

    color:#102b57!important;

    font-size:25px!important;
    line-height:1.2!important;
    font-weight:850!important;
}

body.information-information-10 .ep-section > h2:before{
    content:"";

    position:absolute;
    left:0;
    top:3px;
    bottom:3px;

    width:4px;

    border-radius:10px;

    background:#ef233c;
}

body.information-information-10 .ep-section p{
    color:#62748a!important;

    font-size:12px!important;
    line-height:1.75!important;
}


/* =========================================================
   PAKETLER
   ========================================================= */

body.information-information-10 .ep-packages{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:15px!important;

    margin-top:18px!important;
}

body.information-information-10 .ep-packages > *{
    min-width:0;

    position:relative;

    padding:24px 21px!important;

    border:1px solid #dfe6ef!important;
    border-radius:14px!important;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f9fbfd
        )!important;

    box-shadow:
        0 8px 24px rgba(16,43,87,.045)!important;
}

body.information-information-10 .ep-packages > *:nth-child(2){
    border-color:#bccce2!important;

    box-shadow:
        0 12px 32px rgba(16,43,87,.09)!important;
}

body.information-information-10 .ep-packages > *:nth-child(2):before{
    content:"EN ÇOK TERCİH EDİLEN";

    position:absolute;
    top:14px;
    right:14px;

    padding:5px 7px;

    border-radius:999px;

    background:#102b57;

    color:#fff;

    font-size:8px;
    line-height:1;
    font-weight:900;
    letter-spacing:.4px;
}

body.information-information-10 .ep-packages h3{
    margin:0 0 14px!important;

    color:#102b57!important;

    font-size:18px!important;
    line-height:1.25!important;
    font-weight:850!important;
}

body.information-information-10 .ep-packages ul{
    margin:16px 0!important;
    padding:0!important;

    list-style:none!important;
}

body.information-information-10 .ep-packages li{
    position:relative;

    margin:0 0 8px!important;
    padding-left:20px!important;

    color:#66778c!important;

    font-size:11px!important;
    line-height:1.45!important;
}

body.information-information-10 .ep-packages li:before{
    content:"✓";

    position:absolute;
    left:0;

    color:#18a957;

    font-weight:900;
}

body.information-information-10 .ep-packages a[href*="wa.me"]{
    min-height:40px;

    padding:0 14px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:7px!important;

    background:#18b85f!important;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;

    font-size:10.5px!important;
    font-weight:850!important;

    text-decoration:none!important;
}


/* =========================================================
   ESKI DUMMY REFERANS GORSELLERI
   Unsplash olanlari gizle
   ========================================================= */

body.information-information-10
img[src*="images.unsplash.com"]{
    display:none!important;
}


/* =========================================================
   CTA LINKLER
   ========================================================= */

body.information-information-10
a[href*="wa.me/905534165270"]{
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

body.information-information-10
a[href*="wa.me/905534165270"]:hover{
    transform:translateY(-2px);

    box-shadow:
        0 8px 20px rgba(24,184,95,.18);
}


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

@media(max-width:1023px){

    body.information-information-10 #content{
        max-width:calc(100% - 28px)!important;
    }

    body.information-information-10 .ep-packages{
        grid-template-columns:1fr 1fr!important;
    }

    body.information-information-10 .ep-packages > *:last-child{
        grid-column:1 / -1;
    }
}


@media(max-width:767px){

    body.information-information-10 #content{
        max-width:calc(100% - 18px)!important;
    }

    body.information-information-10 #content > .title.page-title{
        font-size:23px!important;
    }

    body.information-information-10 .ep-hero{
        padding:30px 20px!important;
    }

    body.information-information-10 .ep-hero h2{
        font-size:29px!important;
    }

    body.information-information-10 .ep-hero p.lead{
        font-size:12px!important;
    }

    body.information-information-10 .ep-section{
        padding:23px 18px!important;
    }

    body.information-information-10 .ep-section > h2{
        font-size:21px!important;
    }

    body.information-information-10 .ep-packages{
        grid-template-columns:1fr!important;
    }

    body.information-information-10 .ep-packages > *:last-child{
        grid-column:auto;
    }
}


/* =========================================================
   M61 ECOMMERCE V2 HERO
   ========================================================= */

body.information-information-10
.m61-ec-original-hero-hidden{
    display:none!important;
}


/* eski hero stilini override */
body.information-information-10
.ep-hero.m61-ec-hero-v2{

    display:grid!important;
    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr)!important;

    align-items:stretch!important;

    min-height:390px;

    margin-bottom:18px!important;
    padding:0!important;

    overflow:hidden;

    text-align:left!important;
}


/* rozet */
body.information-information-10
.ep-hero.m61-ec-hero-v2:before{

    position:absolute;

    top:28px;
    left:38px;

    z-index:3;

    margin:0!important;
}


/* SOL */
body.information-information-10
.m61-ec-hero-copy{

    min-width:0;

    padding:
        75px
        30px
        42px
        38px;

    position:relative;

    z-index:2;
}


body.information-information-10
.m61-ec-hero-copy h2{

    max-width:530px!important;

    margin:0 0 14px!important;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;

    font-size:34px!important;
    line-height:1.08!important;
    font-weight:900!important;
    letter-spacing:-.7px!important;
}


body.information-information-10
.m61-ec-hero-copy .lead{

    max-width:540px!important;

    margin:0!important;

    color:#dbe7f8!important;
    -webkit-text-fill-color:#dbe7f8!important;

    font-size:12.5px!important;
    line-height:1.7!important;
}


/* BUTTONS */
body.information-information-10
.m61-ec-hero-actions{

    margin-top:21px;

    display:flex;
    flex-wrap:wrap;
    gap:8px;
}


body.information-information-10
.m61-ec-hero-actions a{

    min-height:42px;

    padding:0 15px;

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

    border-radius:7px;

    font-size:10.5px;
    font-weight:850;

    text-decoration:none!important;
}


body.information-information-10
.m61-ec-primary{

    border:1px solid #ef233c!important;

    background:#ef233c!important;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}


body.information-information-10
.m61-ec-secondary{

    border:
        1px solid
        rgba(255,255,255,.28)!important;

    background:
        rgba(255,255,255,.08)!important;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}


/* TRUST */
body.information-information-10
.m61-ec-hero-trust{

    margin-top:22px;

    display:grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:7px;
}


body.information-information-10
.m61-ec-hero-trust span{

    min-height:36px;

    padding:7px 9px;

    display:flex;
    align-items:center;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:7px;

    background:
        rgba(255,255,255,.055);

    color:#dfeafb;

    font-size:9px;
    font-weight:750;
}


body.information-information-10
.m61-ec-hero-trust span:before{

    content:"✓";

    margin-right:6px;

    color:#40dc83;

    font-weight:900;
}


/* SAG GORSEL */
body.information-information-10
.m61-ec-hero-media{

    min-width:0;
    min-height:390px;

    position:relative;

    overflow:hidden;
}


body.information-information-10
.m61-ec-hero-media:before{

    content:"";

    position:absolute;
    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(9,32,70,.55) 0%,
            rgba(9,32,70,.08) 22%,
            transparent 46%
        );
}


body.information-information-10
.m61-ec-hero-media img{

    width:100%!important;
    height:100%!important;

    min-height:390px;

    margin:0!important;

    display:block!important;

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

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;
}


/* Paket anchor */
body.information-information-10
#ec-paketler{
    scroll-margin-top:95px;
}


/* TABLET */
@media(max-width:1023px){

    body.information-information-10
    .ep-hero.m61-ec-hero-v2{

        grid-template-columns:
            1fr 1fr!important;
    }

    body.information-information-10
    .m61-ec-hero-copy{

        padding:
            72px
            22px
            32px;
    }

    body.information-information-10
    .ep-hero.m61-ec-hero-v2:before{

        left:22px;
    }

    body.information-information-10
    .m61-ec-hero-copy h2{

        font-size:29px!important;
    }
}


/* MOBILE */
@media(max-width:767px){

    body.information-information-10
    .ep-hero.m61-ec-hero-v2{

        grid-template-columns:
            1fr!important;

        min-height:0;
    }


    body.information-information-10
    .m61-ec-hero-copy{

        padding:
            70px
            20px
            28px;
    }


    body.information-information-10
    .ep-hero.m61-ec-hero-v2:before{

        top:24px;
        left:20px;
    }


    body.information-information-10
    .m61-ec-hero-copy h2{

        font-size:27px!important;
    }


    body.information-information-10
    .m61-ec-hero-trust{

        grid-template-columns:
            1fr 1fr;
    }


    body.information-information-10
    .m61-ec-hero-media{

        min-height:230px;
    }


    body.information-information-10
    .m61-ec-hero-media img{

        min-height:230px;
    }
}

/* M61_EC_V3_START */

/* =========================================================
   M61 ECOMMERCE V3
   Infrastructure + Expertise + CTA
   ========================================================= */

body.information-information-10
.m61-ec-infra-section{
    padding:30px!important;
}

body.information-information-10
.m61-ec-infra-title{
    position:relative;
    margin:0 0 19px!important;
    padding-left:14px!important;
    color:#102b57!important;
    -webkit-text-fill-color:#102b57!important;
    font-size:24px!important;
    line-height:1.2!important;
    font-weight:850!important;
}

body.information-information-10
.m61-ec-infra-title:before{
    content:"";
    position:absolute;
    left:0;
    top:3px;
    bottom:3px;
    width:4px;
    border-radius:10px;
    background:#ef233c;
}

body.information-information-10
.m61-ec-infra-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:11px!important;
}

body.information-information-10
.m61-ec-infra-card{
    min-width:0;
    padding:18px 17px!important;
    border:1px solid #e1e7ef!important;
    border-radius:11px!important;
    background:linear-gradient(
        180deg,
        #ffffff,
        #f9fbfd
    )!important;
    box-shadow:
        0 5px 18px
        rgba(16,43,87,.035)!important;
}

body.information-information-10
.m61-ec-infra-icon{
    width:31px;
    height:31px;
    margin-bottom:11px;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:8px;
    background:#fff0f2;
    color:#ef233c;
    font-size:10px;
    font-weight:900;
}

body.information-information-10
.m61-ec-infra-card strong{
    display:block!important;
    margin-bottom:6px;
    color:#102b57!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:850!important;
}

body.information-information-10
.m61-ec-infra-card p{
    margin:0!important;
    color:#75859a!important;
    font-size:10px!important;
    line-height:1.6!important;
}


/* UZMANLIK */
body.information-information-10
.m61-ec-expertise{
    position:relative;
    overflow:hidden;
    padding:27px 28px!important;
    background:linear-gradient(
        100deg,
        #f7faff,
        #ffffff
    )!important;
    border-left:4px solid #102b57!important;
}

body.information-information-10
.m61-ec-expertise-title{
    margin-bottom:10px!important;
    color:#102b57!important;
    -webkit-text-fill-color:#102b57!important;
}


/* PLACEHOLDER YORUMLAR */
body.information-information-10
.m61-ec-placeholder-reviews{
    display:none!important;
}


/* FINAL CTA */
body.information-information-10
.m61-ec-final-cta{
    margin-top:18px!important;
    padding:38px 28px!important;
    text-align:center!important;
    border:0!important;
    border-radius:15px!important;
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(55,120,220,.25),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #071c40,
            #123d7d
        )!important;
    box-shadow:
        0 14px 34px
        rgba(16,43,87,.11)!important;
}

body.information-information-10
.m61-ec-final-label{
    display:inline-flex!important;
    margin-bottom:10px;
    padding:6px 9px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-size:8.5px;
    line-height:1;
    font-weight:850;
    letter-spacing:.6px;
}

body.information-information-10
.m61-ec-final-copy h2{
    max-width:700px;
    margin:0 auto 10px!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-size:27px!important;
    line-height:1.2!important;
    font-weight:900!important;
}

body.information-information-10
.m61-ec-final-copy p{
    max-width:650px;
    margin:0 auto 19px!important;
    color:#dce8fa!important;
    -webkit-text-fill-color:#dce8fa!important;
    font-size:11.5px!important;
    line-height:1.7!important;
}

body.information-information-10
.m61-ec-final-cta > a{
    min-height:42px;
    padding:0 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:7px!important;
    background:#18bd64!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-size:10.5px!important;
    font-weight:850!important;
    text-decoration:none!important;
}


/* RESPONSIVE */
@media(max-width:1023px){

    body.information-information-10
    .m61-ec-infra-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:767px){

    body.information-information-10
    .m61-ec-infra-section{
        padding:22px 18px!important;
    }

    body.information-information-10
    .m61-ec-infra-grid{
        grid-template-columns:1fr!important;
    }

    body.information-information-10
    .m61-ec-final-cta{
        padding:30px 18px!important;
    }

    body.information-information-10
    .m61-ec-final-copy h2{
        font-size:22px!important;
    }
}

/* M61_EC_V3_END */

/* M61_EC_REF_START */


/* =========================================================
   E-COMMERCE REFERENCE SHOWCASE
   ========================================================= */

body.information-information-10
.m61-ec-reference-showcase{

    margin:0 0 18px;
    padding:28px;

    border:1px solid #e1e7ef;
    border-radius:15px;

    background:#fff;

    box-shadow:
        0 8px 26px
        rgba(16,43,87,.04);
}


body.information-information-10
.m61-ec-ref-head{

    margin-bottom:18px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
}


body.information-information-10
.m61-ec-ref-eyebrow{

    display:block;

    margin-bottom:5px;

    color:#ef233c;

    font-size:9px;
    font-weight:900;
    letter-spacing:.65px;
}


body.information-information-10
.m61-ec-ref-head h2{

    margin:0 0 5px!important;

    color:#102b57!important;
    -webkit-text-fill-color:#102b57!important;

    font-size:24px!important;
    line-height:1.2!important;
    font-weight:900!important;
}


body.information-information-10
.m61-ec-ref-head p{

    margin:0!important;

    color:#7a899b!important;

    font-size:10.5px!important;
}


body.information-information-10
.m61-ec-ref-head > a{

    flex:0 0 auto;

    min-height:37px;

    padding:0 12px;

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

    border:1px solid #dce3ec;
    border-radius:7px;

    color:#17355e!important;

    font-size:10px;
    font-weight:800;

    text-decoration:none!important;
}


/* MAIN CARD */

body.information-information-10
.m61-ec-ref-card{

    display:grid;
    grid-template-columns:
        minmax(0,1.45fr)
        minmax(260px,.55fr);

    overflow:hidden;

    border:1px solid #dde5ee;
    border-radius:13px;

    background:#f9fbfd;
}


body.information-information-10
.m61-ec-ref-preview{

    min-width:0;

    display:block;

    background:#eef2f6;

    text-decoration:none!important;
}


body.information-information-10
.m61-ec-browserbar{

    height:30px;

    padding:0 10px;

    display:flex;
    align-items:center;
    gap:5px;

    border-bottom:1px solid #e1e7ef;

    background:#fff;
}


body.information-information-10
.m61-ec-browserbar span{

    width:7px;
    height:7px;

    display:block;

    border-radius:50%;

    background:#dbe2eb;
}


body.information-information-10
.m61-ec-browserbar small{

    margin-left:7px;

    color:#8896a7;

    font-size:8.5px;
}


body.information-information-10
.m61-ec-ref-preview img{

    width:100%!important;
    height:300px!important;

    display:block!important;

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

    margin:0!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;
}


/* COPY */

body.information-information-10
.m61-ec-ref-copy{

    padding:28px 24px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}


body.information-information-10
.m61-ec-ref-tag{

    align-self:flex-start;

    margin-bottom:9px;
    padding:5px 7px;

    border-radius:999px;

    background:#fff0f2;

    color:#ef233c;

    font-size:8px;
    font-weight:900;
    letter-spacing:.5px;
}


body.information-information-10
.m61-ec-ref-copy h3{

    margin:0 0 8px!important;

    color:#102b57!important;

    font-size:22px!important;
    font-weight:900!important;
}


body.information-information-10
.m61-ec-ref-copy p{

    margin:0 0 15px!important;

    color:#66788e!important;

    font-size:10.5px!important;
    line-height:1.65!important;
}


body.information-information-10
.m61-ec-ref-features{

    margin-bottom:16px;

    display:flex;
    flex-wrap:wrap;
    gap:6px;
}


body.information-information-10
.m61-ec-ref-features span{

    padding:6px 8px;

    border:1px solid #e1e7ef;
    border-radius:6px;

    background:#fff;

    color:#597087;

    font-size:8.5px;
    font-weight:750;
}


body.information-information-10
.m61-ec-ref-live{

    align-self:flex-start;

    min-height:38px;

    padding:0 12px;

    display:inline-flex;
    align-items:center;

    border-radius:7px;

    background:#102b57;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;

    font-size:10px;
    font-weight:850;

    text-decoration:none!important;
}


/* RESPONSIVE */

@media(max-width:767px){

    body.information-information-10
    .m61-ec-reference-showcase{

        padding:20px 16px;
    }


    body.information-information-10
    .m61-ec-ref-head{

        align-items:flex-start;
        flex-direction:column;
    }


    body.information-information-10
    .m61-ec-ref-card{

        grid-template-columns:1fr;
    }


    body.information-information-10
    .m61-ec-ref-preview img{

        height:220px!important;
    }


    body.information-information-10
    .m61-ec-ref-copy{

        padding:20px 17px;
    }
}


/* M61_EC_REF_END */

/* M61 EC PACKAGE BADGE FINAL FIX */

body.information-information-10
.ep-packages > *:nth-child(2):before{
    top:-11px!important;
    right:12px!important;
    z-index:5!important;

    box-shadow:
        0 4px 10px
        rgba(16,43,87,.14)!important;
}