/* Puanla Gelişim Rehberi - görsel katman */
.eo-puan-hero-visual{
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;
    margin:20px 0 4px;padding:14px;border:1px solid var(--eo-line);
    background:linear-gradient(135deg,rgba(226,161,77,.09),rgba(77,135,192,.07));
    border-radius:12px;
}
.eo-puan-hero-item{
    min-height:118px;padding:12px 8px;border:1px solid rgba(255,255,255,.08);
    border-radius:10px;background:rgba(0,0,0,.18);text-align:center;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
}
.eo-puan-hero-item img,.eo-item-visual img{
    width:58px;height:58px;object-fit:contain;image-rendering:auto;
    filter:drop-shadow(0 5px 10px rgba(0,0,0,.42));
}
.eo-puan-hero-item strong{font-size:.9em;line-height:1.25;color:#fff}
.eo-puan-hero-item small{color:var(--eo-text-soft);font-size:.78em}
.eo-visual-pair{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;
}
.eo-item-visual{
    min-height:150px;padding:18px;border:1px solid var(--eo-line);border-radius:11px;
    background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.09),rgba(255,255,255,.025) 48%,rgba(0,0,0,.12));
    display:flex;align-items:center;gap:18px;
}
.eo-item-visual img{width:78px;height:78px;flex:0 0 auto}
.eo-item-visual h3{margin:0 0 5px!important}
.eo-item-visual p{margin:0}
.eo-item-visual .eo-big-number{display:block;font-size:1.45em;font-weight:800;color:#fff;margin-top:5px}
.eo-puan-figure{
    margin:22px auto;border:1px solid var(--eo-line);border-radius:12px;overflow:hidden;
    background:#080a0e;box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.eo-puan-figure img{display:block;width:100%;height:auto}
.eo-puan-figure figcaption{padding:10px 13px;color:var(--eo-text-soft);font-size:.9em;background:rgba(255,255,255,.035)}
.eo-mini-icon{
    width:32px;height:32px;object-fit:contain;vertical-align:middle;margin-right:8px;
    filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));
}
.eo-reward-strip{
    display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:18px 0;
}
.eo-reward-strip .eo-reward{
    padding:10px 6px;border:1px solid var(--eo-line);border-radius:9px;background:rgba(255,255,255,.035);
    text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
}
.eo-reward-strip img{width:46px;height:46px;object-fit:contain}
.eo-reward-strip span{font-size:.8em;line-height:1.2}
@media (max-width:980px){
    .eo-puan-hero-visual{grid-template-columns:repeat(3,minmax(0,1fr))}
    .eo-reward-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:640px){
    .eo-puan-hero-visual{grid-template-columns:repeat(2,minmax(0,1fr))}
    .eo-visual-pair{grid-template-columns:1fr}
    .eo-item-visual{min-height:125px;padding:14px}
    .eo-item-visual img{width:64px;height:64px}
    .eo-reward-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Sanal Mağaza görsel kartları */
.eo-shop-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:20px 0;
}
.eo-shop-card{
    overflow:hidden;
    border:1px solid var(--eo-line);
    border-radius:12px;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
}
.eo-shop-image{
    height:190px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px;
    background:
        radial-gradient(circle at 50% 40%,rgba(226,161,77,.15),transparent 48%),
        rgba(0,0,0,.18);
    border-bottom:1px solid var(--eo-line);
}
.eo-shop-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}
.eo-shop-image.eo-item-icon img{
    width:92px;
    height:92px;
}
.eo-shop-body{padding:14px}
.eo-shop-body h3{margin:0 0 6px!important}
.eo-shop-body p{margin:0 0 12px}
.eo-shop-body strong{
    display:inline-block;
    font-size:1.05em;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:8px;
    width:100%;
}
.eo-shop-total{
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    gap:14px;
    margin:16px 0 20px;
    padding:16px 18px;
    border:1px solid rgba(226,161,77,.35);
    border-radius:12px;
    background:rgba(226,161,77,.08);
}
.eo-shop-total span{font-weight:700}
.eo-shop-total strong{font-size:1.35em;color:#fff}
.eo-shop-total small{
    padding:6px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    font-weight:700;
}
@media (max-width:900px){
    .eo-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
    .eo-shop-grid{grid-template-columns:1fr}
    .eo-shop-image{height:170px}
    .eo-shop-total{grid-template-columns:1fr auto}
    .eo-shop-total small{grid-column:1/-1;width:max-content}
}


/* V4 - Sonuç bölümünü global UL/LI stillerinden tamamen bağımsız tut */
#sonuc .eo-result-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
    width:100% !important;
    margin:18px 0 22px !important;
    padding:0 !important;
}
#sonuc .eo-result-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    padding:11px 14px !important;
    margin:0 !important;
    border:1px solid var(--eo-line) !important;
    border-radius:9px !important;
    background:rgba(255,255,255,.03) !important;
    writing-mode:horizontal-tb !important;
}
#sonuc .eo-result-row .eo-result-dot{
    display:grid !important;
    place-items:center !important;
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    border-radius:50% !important;
    border:1px solid rgba(216,177,90,.35) !important;
    color:var(--eo-gold) !important;
    font-weight:800 !important;
    line-height:1 !important;
}
#sonuc .eo-result-row p{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1.55 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
}
#sonuc .eo-result-row p strong{
    display:inline !important;
    white-space:normal !important;
}
@media (max-width:560px){
    #sonuc .eo-result-row{align-items:flex-start !important;padding:10px 11px !important}
    #sonuc .eo-result-row .eo-result-dot{flex-basis:26px !important;width:26px !important;height:26px !important}
}


/* V5 - 2. bölüm Sanal Mağaza kart ikonlarını ürün tablosundaki ikonlarla eşitle */
#alisveris .eo-shop-image{
    height:68px !important;
    min-height:68px !important;
    padding:10px !important;
}

#alisveris .eo-shop-image img,
#alisveris .eo-shop-image.eo-item-icon img{
    width:32px !important;
    height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    object-fit:contain !important;
    image-rendering:auto !important;
    flex:0 0 32px !important;
}

@media (max-width:560px){
    #alisveris .eo-shop-image{
        height:64px !important;
        min-height:64px !important;
    }
}


/* V6 - Sonuç bölümü profesyonel özet kart düzeni */
#sonuc .eo-result-intro{
    max-width:900px;
    margin:0 0 20px;
    font-size:1.02em;
    line-height:1.7;
}

#sonuc .eo-result-summary-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:20px 0 24px;
}

#sonuc .eo-result-summary-card{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    align-items:center;
    gap:14px;
    min-width:0;
    padding:16px;
    border:1px solid var(--eo-line);
    border-radius:12px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
    box-shadow:0 8px 22px rgba(0,0,0,.12);
}

#sonuc .eo-result-summary-icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:10px;
    border:1px solid rgba(216,177,90,.24);
    background:rgba(0,0,0,.18);
}

#sonuc .eo-result-summary-icon img{
    width:34px;
    height:34px;
    object-fit:contain;
    display:block;
}

#sonuc .eo-result-summary-icon span{
    font-weight:800;
    font-size:1.05em;
    color:var(--eo-gold);
    letter-spacing:.04em;
}

#sonuc .eo-result-summary-card h3{
    margin:0 0 6px !important;
    font-size:1.02em;
    line-height:1.25;
}

#sonuc .eo-result-summary-card p{
    margin:0 !important;
    line-height:1.55 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
}

#sonuc .eo-result-final{
    margin:26px 0 20px;
    padding:22px 24px;
    border:1px solid rgba(226,161,77,.38);
    border-radius:14px;
    background:
        radial-gradient(circle at 10% 0%,rgba(226,161,77,.12),transparent 34%),
        linear-gradient(135deg,rgba(226,161,77,.07),rgba(255,255,255,.02));
}

#sonuc .eo-result-final-label{
    display:inline-block;
    margin-bottom:8px;
    font-size:.75em;
    font-weight:800;
    letter-spacing:.14em;
    color:var(--eo-gold);
}

#sonuc .eo-result-final h3{
    margin:0 0 8px !important;
    font-size:1.32em;
}

#sonuc .eo-result-final p{
    margin:0 !important;
    line-height:1.65 !important;
}

@media (max-width:760px){
    #sonuc .eo-result-summary-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:480px){
    #sonuc .eo-result-summary-card{
        grid-template-columns:46px minmax(0,1fr);
        gap:11px;
        padding:13px;
    }

    #sonuc .eo-result-summary-icon{
        width:46px;
        height:46px;
    }

    #sonuc .eo-result-summary-icon img{
        width:28px;
        height:28px;
    }

    #sonuc .eo-result-final{
        padding:18px;
    }
}


/* V7 - 2. bölüm ürün kartları: gerçek ikon boyutu + kompakt yatay düzen */
#alisveris .eo-shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}

#alisveris .eo-shop-card{
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    align-items:stretch !important;
    min-height:0 !important;
}

#alisveris .eo-shop-image{
    width:54px !important;
    height:auto !important;
    min-height:0 !important;
    padding:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-bottom:0 !important;
    border-right:1px solid var(--eo-line) !important;
    background:rgba(0,0,0,.16) !important;
    box-sizing:border-box !important;
}

#alisveris .eo-shop-image img,
#alisveris .eo-shop-image.eo-item-icon img{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    object-fit:contain !important;
    display:block !important;
    flex:0 0 32px !important;
    image-rendering:auto !important;
}

#alisveris .eo-shop-body{
    padding:11px 13px !important;
    min-width:0 !important;
}

#alisveris .eo-shop-body h3{
    margin:0 0 4px !important;
    font-size:.98em !important;
}

#alisveris .eo-shop-body p{
    margin:0 0 7px !important;
    font-size:.9em !important;
    line-height:1.45 !important;
}

#alisveris .eo-shop-body strong{
    padding-top:6px !important;
    font-size:.96em !important;
}

@media (max-width:700px){
    #alisveris .eo-shop-grid{
        grid-template-columns:1fr !important;
    }
}


/* V10 - Sonuç / Ekipman Temeli kartında iki görsel birlikte */
#sonuc .eo-result-summary-icon.eo-result-summary-icon-double{
    grid-template-columns:repeat(2,1fr);
    gap:3px;
    padding:5px;
    box-sizing:border-box;
}

#sonuc .eo-result-summary-icon.eo-result-summary-icon-double img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    object-fit:contain !important;
}

@media (max-width:480px){
    #sonuc .eo-result-summary-icon.eo-result-summary-icon-double{
        gap:2px;
        padding:4px;
    }

    #sonuc .eo-result-summary-icon.eo-result-summary-icon-double img{
        width:18px !important;
        height:18px !important;
        max-width:18px !important;
        max-height:18px !important;
    }
}


/* V12 - Aşamalı Harcama açıklama bölümü */
.eo-tiered-flow{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
    margin:18px 0;
}

.eo-tiered-step{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:11px;
    align-items:start;
    padding:14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:11px;
    background:rgba(255,255,255,.028);
}

.eo-tiered-step-no{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid rgba(226,161,77,.35);
    background:rgba(226,161,77,.08);
    color:#e5b963;
    font-weight:800;
}

.eo-tiered-step h3{
    margin:0 0 4px !important;
    font-size:1em;
}

.eo-tiered-step p{
    margin:0 !important;
    line-height:1.52 !important;
}

.eo-tiered-access{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:18px 0;
    padding:17px 18px;
    border:1px solid rgba(226,161,77,.28);
    border-radius:12px;
    background:
        radial-gradient(circle at 100% 0,rgba(226,161,77,.11),transparent 34%),
        rgba(255,255,255,.025);
}

.eo-tiered-access h3{
    margin:4px 0 5px !important;
}

.eo-tiered-access p{
    margin:0 !important;
}

.eo-tiered-access-icons{
    display:flex;
    align-items:center;
    flex:0 0 auto;
}

.eo-tiered-access-icons img{
    width:36px;
    height:36px;
    object-fit:contain;
    margin-left:-5px;
    padding:5px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(0,0,0,.22);
}

.eo-tiered-example{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:8px;
    margin:18px 0;
}

.eo-tiered-example span{
    min-width:0;
    padding:11px 8px;
    text-align:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:9px;
    background:rgba(255,255,255,.025);
}

.eo-tiered-example span.active{
    border-color:rgba(226,161,77,.40);
    background:rgba(226,161,77,.09);
}

.eo-tiered-example b,
.eo-tiered-example small{
    display:block;
}

.eo-tiered-example small{
    margin-top:2px;
    color:rgba(255,255,255,.66);
}

.eo-tiered-example i{
    color:#d7aa59;
    font-style:normal;
    font-weight:800;
}

@media (max-width:720px){
    .eo-tiered-flow{grid-template-columns:1fr}
    .eo-tiered-access{align-items:flex-start}
    .eo-tiered-example{
        grid-template-columns:1fr;
    }
    .eo-tiered-example i{
        text-align:center;
        transform:rotate(90deg);
    }
}

@media (max-width:480px){
    .eo-tiered-access{
        display:block;
    }
    .eo-tiered-access-icons{
        margin-top:12px;
    }
}


/* V13 - Gerçek Aşamalı ekranı ve hızlı erişim görseli */
.eo-tiered-screen{max-width:980px}
.eo-tiered-screen img{width:100%;height:auto;display:block}
.eo-tiered-access-real{justify-content:flex-start;align-items:center}
.eo-tiered-access-shot{flex:0 0 150px;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.18)}
.eo-tiered-access-shot img{width:auto;max-width:100%;max-height:190px;object-fit:contain;display:block}
.eo-tiered-access-real .eo-button{margin-top:12px}
@media (max-width:640px){.eo-tiered-access-real{display:block}.eo-tiered-access-shot{width:120px;margin-bottom:14px}}