/* ── Değişkenler ─────────────────────────────────────────────────────────── */
:root{
  --r:#ED4037; --r2:#c7332b;
  --dk:#0f0f0f; --dk2:#1a1a1a; --dk3:#242424;
  --bd:#2a2a2a; --wh:#fff; --bg:#f7f7f7;
  --md:#888; --gr:#555;
}
/* ── Reset ───────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:#fff;background:var(--dk);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,summary{cursor:pointer;font-family:inherit}

/* ── Overlay / Drawer ────────────────────────────────────────────────────── */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}
.overlay.open{opacity:1;pointer-events:all}
.drawer{position:fixed;top:0;left:0;width:300px;max-width:88vw;height:100%;background:var(--dk2);z-index:201;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}
.drawer.open{transform:translateX(0)}
.dr-head{padding:16px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}
.dr-logo{display:flex;align-items:flex-end;line-height:1}
.dr-close{background:none;border:none;font-size:22px;color:var(--md);padding:6px;border-radius:6px;line-height:1}
.dr-close:hover{background:#222;color:#fff}
.dr-nav a{display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;color:#ccc;border-bottom:1px solid #111;transition:.15s}
.dr-nav a:hover{color:#fff;background:#222}
.dr-sec{padding:10px 20px 4px;font-size:10px;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.08em;background:#111}
.dr-foot{margin-top:auto;padding:16px 20px;border-top:1px solid var(--bd);display:flex;flex-direction:column;gap:8px}

/* ── Drawer alt kategori ─────────────────────────────────────────────────── */
.dr-cg{display:flex;flex-direction:column}
.dr-cg-row{display:flex;align-items:center;border-bottom:1px solid #111}
.dr-cg-lnk{flex:1;padding:14px 20px;font-size:14px;font-weight:500;color:#ccc;transition:.15s}
.dr-cg-lnk:hover{color:#fff;background:#222}
.dr-cg-tog{flex-shrink:0;width:48px;height:48px;background:none;border:none;border-left:1px solid #111;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
.dr-cg-tog:hover{background:#222}
.dr-cg-arr{font-size:18px;color:#555;transition:transform .25s;line-height:1;display:block}
.dr-cg.open .dr-cg-arr{transform:rotate(90deg);color:#aaa}
.dr-cg-sub{max-height:0;overflow:hidden;background:#0d0d0d;transition:max-height .3s ease}
.dr-cg.open .dr-cg-sub{max-height:400px}
.dr-cg-sub a{display:block;padding:11px 20px 11px 34px;font-size:13px;color:#aaa;border-bottom:1px solid #111;transition:.15s}
.dr-cg-sub a:hover{color:#fff;background:#1a1a1a}
.dr-foot a{font-size:12px;color:var(--gr);transition:.15s}
.dr-foot a:hover{color:#fff}

/* ── Arama Overlay ───────────────────────────────────────────────────────── */
.srch-ov{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:300;display:none;align-items:flex-start;justify-content:center;padding-top:80px}
.srch-ov.open{display:flex}
.srch-box{background:var(--dk2);border:1px solid #333;border-radius:14px;padding:20px;width:min(560px,90vw)}
.srch-box input[type=search]{width:100%;padding:13px 16px;border:1.5px solid #333;border-radius:8px;font-size:15px;font-family:inherit;outline:none;background:#111;color:#fff;transition:.2s}
.srch-box input[type=search]:focus{border-color:var(--r)}
.srch-close{margin-top:10px;font-size:12px;color:var(--gr);background:none;border:none;padding:4px}

/* ── Sepet Çekmecesi (Mini Cart) — Dark ──────────────────────────────────── */
.cart-drawer{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100%;background:var(--dk2);color:#fff;z-index:202;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-4px 0 28px rgba(0,0,0,.5)}
.cart-drawer.open{transform:translateX(0)}
.cd-head{flex-shrink:0;padding:16px 18px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}
.cd-title{font-size:15px;font-weight:700;color:#fff}
.cd-count{color:var(--r);font-weight:700}
.cd-close{background:none;border:none;font-size:24px;color:#888;padding:2px 8px;border-radius:6px;line-height:1}
.cd-close:hover{background:#333;color:#fff}

.cd-body{flex:1 1 auto;overflow-y:auto;padding:6px 0}
.cd-items{list-style:none}
.cd-item{display:flex;gap:12px;padding:12px 18px;border-bottom:1px solid #222;position:relative;transition:opacity .2s}
.cd-item-img{flex:0 0 54px;width:54px;height:72px;border-radius:8px;overflow:hidden;background:var(--dk3)}
.cd-item-img img{width:100%;height:100%;object-fit:contain;display:block}
.cd-item-info{flex:1;min-width:0;padding-right:20px}
.cd-item-name{font-size:13px;font-weight:600;color:#eee;line-height:1.35;margin-bottom:3px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cd-item-meta{font-size:11px;color:#999;margin-bottom:4px;line-height:1.3}
.cd-item-meta p{margin:0}
.cd-item-qp{font-size:13px;color:#bbb}
.cd-item-qty{color:#888}
.cd-item-price{font-weight:700;color:var(--r)}
.cd-item-remove{position:absolute;top:10px;right:14px;width:22px;height:22px;border-radius:50%;background:#2c2c2c;color:#999;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;transition:.15s}
.cd-item-remove:hover{background:var(--r);color:#fff}

.cd-empty{padding:54px 24px;text-align:center;color:#999}
.cd-empty-ic{font-size:42px;margin-bottom:10px;opacity:.5}
.cd-empty p{font-size:14px;margin-bottom:18px}

.cd-foot{flex-shrink:0;border-top:1px solid var(--bd);padding:16px 18px;background:var(--dk)}
.cart-drawer.cart-empty .cd-foot{display:none}
.cd-subtotal-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px;color:#ccc}
.cd-subtotal{font-size:17px;font-weight:800;color:#fff}
.cd-btn{display:block;text-align:center;padding:13px;border-radius:10px;font-size:14px;font-weight:700;transition:.18s}
.cd-btn-cart{background:var(--r);color:#fff;margin-bottom:8px}
.cd-btn-cart:hover{background:var(--r2)}
.cd-btn-checkout{background:var(--dk3);color:#fff;border:1px solid var(--bd)}
.cd-btn-checkout:hover{background:#333}
.cd-btn-shop{display:inline-block;background:var(--r);color:#fff;padding:11px 22px}
.cd-btn-shop:hover{background:var(--r2)}

/* ── Header ──────────────────────────────────────────────────────────────── */
.header{background:var(--dk);border-bottom:1px solid #1e1e1e;position:sticky;top:0;z-index:100}
.hd{max-width:1300px;margin:0 auto;padding:0 14px;height:56px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px}
.h-menu{width:40px;height:40px;background:none;border:none;display:flex;align-items:center;justify-content:center;color:var(--md);border-radius:8px;transition:.2s}
.h-menu:hover{background:var(--dk2);color:#fff}
.h-logo{display:flex;align-items:flex-end;gap:0;line-height:1;justify-content:center;min-width:0;overflow:hidden}
.logo-t{position:relative;font-size:clamp(1.25rem,4vw,1.7rem);font-weight:900;color:var(--r);font-family:'Arial Black',Arial,sans-serif;letter-spacing:-.02em}
.bow{position:absolute;top:-.34em;left:.04em;width:.36em;height:auto}
.logo-c{background:#fff;color:var(--dk);font-size:.42rem;font-weight:900;font-family:'Arial Black',Arial,sans-serif;padding:.12em .3em .14em;border-radius:.14em;margin-left:.14em;margin-bottom:.2em}
.h-right{display:flex;align-items:center;gap:2px;flex-shrink:0}
.hbtn{background:none;border:none;padding:8px;color:var(--md);position:relative;border-radius:8px;transition:.2s;display:flex;align-items:center;justify-content:center}
.hbtn:hover{background:var(--dk2);color:#fff}
.hbtn svg{width:20px;height:20px}
.h-bdg{position:absolute;top:3px;right:3px;background:var(--r);color:#fff;border-radius:50%;width:15px;height:15px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center}
.h-bdg:empty{display:none}
/* Yüklenen logo görseli */
.h-logo img.custom-logo { height: 40px; width: auto; display: block; }
@media(min-width:1024px){ .h-logo img.custom-logo { height: 44px; } }

/* ── Masaüstü Nav ────────────────────────────────────────────────────────── */
.desk-nav { display: none; }

@media (min-width: 1024px) {
    /* Flexbox layout — logo | nav | ikonlar */
    .hd {
        display: flex;
        align-items: center;
        height: 64px;
        padding: 0 32px;
        gap: 0;
    }

    /* Hamburger masaüstünde gizli */
    .mob-only { display: none !important; }

    /* Logo sabit genişlik, büzülmesin */
    .h-logo {
        flex-shrink: 0;
        justify-content: flex-start;
        width: auto;
    }

    /* Nav: logodan sonra, kalan alanı al */
    .desk-nav {
        display: flex;
        align-items: center;
        gap: 2px;
        flex: 1;
        padding-left: 28px;
        margin-left: 20px;
        border-left: 1px solid #2a2a2a;
        overflow: hidden;
    }
    .desk-nav a {
        padding: 7px 14px;
        font-size: 13px;
        font-weight: 500;
        color: #aaa;
        border-radius: 6px;
        transition: color .15s, background .15s;
        white-space: nowrap;
        letter-spacing: .01em;
    }
    .desk-nav a:hover { color: #fff; background: rgba(255,255,255,.07); }
    .desk-nav a.active { color: #fff; }

    /* İkonlar sağa dayalı */
    .h-right { flex-shrink: 0; margin-left: auto; }

    /* ── Masaüstü dropdown ───────────────────────────────── */
    .desk-nav { overflow: visible; }
    .desk-drop { position: relative; }
    .desk-drop-lnk { display: flex !important; align-items: center; gap: 3px; }
    .dd-chev { font-size: 9px; color: #666; transition: transform .2s; margin-top: 1px; }
    .desk-drop:hover .dd-chev { transform: rotate(180deg); color: #aaa; }
    .desk-dd::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 0;
        right: 0;
        height: 8px;
    }
    .desk-dd {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        min-width: 175px;
        background: var(--dk2);
        border: 1px solid #333;
        border-radius: 10px;
        padding: 5px 0;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-6px);
        transition: opacity .18s ease, transform .18s ease;
        z-index: 500;
        box-shadow: 0 10px 28px rgba(0,0,0,.5);
    }
    .desk-drop:hover .desk-dd {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }
    .desk-dd a {
        display: block;
        padding: 9px 16px;
        font-size: 13px;
        font-weight: 500;
        color: #bbb;
        white-space: nowrap;
        border-radius: 0;
        transition: color .15s, background .15s;
    }
    .desk-dd a:hover { color: #fff; background: rgba(255,255,255,.06); }
}

/* ── Bölümler ────────────────────────────────────────────────────────────── */
.sec{padding:clamp(32px,5vw,56px) 0}
.sw{max-width:1300px;margin:0 auto;padding:0 16px}
.sec-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.sec-h{font-size:clamp(1rem,3vw,1.25rem);font-weight:700;color:#fff}
.sec-a{font-size:13px;color:var(--r);font-weight:600}
.sec-a:hover{text-decoration:underline}

/* ── Hero ────────────────────────────────────────────────────────────────── */
.hero{position:relative;background:var(--dk);overflow:hidden}
.hero-img{width:100%;height:clamp(280px,62vw,560px);object-fit:cover;opacity:.35}
.hero-no-img{width:100%;height:clamp(280px,62vw,560px);background:linear-gradient(135deg,#1a1a1a 0%,#2a0a0a 100%)}
.hero-over{position:absolute;inset:0;background:linear-gradient(110deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.25) 65%,transparent 100%)}
.hero-body{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);padding:0 clamp(18px,5vw,52px)}
.h-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--r);margin-bottom:16px}
.h-eyebrow::before{content:'';width:28px;height:2px;background:var(--r)}
.hero-body h1{font-size:clamp(1.7rem,6vw,3.5rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:12px;letter-spacing:-.03em}
.hero-body p{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:24px;max-width:400px;line-height:1.7}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap}
.btn-r{padding:13px 24px;background:var(--r);color:#fff;border:none;border-radius:7px;font-size:14px;font-weight:700;transition:.2s;display:inline-block}
.btn-r:hover{background:var(--r2)}
.btn-g{padding:13px 24px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3);border-radius:7px;font-size:14px;font-weight:600;transition:.2s}
.btn-g:hover{border-color:#fff}

/* ── Ticker ──────────────────────────────────────────────────────────────── */
.ticker-wrap{background:var(--r);overflow:hidden;padding:11px 0}
.ticker-track{display:flex;align-items:center;width:max-content;animation:tick 28s linear infinite}
.ticker-track:hover{animation-play-state:paused}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{display:flex;align-items:center;gap:8px;padding:0 28px;color:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.td{width:4px;height:4px;background:rgba(255,255,255,.4);border-radius:50%;flex-shrink:0}

/* ── Kategori ────────────────────────────────────────────────────────────── */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cat-card{border-radius:12px;overflow:hidden;position:relative;aspect-ratio:1;display:block}
.cat-card img,.cat-ph{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-ph{background:var(--dk3);display:flex;align-items:center;justify-content:center;font-size:2rem}
.cat-card:hover img{transform:scale(1.06)}
.cat-over{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:12px 10px}
.cat-nm{font-size:12px;font-weight:700;color:#fff}
.cat-n{font-size:10px;color:rgba(255,255,255,.65);margin-top:2px}

/* ── Ürün Kartı ──────────────────────────────────────────────────────────── */
.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pc{background:var(--dk3);border-radius:12px;overflow:hidden;border:1px solid var(--bd);transition:.2s;display:block}
.pc:hover{box-shadow:0 8px 28px rgba(0,0,0,.4);transform:translateY(-2px);border-color:#333}
.pi{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--dk2)}
.prod-grid.pg-square .pi{aspect-ratio:1/1}
.pi img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.pc:hover .pi img{transform:scale(1.05)}
.pi-fav{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}
.pi-colors{position:absolute;bottom:8px;left:8px;display:flex;gap:3px}
.pc-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5)}
.pi-badge{position:absolute;top:8px;left:8px;font-size:9px;font-weight:800;padding:3px 7px;border-radius:4px;text-transform:uppercase}
.pi-new{background:var(--r);color:#fff}
.pi-sale{background:#059669;color:#fff}
.pinfo{padding:10px}
.pb{font-size:10px;font-weight:700;color:var(--gr);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.pn{font-size:12px;font-weight:500;color:#ccc;line-height:1.4;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pf{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px}
.pp{font-size:15px;font-weight:800;color:#fff}
.pp ins{text-decoration:none}
.pp del{font-size:11px;color:var(--gr);font-weight:400}
.pstar{color:#f59e0b;font-size:10px}
.prc{font-size:10px;color:var(--gr)}

/* ── Kampanya ────────────────────────────────────────────────────────────── */
.camp{background:linear-gradient(135deg,#1a1a2e 0%,#2d1a1a 100%);border:1px solid var(--bd);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1fr;min-height:200px;position:relative}
.camp-text{padding:clamp(28px,4vw,48px) clamp(20px,4vw,40px);position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}
.camp-tag{display:inline-block;background:var(--r);color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:4px;margin-bottom:14px;width:fit-content}
.camp-text h2{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:#fff;line-height:1.25;margin-bottom:10px}
.camp-text p{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:20px;max-width:400px}
.btn-camp{display:inline-block;padding:12px 24px;background:var(--r);color:#fff;border-radius:8px;font-size:14px;font-weight:700;transition:.2s;width:fit-content}
.btn-camp:hover{background:var(--r2)}
.camp-img{position:absolute;right:0;top:0;bottom:0;width:45%;overflow:hidden;opacity:.2}
.camp-img img{width:100%;height:100%;object-fit:cover}

/* ── Koleksiyonlar ───────────────────────────────────────────────────────── */
.coll-grid{display:grid;grid-template-columns:1fr;gap:12px}
.coll-card{position:relative;border-radius:14px;overflow:hidden;display:block}
.coll-card img,.coll-ph{width:100%;height:clamp(160px,40vw,260px);object-fit:cover;transition:transform .5s;opacity:.7;display:block}
.coll-ph{background:var(--dk3)}
.coll-card:hover img{transform:scale(1.05);opacity:.85}
.coll-over{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.05) 55%);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(14px,3vw,22px)}
.coll-tag{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:5px}
.coll-title{font-size:clamp(1rem,3vw,1.4rem);font-weight:700;color:#fff;margin-bottom:4px}
.coll-count{font-size:12px;color:rgba(255,255,255,.5)}

/* ── Yorumlar ────────────────────────────────────────────────────────────── */
.rev-grid{display:grid;grid-template-columns:1fr;gap:12px}
.rev-card{background:var(--dk2);border-radius:12px;padding:clamp(16px,3vw,22px);border:1px solid var(--bd)}
.rev-stars{color:#f59e0b;font-size:16px;margin-bottom:10px}
.rev-text{font-size:13px;color:#999;line-height:1.7;margin-bottom:12px;font-style:italic}
.rev-foot{display:flex;align-items:center;gap:10px}
.rev-av{width:36px;height:36px;border-radius:50%;background:var(--r);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}
.rev-name{font-size:13px;font-weight:600;color:#ccc}
.rev-loc{font-size:11px;color:var(--gr)}

/* ── Bülten ──────────────────────────────────────────────────────────────── */
.newsletter{background:linear-gradient(135deg,#1a0a0a 0%,#0a0a1a 100%);padding:clamp(36px,6vw,60px) 0;border-top:1px solid var(--bd)}
.nl-inner{max-width:560px;margin:0 auto;padding:0 16px;text-align:center}
.nl-inner h2{font-size:clamp(1.2rem,3vw,1.7rem);font-weight:700;color:#fff;margin-bottom:10px}
.nl-inner p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:22px}
.nl-form{display:flex;max-width:440px;margin:0 auto}
.nl-form input{flex:1;padding:13px 16px;border:1px solid #333;border-right:none;border-radius:8px 0 0 8px;font-size:14px;font-family:inherit;outline:none;background:var(--dk2);color:#fff}
.nl-form input:focus{border-color:var(--r)}
.nl-form button{padding:13px 20px;background:var(--r);color:#fff;border:none;border-radius:0 8px 8px 0;font-size:14px;font-weight:700;transition:.2s}
.nl-form button:hover{background:var(--r2)}

/* ── SSS ─────────────────────────────────────────────────────────────────── */
.faq-list{display:flex;flex-direction:column;gap:8px}
details.faq{background:var(--dk2);border:1px solid var(--bd);border-radius:10px;overflow:hidden}
details.faq[open]{border-color:var(--r)}
summary.fq{padding:16px 18px;font-size:14px;font-weight:600;color:#ccc;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;transition:.15s}
summary.fq:hover{background:#222;color:#fff}
summary.fq::-webkit-details-marker{display:none}
.fq-icon{font-size:18px;color:var(--r);flex-shrink:0;transition:transform .25s}
details.faq[open] .fq-icon{transform:rotate(45deg)}
.fa{padding:0 18px;font-size:13px;color:var(--md);line-height:1.75;overflow:hidden}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.footer{background:var(--dk);color:var(--gr);padding:clamp(36px,5vw,52px) 0 24px;border-top:1px solid #1a1a1a}
.fi{max-width:1300px;margin:0 auto;padding:0 16px}
.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}
.fg-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#777;margin-bottom:12px}
.fg-links{display:flex;flex-direction:column;gap:8px}
.fg-links a{font-size:12px;color:var(--gr);transition:.2s}
.fg-links a:hover{color:#fff}
.footer-bot{border-top:1px solid #111;padding-top:18px;font-size:11px;display:flex;flex-direction:column;gap:5px}

/* WhatsApp sabit butonu */
.wa-btn{position:fixed;bottom:24px;left:20px;z-index:9999;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px rgba(37,211,102,.45);transition:transform .2s,box-shadow .2s}
.wa-btn:hover{transform:scale(1.1);box-shadow:0 6px 22px rgba(37,211,102,.6)}
.wa-btn svg{width:28px;height:28px}

/* ══════════════════════════════════════════════════════════
   WooCommerce
══════════════════════════════════════════════════════════ */
/* Notices */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info{background:var(--dk2);border:1px solid var(--bd);border-radius:8px;color:#ccc;padding:14px 18px;margin-bottom:16px;list-style:none}
.woocommerce-notices-wrapper .woocommerce-message{border-left:4px solid #059669}
.woocommerce-notices-wrapper .woocommerce-error{border-left:4px solid var(--r)}
.woocommerce-notices-wrapper .woocommerce-info{border-left:4px solid #3b82f6}

/* Ekmek kırıntısı */
.itm-bc{background:var(--dk2);border-bottom:1px solid var(--bd);padding:10px 14px;font-size:12px;color:var(--gr);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.itm-bc a{color:var(--gr);transition:.15s}
.itm-bc a:hover{color:var(--r)}

/* ── Mağaza / Arşiv ──────────────────────────────────────────────────────── */
.woo-arc-head{background:var(--dk2);border-bottom:1px solid var(--bd);padding:20px 0}
.woo-arc-head h1{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;color:#fff}
.woo-arc-head p{font-size:13px;color:var(--md);margin-top:6px}
.woo-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px;flex-wrap:wrap}
.woo-rc{font-size:12px;color:var(--md)}
.woocommerce-ordering select{background:var(--dk2);border:1px solid var(--bd);color:#ccc;padding:8px 12px;border-radius:6px;font-size:13px;font-family:inherit;outline:none}
.woo-pg{padding:32px 0;display:flex;justify-content:center;gap:8px}
.woo-pg a,.woo-pg span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;font-size:13px;font-weight:600;background:var(--dk2);border:1px solid var(--bd);color:var(--md);transition:.2s}
.woo-pg a:hover,.woo-pg .current{background:var(--r);border-color:var(--r);color:#fff}

/* ── Tek Ürün Sayfası ────────────────────────────────────────────────────── */
body.single-product{background:var(--bg);color:var(--dk)}
body.single-product .header,body.single-product .footer{background:var(--dk)}
.product-wrap{max-width:1300px;margin:0 auto;padding:16px 14px;background:var(--bg)}

/* Galeri */
.g-main{position:relative;border-radius:12px;overflow:hidden;background:var(--dk2);margin-bottom:10px}
.g-main img{display:block;width:100%;aspect-ratio:var(--img-ratio,3/4);object-fit:cover;cursor:zoom-in}
/* Kaydırırken görünen komşu görsel (mobil peek) */
#itm-main-next{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;display:none;z-index:1;cursor:default;will-change:transform}
.g-zoom-btn{position:absolute;bottom:10px;right:10px;width:36px;height:36px;border-radius:50%;background:rgba(15,15,15,.55);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;backdrop-filter:blur(2px);transition:.15s;z-index:2}
.g-zoom-btn:hover{background:rgba(15,15,15,.8)}
.g-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}
.g-thumb{flex:0 0 64px;aspect-ratio:var(--img-ratio,3/4);border-radius:8px;overflow:hidden;border:2px solid #ddd;cursor:pointer;transition:border-color .2s;flex-shrink:0}
.g-thumb.active{border-color:var(--r)}
.g-thumb img{display:block;width:100%;height:100%;object-fit:cover}

/* Görsel Yakınlaştırma (Lightbox) */
.itm-lightbox{position:fixed;inset:0;background:rgba(10,10,10,.92);z-index:600;display:none;align-items:center;justify-content:center;padding:30px}
.itm-lightbox.on{display:flex}
.itm-lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:6px;cursor:zoom-out}
.itm-lightbox-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;border:none;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}
.itm-lightbox-close:hover{background:rgba(255,255,255,.2)}

/* Beden Tablosu Modal (slider) */
.itm-sc-modal{position:fixed;inset:0;background:rgba(10,10,10,.9);z-index:600;display:none;align-items:center;justify-content:center;padding:24px}
.itm-sc-modal.on{display:flex}
.itm-sc-dialog{position:relative;display:flex;flex-direction:column;align-items:center;max-width:min(920px,94vw);width:100%}
.itm-sc-close{position:fixed;top:18px;right:18px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;border:none;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;z-index:2}
.itm-sc-close:hover{background:rgba(255,255,255,.22)}
.itm-sc-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%}
.itm-sc-main{max-width:100%;max-height:76vh;object-fit:contain;border-radius:8px;background:#fff;display:block}
.itm-sc-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(20,20,20,.55);color:#fff;border:none;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;backdrop-filter:blur(2px)}
.itm-sc-nav:hover{background:rgba(20,20,20,.85)}
.itm-sc-prev{left:10px}
.itm-sc-next{right:10px}
.itm-sc-thumbs{display:flex;gap:8px;margin-top:14px;justify-content:center;flex-wrap:wrap;max-width:100%}
.itm-sc-thumb{width:60px;height:60px;border:2px solid rgba(255,255,255,.3);border-radius:6px;overflow:hidden;cursor:pointer;flex-shrink:0;transition:border-color .2s}
.itm-sc-thumb.active{border-color:var(--r)}
.itm-sc-thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* Info paneli */
.info-panel{background:#fff;border-radius:12px;padding:18px;margin-top:12px}
.p-sku{display:inline-block;background:var(--bg);padding:3px 10px;border-radius:4px;font-size:11px;font-family:monospace;color:var(--gr);margin-bottom:10px}
.p-brand{font-size:11px;font-weight:700;color:var(--r);text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}
.p-name{font-size:clamp(1.05rem,4vw,1.35rem);font-weight:700;line-height:1.25;margin-bottom:12px;color:var(--dk)}
.p-rating{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--bg);flex-wrap:wrap}
.p-stars{color:#f59e0b;font-size:14px}
.p-price{font-size:clamp(1.5rem,5vw,2rem);font-weight:900;color:var(--dk);margin-bottom:3px}
.p-price ins{text-decoration:none}
.p-price del{font-size:1rem;color:#aaa;font-weight:400}
.p-inst{font-size:12px;color:var(--gr);margin-bottom:14px}
.p-short{font-size:13px;color:var(--gr);line-height:1.7;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--bg)}
.p-short ul{margin-left:18px}
.p-short li{margin-bottom:4px}
.p-short p{margin-bottom:6px}
.p-short p:last-child,.p-short li:last-child{margin-bottom:0}

/* Swatch blok */
.var-block{margin-bottom:18px}
.var-lbl{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--dk);margin-bottom:10px;display:flex;align-items:center;gap:8px}
.var-sel-val{font-weight:500;text-transform:none;letter-spacing:0;color:var(--md)}
.sw-colors{display:flex;gap:9px;flex-wrap:wrap}
.sw-color{width:36px;height:36px;border-radius:50%;border:2.5px solid rgba(0,0,0,.18);cursor:pointer;transition:.2s;background:none;padding:0;flex-shrink:0}
.sw-color:hover{transform:scale(1.1)}
.sw-color.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--r)}
.sw-sizes{display:flex;gap:8px;flex-wrap:wrap}
.sw-size{min-width:48px;padding:10px 14px;border:1.5px solid var(--bg);border-radius:8px;text-align:center;font-size:13px;font-weight:700;cursor:pointer;transition:.2s;background:var(--bg);color:var(--dk);font-family:inherit}
.sw-size:hover{border-color:var(--r)}
.sw-size.on{border-color:var(--r);background:var(--r);color:#fff}
.sw-size.off{color:#ccc;border-color:#f0f0f0;cursor:not-allowed;text-decoration:line-through}
/* Beden tablosu butonu */
.itm-sizechart-btn{display:inline-flex;align-items:center;gap:6px;margin:-6px 0 18px;padding:9px 14px;background:#fff;border:1.5px solid #ddd;border-radius:8px;color:#333;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:.18s}
.itm-sizechart-btn:hover{border-color:var(--r);color:var(--r)}
/* WooCommerce hidden selects */
.variations{display:none}
/* Varyant fiyatı üstte (.p-price) gösterilir; buradaki tekrarı gizle.
   WC inline display:block verdiği için !important şart. */
.single_variation_wrap .single_variation{display:none !important}
.reset_variations{font-size:11px;color:var(--r);display:inline-block;margin-top:6px}

/* Stok */
.p-stock{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;margin-bottom:16px}
.p-stock.ok{color:#059669}
.p-stock.low{color:#f59e0b}
.p-stock.out{color:#ef4444}
.sdot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:currentColor}

/* Tahmini Teslimat */
.itm-delivery{display:flex;border:1px solid #e8e8e8;border-radius:10px;overflow:hidden;margin-bottom:16px;background:#fafafa}
.del-item{flex:1;padding:10px 14px;display:flex;flex-direction:column;gap:3px}
.del-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gr)}
.del-val{font-size:13px;font-weight:700;color:var(--dk)}
.del-today{color:#059669}
.del-loading{color:#bbb;font-weight:400;font-size:12px}

/* Adet + Sepet */
.qty-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.itm-qty{display:flex;align-items:center;border:1.5px solid var(--bg);border-radius:8px;overflow:hidden}
.itm-qb{width:38px;height:48px;background:var(--bg);border:none;font-size:16px;font-weight:700;transition:background .15s;color:var(--dk)}
.itm-qb:hover{background:#e5e5e5}
.itm-qn{width:44px;text-align:center;font-size:15px;font-weight:700;color:var(--dk)}
.btn-cart{flex:1;padding:14px;background:var(--r);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s;font-family:inherit;cursor:pointer}
.btn-cart:hover{background:var(--r2)}
.btn-cart.loading{opacity:.6}
.btn-cart.added{background:#059669}
.single_add_to_cart_button{width:100%;padding:14px;background:var(--r);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;transition:.2s;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.single_add_to_cart_button:hover{background:var(--r2)}
.single_add_to_cart_button.loading{opacity:.6}

/* Güven çipleri */
.trust{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.tc{display:flex;align-items:center;gap:5px;background:var(--bg);padding:7px 12px;border-radius:8px;font-size:11px;font-weight:600;color:var(--md)}

/* Sekmeler */
.itm-tabs{margin-top:20px;border-top:1px solid var(--bg);padding-top:16px}
.itm-tab-btns{display:flex;border-bottom:2px solid var(--bg)}
.itm-tab-btn{padding:10px 14px;font-size:13px;font-weight:600;color:var(--gr);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:.2s;font-family:inherit;cursor:pointer}
.itm-tab-btn.on{color:var(--r);border-bottom-color:var(--r)}
.itm-tab-pane{display:none;padding:16px 0;font-size:13px;color:var(--md);line-height:1.75}
.itm-tab-pane.on{display:block}
.itm-tab-pane ul{margin-left:16px;margin-bottom:12px}
.itm-tab-pane li{margin-bottom:6px}
.itm-tab-pane p{margin-bottom:12px}
.itm-tab-pane h1,.itm-tab-pane h2,.itm-tab-pane h3,.itm-tab-pane h4,.itm-tab-pane h5,.itm-tab-pane h6{font-size:15px;font-weight:700;color:var(--dk);line-height:1.4;margin:18px 0 8px}
.itm-tab-pane>:first-child{margin-top:0}
.itm-tab-pane>:last-child{margin-bottom:0}

/* ── Statik Sayfalar (Gizlilik, Koşullar, KVKK, İade vb.) ─────────────────── */
.page-wrap{max-width:880px;margin:0 auto;padding:32px 16px 56px;min-height:50vh}
.page-card{background:var(--dk2);border:1px solid var(--bd);border-radius:16px;padding:clamp(22px,4vw,44px)}
.page-head{margin-bottom:24px}
.page-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:#fff;line-height:1.2;display:inline-block;padding-bottom:14px;border-bottom:3px solid var(--r)}
.page-content{color:#bbb;font-size:14px;line-height:1.85}
.page-content h2{font-size:19px;font-weight:700;color:#fff;margin:30px 0 12px}
.page-content h3{font-size:16px;font-weight:700;color:#fff;margin:26px 0 10px;padding-left:12px;border-left:3px solid var(--r)}
.page-content h4{font-size:14px;font-weight:700;color:#eee;margin:20px 0 8px}
.page-content p{margin-bottom:14px}
.page-content ul,.page-content ol{margin:0 0 16px 20px}
.page-content li{margin-bottom:7px}
.page-content li::marker{color:var(--r)}
.page-content a{color:var(--r);font-weight:600}
.page-content a:hover{text-decoration:underline}
.page-content strong{color:#fff;font-weight:600}
.page-content hr{border:none;border-top:1px solid var(--bd);margin:24px 0}
.page-content table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:13px}
.page-content th,.page-content td{border:1px solid var(--bd);padding:9px 12px;text-align:left}
.page-content th{background:var(--dk3);color:#fff;font-weight:700}
.page-content>:first-child{margin-top:0}
.page-content>:last-child{margin-bottom:0}
.map-wrap{margin-top:12px;border-radius:10px;overflow:hidden;border:1px solid var(--bd)}
.map-wrap iframe{display:block;border:0;width:100%;height:380px}

/* İlgili ürünler */
.related-sec{background:var(--dk2);padding:clamp(24px,4vw,36px) 0}
.rel-h{font-size:clamp(1rem,3vw,1.15rem);font-weight:700;color:#fff;margin-bottom:14px}
.rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}

/* ── Sepet ───────────────────────────────────────────────────────────────── */
.woocommerce-cart .woocommerce{max-width:1000px;margin:0 auto;padding:24px 16px}
.woocommerce-cart-form__contents{width:100%;border-collapse:collapse}
.woocommerce-cart-form__contents th{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--md);padding:10px 8px;border-bottom:1px solid var(--bd)}
.woocommerce-cart-form__contents td{padding:14px 8px;border-bottom:1px solid var(--bd);vertical-align:middle}
.woocommerce-cart-form__contents .product-name a{color:#ccc;font-weight:600}
.woocommerce-cart-form__contents .product-price,.woocommerce-cart-form__contents .product-subtotal{color:#fff;font-weight:700}
.cart_totals{background:var(--dk2);border:1px solid var(--bd);border-radius:12px;padding:20px;margin-top:20px}
.cart_totals h2{font-size:1rem;font-weight:700;color:#fff;margin-bottom:14px}
.cart_totals table{width:100%}
.cart_totals tr th{font-size:13px;color:var(--md);padding:8px 0}
.cart_totals tr td{font-size:14px;color:#fff;font-weight:600;text-align:right}
.cart_totals .order-total td{font-size:1.1rem;font-weight:800;color:var(--r)}
.wc-proceed-to-checkout .checkout-button{width:100%;padding:14px;background:var(--r);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:.2s;display:block;text-align:center;margin-top:14px}
.wc-proceed-to-checkout .checkout-button:hover{background:var(--r2)}

/* ── Sepet blok — Ödemeye git butonu ────────────────────────────────────── */
.wc-block-cart__submit-button{
    background-color:var(--r) !important;
    border-color:var(--r) !important;
    color:#fff !important;
}
.wc-block-cart__submit-button:hover,.wc-block-cart__submit-button:focus{
    background-color:var(--r2) !important;
    border-color:var(--r2) !important;
}

/* ── Sepet blok — kargo promo bandı ─────────────────────────────────────── */
#itm-ship-promo{
    display:block;
    margin:0 0 14px;
    padding:11px 16px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.2);
    border-radius:6px;
    font-size:13px;
    font-weight:500;
    color:#d4d4d4;
    text-align:center;
    line-height:1.5;
}

/* ── Ödeme ───────────────────────────────────────────────────────────────── */
.woocommerce-checkout .woocommerce{max-width:1100px;margin:0 auto;padding:24px 16px}
.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:14px}
.woocommerce-checkout .form-row label{font-size:12px;font-weight:600;color:#aaa;display:block;margin-bottom:5px}
.woocommerce-checkout .form-row input[type=text],
.woocommerce-checkout .form-row input[type=email],
.woocommerce-checkout .form-row input[type=tel],
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea{width:100%;padding:11px 14px;background:var(--dk3);border:1.5px solid var(--bd);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;outline:none}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus{border-color:var(--r)}
#order_review{background:var(--dk2);border:1px solid var(--bd);border-radius:12px;padding:20px}
#order_review h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:14px}
#order_review table{width:100%}
#order_review table th{font-size:12px;color:var(--md);padding:6px 0}
#order_review table td{color:#ccc;padding:6px 0;text-align:right}
#order_review .order-total td strong{color:var(--r);font-size:1.1rem}
.payment_methods li{list-style:none;padding:12px;background:var(--dk3);border:1px solid var(--bd);border-radius:8px;margin-bottom:8px}
.payment_methods li label{color:#ccc;font-weight:600;font-size:14px;cursor:pointer}
.payment_box{padding:10px 0 0;font-size:13px;color:var(--md)}
#place_order{width:100%;padding:16px;background:var(--r);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:800;font-family:inherit;cursor:pointer;transition:.2s}
#place_order:hover{background:var(--r2)}

/* ── Ödeme (WC Blocks) ───────────────────────────────────────────────────── */
/* Sipariş özeti: ürün adı sütununu genişlet (tek-kelime-alt-alta sorununu çöz) */
.wc-block-components-order-summary-item{align-items:flex-start}
/* Sağdaki tekrar eden fiyatı kaldır — boş alanı yiyip ismi daraltıyordu */
.wc-block-components-order-summary-item__total-price{display:none !important}
/* Küçük ürün görseli: doğal oranında göster (kaynak dikey woocommerce_single) — kırpma/bant yok */
.wc-block-components-order-summary-item__image{flex:0 0 58px !important;width:58px !important;padding-bottom:0 !important;margin-top:2px !important}
.wc-block-components-order-summary-item__image>img{width:58px !important;max-width:58px !important;height:auto !important;border-radius:6px;display:block;background:var(--dk3)}
.wc-block-components-order-summary-item__description{flex:1 1 auto !important;min-width:0 !important;padding-left:12px !important;padding-right:4px !important}
.wc-block-components-order-summary-item__description .wc-block-components-product-name,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-name{max-width:none !important;white-space:normal !important;font-weight:600;color:#fff}
/* İsmin altındaki (kalan) fiyat */
.wc-block-components-order-summary-item__individual-prices{color:#fff;font-weight:700;margin-top:2px}
.wc-block-components-product-metadata{color:#999}
/* Sipariş özeti kartı ve başlık */
.wp-block-woocommerce-checkout-order-summary-block{border-color:var(--bd) !important;border-radius:12px}
.wc-block-components-checkout-order-summary__title-text{color:#fff}
@media(max-width:699px){.wc-block-checkout .wc-block-checkout__sidebar{display:none !important}}
/* Posta kodu alanını gizle */
.wc-block-components-address-form__postcode{display:none !important}
#shipping-postcode,.wc-block-checkout #shipping-postcode-container,
#billing-postcode,.wc-block-checkout #billing-postcode-container{display:none !important}
/* Kupon / toplam satırları */
.wc-block-components-totals-item__label{color:#bbb}
.wc-block-components-totals-item__value{color:#fff}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{color:var(--r);font-weight:800}

/* ── Teşekkür ────────────────────────────────────────────────────────────── */
.woo-ty{max-width:760px;margin:40px auto;padding:0 16px}
.woo-ty-top{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.woo-ty-icon{width:52px;height:52px;background:#059669;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;color:#fff}
.woo-ty-title{font-size:1.3rem;font-weight:700;color:#fff}
.woo-ty-sub{font-size:13px;color:var(--md);margin-top:2px}
.woo-ov{background:var(--dk2);border:1px solid var(--bd);border-radius:12px;display:flex;flex-wrap:wrap;margin-bottom:24px;overflow:hidden}
.woo-ov li{list-style:none;padding:16px 20px;flex:1;border-right:1px solid var(--bd);min-width:110px}
.woo-ov li:last-child{border-right:none}
.woo-ov li strong{display:block;font-size:11px;color:var(--md);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.woo-ov li span{color:#fff;font-size:14px;font-weight:700}
.woo-box{background:var(--dk2);border:1px solid var(--bd);border-radius:12px;padding:20px;margin-top:16px}
.woo-box h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:10px}
/* Banka bilgileri */
.itm-bank-box{background:var(--dk2);border:1px solid #059669;border-radius:12px;padding:24px;margin-top:24px}
.itm-bank-box h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:8px}
.itm-bank-box p{font-size:13px;color:#aaa;margin-bottom:18px;line-height:1.7}
.itm-bank-row{background:var(--dk3);border-radius:8px;padding:14px 18px;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.itm-bank-row strong{font-size:14px;color:#fff}
.itm-bank-row .iban{font-family:monospace;font-size:13px;color:var(--r);letter-spacing:.08em}
.itm-bank-row .holder{font-size:12px;color:var(--md)}

/* ══════════════════════════════════════════════════════════
   Hesabım
══════════════════════════════════════════════════════════ */
.woocommerce-account .woocommerce{max-width:860px;margin:0 auto;padding:32px 16px}

/* Sekme navigasyonu */
.woocommerce-MyAccount-navigation ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px;padding:0}
.woocommerce-MyAccount-navigation ul li a{display:inline-block;padding:9px 18px;background:var(--dk2);border:1px solid var(--bd);border-radius:22px;font-size:13px;font-weight:500;color:#aaa;transition:.2s}
.woocommerce-MyAccount-navigation ul li a:hover{color:#fff;border-color:#444}
.woocommerce-MyAccount-navigation ul li.is-active a{background:var(--r);border-color:var(--r);color:#fff}

/* İçerik alanı */
.woocommerce-MyAccount-content{color:#ccc}
.woocommerce-MyAccount-content>p{font-size:13px;color:#888;margin-bottom:20px;line-height:1.7}

/* Başlıklar */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{color:#fff;margin-bottom:18px;font-size:1.1rem;font-weight:700}

/* ── Form: genel input/label stilleri ─────────────────── */
.woocommerce-account .form-row{margin-bottom:16px}
.woocommerce-account .form-row label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:6px}
.woocommerce-account .form-row label .required{color:var(--r)}
.woocommerce-account .form-row input[type=text],
.woocommerce-account .form-row input[type=email],
.woocommerce-account .form-row input[type=password],
.woocommerce-account .form-row input[type=tel],
.woocommerce-account .form-row select,
.woocommerce-account .form-row textarea{
    width:100%;
    padding:11px 14px;
    background:var(--dk2);
    border:1.5px solid var(--bd);
    border-radius:8px;
    color:#fff;
    font-size:14px;
    font-family:inherit;
    outline:none;
    transition:border-color .2s;
    -webkit-appearance:none;
}
.woocommerce-account .form-row input:focus,
.woocommerce-account .form-row select:focus,
.woocommerce-account .form-row textarea:focus{border-color:var(--r)}
.woocommerce-account .form-row input::placeholder{color:#444}

/* Hesap detayları formu: ad/soyad yan yana */
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last{display:inline-block;width:calc(50% - 8px)}
.woocommerce-EditAccountForm .form-row-first{margin-right:12px}

/* Parola değiştirme bölümü */
.woocommerce-EditAccountForm fieldset{
    border:1px solid var(--bd);
    border-radius:10px;
    padding:20px;
    margin:24px 0 20px;
}
.woocommerce-EditAccountForm fieldset legend{
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#666;
    padding:0 8px;
}
.woocommerce-EditAccountForm fieldset .form-row{margin-bottom:14px}
.woocommerce-EditAccountForm fieldset .form-row:last-child{margin-bottom:0}

/* Kaydet butonu */
.woocommerce-account .woocommerce-Button,
.woocommerce-account button[type=submit],
.woocommerce-account input[type=submit]{
    display:inline-block;
    padding:12px 28px;
    background:var(--r);
    color:#fff;
    border:none;
    border-radius:8px;
    font-size:14px;
    font-weight:700;
    font-family:inherit;
    cursor:pointer;
    transition:.2s;
}
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button[type=submit]:hover,
.woocommerce-account input[type=submit]:hover{background:var(--r2)}

/* ── Siparişler tablosu ────────────────────────────────── */
.woocommerce-account table.woocommerce-orders-table,
.woocommerce-account table.shop_table{width:100%;border-collapse:collapse;font-size:13px}
.woocommerce-account table th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#555;padding:10px 12px;border-bottom:1px solid var(--bd);text-align:left}
.woocommerce-account table td{padding:14px 12px;border-bottom:1px solid #1a1a1a;color:#ccc;vertical-align:middle}
.woocommerce-account table tr:last-child td{border-bottom:none}
.woocommerce-account table a{color:var(--r);transition:.15s}
.woocommerce-account table a:hover{color:#fff}
.woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .button{
    display:inline-block;
    padding:6px 14px;
    background:var(--dk3);
    border:1px solid var(--bd);
    border-radius:6px;
    font-size:12px;
    font-weight:600;
    color:#ccc;
    transition:.2s;
}
.woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-account .button:hover{background:var(--r);border-color:var(--r);color:#fff}

/* Sipariş durumu rozetleri */
.woocommerce-account .woocommerce-order-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}
mark.order-status{background:transparent;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}
mark.order-status.processing,mark.order-status.on-hold{background:rgba(59,130,246,.15);color:#60a5fa}
mark.order-status.completed{background:rgba(5,150,105,.15);color:#34d399}
mark.order-status.cancelled,mark.order-status.failed,mark.order-status.refunded{background:rgba(237,64,55,.15);color:var(--r)}
mark.order-status.pending{background:rgba(245,158,11,.15);color:#fbbf24}

/* ── Adresler ──────────────────────────────────────────── */
.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr}}
.woocommerce-account .woocommerce-Address{background:var(--dk2);border:1px solid var(--bd);border-radius:12px;padding:20px}
.woocommerce-account .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--bd)}
.woocommerce-account .woocommerce-Address-title h3{font-size:13px;font-weight:700;color:#fff;margin:0}
.woocommerce-account .woocommerce-Address-title .edit{font-size:12px;color:var(--r)}
.woocommerce-account address{font-style:normal;font-size:13px;color:#888;line-height:1.75}

/* ── Pano ──────────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content>p a{color:var(--r);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-content>p a:hover{text-decoration:underline}

/* Hata / bilgi mesajları */
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info{list-style:none;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}
.woocommerce-account .woocommerce-error{background:rgba(237,64,55,.1);border-left:3px solid var(--r);color:#f87171}
.woocommerce-account .woocommerce-message{background:rgba(5,150,105,.1);border-left:3px solid #059669;color:#34d399}
.woocommerce-account .woocommerce-info{background:rgba(59,130,246,.1);border-left:3px solid #3b82f6;color:#60a5fa}

/* ── Mobil header düzeltmesi ─────────────────────────────────────────────── */
@media(max-width:639px){
  .mob-hide{display:none!important}
  .hd{display:flex;justify-content:space-between;align-items:center;position:relative}
  .h-menu{position:relative;z-index:1;flex-shrink:0}
  .h-right{position:relative;z-index:1;flex-shrink:0}
  .h-logo{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:flex-end}
  .logo-t{font-size:1rem}
  .logo-c{font-size:.36rem;padding:.1em .25em .12em}
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media(min-width:640px){
  .hd{height:64px;grid-template-columns:52px 1fr auto}
  .cat-grid{grid-template-columns:repeat(6,1fr)}
  .prod-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .coll-grid{grid-template-columns:1fr 1fr;gap:14px}
  .rev-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .footer-grid{grid-template-columns:repeat(4,1fr)}
  .camp{grid-template-columns:1fr 1fr}
  .camp-img{position:relative;width:auto;opacity:.45}
  .product-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}
  .info-panel{margin-top:0}
  .g-col{position:sticky;top:90px;align-self:start;min-width:0;display:flex;gap:12px;align-items:flex-start}
  /* Thumbnailler ana görselin soluna, dikey kolon halinde */
  .g-thumbs{order:-1;flex:0 0 72px;flex-direction:column;width:72px;overflow:visible;padding-bottom:0;margin:0}
  .g-thumb{flex:0 0 auto;width:100%}
  .g-main{flex:1 1 auto;min-width:0;max-width:calc(min(660px,calc(100vh - 120px)) * var(--img-ratio,3/4));margin:0}
  .rel-grid{grid-template-columns:repeat(4,1fr);gap:14px}
}
@media(min-width:1024px){
  .prod-grid{grid-template-columns:repeat(4,1fr);gap:16px}
  .sw{padding:0 24px}
}

/* ── Kişiselleştirme Modülü ──────────────────────────────────────────────── */
.itm-pers-module{background:#f8f8f8;border:1.5px solid #e8e8e8;border-radius:10px;padding:16px 18px;margin-bottom:16px}
.itm-pers-head{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.itm-pers-icon{font-size:15px;line-height:1}
.itm-pers-title{font-size:13px;font-weight:700;color:#222;text-transform:uppercase;letter-spacing:.05em}
.itm-pers-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;background:#1a1a1a;color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-left:4px}
.itm-pers-badge.itm-pers-opt{background:#e5e5e5;color:#666}
.itm-pers-field{margin-bottom:12px}
.itm-pers-field:last-child{margin-bottom:0}
.itm-pers-lbl{display:block;font-size:11.5px;font-weight:600;color:#555;margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}
.itm-req-star{color:var(--r)}
.itm-pers-input{width:100%;padding:10px 13px;border:1.5px solid #ddd;border-radius:7px;font-size:15px;font-family:'Poppins',sans-serif;color:#111;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}
.itm-pers-input:focus{border-color:var(--r);box-shadow:0 0 0 3px rgba(237,64,55,.1)}
.itm-pers-input.font-el{font-family:'Dancing Script',cursive;font-size:18px}
.itm-pers-fonts{display:flex;gap:10px}
.itm-pf{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 18px;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:.2s;min-width:100px}
.itm-pf:hover{border-color:#bbb}
.itm-pf.on{border-color:var(--r);background:rgba(237,64,55,.04)}
.itm-pf-sample{font-size:20px;color:#222;line-height:1.2}
.itm-pf-name{font-size:11px;font-weight:600;color:#666;font-family:'Poppins',sans-serif !important;text-transform:uppercase;letter-spacing:.04em}

/* ── Logo Yükleme Modülü ─────────────────────────────────────────────────── */
.itm-logo-module{background:#f8f8f8;border:1.5px solid #e8e8e8;border-radius:10px;padding:16px 18px;margin-bottom:16px}
.itm-logo-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:22px 16px;border:2px dashed #ccc;border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;text-align:center;background:#fff}
.itm-logo-zone:hover,.itm-logo-zone.itm-logo-drag{border-color:var(--r);background:rgba(237,64,55,.03)}
.itm-logo-zone.itm-logo-ok{border-style:solid;border-color:#059669;background:rgba(5,150,105,.04)}
.itm-logo-icon{font-size:22px;line-height:1;color:#aaa}
.itm-logo-zone.itm-logo-ok .itm-logo-icon{color:#059669}
.itm-logo-txt{font-size:13px;font-weight:600;color:#444}
.itm-logo-zone.itm-logo-ok .itm-logo-txt{color:#059669}
.itm-logo-hint{font-size:11px;color:#aaa}