/* ============================================================
   DLStore Theme CSS
   ============================================================
   NOT: Primary renkler admin panelinden inline CSS olarak inject
   edilir. Buradaki değerler sadece fallback'tir.
   ============================================================ */
[data-theme="dark"], :root {
    --dlst-primary:      #f5a623;
    --dlst-primary-dark: #e6941a;
    --dlst-primary-glow: rgba(245,166,35,.18);
    --dlst-bg:      #0d1117; --dlst-bg-2:    #161b22;
    --dlst-bg-card: #1c2128; --dlst-bg-card-2: #21262d;
    --dlst-border:  rgba(255,255,255,.08);
    --dlst-text:    #e6edf3; --dlst-text-2: #8b949e;
    --dlst-shadow:  0 4px 24px rgba(0,0,0,.35);
}
[data-theme="light"] {
    --dlst-primary:      #f5a623;
    --dlst-primary-dark: #e6941a;
    --dlst-primary-glow: rgba(245,166,35,.18);
    --dlst-bg:      #f0f2f8; --dlst-bg-2:    #ffffff;
    --dlst-bg-card: #ffffff; --dlst-bg-card-2: #f8f9fa;
    --dlst-border:  rgba(0,0,0,.09);
    --dlst-text:    #1a1d2e; --dlst-text-2: #64748b;
    --dlst-shadow:  0 4px 24px rgba(0,0,0,.08);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--dlst-bg);color:var(--dlst-text);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.6;transition:background .3s,color .3s}
a{color:var(--dlst-primary);text-decoration:none}
a:hover{color:var(--dlst-primary-dark)}
img{max-width:100%;height:auto}
.dlst-container{max-width:1200px;margin:0 auto;padding:0 20px}
.dlst-page-wrap{min-height:80vh}
.dlst-main{padding-bottom:60px}

/* GÜVEN BARI */
.dlst-trust-bar{background:var(--dlst-primary);padding:8px 0}
.dlst-trust-bar-inner{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;font-size:12px;font-weight:600;color:#fff;letter-spacing:.3px}

/* HEADER */
.dlst-header{position:sticky;top:0;z-index:100;background:var(--dlst-bg-2);border-bottom:1px solid var(--dlst-border);backdrop-filter:blur(12px)}
.dlst-header-inner{display:flex;align-items:center;gap:24px;height:64px}
.dlst-logo{display:flex;align-items:center;flex-shrink:0}
.dlst-logo-img{height:36px;width:auto}
.dlst-logo-text{font-size:20px;font-weight:800;color:var(--dlst-text);letter-spacing:-.5px}
.dlst-logo-text:hover{color:var(--dlst-primary)}
.dlst-nav{flex:1}
.dlst-nav-menu{display:flex;list-style:none;gap:4px;align-items:center}
.dlst-nav-menu li a{display:block;padding:6px 12px;font-size:14px;font-weight:500;color:var(--dlst-text-2);border-radius:6px;transition:all .2s}
.dlst-nav-menu li a:hover,.dlst-nav-menu li.current-menu-item a{background:var(--dlst-bg-card);color:var(--dlst-text)}
.dlst-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.dlst-action-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);color:var(--dlst-text-2);cursor:pointer;transition:all .2s;text-decoration:none}
.dlst-action-btn:hover{border-color:var(--dlst-primary);color:var(--dlst-primary)}
.dlst-search-bar{border-top:1px solid var(--dlst-border);background:var(--dlst-bg-2);padding:12px 0;display:none}
.dlst-search-bar.open{display:block}
.dlst-search-form{display:flex;gap:8px;max-width:600px;margin:0 auto}
.dlst-search-form input[type="search"]{flex:1;padding:10px 16px;border:1.5px solid var(--dlst-border);border-radius:8px;background:var(--dlst-bg-card);color:var(--dlst-text);font-size:14px}
.dlst-search-form input:focus{outline:none;border-color:var(--dlst-primary)}
.dlst-search-form button{padding:10px 16px;background:var(--dlst-primary);border:none;border-radius:8px;cursor:pointer;color:#fff}
.dlst-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.dlst-hamburger span{display:block;width:22px;height:2px;background:var(--dlst-text);border-radius:2px;transition:all .3s}

/* SECTION */
.dlst-section{padding:72px 0}
.dlst-section-header{text-align:center;margin-bottom:48px}
.dlst-section-badge{display:inline-block;background:var(--dlst-primary-glow);color:var(--dlst-primary);padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}
.dlst-section-header h2{font-size:clamp(24px,4vw,36px);font-weight:800;color:var(--dlst-text);line-height:1.2}
.dlst-section-header h2 span{color:var(--dlst-primary)}
.dlst-section-header p{color:var(--dlst-text-2);margin-top:12px;font-size:16px}

/* HERO */
.dlst-hero{padding:80px 0 60px;background:var(--dlst-bg);position:relative;overflow:hidden}
.dlst-hero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,var(--dlst-primary-glow) 0%,transparent 70%);pointer-events:none}
.dlst-hero-inner{display:grid;grid-template-columns:1fr 400px;gap:48px;align-items:center}
.dlst-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);padding:6px 14px;border-radius:20px;font-size:13px;color:var(--dlst-text-2);margin-bottom:24px}
.dlst-badge-dot{width:8px;height:8px;border-radius:50%;background:#3fb950;animation:dlst-pulse 2s infinite}
@keyframes dlst-pulse{0%,100%{box-shadow:0 0 0 0 rgba(63,185,80,.4)}50%{box-shadow:0 0 0 6px transparent}}
.dlst-hero-title{font-size:clamp(32px,5vw,54px);font-weight:900;line-height:1.15;color:var(--dlst-text);margin-bottom:20px}
.dlst-hero-highlight{color:var(--dlst-primary)}
.dlst-hero-desc{font-size:17px;color:var(--dlst-text-2);line-height:1.7;margin-bottom:32px;max-width:520px}
.dlst-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
.dlst-hero-stats{display:flex;gap:32px;flex-wrap:wrap}
.dlst-hero-stat{display:flex;flex-direction:column}
.dlst-hero-stat strong{font-size:28px;font-weight:900;color:var(--dlst-primary)}
.dlst-hero-stat span{font-size:12px;color:var(--dlst-text-2)}
.dlst-popular-card{background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:16px;overflow:hidden;box-shadow:var(--dlst-shadow)}
.dlst-popular-header{padding:14px 18px;background:var(--dlst-bg-card-2);border-bottom:1px solid var(--dlst-border);font-size:13px;font-weight:600;color:var(--dlst-text-2);display:flex;align-items:center;gap:8px}
.dlst-live-dot{width:8px;height:8px;border-radius:50%;background:#3fb950;animation:dlst-pulse 2s infinite;flex-shrink:0}
.dlst-popular-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--dlst-border);transition:background .2s;color:inherit}
.dlst-popular-item:hover{background:var(--dlst-bg-card-2)}
.dlst-popular-item:last-child{border-bottom:none}
.dlst-popular-item-icon{width:36px;height:36px;border-radius:8px;background:var(--dlst-bg-card-2);display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden;flex-shrink:0}
.dlst-popular-item-icon img{width:100%;height:100%;object-fit:cover}
.dlst-popular-item-info{flex:1}
.dlst-popular-item-name{font-size:13px;font-weight:600;color:var(--dlst-text)}
.dlst-popular-item-type{font-size:11px;color:var(--dlst-text-2)}
.dlst-popular-item-price{font-size:14px;font-weight:700;color:var(--dlst-primary);white-space:nowrap}

/* KATEGORİLER */
.dlst-categories-section {
    background: var(--dlst-bg-2);
    position: relative;
    padding: 50px 0;
    transition: background 0.3s ease;
}
.dlst-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
    gap: 12px;
}
.dlst-category-card {
    background: var(--dlst-bg-card);
    border: 1px solid var(--dlst-border);
    border-radius: 12px;
    padding: 18px 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    transition: background 0.3s, border-color 0.3s, transform 0.3s, box-shadow 0.3s;
    color: var(--dlst-text);
    position: relative;
    overflow: hidden;
    text-decoration: none;
}
.dlst-category-card:hover {
    border-color: var(--hover-color) !important;
    transform: translateY(-5px);
    box-shadow: 0 10px 25px var(--hover-glow) !important;
    background: var(--dlst-bg-card-2);
}
.dlst-cat-icon-wrap {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    z-index: 2;
    border: 1px solid transparent;
}
.dlst-cat-icon-wrap svg {
    width: 24px;
    height: 24px;
    display: block;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.dlst-category-card:hover .dlst-cat-icon-wrap {
    transform: scale(1.08) translateY(-1px);
    box-shadow: 0 4px 12px var(--hover-glow) !important;
}
.dlst-cat-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--dlst-text);
    letter-spacing: -0.2px;
    transition: color 0.3s ease;
    margin-top: 2px;
    z-index: 2;
    line-height: 1.3;
}
.dlst-category-card:hover .dlst-cat-name {
    color: var(--hover-color);
}
.dlst-cat-count {
    font-size: 10px;
    font-weight: 700;
    color: var(--dlst-text-2);
    background: var(--dlst-bg-2);
    padding: 2px 8px;
    border-radius: 12px;
    transition: all 0.3s ease;
    border: 1px solid var(--dlst-border);
    z-index: 2;
}
.dlst-category-card:hover .dlst-cat-count {
    color: #ffffff;
    background: var(--hover-color) !important;
    border-color: var(--hover-color) !important;
}

@media (max-width: 768px) {
    .dlst-categories-grid {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
        gap: 8px;
    }
    .dlst-category-card {
        padding: 12px 8px;
        gap: 6px;
    }
    .dlst-cat-icon-wrap {
        width: 38px;
        height: 38px;
        font-size: 18px;
        border-radius: 8px;
    }
    .dlst-cat-icon-wrap svg {
        width: 18px;
        height: 18px;
    }
    .dlst-cat-name {
        font-size: 11px;
    }
    .dlst-cat-count {
        font-size: 9px;
        padding: 1px 6px;
    }
}

/* ÜRÜN KARTLARI */
.dlst-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.dlst-product-card{background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:14px;overflow:hidden;transition:all .25s;position:relative;display:flex;flex-direction:column}
.dlst-product-card:hover{border-color:var(--dlst-primary);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.2)}
.dlst-product-badge{position:absolute;top:12px;left:12px;background:var(--dlst-primary);color:#fff;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;z-index:2}
.dlst-badge-sale{background:#e74c3c}
.dlst-badge-outofstock{background:#555;left:auto;right:12px}
.dlst-product-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--dlst-bg-card-2)}
.dlst-product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.dlst-product-card:hover .dlst-product-thumb img{transform:scale(1.05)}
.dlst-product-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px}
.dlst-product-card-body{padding:16px;flex:1;display:flex;flex-direction:column;gap:10px}
.dlst-product-meta-row{display:flex;gap:6px;flex-wrap:wrap}
.dlst-license-tag,.dlst-duration-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}
.dlst-license-tag{background:rgba(245,166,35,.15);color:var(--dlst-primary)}
.dlst-duration-tag{background:var(--dlst-bg-card-2);color:var(--dlst-text-2)}
.dlst-product-title a{font-size:15px;font-weight:700;color:var(--dlst-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dlst-product-title a:hover{color:var(--dlst-primary)}
.dlst-product-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.dlst-price-old{font-size:12px;color:var(--dlst-text-2);text-decoration:line-through}
.dlst-price-current{font-size:20px;font-weight:800;color:var(--dlst-primary)}
.dlst-product-delivery{font-size:11px;color:#3fb950;font-weight:600}
.dlst-product-card-actions{display:flex;align-items:center;gap:8px}
.dlst-add-to-cart-btn{flex:1;justify-content:center;padding:10px;font-size:13px}
.dlst-detail-link{font-size:12px;color:var(--dlst-text-2);white-space:nowrap}
.dlst-detail-link:hover{color:var(--dlst-primary)}
.dlst-out-of-stock{opacity:.6}

/* NEDEN BİZ */
.dlst-why-section{background:#111827;padding:72px 0}
.dlst-why-section .dlst-section-badge{background:rgba(239,68,68,0.12);color:#ef4444;border:1px solid rgba(239,68,68,0.25);padding:5px 16px;border-radius:20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;display:inline-block;margin-bottom:16px}
.dlst-why-section .dlst-section-header h2{color:#f1f5f9;font-size:clamp(24px,4vw,36px);font-weight:800}
.dlst-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dlst-feature-card{background:#1a2235;border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}
.dlst-feature-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.03) 0%,transparent 60%);pointer-events:none}
.dlst-feature-card:hover{border-color:rgba(255,255,255,0.15);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}
.dlst-feature-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex-shrink:0}
.dlst-feature-icon-wrap svg{width:24px;height:24px}
.dlst-feature-card h3{font-size:15px;font-weight:700;color:#f1f5f9;margin-bottom:8px;line-height:1.3}
.dlst-feature-card p{font-size:13px;color:#94a3b8;line-height:1.65;margin:0}

/* 3 ADIM */
.dlst-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dlst-step{text-align:center;padding:32px 20px;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:14px}
.dlst-step-number{width:52px;height:52px;border-radius:50%;background:var(--dlst-primary);color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.dlst-step h3{font-size:16px;font-weight:700;color:var(--dlst-text);margin-bottom:10px}
.dlst-step p{font-size:14px;color:var(--dlst-text-2)}

/* REVIEWS */
.dlst-reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.dlst-review-card{background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:14px;padding:24px}
.dlst-review-stars{font-size:16px;margin-bottom:12px}
.dlst-review-text{font-size:14px;color:var(--dlst-text-2);line-height:1.7;margin-bottom:16px;font-style:italic}
.dlst-review-author{display:flex;align-items:center;gap:12px}
.dlst-review-avatar{width:40px;height:40px;border-radius:50%;background:var(--dlst-primary);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dlst-review-author strong{font-size:14px;color:var(--dlst-text);display:block}
.dlst-review-author small{font-size:12px;color:var(--dlst-text-2)}

/* CTA */
.dlst-cta-section{padding:60px 0 20px}
.dlst-cta-box{background:linear-gradient(135deg,var(--dlst-primary) 0%,var(--dlst-primary-dark) 100%);border-radius:20px;padding:56px 40px;text-align:center}
.dlst-cta-box h2{font-size:32px;font-weight:800;color:#fff;margin-bottom:12px}
.dlst-cta-box p{font-size:16px;color:rgba(255,255,255,.85);margin-bottom:28px}
.dlst-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* TEK ÜRÜN */
.dlst-single-product-wrap{padding:40px 20px}
.dlst-single-product{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:48px}
.dlst-product-main-img{background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:14px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.dlst-product-main-img img{width:100%;height:100%;object-fit:contain;padding:20px}
.dlst-product-img-placeholder{font-size:80px}
.dlst-product-trust-badges{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.dlst-trust-badge{background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:8px;padding:10px 12px;font-size:12px;font-weight:600;color:var(--dlst-text-2);text-align:center}
.dlst-product-cat-link{display:inline-block;font-size:12px;color:var(--dlst-primary);background:var(--dlst-primary-glow);padding:3px 10px;border-radius:4px;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.dlst-product-title-big{font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--dlst-text);margin-bottom:16px;line-height:1.25}
.dlst-product-meta-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.dlst-meta-tag{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);color:var(--dlst-text-2)}
.dlst-stock-tag.in-stock{color:#3fb950;border-color:rgba(63,185,80,.3);background:rgba(63,185,80,.08)}
.dlst-stock-tag.out-stock{color:#f85149}
.dlst-product-price-block{background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dlst-price-old-big{font-size:16px;color:var(--dlst-text-2);text-decoration:line-through}
.dlst-price-current-big{font-size:36px;font-weight:900;color:var(--dlst-primary)}
.dlst-price-badge-big{background:#e74c3c;color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700}
.dlst-instant-delivery-tag{background:rgba(63,185,80,.1);color:#3fb950;border:1px solid rgba(63,185,80,.2);padding:5px 12px;border-radius:6px;font-size:13px;font-weight:600;margin-left:auto}
.dlst-product-variations{margin-bottom:20px}
.dlst-var-label{display:block;font-size:13px;font-weight:600;color:var(--dlst-text-2);margin-bottom:10px}
.dlst-var-options{display:flex;gap:10px;flex-wrap:wrap}
.dlst-var-btn{padding:10px 16px;border:1.5px solid var(--dlst-border);border-radius:10px;background:var(--dlst-bg-card);color:var(--dlst-text);cursor:pointer;transition:all .2s;text-align:center;min-width:120px}
.dlst-var-btn:hover{border-color:var(--dlst-primary)}
.dlst-var-btn.active{border-color:var(--dlst-primary);background:var(--dlst-primary-glow)}
.dlst-var-btn strong{display:block;font-size:13px;font-weight:700}
.dlst-var-btn span{font-size:15px;font-weight:800;color:var(--dlst-primary)}
.dlst-product-purchase{display:flex;gap:12px;align-items:center;margin-bottom:12px}
@keyframes dlst-buy-glow{0%,100%{box-shadow:0 4px 18px rgba(245,140,0,0.45),0 0 0 0 rgba(245,140,0,0.25)}60%{box-shadow:0 6px 28px rgba(245,140,0,0.7),0 0 0 8px rgba(245,140,0,0)}}
.dlst-buy-now-btn{display:block;width:100%;padding:15px 20px;border-radius:12px;background:linear-gradient(135deg,#ff8c00 0%,#f5a623 50%,#ff6b00 100%);border:none;color:#fff !important;text-align:center;font-weight:900;font-size:17px;letter-spacing:.3px;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;animation:dlst-buy-glow 2.5s ease-in-out infinite;margin-top:12px;text-decoration:none !important;position:relative;overflow:hidden}
.dlst-buy-now-btn::before{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);transform:skewX(-20deg);transition:left .6s ease}
.dlst-buy-now-btn:hover{background:linear-gradient(135deg,#ff6b00 0%,#e8960f 50%,#ff4500 100%);color:#fff !important;transform:translateY(-2px) scale(1.01);box-shadow:0 8px 30px rgba(245,140,0,0.55);animation:none;text-decoration:none !important}
.dlst-buy-now-btn:hover::before{left:130%}
.dlst-buy-now-btn:active{transform:translateY(0) scale(0.99)}
.dlst-product-tabs{margin-top:32px}
.dlst-product-tab-nav{display:flex;gap:0;border-bottom:2px solid var(--dlst-border);margin-bottom:24px}
.dlst-tab-btn{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:600;color:var(--dlst-text-2);cursor:pointer;transition:all .2s}
.dlst-tab-btn:hover{color:var(--dlst-text)}
.dlst-tab-btn.active{color:var(--dlst-primary);border-bottom-color:var(--dlst-primary)}
.dlst-tab-panel{display:none}
.dlst-tab-panel.active{display:block}
.dlst-product-description,.dlst-product-guide{color:var(--dlst-text);line-height:1.8}
.dlst-product-description p,.dlst-product-guide p{margin-bottom:16px}
.dlst-faq-item{border-bottom:1px solid var(--dlst-border)}
.dlst-faq-question{width:100%;padding:16px 0;background:none;border:none;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;color:var(--dlst-text);cursor:pointer;text-align:left}
.dlst-faq-arrow{font-size:18px;color:var(--dlst-text-2);transition:transform .3s}
.dlst-faq-question.open .dlst-faq-arrow{transform:rotate(180deg)}
.dlst-faq-answer{padding:0 0 16px;color:var(--dlst-text-2);font-size:14px;line-height:1.7}

/* FOOTER */
.dlst-footer{background:var(--dlst-bg-2);border-top:1px solid var(--dlst-border);padding-top:56px}
.dlst-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px}
.dlst-footer-logo-text{font-size:20px;font-weight:800;color:var(--dlst-text);display:block;margin-bottom:12px}
.dlst-footer-logo{height:32px;margin-bottom:12px;display:block}
.dlst-footer-desc{font-size:13px;color:var(--dlst-text-2);line-height:1.7;margin-bottom:14px}
.dlst-footer-trust{display:flex;gap:8px;flex-wrap:wrap}
.dlst-footer-trust span{font-size:11px;font-weight:600;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);padding:4px 10px;border-radius:4px;color:var(--dlst-text-2)}
.dlst-footer-col h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dlst-text-2);margin-bottom:14px}
.dlst-footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}
.dlst-footer-links li a,.dlst-footer-links a{font-size:13px;color:var(--dlst-text-2);transition:color .2s;display:block}
.dlst-footer-links li a:hover,.dlst-footer-links a:hover{color:var(--dlst-primary)}
.dlst-footer-contact{list-style:none;display:flex;flex-direction:column;gap:10px}
.dlst-footer-contact li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dlst-text-2)}
.dlst-footer-contact a{color:var(--dlst-text-2)}
.dlst-footer-contact a:hover{color:var(--dlst-primary)}
.dlst-footer-payments{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.dlst-payment-badge{font-size:11px;font-weight:700;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);padding:4px 10px;border-radius:4px;color:var(--dlst-text-2)}
.dlst-footer-bottom{border-top:1px solid var(--dlst-border);padding:16px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--dlst-text-2);flex-wrap:wrap;gap:8px}
.dlst-footer-legal{display:flex;gap:12px}
.dlst-footer-legal a{color:var(--dlst-text-2);font-size:12px}
.dlst-footer-legal a:hover{color:var(--dlst-primary)}

/* LIVE TOAST */
.dlst-live-sale-toast{position:fixed;bottom:80px;left:24px;z-index:998;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-left:3px solid var(--dlst-primary);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--dlst-shadow);max-width:280px;animation:dlst-slideIn .4s ease}
@keyframes dlst-slideIn{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}
.dlst-live-sale-icon{font-size:24px;flex-shrink:0}
.dlst-live-sale-text{font-size:12px}
.dlst-live-sale-text strong{display:block;color:var(--dlst-text);font-size:13px}
.dlst-live-sale-text span{color:var(--dlst-text-2);display:block}
.dlst-live-sale-text small{color:var(--dlst-primary);font-weight:600}
/* Ayarlar → "Canlı Satış — Mobilde: Gizle" seçiliyse ≤768px'de gizle (!important JS inline display'ini ezer) */
@media (max-width:768px){.dlst-live-sale-toast.dlst-hide-mobile{display:none !important}}

/* ─── POP-UP DUYURU ─── */
.dlst-announce{position:fixed;z-index:1000}
.dlst-announce-overlay{inset:0;background:rgba(8,10,16,.66);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}
.dlst-announce-pos-bottom-right{right:24px;bottom:24px}
.dlst-announce-pos-bottom-left{left:24px;bottom:24px}
.dlst-announce-box{position:relative;background:var(--dlst-bg-card);color:var(--dlst-text);border:1px solid var(--dlst-border);border-top:4px solid var(--dlst-an-accent,#f5a623);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.45);max-width:440px;width:100%;overflow:hidden;animation:dlst-an-in .35s cubic-bezier(.16,1,.3,1)}
.dlst-announce-pos-bottom-right .dlst-announce-box,.dlst-announce-pos-bottom-left .dlst-announce-box{max-width:340px}
@keyframes dlst-an-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.dlst-announce-close{position:absolute;top:8px;right:10px;z-index:2;width:32px;height:32px;border:none;background:rgba(0,0,0,.2);color:#fff;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.dlst-announce-close:hover{background:rgba(0,0,0,.45)}
.dlst-announce-img{width:100%;max-height:200px;overflow:hidden}
.dlst-announce-img img{width:100%;height:100%;object-fit:cover;display:block}
.dlst-announce-body{padding:22px 24px 24px}
.dlst-announce-title{margin:0 0 10px;font-size:20px;font-weight:800;color:var(--dlst-text);line-height:1.25}
.dlst-announce-text{font-size:14px;line-height:1.65;color:var(--dlst-text-2)}
.dlst-announce-text a{color:var(--dlst-an-accent,#f5a623);font-weight:600}
.dlst-announce-actions{margin-top:18px}
.dlst-announce-btn{display:inline-block;background:var(--dlst-an-accent,#f5a623);color:var(--dlst-an-btn-text,#111);font-weight:700;font-size:15px;padding:11px 22px;border-radius:10px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.dlst-announce-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(245,140,0,.4)}
@media (max-width:768px){
  .dlst-announce.dlst-hide-mobile{display:none !important}
  .dlst-announce-pos-bottom-right,.dlst-announce-pos-bottom-left{left:12px;right:12px;bottom:12px}
  .dlst-announce-pos-bottom-right .dlst-announce-box,.dlst-announce-pos-bottom-left .dlst-announce-box{max-width:100%}
}

/* PAGE CONTENT */
.dlst-page-content{max-width:860px;margin:40px auto;padding:0 20px}
.dlst-page-body{color:var(--dlst-text);line-height:1.8}
.dlst-page-body p{margin-bottom:16px}
.dlst-page-body h2,.dlst-page-body h3{color:var(--dlst-text);margin:24px 0 12px}

/* ARCHIVE */
.dlst-archive-wrap{padding:40px 20px}
.dlst-archive-header{margin-bottom:32px}
.dlst-archive-header h1{font-size:28px;font-weight:800;color:var(--dlst-text)}

/* PAGINATION */
.dlst-pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}
.dlst-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);color:var(--dlst-text);font-size:14px;font-weight:500;transition:all .2s;text-decoration:none}
.dlst-pagination .page-numbers.current,.dlst-pagination .page-numbers:hover{background:var(--dlst-primary);color:#fff;border-color:var(--dlst-primary)}

/* RESPONSIVE */
/* ============================================================
   RESPONSIVE — TAM MOBİL UYUM
   Breakpoints: 1024 / 768 / 480 / 360
   ============================================================ */

/* ── Tablet ≤1024px ── */
@media (max-width:1024px) {
    .dlst-hero-inner       { grid-template-columns:1fr; gap:32px; }
    .dlst-hero-card        { order:-1; max-width:500px; margin:0 auto; width:100%; }
    .dlst-footer-grid      { grid-template-columns:1fr 1fr; gap:28px; }
    .dlst-footer-brand     { grid-column:1 / -1; }
    .dlst-single-product   { grid-template-columns:1fr; }
}

/* ── Büyük mobil ≤768px ── */
@media (max-width:768px) {
    /* Header */
    .dlst-nav              { display:none; }
    .dlst-hamburger        { display:flex; }
    .dlst-header-inner     { height:58px; }

    /* Mobil menü — full screen overlay */
    .dlst-nav.open {
        display:flex !important;
        flex-direction:column;
        position:fixed;
        top:0; left:0; right:0; bottom:0;
        background:var(--dlst-bg-2);
        z-index:9999;
        padding:80px 24px 40px;
        overflow-y:auto;
        gap:0;
        animation:dlst-menu-in .25s ease;
    }
    @keyframes dlst-menu-in {
        from { opacity:0; transform:translateX(-20px); }
        to   { opacity:1; transform:translateX(0); }
    }
    .dlst-nav.open .dlst-nav-menu {
        flex-direction:column;
        gap:2px;
        width:100%;
    }
    .dlst-nav.open .dlst-nav-menu li {
        border-bottom:1px solid var(--dlst-border);
    }
    .dlst-nav.open .dlst-nav-menu li:last-child { border-bottom:none; }
    .dlst-nav.open .dlst-nav-menu li a {
        font-size:17px;
        font-weight:600;
        padding:15px 4px;
        display:block;
        color:var(--dlst-text);
        border-radius:0;
    }
    .dlst-nav.open .dlst-nav-menu li a:hover { color:var(--dlst-primary); }

    /* Menü kapat × butonu */
    .dlst-nav.open::before {
        content:'×';
        position:fixed;
        top:14px; right:20px;
        font-size:28px;
        color:var(--dlst-text-2);
        cursor:pointer;
        line-height:1;
    }

    /* Trust bar */
    .dlst-trust-bar-inner {
        gap:8px 16px;
        justify-content:center;
        overflow:visible;
        flex-wrap:wrap;
        animation:none;
        white-space:normal;
        text-align:center;
    }
    .dlst-trust-bar-inner span { flex-shrink:0; padding:0; font-size:11px; white-space:nowrap; }

    /* Hero */
    .dlst-hero             { padding:32px 0 28px; }
    .dlst-hero-title       { font-size:clamp(26px,6vw,38px); margin-bottom:14px; }
    .dlst-hero-desc        { font-size:14px; margin-bottom:20px; }
    .dlst-hero-actions     { flex-direction:column; gap:10px; }
    .dlst-hero-actions .dlstore-btn { width:100%; justify-content:center; padding:13px; font-size:15px; }
    .dlst-hero-stats       { gap:20px; margin-top:8px; }
    .dlst-hero-stat strong { font-size:22px; }

    /* Popüler kart (hero sağ) */
    .dlst-popular-card     { max-width:100%; }

    /* Kategoriler */
    .dlst-categories-grid  { grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:10px; }
    .dlst-cat-icon         { font-size:22px; }
    .dlst-cat-name         { font-size:12px; }

    /* Ürün grid */
    .dlst-products-grid    { grid-template-columns:repeat(2,1fr); gap:12px; }
    .dlst-product-card-body { padding:12px; gap:8px; }
    .dlst-product-title a  { font-size:13px; }
    .dlst-price-current    { font-size:17px; }
    .dlst-product-card-actions { flex-direction:column; gap:6px; }
    .dlst-add-to-cart-btn,
    .dlstore-btn.dlst-add-to-cart-btn { width:100%; justify-content:center; font-size:12px; padding:9px; }
    .dlst-detail-link      { text-align:center; font-size:11px; }

    /* Ürün thumbnail yüksekliği */
    .dlst-product-thumb    { aspect-ratio:4/3; }

    /* Section padding */
    .dlst-section          { padding:48px 0; }
    .dlst-section-header   { margin-bottom:28px; }
    .dlst-section-header h2 { font-size:22px; }

    /* Features grid */
    .dlst-features-grid       { grid-template-columns:repeat(2,1fr); gap:12px; }
    .dlst-feature-card        { padding:18px; }
    .dlst-feature-icon-wrap   { width:40px; height:40px; margin-bottom:14px; }
    .dlst-feature-icon-wrap svg { width:20px; height:20px; }
    .dlst-feature-card h3     { font-size:14px; }
    .dlst-feature-card p      { font-size:12px; }

    /* Steps */
    .dlst-steps-grid       { grid-template-columns:1fr; gap:12px; }
    .dlst-step             { padding:20px; }

    /* Reviews */
    .dlst-reviews-grid     { grid-template-columns:1fr; }

    /* CTA */
    .dlst-cta-box          { padding:36px 20px; border-radius:14px; }
    .dlst-cta-box h2       { font-size:22px; }
    .dlst-cta-actions      { flex-direction:column; align-items:center; }
    .dlst-cta-actions .dlstore-btn { width:100%; max-width:320px; justify-content:center; }

    /* Footer */
    .dlst-footer-grid      { grid-template-columns:1fr; gap:20px; }
    .dlst-footer-brand     { grid-column:auto; }
    .dlst-footer-desc      { max-width:100%; }
    .dlst-footer-bottom    { flex-direction:column; align-items:flex-start; gap:8px; text-align:left; }
    .dlst-footer-legal     { flex-wrap:wrap; gap:8px; }

    /* WhatsApp FAB */
    .dlst-whatsapp-fab span { display:none; }
    .dlst-whatsapp-fab     { border-radius:50%; padding:14px; bottom:16px; right:16px; }

    /* Single product */
    .dlst-product-trust-badges { grid-template-columns:1fr 1fr; }
    .dlst-product-price-block  { flex-wrap:wrap; gap:8px; }
    .dlst-price-current-big    { font-size:28px; }
    .dlst-product-purchase     { flex-direction:column; }
    .dlst-product-purchase .dlstore-btn { width:100%; justify-content:center; }
    .dlst-buy-now-btn          { display:block; }

    /* Archive */
    .dlst-archive-header h1 { font-size:22px; }
}

/* ── Küçük mobil ≤480px ── */
@media (max-width:480px) {
    .dlst-container        { padding:0 16px; }

    /* Header */
    .dlst-logo-img         { height:32px !important; max-width:130px !important; }
    .dlst-header-inner     { gap:10px; }
    .dlst-action-btn       { width:34px; height:34px; }

    /* Hero */
    .dlst-hero             { padding:24px 0 20px; }
    .dlst-hero-title       { font-size:clamp(22px,7vw,30px); }
    .dlst-hero-badge       { font-size:11px; padding:4px 10px; }
    .dlst-hero-stats       { gap:16px; }
    .dlst-hero-stat strong { font-size:20px; }
    .dlst-hero-stat span   { font-size:11px; }

    /* Ürün grid — 2 sütun küçük */
    .dlst-products-grid    { grid-template-columns:repeat(2,1fr); gap:10px; }
    .dlst-product-thumb    { aspect-ratio:1; }
    .dlst-product-card-body { padding:10px; }
    .dlst-product-title a  { font-size:12px; -webkit-line-clamp:2; }
    .dlst-price-current    { font-size:15px; }
    .dlst-product-meta-row { display:none; } /* küçük ekranda etiketleri gizle */
    .dlst-add-to-cart-btn,
    .dlstore-btn.dlst-add-to-cart-btn { font-size:11px; padding:8px 6px; }

    /* Kategoriler */
    .dlst-categories-grid  { grid-template-columns:repeat(3,1fr); gap:8px; }
    .dlst-category-card    { padding:12px 8px; }
    .dlst-cat-icon         { font-size:20px; }
    .dlst-cat-name         { font-size:11px; }
    .dlst-cat-count        { display:none; }

    /* Sections */
    .dlst-section          { padding:36px 0; }
    .dlst-section-header h2 { font-size:20px; }

    /* Features — 1 sütun */
    .dlst-features-grid       { grid-template-columns:1fr; }
    .dlst-why-section         { padding:48px 0; }

    /* Single product tabs */
    .dlst-product-tab-nav  { overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch; }
    .dlst-tab-btn          { white-space:nowrap; flex-shrink:0; padding:8px 14px; font-size:13px; }
    .dlst-var-options      { gap:6px; }
    .dlst-var-btn          { min-width:100px; padding:8px 12px; }
    .dlst-var-btn strong   { font-size:12px; }
    .dlst-var-btn span     { font-size:13px; }
}

/* ── Çok küçük ≤360px ── */
@media (max-width:360px) {
    .dlst-products-grid    { grid-template-columns:1fr 1fr; gap:8px; }
    .dlst-categories-grid  { grid-template-columns:repeat(3,1fr); gap:6px; }
    .dlst-hero-actions .dlstore-btn { font-size:13px; padding:11px; }
    .dlst-price-current    { font-size:14px; }
}

/* ── Marquee animasyonu (trust bar) ── */
@keyframes dlst-marquee {
    0%   { transform:translateX(0); }
    100% { transform:translateX(-50%); }
}

/* ============================================================
   LOGO & HEADER DÜZELTMELERI
   ============================================================ */

/* Logo — sabit yükseklik, genişlik auto, boyutun taşmaması */
.dlst-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    max-width: 200px; /* logo alanı sınırı */
}

.dlst-logo-img {
    height: 40px !important;
    width: auto !important;
    max-width: 180px !important;
    object-fit: contain;
    display: block;
    /* Koyu modda logo görünürlüğü için hafif filtre */
}

[data-theme="dark"] .dlst-logo-img {
    filter: brightness(1.05);
}

.dlst-logo-text {
    font-size: 20px;
    font-weight: 800;
    color: var(--dlst-text);
    letter-spacing: -.5px;
    white-space: nowrap;
}

/* Header iç yapısı — flex, dikey ortalama garantili */
.dlst-header-inner {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 64px;
    width: 100%;
}

/* Nav flex büyüme */
.dlst-nav {
    flex: 1;
    overflow: hidden; /* taşmayı engelle */
}

/* Aksiyon butonları */
.dlst-header-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    margin-left: auto;
}

/* Sepet badge */
.dlst-cart-btn {
    position: relative;
}

.dlst-cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: var(--dlst-primary);
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
}

.dlst-cart-count--hidden {
    display: none !important;
}

/* Tema toggle ikonları */
.dlst-theme-toggle .dlst-icon-sun,
.dlst-theme-toggle .dlst-icon-moon {
    pointer-events: none;
}

/* ============================================================
   FOOTER DÜZELTMELERI
   ============================================================ */

.dlst-footer {
    background: var(--dlst-bg-2);
    border-top: 1px solid var(--dlst-border);
    padding-top: 56px;
    margin-top: 0;
}

/* Footer grid — 4 sütun, responsive */
.dlst-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--dlst-border);
}

@media (max-width: 1024px) {
    .dlst-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px;
    }
    .dlst-footer-brand {
        grid-column: 1 / -1; /* tam genişlik */
    }
}

@media (max-width: 600px) {
    .dlst-footer-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .dlst-footer-brand {
        grid-column: auto;
    }
}

/* Footer logo */
.dlst-footer-logo-link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    text-decoration: none;
}

.dlst-footer-logo-img {
    height: 36px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain;
    display: block;
}

[data-theme="dark"] .dlst-footer-logo-img {
    filter: brightness(1.05);
}

.dlst-footer-logo-text {
    font-size: 18px;
    font-weight: 800;
    color: var(--dlst-text);
    display: block;
    margin-bottom: 14px;
    text-decoration: none;
}

/* Footer başlıklar */
.dlst-footer-heading {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--dlst-text-2);
    margin: 0 0 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--dlst-border);
}

/* Footer link listesi */
.dlst-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.dlst-footer-links li a,
.dlst-footer-links a {
    font-size: 13px;
    color: var(--dlst-text-2);
    transition: color .2s, padding-left .2s;
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

.dlst-footer-links li a:hover,
.dlst-footer-links a:hover {
    color: var(--dlst-primary);
    padding-left: 4px;
}

/* Footer açıklama */
.dlst-footer-desc {
    font-size: 13px;
    color: var(--dlst-text-2);
    line-height: 1.7;
    margin: 0 0 16px;
    max-width: 280px;
}

/* Footer güven rozetleri */
.dlst-footer-badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.dlst-footer-badges span {
    font-size: 11px;
    font-weight: 600;
    background: var(--dlst-bg-card);
    border: 1px solid var(--dlst-border);
    padding: 3px 9px;
    border-radius: 4px;
    color: var(--dlst-text-2);
}

/* Footer iletişim */
.dlst-footer-contact {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dlst-footer-contact li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--dlst-text-2);
}

.dlst-footer-contact li svg {
    flex-shrink: 0;
    color: var(--dlst-primary);
}

.dlst-footer-contact a {
    color: var(--dlst-text-2);
    text-decoration: none;
    transition: color .2s;
}

.dlst-footer-contact a:hover {
    color: var(--dlst-primary);
}

/* Ödeme badge'leri */
.dlst-footer-pay-badges {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.dlst-pay-badge {
    font-size: 10px;
    font-weight: 700;
    background: var(--dlst-bg-card);
    border: 1px solid var(--dlst-border);
    padding: 3px 7px;
    border-radius: 3px;
    color: var(--dlst-text-2);
    letter-spacing: .3px;
}

/* Footer alt çizgi */
.dlst-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    font-size: 12px;
    color: var(--dlst-text-2);
    flex-wrap: wrap;
    gap: 8px;
}

.dlst-footer-legal {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.dlst-footer-legal a {
    font-size: 12px;
    color: var(--dlst-text-2);
    text-decoration: none;
    transition: color .2s;
}

.dlst-footer-legal a:hover {
    color: var(--dlst-primary);
}

/* ============================================================
   WHATSAPP FAB
   ============================================================ */
.dlst-whatsapp-fab {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 999;
    background: #25d366;
    color: #fff;
    border-radius: 50px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 4px 20px rgba(37, 211, 102, .4);
    transition: all .25s;
    white-space: nowrap;
}

.dlst-whatsapp-fab:hover {
    background: #1ebe5d;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(37, 211, 102, .5);
}

.dlst-whatsapp-fab svg {
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .dlst-whatsapp-fab span {
        display: none; /* mobilde sadece ikon */
    }
    .dlst-whatsapp-fab {
        border-radius: 50%;
        padding: 14px;
    }
}

/* ============================================================
   HAMBURGER AKTİF DURUMU
   ============================================================ */
.dlst-hamburger.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.dlst-hamburger.open span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
.dlst-hamburger.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ============================================================
   HEADER SCROLLED
   ============================================================ */
.dlst-header.scrolled {
    box-shadow: 0 2px 20px rgba(0,0,0,.15);
}

[data-theme="dark"] .dlst-header.scrolled {
    box-shadow: 0 2px 20px rgba(0,0,0,.4);
}


/* ============================================================
   RESPONSIVE — TAM MOBİL UYUM
   Breakpoints: 1024 / 768 / 480 / 360
   ============================================================ */

/* ── Tablet ≤1024px ── */
@media (max-width:1024px) {
    .dlst-hero-inner       { grid-template-columns:1fr; gap:32px; }
    .dlst-hero-card        { order:-1; max-width:500px; margin:0 auto; width:100%; }
    .dlst-footer-grid      { grid-template-columns:1fr 1fr; gap:28px; }
    .dlst-footer-brand     { grid-column:1 / -1; }
    .dlst-single-product   { grid-template-columns:1fr; }
}

/* ── Büyük mobil ≤768px ── */
@media (max-width:768px) {
    /* Header */
    .dlst-nav              { display:none; }
    .dlst-hamburger        { display:flex; }
    .dlst-header-inner     { height:58px; }

    /* Mobil menü — full screen overlay */
    .dlst-nav.open {
        display:flex !important;
        flex-direction:column;
        position:fixed;
        top:0; left:0; right:0; bottom:0;
        background:var(--dlst-bg-2);
        z-index:9999;
        padding:80px 24px 40px;
        overflow-y:auto;
        gap:0;
        animation:dlst-menu-in .25s ease;
    }
    @keyframes dlst-menu-in {
        from { opacity:0; transform:translateX(-20px); }
        to   { opacity:1; transform:translateX(0); }
    }
    .dlst-nav.open .dlst-nav-menu {
        flex-direction:column;
        gap:2px;
        width:100%;
    }
    .dlst-nav.open .dlst-nav-menu li {
        border-bottom:1px solid var(--dlst-border);
    }
    .dlst-nav.open .dlst-nav-menu li:last-child { border-bottom:none; }
    .dlst-nav.open .dlst-nav-menu li a {
        font-size:17px;
        font-weight:600;
        padding:15px 4px;
        display:block;
        color:var(--dlst-text);
        border-radius:0;
    }
    .dlst-nav.open .dlst-nav-menu li a:hover { color:var(--dlst-primary); }

    /* Menü kapat × butonu */
    .dlst-nav.open::before {
        content:'×';
        position:fixed;
        top:14px; right:20px;
        font-size:28px;
        color:var(--dlst-text-2);
        cursor:pointer;
        line-height:1;
    }

    /* Trust bar */
    .dlst-trust-bar-inner {
        gap:8px 16px;
        justify-content:center;
        overflow:visible;
        flex-wrap:wrap;
        animation:none;
        white-space:normal;
        text-align:center;
    }
    .dlst-trust-bar-inner span { flex-shrink:0; padding:0; font-size:11px; white-space:nowrap; }

    /* Hero */
    .dlst-hero             { padding:32px 0 28px; }
    .dlst-hero-title       { font-size:clamp(26px,6vw,38px); margin-bottom:14px; }
    .dlst-hero-desc        { font-size:14px; margin-bottom:20px; }
    .dlst-hero-actions     { flex-direction:column; gap:10px; }
    .dlst-hero-actions .dlstore-btn { width:100%; justify-content:center; padding:13px; font-size:15px; }
    .dlst-hero-stats       { gap:20px; margin-top:8px; }
    .dlst-hero-stat strong { font-size:22px; }

    /* Popüler kart (hero sağ) */
    .dlst-popular-card     { max-width:100%; }

    /* Kategoriler */
    .dlst-categories-grid  { grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); gap:10px; }
    .dlst-cat-icon         { font-size:22px; }
    .dlst-cat-name         { font-size:12px; }

    /* Ürün grid */
    .dlst-products-grid    { grid-template-columns:repeat(2,1fr); gap:12px; }
    .dlst-product-card-body { padding:12px; gap:8px; }
    .dlst-product-title a  { font-size:13px; }
    .dlst-price-current    { font-size:17px; }
    .dlst-product-card-actions { flex-direction:column; gap:6px; }
    .dlst-add-to-cart-btn,
    .dlstore-btn.dlst-add-to-cart-btn { width:100%; justify-content:center; font-size:12px; padding:9px; }
    .dlst-detail-link      { text-align:center; font-size:11px; }

    /* Ürün thumbnail yüksekliği */
    .dlst-product-thumb    { aspect-ratio:4/3; }

    /* Section padding */
    .dlst-section          { padding:48px 0; }
    .dlst-section-header   { margin-bottom:28px; }
    .dlst-section-header h2 { font-size:22px; }

    /* Features grid */
    .dlst-features-grid    { grid-template-columns:repeat(2,1fr); gap:12px; }
    .dlst-feature-card     { padding:16px; }
    .dlst-feature-icon     { font-size:24px; margin-bottom:10px; }
    .dlst-feature-card h3  { font-size:14px; }
    .dlst-feature-card p   { font-size:12px; }

    /* Steps */
    .dlst-steps-grid       { grid-template-columns:1fr; gap:12px; }
    .dlst-step             { padding:20px; }

    /* Reviews */
    .dlst-reviews-grid     { grid-template-columns:1fr; }

    /* CTA */
    .dlst-cta-box          { padding:36px 20px; border-radius:14px; }
    .dlst-cta-box h2       { font-size:22px; }
    .dlst-cta-actions      { flex-direction:column; align-items:center; }
    .dlst-cta-actions .dlstore-btn { width:100%; max-width:320px; justify-content:center; }

    /* Footer */
    .dlst-footer-grid      { grid-template-columns:1fr; gap:20px; }
    .dlst-footer-brand     { grid-column:auto; }
    .dlst-footer-desc      { max-width:100%; }
    .dlst-footer-bottom    { flex-direction:column; align-items:flex-start; gap:8px; text-align:left; }
    .dlst-footer-legal     { flex-wrap:wrap; gap:8px; }

    /* WhatsApp FAB */
    .dlst-whatsapp-fab span { display:none; }
    .dlst-whatsapp-fab     { border-radius:50%; padding:14px; bottom:16px; right:16px; }

    /* Single product */
    .dlst-product-trust-badges { grid-template-columns:1fr 1fr; }
    .dlst-product-price-block  { flex-wrap:wrap; gap:8px; }
    .dlst-price-current-big    { font-size:28px; }
    .dlst-product-purchase     { flex-direction:column; }
    .dlst-product-purchase .dlstore-btn { width:100%; justify-content:center; }
    .dlst-buy-now-btn          { display:block; }

    /* Archive */
    .dlst-archive-header h1 { font-size:22px; }
}

/* ── Küçük mobil ≤480px ── */
@media (max-width:480px) {
    .dlst-container        { padding:0 16px; }

    /* Header */
    .dlst-logo-img         { height:32px !important; max-width:130px !important; }
    .dlst-header-inner     { gap:10px; }
    .dlst-action-btn       { width:34px; height:34px; }

    /* Hero */
    .dlst-hero             { padding:24px 0 20px; }
    .dlst-hero-title       { font-size:clamp(22px,7vw,30px); }
    .dlst-hero-badge       { font-size:11px; padding:4px 10px; }
    .dlst-hero-stats       { gap:16px; }
    .dlst-hero-stat strong { font-size:20px; }
    .dlst-hero-stat span   { font-size:11px; }

    /* Ürün grid — 2 sütun küçük */
    .dlst-products-grid    { grid-template-columns:repeat(2,1fr); gap:10px; }
    .dlst-product-thumb    { aspect-ratio:1; }
    .dlst-product-card-body { padding:10px; }
    .dlst-product-title a  { font-size:12px; -webkit-line-clamp:2; }
    .dlst-price-current    { font-size:15px; }
    .dlst-product-meta-row { display:none; } /* küçük ekranda etiketleri gizle */
    .dlst-add-to-cart-btn,
    .dlstore-btn.dlst-add-to-cart-btn { font-size:11px; padding:8px 6px; }

    /* Kategoriler */
    .dlst-categories-grid  { grid-template-columns:repeat(3,1fr); gap:8px; }
    .dlst-category-card    { padding:12px 8px; }
    .dlst-cat-icon         { font-size:20px; }
    .dlst-cat-name         { font-size:11px; }
    .dlst-cat-count        { display:none; }

    /* Sections */
    .dlst-section          { padding:36px 0; }
    .dlst-section-header h2 { font-size:20px; }

    /* Features — 1 sütun */
    .dlst-features-grid    { grid-template-columns:1fr; }

    /* Single product tabs */
    .dlst-product-tab-nav  { overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch; }
    .dlst-tab-btn          { white-space:nowrap; flex-shrink:0; padding:8px 14px; font-size:13px; }
    .dlst-var-options      { gap:6px; }
    .dlst-var-btn          { min-width:100px; padding:8px 12px; }
    .dlst-var-btn strong   { font-size:12px; }
    .dlst-var-btn span     { font-size:13px; }
}

/* ── Çok küçük ≤360px ── */
@media (max-width:360px) {
    .dlst-products-grid    { grid-template-columns:1fr 1fr; gap:8px; }
    .dlst-categories-grid  { grid-template-columns:repeat(3,1fr); gap:6px; }
    .dlst-hero-actions .dlstore-btn { font-size:13px; padding:11px; }
    .dlst-price-current    { font-size:14px; }
}

/* ── Marquee animasyonu (trust bar) ── */
@keyframes dlst-marquee {
    0%   { transform:translateX(0); }
    100% { transform:translateX(-50%); }
}
/* ── Mobil nav kapatma butonu ── */
.dlst-nav-close {
    display: none;
    position: absolute;
    top: 16px;
    right: 20px;
    background: var(--dlst-bg-card);
    border: 1px solid var(--dlst-border);
    border-radius: 8px;
    width: 40px; height: 40px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--dlst-text-2);
    transition: all .2s;
    z-index: 1;
}
.dlst-nav-close:hover { color: var(--dlst-text); border-color: var(--dlst-text-2); }
.dlst-nav.open .dlst-nav-close { display: flex; }

/* ── Hamburger animasyon ── */
.dlst-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.dlst-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.dlst-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ── Header scrolled ── */
.dlst-header.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,.15); }
[data-theme="dark"] .dlst-header.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,.4); }

/* ── Ürün kartı — mobil tam uyum ── */
@media (max-width: 768px) {
    /* Stok yok kartı tıklanamaz görünsün ama layout bozulmasın */
    .dlst-out-of-stock { opacity: .55; }
    .dlst-out-of-stock .dlst-product-card-actions button { cursor: not-allowed; }

    /* Badge küçük ekranda küçülsün */
    .dlst-product-badge { font-size: 10px; padding: 2px 7px; top: 8px; left: 8px; }
    .dlst-badge-outofstock { left: auto; right: 8px; }

    /* Mini cart dropdown mobilde tam genişlik */
    .dlstore-mini-cart-dropdown {
        position: fixed !important;
        top: 58px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        border-radius: 0 0 12px 12px !important;
        box-shadow: 0 8px 24px rgba(0,0,0,.3) !important;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
    }

    /* Arama barı mobilden dolu genişlik */
    .dlst-search-form { max-width: 100%; }
    .dlst-search-form input { font-size: 16px; } /* iOS zoom önleme */

    /* Single product — adet & satın al sticky */
    .dlst-product-purchase {
        position: sticky;
        bottom: 0;
        background: var(--dlst-bg-card);
        border-top: 1px solid var(--dlst-border);
        padding: 12px 16px;
        margin: 0 -16px;
        z-index: 10;
        box-shadow: 0 -4px 20px rgba(0,0,0,.15);
        border-radius: 16px 16px 0 0;
    }

    /* Popular card hero mobilde scroll */
    .dlst-popular-card {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 480px) {
    /* Input font-size 16px — iOS'ta zoom'u önler */
    input, select, textarea { font-size: 16px !important; }

    /* Sepet sayfası */
    .dlst-cart-page { padding: 20px 16px 60px; }
    .dlst-cart-head h2 { font-size: 16px; }
    .dlst-cart-grid { gap: 16px; }
    .dlst-summary-card { border-radius: 10px; }

    /* Checkout sayfası */
    .dlst-checkout-page { padding: 20px 16px 60px; }
    .dlst-checkout-layout { gap: 16px; }
    .dlst-place-order-btn,
    .dlst-btn-checkout {
        position: sticky;
        bottom: 0;
        z-index: 10;
        border-radius: 0;
        margin: 0 -16px;
        width: calc(100% + 32px);
        border-radius: 12px 12px 0 0;
    }

    /* Footer compact */
    .dlst-footer { padding-top: 36px; }
    .dlst-footer-grid { gap: 16px; }
    .dlst-footer-bottom { font-size: 11px; }
}

/* ============================================================
   DÜZELTMELER v3 — Buton, Havale Dark, Menü
   ============================================================ */

/* ── Ürün kartı — Sepete Ekle butonu ── */
.dlst-card-add-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 10px 12px;
    background: var(--dlst-primary);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, transform .15s;
    white-space: nowrap;
}
.dlst-card-add-btn:hover {
    background: var(--dlst-primary-dark, #e6941a);
    transform: translateY(-1px);
}
.dlst-card-add-btn:active {
    transform: translateY(0);
}
.dlst-card-add-btn svg {
    flex-shrink: 0;
    pointer-events: none;
}

/* Stok yok butonu */
.dlst-card-stock-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 12px;
    background: var(--dlst-bg-2);
    color: var(--dlst-text-2);
    border: 1px solid var(--dlst-border);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: not-allowed;
}

/* Card actions satırı */
.dlst-product-card-actions {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
}

/* ── Havale/EFT Dark Mode ── */
.dlst-havale-info {
    background: var(--dlst-bg-card-2, #21262d);
    border: 1px solid var(--dlst-border);
    border-radius: 8px;
    padding: 16px;
    margin: 8px 0;
    font-size: 13px;
    color: var(--dlst-text) !important;
    line-height: 1.7;
}
[data-theme="light"] .dlst-havale-info {
    background: #f8f9fa;
    color: #333 !important;
}

/* Ödeme seçeneği aktif (havale seçilince) */
.dlstore-payment-option.active .dlst-havale-info,
.dlstore-payment-option .dlst-havale-info {
    color: var(--dlst-text);
}


/* ── Ürün kartı — mobilde buton tam genişlik ── */
@media (max-width: 768px) {
    .dlst-card-add-btn { font-size: 12px; padding: 9px 8px; }
    .dlst-detail-link  { font-size: 11px; text-align: center; }
}
@media (max-width: 480px) {
    .dlst-card-add-btn { font-size: 11px; padding: 8px 6px; gap: 4px; }
    .dlst-card-add-btn svg { display: none; } /* ikon gizle, yer kazanımı */
}

/* ============================================================
   MOBİL MENÜ — FINAL (en güçlü selector, override edilemez)
   ============================================================ */
@media screen and (max-width: 768px) {

    /* Hamburger her zaman görünür */
    html body .dlst-hamburger {
        display: flex !important;
        flex-direction: column;
        gap: 5px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 6px;
        z-index: 9999;
        position: relative;
    }

    /* Desktop nav gizli */
    html body #dlst-nav:not(.open) {
        display: none !important;
        visibility: hidden !important;
    }

    /* Açık menü — tam ekran */
    html body #dlst-nav.open {
        display: block !important;
        visibility: visible !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: var(--dlst-bg-2) !important;
        z-index: 9998 !important;
        padding: 72px 24px 40px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        box-shadow: none !important;
    }

    html body #dlst-nav.open .dlst-nav-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    html body #dlst-nav.open .dlst-nav-menu > li {
        border-bottom: 1px solid var(--dlst-border) !important;
        margin: 0 !important;
    }
    html body #dlst-nav.open .dlst-nav-menu > li:last-child {
        border-bottom: none !important;
    }
    html body #dlst-nav.open .dlst-nav-menu > li > a {
        display: block !important;
        padding: 16px 0 !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        color: var(--dlst-text) !important;
        text-decoration: none !important;
        background: transparent !important;
        border-radius: 0 !important;
        transition: color .15s !important;
        white-space: normal !important;
        line-height: 1.4 !important;
    }
    html body #dlst-nav.open .dlst-nav-menu > li > a:hover {
        color: var(--dlst-primary) !important;
    }

    /* Kapat butonu */
    html body #dlst-nav-close {
        display: flex !important;
        position: fixed !important;
        top: 14px !important;
        right: 16px !important;
        z-index: 9999 !important;
        background: var(--dlst-bg-card) !important;
        border: 1px solid var(--dlst-border) !important;
        border-radius: 8px !important;
        width: 40px !important;
        height: 40px !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        color: var(--dlst-text-2) !important;
    }
    html body #dlst-nav-close:hover {
        color: var(--dlst-text) !important;
    }

    /* Hamburger animasyon */
    html body #dlst-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    html body #dlst-hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
    html body #dlst-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    /* Mini cart dropdown mobilede fixed */
    html body .dlstore-mini-cart-dropdown.open {
        position: fixed !important;
        top: 58px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        border-radius: 0 0 12px 12px !important;
        z-index: 9990 !important;
        max-height: 70vh !important;
        overflow-y: auto !important;
    }
}

/* ── Sepet sayacı badge ── */
.dlst-cart-count {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    background: var(--dlst-primary) !important;
    color: #fff !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 4px !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
.dlst-cart-count--hidden,
.dlst-cart-count[style*="display: none"],
.dlst-cart-count[style*="display:none"] {
    display: none !important;
}
.dlst-cart-btn {
    position: relative !important;
}

/* ── Havale/EFT dark mode ── */
.dlst-havale-info {
    background: var(--dlst-bg-card-2, #21262d) !important;
    border: 1px solid var(--dlst-border) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin: 8px 0 !important;
    font-size: 13px !important;
    color: var(--dlst-text) !important;
    line-height: 1.7 !important;
}
[data-theme="light"] .dlst-havale-info {
    background: #f1f3f5 !important;
    color: #1a1d2e !important;
}

/* Tarayıcı varsayılan yukarı/aşağı oklarını gizleme */
input.dlstore-qty-input::-webkit-outer-spin-button,
input.dlstore-qty-input::-webkit-inner-spin-button,
input.dlst-qty-input::-webkit-outer-spin-button,
input.dlst-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

input.dlstore-qty-input[type=number],
input.dlst-qty-input[type=number] {
    -moz-appearance: textfield !important;
}

/* ============================================================
   ANA SAYFA PROMOSYON SLIDER
   ============================================================ */
.dlst-promo-slider-section {
    width: 100%;
    background: #090d16;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid var(--dlst-border);
}

.dlst-promo-slider {
    position: relative;
    width: 100%;
    height: 480px;
}

@media (max-width: 768px) {
    .dlst-promo-slider { height: auto; }
    .dlst-slide { position: absolute; }
    .dlst-slide.active { position: relative; }
}

.dlst-slider-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.dlst-slide {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.8s ease-in-out;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.dlst-slide.active {
    opacity: 1;
    z-index: 2;
}

.dlst-slide-glow {
    position: absolute;
    top: -50%; right: -30%;
    width: 120%; height: 200%;
    pointer-events: none;
}

.dlst-slide-inner {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    align-items: center;
    gap: 40px;
    height: 100%;
    position: relative;
    z-index: 3;
}

@media (max-width: 768px) {
    .dlst-slide-inner {
        grid-template-columns: 1fr;
        padding: 60px 20px;
        text-align: center;
    }
    .dlst-slide-graphic { display: none !important; }
}

.dlst-slide-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    color: #ffffff;
}

@media (max-width: 768px) {
    .dlst-slide-content { align-items: center; }
}

.dlst-slide-badge {
    background: rgba(245,166,35,0.18);
    color: var(--dlst-primary);
    border: 1px solid rgba(245,166,35,0.15);
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.dlst-slide-content h2 {
    font-size: clamp(24px, 4vw, 42px);
    font-weight: 900;
    line-height: 1.2;
    margin: 0;
    text-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.dlst-slide-content p {
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    max-width: 580px;
}

.dlst-slide-price-wrap {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    padding: 10px 18px;
}

.dlst-slide-old-price {
    font-size: 15px;
    color: rgba(255,255,255,0.5);
    text-decoration: line-through;
    font-weight: 500;
}

.dlst-slide-current-price {
    font-size: 34px;
    font-weight: 900;
    color: #ffffff;
    text-shadow: 0 0 24px rgba(255,255,255,0.25);
    letter-spacing: -0.5px;
}

.dlst-slide-discount {
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    padding: 5px 11px;
    border-radius: 8px;
    letter-spacing: 0.5px;
    box-shadow: 0 3px 10px rgba(231,76,60,0.5);
    white-space: nowrap;
}

.dlst-slide-actions {
    margin-top: 10px;
}

/* Graphic styles */
.dlst-slide-graphic {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
}

.dlst-graphic-bundle {
    position: relative;
    width: 280px;
    height: 280px;
}

/* Gaming bundle — aynı boyutlar */
.dlst-graphic-gaming {
    position: relative;
    width: 280px;
    height: 280px;
}

.dlst-graphic-card {
    position: absolute;
    width: 200px;
    height: 250px;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    transition: transform 0.4s ease;
    border: 1px solid rgba(255,255,255,0.08);
}

.dlst-card-win {
    background: linear-gradient(135deg, #005a9e, #0078d4);
    top: 0; left: 0;
    transform: rotate(-6deg);
    z-index: 1;
}

.dlst-card-off {
    background: linear-gradient(135deg, #b7472a, #d83b01);
    bottom: 0; right: 0;
    transform: rotate(6deg);
    z-index: 2;
}

.dlst-card-sec {
    background: linear-gradient(135deg, #0f5132, #198754);
}

/* Oyun kartı — Mor/neon gradient */
.dlst-card-game {
    background: linear-gradient(135deg, #1a0533 0%, #4a148c 50%, #8e24aa 100%);
    border: 1px solid rgba(224,170,255,0.15) !important;
}

/* Özel resim wrap */
.dlst-slide-custom-img-wrap {
    width: 100%;
    max-width: 320px;
    aspect-ratio: 16/9;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.08);
}
.dlst-slide-custom-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dlst-card-alone {
    position: relative;
    transform: none;
    width: 220px;
    height: 270px;
}

.dlst-graphic-card:hover {
    transform: scale(1.04) translateY(-5px);
    z-index: 3;
}

.dlst-card-logo {
    color: #ffffff;
    opacity: 0.9;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15));
}

.dlst-card-info {
    color: #ffffff;
}

.dlst-card-info h4, .dlst-card-info h3 {
    margin: 0;
    font-weight: 800;
}

.dlst-card-info p {
    margin: 4px 0 0;
    font-size: 11px;
    opacity: 0.65;
    font-family: monospace;
}

/* Arrows */
.dlst-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px; height: 44px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(8px);
    color: #ffffff;
    font-size: 14px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex; align-items: center; justify-content: center;
    transition: background 0.3s, border-color 0.3s;
}

.dlst-slider-arrow:hover {
    background: var(--dlst-primary);
    border-color: var(--dlst-primary);
}

.dlst-slider-arrow.prev { left: 24px; }
.dlst-slider-arrow.next { right: 24px; }

@media (max-width: 768px) {
    .dlst-slider-arrow { display: none; }
}

/* Dots */
.dlst-slider-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}

.dlst-dot {
    width: 8px; height: 8px;
    background: rgba(255,255,255,0.25);
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s, width 0.3s;
}

.dlst-dot.active {
    width: 24px;
    background: var(--dlst-primary);
    border-radius: 4px;
}

/* Kayan / Yanıp sönen Anında Teslimat efekti */
@keyframes pulseGlow {
  0% { text-shadow: 0 0 5px rgba(245,166,35,0.2); opacity: 0.85; }
  50% { text-shadow: 0 0 20px rgba(245,166,35,0.9), 0 0 30px rgba(245,166,35,0.6); opacity: 1; color: var(--dlst-primary); }
  100% { text-shadow: 0 0 5px rgba(245,166,35,0.2); opacity: 0.85; }
}

@keyframes dlst-trust-pulse {
    0%, 100% { opacity: .68; text-shadow: 0 0 4px rgba(255,255,255,.25); }
    50%      { opacity: 1;   text-shadow: 0 0 14px rgba(255,255,255,.9), 0 0 22px rgba(255,255,255,.5); }
}
.dlst-trust-bar-inner span:nth-child(2) {
    font-weight: 800 !important;
    animation: dlst-trust-pulse 2s infinite ease-in-out;
}

/* ==========================================
   DYNAMIC HERO SLIDER PREMIUM UPGRADE
   ========================================== */

/* Arka plan süzülen dekoratif daireler */
.dlst-slide-decorations {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    pointer-events: none;
    z-index: 2;
    overflow: hidden;
}
.dlst-decor-item {
    position: absolute;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 50%;
    filter: blur(2px);
}
.dlst-decor-item.shape-1 {
    width: 120px; height: 120px;
    top: 10%; left: 5%;
    background: radial-gradient(circle, rgba(255,255,255,0.05) 0%, transparent 70%);
    animation: dlst-float-decor-1 12s infinite alternate ease-in-out;
}
.dlst-decor-item.shape-2 {
    width: 250px; height: 250px;
    bottom: -10%; right: 15%;
    background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, transparent 80%);
    animation: dlst-float-decor-2 18s infinite alternate ease-in-out;
}
.dlst-decor-item.shape-3 {
    width: 80px; height: 80px;
    bottom: 20%; left: 45%;
    background: rgba(255, 255, 255, 0.015);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    transform: rotate(45deg);
    animation: dlst-float-decor-3 15s infinite alternate ease-in-out;
}
@keyframes dlst-float-decor-1 {
    0% { transform: translateY(0) rotate(0deg) scale(1); }
    100% { transform: translateY(20px) rotate(15deg) scale(1.1); }
}
@keyframes dlst-float-decor-2 {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(-30px, -20px) scale(0.9); }
}
@keyframes dlst-float-decor-3 {
    0% { transform: translateY(0) rotate(45deg); }
    100% { transform: translateY(-25px) rotate(225deg); }
}

/* Staggered entrance animations */
.dlst-slide .dlst-slide-badge,
.dlst-slide h2,
.dlst-slide p,
.dlst-slide .dlst-slide-price-wrap,
.dlst-slide .dlst-slide-actions,
.dlst-slide .dlst-slide-graphic {
    opacity: 0;
    transform: translateY(25px);
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease;
}
.dlst-slide .dlst-slide-badge {
    transform: translateY(-15px);
}
.dlst-slide.active .dlst-slide-badge {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.15s;
}
.dlst-slide.active h2 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.25s;
}
.dlst-slide.active p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.35s;
}
.dlst-slide.active .dlst-slide-price-wrap {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.45s;
}
.dlst-slide.active .dlst-slide-actions {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.55s;
}
.dlst-slide.active .dlst-slide-graphic {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 1s ease;
    transition-delay: 0.3s;
}

/* Premium shine (parıltı) reflection */
.dlst-graphic-card {
    overflow: hidden;
}
.dlst-graphic-card::after {
    content: '';
    position: absolute;
    top: -50%; left: -60%;
    width: 30%; height: 200%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.25) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(30deg);
    pointer-events: none;
    z-index: 10;
}
.dlst-slide.active .dlst-graphic-card::after {
    animation: dlst-card-shine 6s infinite ease-in-out;
}
@keyframes dlst-card-shine {
    0% { left: -60%; opacity: 0; }
    10% { opacity: 1; }
    30% { left: 140%; opacity: 0; }
    100% { left: 140%; opacity: 0; }
}

/* Card Floating/Drifting effects */
.dlst-slide.active .dlst-card-win {
    animation: dlst-float-win 6s ease-in-out infinite;
}
.dlst-slide.active .dlst-card-off {
    animation: dlst-float-off 7s ease-in-out infinite;
}
.dlst-slide.active .dlst-card-game {
    animation: dlst-float-game-main 5.5s ease-in-out infinite;
}
.dlst-slide.active .dlst-card-game-bg {
    animation: dlst-float-game-bg 6.5s ease-in-out infinite;
}
.dlst-slide.active .dlst-card-sec {
    animation: dlst-float-center 6s ease-in-out infinite;
}
.dlst-slide.active .dlst-slide-custom-img-wrap {
    animation: dlst-float-center 6s ease-in-out infinite;
}

@keyframes dlst-float-win {
    0% { transform: translateY(0) rotate(-6deg); }
    50% { transform: translateY(-10px) rotate(-5deg); }
    100% { transform: translateY(0) rotate(-6deg); }
}
@keyframes dlst-float-off {
    0% { transform: translateY(0) rotate(6deg); }
    50% { transform: translateY(-12px) rotate(7deg); }
    100% { transform: translateY(0) rotate(6deg); }
}
@keyframes dlst-float-game-main {
    0% { transform: translateY(0) rotate(-5deg); }
    50% { transform: translateY(-8px) rotate(-4deg); }
    100% { transform: translateY(0) rotate(-5deg); }
}
@keyframes dlst-float-game-bg {
    0% { transform: translateY(0) rotate(7deg); }
    50% { transform: translateY(-12px) rotate(8deg); }
    100% { transform: translateY(0) rotate(7deg); }
}
@keyframes dlst-float-center {
    0% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-8px) scale(1.02); }
    100% { transform: translateY(0) scale(1); }
}

/* Glow orb drift and soft background highlight */
.dlst-slide-glow {
    background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 70%);
}
.dlst-slide.active .dlst-slide-glow {
    animation: dlst-glow-drift 15s infinite alternate ease-in-out;
}
@keyframes dlst-glow-drift {
    0% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(-8%, 6%) scale(1.08); }
    100% { transform: translate(6%, -6%) scale(0.96); }
}

/* ==========================================================================
   PREMIUM CUSTOMER ACCOUNT & ORDER LOOKUP STYLING (DAY/NIGHT COMPATIBLE)
   ========================================================================== */

/* Container & Header layout */
.dlst-account-container {
    max-width: 850px;
    margin: 60px auto;
    padding: 0 24px;
    font-family: 'Inter', sans-serif;
    color: var(--dls-text);
}

.dlst-account-header {
    text-align: center;
    margin-bottom: 40px;
}

.dlst-account-title {
    font-size: 2.2rem;
    font-weight: 800;
    margin-bottom: 10px;
    background: linear-gradient(135deg, var(--dlst-primary) 0%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.5px;
}

[data-theme='light'] .dlst-account-title {
    background: linear-gradient(135deg, var(--dlst-primary) 0%, #1a1a2e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dlst-account-subtitle {
    font-size: 1.05rem;
    color: var(--dls-text-muted);
}

/* Card glassmorphism base */
.dlst-account-card {
    background: var(--dlst-bg-card);
    border: 1px solid var(--dls-border);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    padding: 40px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[data-theme='light'] .dlst-account-card {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);
}

/* Ambient glow inside card */
.dlst-card-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, var(--dlst-primary-glow) 0%, transparent 60%);
    pointer-events: none;
    z-index: 1;
    opacity: 0.7;
}

.dlst-account-card > * {
    position: relative;
    z-index: 2;
}

/* Lookup form design */
.dlst-account-lookup-card {
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
}

.dlst-lookup-icon-wrap {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--dlst-primary-glow);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    color: var(--dlst-primary);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

[data-theme='light'] .dlst-lookup-icon-wrap {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.dlst-account-lookup-card h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: -0.3px;
}

.dlst-account-lookup-card p {
    font-size: 0.95rem;
    color: var(--dls-text-muted);
    margin-bottom: 30px;
    line-height: 1.5;
}

.dlst-lookup-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Floating label group */
.dlst-form-group-floating {
    position: relative;
    width: 100%;
}

.dlst-input-field {
    width: 100%;
    padding: 16px;
    background: var(--dlst-bg-2) !important;
    border: 1px solid var(--dls-border);
    border-radius: 10px;
    font-size: 15px;
    color: var(--dls-text);
    outline: none;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.dlst-form-group-floating label {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--dls-text-muted);
    pointer-events: none;
    transition: all 0.25s ease;
}

.dlst-input-line {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--dlst-primary);
    transition: all 0.3s ease;
}

/* Floating states */
.dlst-input-field:focus ~ label,
.dlst-input-field:not(:placeholder-shown) ~ label {
    top: 0;
    left: 12px;
    transform: translateY(-50%) scale(0.85);
    background: var(--dlst-bg-card);
    padding: 0 6px;
    color: var(--dlst-primary);
}

.dlst-input-field:focus {
    border-color: var(--dlst-primary);
    box-shadow: 0 0 12px var(--dlst-primary-glow);
}

.dlst-input-field:focus ~ .dlst-input-line {
    width: 100%;
    left: 0;
}

/* Premium Button styling */
.dlst-btn-premium {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, var(--dlst-primary) 0%, var(--dlst-primary-dark) 100%);
    border: none;
    border-radius: 10px;
    padding: 15px 24px;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px var(--dlst-primary-glow);
}

.dlst-btn-premium span {
    color: #ffffff !important;
}

.dlst-btn-premium svg {
    transition: transform 0.3s ease;
}

.dlst-btn-premium:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px var(--dlst-primary-glow);
    filter: brightness(1.05);
}

.dlst-btn-premium:hover svg {
    transform: translateX(4px);
}

/* Empty State Card */
.dlst-empty-card {
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    border-color: rgba(239, 68, 68, 0.2);
}

.dlst-empty-icon-wrap {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
}

.dlst-empty-card h2 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.dlst-empty-card p {
    font-size: 1rem;
    color: var(--dls-text-muted);
    line-height: 1.6;
    margin-bottom: 30px;
}

.dlst-btn-secondary-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--dls-border);
    background: transparent;
    padding: 12px 24px;
    border-radius: 10px;
    color: var(--dls-text);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.dlst-btn-secondary-outline:hover {
    background: var(--dlst-bg-2);
    border-color: var(--dls-text);
}

/* Orders list header */
.dlst-orders-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
    flex-wrap: wrap;
    gap: 20px;
    border-bottom: 1px solid var(--dls-border);
    padding-bottom: 20px;
}

.dlst-orders-info h2 {
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0 0 4px 0;
}

.dlst-orders-info p {
    margin: 0;
    font-size: 0.95rem;
    color: var(--dls-text-muted);
}

.dlst-back-to-search-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--dlst-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--dlst-primary-glow);
    transition: all 0.25s ease;
}

.dlst-back-to-search-btn:hover {
    background: var(--dlst-primary);
    color: #000000;
}

/* Orders List & Cards */
.dlst-orders-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dlst-order-card {
    background: var(--dlst-bg-card);
    border: 1px solid var(--dls-border);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

[data-theme='light'] .dlst-order-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

.dlst-order-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.dlst-order-card-header {
    background: rgba(255, 255, 255, 0.01);
    border-bottom: 1px solid var(--dls-border);
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.dlst-order-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dlst-order-label {
    font-size: 10px;
    font-weight: 700;
    color: var(--dls-text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dlst-order-key {
    font-family: 'JetBrains Mono', monospace;
    font-size: 15px;
    font-weight: 700;
    color: var(--dlst-primary);
}

.dlst-order-details-right {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.dlst-order-date {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
}

.dlst-order-total {
    font-size: 18px;
    font-weight: 800;
    color: var(--dls-text);
}

/* Status Badges */
.dlst-order-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.dlst-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

/* Status variants */
.dlst-status-completed {
    background: rgba(16, 185, 129, 0.12);
    color: #10b981;
}
.dlst-status-completed .dlst-status-dot {
    background: #10b981;
    box-shadow: 0 0 8px #10b981;
}

.dlst-status-pending,
.dlst-status-processing {
    background: rgba(245, 166, 35, 0.12);
    color: #f5a623;
}
.dlst-status-pending .dlst-status-dot,
.dlst-status-processing .dlst-status-dot {
    background: #f5a623;
    box-shadow: 0 0 8px #f5a623;
}

.dlst-status-failed,
.dlst-status-cancelled {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}
.dlst-status-failed .dlst-status-dot,
.dlst-status-cancelled .dlst-status-dot {
    background: #ef4444;
    box-shadow: 0 0 8px #ef4444;
}

/* Licenses Area */
.dlst-order-licenses-section {
    padding: 24px;
}

.dlst-licenses-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 16px 0;
    color: var(--dls-text-muted);
}

.dlst-license-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dlst-license-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--dlst-bg-2);
    border: 1px solid var(--dls-border);
    border-radius: 10px;
    padding: 16px 20px;
    flex-wrap: wrap;
    gap: 16px;
    transition: border-color 0.25s ease;
}

.dlst-license-row:hover {
    border-color: rgba(255, 255, 255, 0.15);
}

[data-theme='light'] .dlst-license-row:hover {
    border-color: rgba(0, 0, 0, 0.15);
}

.dlst-license-product-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dlst-license-product-title {
    font-weight: 700;
    font-size: 14.5px;
    color: var(--dls-text);
}

.dlst-license-tag {
    font-size: 11px;
    color: #10b981;
    font-weight: 600;
}

/* Code container & copy */
.dlst-license-key-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.dlst-license-key-box {
    background: var(--dlst-bg-card-2);
    border: 1px solid var(--dls-border);
    border-radius: 6px;
    padding: 10px 14px;
    display: inline-flex;
    align-items: center;
}

.dlst-license-code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--dlst-primary);
    letter-spacing: 0.5px;
    user-select: all;
}

/* Copy Button Styling with state animation */
.dlst-license-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 1px solid var(--dls-border);
    padding: 10px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    color: var(--dls-text);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.dlst-license-copy-btn:hover {
    background: var(--dlst-primary-glow);
    border-color: var(--dlst-primary);
    color: var(--dlst-primary);
}

/* Copy success animation */
.dlst-license-copy-btn.dlst-copied {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #000000 !important;
    transform: scale(1.05);
}

.dlst-license-copy-btn.dlst-copied svg {
    color: #000000;
}

.dlst-order-no-licenses {
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(245, 166, 35, 0.05);
    border-top: 1px solid var(--dls-border);
    font-size: 13.5px;
    color: #f5a623;
}

/* Responsiveness adjustments */
@media (max-width: 768px) {
    .dlst-account-container {
        margin: 30px auto;
        padding: 0 16px;
    }
    
    .dlst-account-card {
        padding: 24px 16px;
    }
    
    .dlst-order-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .dlst-order-details-right {
        width: 100%;
        justify-content: space-between;
    }
    
    .dlst-license-row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .dlst-license-key-wrapper {
        width: 100%;
        justify-content: space-between;
    }
    
    .dlst-license-key-box {
        width: 100%;
        justify-content: center;
    }
}

/* ==========================================================================
   ÜYELİK SİSTEMİ — GİRİŞ / KAYIT / HESABIM (DAY/NIGHT UYUMLU)
   ========================================================================== */

/* Auth genel kapsayıcı */
.dlst-auth-container {
    max-width: 480px;
    margin: 60px auto;
    padding: 0 20px;
    font-family: 'Inter', sans-serif;
}

.dlst-auth-header {
    text-align: center;
    margin-bottom: 32px;
}

.dlst-auth-title {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 8px;
    background: linear-gradient(135deg, var(--dlst-primary) 0%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.5px;
}

[data-theme='light'] .dlst-auth-title {
    background: linear-gradient(135deg, var(--dlst-primary) 0%, #1a1a2e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dlst-auth-subtitle {
    font-size: 1rem;
    color: var(--dls-text-muted);
}

/* Auth kart */
.dlst-auth-card {
    background: var(--dlst-bg-card);
    border: 1px solid var(--dls-border);
    border-radius: 18px;
    padding: 36px 32px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
}

[data-theme='light'] .dlst-auth-card {
    box-shadow: 0 20px 50px rgba(0,0,0,0.05);
}

/* Auth form */
.dlst-auth-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* Alert */
.dlst-auth-alert {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

.dlst-alert-success {
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.3);
    color: #10b981;
}

.dlst-alert-error {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #ef4444;
}

/* Şifre toggle */
.dlst-password-wrap {
    position: relative;
}

.dlst-password-toggle {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: var(--dls-text-muted);
    display: flex;
    align-items: center;
    padding: 0;
    z-index: 3;
    transition: color 0.2s;
}

.dlst-password-toggle:hover {
    color: var(--dlst-primary);
}

/* Şifre güç göstergesi */
.dlst-password-strength {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: -8px;
}

.dlst-strength-bar {
    flex: 1;
    height: 4px;
    border-radius: 4px;
    background: var(--dls-border);
    overflow: hidden;
}

.dlst-strength-fill {
    height: 100%;
    width: 0%;
    border-radius: 4px;
    transition: width 0.3s ease, background 0.3s ease;
}

.dlst-strength-label {
    font-size: 11px;
    font-weight: 600;
    min-width: 70px;
    text-align: right;
}

/* Checkbox özel tasarım */
.dlst-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: var(--dls-text-muted);
    cursor: pointer;
    line-height: 1.5;
}

.dlst-checkbox-label input[type="checkbox"] {
    display: none;
}

.dlst-checkbox-custom {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border: 2px solid var(--dls-border);
    border-radius: 5px;
    background: var(--dlst-bg-2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    margin-top: 1px;
}

.dlst-checkbox-label input[type="checkbox"]:checked + .dlst-checkbox-custom {
    background: var(--dlst-primary);
    border-color: var(--dlst-primary);
}

.dlst-checkbox-label input[type="checkbox"]:checked + .dlst-checkbox-custom::after {
    content: '';
    display: block;
    width: 5px;
    height: 9px;
    border: 2px solid #000;
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translateY(-1px);
}

/* Giriş/Kayıt satırı */
.dlst-auth-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

/* Auth link */
.dlst-link {
    color: var(--dlst-primary);
    text-decoration: none;
    font-size: 13px;
    transition: opacity 0.2s;
}

.dlst-link:hover { opacity: 0.8; }

.dlst-link-bold {
    font-weight: 700;
}

/* Şifremi unuttum açıklaması */
.dlst-forgot-desc {
    font-size: 14px;
    color: var(--dls-text-muted);
    margin: 0;
    line-height: 1.5;
}

/* Ayraç */
.dlst-auth-separator {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px 0;
    color: var(--dls-text-muted);
    font-size: 12px;
}

.dlst-auth-separator::before,
.dlst-auth-separator::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--dls-border);
}

/* Hesap geçiş */
.dlst-auth-switch {
    text-align: center;
    font-size: 14px;
    color: var(--dls-text-muted);
}

/* Tam genişlik buton */
.dlst-btn-full {
    width: 100%;
    justify-content: center;
}

/* TERMS checkbox */
.dlst-terms-check {
    font-size: 12px;
}

/* ── HEADER: Kullanıcı Dropdown Menüsü ── */
.dlst-user-menu-wrap {
    position: relative;
}

.dlst-user-toggle {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
}

.dlst-header-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: block !important;
}

.dlst-user-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 230px;
    background: var(--dlst-bg-card);
    border: 1px solid var(--dls-border);
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.2);
    opacity: 0;
    transform: translateY(-8px) scale(0.97);
    pointer-events: none;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1100;
    overflow: hidden;
}

[data-theme='light'] .dlst-user-dropdown {
    box-shadow: 0 16px 40px rgba(0,0,0,0.08);
}

.dlst-user-dropdown.open {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.dlst-user-dropdown-header {
    padding: 16px 18px 12px;
    border-bottom: 1px solid var(--dls-border);
}

.dlst-user-dropdown-header strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--dls-text);
    margin-bottom: 3px;
}

.dlst-user-dropdown-header span {
    font-size: 12px;
    color: var(--dls-text-muted);
}

.dlst-user-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 18px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--dls-text);
    text-decoration: none;
    transition: background 0.15s ease;
}

.dlst-user-dropdown-item:hover {
    background: var(--dlst-bg-2);
    color: var(--dlst-primary);
}

.dlst-user-dropdown-sep {
    height: 1px;
    background: var(--dls-border);
    margin: 4px 0;
}

.dlst-dropdown-logout {
    color: #ef4444 !important;
}

.dlst-dropdown-logout:hover {
    background: rgba(239,68,68,0.08) !important;
    color: #ef4444 !important;
}

/* ── GİRİŞ YAPILMIŞ — Hesabım Sayfası ── */
.dlst-account-loggedin {
    max-width: 900px;
}

.dlst-user-hero {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 28px 32px;
    background: var(--dlst-bg-card);
    border: 1px solid var(--dls-border);
    border-radius: 16px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.dlst-user-avatar {
    flex-shrink: 0;
}

.dlst-user-avatar img {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    border: 3px solid var(--dlst-primary);
    display: block;
}

.dlst-user-info {
    flex: 1;
}

.dlst-user-name {
    font-size: 1.4rem;
    font-weight: 800;
    margin: 0 0 4px;
    color: var(--dls-text);
}

.dlst-user-email {
    font-size: 13px;
    color: var(--dls-text-muted);
    margin: 0 0 8px;
}

.dlst-user-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(16,185,129,0.1);
    color: #10b981;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.dlst-status-dot-green {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 6px #10b981;
    display: inline-block;
}

.dlst-logout-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    border: 1px solid rgba(239,68,68,0.3);
    background: rgba(239,68,68,0.05);
    color: #ef4444;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}

.dlst-logout-btn:hover {
    background: rgba(239,68,68,0.12);
    color: #ef4444;
}

/* Sekmeler */
.dlst-account-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 24px;
    background: var(--dlst-bg-card);
    border: 1px solid var(--dls-border);
    border-radius: 12px;
    padding: 6px;
}

/* Açık temada da sekme çubuğu koyu kalsın — beyaz yazı her zaman okunsun */
[data-theme='light'] .dlst-account-tabs {
    background: #1c2230;
    border-color: rgba(255,255,255,0.08);
}

.dlst-account-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.2s ease;
    flex: 1;
    justify-content: center;
}

.dlst-account-tab:hover {
    color: #ffffff;
    background: rgba(255,255,255,0.08);
}

.dlst-account-tab.active {
    background: var(--dlst-primary);
    color: #ffffff;
}

.dlst-tab-badge {
    background: rgba(0,0,0,0.15);
    color: inherit;
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.dlst-account-tab.active .dlst-tab-badge {
    background: rgba(0,0,0,0.2);
}

/* Profil formu özel */
.dlst-profile-card {
    max-width: 100%;
}

.dlst-profile-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 24px;
}

.dlst-profile-form {
    max-width: 600px;
}

.dlst-profile-section-divider {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--dls-text-muted);
    border-top: 1px solid var(--dls-border);
    padding-top: 16px;
    margin-top: 4px;
}

.dlst-form-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 580px) {
    .dlst-form-row-2 { grid-template-columns: 1fr; }
}

/* ── MISAFIR PANEL (giriş yapılmamış) ── */
.dlst-account-guest-panel {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dlst-account-or-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--dls-text-muted);
    font-size: 13px;
    font-weight: 600;
}

.dlst-or-line {
    flex: 1;
    height: 1px;
    background: var(--dls-border);
}

.dlst-auth-cta-panel {
    background: var(--dlst-bg-card);
    border: 1px solid var(--dls-border);
    border-radius: 14px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.dlst-auth-cta-text h3 {
    margin: 0 0 6px;
    font-size: 1.1rem;
    font-weight: 700;
}

.dlst-auth-cta-text p {
    margin: 0;
    font-size: 13.5px;
    color: var(--dls-text-muted);
}

.dlst-auth-cta-btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Geniş hesabım sayfası için container override */
.dlst-account-loggedin .dlst-account-container {
    max-width: 900px;
}

@media (max-width: 768px) {
    .dlst-auth-card { padding: 24px 18px; }
    .dlst-auth-container { margin: 30px auto; }
    .dlst-user-hero { padding: 20px 16px; flex-direction: column; align-items: flex-start; }
    .dlst-logout-btn { margin-left: 0; }
    .dlst-account-tabs { flex-direction: column; }
    .dlst-account-tab { justify-content: flex-start; }
    .dlst-auth-cta-panel { flex-direction: column; align-items: flex-start; }
}

/* ==========================================================================
   ÖDEME SAYFASI (CHECKOUT)
   ========================================================================== */
.dlst-checkout-login-prompt {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 15px;
    width: 100%;
}

.dlst-checkout-cta-card {
    max-width: 520px;
    width: 100%;
    text-align: center;
    padding: 40px 30px;
}

.dlst-checkout-icon-wrap {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(245, 166, 35, 0.1);
    color: #f5a623;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 24px auto;
}

.dlst-checkout-cta-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 28px;
    flex-wrap: wrap;
}

.dlst-checkout-cta-actions .dlst-btn-premium,
.dlst-checkout-cta-actions .dlst-btn-secondary-outline {
    flex: 1;
    min-width: 140px;
    justify-content: center;
}

/* ==========================================================================
   GÜNDÜZ MODUNDA KOYU HEADER & FOOTER (YÜKSEK KONTRAST)
   ========================================================================== */
[data-theme="light"] .dlst-header,
[data-theme="light"] .dlst-search-bar,
[data-theme="light"] .dlst-footer {
    --dlst-bg-2: #0f141c;
    --dlst-bg-card: #171d26;
    --dlst-bg-card-2: #1e2530;
    --dlst-border: rgba(255, 255, 255, 0.08);
    --dlst-text: #f0f2f5;
    --dlst-text-2: #9ba3af;
}

/* Light modda koyu header içindeki ek element düzeltmeleri */
[data-theme="light"] .dlst-logo-text,
[data-theme="light"] .dlst-footer-logo-text {
    color: #ffffff !important;
}

[data-theme="light"] .dlst-nav-menu li a {
    color: #9ba3af;
}
[data-theme="light"] .dlst-nav-menu li a:hover,
[data-theme="light"] .dlst-nav-menu li.current-menu-item a {
    color: #ffffff;
    background: #171d26;
}

[data-theme="light"] .dlst-action-btn {
    background: #171d26;
    border-color: rgba(255, 255, 255, 0.08);
    color: #9ba3af;
}
[data-theme="light"] .dlst-action-btn:hover {
    border-color: var(--dlst-primary);
    color: var(--dlst-primary);
}

[data-theme="light"] .dlst-hamburger span {
    background-color: #ffffff;
}

/* Dropdown menüler */
[data-theme="light"] .dlst-user-dropdown,
[data-theme="light"] .dlstore-mini-cart-dropdown {
    background: #171d26 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .dlst-user-dropdown-header {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="light"] .dlst-user-dropdown-header strong {
    color: #ffffff !important;
}

[data-theme="light"] .dlst-user-dropdown-header span {
    color: #9ba3af !important;
}

[data-theme="light"] .dlst-user-dropdown-item {
    color: #9ba3af !important;
}
[data-theme="light"] .dlst-user-dropdown-item:hover {
    background: #1e2530 !important;
    color: #ffffff !important;
}

[data-theme="light"] .dlst-user-dropdown-sep {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Mini sepet detayları */
[data-theme="light"] .dlstore-mini-item {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="light"] .dlstore-mini-item-name {
    color: #ffffff !important;
}

[data-theme="light"] .dlstore-mini-item-price {
    color: #9ba3af !important;
}

[data-theme="light"] .dlstore-mini-cart-total {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

[data-theme="light"] .dlstore-mini-cart-total span {
    color: #9ba3af !important;
}

[data-theme="light"] .dlstore-mini-cart-total strong {
    color: #ffffff !important;
}

[data-theme="light"] .dlstore-mini-cart-empty p {
    color: #9ba3af !important;
}

/* =========================================
   BAYİ (RESELLER) PANELİ
   ========================================= */
.dlst-reseller-container { max-width: 1080px; }

/* Üst stat kartları */
.dlst-reseller-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}
.dlst-reseller-stat-card {
    background: var(--dlst-bg-card);
    border: 1px solid var(--dlst-border);
    border-radius: 14px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}
.dlst-reseller-stat-card.dlst-rs-balance {
    background: linear-gradient(135deg, var(--dlst-primary), #c97f10);
    border-color: transparent;
}
.dlst-rs-label { font-size: 12px; color: var(--dlst-text-2); margin-bottom: 8px; font-weight: 600; }
.dlst-rs-balance .dlst-rs-label { color: rgba(255,255,255,.85); }
.dlst-rs-value { font-size: 26px; font-weight: 800; color: var(--dlst-text); line-height: 1.1; }
.dlst-rs-balance .dlst-rs-value { color: #fff; }

/* Bölüm başlığı */
.dlst-reseller-section-title {
    font-size: 17px; font-weight: 700; margin: 0 0 6px; color: var(--dlst-text);
}

/* Sekme menüsü (iç navigasyon) */
.dlst-rs-tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 20px;
    background: var(--dlst-bg-card, #1c2128);
    border: 1px solid var(--dlst-border, rgba(255,255,255,.08));
    border-radius: 14px;
    padding: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.dlst-rs-tabs::-webkit-scrollbar { display: none; }
.dlst-rs-tab {
    display: inline-flex; align-items: center; gap: 7px;
    flex: 1 0 auto; justify-content: center;
    white-space: nowrap;
    padding: 11px 16px;
    border: 0; border-radius: 10px;
    background: transparent;
    color: var(--dlst-text-2, #8b949e);
    font-size: 13.5px; font-weight: 600; font-family: inherit;
    cursor: pointer;
    transition: background .18s, color .18s;
}
.dlst-rs-tab svg { opacity: .85; }
.dlst-rs-tab:hover { color: var(--dlst-text, #e6edf3); }
.dlst-rs-tab.active {
    background: var(--dlst-primary, #f5a623);
    color: #fff;
}
.dlst-rs-tab.active svg { opacity: 1; }

/* Paneller — yalnızca aktif olan görünür */
.dlst-rs-panel { display: none; animation: dlst-rs-fade .25s ease; }
.dlst-rs-panel.active { display: block; }
@keyframes dlst-rs-fade {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
    .dlst-rs-tab { flex: 0 0 auto; padding: 10px 13px; font-size: 13px; }
    .dlst-rs-tab span { display: inline; }
}

/* Referans linki */
.dlst-reseller-ref-row { display: flex; gap: 10px; align-items: stretch; }
.dlst-reseller-ref-row input { font-family: monospace; font-size: 13px; }

/* Ürün listesi */
.dlst-reseller-product-list { display: flex; flex-direction: column; gap: 10px; }
.dlst-reseller-product {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; flex-wrap: wrap;
    background: var(--dlst-bg-2);
    border: 1px solid var(--dlst-border);
    border-radius: 12px; padding: 12px 16px;
}
.dlst-rp-info { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 220px; }
.dlst-rp-thumb { flex-shrink: 0; }
.dlst-rp-img { border-radius: 8px; object-fit: cover; display: block; }
.dlst-rp-noimg {
    width: 56px; height: 56px; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    background: var(--dlst-bg-card); font-size: 24px;
}
.dlst-rp-titles { display: flex; flex-direction: column; gap: 6px; }
.dlst-rp-titles strong { color: var(--dlst-text); font-size: 14px; }
.dlst-rp-variation { padding: 6px 10px !important; font-size: 13px; max-width: 280px; }
.dlst-rp-price { display: flex; align-items: center; gap: 8px; }
.dlst-rp-old { text-decoration: line-through; color: var(--dlst-text-2); font-size: 13px; }
.dlst-rp-now { color: var(--dlst-primary); font-weight: 700; font-size: 15px; }
.dlst-rp-actions { display: flex; align-items: center; gap: 10px; }
.dlst-rp-qty { width: 70px !important; text-align: center; padding: 8px !important; }
.dlst-rp-buy { padding: 9px 18px !important; }
.dlst-rp-oos { color: #f85149; font-size: 13px; font-weight: 600; }

/* Çekim geçmişi */
.dlst-reseller-wd-item {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    padding: 10px 0; border-bottom: 1px solid var(--dlst-border);
}
.dlst-reseller-wd-item:last-child { border-bottom: 0; }
.dlst-reseller-wd-item > span:first-child { font-weight: 700; color: var(--dlst-text); }

/* İşlem geçmişi tablosu */
.dlst-reseller-tx-table { display: flex; flex-direction: column; }
.dlst-reseller-tx-row {
    display: grid;
    grid-template-columns: 150px 1fr 120px 130px;
    gap: 12px; align-items: center;
    padding: 11px 0; border-bottom: 1px solid var(--dlst-border);
    font-size: 13px;
}
.dlst-reseller-tx-row:last-child { border-bottom: 0; }
.dlst-tx-type { font-weight: 600; }
.dlst-tx-desc { color: var(--dlst-text-2); }
.dlst-tx-amount { font-weight: 700; text-align: right; }
.dlst-tx-date { color: var(--dlst-text-2); text-align: right; font-size: 12px; }

/* =========================================
   404 SAYFASI
   ========================================= */
.dlst-404 {
    position: relative;
    max-width: 720px;
    margin: 70px auto;
    padding: 0 20px;
    text-align: center;
    overflow: hidden;
}
.dlst-404-glow {
    position: absolute;
    top: -120px; left: 50%; transform: translateX(-50%);
    width: 480px; height: 480px;
    background: radial-gradient(circle, rgba(245,166,35,.18) 0%, transparent 62%);
    pointer-events: none; z-index: 0;
}
.dlst-404-inner { position: relative; z-index: 1; }

.dlst-404-badge {
    display: inline-block;
    font-size: 12px; font-weight: 700; letter-spacing: .4px;
    color: var(--dlst-primary, #f5a623);
    background: rgba(245,166,35,.1);
    border: 1px solid rgba(245,166,35,.28);
    padding: 6px 14px; border-radius: 30px;
    margin-bottom: 22px;
}

.dlst-404-code {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    font-size: clamp(88px, 20vw, 150px);
    font-weight: 900; line-height: 1;
    color: var(--dlst-text, #e6edf3);
    letter-spacing: -4px;
    margin-bottom: 18px;
}
.dlst-404-code .dlst-404-zero {
    width: clamp(78px, 17vw, 130px);
    height: clamp(78px, 17vw, 130px);
    color: var(--dlst-primary, #f5a623);
    display: inline-flex; align-items: center; justify-content: center;
    animation: dlst-404-float 3s ease-in-out infinite;
    filter: drop-shadow(0 10px 24px rgba(245,166,35,.35));
}
.dlst-404-code .dlst-404-zero svg { width: 70%; height: 70%; }
@keyframes dlst-404-float {
    0%, 100% { transform: translateY(0) rotate(-3deg); }
    50%      { transform: translateY(-12px) rotate(3deg); }
}

.dlst-404-title {
    font-size: clamp(22px, 4vw, 30px); font-weight: 800;
    color: var(--dlst-text, #e6edf3);
    margin: 0 0 12px; letter-spacing: -.5px;
}
.dlst-404-desc {
    font-size: 15px; line-height: 1.65;
    color: var(--dlst-text-2, #8b949e);
    max-width: 520px; margin: 0 auto 28px;
}

.dlst-404-search {
    display: flex; align-items: center; gap: 8px;
    max-width: 480px; margin: 0 auto 24px;
    background: var(--dlst-bg-card, #1c2128);
    border: 1px solid var(--dlst-border, rgba(255,255,255,.1));
    border-radius: 14px;
    padding: 6px 6px 6px 16px;
    transition: border-color .18s, box-shadow .18s;
}
.dlst-404-search:focus-within {
    border-color: var(--dlst-primary, #f5a623);
    box-shadow: 0 0 0 3px rgba(245,166,35,.14);
}
.dlst-404-search > svg { color: var(--dlst-text-2, #8b949e); flex-shrink: 0; }
.dlst-404-search input {
    flex: 1; min-width: 0;
    border: 0; outline: 0; background: transparent;
    color: var(--dlst-text, #e6edf3);
    font-size: 14px; font-family: inherit; padding: 10px 4px;
}
.dlst-404-search input::placeholder { color: var(--dlst-text-2, #8b949e); opacity: .7; }
.dlst-404-search button {
    flex-shrink: 0;
    border: 0; border-radius: 10px;
    background: var(--dlst-primary, #f5a623);
    color: #fff; font-weight: 700; font-size: 14px;
    padding: 10px 20px; cursor: pointer;
    transition: filter .18s;
}
.dlst-404-search button:hover { filter: brightness(1.06); }

.dlst-404-actions {
    display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
    margin-bottom: 28px;
}
.dlst-404-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 11px 20px; border-radius: 11px;
    font-size: 14px; font-weight: 700; text-decoration: none;
    transition: filter .18s, background .18s, border-color .18s, transform .05s;
}
.dlst-404-btn:active { transform: translateY(1px); }
.dlst-404-btn-primary { background: var(--dlst-primary, #f5a623); color: #fff; }
.dlst-404-btn-primary:hover { filter: brightness(1.06); }
.dlst-404-btn-ghost {
    background: var(--dlst-bg-card, #1c2128);
    color: var(--dlst-text, #e6edf3);
    border: 1px solid var(--dlst-border, rgba(255,255,255,.1));
}
.dlst-404-btn-ghost:hover { border-color: var(--dlst-primary, #f5a623); color: var(--dlst-primary, #f5a623); }

.dlst-404-cats {
    display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center;
    font-size: 13px;
}
.dlst-404-cats-label { color: var(--dlst-text-2, #8b949e); margin-right: 4px; }
.dlst-404-cats a {
    color: var(--dlst-text-2, #8b949e); text-decoration: none;
    background: var(--dlst-bg-2, #161b22);
    border: 1px solid var(--dlst-border, rgba(255,255,255,.08));
    padding: 5px 12px; border-radius: 30px;
    transition: color .18s, border-color .18s;
}
.dlst-404-cats a:hover { color: var(--dlst-primary, #f5a623); border-color: var(--dlst-primary, #f5a623); }

/* =========================================
   İLETİŞİM SAYFASI (bağımsız .dlst-ct-*)
   ========================================= */
.dlst-ct-wrap {
    max-width: 1040px;
    margin: 56px auto;
    padding: 0 20px;
    font-family: 'Inter', system-ui, sans-serif;
}

.dlst-ct-head { text-align: center; margin-bottom: 36px; }
.dlst-ct-eyebrow {
    display: inline-block;
    font-size: 13px; font-weight: 700;
    color: var(--dlst-primary, #f5a623);
    background: rgba(245,166,35,.1);
    border: 1px solid rgba(245,166,35,.25);
    padding: 5px 14px; border-radius: 30px;
    margin-bottom: 14px;
}
.dlst-ct-head h1 {
    font-size: 34px; font-weight: 800; line-height: 1.15;
    margin: 0 0 10px;
    color: var(--dlst-text, #e6edf3);
    letter-spacing: -.5px;
}
.dlst-ct-head p {
    font-size: 15px; line-height: 1.6;
    color: var(--dlst-text-2, #8b949e);
    max-width: 560px; margin: 0 auto;
}

.dlst-ct-grid {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 22px;
    align-items: stretch;
}

/* Sol bilgi paneli */
.dlst-ct-info {
    background: var(--dlst-bg-card, #1c2128);
    border: 1px solid var(--dlst-border, rgba(255,255,255,.08));
    border-radius: 18px;
    padding: 28px 24px;
    display: flex; flex-direction: column; gap: 14px;
}
.dlst-ct-info h2,
.dlst-ct-form-card h2 {
    font-size: 18px; font-weight: 700; margin: 0 0 6px;
    color: var(--dlst-text, #e6edf3);
}
.dlst-ct-info-item {
    display: flex; align-items: center; gap: 13px;
    padding: 12px; border-radius: 12px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background .18s, border-color .18s;
}
a.dlst-ct-info-item:hover {
    background: var(--dlst-bg-2, #161b22);
    border-color: var(--dlst-border, rgba(255,255,255,.08));
}
.dlst-ct-ic {
    width: 42px; height: 42px; flex-shrink: 0;
    border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
}
.dlst-ct-ic-mail  { background: rgba(245,166,35,.14); color: var(--dlst-primary, #f5a623); }
.dlst-ct-ic-wa    { background: rgba(37,211,102,.14); color: #25d366; }
.dlst-ct-ic-clock { background: rgba(88,166,255,.14); color: #58a6ff; }
.dlst-ct-info-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dlst-ct-info-txt strong { font-size: 14px; color: var(--dlst-text, #e6edf3); }
.dlst-ct-info-txt small { font-size: 13px; color: var(--dlst-text-2, #8b949e); word-break: break-word; }
.dlst-ct-note {
    margin-top: auto;
    font-size: 12.5px; line-height: 1.6;
    color: var(--dlst-text-2, #8b949e);
    background: var(--dlst-bg-2, #161b22);
    border-radius: 12px; padding: 14px;
}

/* Sağ form kartı */
.dlst-ct-form-card {
    background: var(--dlst-bg-card, #1c2128);
    border: 1px solid var(--dlst-border, rgba(255,255,255,.08));
    border-radius: 18px;
    padding: 30px;
}
.dlst-ct-form-card h2 { margin-bottom: 20px; }

.dlst-ct-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.dlst-ct-field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.dlst-ct-field label {
    font-size: 13px; font-weight: 600;
    color: var(--dlst-text, #e6edf3);
}
.dlst-ct-field label span { color: #f85149; }
.dlst-ct-field input,
.dlst-ct-field textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 11px;
    border: 1px solid var(--dlst-border, rgba(255,255,255,.1));
    background: var(--dlst-bg-2, #161b22);
    color: var(--dlst-text, #e6edf3);
    font-size: 14px; font-family: inherit;
    box-sizing: border-box;
    transition: border-color .18s, box-shadow .18s;
}
.dlst-ct-field textarea { resize: vertical; min-height: 130px; line-height: 1.6; }
.dlst-ct-field input::placeholder,
.dlst-ct-field textarea::placeholder { color: var(--dlst-text-2, #8b949e); opacity: .7; }
.dlst-ct-field input:focus,
.dlst-ct-field textarea:focus {
    outline: none;
    border-color: var(--dlst-primary, #f5a623);
    box-shadow: 0 0 0 3px rgba(245,166,35,.14);
}
.dlst-ct-field input[readonly] { opacity: .7; cursor: default; }

.dlst-ct-submit {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    width: 100%;
    padding: 14px 20px;
    border: 0; border-radius: 12px;
    background: var(--dlst-primary, #f5a623);
    color: #fff;
    font-size: 15px; font-weight: 700; cursor: pointer;
    transition: filter .18s, transform .05s;
    margin-top: 4px;
}
.dlst-ct-submit:hover { filter: brightness(1.06); }
.dlst-ct-submit:active { transform: translateY(1px); }
.dlst-ct-submit:disabled { opacity: .6; cursor: default; }

.dlst-ct-alert {
    padding: 12px 15px; border-radius: 11px;
    font-size: 14px; line-height: 1.5; margin-bottom: 18px;
}
.dlst-ct-alert.is-ok  { background: rgba(63,185,80,.14); color: #3fb950; border: 1px solid rgba(63,185,80,.28); }
.dlst-ct-alert.is-err { background: rgba(248,81,73,.12); color: #f85149; border: 1px solid rgba(248,81,73,.28); }

@media (max-width: 820px) {
    .dlst-ct-grid { grid-template-columns: 1fr; }
    .dlst-ct-head h1 { font-size: 27px; }
}
@media (max-width: 520px) {
    .dlst-ct-row { grid-template-columns: 1fr; gap: 0; }
    .dlst-ct-form-card, .dlst-ct-info { padding: 22px 18px; }
}

/* Bakiye yükleme — havale bilgi kutusu */
.dlst-topup-bank {
    background: var(--dlst-bg-2, #161b22);
    border: 1px dashed var(--dlst-primary, #f5a623);
    border-radius: 10px;
    padding: 14px 16px;
    font-size: 13px; line-height: 1.6;
    color: var(--dlst-text, #e6edf3);
    white-space: normal;
}
.dlst-topup-bank p { margin: 0 0 6px; }

/* Ürün kartı / sayfası bayi fiyat rozetleri */
.dlst-reseller-tag {
    display: inline-block;
    font-size: 10px; font-weight: 700;
    padding: 2px 8px; border-radius: 20px;
    background: rgba(63,185,80,.14); color: #3fb950;
    border: 1px solid rgba(63,185,80,.28);
    margin-left: 6px; white-space: nowrap;
}
.dlst-reseller-badge-big {
    background: rgba(63,185,80,.14) !important;
    color: #3fb950 !important;
    border: 1px solid rgba(63,185,80,.28) !important;
}
.dlst-reseller-note {
    margin-top: 8px; font-size: 12px; font-weight: 600;
    color: #3fb950;
    background: rgba(63,185,80,.08);
    border: 1px solid rgba(63,185,80,.2);
    border-radius: 8px; padding: 7px 11px; display: inline-block;
}

@media (max-width: 860px) {
    .dlst-reseller-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .dlst-reseller-product { flex-direction: column; align-items: stretch; }
    .dlst-rp-actions { justify-content: space-between; }
    .dlst-reseller-tx-row { grid-template-columns: 1fr 1fr; }
    .dlst-tx-desc { grid-column: 1 / -1; order: 3; }
    .dlst-tx-date { text-align: left; }
}

[data-theme="light"] .dlstore-mini-remove {
    color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="light"] .dlstore-mini-remove:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Premium Toast Notices */
body > .dlstore-notice {
    position: fixed !important;
    top: 24px !important;
    right: 24px !important;
    z-index: 99999 !important;
    min-width: 300px !important;
    max-width: 450px !important;
    animation: dlst-slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.dlstore-notice {
    padding: 16px 20px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    border: 1px solid transparent !important;
    border-left: 5px solid !important;
}

.dlstore-notice p {
    margin: 0 !important;
}

.dlstore-notice--success {
    background: #141b24 !important;
    border-color: rgba(63, 185, 80, 0.2) !important;
    border-left-color: #22c55e !important;
    color: #ffffff !important;
}

.dlstore-notice--error {
    background: #1d1616 !important;
    border-color: rgba(248, 81, 73, 0.2) !important;
    border-left-color: #ef4444 !important;
    color: #ffffff !important;
}

/* Gündüz (light) tema — yüksek kontrastlı açık zemin + koyu yazı */
[data-theme="light"] .dlstore-notice--success {
    background: #f0fdf4 !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    border-left-color: #16a34a !important;
    color: #14532d !important;
}
[data-theme="light"] .dlstore-notice--error {
    background: #fef2f2 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
    border-left-color: #dc2626 !important;
    color: #991b1b !important;
}
[data-theme="light"] .dlstore-notice--success p,
[data-theme="light"] .dlstore-notice--success strong,
[data-theme="light"] .dlstore-notice--error p,
[data-theme="light"] .dlstore-notice--error strong {
    color: inherit !important;
}

@keyframes dlst-slide-in {
    from {
        transform: translateY(-20px) scale(0.95);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

/* Arama barı inputu */
[data-theme="light"] .dlst-search-form input[type="search"] {
    background: #171d26 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* Mobil Menü (Light moddayken açıldığında koyu zemin olmalı) */
[data-theme="light"] .dlst-nav {
    background: #0f141c;
}
[data-theme="light"] .dlst-nav-close {
    color: #9ba3af;
}

/* Footer eleman başlıkları */
[data-theme="light"] .dlst-footer-heading,
[data-theme="light"] .dlst-footer-col h4 {
    color: #ffffff !important;
}

[data-theme="light"] .dlst-footer-badges span {
    background: #171d26 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #9ba3af !important;
}

/* Ana sayfadaki kategori kartlarının son satırını ortalama */
.dlst-categories-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
}

.dlst-category-card {
    flex: 1 1 135px !important;
    max-width: 155px !important;
}

@media (max-width: 768px) {
    .dlst-categories-grid {
        gap: 8px !important;
    }
    .dlst-category-card {
        flex: 1 1 100px !important;
        max-width: 125px !important;
    }
}




/* ════════════════════════════════════════════════════════════
   YÜZEN MÜŞTERİ DESTEK WİDGET'I
   ════════════════════════════════════════════════════════════ */

/* Kapsayıcı */
.dlst-sw {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9990;
    display: flex;
    align-items: center;
}

/* Tab butonu */
.dlst-sw-tab {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 14px 10px;
    background: var(--dlst-primary);
    color: #fff;
    border: none;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    transition: padding .25s ease, background .2s;
    box-shadow: 3px 2px 12px rgba(0,0,0,.25);
    flex-shrink: 0;
    z-index: 2;
}
.dlst-sw-tab:hover {
    background: var(--dlst-primary-dark, #e6941a);
    padding-right: 14px;
}
.dlst-sw-tab[aria-expanded="true"] {
    border-radius: 0 10px 10px 0;
    background: var(--dlst-primary-dark, #e6941a);
}
.dlst-sw-tab-icon {
    flex-shrink: 0;
}
.dlst-sw-tab-label {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
}

/* Panel */
.dlst-sw-panel {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%) translateX(-8px);
    width: 300px;
    background: var(--dlst-bg-card, #1c2128);
    border: 1px solid var(--dlst-border, rgba(255,255,255,.08));
    border-radius: 14px;
    box-shadow: 0 8px 40px rgba(0,0,0,.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
    overflow: hidden;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
}
.dlst-sw-panel.open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) translateX(8px);
}

/* Panel header */
.dlst-sw-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 16px 14px;
    background: var(--dlst-primary);
    color: #fff;
}
.dlst-sw-header-icon {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.dlst-sw-header-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.dlst-sw-header-text strong {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}
.dlst-sw-header-text span {
    font-size: 11px;
    opacity: .85;
    font-weight: 400;
}
.dlst-sw-close {
    background: rgba(255,255,255,.15);
    border: none;
    border-radius: 8px;
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    color: #fff;
    transition: background .2s;
    flex-shrink: 0;
}
.dlst-sw-close:hover { background: rgba(255,255,255,.28); }

/* Öğeler */
.dlst-sw-items {
    padding: 10px 10px 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.dlst-sw-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 12px;
    border-radius: 10px;
    text-decoration: none;
    color: var(--dlst-text, #e6edf3);
    transition: background .18s;
    border: 1px solid transparent;
}
.dlst-sw-item:hover {
    background: var(--dlst-bg-card-2, #21262d);
    border-color: var(--dlst-border, rgba(255,255,255,.06));
    color: var(--dlst-text, #e6edf3);
}

/* İkon arka planları */
.dlst-sw-item-icon {
    width: 42px; height: 42px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    transition: transform .2s;
}
.dlst-sw-item:hover .dlst-sw-item-icon { transform: scale(1.08); }

.dlst-sw-item--whatsapp .dlst-sw-item-icon { background: #e7fbe8; color: #25d366; }
.dlst-sw-item--email    .dlst-sw-item-icon { background: var(--dlst-primary-glow, rgba(245,166,35,.12)); color: var(--dlst-primary); }
.dlst-sw-item--verify   .dlst-sw-item-icon { background: rgba(52,152,219,.12); color: #3498db; }
.dlst-sw-item--orders   .dlst-sw-item-icon { background: rgba(155,89,182,.12); color: #9b59b6; }
.dlst-sw-item--reseller .dlst-sw-item-icon { background: rgba(63,185,80,.12); color: #3fb950; }

[data-theme="dark"] .dlst-sw-item--whatsapp .dlst-sw-item-icon { background: rgba(37,211,102,.14); }

/* Metin */
.dlst-sw-item-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.dlst-sw-item-text strong {
    font-size: 13px;
    font-weight: 700;
    color: var(--dlst-text, #e6edf3);
    line-height: 1.2;
}
.dlst-sw-item-text small {
    font-size: 11px;
    color: var(--dlst-text-2, #8b949e);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Badge */
.dlst-sw-item-badge {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 20px;
    flex-shrink: 0;
    letter-spacing: .3px;
}
.dlst-sw-badge--online {
    background: rgba(63,185,80,.14);
    color: #3fb950;
    border: 1px solid rgba(63,185,80,.25);
}

/* Panel footer */
.dlst-sw-footer {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 14px;
    border-top: 1px solid var(--dlst-border, rgba(255,255,255,.06));
    font-size: 11px;
    color: var(--dlst-text-2, #8b949e);
    justify-content: center;
}

/* Destek Talebi öğesi (button reset) */
button.dlst-sw-item {
    width: 100%;
    background: none;
    cursor: pointer;
    font: inherit;
    text-align: left;
}
.dlst-sw-item--ticket .dlst-sw-item-icon { background: rgba(230,148,26,.14); color: var(--dlst-primary, #f5a623); }
.dlst-sw-item--ticket { border-color: var(--dlst-primary, #f5a623); background: rgba(245,166,35,.05); }
.dlst-sw-item--ticket:hover { background: rgba(245,166,35,.1); }
.dlst-sw-item-arrow {
    flex-shrink: 0;
    color: var(--dlst-text-2, #8b949e);
    transition: transform .18s;
}
.dlst-sw-item:hover .dlst-sw-item-arrow { transform: translateX(3px); color: var(--dlst-primary, #f5a623); }

/* Panel içi destek talebi formu */
.dlst-sw-ticket-view { padding: 14px; }
.dlst-sw-ticket-back {
    display: inline-flex; align-items: center; gap: 5px;
    background: none; border: 0; cursor: pointer;
    color: var(--dlst-text-2, #8b949e); font-size: 12px; font-weight: 600;
    padding: 4px 0; margin-bottom: 10px;
}
.dlst-sw-ticket-back:hover { color: var(--dlst-primary, #f5a623); }
.dlst-sw-ticket-form { display: flex; flex-direction: column; gap: 9px; }
.dlst-sw-field {
    width: 100%;
    padding: 10px 12px;
    border-radius: 9px;
    border: 1px solid var(--dlst-border, rgba(255,255,255,.1));
    background: var(--dlst-bg-2, #161b22);
    color: var(--dlst-text, #e6edf3);
    font-size: 13px;
    font-family: inherit;
    box-sizing: border-box;
}
.dlst-sw-field::placeholder { color: var(--dlst-text-2, #8b949e); }
.dlst-sw-field:focus {
    outline: none;
    border-color: var(--dlst-primary, #f5a623);
    box-shadow: 0 0 0 3px rgba(245,166,35,.12);
}
textarea.dlst-sw-field { resize: vertical; min-height: 90px; }
.dlst-sw-ticket-submit {
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    width: 100%;
    padding: 11px 14px;
    border: 0; border-radius: 9px;
    background: var(--dlst-primary, #f5a623);
    color: #fff;
    font-size: 13px; font-weight: 700; cursor: pointer;
    transition: filter .18s;
}
.dlst-sw-ticket-submit:hover { filter: brightness(1.05); }
.dlst-sw-ticket-submit:disabled { opacity: .6; cursor: default; }
.dlst-sw-ticket-alert {
    padding: 9px 12px; border-radius: 9px; font-size: 12px;
    margin-bottom: 10px; line-height: 1.4;
}
.dlst-sw-ticket-alert.is-success { background: rgba(63,185,80,.14); color: #3fb950; border: 1px solid rgba(63,185,80,.25); }
.dlst-sw-ticket-alert.is-error   { background: rgba(248,81,73,.12); color: #f85149; border: 1px solid rgba(248,81,73,.25); }

/* Mobil */
@media (max-width: 600px) {
    .dlst-sw {
        top: auto;
        bottom: 80px;
        transform: none;
    }
    .dlst-sw-panel {
        transform: translateY(0) translateX(-8px);
        top: auto;
        bottom: 0;
        width: calc(100vw - 56px - 24px);
        max-width: 300px;
    }
    .dlst-sw-panel.open {
        transform: translateY(0) translateX(8px);
    }
}


/* ════════════════════════════════════════
   DESTEK TALEBİ GEÇMİŞİ (Hesabım)
   ════════════════════════════════════════ */
.dlst-ticket-history { display: flex; flex-direction: column; gap: 14px; }
.dlst-ticket-item {
    border: 1px solid var(--dlst-border, rgba(255,255,255,.08));
    border-radius: 12px;
    padding: 16px;
    background: var(--dlst-bg-2, #161b22);
}
.dlst-ticket-item-head {
    display: flex; justify-content: space-between; align-items: center;
    gap: 10px; margin-bottom: 8px; flex-wrap: wrap;
}
.dlst-ticket-item-head strong { font-size: 15px; color: var(--dlst-text, #e6edf3); }
.dlst-ticket-item-msg {
    font-size: 13px; line-height: 1.6;
    color: var(--dlst-text-2, #8b949e);
    white-space: pre-line;
}
.dlst-ticket-item-date {
    font-size: 11px; color: var(--dlst-text-2, #8b949e);
    margin-top: 8px; opacity: .7;
}
.dlst-ticket-reply {
    margin-top: 12px; padding: 12px 14px;
    background: var(--dlst-primary-glow, rgba(245,166,35,.08));
    border: 1px solid var(--dlst-primary-glow, rgba(245,166,35,.2));
    border-radius: 9px;
    font-size: 13px; line-height: 1.6;
    color: var(--dlst-text, #e6edf3);
    white-space: pre-line;
}
.dlst-ticket-reply-label {
    font-size: 11px; font-weight: 700;
    color: var(--dlst-primary, #f5a623);
    text-transform: uppercase; letter-spacing: .4px;
    margin-bottom: 6px;
}
/* textarea floating label uyumu */
.dlst-form-group-floating textarea.dlst-input-field { padding-top: 22px; }

/* ==========================================================================
   BLOG (listeleme + tekil yazı + yorumlar)
   ========================================================================== */
.dlst-blog-wrap{padding:40px 20px 20px;max-width:1140px;margin:0 auto}

/* ── Hero ── */
.dlst-blog-hero{text-align:center;max-width:720px;margin:0 auto 40px}
.dlst-blog-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--dlst-primary);margin-bottom:10px}
.dlst-blog-hero-title{font-size:38px;font-weight:800;color:var(--dlst-text);margin:0 0 12px;line-height:1.15}
.dlst-blog-hero-desc{font-size:16px;color:var(--dlst-text-2);line-height:1.6;margin:0 auto 22px;max-width:560px}
.dlst-blog-tools{display:flex;flex-direction:column;align-items:center;gap:16px}
.dlst-blog-search{display:flex;align-items:center;gap:8px;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:30px;padding:8px 16px;width:100%;max-width:380px;color:var(--dlst-text-2)}
.dlst-blog-search input{border:none;background:none;outline:none;flex:1;font-size:14px;color:var(--dlst-text)}
.dlst-blog-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.dlst-blog-cat-chip{font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);color:var(--dlst-text-2);text-decoration:none;transition:all .2s}
.dlst-blog-cat-chip:hover{color:var(--dlst-text);border-color:var(--dlst-primary)}
.dlst-blog-cat-chip.active{background:var(--dlst-primary);border-color:var(--dlst-primary);color:#fff}

/* ── Kart grid ── */
.dlst-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dlst-blog-grid-3{grid-template-columns:repeat(3,1fr)}
.dlst-blog-card{background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.dlst-blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.28)}
.dlst-blog-card-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--dlst-bg-2)}
.dlst-blog-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.dlst-blog-card:hover .dlst-blog-card-thumb img{transform:scale(1.05)}
.dlst-blog-card-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.dlst-blog-card-cat{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.3px}
.dlst-blog-card-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.dlst-blog-card-title{font-size:18px;font-weight:700;line-height:1.35;margin:0 0 10px}
.dlst-blog-card-title a{color:var(--dlst-text);text-decoration:none;transition:color .2s}
.dlst-blog-card-title a:hover{color:var(--dlst-primary)}
.dlst-blog-card-excerpt{font-size:14px;color:var(--dlst-text-2);line-height:1.6;margin:0 0 16px;flex:1}
.dlst-blog-card-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--dlst-text-2);margin-bottom:14px}
.dlst-blog-card-meta span{display:inline-flex;align-items:center;gap:5px}
.dlst-blog-card-more{font-size:14px;font-weight:700;color:var(--dlst-primary);text-decoration:none;margin-top:auto}
.dlst-blog-card-more:hover{text-decoration:underline}

/* ── Pagination ── */
.dlst-blog-pagination,.dlst-comments .pagination{margin:40px 0 10px}
.dlst-blog-pagination .nav-links,.dlst-comments .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.dlst-blog-pagination .page-numbers,.dlst-comments .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:8px;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);color:var(--dlst-text);text-decoration:none;font-weight:600;transition:all .2s}
.dlst-blog-pagination .page-numbers:hover{border-color:var(--dlst-primary)}
.dlst-blog-pagination .page-numbers.current{background:var(--dlst-primary);border-color:var(--dlst-primary);color:#fff}

/* ── Boş durum ── */
.dlst-blog-empty{text-align:center;padding:80px 20px;color:var(--dlst-text-2)}
.dlst-blog-empty-icon{color:var(--dlst-primary);opacity:.7;margin-bottom:16px}
.dlst-blog-empty h2{color:var(--dlst-text);margin:0 0 8px}

/* ==========================================================================
   TEKİL YAZI
   ========================================================================== */
.dlst-post{padding:36px 0 20px}
.dlst-post-header{max-width:780px;margin:0 auto 24px;text-align:center}
.dlst-post-breadcrumb{font-size:13px;color:var(--dlst-text-2);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.dlst-post-breadcrumb a{color:var(--dlst-text-2);text-decoration:none}
.dlst-post-breadcrumb a:hover{color:var(--dlst-primary)}
.dlst-post-breadcrumb-current{color:var(--dlst-text);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlst-post-cat{display:inline-block;background:var(--dlst-primary);color:#fff;font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px;text-decoration:none;letter-spacing:.4px;text-transform:uppercase;margin-bottom:14px}
.dlst-post-title{font-size:36px;font-weight:800;color:var(--dlst-text);line-height:1.2;margin:0 0 18px}
.dlst-post-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font-size:14px;color:var(--dlst-text-2)}
.dlst-post-meta-author{display:inline-flex;align-items:center;gap:8px;color:var(--dlst-text);font-weight:600}
.dlst-post-meta-avatar{border-radius:50%}
.dlst-post-meta a{color:var(--dlst-text-2);text-decoration:none}
.dlst-post-meta a:hover{color:var(--dlst-primary)}
.dlst-post-meta-sep{opacity:.5}
.dlst-post-cover{max-width:900px;margin:0 auto 30px}
.dlst-post-cover img{width:100%;height:auto;border-radius:16px;display:block}
.dlst-post-body{max-width:740px;margin:0 auto;font-size:17px;line-height:1.85}
.dlst-post-body img{max-width:100%;height:auto;border-radius:12px;margin:12px 0}
.dlst-post-body h2{font-size:26px;margin:34px 0 14px}
.dlst-post-body h3{font-size:21px;margin:28px 0 12px}
.dlst-post-body blockquote{border-left:4px solid var(--dlst-primary);background:var(--dlst-bg-card);margin:22px 0;padding:14px 20px;border-radius:0 10px 10px 0;color:var(--dlst-text-2);font-style:italic}
.dlst-post-body ul,.dlst-post-body ol{margin:0 0 18px;padding-left:24px}
.dlst-post-body li{margin-bottom:8px}
.dlst-post-body a{color:var(--dlst-primary);text-decoration:underline}
.dlst-post-body code{background:var(--dlst-bg-2);padding:2px 7px;border-radius:5px;font-size:.9em}
.dlst-post-body pre{background:var(--dlst-bg-2);padding:16px;border-radius:10px;overflow:auto;margin:20px 0}

/* Etiketler */
.dlst-post-tags{max-width:740px;margin:28px auto 0;display:flex;flex-wrap:wrap;gap:8px}
.dlst-post-tag{font-size:13px;color:var(--dlst-text-2);background:var(--dlst-bg-card);border:1px solid var(--dlst-border);padding:5px 12px;border-radius:8px;text-decoration:none;transition:all .2s}
.dlst-post-tag:hover{color:var(--dlst-primary);border-color:var(--dlst-primary)}

/* Paylaşım */
.dlst-post-share{max-width:740px;margin:24px auto 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dlst-post-share-label{font-size:14px;font-weight:600;color:var(--dlst-text-2)}
.dlst-share-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--dlst-border);background:var(--dlst-bg-card);color:var(--dlst-text);cursor:pointer;transition:all .2s;text-decoration:none}
.dlst-share-btn:hover{transform:translateY(-2px)}
.dlst-share-x:hover{background:#000;color:#fff;border-color:#000}
.dlst-share-fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}
.dlst-share-wa:hover{background:#25d366;color:#fff;border-color:#25d366}
.dlst-share-copy.dlst-copied{background:#10b981;color:#fff;border-color:#10b981}

/* Yazar kutusu */
.dlst-post-author{max-width:740px;margin:36px auto 0;display:flex;gap:18px;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:14px;padding:22px}
.dlst-post-author-avatar img{border-radius:50%}
.dlst-post-author-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--dlst-primary)}
.dlst-post-author-name{margin:4px 0 6px;font-size:18px;color:var(--dlst-text)}
.dlst-post-author-bio{margin:0;font-size:14px;color:var(--dlst-text-2);line-height:1.6}

/* Önceki / Sonraki */
.dlst-post-nav{max-width:900px;margin:36px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dlst-post-nav-item a{display:block;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:12px;padding:16px 18px;text-decoration:none;transition:border-color .2s,transform .2s}
.dlst-post-nav-item a:hover{border-color:var(--dlst-primary);transform:translateY(-2px)}
.dlst-post-nav-next{text-align:right}
.dlst-post-nav-label{display:block;font-size:12px;color:var(--dlst-primary);font-weight:700;margin-bottom:6px}
.dlst-post-nav-title{display:block;font-size:15px;color:var(--dlst-text);font-weight:600;line-height:1.4}

/* İlgili yazılar */
.dlst-post-related{max-width:1140px;margin:50px auto 0;padding:0 0}
.dlst-post-related-title{font-size:24px;font-weight:800;color:var(--dlst-text);margin:0 0 22px;text-align:center}

/* ==========================================================================
   YORUMLAR
   ========================================================================== */
.dlst-comments{max-width:740px;margin:50px auto 0;padding-top:36px;border-top:1px solid var(--dlst-border)}
.dlst-comments-title{font-size:22px;font-weight:800;color:var(--dlst-text);margin:0 0 26px}
.dlst-comments-title span{color:var(--dlst-primary)}
.dlst-comment-list{list-style:none;margin:0;padding:0}
.dlst-comment-list .children{list-style:none;margin:16px 0 0;padding-left:28px;border-left:2px solid var(--dlst-border)}
.dlst-comment{margin-bottom:20px}
.dlst-comment-body{display:flex;gap:14px}
.dlst-comment-avatar-img{border-radius:50%;flex-shrink:0}
.dlst-comment-main{flex:1;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:12px;padding:14px 18px}
.dlst-comment-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}
.dlst-comment-author{font-weight:700;color:var(--dlst-text);font-size:14px}
.dlst-comment-author a{color:var(--dlst-text);text-decoration:none}
.dlst-comment-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--dlst-primary);color:#fff;padding:2px 8px;border-radius:6px}
.dlst-comment-date{font-size:12px;color:var(--dlst-text-2)}
.dlst-comment-pending{font-size:13px;color:var(--dlst-primary);font-style:italic;margin:0 0 8px}
.dlst-comment-text{font-size:14.5px;line-height:1.65;color:var(--dlst-text-2)}
.dlst-comment-text p{margin:0 0 10px}
.dlst-comment-actions{margin-top:10px;font-size:13px;display:flex;gap:14px}
.dlst-comment-actions a{color:var(--dlst-primary);text-decoration:none;font-weight:600}
.dlst-comment-actions a:hover{text-decoration:underline}
.dlst-comments-closed{color:var(--dlst-text-2);font-style:italic;text-align:center;margin:20px 0}

/* Yorum formu */
.dlst-comment-form{margin-top:30px}
.dlst-comment-form .comment-reply-title{font-size:20px;font-weight:800;color:var(--dlst-text);margin:0 0 18px}
.dlst-comment-form .comment-reply-title small{font-weight:500;font-size:14px;margin-left:10px}
.dlst-comment-form .comment-reply-title small a{color:var(--dlst-primary)}
.dlst-comment-form .comment-form-cookies-consent{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dlst-text-2);margin:6px 0 14px}
.dlst-comment-form .comment-form-cookies-consent input{width:auto;margin:0}
.dlst-comment-submit{margin-top:6px;cursor:pointer}
.dlst-comment-form .logged-in-as{font-size:13px;color:var(--dlst-text-2);margin-bottom:16px}
.dlst-comment-form .logged-in-as a{color:var(--dlst-primary)}

/* ── Responsive ── */
@media (max-width:992px){
  .dlst-blog-grid,.dlst-blog-grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .dlst-blog-hero-title{font-size:30px}
  .dlst-post-title{font-size:27px}
  .dlst-post-body{font-size:16px}
  .dlst-blog-grid,.dlst-blog-grid-3{grid-template-columns:1fr}
  .dlst-post-nav{grid-template-columns:1fr}
  .dlst-post-nav-next{text-align:left}
  .dlst-comment-list .children{padding-left:14px}
}

/* ==========================================================================
   DESTEK KONUŞMASI (Hesabım → Destek)
   ========================================================================== */
.dlst-support-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.dlst-tk-new-toggle{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}

.dlst-tk-list{margin-top:20px;display:flex;flex-direction:column;gap:14px}
.dlst-tk{background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:14px;overflow:hidden}
.dlst-tk-header{width:100%;display:flex;align-items:center;gap:12px;padding:16px 18px;background:none;border:none;cursor:pointer;text-align:left;color:var(--dlst-text)}
.dlst-tk-header:hover{background:var(--dlst-bg-2)}
.dlst-tk-header-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.dlst-tk-subject{font-size:15px;font-weight:700;color:var(--dlst-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlst-tk-meta{font-size:12px;color:var(--dlst-text-2)}
.dlst-tk-badge{flex-shrink:0;font-size:11px;font-weight:700;padding:3px 11px;border-radius:20px;background:transparent;color:var(--tk-c);border:1px solid var(--tk-c)}
.dlst-tk-chevron{flex-shrink:0;color:var(--dlst-text-2);transition:transform .25s}
.dlst-tk.open .dlst-tk-chevron{transform:rotate(180deg)}

.dlst-tk-body{display:none;border-top:1px solid var(--dlst-border);padding:18px}
.dlst-tk.open .dlst-tk-body{display:block}

.dlst-tk-thread{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto;padding-right:4px}
.dlst-tk-msg{max-width:80%;display:flex;flex-direction:column;gap:4px}
.dlst-tk-msg-user{align-self:flex-end;align-items:flex-end}
.dlst-tk-msg-admin{align-self:flex-start;align-items:flex-start}
.dlst-tk-msg-bubble{font-size:14px;line-height:1.6;padding:11px 15px;border-radius:14px;word-wrap:break-word}
.dlst-tk-msg-user .dlst-tk-msg-bubble{background:var(--dlst-primary);color:#fff;border-bottom-right-radius:4px}
.dlst-tk-msg-admin .dlst-tk-msg-bubble{background:var(--dlst-bg-2);color:var(--dlst-text);border:1px solid var(--dlst-border);border-bottom-left-radius:4px}
.dlst-tk-msg-time{font-size:11px;color:var(--dlst-text-2);padding:0 4px}

.dlst-tk-reply{display:flex;gap:10px;align-items:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--dlst-border)}
.dlst-tk-reply textarea{flex:1;background:var(--dlst-bg-2);border:1px solid var(--dlst-border);border-radius:10px;padding:11px 14px;color:var(--dlst-text);font-family:inherit;font-size:14px;resize:vertical;min-height:44px;outline:none}
.dlst-tk-reply textarea:focus{border-color:var(--dlst-primary)}
.dlst-tk-reply-btn{flex-shrink:0;padding:11px 18px}
.dlst-tk-closed{margin-top:16px;padding:12px 16px;background:var(--dlst-bg-2);border-radius:10px;font-size:13px;color:var(--dlst-text-2);text-align:center}

@media (max-width:600px){
  .dlst-tk-msg{max-width:92%}
  .dlst-tk-reply{flex-direction:column;align-items:stretch}
  .dlst-tk-reply-btn{width:100%;justify-content:center}
}

/* ── Footer sosyal medya ikonları ── */
.dlst-footer-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.dlst-social-icon{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);color:var(--dlst-text-2);transition:all .2s}
.dlst-social-icon:hover{transform:translateY(-2px);color:#fff}
.dlst-social-facebook:hover{background:#1877f2;border-color:#1877f2}
.dlst-social-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743}
.dlst-social-twitter:hover{background:#000;border-color:#000}
.dlst-social-youtube:hover{background:#ff0000;border-color:#ff0000}
.dlst-social-tiktok:hover{background:#000;border-color:#000}
.dlst-social-linkedin:hover{background:#0a66c2;border-color:#0a66c2}
.dlst-social-telegram:hover{background:#229ed9;border-color:#229ed9}
.dlst-social-whatsapp:hover{background:#25d366;border-color:#25d366}
.dlst-social-pinterest:hover{background:#e60023;border-color:#e60023}

/* ── Ana sayfa: müşteri yorumları + son blog ── */
.dlst-reviews-section{padding:48px 0 56px}
.dlst-reviews-section .dlst-review-stars,.dlst-home-blog-section + * .dlst-review-stars{color:#f5a623}
.dlst-review-stars{color:#f5a623;letter-spacing:1px}
.dlst-review-author-info{display:flex;flex-direction:column}
.dlst-home-blog-section{padding:8px 0 72px}
.dlst-home-blog-more{text-align:center;margin-top:30px}

/* ── Ürün değerlendirmeleri ── */
.dlst-product-reviews{max-width:760px;margin:40px auto 0;padding:0 20px}
.dlst-product-rating-summary{display:flex;align-items:center;gap:22px;background:var(--dlst-bg-card);border:1px solid var(--dlst-border);border-radius:14px;padding:20px 26px;margin-bottom:6px}
.dlst-prs-score{font-size:46px;font-weight:800;color:var(--dlst-primary);line-height:1}
.dlst-prs-stars{color:#f5a623;font-size:20px;letter-spacing:2px}
.dlst-prs-info{display:flex;flex-direction:column;gap:5px}
.dlst-prs-info span{font-size:13px;color:var(--dlst-text-2)}

/* Yorumlardaki yıldız puanı */
.dlst-comment-rating{color:#f5a623;font-size:15px;letter-spacing:1px;margin:2px 0 8px}

/* Yıldız puan girişi (ürün yorum formu) */
.dlst-rating-field{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.dlst-rating-label{font-size:14px;font-weight:600;color:var(--dlst-text)}
.dlst-rating-input{display:inline-flex;flex-direction:row-reverse;gap:3px}
.dlst-rating-input input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.dlst-rating-input label{font-size:28px;line-height:1;color:var(--dlst-border);cursor:pointer;transition:color .15s}
.dlst-rating-input input:checked ~ label,
.dlst-rating-input label:hover,
.dlst-rating-input label:hover ~ label{color:#f5a623}

/* Steps bölümünün altını kısalt — yorum bandıyla arası fazla boş kalmasın */
.dlst-steps-section{padding-bottom:44px}

/* ── Müşteri yorumları — "Neden Bizi Tercih Etmelisiniz?" ile aynı koyu blok ── */
.dlst-reviews-section{padding:64px 0;background:#111827}
.dlst-reviews-section .dlst-section-header{margin-bottom:36px}
.dlst-reviews-section .dlst-section-header h2{color:#f1f5f9}
.dlst-reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:0 auto}
.dlst-review-card{position:relative;background:#1a2235;border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:22px 20px 18px;box-shadow:0 5px 18px rgba(0,0,0,.18);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}
.dlst-review-card::before{content:"\201C";position:absolute;top:0;right:14px;font-family:Georgia,'Times New Roman',serif;font-size:62px;line-height:1;color:var(--dlst-primary);opacity:.13;pointer-events:none}
.dlst-review-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dlst-primary),transparent)}
.dlst-review-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.4)}
.dlst-review-stars{color:#f5a623;font-size:15px;letter-spacing:1.5px;margin-bottom:10px}
.dlst-review-text{position:relative;z-index:1;font-size:13px;color:#cbd5e1;line-height:1.65;margin-bottom:16px;font-style:normal}
.dlst-review-author{display:flex;align-items:center;gap:10px;padding-top:13px;border-top:1px solid rgba(255,255,255,0.08)}
.dlst-reviews-section .dlst-review-author strong{color:#f1f5f9;font-size:13px}
.dlst-reviews-section .dlst-review-author small{color:#94a3b8;font-size:11px}
.dlst-review-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--dlst-primary),var(--dlst-primary-dark,#d98a12));color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px var(--dlst-primary-glow,rgba(245,166,35,.3))}
@media(max-width:1024px){.dlst-reviews-grid{grid-template-columns:repeat(3,1fr);max-width:840px}}
@media(max-width:768px){.dlst-reviews-grid{grid-template-columns:repeat(2,1fr);max-width:560px;gap:14px}}
@media(max-width:480px){.dlst-reviews-grid{grid-template-columns:1fr;max-width:340px}}

/* ── Ana sayfa son blog — dolu kartlar, ortalanmış ── */
.dlst-home-blog-section{padding:56px 0 28px}
.dlst-home-blog-section .dlst-blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto}
@media(max-width:992px){.dlst-home-blog-section .dlst-blog-grid{grid-template-columns:repeat(2,1fr);max-width:720px}}
@media(max-width:680px){.dlst-home-blog-section .dlst-blog-grid{grid-template-columns:1fr;max-width:400px}}

/* ── Çerez (cookie) onay çubuğu ── */
.dlst-cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;background:var(--dlst-bg-card,#1c2128);border:1px solid var(--dlst-border,rgba(255,255,255,.08));border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.28);padding:14px 18px;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}
.dlst-cookie-bar.dlst-cookie-show{opacity:1;transform:translateY(0)}
.dlst-cookie-inner{display:flex;align-items:center;gap:14px;max-width:1080px;margin:0 auto;flex-wrap:wrap}
.dlst-cookie-icon{font-size:24px;line-height:1;flex-shrink:0}
.dlst-cookie-text{flex:1;min-width:220px;font-size:13.5px;line-height:1.55;color:var(--dlst-text-2,#8b949e)}
.dlst-cookie-text a{color:var(--dlst-primary,#f5a623);text-decoration:underline}
.dlst-cookie-text a:hover{color:var(--dlst-primary-dark,#e6941a)}
.dlst-cookie-btn{flex-shrink:0;background:var(--dlst-primary,#f5a623);color:#fff;border:0;border-radius:9px;padding:11px 26px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s}
.dlst-cookie-btn:hover{background:var(--dlst-primary-dark,#e6941a);transform:translateY(-1px)}
@media(max-width:560px){.dlst-cookie-bar{left:10px;right:10px;bottom:10px;padding:14px}.dlst-cookie-inner{gap:10px}.dlst-cookie-btn{width:100%;order:3}.dlst-cookie-text{order:2}}