/* =========================================================
   Ek stiller: dinamik logo, kaydırmalı vitrinler, formlar,
   paneller ve satın alma penceresi. Ana tasarım korunur.
   ========================================================= */

:root{
    --brand:#df2500;
    --brand-dark:#cf4535;
    --ink:#222;
    --muted:#8a8a93;
    --line:#ececf0;
    --radius:12px;
}

/* ---- Metin tabanlı dinamik marka logosu ---- */
.brand-logo{
    display:inline-flex;
    align-items:center;
    font-family:'Panton','Segoe UI',sans-serif;
    font-weight:800;
    font-size:28px;
    letter-spacing:-.5px;
    color:var(--ink);
    text-decoration:none;
    line-height:1;
}
.brand-logo .brand-dot{color:var(--brand);}
.mobile-header-guest .brand-logo{font-size:22px;}

/* ---- Kaydırmalı vitrinler (Swiper yerine sade yatay kaydırma) ---- */
.bottom-section_box.swiper,
.saled-place-slider.swiper,
.blog-section_body .swiper,
.blog-section .swiper{overflow:visible;}
.bottom-section_box .swiper-wrapper,
.saled-place-slider .swiper-wrapper,
.saled-place-slider .saled-slider-box,
.blog-section_body .swiper-wrapper{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto;
    gap:22px;
    padding:8px 28px 22px;
    transition:none;
    transform:none!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    align-items:stretch;
    scrollbar-width:thin;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
    grid-template-columns:none!important;
}
.bottom-section_box .swiper-slide,
.saled-place-slider .swiper-slide,
.blog-section_body .swiper-slide,
.bottom-section .top-products-item,
.top-products-item.swiper-slide{
    width:191px!important;
    min-width:191px!important;
    max-width:191px!important;
    height:auto!important;
    flex:0 0 191px!important;
    scroll-snap-align:start;
    transform:none!important;
    box-sizing:border-box;
    margin:0!important;
}
.top-stores-item,
.top-stores-item.swiper-slide{
    width:191px!important;
    min-width:191px!important;
    max-width:191px!important;
    flex:0 0 191px!important;
    margin:0!important;
}
.blog-section_item,
.blog-section_item.swiper-slide{
    width:270px!important;
    min-width:270px!important;
    max-width:270px!important;
    flex:0 0 270px!important;
}

/* Masaüstü: 5 kart eşit aralıklı, kenara yapışmaz, scrollbar yok */
@media (min-width:993px){
    .bottom-section,
    .middle-section{
        padding:20px 0 24px!important;
        overflow:visible!important;
    }
    .bottom-section_header,
    .middle-section_header{
        padding-left:40px!important;
        padding-right:40px!important;
        margin-bottom:18px!important;
    }
    .bottom-section_box .swiper-wrapper,
    .saled-place-slider .swiper-wrapper,
    .saled-place-slider .saled-slider-box,
    .saled-place-slider .saled-slider-box.swiper-wrapper{
        display:flex!important;
        flex-wrap:nowrap!important;
        grid-template-columns:none!important;
        grid-gap:30px!important;
        gap:30px!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding:10px 40px 28px!important;
        overflow-x:hidden!important;
        justify-content:flex-start!important;
        box-sizing:border-box!important;
    }
    .bottom-section .top-products-item,
    .bottom-section .top-products-item.swiper-slide,
    .top-products-item.swiper-slide{
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
    }
    .top-stores-item,
    .top-stores-item.swiper-slide,
    .saled-place-slider .saled-slider-box .top-stores-item{
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        box-sizing:border-box!important;
    }
}

/* Kart içi: uzun başlık kartı şişirmesin */
.top-products-item{
    overflow:visible;
    display:flex!important;
    flex-direction:column!important;
}
.top-products-item .top-products-image{
    height:110px!important;
    width:100%;
    overflow:hidden;
    border-radius:10px 10px 0 0;
    background:#f6f6f8;
}
.top-products-item .top-products-image a{
    display:block;width:100%;height:100%;
}
.top-products-item .top-products-image img:not(.verified-badge){
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block;
}
.top-products-item .top-products-title{
    width:100%!important;
    padding:0 10px;
    box-sizing:border-box;
}
.top-products-item .top-products-title h4{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    max-height:40px;
    line-height:1.25;
    font-size:13px;
    margin:10px 0 6px;
    word-break:break-word;
}
.top-products-item .top-products-available,
.top-products-item .top-products-price,
.top-products-item .top-products-button{
    padding:0 10px;
    box-sizing:border-box;
    width:100%;
}
.top-products-item .top-products-price{
    display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;
    margin:4px 0 2px;font-size:13px;line-height:1.35;
}
.top-products-item .top-products-price_text{color:#8a8a96;font-weight:500;}
.top-products-item .top-products-price_price{
    color:var(--brand);font-weight:800;font-size:16px;letter-spacing:-.2px;
}
.top-products-item .top-products-price_discount,
.top-products-item .top-products-price del{
    color:#a8a8b3;font-weight:500;font-size:12px;
    text-decoration:line-through;text-decoration-thickness:1.5px;
}
.top-products-item .top-products-button{margin-top:auto;padding-bottom:12px;}
.top-products-item .digital-buy-btn{width:100%;box-sizing:border-box;}

/* İnce kaydırma çubuğu */
.swiper-wrapper::-webkit-scrollbar{height:8px;}
.swiper-wrapper::-webkit-scrollbar-thumb{background:#dcdce2;border-radius:8px;}
.swiper-wrapper::-webkit-scrollbar-track{background:transparent;}

/* ---- Izgara görünümü (kategori / arama / mağaza) ---- */
.products-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(191px,191px));
    justify-content:start;
    gap:18px;
    padding:10px 0 30px;
}
.products-grid .top-products-item{
    width:191px!important;
    min-width:191px!important;
    max-width:191px!important;
    margin:0!important;
}
/* ---- Sayfa başlığı / kırıntı ---- */
.page-head{padding:18px 0 6px;}
.page-head h1{font-size:26px;font-weight:800;margin:0 0 6px;}
.page-head .muted{color:var(--muted);}

/* ---- Flash mesajlar ---- */
.flash{padding:12px 18px;border-radius:10px;margin:14px 0;font-size:14px;}
.flash-success{background:#e7f6ec;color:#1a7f37;border:1px solid #b7e2c4;}
.flash-error{background:#fdeceb;color:#b3271b;border:1px solid #f4c7c3;}

/* ---- Formlar ---- */
.form-card{
    background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:26px;max-width:460px;margin:30px auto;box-shadow:0 4px 24px rgba(0,0,0,.04);
}
.form-card.wide{max-width:820px;}
.form-title{font-size:22px;font-weight:800;margin:0 0 18px;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#444;}
.form-control{
    width:100%;padding:11px 14px;border:1px solid #dcdce2;border-radius:8px;
    font-size:14px;font-family:inherit;background:#fbfbfc;transition:.15s;
}
.form-control:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(223,37,0,.08);}
textarea.form-control{min-height:120px;resize:vertical;}
.btn-primary{
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--brand);color:#fff;border:none;padding:11px 26px;border-radius:30px;
    font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.3px;cursor:pointer;transition:.2s;text-decoration:none;
}
.btn-primary:hover{background:#b91f00;color:#fff;}
.btn-ghost{
    display:inline-flex;align-items:center;gap:6px;background:#f2f2f5;color:#333;border:none;
    padding:9px 18px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;
}
.btn-ghost:hover{background:#e8e8ee;color:#111;}
.btn-danger{background:#e5484d;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;font-size:13px;}
.form-hint{font-size:13px;color:var(--muted);margin-top:14px;text-align:center;}
.form-hint a{color:var(--brand);font-weight:600;}

/* ---- İçerik metni (statik sayfa / blog) — beyaz kart ---- */
.content-body{
    max-width:860px;margin:18px auto 40px;padding:28px 30px 36px;
    font-size:15px;line-height:1.8;color:#333;
    background:#fff;border:1px solid var(--line);border-radius:14px;
    box-shadow:0 2px 14px rgba(0,0,0,.03);
}
.content-body h1{font-size:28px;font-weight:800;margin:0 0 12px;}
.content-body h3{margin-top:26px;font-weight:700;}
.content-body img{max-width:100%;border-radius:10px;}
.content-body .muted{color:var(--muted);margin:0 0 14px;}

/* ---- Ürün detay — beyaz kart ---- */
.product-detail{
    display:flex;gap:34px;flex-wrap:wrap;
    background:#fff;border:1px solid var(--line);border-radius:14px;
    padding:26px 28px;margin:18px 0 24px;
    box-shadow:0 2px 14px rgba(0,0,0,.03);
}
.product-detail .pd-media{flex:0 0 300px;max-width:300px;}
.product-detail .pd-media img{width:100%;border-radius:var(--radius);border:1px solid var(--line);background:#fafafb;display:block;}
.product-detail .pd-info{flex:1;min-width:260px;}
.product-detail .pd-title{font-size:24px;font-weight:800;margin:0 0 14px;line-height:1.3;}
.product-detail .content-body{
    max-width:none;margin:18px 0 0;padding:16px 0 0;
    background:transparent;border:none;border-top:1px solid var(--line);
    border-radius:0;box-shadow:none;
}
.pd-meta{display:flex;gap:22px;flex-wrap:wrap;margin:14px 0;color:var(--muted);font-size:14px;}
.pd-meta b{color:#333;}
.pd-price{font-size:30px;font-weight:800;color:var(--brand);margin:16px 0;}
.pd-price del{font-size:18px;color:#b7b7bf;margin-left:12px;font-weight:600;}
.pd-store-link{color:#333;font-weight:700;text-decoration:none;}
.pd-store-link:hover{color:var(--brand);}

/* ---- Panel yerleşimi (hesap / satıcı) ---- */
.panel-wrap{display:flex;gap:26px;padding:24px 0 50px;align-items:flex-start;flex-wrap:wrap;}
.panel-side{
    flex:0 0 230px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
    padding:14px;position:sticky;top:20px;
}
.panel-side a{
    display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px;
    color:#444;text-decoration:none;font-weight:600;font-size:14px;margin-bottom:2px;
}
.panel-side a:hover{background:#f5f5f8;color:#111;}
.panel-side a.active{background:var(--brand);color:#fff;}
.panel-main{flex:1;min-width:300px;}
.panel-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:20px;}
.panel-card h2{font-size:18px;font-weight:800;margin:0 0 16px;}

/* Kartlar / istatistik */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;}
.stat .stat-val{font-size:26px;font-weight:800;color:var(--ink);}
.stat .stat-label{color:var(--muted);font-size:13px;margin-top:4px;}

/* ---- Tablolar ---- */
.table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;}
.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);}
.table th{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.4px;}
.table tr:last-child td{border-bottom:none;}
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;}
.badge-green{background:#e7f6ec;color:#1a7f37;}
.badge-gray{background:#eee;color:#666;}
.badge-red{background:#fdeceb;color:#b3271b;}
.delivered-content{background:#f6f6f8;border:1px dashed #d5d5dd;border-radius:8px;padding:12px 14px;font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-all;}

/* ---- Satın alma penceresi ---- */
.buy-modal{position:fixed;inset:0;background:rgba(20,20,25,.55);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;}
.buy-modal.open{display:flex;}
.buy-modal_box{
    background:#fff;border-radius:16px;max-width:440px;width:100%;padding:24px 26px 26px;
    box-shadow:0 20px 60px rgba(0,0,0,.3);box-sizing:border-box;
}
.buy-modal_head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.buy-modal_box h3{margin:0;font-size:20px;font-weight:800;}
.buy-modal_box .bm-sub{color:var(--muted);font-size:14px;margin:8px 0 16px;line-height:1.45;}
.buy-modal_row{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;
}
.buy-modal_row>span:first-child{color:var(--muted);flex:0 0 auto;}
.buy-modal_row>b,
.buy-modal_row>span:last-child{white-space:nowrap;text-align:right;}
.buy-modal_form{display:block;width:100%;}
.buy-modal_qty .bm-qty-input{
    width:90px;flex:0 0 90px;text-align:center;
    padding:8px 10px;border:1px solid #dcdce2;border-radius:8px;
    font-size:15px;font-weight:700;background:#fbfbfc;box-sizing:border-box;
}
.buy-modal_qty .bm-qty-input:focus{outline:none;border-color:var(--brand);background:#fff;}
.buy-modal_total{border-bottom:none;padding-top:14px;}
.buy-modal_total>span:first-child{font-weight:600;color:#444;}
.buy-modal_total>b{font-size:20px;font-weight:800;color:var(--brand);}
.buy-modal_actions{display:flex;gap:12px;margin-top:18px;}
.buy-modal_actions .btn-ghost,
.buy-modal_actions .btn-primary{
    flex:1 1 0;min-width:0;text-align:center;justify-content:center;
    padding:12px 16px;border-radius:30px;white-space:nowrap;
}
.buy-modal_close{
    cursor:pointer;color:var(--muted);font-size:26px;line-height:1;background:none;border:none;
    width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;
    flex:0 0 auto;padding:0;
}
.buy-modal_close:hover{background:#f2f2f5;color:#222;}
@media (max-width:560px){
    .buy-modal{padding:12px;}
    .buy-modal_box{padding:18px 16px 20px;border-radius:14px;}
    .buy-modal_actions{flex-direction:column-reverse;gap:10px;}
    .buy-modal_actions .btn-ghost,
    .buy-modal_actions .btn-primary{width:100%;flex:0 0 auto;}
}

/* digital-buy düğmesi (Vue bileşeni yerine) */
.digital-buy-btn{
    display:inline-block;background:var(--brand);color:#fff;border:none;border-radius:30px;
    padding:8px 22px;font-weight:700;text-transform:uppercase;font-size:12px;cursor:pointer;transition:.2s;
}
.digital-buy-btn:hover{background:#b91f00;}
.digital-buy-btn:disabled{background:#e0e0e5;color:#9a9aa2;cursor:not-allowed;}

/* verified rozet — kart üzerinde, overflow kesmesin */
.top-products-item,
.top-stores-item,
.top-stores-item .link-item-store{
    position:relative!important;
    overflow:visible!important;
}
.top-products-item .top-products-image,
.top-stores-item .top-stores-image{
    position:relative;
    z-index:1;
    overflow:hidden;
}
.verified-badge{
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    z-index:20!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    max-width:26px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    pointer-events:none;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:url("../images/verified.svg") center / contain no-repeat!important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.25));
}
html[dir="rtl"] .verified-badge{
    right:auto!important;
    left:10px!important;
}
.store-profile_verified{
    display:inline-block;vertical-align:middle;flex:0 0 auto;
    width:24px!important;height:24px!important;object-fit:contain;
}

/* ---- Mağaza profil sayfası ---- */
.store-profile{
    display:flex;align-items:center;gap:22px;flex-wrap:wrap;
    background:#fff;border:1px solid var(--line);border-radius:14px;
    padding:22px 24px;margin:10px 0 16px;
    box-shadow:0 2px 14px rgba(0,0,0,.03);
}
.store-profile_logo{
    flex:0 0 96px;width:96px;height:96px;border-radius:18px;overflow:hidden;
    border:1px solid var(--line);background:#f6f6f8;
    display:flex;align-items:center;justify-content:center;
}
.store-profile_logo img{
    width:100%;height:100%;object-fit:cover;display:block;
}
.store-profile_body{flex:1;min-width:220px;}
.store-profile_name{
    font-size:26px;font-weight:800;margin:0 0 8px;display:flex;align-items:center;gap:8px;line-height:1.2;overflow:visible;
}
.store-profile_rating{
    display:flex;align-items:center;gap:8px;margin-bottom:6px;
}
.store-profile_rating .stars,
.top-stores-rating .stars{
    display:inline-flex;align-items:center;gap:2px;height:16px;
}
.store-profile_rating .star,
.top-stores-rating .star{
    width:15px;height:15px;display:inline-block;
    background-repeat:no-repeat;background-size:contain;
}
.store-profile_rating .star-full,
.top-stores-rating .star-full{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f5a623' d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
.store-profile_rating .star-half,
.top-stores-rating .star-half{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='h'%3E%3Cstop offset='50%25' stop-color='%23f5a623'/%3E%3Cstop offset='50%25' stop-color='%23ddd'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23h)' d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
.store-profile_rating .star-empty,
.top-stores-rating .star-empty{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ddd' d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
.store-profile_desc{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5;max-width:640px;}
.store-profile_top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.store-report-link{
    font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;
    border:1px solid var(--line);padding:6px 12px;border-radius:8px;white-space:nowrap;
}
.store-report-link:hover{color:var(--brand);border-color:#f0c2b8;background:#fff8f6;}

/* ---- Güven rozetleri ---- */
.store-badges{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px;}
.s-badge{
    display:inline-flex;align-items:center;gap:5px;
    font-size:11px;font-weight:700;line-height:1;
    padding:5px 9px;border-radius:6px;border:1px solid transparent;
    white-space:nowrap;
}
.s-badge-ico{
    width:12px;height:12px;display:inline-block;flex:0 0 auto;
    background-repeat:no-repeat;background-size:contain;background-position:center;
    opacity:.9;
}
.s-badge--green{background:#e7f6ec;color:#1a7f37;border-color:#c6e9d0;}
.s-badge--blue{background:#e7effd;color:#1d5fd8;border-color:#c5d6f8;}
.s-badge--gold{background:#fff6e0;color:#a56a00;border-color:#f0dfb0;}
.s-badge--teal{background:#e6f7f5;color:#0e7a72;border-color:#bfe8e3;}
.s-badge--orange{background:#fff1e6;color:#c45a00;border-color:#f0d0b0;}
.s-badge--red{background:#fdeceb;color:#b3271b;border-color:#f4c7c3;}
.s-badge--purple{background:#f3e9fb;color:#6b2fa0;border-color:#dfc8f0;}
.s-badge--gray{background:#f1f1f4;color:#555;border-color:#e0e0e5;}
.s-badge-ico--shield{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231a7f37'%3E%3Cpath d='M12 2l8 3v6c0 5-3.5 9.5-8 11-4.5-1.5-8-6-8-11V5l8-3zm-1 13l6-6-1.4-1.4L11 12.2 8.4 9.6 7 11l4 4z'/%3E%3C/svg%3E");}
.s-badge-ico--check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d5fd8'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");}
.s-badge-ico--crown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a56a00'%3E%3Cpath d='M3 17l2-10 5 4 2-6 2 6 5-4 2 10H3zm0 2h18v2H3v-2z'/%3E%3C/svg%3E");}
.s-badge-ico--purse{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230e7a72'%3E%3Cpath d='M20 7h-3V5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2H4a1 1 0 0 0-1 1v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8a1 1 0 0 0-1-1zM9 5h6v2H9V5zm3 12a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E");}
.s-badge-ico--bolt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c45a00'%3E%3Cpath d='M13 2L4 14h7l-1 8 10-14h-7l0-6z'/%3E%3C/svg%3E");}
.s-badge-ico--star{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b3271b'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");}
.s-badge-ico--rise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b2fa0'%3E%3Cpath d='M16 6l2.3 2.3-4.9 4.9-3-3L3 16.6 4.4 18l5-5 3 3 6.3-6.3L21 12V6z'/%3E%3C/svg%3E");}
.s-badge-ico--chat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555'%3E%3Cpath d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm-3 11H7v-2h10v2zm0-3H7V8h10v2z'/%3E%3C/svg%3E");}
.top-stores-item .store-badges{margin:6px 10px 2px;justify-content:center;}
.top-stores-item .s-badge{font-size:10px;padding:4px 7px;}

/* ---- Şikayet formu ---- */
.store-report{
    background:#fff;border:1px solid var(--line);border-radius:14px;
    padding:22px 24px;margin:28px 0 40px;
}
.store-report h2{font-size:18px;font-weight:800;margin:0 0 6px;}
.store-report .muted{color:var(--muted);font-size:13px;margin:0 0 16px;}
.store-report_form .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:560px){
    .store-report_form .form-row-2{grid-template-columns:1fr;}
    .store-report{padding:16px;}
}

.store-stats{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:10px;
}
.store-stat{
    background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;
    display:flex;align-items:center;gap:12px;min-height:74px;
}
.store-stat img{width:28px;height:28px;opacity:.85;flex:0 0 auto;}
.store-stat_val{font-size:18px;font-weight:800;color:#222;line-height:1.2;}
.store-stat_lbl{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.3;}

/* Ürün kartı: ızgarada da beyaz kutu görünsün */
.products-grid .top-products-item{
    background:#fff!important;
    border:1px solid #e8e8ee!important;
    border-radius:12px!important;
    box-shadow:0 2px 10px rgba(0,0,0,.03);
    padding-bottom:4px;
}

@media (max-width:900px){
    .store-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
    .store-profile{padding:16px;gap:14px;}
    .store-profile_logo{flex-basis:72px;width:72px;height:72px;border-radius:14px;}
    .store-profile_name{font-size:20px;}
    .store-stats{grid-template-columns:1fr 1fr;gap:8px;}
    .store-stat{padding:12px;min-height:64px;}
    .store-stat_val{font-size:15px;}
}

/* eski store-hero (geriye dönük) */
.store-hero{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:10px;}
.store-hero img{width:90px;height:90px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:#fafafb;}
.store-hero h1{font-size:24px;font-weight:800;margin:0 0 6px;}

@media (max-width:768px){
    .panel-side{position:static;flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;}
    .panel-side a{flex:1 1 auto;}
    .product-detail .pd-media{flex:1 1 100%;max-width:none;}
    .product-detail{padding:18px 16px;gap:18px;}
    .content-body{padding:20px 16px 28px;margin:12px 8px 28px;}
    .page-shell{padding:14px 14px 6px;margin:10px 0 14px;}
    .state-card{padding:28px 18px;margin:12px 0 28px;}
    .state-card .state-code{font-size:48px;}
    .blog-grid{grid-template-columns:1fr;gap:14px;}
}

/* =========================================================
   İLK ORİJİNAL GÖRÜNÜM (cPanel ilk yükleme)
   - Header / footer: ekran boyu (w-full)
   - İçerik (.main / .top-section): 1140px ortalanmış
   Config base_path sadece URL içindir; boyutu değiştirmez.
   ========================================================= */
html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}
body{
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    background-color:#e9e7e7;
}

/* Dış iskelet tam genişlik (her ekran) */
#app,
.site-box.content{
    width:100% !important;
    max-width:none !important;
    min-width:0;
    margin:0;
    background-color:#e9e7e7;
    box-sizing:border-box;
}

/* Header tam genişlik beyaz şerit (mobilde sabitlenmez) */
.header{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:unset !important;
    background-color:#fff;
    box-shadow:0 0 8px 0 #c7c5c5;
    border-radius:0 0 8px 8px;
}

img,svg,video{max-width:100%;height:auto;}
input,select,textarea,button{
    font-size:16px;
    max-width:100%;
}
.header-search-box{font-size:16px;}

/* ---- Masaüstü (≥993px): orijinal 1140px içerik ---- */
@media (min-width:993px){
    .header .main-header,
    .header .container.main-header,
    #main-panel.container{
        width:100% !important;
        max-width:1140px !important;
        min-width:0 !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box;
        padding-left:15px !important;
        padding-right:15px !important;
    }
    .main{
        width:100% !important;
        max-width:1140px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box;
    }
    .top-section{
        display:flex;
        justify-content:space-between;
        width:100% !important;
        max-width:1140px !important;
        margin-top:15px;
        margin-bottom:20px;
        box-sizing:border-box;
    }
    .bottom-section,
    .middle-section,
    .blog-section{
        width:100%;
        max-width:1140px;
        margin-left:auto;
        margin-right:auto;
        box-sizing:border-box;
    }
    footer,
    .footer-top,
    .footer-bottom{
        width:100% !important;
        max-width:none !important;
    }
    .footer-bottom .wrapper{
        width:100%;
        max-width:1140px;
        margin-left:auto;
        margin-right:auto;
        box-sizing:border-box;
    }
}

/* ---- Mobil / tablet (≤992px) ---- */
@media (max-width:992px){
    /* Tam genişlik: app.css container 90%/min 540px ve bootstrap kolon boşluklarını ez */
    .container,
    #main-panel,
    #main-panel.container,
    .main,
    .top-section,
    .bottom-section,
    .middle-section,
    .blog-section,
    .header .main-header,
    .header .container.main-header,
    footer,
    .footer-top,
    .footer-bottom,
    .footer-bottom .wrapper{
        max-width:100% !important;
        width:100% !important;
        min-width:0 !important;
        box-sizing:border-box;
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .container,
    #main-panel,
    #main-panel.container,
    .header .main-header,
    .header .container.main-header{
        padding-left:8px !important;
        padding-right:8px !important;
    }
    #main-panel .row,
    .main .row,
    .top-section.row{
        margin-left:0 !important;
        margin-right:0 !important;
        width:100% !important;
    }
    #main-panel [class*="col-"],
    .main [class*="col-"],
    .top-section .main-middle-col,
    .top-section .main-left-col,
    .top-section .col-12,
    .top-section .col-lg-8,
    .top-section .col-xl-9{
        padding-left:0 !important;
        padding-right:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        max-width:100% !important;
        width:100% !important;
        flex:0 0 100% !important;
    }
    .main{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    input,select,textarea,button,.header-search-box{
        font-size:16px !important;
    }
    .toggle-button{
        display:flex!important;
        align-items:center;
        justify-content:center;
        left:8px!important;
        top:10px!important;
        width:44px!important;
        height:44px!important;
        padding:0!important;
        z-index:30!important;
        background:none!important;
        border:none!important;
        cursor:pointer;
    }
    .toggle-button .burger-lines{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        width:26px;
        height:20px;
    }
    .toggle-button .burger-lines i{
        display:block;
        width:100%;
        height:3px;
        border-radius:2px;
        background:#222;
        transition:transform .2s,opacity .2s;
    }
    .toggle-button.is-open .burger-lines i:nth-child(1){
        transform:translateY(8.5px) rotate(45deg);
    }
    .toggle-button.is-open .burger-lines i:nth-child(2){
        opacity:0;
    }
    .toggle-button.is-open .burger-lines i:nth-child(3){
        transform:translateY(-8.5px) rotate(-45deg);
    }
    .mobile-search-button{
        display:flex!important;
        align-items:center;
        justify-content:center;
        right:8px!important;
        top:10px!important;
        width:44px!important;
        height:44px!important;
        z-index:30!important;
    }
    .mobile-search-button img{
        width:24px!important;
        height:24px!important;
    }
    /* Mobil menü: üst beyaz boşluğu kaldır, gradient tepeye kadar */
    #mobileMenu{
        padding-top:0!important;
        height:100%!important;
        height:100dvh!important;
        max-height:100%!important;
        max-height:100dvh!important;
        box-sizing:border-box!important;
    }
    #mobileMenu header{
        position:relative;
        margin:0!important;
        padding:0!important;
    }
    #mobileMenu .mobile-header-wrapper{
        margin-left:-15px!important;
        margin-right:-15px!important;
        margin-top:0!important;
        padding-top:env(safe-area-inset-top,0px)!important;
        min-height:calc(119px + env(safe-area-inset-top,0px))!important;
        background:linear-gradient(90deg,#ff512f,#dd2476)!important;
    }
    #mobileMenu .mobile-header-guest{
        min-height:119px;
        padding-right:56px;
    }
    .mobile-menu-close{
        position:absolute;
        top:calc(10px + env(safe-area-inset-top,0px));
        right:12px;
        z-index:5;
        width:40px;
        height:40px;
        border:none;
        border-radius:50%;
        background:rgba(255,255,255,.22);
        color:#fff;
        font-size:32px;
        line-height:1;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0;
    }
    .mobile-menu-close:active{
        background:rgba(255,255,255,.35);
    }
    html[dir="rtl"] .mobile-menu-close{
        right:auto;
        left:12px;
    }
    .header{
        position:relative!important;
        left:auto!important;
        top:auto!important;
        width:100%!important;
        height:auto!important;
        min-height:56px!important;
        overflow:visible!important;
        z-index:100!important;
    }
    .header .main-header{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        padding:14px 52px 12px!important;
        min-height:56px;
        box-sizing:border-box;
    }
    .header .main-header .header-logo-wrapper{
        margin:0 auto!important;
        justify-content:center!important;
        width:auto!important;
        min-width:0!important;
        height:auto!important;
        order:1;
    }
    .header .main-header .header-logo-wrapper .brand-logo{
        font-size:22px!important;
    }
    .header .main-header .header-middle-wrapper{
        width:100%!important;
        position:static!important;
        order:2;
    }
    /* Masaüstü menü + dil seçici mobilde tamamen gizle */
    .header .header-middle-top,
    .header .header-middle-top.d-none,
    .header .header-middle-top.d-lg-flex,
    .header .top-menu,
    .header .lang-switcher{
        display:none!important;
        visibility:hidden!important;
        height:0!important;
        overflow:hidden!important;
        margin:0!important;
        padding:0!important;
    }
    .header .header-middle-bottom{
        display:block!important;
        width:100%!important;
        height:auto!important;
        padding:0!important;
        margin:0!important;
    }
    .header .header-middle-rigth_wrapper,
    .header .header-middle-profile_user{
        display:none!important;
    }
    /* Arama: sadece ikona basınca açılsın */
    .header .header-middle-search{
        display:none!important;
        width:100%!important;
        margin:10px 0 0!important;
        padding:0!important;
        background:transparent!important;
        box-shadow:none!important;
        border:none!important;
    }
    .header .header-middle-search.mobile-search-open{
        display:block!important;
    }
    .header .header-middle-search .form-search{
        display:flex!important;
        align-items:center;
        gap:6px;
        width:100%;
    }
    .header .header-middle-search .header-search-box{
        flex:1 1 auto;
        width:auto!important;
        min-width:0!important;
        font-size:16px!important;
    }
    .footer-top{padding:20px 12px !important;}
    .footer-columns{max-width:100% !important;}
    .footer-bottom{
        padding-left:8px !important;
        padding-right:8px !important;
        height:auto !important;
        min-height:56px;
    }
    .top-section{
        flex-direction:column !important;
        margin-top:8px!important;
        margin-bottom:12px!important;
        width:100%!important;
        max-width:100%!important;
    }
    .top-section .main-left-col{
        display:none!important;
    }
    .top-section .main-middle-col{
        width:100%!important;
        max-width:100%!important;
        flex:0 0 100%!important;
        padding:0!important;
        margin:0!important;
    }
    .main-slider,
    .main-slider .main-slider-box,
    .main-slider-place{
        min-height:220px!important;
        max-height:none!important;
        height:auto!important;
        width:100%!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        box-sizing:border-box!important;
    }
    .main-slider-place .main-slider-text_wrapper{
        max-width:92%!important;
        margin:20px 12px!important;
    }
    .products-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:12px!important;
        justify-content:stretch;
        padding:8px 0 20px!important;
    }
    /* Ana sayfa carousel: yatay kaydırma, kenara yapışık 2 kart */
    .bottom-section,
    .middle-section,
    .blog-section{
        overflow:visible!important;
        margin-left:-8px!important;
        margin-right:-8px!important;
        width:calc(100% + 16px)!important;
        max-width:none!important;
        padding-left:0!important;
        padding-right:0!important;
        border-radius:0!important;
        box-shadow:none!important;
    }
    .bottom-section .background-items,
    .middle-section .background-items{
        margin:0!important;
        padding:0!important;
        width:100%!important;
        max-width:100%!important;
        overflow:hidden!important;
    }
    .bottom-section_header,
    .middle-section_header,
    .blog-section_header{
        padding-left:8px!important;
        padding-right:8px!important;
        margin-bottom:10px!important;
    }
    .bottom-section_box.swiper,
    .saled-place-slider.swiper,
    .blog-section_body{
        overflow:hidden!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }
    .bottom-section_box .swiper-wrapper,
    .saled-place-slider .swiper-wrapper,
    .saled-place-slider .saled-slider-box,
    .blog-section_body .swiper-wrapper{
        display:flex!important;
        flex-wrap:nowrap!important;
        justify-content:flex-start!important;
        align-items:stretch!important;
        gap:8px!important;
        padding:4px 0 16px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        width:100%!important;
        margin:0!important;
        grid-template-columns:none!important;
        box-sizing:border-box!important;
    }
    .bottom-section_box .swiper-wrapper::-webkit-scrollbar,
    .saled-place-slider .swiper-wrapper::-webkit-scrollbar,
    .blog-section_body .swiper-wrapper::-webkit-scrollbar{
        display:none;
    }
    /* Mobil: aynı anda 2 kart tam görünsün */
    .bottom-section .top-products-item,
    .bottom-section .top-products-item.swiper-slide,
    .top-products-item.swiper-slide{
        width:calc((100% - 8px) / 2)!important;
        min-width:calc((100% - 8px) / 2)!important;
        max-width:calc((100% - 8px) / 2)!important;
        flex:0 0 calc((100% - 8px) / 2)!important;
        margin:0!important;
        scroll-snap-align:start;
        scroll-snap-stop:always;
        box-sizing:border-box!important;
    }
    .top-stores-item,
    .top-stores-item.swiper-slide{
        width:calc((100% - 8px) / 2)!important;
        min-width:calc((100% - 8px) / 2)!important;
        max-width:calc((100% - 8px) / 2)!important;
        flex:0 0 calc((100% - 8px) / 2)!important;
        margin:0!important;
        scroll-snap-align:start;
        scroll-snap-stop:always;
        box-sizing:border-box!important;
    }
    .blog-section_item,
    .blog-section_item.swiper-slide{
        width:calc((100% - 8px) / 2)!important;
        min-width:calc((100% - 8px) / 2)!important;
        max-width:calc((100% - 8px) / 2)!important;
        flex:0 0 calc((100% - 8px) / 2)!important;
        margin:0!important;
        scroll-snap-align:start;
        scroll-snap-stop:always;
    }
    /* Blog kapak yazısı mobilde kesilmesin */
    .blog-section_item .blog-item_image_wrapper{
        height:110px!important;
        background:#1a1a22!important;
    }
    .blog-section_item .blog-item_image_wrapper img{
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
        object-position:center center!important;
    }
    .blog-section_item .blog-item_title{
        font-size:12px!important;
        margin:8px 8px 4px!important;
        min-height:2.4em!important;
    }
    .blog-section_item .blog-item-date{
        margin:0 8px!important;
        font-size:11px!important;
    }
    /* Kategori / arama ızgarası: 2 sütun, taşmasın */
    .products-grid .top-products-item,
    .products-grid .top-products-item.swiper-slide{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        flex:0 0 auto!important;
        margin:0!important;
    }
    .blog-grid{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }
    .blog-grid .blog-section_item,
    .blog-grid .blog-section_item.swiper-slide{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
    }
    .top-products-item .top-products-title h4{
        font-size:12px!important;
        max-height:2.6em!important;
        margin:8px 0 4px!important;
    }
    .top-products-item .top-products-available,
    .top-products-item .top-products-price{
        font-size:12px!important;
        padding:0 8px!important;
    }
    .top-products-item .top-products-price_price{font-size:14px!important;}
    .top-products-item .digital-buy-btn,
    .top-products-item .top-products-button button{
        width:100%!important;
        max-width:100%!important;
        box-sizing:border-box!important;
        padding:7px 10px!important;
        font-size:11px!important;
    }
    .top-products-item .top-products-button{padding:0 8px 10px!important;}
    .top-stores-item .top-stores-title h4{
        font-size:13px!important;
    }
    .top-stores-item .store-badges{margin:4px 6px 2px!important;gap:4px!important;}
    .top-stores-item .s-badge{font-size:9px!important;padding:3px 6px!important;}
    .top-stores-item .top-stores-date{font-size:11px!important;padding:0 8px!important;}
    .form-card{margin:16px 0;padding:18px;}
    .product-detail{flex-direction:column;}
    .buy-modal_box{max-width:100%;}
    .panel-wrap{flex-direction:column;}
    .lang-switcher{flex-wrap:wrap;}
}

@supports (padding: max(0px)) {
    body{
        padding-left:env(safe-area-inset-left);
        padding-right:env(safe-area-inset-right);
    }
}

/* ---- Breadcrumbs ---- */
.breadcrumbs-top:empty{display:none!important;margin:0!important;padding:0!important;height:0!important;}
.breadcrumbs-top{
    width:100%!important;
    max-width:1140px;
    margin:10px auto 12px!important;
    padding:0 12px;
    box-sizing:border-box;
}
.breadcrumbs-top .breadcrumb{
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
    gap:0;
    list-style:none!important;
    margin:0!important;
    padding:10px 14px!important;
    background:#fff!important;
    border-radius:8px!important;
    box-shadow:0 0 8px 0 #c7c5c5;
}
.breadcrumbs-top .breadcrumb>li,
.breadcrumbs-top .breadcrumb .breadcrumb-item{
    display:inline-flex!important;
    align-items:center;
    font-size:13px!important;
    color:#333;
    margin:0!important;
}
.breadcrumbs-top .breadcrumb>li+li:before,
.breadcrumbs-top .breadcrumb .breadcrumb-item+li:before,
.breadcrumbs-top .breadcrumb .breadcrumb-item+.breadcrumb-item:before{
    content:"\25CF"!important;
    padding:0 8px!important;
    color:#cf4535!important;
    font-size:9px;
}
.breadcrumbs-top .breadcrumb a{
    color:#222!important;
    text-decoration:none;
}
.breadcrumbs-top .breadcrumb a:hover{
    color:var(--brand)!important;
    border-bottom:1px solid var(--brand);
}
.breadcrumbs-top .breadcrumb .active,
.breadcrumbs-top .breadcrumb>.active{
    font-weight:700!important;
    color:#111;
    max-width:60vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
@media (max-width:992px){
    .breadcrumbs-top{
        margin:8px 0 10px!important;
        padding:0 12px!important;
        max-width:100%!important;
    }
    .breadcrumbs-top .breadcrumb{
        padding:8px 12px!important;
    }
    .breadcrumbs-top .breadcrumb>li,
    .breadcrumbs-top .breadcrumb .breadcrumb-item{
        font-size:12px!important;
    }
}

/* ---- Language switcher ---- */
.lang-switcher{
    display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin:8px 0;
}
.header-middle-top .lang-switcher{margin:0 0 0 auto;flex-shrink:0;}
.lang-link{
    font-size:12px;font-weight:700;color:#666;text-decoration:none;
    padding:4px 8px;border-radius:6px;border:1px solid transparent;white-space:nowrap;
}
.lang-link:hover{color:var(--brand);background:#f7f7f9;}
.lang-link.active{color:#fff;background:var(--brand);border-color:var(--brand);}

/* ---- Header: masaüstü ---- */
@media (min-width:993px){
    .toggle-button,
    .mobile-search-button{display:none!important;}
    .header .main-header .header-logo-wrapper{
        width:auto!important;min-width:140px;height:auto!important;margin:20px 40px 20px 0!important;
        display:flex;align-items:center;
    }
    .header .main-header .header-middle-top{
        display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;
    }
    .header .main-header .header-middle-top .top-menu{flex:1 1 auto;min-width:0;}
    .header .main-header .header-middle-bottom .header-middle-profile_user .profile-user_info a{
        white-space:nowrap;
    }
    .header .main-header .header-middle-bottom .header-middle-profile_user{
        min-width:96px;
    }
    .header .main-header .header-middle-bottom .header-middle-search .form-search .header-search-box{
        width:calc(100% - 48px)!important;
    }
}

.header-middle-profile_user{
    display:flex!important;align-items:center!important;gap:10px;flex:0 0 auto;
}
.header-middle-profile_user .profile-user_icon{
    flex:0 0 40px!important;width:40px!important;height:40px!important;
    margin-right:0!important;min-width:40px!important;
}
.header-middle-profile_user .profile-user_icon a{
    display:flex!important;align-items:center;justify-content:center;
    width:40px!important;height:40px!important;
}
.header-middle-profile_user .profile-user_icon img{
    width:40px!important;height:40px!important;max-width:none!important;
    min-width:40px!important;object-fit:cover;border-radius:50%;
    display:block!important;flex-shrink:0;
}
.header-middle-profile_user .profile-user_info{min-width:0;}
.mh-guest-image{
    flex:0 0 48px;width:48px;height:48px;min-width:48px;margin-right:12px;
}
.mh-guest-image img{
    width:48px!important;height:48px!important;max-width:none!important;
    object-fit:cover;border-radius:50%;display:block;
}

.help-icon-search{
    background:url(../images/search-black.svg) 50% / 18px 18px no-repeat!important;
    width:21px;height:21px;display:block;
}
.main-slider-place{
    background:url(../images/slider/slide1.svg) center / cover no-repeat!important;
}
#app{background-color:#e9e7e7;}
.site-box.content,#main-panel{min-height:60vh;}

/* ---- Store cards: logos + star rating ---- */
.top-stores-item .top-stores-image{
    height:98px!important;width:100%;overflow:hidden;background:#f6f6f8;
    display:flex;align-items:center;justify-content:center;
}
.top-stores-item .top-stores-image img:not(.verified-badge){
    width:100%!important;height:100%!important;object-fit:cover!important;display:block;
}
.top-stores-rating{
    display:flex!important;align-items:center;gap:6px;flex-wrap:wrap;
}
.top-stores-rating .stars{
    display:inline-flex;align-items:center;gap:2px;height:16px;
}
.top-stores-rating .star{
    width:14px;height:14px;display:inline-block;
    background-repeat:no-repeat;background-size:contain;
}
.top-stores-rating .star-full{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f5a623' d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
.top-stores-rating .star-half{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='h'%3E%3Cstop offset='50%25' stop-color='%23f5a623'/%3E%3Cstop offset='50%25' stop-color='%23ddd'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23h)' d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
.top-stores-rating .star-empty{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ddd' d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
.top-stores-rating .stars-val{color:#222;font-size:13px;}

/* Eski rating sprite (bozuk gif yerine) */
.rating{
    background-image:url(../images/star-matrix.png)!important;
    background-repeat:no-repeat;
    width:80px;height:16px;display:inline-block;
}

/* ---- Blog cards ---- */
.blog-section_item,
.blog-section_item.swiper-slide{
    background:#fff!important;
    border:1px solid #e8e8ee!important;
    border-radius:12px!important;
    box-shadow:0 2px 10px rgba(0,0,0,.03);
    overflow:hidden;
    padding:0 0 12px!important;
    box-sizing:border-box;
}
.blog-section_item > a{display:block;color:inherit;text-decoration:none;height:100%;}
.blog-section_item .blog-item_image_wrapper{
    width:100%;height:140px;overflow:hidden;border-radius:12px 12px 0 0;background:#f1f1f4;
}
.blog-section_item .blog-item_image_wrapper img{
    width:100%!important;height:100%!important;object-fit:cover!important;display:block;
}
.blog-section_item .blog-item_title{
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;min-height:2.5em;margin:10px 12px 4px;font-weight:700;font-size:14px;line-height:1.3;
}
.blog-section_item .blog-item-date{
    margin:0 12px;font-size:12px;color:var(--muted);
}

/* Blog liste ızgarası */
.blog-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:18px;
    padding:10px 0 36px;
}
.blog-grid .blog-section_item{
    width:100%!important;min-width:0!important;max-width:none!important;
    flex:none!important;height:auto!important;
}
.blog-grid .blog-item_image_wrapper{height:160px;}

/* Boş / hata / askı durum kartı */
.state-card{
    background:#fff;border:1px solid var(--line);border-radius:14px;
    box-shadow:0 2px 14px rgba(0,0,0,.03);
    padding:40px 28px;margin:18px 0 36px;text-align:center;
}
.state-card h1{font-size:26px;font-weight:800;margin:0 0 10px;}
.state-card .state-code{font-size:64px;font-weight:800;color:var(--brand);line-height:1;margin:0 0 8px;}
.state-card p{color:var(--muted);margin:0 auto 16px;max-width:480px;line-height:1.55;}
.state-card .btn-primary{margin-top:6px;}
.state-card img.state-ico{opacity:.45;margin-bottom:14px;}

/* Askı / ban uyarıları */
.store-status-banner{
    display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;
    border-radius:12px;padding:14px 16px;margin:8px 0 16px;
    border:1px solid transparent;
}
.store-status-banner.is-suspended{
    background:#fff7e8;border-color:#f0c56d;color:#7a4e00;
}
.store-status-banner.is-banned{
    background:#fdecee;border-color:#f0a0a8;color:#8a1520;
}
.store-status-banner_label{
    flex:0 0 auto;font-size:11px;font-weight:800;letter-spacing:.4px;
    text-transform:uppercase;padding:5px 10px;border-radius:999px;color:#fff;
}
.store-status-banner.is-suspended .store-status-banner_label{background:#d97706;}
.store-status-banner.is-banned .store-status-banner_label{background:#c62828;}
.store-status-banner_body{
    flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.45;
}
.store-status-banner_body strong{font-size:15px;}
.store-status-banner_body em{font-style:normal;opacity:.85;font-size:13px;}
.store-inline-status{
    display:inline-flex;align-items:center;font-size:11px;font-weight:800;
    letter-spacing:.3px;text-transform:uppercase;padding:4px 9px;border-radius:999px;color:#fff;
    line-height:1;vertical-align:middle;
}
.store-inline-status.is-suspended{background:#d97706;}
.store-inline-status.is-banned{background:#c62828;}
.store-profile.is-blocked{opacity:.92;border-color:#f0c56d;}
.store-profile.is-blocked .store-profile_logo{filter:grayscale(.35);}
.store-blocked-card{max-width:560px;margin-left:auto;margin-right:auto;}
.store-blocked-card.is-suspended{border-color:#f0c56d;background:linear-gradient(180deg,#fffaf0,#fff);}
.store-blocked-card.is-banned{border-color:#f0a0a8;background:linear-gradient(180deg,#fff5f6,#fff);}
.store-blocked-badge{
    display:inline-block;margin:0 auto 14px;padding:6px 14px;border-radius:999px;
    color:#fff;font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;
}
.store-blocked-card.is-suspended .store-blocked-badge{background:#d97706;}
.store-blocked-card.is-banned .store-blocked-badge{background:#c62828;}
.store-blocked-name{font-weight:700;color:#222!important;margin-bottom:6px!important;}
.store-blocked-reason,.store-blocked-until{color:#8a1520!important;font-weight:600;}
.store-blocked-card.is-suspended .store-blocked-reason,
.store-blocked-card.is-suspended .store-blocked-until{color:#7a4e00!important;}

/* Sayfa başlığı kartı (arama / blog liste) */
.page-shell{
    background:#fff;border:1px solid var(--line);border-radius:14px;
    box-shadow:0 2px 14px rgba(0,0,0,.03);
    padding:18px 22px 8px;margin:14px 0 18px;
}
.page-shell .page-head{padding:4px 0 10px;}
.page-shell .products-grid,
.page-shell .blog-grid{padding-top:4px;}

/* Ürün / mağaza kartları: carousel'da da beyaz kutu */
.top-products-item{
    background:#fff!important;
    border:1px solid #e8e8ee;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,.03);
    overflow:visible!important;
}
.top-stores-item{
    background:#fff!important;
    border:1px solid #e8e8ee;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,.03);
    overflow:visible!important;
}

/* ---- Arabic RTL ---- */
html[dir="rtl"] body,
body.is-rtl{direction:rtl;text-align:right;}
html[dir="rtl"] .header-middle-top .lang-switcher{margin:0 18px 0 0;}
html[dir="rtl"] .toggle-button{left:auto!important;right:8px!important;}
html[dir="rtl"] .mobile-search-button{right:auto!important;left:8px!important;}
html[dir="rtl"] .mobile-menu-close{right:auto;left:12px;}
html[dir="rtl"] .mobile-search-button{right:auto;left:16px;}
html[dir="rtl"] .top-products-price_discount{margin-left:0;margin-right:8px;}
html[dir="rtl"] .panel-side a,
html[dir="rtl"] .admin-nav a{text-align:right;}
html[dir="rtl"] .buy-modal_box{text-align:right;}
html[dir="rtl"] .form-card,
html[dir="rtl"] .content-body{text-align:right;}