/* =========================================================
   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,
.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;
}
.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:8px 0 12px;
    }
    .bottom-section_header,
    .middle-section_header{
        padding-left:32px!important;
        padding-right:32px!important;
        margin-bottom:18px!important;
    }
    .bottom-section_box .swiper-wrapper,
    .saled-place-slider .swiper-wrapper{
        gap:24px!important;
        padding:6px 32px 24px!important;
        overflow-x:hidden!important;
        justify-content:space-between;
    }
    .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;
    }
    .top-stores-item,
    .top-stores-item.swiper-slide{
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
    }
}

/* Kart içi: uzun başlık kartı şişirmesin */
.top-products-item{
    overflow:hidden;
    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{
    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-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:26px;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.buy-modal_box h3{margin:0 0 8px;font-size:20px;font-weight:800;}
.buy-modal_box .bm-sub{color:var(--muted);font-size:14px;margin-bottom:18px;}
.buy-modal_row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;}
.buy-modal_actions{display:flex;gap:12px;margin-top:20px;}
.buy-modal_close{margin-left:auto;cursor:pointer;color:var(--muted);font-size:22px;line-height:1;background:none;border:none;}

/* 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 konumu */
.verified-badge{position:absolute;top:10px;right:10px;width:22px;height:22px;z-index:3;}
.top-products-item,.top-stores-item{position:relative;}

/* ---- 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;
}
.store-profile_verified{display:inline-block;vertical-align:middle;}
.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){
    .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;
    }
    .container,
    #main-panel.container,
    .header .main-header{
        padding-left:12px !important;
        padding-right:12px !important;
    }
    #main-panel .row{
        margin-left:0 !important;
        margin-right:0 !important;
    }
    input,select,textarea,button,.header-search-box{
        font-size:16px !important;
    }
    .toggle-button{
        display:block!important;
        left:12px!important;
        top:18px!important;
        z-index:30!important;
    }
    .mobile-search-button{
        display:block!important;
        right:12px!important;
        top:16px!important;
        z-index:30!important;
    }
    .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:12px !important;
        padding-right:12px !important;
        height:auto !important;
        min-height:56px;
    }
    .top-section{
        flex-direction:column !important;
    }
    .main-slider,.main-slider .main-slider-box,.main-slider-place{
        min-height:220px!important;
        max-height:none!important;
        height:auto!important;
    }
    .main-slider-place .main-slider-text_wrapper{
        max-width:90%!important;
        margin:24px 16px!important;
    }
    .products-grid{
        grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
        justify-content:stretch;
    }
    .products-grid .top-products-item,
    .bottom-section .top-products-item,
    .top-products-item.swiper-slide{
        width:100%!important;
        min-width:150px!important;
        max-width:100%!important;
        flex:0 0 auto!important;
    }
    .bottom-section_box .swiper-wrapper,
    .saled-place-slider .swiper-wrapper,
    .blog-section_body .swiper-wrapper{
        padding-left:12px!important;
        padding-right:12px!important;
    }
    .bottom-section .top-products-item,
    .top-products-item.swiper-slide{
        width:170px!important;
        min-width:170px!important;
        max-width:170px!important;
        flex:0 0 170px!important;
    }
    /* Izgara sayfalarında (kategori / arama) kartlar sütunu doldursun */
    .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;
    }
    .top-stores-item,
    .top-stores-item.swiper-slide{
        width:190px!important;
        min-width:190px!important;
        max-width:190px!important;
        flex:0 0 190px!important;
    }
    .blog-section_item,
    .blog-section_item.swiper-slide{
        width:240px!important;
        min-width:240px!important;
        max-width:240px!important;
        flex:0 0 240px!important;
    }
    .blog-grid .blog-section_item,
    .blog-grid .blog-section_item.swiper-slide{
        width:100%!important;
        min-width:0!important;
        max-width:100%!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);
    }
}

/* ---- 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;
    }
}

.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{
    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;}

/* 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);
}
.top-stores-item{
    background:#fff!important;
    border:1px solid #e8e8ee;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,.03);
}

/* ---- 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;right:16px;}
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;}