/* HSN B2B vitrin — pcbayi orijinal renk paleti (UI); logo marka renklerini korur */
:root {
    /* pcbayi referans */
    --hsn-yesil: #2ecc71;
    --hsn-yesil-koyu: #27ae60;
    --hsn-yesil-hover: #25a25a;
    --hsn-nav-koyu: #2c3e50;
    --hsn-mavi: #1e2d4d;
    --hsn-mavi-tablo: #37474f;
    --hsn-mavi-acik: #f5f7fa;
    --hsn-topbar: #f8f9fa;
    --hsn-gri: #eceff1;
    --hsn-border: #e0e0e0;
    --hsn-metin: #212529;
    --hsn-muted: #6c757d;
    --hsn-footer-ust: #3d3d3d;
    --hsn-footer-alt: #1a1a1a;
    --hsn-footer-copy: #f5f5f5;
    /* pcbayi %100 zoom: vitrin body zoom ile ~%90 (yan boşluklar) */
    --hsn-vitrin-scale: 0.9;
    --ui-zoom: 1;
    --hsn-genislik: min(100vw - 16px, 1780px);
    --hsn-font: Poppins, sans-serif;
    --hsn-menu-font: Poppins, sans-serif;
    --hsn-cat-panel-w: 265px;
    --hsn-cat-panel-min-h: 0;
    --hsn-cat-panel-border: #e4e4e4;
    --hsn-cat-panel-radius: 6px;
    --hsn-cat-panel-pad: 10px;
    --hsn-cat-panel-mt: 15px;
    --hsn-cat-font-size: 14px;
    --hsn-cat-line-height: 21px;
    --hsn-cat-color: #212529;
    --hsn-cat-alt-w: min(920px, calc(100vw - 300px));
    /* Nav kategori mega menü — anasayfa hero oranları (75% orta + 25% promo) */
    --hsn-nav-mega-panel-w: min(calc(100vw - 24px), 1920px);
    --hsn-nav-mega-promo-w: calc(var(--hsn-nav-mega-panel-w) * 0.25);
    --hsn-nav-mega-mid-w: calc(var(--hsn-nav-mega-panel-w) * 0.75 - var(--hsn-cat-panel-w));
    --hsn-nav-mega-h: 485px;
    /* Sabit sol/sağ alt butonlar — footer telif bandı için güvenli alan */
    --hsn-float-edge: 16px;
    --hsn-float-compare-h: 44px;
    --hsn-float-asistan-h: 64px;
    --hsn-float-stack-gap: 12px;
    --hsn-float-dock-h: calc(
        var(--hsn-float-edge)
        + var(--hsn-float-compare-h)
        + var(--hsn-float-stack-gap)
        + var(--hsn-float-asistan-h)
        + 12px
    );
}

* { box-sizing: border-box; }

html {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    overflow-x: clip;
}

/* B2C vitrin: tamamını ~%10 küçült (Explorer %90 zoom ≈ pcbayi yan boşlukları) */
body.hsn-body:not(.hsn-body-admin):not(.hsn-admin-giris-page):not(.hsn-body-auth) {
    zoom: var(--hsn-vitrin-scale);
}

@supports not (zoom: 0.9) {
    :root {
        --ui-zoom: var(--hsn-vitrin-scale);
        --hsn-genislik: min(calc((100vw - 32px) * var(--hsn-vitrin-scale)), calc(1780px * var(--hsn-vitrin-scale)));
    }
    body.hsn-body:not(.hsn-body-admin):not(.hsn-admin-giris-page):not(.hsn-body-auth) {
        zoom: 1;
    }
    .hsn-body-home {
        --hsn-genislik: min(calc((100vw - 24px) * var(--hsn-vitrin-scale)), calc(1920px * var(--hsn-vitrin-scale)));
        --hsn-home-hero-w: calc(1920px * var(--hsn-vitrin-scale));
        --hsn-home-slider-h: calc(500px * var(--hsn-vitrin-scale));
        --hsn-home-cats-w: calc(265px * var(--hsn-vitrin-scale));
    }
}

body.hsn-body {
    margin: 0;
    font-family: var(--hsn-font);
    font-size: calc(14px * var(--ui-zoom));
    font-weight: 400;
    color: var(--hsn-metin);
    background: #fff;
    line-height: 21px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: flex;
    flex-direction: column;
    min-height: 100%;
    min-height: 100vh;
    min-height: 100dvh;
}

/* Menü alanları — Poppins */
.hsn-nav,
.hsn-nav .hsn-kat-btn,
.hsn-nav .hsn-nav-link,
.hsn-nav .hsn-nav-link-btn,
.hsn-nav .hsn-nav-wizard,
.hsn-mega-panel,
.hsn-mega-cats-wrap,
.hsn-mega-cat-list,
.hsn-mega-alt-pane,
.hsn-mega-alt-columns,
.hsn-mega-alt-section,
.hsn-mega-alt-section-links,
.hsn-mega-alt-sub,
.hsn-mega-brands-panel,
.hsn-mega-list,
.hsn-home-cats,
.hsn-home-cats .hsn-mega-cats-wrap,
.hsn-sidebar-cat-list,
.hsn-sidebar-cat-item,
.hsn-cat-flyout,
.hsn-cat-flyout-alt {
    font-family: var(--hsn-menu-font);
}

.hsn-container,
.hsn-wrap {
    width: 100%;
    max-width: var(--hsn-genislik);
    margin: 0 auto;
    padding: 0 8px;
}
.hsn-body-home {
    /* pcbayi top-section: 265px + calc(80% - 265px) slider + 20% banner, max-height 500px */
    --hsn-genislik: min(100vw - 12px, 1920px);
    --hsn-home-hero-w: 1920px;
    --hsn-home-cats-w: 265px;
    --hsn-home-slider-flex: calc(80% - 265px);
    --hsn-home-banner-flex: 20%;
    --hsn-home-grid-gap: 0;
    --hsn-home-mega-panel-w: 100cqw;
    --hsn-home-mega-mid-w: calc(75cqw - var(--hsn-home-cats-w));
    --hsn-home-mega-promo-w: 25cqw;
    --hsn-home-mega-promo-pad: 14px;
    --hsn-home-cats-secondary-w: var(--hsn-home-mega-mid-w);
    --hsn-home-slider-h: 500px;
    --hsn-home-hero-h: var(--hsn-home-slider-h);
    --hsn-home-content-h: calc(var(--hsn-home-slider-h) - var(--hsn-cat-panel-mt));
    --hsn-home-side-gap: 15px;
    --hsn-home-promo-gap: 15px;
    --hsn-home-promo-cols: 4;
    --hsn-home-block-py: 20px;
}
.hsn-body-home .hsn-container {
    padding: 0 6px;
    max-width: var(--hsn-home-hero-w);
}

/* Üst şerit (pcbayi — açık gri) */
.hsn-topbar {
    background: var(--hsn-topbar);
    border-bottom: 1px solid var(--hsn-border);
    color: var(--hsn-metin);
    font-size: 0.85em;
    height: 41px;
    min-height: 41px;
    max-height: 41px;
    box-sizing: border-box;
}
.hsn-topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0 12px;
    height: 41px;
    min-height: 41px;
    padding: 0 12px;
    box-sizing: border-box;
}
.hsn-topbar-sol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    min-width: 0;
}
.hsn-topbar-sol span,
.hsn-topbar-sol a {
    margin-right: 0;
    color: var(--hsn-muted);
    text-decoration: none;
}
.hsn-topbar-sag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
}
.hsn-topbar-sag a {
    color: var(--hsn-metin);
    text-decoration: none;
    font-weight: 500;
}
.hsn-topbar-sag a:hover { color: var(--hsn-yesil-koyu); }
.hsn-kur-pill {
    background: #e8f8f0;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 0.95em;
    color: var(--hsn-yesil-koyu);
    font-weight: 600;
}
.hsn-topbar-user { position: relative; }
.hsn-account-drop {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 220px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    padding: 12px;
    z-index: 300;
    border-radius: 6px;
}
.hsn-topbar-user:hover .hsn-account-drop { display: block; }
.hsn-account-welcome { margin: 0 0 10px; font-size: 0.9em; line-height: 1.4; }
.hsn-account-drop a {
    display: block;
    padding: 6px 0;
    color: var(--hsn-metin);
    text-decoration: none;
    font-size: 0.92em;
}
.hsn-account-drop a:hover { color: var(--hsn-yesil-koyu); }

/* Header */
.hsn-header {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 0;
    z-index: 100;
    overflow: visible;
}
.hsn-header-row {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 98px;
    min-height: 98px;
    max-height: 98px;
    padding: 0 6px;
    box-sizing: border-box;
}
.hsn-brand {
    text-decoration: none;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    background: transparent;
}
.hsn-brand-inner {
    display: flex;
    align-items: center;
    min-height: 0;
    height: 100%;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}
.hsn-brand-img {
    display: block;
    height: 56px;
    width: auto;
    max-width: 280px;
    object-fit: contain;
    object-position: left center;
    background: transparent !important;
    background-color: transparent !important;
    border: none;
    box-shadow: none;
}
.hsn-brand-img--header {
    max-height: 56px;
    height: 56px;
}
.hsn-footer-logo-link {
    display: inline-block;
    background: transparent;
    line-height: 0;
}
.hsn-footer-brand .hsn-brand-img {
    height: 56px;
    max-width: 300px;
    filter: none;
    background: transparent !important;
}
.hsn-search {
    flex: 1;
    position: relative;
    max-width: none;
    z-index: 50;
}
.hsn-search-row {
    display: flex;
    align-items: stretch;
    border: 2px solid var(--hsn-yesil);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}
.hsn-search-row input {
    flex: 1;
    border: none;
    padding: 8px 10px;
    font-size: 1em;
    outline: none;
    min-width: 0;
    height: 42px;
}
.hsn-search-row button {
    background: var(--hsn-yesil);
    color: #fff;
    border: none;
    padding: 0 20px;
    font-weight: 700;
    cursor: pointer;
    font-size: 1.1em;
    height: 42px;
}
.hsn-search-row button:hover { background: var(--hsn-yesil-koyu); }
.hsn-search > .hsn-ara-oneri {
    left: 0;
    right: 0;
    border-radius: 0 0 6px 6px;
    border-top: none;
}
.hsn-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}
.hsn-haction {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: var(--hsn-metin);
    padding: 6px 10px;
    font-size: 1.2rem;
}
.hsn-haction em {
    position: absolute;
    top: 0;
    right: 0;
    font-style: normal;
    font-size: 0.65rem;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: var(--hsn-yesil);
    color: #fff;
    border-radius: 50%;
    font-weight: 700;
}
.hsn-nav {
    background: #fff;
    border-top: 1px solid var(--hsn-border);
    overflow: visible;
    height: 53px;
    min-height: 53px;
    max-height: 53px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.hsn-nav-inner {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    flex: 1;
    width: 100%;
    height: 100%;
    min-height: 53px;
    box-sizing: border-box;
    flex-wrap: nowrap;
}
.hsn-kat-btn {
    background: var(--hsn-yesil);
    color: #fff;
    border: none;
    padding: 7px 14px;
    font-weight: 700;
    font-size: 0.88em;
    line-height: 1.2;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.hsn-kat-btn:hover { background: var(--hsn-yesil-koyu); }
.hsn-nav-link {
    padding: 7px 10px;
    text-decoration: none;
    color: var(--hsn-metin);
    font-weight: 600;
    font-size: 0.88em;
    line-height: 1.2;
}
.hsn-nav-link.is-active,
.hsn-nav-link:hover { color: var(--hsn-yesil-koyu); }
.hsn-nav-spacer { flex: 1; min-width: 8px; }
.hsn-nav-wizard {
    background: var(--hsn-nav-koyu);
    color: #fff;
    text-decoration: none;
    padding: 7px 14px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.88em;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.hsn-nav-wizard:hover { background: #152238; color: #fff; }
.hsn-mega-wide { min-width: 280px; }
.hsn-mega-title {
    margin: 0 0 8px;
    padding: 0 14px;
    font-size: 0.8em;
    text-transform: uppercase;
    color: var(--hsn-muted);
    font-weight: 700;
}
.hsn-mega-list { list-style: none; margin: 0; padding: 0; }
.hsn-mega-list a {
    display: flex;
    justify-content: space-between;
    padding: 8px 14px;
    text-decoration: none;
    color: var(--hsn-metin);
}
.hsn-mega-list a:hover { background: #e8f8f0; color: var(--hsn-yesil-koyu); }
.hsn-mega-list span { color: var(--hsn-muted); font-size: 0.85em; }
.hsn-mega-all {
    display: block;
    padding: 10px 14px;
    font-weight: 600;
    color: var(--hsn-yesil-koyu);
    text-decoration: none;
    border-top: 1px solid var(--hsn-border);
}
.hsn-mega-drop.is-open .hsn-mega-panel:not(.hsn-mega-brands-panel) {
    display: block;
    width: 265px;
    min-width: 265px;
    max-width: 265px;
}
.hsn-cart {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: var(--hsn-yesil-koyu);
    padding: 6px 14px;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    background: #f1f8f6;
    position: relative;
    min-width: 72px;
}
.hsn-cart i { font-size: 1.35rem; }
.hsn-cart-label { font-size: 0.75em; font-weight: 600; }
.hsn-cart-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #e53935;
    color: #fff;
    font-style: normal;
    font-size: 0.75em;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

/* Mega menü */
.hsn-mega {
    background: linear-gradient(180deg, var(--hsn-mavi-acik), #fff);
    border-top: 1px solid var(--hsn-border);
}
.hsn-mega-inner {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
.hsn-mega a {
    padding: 10px 16px;
    text-decoration: none;
    color: var(--hsn-mavi);
    font-weight: 600;
    font-size: 0.95em;
    border-bottom: 3px solid transparent;
}
.hsn-mega a:hover,
.hsn-mega a.is-active {
    color: var(--hsn-yesil-koyu);
    border-bottom-color: var(--hsn-yesil);
    background: rgba(255, 255, 255, 0.6);
}
.hsn-mega-spacer { flex: 1; }
.hsn-demo-tag {
    font-size: 0.75em;
    background: #fff3e0;
    color: #e65100;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 600;
}

.hsn-page {
    flex: 1 0 auto;
    padding: 14px 0 28px;
    min-height: 0;
    width: 100%;
}

.hsn-flash {
    padding: 10px 14px;
    border-radius: 4px;
    margin: 8px 0;
    font-weight: 500;
}
.hsn-flash-ok,
.hsn-alert-ok { background: #c8e6c9; color: #1b5e20; }
.hsn-flash-err,
.hsn-alert-hata { background: #ffcdd2; color: #b71c1c; }
.hsn-alert-info { background: #bbdefb; color: #0d47a1; font-size: 0.9em; }

/* Katalog: sidebar + tablo (pcbayi) */
.hsn-breadcrumb {
    padding: 12px 12px 0;
    font-size: 0.88em;
    color: var(--hsn-muted);
}
.hsn-breadcrumb a { color: var(--hsn-mavi); text-decoration: none; }
.hsn-breadcrumb strong { color: var(--hsn-yesil-koyu); }
.hsn-catalog-layout {
    display: grid;
    /* Kategoriler mega menü paneliyle aynı genişlik (--hsn-cat-panel-w) — 240px'te
       marka/özellik filtre yazıları alta kayıyordu (kullanıcı raporu). */
    grid-template-columns: var(--hsn-cat-panel-w, 265px) minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding-bottom: 24px;
}
.hsn-catalog {
    padding-top: 8px;
    width: 100%;
}
.hsn-catalog-main {
    min-width: 0;
    width: 100%;
    position: relative;
    z-index: 1;
    background: var(--hsn-gri);
}
.hsn-sidebar {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    padding: 12px 0;
    position: sticky;
    top: 120px;
    align-self: start;
    overflow: visible;
    z-index: 20;
}
.hsn-sidebar .hsn-sidebar-cat-list {
    overflow: visible;
    max-height: none;
}
.hsn-sidebar-cat-item.has-children:hover {
    z-index: 120;
}
.hsn-sidebar .hsn-cat-flyout {
    z-index: 130;
}
.hsn-sidebar h3 {
    margin: 0 0 8px;
    padding: 0 14px 8px;
    font-size: 0.95em;
    color: var(--hsn-yesil-koyu);
    border-bottom: 2px solid var(--hsn-yesil);
}
.hsn-sidebar-count-pcb {
    margin: 0 0 0 !important;
    padding: 10px 14px !important;
    background: var(--hsn-mavi-tablo) !important;
    color: #fff !important;
    border-bottom: none !important;
    font-size: 0.82em !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.hsn-cat-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hsn-cat-list a {
    display: flex;
    justify-content: space-between;
    padding: 7px 14px;
    text-decoration: none;
    color: var(--hsn-metin);
    font-size: 0.92em;
    border-left: 3px solid transparent;
}
.hsn-cat-list a:hover,
.hsn-cat-list a.active {
    background: #e0f2f1;
    border-left-color: var(--hsn-yesil);
    color: var(--hsn-yesil-koyu);
    font-weight: 600;
}
.hsn-cat-count {
    color: var(--hsn-muted);
    font-size: 0.85em;
}
.hsn-catalog-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--hsn-yesil);
}
.hsn-catalog-toolbar h1 {
    margin: 0 0 4px;
    font-size: 1.35rem;
    color: var(--hsn-yesil-koyu);
    font-weight: 800;
}
.hsn-toolbar-meta { margin: 0; font-size: 0.88em; color: var(--hsn-muted); }
.hsn-toolbar-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}
.hsn-gorunum-sec {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
}
.hsn-gorunum-sec-label {
    font-size: 0.78em;
    font-weight: 700;
    color: var(--hsn-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0 6px 0 8px;
    white-space: nowrap;
}
.hsn-gorunum-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 4px;
    text-decoration: none;
    color: var(--hsn-muted);
    font-size: 0.82em;
    font-weight: 600;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s;
}
.hsn-gorunum-btn i { font-size: 0.95em; }
.hsn-gorunum-btn:hover {
    background: #e8f5e9;
    color: var(--hsn-yesil-koyu);
}
.hsn-gorunum-btn.is-active {
    background: var(--hsn-yesil);
    color: #fff;
}
.hsn-gorunum-btn span { display: none; }
@media (min-width: 1100px) {
    .hsn-gorunum-btn span { display: inline; }
}
.hsn-urun-grid.hsn-urun-grid-katalog {
    padding: 4px 0 8px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}
.hsn-urun-grid-katalog .hsn-urun-kart-pcb {
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.2s;
}
.hsn-urun-grid-katalog .hsn-urun-kart-pcb:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}
.hsn-urun-grid-katalog .hsn-urun-kart-img {
    display: block;
    position: relative;
    background: #fafafa;
    aspect-ratio: 1;
    padding: 12px;
    overflow: hidden;
}
.hsn-urun-grid-katalog .hsn-urun-kart-img img {
    /* bkz. .hsn-urun-kart-img img (temel kural) — aynı dikey-resim taşma düzeltmesi.
       DİKKAT: <img> "replaced element" olduğu için position:absolute + width/height:auto
       kutuyu DOLDURMAZ — resmin kendi doğal piksel boyutuna göre boyutlanır (yüklenmeden
       önce 0x0, yüklendikten sonra taşan doğal boyut). calc() ile kesin piksel genişlik/
       yükseklik vermek şart. */
    position: absolute;
    top: 12px;
    left: 12px;
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    object-fit: contain;
}
.hsn-urun-grid-katalog .hsn-fiyat-pop { display: none !important; }
.hsn-urun-grid-katalog .hsn-fiyat-kart-basit {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.hsn-urun-grid-katalog .hsn-fiyat-kart-basit .price-main {
    font-weight: 800;
    color: var(--hsn-yesil-koyu);
    border-bottom: none;
    cursor: default;
}
.hsn-urun-grid-katalog .hsn-fiyat-tl-alt {
    font-size: 0.78em;
    font-weight: 500;
    color: var(--hsn-muted);
}
.hsn-urun-grid-katalog .hsn-urun-kart-pcb .hsn-urun-kart-body {
    padding-bottom: 36px;
}
@media (max-width: 1500px) {
    .hsn-urun-grid.hsn-urun-grid-katalog { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1180px) {
    .hsn-urun-grid.hsn-urun-grid-katalog { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
    .hsn-urun-grid.hsn-urun-grid-katalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.hsn-catalog-bos-grid {
    grid-column: 1 / -1;
}
.hsn-urun-liste-panel {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow-x: auto;
}
.hsn-urun-liste-metin .hsn-urun-liste-head,
.hsn-urun-liste-metin .hsn-urun-liste-satir.is-metin {
    display: grid;
    grid-template-columns: minmax(320px, 2.8fr) 100px 88px 128px 108px;
    gap: 14px;
    align-items: center;
    padding: 10px 16px;
}
.hsn-urun-liste-metin .hsn-urun-liste-head {
    background: linear-gradient(180deg, #546e7a, #37474f);
    color: #fff;
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-radius: 4px 4px 0 0;
}
.hsn-urun-liste-metin .hsn-urun-liste-head small {
    display: block;
    font-weight: 400;
    opacity: 0.85;
    font-size: 0.9em;
    text-transform: none;
}
.hsn-urun-liste-compact {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 820px;
}
.hsn-urun-liste-satir.is-metin {
    border-bottom: 1px solid #e8edf2;
}
.hsn-urun-liste-satir.is-metin:nth-child(even) { background: #f8fafb; }
.hsn-urun-liste-satir.is-metin:hover { background: #e3f2fd; }
.hsn-urun-liste-satir.is-metin.is-out { background: #fff8f8; }
.hsn-urun-liste-kod {
    display: block;
    font-weight: 700;
    color: var(--hsn-mavi);
    text-decoration: none;
    font-size: 0.9em;
}
.hsn-urun-liste-kod:hover { text-decoration: underline; }
.hsn-urun-liste-ad {
    display: block;
    margin-top: 3px;
    color: var(--hsn-metin);
    text-decoration: none;
    font-size: 0.9em;
    line-height: 1.4;
}
.hsn-urun-liste-ad:hover { color: var(--hsn-mavi); }
.hsn-urun-liste-hucre.hsn-urun-liste-marka {
    font-size: 0.85em;
    color: var(--hsn-muted);
    white-space: nowrap;
}
.hsn-urun-liste-hucre.hsn-urun-liste-stok { text-align: center; }
.hsn-urun-liste-hucre.hsn-urun-liste-fiyat { text-align: center; white-space: nowrap; }
.hsn-urun-liste-hucre.hsn-urun-liste-islem { text-align: right; }
.hsn-urun-liste-fiyat-ozel,
.hsn-urun-liste-fiyat-bayi { display: block; }
@media (max-width: 900px) {
    .hsn-urun-liste-metin .hsn-urun-liste-head { display: none; }
    .hsn-urun-liste-metin .hsn-urun-liste-satir.is-metin {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .hsn-urun-liste-hucre.hsn-urun-liste-islem { text-align: left; }
}
.hsn-toolbar-ara {
    display: flex;
    gap: 8px;
    min-width: 280px;
}
.hsn-toolbar-ara input {
    flex: 1;
    padding: 8px 10px;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
}
.hsn-sidebar-ara {
    display: flex;
    margin: 0 12px 10px;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    overflow: hidden;
}
.hsn-sidebar-ara input {
    flex: 1;
    border: none;
    padding: 6px 8px;
    font-size: 0.88em;
}
.hsn-filtre-form {
    margin: 12px 12px 0;
    padding-top: 12px;
    border-top: 1px solid var(--hsn-border);
}
.hsn-filtre-blok { margin-bottom: 14px; }
.hsn-filtre-baslik {
    margin: 0 0 8px;
    font-size: 0.82em;
    font-weight: 700;
    color: var(--hsn-yesil-koyu);
    text-transform: uppercase;
}
.hsn-filtre-radio,
.hsn-filtre-check {
    display: block;
    font-size: 0.88em;
    margin-bottom: 5px;
    cursor: pointer;
}
.hsn-filtre-check span { color: var(--hsn-muted); }
.hsn-filtre-scroll { max-height: 160px; overflow-y: auto; }
.hsn-filtre-facet-ara {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 8px;
    padding: 6px 8px;
    font-size: 0.85em;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
}
.hsn-filtre-facet-fazla { display: none; }
.hsn-filtre-scroll.hsn-filtre-facet-genis { max-height: 280px; }
.hsn-filtre-scroll.hsn-filtre-facet-genis .hsn-filtre-facet-fazla { display: block; }
.hsn-filtre-facet-gizli { display: none !important; }
.hsn-filtre-facet-tumu {
    display: block;
    margin-top: 4px;
    padding: 0;
    background: none;
    border: none;
    color: var(--hsn-yesil-koyu);
    font-size: 0.82em;
    text-decoration: underline;
    cursor: pointer;
}
.hsn-filtre-select { font-size: 0.88em; padding: 6px 8px; width: 100%; }
.hsn-filtre-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.hsn-filtre-temiz { font-size: 0.85em; color: var(--hsn-muted); }
.hsn-btn-sm-green { padding: 6px 12px; font-size: 0.85em; }
.hsn-favori-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 14px;
}
.hsn-favori-kart {
    position: relative;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
    overflow: hidden;
}
.hsn-favori-kart a {
    display: block;
    padding: 12px;
    text-decoration: none;
    color: inherit;
}
.hsn-favori-kart img { width: 100%; height: 120px; object-fit: contain; }
.hsn-favori-kart strong { display: block; font-size: 0.9em; margin-top: 8px; }
.hsn-favori-kart .hsn-yorum-mini { display: flex; margin: 4px 0 2px; font-size: 0.72em; }
.hsn-karsilastir-tablo .hsn-yorum-mini { display: flex; justify-content: center; margin: 6px 0 4px; font-size: 0.75em; }
.hsn-favori-kart span { font-size: 0.8em; color: var(--hsn-muted); }
.hsn-favori-kart em { display: block; margin-top: 6px; color: var(--hsn-yesil-koyu); font-style: normal; font-weight: 700; }
.hsn-favori-kart form { position: absolute; top: 8px; right: 8px; }
.hsn-detay-aksiyon { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.hsn-btn-favori {
    border: 2px solid var(--hsn-border);
    background: #fff;
    border-radius: 4px;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 1.2rem;
    color: #90a4ae;
}
.hsn-btn-favori.is-on { color: #e91e63; border-color: #f8bbd0; }
.hsn-adres-kart { margin-bottom: 12px; position: relative; }
.hsn-badge-yesil {
    display: inline-block;
    background: var(--hsn-yesil);
    color: #fff;
    font-size: 0.75em;
    padding: 2px 8px;
    border-radius: 3px;
    margin-bottom: 8px;
}
.hsn-form-row-inline { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.hsn-form-row-inline .form-control { flex: 1; min-width: 180px; }
.hsn-sidebar-ara button {
    border: none;
    background: var(--hsn-mavi);
    color: #fff;
    padding: 0 10px;
    cursor: pointer;
}
.hsn-hint,
.hsn-muted { color: var(--hsn-muted); font-size: 0.9em; }
.hsn-search-info { margin: 0 0 10px; font-size: 0.9em; }
.hsn-alt-grup {
    display: block;
    font-size: 0.78em;
    color: var(--hsn-muted);
    margin-top: 2px;
}

/* Ürün tablosu (pcbayi) */
.hsn-table-panel {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    overflow-x: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.hsn-table-pcbayi {
    overflow-x: auto;
    overflow-y: visible;
}
.hsn-table-pcbayi thead th {
    position: sticky;
    top: 0;
    z-index: 3;
}
table.hsn-product-table,
table.hsn-tablo {
    width: 100%;
    min-width: 960px;
    border-collapse: collapse;
    font-size: 0.92em;
}
table.hsn-product-table th,
table.hsn-tablo th {
    background: linear-gradient(180deg, #546e7a, #37474f);
    color: #fff;
    text-align: center;
    padding: 9px 8px;
    white-space: nowrap;
    font-weight: 700;
    font-size: 0.82em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
table.hsn-product-table th.col-ad,
table.hsn-product-table th.col-kod,
table.hsn-product-table th.col-marka {
    text-align: left;
}
table.hsn-product-table th small {
    display: block;
    font-weight: 400;
    opacity: 0.85;
    font-size: 0.85em;
}
table.hsn-product-table td,
table.hsn-tablo td {
    padding: 7px 8px;
    border-bottom: 1px solid #e8edf2;
    vertical-align: middle;
}
table.hsn-product-table tbody tr {
    background: #fff;
}
table.hsn-product-table tbody tr:nth-child(even) {
    background: #f8fafb;
}
table.hsn-product-table tbody tr td {
    background: inherit;
}
table.hsn-product-table tbody tr:hover,
table.hsn-tablo tbody tr:hover {
    background: #e3f2fd !important;
}
table.hsn-product-table tbody tr:hover td {
    background: inherit;
}
table.hsn-product-table tr.is-out,
table.hsn-tablo tr.tukendi {
    background: #fff8f8;
}
table.hsn-product-table tr.is-out td,
table.hsn-tablo tr.tukendi td {
    background: inherit;
}
.col-img { width: 52px; }
.hsn-urun-thumb,
.col-img img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    background: #fff;
}
.hsn-detay-img {
    max-width: 100%;
    max-height: 320px;
    object-fit: contain;
}
.col-kod {
    min-width: 340px;
    max-width: none;
    width: 42%;
    line-height: 1.4;
    vertical-align: top;
}
.col-kod a { text-decoration: none; }
.hsn-tablo-kod-link {
    display: block;
    font-weight: 700;
    color: var(--hsn-mavi);
    white-space: nowrap;
}
.hsn-tablo-kod-link:hover { text-decoration: underline; }
.hsn-tablo-ad-alt {
    display: block;
    margin-top: 4px;
    font-size: 0.88em;
    font-weight: 500;
    color: var(--hsn-metin);
    line-height: 1.4;
    word-break: break-word;
}
.hsn-tablo-ad-alt:hover {
    color: var(--hsn-mavi);
    text-decoration: underline;
}
.col-marka { white-space: nowrap; color: var(--hsn-muted); }
.col-stok { text-align: center; white-space: nowrap; }
.badge-ok {
    background: #c8e6c9;
    color: #1b5e20;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 0.9em;
}
.badge-out,
.etiket-tukendi {
    background: #ffcdd2;
    color: #c62828;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 0.85em;
}
.col-fiyat { white-space: nowrap; text-align: center; min-width: 88px; position: relative; overflow: visible; }
.hsn-table-pcbayi .hsn-product-table {
    overflow: visible;
}
.col-fiyat-ozel .price-main { color: #6a1b9a; }
.col-fiyat-bayi .price-main { color: var(--hsn-yesil-koyu); font-weight: 800; }
.col-fiyat-satis .price-main { color: var(--hsn-yesil-koyu); font-weight: 800; }
.hsn-fiyat-indirim-wrap {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    line-height: 1.25;
}
.hsn-fiyat-indirim-wrap.is-compact { gap: 0; }
.price-normal {
    text-decoration: line-through;
    color: var(--hsn-muted);
    font-size: 0.82em;
    font-weight: 500;
}
.price-main.price-indirimli,
.hsn-detay-ana-fiyat-tutar.price-indirimli {
    color: var(--hsn-yesil-koyu);
    font-weight: 800;
}
.price-indirim-etiket {
    display: inline-block;
    font-size: 0.72em;
    background: #e8f5e9;
    color: #2e7d32;
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 600;
    margin-top: 2px;
}
.hsn-detay-ana-fiyat {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}
.hsn-detay-ana-fiyat-normal { font-size: 1.05em; }
.hsn-detay-tl-tutarlar {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}
.hsn-detay-tl-tutarlar .price-normal { font-size: 0.9em; }
.col-fiyat .hsn-fiyat-indirim-wrap { align-items: center; }
.hsn-product-table .price-indirim-etiket { display: none; }
.hsn-fiyat-kutu .price-normal { border-bottom: none; }
.hsn-fiyat-kutu .price-main.price-indirimli { border-bottom: 1px dotted rgba(148, 163, 184, 0.65); }
.hsn-product-table.is-satis-modu .col-fiyat-satis { text-align: center; }
.hsn-fiyat-kutu {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 6px 8px;
    margin: -6px -4px;
    border-radius: 4px;
}
.hsn-product-table .col-fiyat .hsn-fiyat-kutu,
.hsn-urun-liste-fiyat .hsn-fiyat-kutu {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 8px 12px;
    box-sizing: border-box;
    min-height: 0;
    cursor: pointer;
    vertical-align: middle;
    text-align: left;
    border-radius: 4px;
}
.hsn-urun-liste-fiyat-ozel .hsn-fiyat-kutu,
.hsn-urun-liste-fiyat-bayi .hsn-fiyat-kutu {
    display: inline-block;
    margin: 2px 0;
    padding: 6px 12px;
    cursor: pointer;
}
.hsn-product-table .col-fiyat .hsn-fiyat-kutu:hover,
.hsn-product-table .col-fiyat .hsn-fiyat-kutu.is-open,
.hsn-urun-liste-fiyat .hsn-fiyat-kutu:hover,
.hsn-urun-liste-fiyat .hsn-fiyat-kutu.is-open {
    background: rgba(22, 163, 74, 0.05);
}
.hsn-urun-liste-hucre.hsn-urun-liste-fiyat {
    overflow: visible;
    padding-top: 6px;
    padding-bottom: 6px;
}
.hsn-fiyat-kutu .price-main {
    font-weight: 700;
    font-size: 0.95em;
    border-bottom: 1px dotted rgba(148, 163, 184, 0.65);
}
.hsn-detay-fiyat-kutu .hsn-detay-fiyat-ana.price-main,
.hsn-detay-fiyat-kutu .price-main.hsn-detay-fiyat-ana {
    display: block;
    font-size: 1.2em;
    color: var(--hsn-yesil-koyu);
    border-bottom: none;
}
.hsn-fiyat-pop {
    display: none;
    position: fixed;
    z-index: 12000;
    pointer-events: auto;
    opacity: 0;
    transition: opacity 0.12s ease;
    font-size: 12px;
    line-height: 1.35;
    width: max-content;
    max-width: calc(100vw - 16px);
}
.hsn-fiyat-pop.is-visible {
    display: block;
    opacity: 1;
}
.hsn-fiyat-kirilim-inner {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(15, 23, 42, 0.12);
    overflow: hidden;
    width: 320px;
    max-width: calc(100vw - 16px);
}
.hsn-fiyat-kirilim-tablo {
    width: 100%;
    border-collapse: collapse;
    color: #374151;
    background: #fff;
}
.hsn-fiyat-kirilim-tablo th {
    background: #f8f9fa !important;
    color: #212529 !important;
    font-weight: 700;
    font-size: 11px;
    text-align: center;
    padding: 8px 10px;
    border-bottom: 1px solid #dee2e6;
    white-space: nowrap;
}
.hsn-fiyat-kirilim-tablo td {
    padding: 7px 10px;
    border-bottom: 1px solid #f1f3f5;
    text-align: right;
    white-space: nowrap;
    background: #fff;
    font-size: 12px;
}
.hsn-fiyat-kirilim-tablo tr:last-child td {
    border-bottom: none;
}
.hsn-fiyat-kirilim-tablo .hsn-fk-pb {
    text-align: left !important;
    color: #6b7280;
    font-weight: 600;
    width: 42px;
}
.hsn-fiyat-kirilim-tablo .hsn-fk-kdv {
    text-align: center !important;
    color: #6b7280;
}
.hsn-fiyat-kirilim-tablo .hsn-fk-sayi {
    font-variant-numeric: tabular-nums;
}
.hsn-fiyat-kirilim-tablo .hsn-fk-vurgu {
    font-weight: 600;
    color: #111827;
}
.hsn-fk-bos {
    color: #9ca3af;
}
.hsn-tl-alt {
    display: block;
    margin-top: 4px;
    font-size: 0.88em;
    color: var(--hsn-yesil-koyu);
    font-weight: 600;
}
.hsn-kur-not {
    width: 100%;
    margin: 8px 0 0;
    font-size: 0.85em;
    color: var(--hsn-muted);
}
.hsn-fiyat-kutu.is-open .hsn-fiyat-pop.is-visible { display: block; }
.hsn-fiyat-bos { color: var(--hsn-muted); }

.hsn-stok-kutu {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    border-bottom: 1px dotted rgba(148, 163, 184, 0.65);
}
.hsn-urun-liste-stok .hsn-stok-kutu {
    cursor: help;
}
.hsn-product-table .col-stok .hsn-stok-kutu {
    cursor: help;
}
.hsn-product-table .col-stok .hsn-stok-kutu:hover,
.hsn-product-table .col-stok .hsn-stok-kutu.is-open,
.hsn-urun-liste-stok .hsn-stok-kutu:hover,
.hsn-urun-liste-stok .hsn-stok-kutu.is-open {
    border-bottom-color: var(--hsn-mavi);
}
.hsn-stok-pop {
    display: none;
    position: fixed;
    z-index: 12050;
    min-width: 160px;
    max-width: 240px;
    padding: 0;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.18);
    pointer-events: auto;
}
.hsn-stok-pop.is-visible { display: block; }
.hsn-stok-kirilim-inner { padding: 8px 10px; }
.hsn-stok-kirilim-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.hsn-stok-kirilim-tablo th,
.hsn-stok-kirilim-tablo td {
    padding: 4px 6px;
    text-align: left;
    border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}
.hsn-stok-kirilim-tablo tr:last-child th,
.hsn-stok-kirilim-tablo tr:last-child td { border-bottom: none; }
.hsn-stok-kirilim-tablo .hsn-sk-sayi { text-align: right; font-weight: 700; color: var(--hsn-yesil-koyu); }
.hsn-stok-kutu.is-open .hsn-stok-pop.is-visible { display: block; }
.hsn-detay-stok-miktar-wrap .hsn-stok-kutu {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--hsn-yesil-koyu);
    border-bottom-color: rgba(22, 163, 74, 0.45);
}
.hsn-detay-stok-miktar-wrap .badge-out {
    font-size: 1rem;
    font-weight: 600;
}

.hsn-tablo-not {
    margin: 10px 0 0;
    font-size: 0.82em;
    color: var(--hsn-muted);
}
.hsn-tablo-not i { color: var(--hsn-mavi); }
.price-pb { display: block; font-size: 0.75em; color: var(--hsn-muted); font-weight: 400; }
.col-adet { width: 70px; text-align: center; }
.hsn-qty {
    width: 52px;
    padding: 4px 6px;
    border: 1px solid var(--hsn-border);
    border-radius: 3px;
    text-align: center;
}
.hsn-qty-dash { color: var(--hsn-muted); }
.col-sepet { width: 88px; text-align: center; }
.btn-favori {
    border: none;
    background: transparent;
    color: #cfd8dc;
    width: 28px;
    height: 28px;
    cursor: pointer;
    font-size: 0.9rem;
}
.btn-favori.is-on { color: #e91e63; }
.hsn-badge-durum {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 0.85em;
    background: #e8f5e9;
    color: var(--hsn-yesil-koyu);
}
.hsn-siparis-detay-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 16px;
    align-items: start;
}
.hsn-dl-ozet { margin: 0; font-size: 0.92em; }
.hsn-dl-ozet dt { color: var(--hsn-muted); font-weight: 600; margin-top: 8px; }
.hsn-dl-ozet dd { margin: 0 0 4px; }
@media (max-width: 900px) {
    .hsn-siparis-detay-grid { grid-template-columns: 1fr; }
}
.hsn-tablo-aksiyon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.btn-compare {
    border: none;
    background: #eceff1;
    color: #546e7a;
    width: 32px;
    height: 28px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.85rem;
}
.btn-compare:hover,
.btn-compare.is-on { background: var(--hsn-yesil); color: #fff; }
.hsn-karsilastir-wrap { padding-bottom: 48px; }
.hsn-karsilastir-tablo tr.hsn-kars-fark th.hsn-kars-sticky { color: #e65100; }
.hsn-karsilastir-tablo td.is-diff { background: #fff8e1; font-weight: 600; }
@media print {
    .hsn-topbar, .hsn-header, .hsn-nav, .hsn-footer, .hsn-float-compare, .hsn-destek-chat, .hsn-profil-head form { display: none !important; }
    .hsn-karsilastir-scroll { overflow: visible; }
}
.hsn-karsilastir-scroll { overflow-x: auto; }
.hsn-karsilastir-tablo {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid var(--hsn-border);
    min-width: 600px;
}
.hsn-karsilastir-tablo th,
.hsn-karsilastir-tablo td {
    border: 1px solid var(--hsn-border);
    padding: 10px 12px;
    vertical-align: top;
    font-size: 0.9em;
}
.hsn-karsilastir-tablo thead th {
    background: #f8f9fa;
    text-align: center;
    min-width: 160px;
    position: relative;
}
.hsn-kars-sticky {
    background: #eceff1;
    font-weight: 700;
    text-align: left;
    min-width: 120px;
    position: sticky;
    left: 0;
    z-index: 2;
}
.hsn-kars-thumb { max-width: 100px; max-height: 80px; object-fit: contain; display: block; margin: 0 auto 8px; }
.hsn-kars-sil { position: absolute; top: 6px; right: 6px; }
.hsn-kars-sepet { margin-top: 8px; }
.hsn-inline-form { display: inline; margin: 0; }
.btn-cart-pcb,
.btn-cart.btn-cart-pcb {
    background: #455a64;
    border-color: #37474f;
}
.btn-cart-pcb:hover,
.btn-cart.btn-cart-pcb:hover {
    background: #37474f;
}
.btn-cart {
    background: var(--hsn-yesil);
    color: #fff;
    border: none;
    width: 36px;
    height: 32px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 1.1em;
}
.btn-cart:hover { background: var(--hsn-yesil-koyu); }
.btn-talep,
.btn-login {
    font-size: 0.8em;
    padding: 4px 8px;
    border-radius: 3px;
    text-decoration: none;
    border: 1px solid var(--hsn-border);
    background: #fff;
    cursor: pointer;
    color: var(--hsn-mavi);
}
.empty-row { text-align: center; padding: 24px !important; color: var(--hsn-muted); }

/* İçerik bölümleri */
.hsn-bolum,
.hsn-detay {
    max-width: var(--hsn-genislik);
    margin: 0 auto;
    padding: 0 12px;
}
.hsn-bolum h1,
.hsn-bolum h2,
.hsn-detay h1 {
    color: var(--hsn-yesil-koyu);
    margin-top: 0;
}
.hsn-hero {
    max-width: var(--hsn-genislik);
    margin: 0 auto 14px;
    padding: 32px 28px;
    background: linear-gradient(135deg, #e0f2f1 0%, #e3f2fd 100%);
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
    min-height: 140px;
}
.hsn-hero-varsayilan {
    background: linear-gradient(120deg, #00695c 0%, #1565c0 55%, #0d47a1 100%);
    color: #fff;
    border: none;
}
.hsn-hero-varsayilan h1,
.hsn-hero-varsayilan p { color: #fff; }
.hsn-hero h1 { margin: 0 0 10px; font-size: 1.65rem; font-weight: 800; letter-spacing: -0.02em; }
.hsn-hero p { margin: 0 0 16px; font-size: 1.05em; opacity: 0.95; max-width: 640px; }
.hsn-hero-gorsel {
    background-size: cover;
    background-position: center;
    color: #fff;
    min-height: 200px;
}
.hsn-hero-gorsel h1,
.hsn-hero-gorsel p { color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); }
.hsn-bannerlar {
    max-width: var(--hsn-genislik);
    margin: 0 auto 14px;
    padding: 0 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.hsn-banner {
    display: block;
    min-height: 100px;
    padding: 14px;
    background: linear-gradient(135deg, var(--hsn-mavi-acik), #fff);
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    text-decoration: none;
    color: inherit;
    background-size: cover;
}
.hsn-banner strong { display: block; color: var(--hsn-yesil-koyu); }

.hsn-btn,
.hsn-btn-sm {
    display: inline-block;
    background: var(--hsn-yesil);
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 3px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
}
.hsn-btn-sm { padding: 5px 12px; font-size: 0.9em; }
.hsn-btn-outline {
    background: #fff;
    color: var(--hsn-mavi);
    border: 1px solid var(--hsn-mavi);
    padding: 6px 14px;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
}
.hsn-link { color: var(--hsn-mavi); }

.hsn-tablo-wrap { overflow-x: auto; background: #fff; border: 1px solid var(--hsn-border); border-radius: 4px; }
table.hsn-tablo .sayi { text-align: right; }
table.hsn-tablo .fiyat .pb { display: block; font-size: 0.75em; color: var(--hsn-muted); }
form.inline { display: inline; margin: 0; }

.hsn-detay-grid {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
    background: #fff;
    padding: 16px;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
}
.hsn-detay-gorsel {
    background: #fafafa;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
}
.hsn-detay-gorsel img { max-width: 100%; max-height: 280px; object-fit: contain; }
.hsn-fiyat-buyuk { font-size: 1.45rem; font-weight: 700; color: var(--hsn-yesil-koyu); }

.hsn-form-kutu {
    max-width: 440px;
    margin: 0 auto;
    background: #fff;
    padding: 24px;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
}
.hsn-form-genis { max-width: 640px; }
.hsn-form-kutu label { display: block; margin-bottom: 12px; }
.hsn-form-kutu input,
.hsn-form-kutu textarea {
    width: 100%;
    padding: 8px;
    margin-top: 4px;
    border: 1px solid var(--hsn-border);
    border-radius: 3px;
}
.hsn-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.hsn-form-grid .tam { grid-column: 1 / -1; }
.hsn-dl {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 8px;
    background: #fff;
    padding: 16px;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
}
.hsn-hesap-menu a { margin-right: 12px; font-weight: 600; }
.durum { padding: 2px 8px; border-radius: 3px; font-size: 0.85em; }
.durum-onay_bekliyor { background: #fff9c4; color: #f57f17; }
.durum-hazirlaniyor { background: #bbdefb; color: #1565c0; }
.hsn-kart-alan { background: #fff; border: 1px solid var(--hsn-border); padding: 12px; border-radius: 4px; margin: 12px 0; }
.hsn-ozet { list-style: none; padding: 0; margin: 12px 0; }
.hsn-ozet li { padding: 6px 0; border-bottom: 1px dashed var(--hsn-border); }

/* Footer */
.hsn-footer {
    flex-shrink: 0;
    width: 100%;
    position: relative;
    z-index: 10;
    clear: both;
    background: var(--hsn-yesil-koyu);
    color: #e0f2f1;
    margin-top: auto;
    padding: 28px 0 0;
    isolation: isolate;
}
.hsn-footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 24px;
    padding-bottom: 20px;
}
.hsn-footer h4 { margin: 0 0 8px; color: #fff; }
.hsn-footer a {
    display: block;
    color: #b2dfdb;
    text-decoration: none;
    margin-bottom: 4px;
}
.hsn-footer a:hover { color: #fff; }
.hsn-footer-logo { font-size: 1.1rem; color: #fff; }
.hsn-footer-copy {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding: 12px;
    font-size: 0.85em;
    opacity: 0.85;
}

/* Admin (ayrı tema dokunulmadı) */
.hsn-admin-list { background: #fff; padding: 20px; border-radius: 4px; line-height: 1.8; }
.hsn-admin-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.hsn-admin-kart { background: #fff; border: 1px solid var(--hsn-border); border-radius: 4px; padding: 16px; }
.hsn-admin-kart h3 { margin-top: 0; color: var(--hsn-yesil-koyu); }
.hsn-admin-kartlar-genis { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.hsn-admin-btn-grup { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.hsn-admin-btn-grup form { margin: 0; }
.hsn-tesekkur-kutu { max-width: 560px; margin: 2rem auto; text-align: center; padding: 2rem 1.5rem; background: #fff; border: 1px solid var(--hsn-border); border-radius: 6px; }
.hsn-tesekkur-ikon { font-size: 3rem; color: var(--hsn-yesil); margin-bottom: 1rem; }
.hsn-tesekkur-ref { font-size: 1.1em; margin: 1rem 0; }
.hsn-tesekkur-aksiyon { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 1.5rem; }
.hsn-admin-ozet { list-style: none; margin: 0 0 12px; padding: 0; font-size: 0.9em; }
.hsn-admin-ozet li { display: flex; justify-content: space-between; gap: 8px; padding: 4px 0; border-bottom: 1px dashed var(--hsn-border); }
.hsn-admin-ozet code { font-size: 0.85em; word-break: break-all; }
.hsn-admin-stat { list-style: none; margin: 0; padding: 0; line-height: 1.8; }
.hsn-garanti-ok { border-left: 4px solid var(--hsn-yesil); }
.hsn-garanti-warn { border-left: 4px solid #f39c12; }
.hsn-garanti-dl { display: grid; grid-template-columns: 140px 1fr; gap: 6px 12px; margin-top: 12px; font-size: 0.92em; }
.hsn-garanti-dl dt { font-weight: 600; color: var(--hsn-muted); }
.hsn-tabs-dark .hsn-tab { text-decoration: none; color: inherit; }
.hsn-tabs-dark a.hsn-tab.is-active { background: var(--hsn-nav-koyu); color: #fff; }
.hsn-admin-nav { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--hsn-border); }
.hsn-admin-nav a { text-decoration: none; color: var(--hsn-mavi); font-weight: 600; }
.hsn-admin-nav a.aktif { color: var(--hsn-yesil); border-bottom: 2px solid var(--hsn-yesil); }
.hsn-body-admin { background: var(--hsn-gri); }
.hsn-admin-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 20px;
    background: var(--hsn-nav-koyu);
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.hsn-admin-bar-brand {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.05em;
}
.hsn-admin-bar-nav { display: flex; gap: 14px; }
.hsn-admin-bar-nav a {
    color: rgba(255,255,255,.9);
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 600;
}
.hsn-admin-bar-nav a:hover { color: var(--hsn-yesil); }
.hsn-page-admin { padding-top: 16px; }
.hsn-page-admin .hsn-bolum { max-width: 1200px; margin: 0 auto; padding: 0 16px 32px; }
.hsn-admin-yardim {
    background: #fff8e1;
    border: 1px solid #ffe082;
    border-radius: 6px;
    padding: 16px 20px;
    margin-bottom: 24px;
}
.hsn-admin-yardim h3 { margin-top: 0; color: #e65100; }
.hsn-admin-form label { display: block; margin-bottom: 10px; }
.hsn-admin-form input,
.hsn-admin-form textarea,
.hsn-admin-form select { width: 100%; max-width: 520px; padding: 6px; margin-top: 4px; }
.hsn-thumb { max-height: 80px; display: block; margin: 8px 0; border-radius: 3px; }
.hsn-admin-urun-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.hsn-admin-urun-kart { background: #fff; border: 1px solid var(--hsn-border); border-radius: 4px; padding: 10px; }
.hsn-admin-urun-kart img { width: 100%; height: 120px; object-fit: contain; background: #fafafa; }
.hsn-no-img { height: 120px; display: flex; align-items: center; justify-content: center; background: #eceff1; color: var(--hsn-muted); }
.hsn-urun-thumb { width: 48px; height: 48px; object-fit: contain; }
.hsn-gorsel-hucre { width: 56px; }
.hsn-footer-muted { opacity: 0.75; font-size: 0.9em; }

/* Eski sınıf uyumluluğu */
.hsn-header-top { display: none; }
.hsn-main { padding: 0; }
.hsn-alert { padding: 10px 14px; border-radius: 4px; margin-bottom: 12px; }

/* Sosyal şerit (hsnbilgisayar) */
.hsn-sosyal-bar {
    background: #fff;
    border-bottom: 1px solid var(--hsn-border);
}
.hsn-sosyal-inner {
    display: flex;
    gap: 20px;
    padding: 8px 12px;
    flex-wrap: wrap;
}
.hsn-sosyal-item {
    text-decoration: none;
    color: var(--hsn-metin);
    font-weight: 600;
    font-size: 0.88em;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.hsn-sosyal-item:hover { color: var(--hsn-yesil); }
.hsn-sosyal-item .fa-telegram { color: #0088cc; }
.hsn-sosyal-item .fa-whatsapp { color: #25d366; }
.hsn-sosyal-item .fa-instagram { color: #e4405f; }

/* Mega menü dropdown */
.hsn-mega-drop {
    position: relative;
    flex-shrink: 0;
}
#hsn-kategoriler.hsn-mega-drop {
    width: 265px;
}
#hsn-markalar.hsn-mega-drop {
    width: auto;
    min-width: 0;
}
.hsn-mega-drop .hsn-kat-btn,
.hsn-mega-drop .hsn-nav-link-btn,
.hsn-mega-drop .hsn-mega-drop-btn {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
#hsn-kategoriler .hsn-kat-btn {
    width: 100%;
}
#hsn-markalar .hsn-nav-link-btn {
    width: auto;
}
.hsn-mega-drop-btn {
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    padding: 10px 16px;
    font: inherit;
    font-weight: 600;
    color: var(--hsn-mavi);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.hsn-mega-drop-btn:hover,
.hsn-mega-drop-btn.is-active,
.hsn-mega-drop:focus-within .hsn-mega-drop-btn {
    color: var(--hsn-yesil-koyu);
    border-bottom-color: var(--hsn-yesil);
}
.hsn-mega-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 265px;
    max-height: 360px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid var(--hsn-border);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 200;
    padding: 8px 0;
}
#hsn-markalar:hover .hsn-mega-panel,
#hsn-markalar:focus-within .hsn-mega-panel { display: block; }
#hsn-kategoriler:not(.is-nav-cats-disabled):hover .hsn-mega-panel,
#hsn-kategoriler:not(.is-nav-cats-disabled):focus-within .hsn-mega-panel,
#hsn-kategoriler.hsn-mega-drop.is-open:not(.is-nav-cats-disabled) .hsn-mega-panel {
    display: block;
    visibility: visible;
    pointer-events: auto;
}
#hsn-kategoriler.is-nav-cats-disabled {
    pointer-events: auto;
}
#hsn-kategoriler.is-nav-cats-disabled .hsn-mega-panel,
#hsn-kategoriler.is-nav-cats-disabled.hsn-mega-drop.is-open .hsn-mega-panel {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
#hsn-kategoriler.is-nav-cats-disabled .hsn-kat-btn {
    cursor: default;
    opacity: 1;
    filter: none;
}
#hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-kat-btn {
    cursor: pointer;
}
.hsn-mega-panel a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: var(--hsn-metin);
    font-weight: 500;
    font-size: 0.92em;
    border: none;
}
.hsn-mega-panel a:hover { background: #e8f5e9; color: var(--hsn-yesil-koyu); }

.hsn-body-home .hsn-page { padding-top: 0; }
.hsn-body-home .hsn-nav {
    margin-bottom: 8px;
}

/* Anasayfa slider */
.hsn-slider {
    position: relative;
    overflow: hidden;
    background: #263238;
    margin-bottom: 0;
}
.hsn-slider-track {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    transition: transform 0.5s ease;
    will-change: transform;
}
.hsn-slide {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    flex-shrink: 0;
    min-height: 320px;
    box-sizing: border-box;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.hsn-slide-anchor {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
}
.hsn-slide.is-clickable {
    cursor: pointer;
}
.hsn-slide.has-overlay .hsn-slide-inner {
    position: relative;
    z-index: 1;
}
.hsn-slide.is-clickable.has-overlay .hsn-slide-inner {
    pointer-events: none;
}
.hsn-slide.is-clickable.has-overlay .hsn-btn {
    pointer-events: auto;
    position: relative;
    z-index: 3;
}
.hsn-slide.no-img {
    background: linear-gradient(120deg, #27ae60 0%, #2ecc71 45%, #1e2d4d 100%);
}
.hsn-slide.has-img::before {
    display: none;
}
.hsn-slide-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 320px;
    padding: 40px 12px;
}
.hsn-slide-text { max-width: 620px; color: #fff; }
.hsn-slide-text h2 {
    margin: 0 0 12px;
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 800;
    line-height: 1.2;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.hsn-slide-text p {
    margin: 0 0 20px;
    font-size: 1.05em;
    opacity: 0.95;
}
.hsn-btn-light {
    background: #fff;
    color: var(--hsn-yesil-koyu);
}
.hsn-btn-light:hover { background: #e0f2f1; }
.hsn-slider-prev,
.hsn-slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: var(--hsn-yesil-koyu);
    cursor: pointer;
    z-index: 5;
    font-size: 1rem;
}
.hsn-slider-prev { left: 12px; }
.hsn-slider-next { right: 12px; }
.hsn-slider-dots {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 5;
}
.hsn-slider-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: transparent;
    cursor: pointer;
    padding: 0;
}
.hsn-slider-dots button.is-active { background: #fff; }

/* Anasayfa bölümler */
.hsn-home-section {
    padding: 36px 12px;
}
.hsn-section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 20px;
    border-bottom: 2px solid var(--hsn-yesil);
    padding-bottom: 10px;
}
.hsn-section-head h2 {
    margin: 0;
    font-size: 1.35rem;
    color: var(--hsn-yesil-koyu);
    font-weight: 800;
}
.hsn-link-more {
    text-decoration: none;
    color: var(--hsn-mavi);
    font-weight: 600;
    white-space: nowrap;
}
.hsn-urun-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}
.hsn-urun-kart {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.2s;
}
.hsn-urun-kart:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}
.hsn-urun-kart-img {
    display: block;
    position: relative;
    background: #fafafa;
    aspect-ratio: 1;
    padding: 12px;
    overflow: hidden;
}
.hsn-urun-kart-img img {
    /* width/height:100% dikey (portre) resimlerde kutunun kendi doğal oranına göre
       büyüyüp aspect-ratio'yu görmezden geliyordu (yükseklik yüzdesi, aspect-ratio'dan
       türeyen boyuta değil resmin intrinsic oranına göre çözülüyor) — absolute+inset
       ile kutunun padding kutusuna sabitleniyor, resmin kendi boyutundan bağımsız.
       DİKKAT: width/height:auto KULLANMA — <img> replaced element olduğu için auto,
       kutuyu doldurmak yerine resmin doğal piksel boyutunu kullanır (yüklenmeden önce
       0x0, yüklendikten sonra taşan doğal boyut). calc() ile kesin piksel şart. */
    position: absolute;
    top: 12px;
    left: 12px;
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    object-fit: contain;
}
.hsn-urun-etiket {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #ffcdd2;
    color: #b71c1c;
    font-size: 0.75em;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
}
.hsn-urun-kart-body { padding: 12px 14px 16px; flex: 1; display: flex; flex-direction: column; }
.hsn-urun-marka { font-size: 0.8em; color: var(--hsn-muted); text-transform: uppercase; letter-spacing: 0.04em; }
.hsn-urun-kart h3 {
    margin: 4px 0;
    font-size: 0.95em;
    line-height: 1.35;
    flex: 1;
}
.hsn-urun-kart h3 a { color: var(--hsn-metin); text-decoration: none; }
.hsn-urun-kart h3 a:hover { color: var(--hsn-mavi); }
.hsn-urun-kod { font-size: 0.8em; color: var(--hsn-muted); margin: 0 0 8px; }
.hsn-urun-fiyat {
    font-weight: 700;
    color: var(--hsn-yesil-koyu);
    margin: 0 0 10px;
}
.hsn-urun-fiyat small { font-weight: 400; color: var(--hsn-muted); font-size: 0.85em; }

.hsn-home-gruplar { background: #fff; border-top: 1px solid var(--hsn-border); border-bottom: 1px solid var(--hsn-border); }
.hsn-esnek-grid {
    display: grid;
    grid-template-columns: repeat(var(--hsn-cols, 6), minmax(0, 1fr));
    gap: var(--hsn-grid-gap, 10px);
    width: 100%;
}
.hsn-grup-grid {
    gap: 12px;
}
.hsn-grup-grid-7x2 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto);
    gap: 10px;
    width: 100%;
    --hsn-grup-pad-y: 16px;
    --hsn-grup-min-h: 80px;
    --hsn-grup-font: 0.86em;
}
.hsn-grup-kart {
    text-decoration: none;
    color: #fff;
    padding: var(--hsn-grup-pad-y, 18px) var(--hsn-grup-pad-x, 12px);
    border-radius: 8px;
    text-align: center;
    transition: transform 0.2s, filter 0.2s;
    min-height: var(--hsn-grup-min-h, 88px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.hsn-grup-kart:hover { transform: scale(1.02); filter: brightness(1.05); }
.hsn-grup-kart i { font-size: 1.75rem; display: block; margin-bottom: 10px; opacity: 0.95; }
.hsn-grup-kart strong {
    display: block;
    font-size: var(--hsn-grup-font, 0.92em);
    margin-bottom: 4px;
    line-height: 1.25;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}
.hsn-grup-kart span { font-size: 0.78em; opacity: 0.9; white-space: nowrap; }
.hsn-grup-grid.is-lg { --hsn-grup-pad-y: 22px; --hsn-grup-min-h: 96px; --hsn-grup-font: 1em; }
.hsn-grup-grid.is-md { --hsn-grup-pad-y: 18px; --hsn-grup-min-h: 84px; --hsn-grup-font: 0.9em; }
.hsn-grup-grid.is-sm { --hsn-grup-pad-y: 14px; --hsn-grup-min-h: 76px; --hsn-grup-font: 0.82em; --hsn-grid-gap: 8px; }
.hsn-grup-kart-0 { background: linear-gradient(135deg, #00897b, #00695c); }
.hsn-grup-kart-1 { background: linear-gradient(135deg, #1976d2, #0d47a1); }
.hsn-grup-kart-2 { background: linear-gradient(135deg, #43a047, #2e7d32); }
.hsn-grup-kart-3 { background: linear-gradient(135deg, #5e35b1, #4527a0); }
.hsn-grup-kart-4 { background: linear-gradient(135deg, #00838f, #006064); }
.hsn-grup-kart-5 { background: linear-gradient(135deg, #f57c00, #e65100); }

.hsn-hakkimizda-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 28px;
    align-items: start;
}
.hsn-hakkimizda h2 { color: var(--hsn-yesil-koyu); margin-top: 0; }
.hsn-hakkimizda p { color: var(--hsn-muted); line-height: 1.65; }
.hsn-hizmet-list { list-style: none; padding: 0; margin: 16px 0 0; }
.hsn-hizmet-list li {
    padding: 6px 0;
    color: var(--hsn-metin);
    font-weight: 500;
}
.hsn-hizmet-list i { color: var(--hsn-yesil); margin-right: 8px; }
.hsn-hakkimizda-kart {
    background: linear-gradient(160deg, #e8f5e9, #e3f2fd);
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    padding: 20px;
}
.hsn-unvan { font-weight: 700; color: var(--hsn-yesil-koyu); font-size: 0.9em; margin-top: 0; }
.hsn-hakkimizda-kart p { margin: 8px 0; color: var(--hsn-metin); line-height: 1.5; }
.hsn-hakkimizda-kart a { color: var(--hsn-yesil-koyu); font-weight: 600; text-decoration: none; }
.hsn-hakkimizda-kart a:hover { text-decoration: underline; }
.hsn-hakkimizda-kart i { color: var(--hsn-mavi); width: 20px; }
.hsn-hakkimizda-aksiyon {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(0,0,0,.08);
}

.hsn-cta-band {
    background: linear-gradient(90deg, var(--hsn-yesil-koyu), var(--hsn-mavi));
    color: #fff;
    padding: 40px 0;
}
.hsn-cta-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.hsn-cta-inner h2 { margin: 0 0 8px; font-size: 1.5rem; }
.hsn-cta-inner p { margin: 0; opacity: 0.92; max-width: 520px; }
.hsn-cta-butonlar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.hsn-btn-outline-light {
    background: transparent;
    border: 2px solid rgba(255,255,255,.85);
    color: #fff;
}
.hsn-btn-outline-light:hover { background: rgba(255,255,255,.12); color: #fff; }
.hsn-sayfa-alt-not { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

.hsn-detay-fiyatlar {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin: 16px 0;
}
.hsn-detay-fiyat-kutu {
    background: #f5f7fa;
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
    padding: 12px 16px;
    min-width: 140px;
}
.hsn-detay-fiyat-kutu strong { display: block; font-size: 1.2em; color: var(--hsn-yesil-koyu); }
.hsn-detay-fiyat-kutu span { font-size: 0.8em; color: var(--hsn-muted); }

@media (max-width: 768px) {
    .hsn-cat-flyout {
        position: static;
        display: none;
        border-left: none;
        box-shadow: none;
        border-radius: 0;
        padding-left: 12px;
        background: #f7faf8;
    }
    .hsn-home-cat-item.has-children.is-open > .hsn-cat-flyout,
    .hsn-sidebar-cat-item.has-children.is-open > .hsn-cat-flyout {
        display: block;
    }
    .hsn-mega-drop {
        width: min(100vw - 24px, 420px);
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-panel,
    #hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-panel.hsn-mega-cats-flyout,
    #hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-cats-flyout {
        width: min(100vw - 24px, 420px);
        min-width: min(100vw - 24px, 420px);
        max-width: none;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-cats-wrap,
    #hsn-kategoriler:not(.is-nav-cats-disabled):has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-wrap {
        flex-direction: column;
        display: flex;
        width: min(100vw - 24px, 420px);
        min-width: 0;
        max-width: none;
        height: auto;
        min-height: 0;
        max-height: min(80vh, 560px);
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-cats-secondary,
    #hsn-kategoriler:not(.is-nav-cats-disabled):has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-secondary,
    .hsn-mega-cats-secondary {
        display: block;
        position: static;
        flex: 1;
        width: 100%;
        min-width: 0;
        max-width: none;
        min-height: 180px;
        border-radius: 0;
        box-shadow: none;
    }
    .hsn-mega-alt-grid {
        grid-template-columns: 1fr;
    }
    .hsn-mega-alt-columns,
    .hsn-home-cats .hsn-mega-alt-columns,
    .hsn-mega-cats-pcb .hsn-mega-alt-columns {
        column-count: 1;
        column-gap: 0;
    }
    .hsn-mega-cats-flyout {
        width: min(100vw - 24px, 420px);
        min-width: min(100vw - 24px, 420px);
        max-width: none;
    }
    .hsn-home-cats {
        width: 100%;
        flex: none;
        margin-top: 0;
    }
    .hsn-mega-cats-primary {
        flex: 0 0 auto;
        width: 100%;
        min-width: 0;
        max-width: none;
        min-height: 0;
        max-height: 42%;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-alt-columns {
        height: auto;
        display: block;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-alt-section {
        width: 100%;
    }
}
@media (max-width: 960px) {
    .hsn-catalog-layout { grid-template-columns: 1fr; }
    .hsn-catalog { grid-template-columns: 1fr; }
    .hsn-sidebar {
        position: static;
        max-height: none;
        overflow: visible;
    }
    .hsn-header-row {
        flex-wrap: wrap;
        height: auto;
        min-height: 0;
        max-height: none;
        padding: 8px 10px;
        gap: 10px;
    }
    .hsn-search {
        order: 3;
        width: 100%;
        max-width: none;
        position: relative;
        z-index: 110;
    }
    .hsn-search > .hsn-ara-oneri {
        z-index: 111;
    }
    .hsn-nav {
        height: auto;
        min-height: 44px;
        max-height: none;
        position: relative;
        z-index: 90;
    }
    .hsn-body-home .hsn-nav-inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        max-width: none;
        margin: 0;
        padding: 6px 8px;
        gap: 6px;
        min-height: 44px;
        height: auto;
    }
    .hsn-body-home #hsn-kategoriler {
        width: auto;
        flex: 1 1 140px;
        min-width: 0;
        grid-column: auto;
        z-index: auto;
    }
    #hsn-kategoriler.hsn-mega-drop {
        width: auto;
        min-width: 0;
        max-width: 100%;
    }
    #hsn-kategoriler {
        z-index: auto;
    }
    .hsn-body-home .hsn-nav-rest {
        grid-column: auto;
        flex: 1 1 100%;
        width: 100%;
        order: 2;
    }
    .hsn-footer-grid { grid-template-columns: 1fr; }
    .hsn-bannerlar { grid-template-columns: 1fr; }
    .hsn-detay-grid { grid-template-columns: 1fr; }
    .hsn-form-grid { grid-template-columns: 1fr; }
    .col-marka { display: none; }
    .col-fiyat-ozel { display: none; }
    .hsn-catalog-toolbar { flex-direction: column; }
    .hsn-toolbar-ara { width: 100%; min-width: 0; }
    .hsn-slide { min-height: 260px; }
    .hsn-slide-inner { min-height: 260px; }
    .hsn-hakkimizda-grid { grid-template-columns: 1fr; }
    .hsn-topbar-sag { font-size: 0.82em; }
    .hsn-sosyal-inner { justify-content: center; }
}

/* Anasayfa hero — pcbayi top-section (detay: dosya sonu bloğu) */
.hsn-home-hero {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    min-height: var(--hsn-home-slider-h);
    min-width: 0;
    padding: var(--hsn-cat-panel-mt) 0 0;
    overflow: visible;
}
.hsn-home-cats {
    box-sizing: border-box;
    position: relative;
    z-index: 40;
    margin-top: 0;
    width: var(--hsn-home-cats-w);
    flex: 0 0 var(--hsn-home-cats-w);
    overflow: visible;
    background: #fff;
    border: 1px solid var(--hsn-cat-panel-border);
    border-radius: var(--hsn-cat-panel-radius);
    padding: var(--hsn-cat-panel-pad);
}
.hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active),
.hsn-home-cats.is-mega-open {
    overflow: visible;
    z-index: 200;
}
.hsn-home-cats .hsn-mega-cats-flyout,
.hsn-home-cats .hsn-mega-cats-wrap {
    width: 100%;
    min-height: 0;
}
.hsn-home-cats .hsn-mega-cats-primary {
    min-height: 0;
    height: auto;
    /* .hsn-mega-cats-primary'nin genel kuralı (--hsn-cat-panel-w sabit genişlik + kendi
       border'ı) burada uygun değil — .hsn-home-cats zaten kendi çerçevesini (border+
       padding) sağlıyor. Sabit genişlik + ikinci bir border, üst konteynerin (wrap, artık
       padding'i doğru hesaba katıyor) genişliğinden taşmasına yol açıyordu. */
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
    border: none;
    border-radius: 0;
}
.hsn-home-cat-list { list-style: none; margin: 0; padding: 0; }
.hsn-home-cat-item {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--hsn-cat-font-size);
    font-weight: 400;
    line-height: var(--hsn-cat-line-height);
    color: var(--hsn-cat-color);
}
.hsn-home-cat-item > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 0;
    text-decoration: none;
    color: inherit;
    font: inherit;
    border: none;
}
.hsn-home-cat-item > a:hover,
.hsn-home-cat-item.has-children:hover > a {
    background: transparent;
    color: var(--hsn-yesil-koyu);
}
.hsn-cat-flyout {
    display: none;
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    box-sizing: border-box;
    width: var(--hsn-cat-panel-w);
    min-width: var(--hsn-cat-panel-w);
    max-width: var(--hsn-cat-panel-w);
    min-height: 220px;
    background: #fff;
    border: 1px solid var(--hsn-cat-panel-border);
    border-radius: var(--hsn-cat-panel-radius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    z-index: 80;
    padding: var(--hsn-cat-panel-pad);
    font-family: var(--hsn-menu-font);
    font-size: var(--hsn-cat-font-size);
    font-weight: 400;
    line-height: var(--hsn-cat-line-height);
    color: var(--hsn-cat-color);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hsn-home-cat-item.has-children:hover > .hsn-cat-flyout,
.hsn-sidebar-cat-item.has-children:hover > .hsn-cat-flyout {
    display: block;
}
.hsn-cat-flyout-title {
    margin: 0 0 8px;
    padding: 0 0 8px;
    font-size: var(--hsn-cat-font-size);
    font-weight: 600;
    line-height: var(--hsn-cat-line-height);
    color: var(--hsn-cat-color);
    border-bottom: 1px solid var(--hsn-cat-panel-border);
}
.hsn-cat-flyout ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 400px;
    overflow-y: auto;
}
.hsn-cat-flyout li {
    list-style: none;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
}
.hsn-cat-flyout li a {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0;
    text-decoration: none;
    color: inherit;
    font: inherit;
    line-height: var(--hsn-cat-line-height);
}
.hsn-cat-flyout li + li { margin-top: 4px; }
.hsn-cat-flyout li a:hover {
    color: var(--hsn-yesil-koyu);
}
.hsn-cat-flyout li a em {
    font-style: normal;
    color: var(--hsn-muted);
    font-size: inherit;
}
.hsn-cat-flyout-all {
    display: block;
    margin: 8px 0 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    font-weight: 600;
    font-size: var(--hsn-cat-font-size);
    line-height: var(--hsn-cat-line-height);
    color: var(--hsn-yesil-koyu);
    border-top: 1px solid var(--hsn-cat-panel-border);
    padding-top: 8px;
}
.hsn-cat-flyout-all:hover { color: var(--hsn-yesil-hover); }
.hsn-sidebar-cat-list {
    list-style: none;
    margin: 0;
    padding: var(--hsn-cat-panel-pad);
    border: 1px solid var(--hsn-cat-panel-border);
    border-radius: var(--hsn-cat-panel-radius);
    font-family: var(--hsn-menu-font);
    font-size: var(--hsn-cat-font-size);
    font-weight: 400;
    line-height: var(--hsn-cat-line-height);
    color: var(--hsn-cat-color);
}
.hsn-sidebar-cat-item {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font: inherit;
    color: inherit;
}
.hsn-sidebar-cat-item + .hsn-sidebar-cat-item { margin-top: 4px; }
.hsn-sidebar-cat-item > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 0;
    text-decoration: none;
    color: inherit;
    font: inherit;
    border: none;
}
.hsn-sidebar-cat-item > a:hover,
.hsn-sidebar-cat-item > a.active,
.hsn-sidebar-cat-item.has-children:hover > a {
    color: var(--hsn-yesil-koyu);
    font-weight: inherit;
}
.hsn-home-slider-wrap { min-width: 0; }
.hsn-home-slider-wrap .hsn-slider { border-radius: 4px; }
.hsn-home-side-banners { display: flex; flex-direction: column; gap: 12px; }
.hsn-side-banner {
    flex: 1;
    min-height: 120px;
    border-radius: 4px;
    padding: 16px;
    color: #fff;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.hsn-side-banner strong { font-size: 1.1em; }
.hsn-side-banner span { font-size: 0.85em; opacity: 0.9; }
.hsn-urun-fiyat { color: var(--hsn-yesil-koyu); font-weight: 800; font-size: 1.05em; }

/* Profil (pcbayi sidebar) */
.hsn-profil-wrap { padding-bottom: 32px; }
.hsn-profil-layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 20px;
    align-items: start;
}
.hsn-profil-sidebar {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    padding: 8px 0 12px;
    position: sticky;
    top: 120px;
}
.hsn-profil-sidebar nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    text-decoration: none;
    color: var(--hsn-metin);
    font-weight: 500;
    border-left: 3px solid transparent;
}
.hsn-profil-sidebar nav a.is-active {
    color: var(--hsn-yesil-koyu);
    border-left-color: var(--hsn-yesil);
    background: #e8f8f0;
    font-weight: 700;
}
.hsn-profil-sidebar nav a:hover { background: #f5f5f5; }
.hsn-sidebar-compare {
    display: block;
    margin: 12px 12px 0;
    padding: 10px;
    text-align: center;
    background: var(--hsn-yesil);
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
}
.hsn-profil-main { min-width: 0; }
.hsn-profil-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}
.hsn-profil-head h1 { margin: 0 0 4px; font-size: 1.5rem; }
.hsn-profil-card {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    padding: 20px;
}
.hsn-btn-blue {
    background: #3498db;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}
.hsn-btn-blue:hover { background: #2980b9; color: #fff; }
.hsn-order-card {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 16px;
    align-items: center;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    padding: 14px 16px;
    margin-bottom: 10px;
}
.hsn-order-no { color: var(--hsn-yesil-koyu); font-weight: 700; text-decoration: none; }
.hsn-order-status { color: var(--hsn-yesil-koyu); font-size: 0.9em; margin-left: 12px; }
.hsn-order-price { color: var(--hsn-yesil-koyu); font-size: 1.1em; }

/* Footer pcbayi */
.hsn-footer-top {
    background: var(--hsn-footer-ust);
    color: #ecf0f1;
    padding: 40px 0;
}
.hsn-footer-logo { font-size: 1.4em; color: #fff; display: block; margin-bottom: 10px; }
.hsn-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 32px;
}
.hsn-footer-social a {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.1);
    color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    text-decoration: none;
}
.hsn-footer-office h5 { color: #fff; margin: 0 0 12px; }
.hsn-footer-office p { margin: 6px 0; font-size: 0.9em; opacity: 0.9; }
.hsn-footer-map-link { margin-top: 10px !important; }
.hsn-footer-map-link a {
    color: #a5f3c0;
    font-weight: 600;
    text-decoration: none;
}
.hsn-footer-map-link a:hover { text-decoration: underline; }
.hsn-footer-map-link i { margin-right: 6px; }
.hsn-footer-links { background: var(--hsn-footer-alt); padding: 28px 0; }
.hsn-footer-cols {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.hsn-footer-cols h6 { color: #fff; margin: 0 0 10px; font-size: 0.9em; }
.hsn-footer-cols a {
    display: block;
    color: #aaa;
    text-decoration: none;
    font-size: 0.85em;
    padding: 3px 0;
}
.hsn-footer-cols a:hover { color: var(--hsn-yesil); }
.hsn-footer-copy {
    background: #fff;
    border-top: 1px solid var(--hsn-border);
    padding: 14px 0 calc(var(--hsn-float-dock-h) + env(safe-area-inset-bottom, 0px));
    font-size: 0.85em;
    color: var(--hsn-muted);
}
.hsn-footer-copy-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.hsn-pay-icons { color: var(--hsn-muted); }
.hsn-pay-icons i { margin-left: 8px; font-size: 1.3em; }
.hsn-float-compare {
    position: fixed;
    left: var(--hsn-float-edge);
    bottom: calc(var(--hsn-float-edge) + env(safe-area-inset-bottom, 0px));
    z-index: 90;
    background: var(--hsn-yesil);
    color: #fff;
    padding: 10px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9em;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
.hsn-destek-chat {
    position: fixed;
    right: var(--hsn-float-edge);
    bottom: calc(var(--hsn-float-edge) + env(safe-area-inset-bottom, 0px));
    z-index: 95;
}
.hsn-destek-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    color: var(--hsn-metin);
    font: inherit;
}
.hsn-destek-toggle > i {
    width: 52px;
    height: 52px;
    background: var(--hsn-yesil);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    transition: transform .15s ease, box-shadow .15s ease;
}
.hsn-destek-toggle:hover > i,
.hsn-destek-chat.is-open .hsn-destek-toggle > i {
    transform: scale(1.04);
    box-shadow: 0 6px 16px rgba(0,0,0,.22);
}
.hsn-destek-toggle-hint {
    background: #fff;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.82em;
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
    max-width: 200px;
    text-align: left;
}
.hsn-destek-panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + 12px);
    width: min(360px, calc(100vw - 32px));
    max-height: min(520px, calc(100vh - 120px));
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0,0,0,.18);
    overflow: hidden;
}
.hsn-destek-panel[hidden] { display: none !important; }
.hsn-destek-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    padding: 14px 14px 10px;
    background: linear-gradient(135deg, var(--hsn-yesil-koyu) 0%, var(--hsn-yesil) 100%);
    color: #fff;
}
.hsn-destek-head-meta strong {
    display: block;
    font-size: 1rem;
}
.hsn-destek-saat {
    display: block;
    margin-top: 4px;
    font-size: 0.72em;
    opacity: .9;
    line-height: 1.35;
}
.hsn-destek-kapat {
    border: none;
    background: rgba(255,255,255,.15);
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    flex-shrink: 0;
}
.hsn-destek-kapat:hover { background: rgba(255,255,255,.28); }
.hsn-destek-msgs {
    flex: 1;
    min-height: 120px;
    max-height: 220px;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #f7faf8;
}
.hsn-destek-msg {
    max-width: 92%;
    padding: 9px 12px;
    border-radius: 12px;
    font-size: 0.86em;
    line-height: 1.45;
}
.hsn-destek-msg.is-bot {
    align-self: flex-start;
    background: #fff;
    border: 1px solid var(--hsn-border);
    color: var(--hsn-metin);
    border-bottom-left-radius: 4px;
}
.hsn-destek-msg.is-user {
    align-self: flex-end;
    background: var(--hsn-yesil);
    color: #fff;
    border-bottom-right-radius: 4px;
}
.hsn-destek-msg.is-system {
    align-self: center;
    background: #e8f5e9;
    color: var(--hsn-yesil-koyu);
    font-size: 0.8em;
    text-align: center;
}
.hsn-destek-quick {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 12px 0;
}
.hsn-destek-chip {
    border: 1px solid var(--hsn-border);
    background: #fff;
    color: var(--hsn-metin);
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 0.78em;
    cursor: pointer;
}
.hsn-destek-chip:hover,
.hsn-destek-chip.is-active {
    border-color: var(--hsn-yesil);
    color: var(--hsn-yesil-koyu);
    background: #e8f5e9;
}
.hsn-destek-form {
    padding: 10px 12px 8px;
}
.hsn-destek-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-bottom: 6px;
}
.hsn-destek-input,
.hsn-destek-textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    padding: 8px 10px;
    font: inherit;
    font-size: 0.84em;
    resize: none;
}
.hsn-destek-input:focus,
.hsn-destek-textarea:focus {
    outline: none;
    border-color: var(--hsn-yesil);
    box-shadow: 0 0 0 2px rgba(46, 125, 50, .12);
}
.hsn-destek-compose {
    display: flex;
    gap: 6px;
    align-items: flex-end;
}
.hsn-destek-textarea { flex: 1; }
.hsn-destek-gonder {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: var(--hsn-yesil);
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
}
.hsn-destek-gonder:hover { background: var(--hsn-yesil-koyu); }
.hsn-destek-gonder:disabled { opacity: .55; cursor: not-allowed; }
.hsn-destek-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    padding: 8px 12px 12px;
    border-top: 1px solid var(--hsn-border);
    background: #fff;
}
.hsn-destek-foot-link {
    font-size: 0.78em;
    color: var(--hsn-muted);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.hsn-destek-foot-link:hover { color: var(--hsn-yesil-koyu); }
.hsn-destek-foot-link.is-wa { color: #128c7e; }
.hsn-sidebar h3::before {
    content: attr(data-count);
}
@media (max-width: 1100px) {
    .hsn-home-hero { flex-wrap: wrap; }
    .hsn-home-cats { display: none; }
    .hsn-home-side-banners { flex-direction: row; }
    .hsn-profil-layout { grid-template-columns: 1fr; }
    .hsn-profil-sidebar { position: static; }
    .hsn-footer-cols { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1100px) {
    .hsn-nav-rest,
    .hsn-body-home .hsn-nav-rest {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .hsn-nav-rest::-webkit-scrollbar { display: none; }
}
@media (max-width: 768px) {
    .hsn-topbar {
        height: auto;
        min-height: 0;
        max-height: none;
    }
    .hsn-topbar-inner {
        flex-direction: column;
        align-items: stretch;
        height: auto;
        min-height: 0;
        padding: 8px 10px;
        gap: 8px;
    }
    .hsn-topbar-sol {
        width: 100%;
        gap: 6px 10px;
    }
    .hsn-topbar-sol span,
    .hsn-topbar-sol a {
        font-size: 0.78em;
        white-space: nowrap;
    }
    .hsn-topbar-sag {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 6px 10px;
        font-size: 0.78em;
    }
    .hsn-kur-pill {
        font-size: 0.82em;
        padding: 3px 8px;
    }
    .hsn-topbar-drop-btn,
    .hsn-topbar-user-btn {
        font-size: 0.92em;
    }
    .hsn-brand-img--header {
        height: 44px;
        max-height: 44px;
    }
    .hsn-nav-inner { gap: 4px; padding: 0 8px; }
    .hsn-kat-btn { padding: 6px 10px; font-size: 0.84em; }
    .hsn-nav-link { padding: 6px 8px; font-size: 0.84em; }
    .hsn-nav-wizard { padding: 6px 10px; font-size: 0.84em; }
    .hsn-destek-toggle-hint { display: none; }
    .hsn-destek-form-row { grid-template-columns: 1fr; }
    .hsn-brand-alpha { grid-template-columns: repeat(3, 1fr); }
    .hsn-account-mega { min-width: 280px; right: 0; left: auto; }

    body.hsn-mobil-kat-acik {
        overflow: hidden;
    }
    body.hsn-mobil-kat-acik::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 480;
        pointer-events: auto;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open {
        position: relative;
        z-index: 500;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open .hsn-mega-panel,
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open .hsn-mega-panel.hsn-mega-cats-flyout,
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open .hsn-mega-cats-flyout {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        max-height: min(88vh, 720px) !important;
        min-height: 0 !important;
        height: auto !important;
        border-radius: 14px 14px 0 0;
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.22);
        z-index: 501;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        border: 1px solid var(--hsn-border);
        padding: 0;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open .hsn-mega-cats-wrap,
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-wrap {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex-direction: column;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open .hsn-mega-cats-primary {
        max-height: none;
        width: 100%;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open .hsn-mega-cats-secondary {
        width: 100%;
        min-height: 0;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-wrap,
    .hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-wrap {
        flex-direction: column !important;
        display: flex !important;
        height: auto !important;
        max-height: none !important;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-primary,
    .hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-primary {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        max-height: 38vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        border-right: none !important;
        border-bottom: 1px solid var(--hsn-border);
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-secondary,
    .hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-secondary {
        display: block !important;
        visibility: visible !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 120px;
        max-height: none !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        border-top: 2px solid var(--hsn-yesil);
        background: #f8fbf9;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-alt-pane.is-active,
    .hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-alt-pane.is-active {
        display: block !important;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cat-item.is-active > a,
    .hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cat-item.is-active > a {
        background: #e8f8f0;
        color: var(--hsn-yesil-koyu);
        font-weight: 600;
    }
    #hsn-kategoriler:not(.is-nav-cats-disabled).is-open .hsn-mega-cats-promo {
        display: none !important;
    }

    body.hsn-body:not(.hsn-body-admin):not(.hsn-admin-giris-page):not(.hsn-body-auth) {
        zoom: 1;
        --hsn-vitrin-scale: 1;
        --ui-zoom: 1;
        overflow-x: hidden;
        max-width: 100vw;
    }
    .hsn-body-home {
        --hsn-genislik: 100%;
        --hsn-home-hero-w: 100%;
    }
    .hsn-page,
    .hsn-home,
    .hsn-home-section,
    .hsn-footer,
    .hsn-footer-top,
    .hsn-footer-links {
        max-width: 100%;
        overflow-x: hidden;
    }
    .hsn-hakkimizda-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .hsn-hakkimizda-kart,
    .hsn-hakkimizda-kart p,
    .hsn-hakkimizda-kart .hsn-unvan,
    .hsn-footer-office p,
    .hsn-footer-brand p {
        word-break: break-word;
        overflow-wrap: anywhere;
        max-width: 100%;
    }
    .hsn-footer-copy-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .hsn-footer-top {
        padding: 28px 0;
    }
    .hsn-footer-top .hsn-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 0;
    }
    .hsn-footer-brand {
        width: 100%;
        padding-bottom: 18px;
    }
    .hsn-footer-brand p {
        font-size: 0.88em;
        line-height: 1.55;
        margin: 10px 0 14px;
    }
    .hsn-footer-office {
        width: 100%;
        padding-top: 18px;
        border-top: 1px solid rgba(255, 255, 255, 0.14);
    }
    .hsn-footer-office h5 {
        font-size: 1em;
        margin-bottom: 14px;
    }
    .hsn-footer-office p {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin: 10px 0;
        font-size: 0.88em;
        line-height: 1.5;
        opacity: 1;
    }
    .hsn-footer-office p i {
        flex-shrink: 0;
        width: 18px;
        margin-top: 3px;
        opacity: 0.9;
    }
    .hsn-footer-map-link {
        margin-top: 14px !important;
    }
    .hsn-footer-map-link a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
    .hsn-footer-cols-6 {
        grid-template-columns: 1fr 1fr;
        gap: 16px 12px;
    }
    .hsn-home-hero,
    .hsn-body-home .hsn-container.hsn-home-hero {
        max-width: 100%;
        overflow-x: hidden;
    }
}

/* ——— pcbayi v10: header mega, anasayfa, modal ——— */
.hsn-topbar-drop { position: relative; }
.hsn-topbar-drop-btn,
.hsn-topbar-user-btn {
    background: none;
    border: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-weight: 500;
}
.hsn-topbar-drop-btn:hover,
.hsn-topbar-user-btn:hover { color: var(--hsn-yesil-koyu); }
.hsn-topbar-drop-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 180px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
    border-radius: 4px;
    padding: 8px 0;
    z-index: 400;
}
.hsn-topbar-drop:hover .hsn-topbar-drop-menu,
.hsn-topbar-drop.is-open .hsn-topbar-drop-menu { display: block; }
.hsn-topbar-drop-menu a {
    display: block;
    padding: 8px 14px;
    text-decoration: none;
    color: var(--hsn-metin);
    font-size: 0.9em;
}
.hsn-topbar-drop-menu a:hover { background: #e8f8f0; color: var(--hsn-yesil-koyu); }
.hsn-topbar-pb { color: var(--hsn-muted); font-size: 0.9em; }
.hsn-topbar-user-mega { position: relative; }
.hsn-account-mega {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 320px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    box-shadow: 0 12px 32px rgba(0,0,0,.15);
    border-radius: 6px;
    z-index: 400;
    overflow: hidden;
}
.hsn-topbar-user-mega:hover .hsn-account-mega,
.hsn-topbar-user-mega.is-open .hsn-account-mega { display: block; }
.hsn-account-mega-head {
    padding: 14px 16px;
    background: #f8f9fa;
    border-bottom: 1px solid var(--hsn-border);
    text-align: center;
}
.hsn-account-mega-head p { margin: 0; font-size: 0.9em; }
.hsn-account-mega-head small { color: var(--hsn-muted); }
.hsn-account-mega-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    text-decoration: none;
    color: var(--hsn-metin);
    font-size: 0.92em;
    border-bottom: 1px solid #f5f5f5;
}
.hsn-account-mega-links a i { color: var(--hsn-yesil); width: 18px; }
.hsn-account-mega-links a:hover { background: #e8f8f0; }
.hsn-haction em.is-zero { display: inline-flex; }
.hsn-nav-link-btn {
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
}
.hsn-mega-cats-panel { padding: 0; min-width: var(--hsn-cat-panel-w); }
#hsn-kategoriler {
    position: relative;
    z-index: 250;
}
#hsn-kategoriler .hsn-mega-panel,
#hsn-kategoriler.hsn-mega-drop.is-open .hsn-mega-panel,
#hsn-kategoriler .hsn-mega-panel.hsn-mega-cats-flyout {
    width: auto;
    min-width: var(--hsn-cat-panel-w);
    max-width: none;
    max-height: none;
    overflow: visible;
    padding: 0;
    margin-top: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}
#hsn-kategoriler::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 6px;
}
.hsn-mega-cats-flyout,
.hsn-mega-panel.hsn-mega-cats-flyout {
    width: var(--hsn-cat-panel-w);
    min-width: var(--hsn-cat-panel-w);
    max-width: var(--hsn-cat-panel-w);
    max-height: none;
    overflow: visible;
}
#hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-cats-wrap {
    display: block;
    position: relative;
    width: var(--hsn-cat-panel-w);
    min-height: 0;
    box-sizing: border-box;
}
#hsn-kategoriler:not(.is-nav-cats-disabled):has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    position: relative;
    left: 0;
    top: 0;
    width: var(--hsn-nav-mega-panel-w);
    min-width: var(--hsn-nav-mega-panel-w);
    max-width: var(--hsn-nav-mega-panel-w);
    height: var(--hsn-nav-mega-h);
    min-height: var(--hsn-nav-mega-h);
    max-height: var(--hsn-nav-mega-h);
    border: 1px solid var(--hsn-cat-panel-border);
    border-radius: var(--hsn-cat-panel-radius);
    background: #fff;
    box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}
#hsn-kategoriler:not(.is-nav-cats-disabled):has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-panel,
#hsn-kategoriler:not(.is-nav-cats-disabled):has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-flyout {
    width: auto;
    min-width: var(--hsn-nav-mega-panel-w);
    max-width: var(--hsn-nav-mega-panel-w);
}
.hsn-mega-cats-wrap {
    display: flex;
    align-items: stretch;
    min-height: 0;
}
.hsn-mega-cats-primary {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 var(--hsn-cat-panel-w);
    flex-grow: 0;
    flex-shrink: 0;
    width: var(--hsn-cat-panel-w);
    min-width: var(--hsn-cat-panel-w);
    max-width: var(--hsn-cat-panel-w);
    min-height: 0;
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid var(--hsn-cat-panel-border);
    border-radius: var(--hsn-cat-panel-radius);
    font-family: var(--hsn-menu-font);
    font-size: var(--hsn-cat-font-size);
    font-weight: 400;
    line-height: var(--hsn-cat-line-height);
    color: var(--hsn-cat-color);
    text-align: start;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}
.hsn-mega-cats-title {
    display: none;
}
.hsn-mega-cat-list {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}
.hsn-mega-cat-item {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
}
.hsn-mega-cat-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    text-decoration: none;
    color: inherit;
    font: inherit;
    line-height: var(--hsn-cat-line-height);
    border: none;
    border-bottom: 1px solid #ececec;
}
.hsn-mega-cat-item:last-child > a { border-bottom: none; }
.hsn-mega-cat-label { flex: 1; min-width: 0; }
.hsn-mega-cat-meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.hsn-mega-cat-meta em {
    font-style: normal;
    font-size: 0.82em;
    color: var(--hsn-muted);
    min-width: 1.5em;
    text-align: right;
}
.hsn-mega-cat-meta i {
    font-size: 0.7em;
    color: var(--hsn-yesil-koyu);
    opacity: 0.7;
}
.hsn-mega-cat-item.is-active > a,
.hsn-mega-cat-list a:hover {
    background: #f5f5f5;
    color: var(--hsn-yesil-koyu);
}
.hsn-mega-cat-item.has-children.is-active > a .hsn-mega-cat-meta i,
.hsn-mega-cat-item.has-children:hover > a .hsn-mega-cat-meta i {
    opacity: 1;
}
.hsn-mega-all {
    display: block;
    margin-top: 8px;
    padding: 8px 0 0;
    text-decoration: none;
    font-weight: 600;
    font-size: var(--hsn-cat-font-size);
    line-height: var(--hsn-cat-line-height);
    color: var(--hsn-yesil-koyu);
    border-top: 1px solid var(--hsn-cat-panel-border);
    background: transparent;
}
.hsn-mega-all:hover { color: var(--hsn-yesil-hover); }
.hsn-mega-cats-secondary {
    box-sizing: border-box;
    position: relative;
    flex: 1;
    min-width: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--hsn-cat-panel-pad);
    background: #fff;
    border: 1px solid var(--hsn-cat-panel-border);
    border-radius: var(--hsn-cat-panel-radius);
    font-family: var(--hsn-menu-font);
    font-size: var(--hsn-cat-font-size);
    font-weight: 400;
    line-height: var(--hsn-cat-line-height);
    color: var(--hsn-cat-color);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-cats-secondary {
    display: none !important;
}
#hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-cats-promo {
    display: none;
}
#hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-cats-wrap:has(.hsn-mega-cat-item.has-children.is-active) {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
#hsn-kategoriler:not(.is-nav-cats-disabled):has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-secondary {
    display: block !important;
    position: static;
    left: auto;
    top: auto;
    flex: 1 1 var(--hsn-nav-mega-mid-w);
    width: auto;
    min-width: 0;
    max-width: none;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    align-self: stretch;
    margin: 0;
    padding: var(--hsn-cat-panel-pad);
    box-sizing: border-box;
    border: none !important;
    border-radius: 0;
    box-shadow: none !important;
    overflow-x: auto;
    overflow-y: auto;
    pointer-events: auto;
    background: #fff;
}
#hsn-kategoriler:not(.is-nav-cats-disabled):has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-primary {
    flex: 0 0 var(--hsn-cat-panel-w);
    width: var(--hsn-cat-panel-w);
    min-width: var(--hsn-cat-panel-w);
    max-width: var(--hsn-cat-panel-w);
    height: 100%;
    min-height: 100%;
    align-self: stretch;
    margin: 0;
    padding: var(--hsn-cat-panel-pad);
    border: none;
    border-right: 1px solid var(--hsn-cat-panel-border);
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-sizing: border-box;
    box-shadow: none;
}
#hsn-kategoriler:not(.is-nav-cats-disabled):has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-promo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--hsn-nav-mega-promo-w);
    width: var(--hsn-nav-mega-promo-w);
    min-width: var(--hsn-nav-mega-promo-w);
    max-width: var(--hsn-nav-mega-promo-w);
    height: 100%;
    min-height: 100%;
    align-self: stretch;
    margin: 0;
    padding: var(--hsn-home-mega-promo-pad, 14px);
    border: none;
    border-left: 1px solid var(--hsn-cat-panel-border);
    border-radius: 0;
    overflow: hidden;
    background: #f8f9fa;
    box-sizing: border-box;
    position: relative;
}
#hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-alt-columns {
    column-count: unset;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    height: 430px;
    gap: 0;
}
#hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-alt-section {
    width: 25%;
    margin: 0 0 15px;
    break-inside: avoid;
}
#hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-cat-list {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(var(--hsn-nav-mega-h) - 20px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
}
#hsn-kategoriler:not(.is-nav-cats-disabled):not(:has(.hsn-mega-cat-item.has-children.is-active)) .hsn-mega-cats-primary {
    height: auto;
    border: none;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: transparent;
    padding: var(--hsn-cat-panel-pad);
}
#hsn-kategoriler:not(.is-nav-cats-disabled):hover:not(:has(.hsn-mega-cat-item.has-children.is-active)) .hsn-mega-cats-wrap,
#hsn-kategoriler:not(.is-nav-cats-disabled):focus-within:not(:has(.hsn-mega-cat-item.has-children.is-active)) .hsn-mega-cats-wrap {
    background: #fff;
    border: 1px solid var(--hsn-cat-panel-border);
    border-radius: var(--hsn-cat-panel-radius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}
#hsn-kategoriler:not(.is-nav-cats-disabled).is-mega-open {
    overflow: visible;
}
#hsn-kategoriler:not(.is-nav-cats-disabled) .hsn-mega-promo-pane .hsn-mega-promo-kare {
    width: min(100%, calc(var(--hsn-nav-mega-h) - 28px - 20px));
    max-height: calc(var(--hsn-nav-mega-h) - 28px - 20px);
}
.hsn-mega-alt-pane {
    display: none;
    padding: 0;
    font: inherit;
    color: inherit;
}
.hsn-mega-alt-pane.is-active { display: block; }
.hsn-mega-alt-empty {
    margin: 0;
    font-size: 0.88em;
    color: var(--hsn-muted);
    line-height: 1.5;
}
/* pcbayi tarzı kategori mega menü */
.hsn-mega-cats-pcb .hsn-mega-cat-meta em { display: none; }
.hsn-mega-cats-pcb .hsn-mega-cat-label {
    text-transform: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}
.hsn-mega-cats-pcb .hsn-mega-cat-list a {
    padding: 5px 6px;
    font-size: 14px;
    line-height: 21px;
    border-bottom: none;
    border-radius: var(--bs-border-radius, 4px);
    color: var(--hsn-cat-color);
}
.hsn-mega-cats-pcb .hsn-mega-cat-meta i {
    font-size: 10px;
    color: #adb5bd;
    opacity: 1;
}
.hsn-mega-cats-pcb .hsn-mega-cat-item.is-active > a,
.hsn-mega-cats-pcb .hsn-mega-cat-list a:hover {
    background: #f2f2f2;
    color: var(--hsn-yesil-koyu);
}
.hsn-home-cats .hsn-mega-cats-pcb .hsn-mega-cat-item.is-active > a,
.hsn-home-cats .hsn-mega-cats-pcb .hsn-mega-cat-list a:hover {
    background: #f2f2f2;
}
.hsn-mega-cats-pcb .hsn-mega-cat-item.is-active > a .hsn-mega-cat-meta i,
.hsn-mega-cats-pcb .hsn-mega-cat-item.has-children:hover > a .hsn-mega-cat-meta i {
    color: var(--hsn-yesil-koyu);
}
.hsn-home-cats .hsn-mega-cats-pcb .hsn-mega-cats-secondary {
    padding: var(--hsn-cat-panel-pad);
}
.hsn-mega-cats-pcb .hsn-mega-cats-secondary {
    padding: var(--hsn-cat-panel-pad);
}
.hsn-mega-cats-pcb .hsn-mega-alt-columns {
    column-count: 4;
    column-gap: 28px;
}
.hsn-mega-cats-pcb .hsn-mega-alt-section {
    break-inside: avoid;
    margin: 0 0 14px;
    page-break-inside: avoid;
}
.hsn-mega-cats-pcb .hsn-mega-alt-section-title {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-transform: none;
}
.hsn-mega-cats-pcb .hsn-mega-alt-section-title a {
    color: #212529;
}
.hsn-mega-cats-pcb .hsn-mega-alt-section-links > li > a {
    font-size: 13px;
    line-height: 20px;
    color: #555;
    padding: 2px 0;
}
.hsn-mega-cats-pcb .hsn-mega-alt-section-links > li + li {
    margin-top: 2px;
}
.hsn-mega-cats-pcb .hsn-mega-alt-sub {
    display: none;
}
.hsn-mega-alt-columns {
    column-count: 4;
    column-gap: 28px;
}
.hsn-mega-alt-section {
    break-inside: avoid;
    margin: 0 0 14px;
    page-break-inside: avoid;
}
.hsn-mega-alt-section-title {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    text-transform: none;
}
.hsn-mega-alt-section-title a {
    color: var(--hsn-cat-color);
    text-decoration: none;
}
.hsn-mega-alt-section-title a:hover {
    color: var(--hsn-yesil-koyu);
}
.hsn-mega-alt-section-links,
.hsn-mega-alt-sub {
    list-style: none;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
}
.hsn-mega-alt-section-links > li,
.hsn-mega-alt-sub > li {
    list-style: none;
    margin: 0;
    padding: 0;
    font: inherit;
}
.hsn-mega-alt-section-links > li + li,
.hsn-mega-alt-sub > li + li {
    margin-top: 4px;
}
.hsn-mega-alt-section-links > li > a,
.hsn-mega-alt-sub > li > a {
    display: block;
    padding: 0;
    text-decoration: none;
    color: inherit;
    font: inherit;
    line-height: var(--hsn-cat-line-height);
}
.hsn-mega-alt-section-links a:hover,
.hsn-mega-alt-sub a:hover {
    color: var(--hsn-yesil-koyu);
}
.hsn-mega-alt-sub {
    margin: 4px 0 4px 10px;
    padding-left: 8px;
    border-left: 1px solid var(--hsn-cat-panel-border);
}
.hsn-mega-alt-sub a {
    color: inherit;
}
.hsn-mega-alt-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 6px 14px;
}
.hsn-mega-alt-grid a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 0;
    border-radius: 0;
    text-decoration: none;
    color: var(--hsn-cat-color);
    font-size: var(--hsn-cat-font-size);
    line-height: var(--hsn-cat-line-height);
    border: none;
}
.hsn-mega-alt-grid a:hover {
    background: #f1f8f4;
    border-color: #c8e6c9;
    color: var(--hsn-yesil-koyu);
}
.hsn-mega-alt-grid em {
    font-style: normal;
    font-size: 0.85em;
    color: var(--hsn-muted);
}
.hsn-mega-alt-grid.is-nested,
.hsn-cat-flyout-alt.is-nested,
.hsn-filtre-alt-list.is-nested {
    display: block;
    grid-template-columns: none;
    margin: 4px 0 4px 12px;
    padding-left: 10px;
    border-left: 2px solid #e8f5e9;
    gap: 2px;
}
.hsn-mega-alt-grid .is-child > a,
.hsn-cat-flyout-alt .is-child > a,
.hsn-filtre-alt-list .is-child > a {
    font-size: 0.84em;
    padding: 6px 8px;
}
.hsn-cat-flyout-alt {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hsn-cat-flyout-alt a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    text-decoration: none;
    color: var(--hsn-metin);
    font-size: 0.88em;
    border-radius: 4px;
}
.hsn-cat-flyout-alt a:hover {
    background: #f1f8f4;
    color: var(--hsn-yesil-koyu);
}
.hsn-cat-flyout-alt em {
    font-style: normal;
    font-size: 0.85em;
    color: var(--hsn-muted);
}
.hsn-filtre-alt-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hsn-filtre-alt-agac > .hsn-filtre-alt-list > li + li {
    border-top: 1px solid #f0f0f0;
}
.hsn-filtre-alt-item {
    display: flex;
    align-items: stretch;
    min-width: 0;
}
.hsn-filtre-alt-toggle {
    flex: 0 0 28px;
    width: 28px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--hsn-muted);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hsn-filtre-alt-toggle.is-leaf {
    flex: 0 0 28px;
    visibility: hidden;
}
.hsn-filtre-alt-toggle i {
    font-size: 0.68em;
    transition: transform 0.2s ease;
}
.hsn-filtre-alt-list li.is-open > .hsn-filtre-alt-item .hsn-filtre-alt-toggle i {
    transform: rotate(90deg);
}
.hsn-filtre-alt-item > a {
    flex: 1;
    min-width: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 7px 8px 7px 0;
    text-decoration: none;
    color: var(--hsn-metin);
    font-size: 0.88em;
    border-radius: 4px;
}
.hsn-filtre-alt-list a {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px;
    text-decoration: none;
    color: var(--hsn-metin);
    font-size: 0.88em;
    border-radius: 4px;
}
.hsn-filtre-alt-item > a:hover,
.hsn-filtre-alt-list a:hover {
    background: #f1f8f4;
    color: var(--hsn-yesil-koyu);
}
.hsn-filtre-alt-list em {
    font-style: normal;
    font-size: 0.82em;
    color: var(--hsn-muted);
    flex-shrink: 0;
}
.hsn-filtre-alt-agac .hsn-filtre-alt-list.is-nested.is-collapsed {
    display: none;
}
.hsn-filtre-alt-agac .hsn-filtre-alt-list.is-nested {
    display: block;
    margin: 0;
    padding: 0 0 4px 18px;
    border-left: 2px solid #e8f5e9;
}
.hsn-filtre-alt-agac .hsn-filtre-alt-list.is-nested .is-child > .hsn-filtre-alt-item > a {
    font-size: 0.84em;
    padding-top: 6px;
    padding-bottom: 6px;
}
.hsn-mega-brands-panel {
    left: 0;
    right: auto;
    width: auto;
    min-width: min(920px, 95vw);
    max-width: none;
    max-height: 70vh;
    overflow: auto;
    padding: 16px;
}
.hsn-mega-drop.is-open .hsn-mega-panel.hsn-mega-brands-panel {
    width: auto;
    min-width: min(920px, 95vw);
    max-width: none;
}
#hsn-markalar .hsn-mega-panel {
    left: 0;
    right: auto;
    top: 100%;
}
.hsn-brand-alpha {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px 20px;
}
.hsn-brand-letter { color: var(--hsn-yesil); font-size: 1.1em; display: block; margin-bottom: 6px; }
.hsn-brand-col ul { list-style: none; margin: 0; padding: 0; }
.hsn-brand-col a {
    font-size: 0.82em;
    color: var(--hsn-metin);
    text-decoration: none;
    display: block;
    padding: 2px 0;
}
.hsn-brand-col a:hover { color: var(--hsn-yesil-koyu); }
.hsn-mega-empty { margin: 0; padding: 12px; color: var(--hsn-muted); }
.hsn-nav-wizard {
    border: none;
    cursor: pointer;
    font: inherit;
}
.hsn-home-center { min-width: 0; }
.hsn-home-hero .hsn-home-center {
    display: block;
    height: calc(var(--hsn-home-slider-h) - var(--hsn-cat-panel-mt));
    box-sizing: border-box;
}
.hsn-home-promo-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.hsn-promo-tile {
    min-height: 72px;
    border-radius: 4px;
    padding: 12px 14px;
    color: #fff;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.hsn-promo-tile strong { font-size: 1em; }
.hsn-promo-tile span { font-size: 0.82em; opacity: 0.92; }
.hsn-urun-carousel-wrap {
    position: relative;
}
.hsn-urun-carousel-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.hsn-urun-carousel-viewport::-webkit-scrollbar {
    display: none;
}
.hsn-urun-carousel-viewport.hsn-urun-grid-katalog {
    padding: 4px 0 8px;
}
.hsn-urun-carousel-track {
    display: flex;
    gap: 14px;
    width: max-content;
}
.hsn-urun-carousel-viewport.hsn-urun-grid-katalog .hsn-urun-carousel-track {
    gap: 18px;
}
.hsn-urun-carousel-viewport .hsn-urun-kart-pcb {
    flex: 0 0 300px;
    scroll-snap-align: start;
}
.hsn-urun-carousel-viewport.hsn-urun-grid-katalog .hsn-urun-kart-pcb {
    /* JS (b2c.js) viewport genişliğine göre --hsn-carousel-kart-w'yi hesaplayıp tam 5 kart
       sığacak şekilde ayarlıyor — clamp() ile sabit vw oranı, viewport genişliğine göre
       6. kartın yarım görünmesine yol açıyordu. JS çalışmadan önce (veya JS kapalıysa)
       clamp() değeri fallback olarak kalıyor. */
    flex: 0 0 var(--hsn-carousel-kart-w, clamp(200px, 19vw, 320px));
    width: var(--hsn-carousel-kart-w, clamp(200px, 19vw, 320px));
}
.hsn-urun-carousel-nav {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--hsn-border);
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--hsn-yesil-koyu);
    transition: opacity .15s, visibility .15s;
}
.hsn-urun-carousel-nav:hover {
    background: var(--hsn-yesil-koyu);
    color: #fff;
}
.hsn-urun-carousel-nav.hsn-urun-carousel-prev {
    left: -18px;
}
.hsn-urun-carousel-nav.hsn-urun-carousel-next {
    right: -18px;
}
.hsn-urun-carousel-nav.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
@media (max-width: 720px) {
    .hsn-urun-carousel-nav {
        display: none;
    }
}
.hsn-urun-kart-pcb {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.hsn-urun-kart-pcb .hsn-urun-kart-body { padding: 12px 12px 36px; position: relative; }
.hsn-urun-kart-pcb h3 {
    margin: 0 0 8px;
    font-size: 0.88em;
    line-height: 1.35;
    font-weight: 600;
    min-height: 2.7em;
}
.hsn-urun-kart-pcb h3 a { color: var(--hsn-metin); text-decoration: none; }
.hsn-urun-kart-pcb .hsn-urun-fiyat {
    margin: 0;
    color: var(--hsn-yesil-koyu);
    font-weight: 800;
    font-size: 1.05em;
}
.hsn-urun-carousel-viewport:not(.hsn-urun-grid-katalog) .hsn-urun-kart-pcb .hsn-fiyat-kutu {
    display: block;
    width: 100%;
    cursor: default;
}
.hsn-urun-carousel-viewport:not(.hsn-urun-grid-katalog) .hsn-urun-kart-pcb .hsn-fiyat-pop {
    display: block;
    position: static;
    opacity: 1;
    transform: none;
    pointer-events: none;
    margin-top: 8px;
}
.hsn-urun-carousel-viewport:not(.hsn-urun-grid-katalog) .hsn-urun-kart-pcb .hsn-fiyat-kirilim-inner {
    min-width: 0;
    width: 100%;
    box-shadow: none;
    border-radius: 4px;
}
.hsn-urun-carousel-viewport:not(.hsn-urun-grid-katalog) .hsn-urun-kart-pcb .hsn-fiyat-kirilim-tablo {
    font-size: 0.78em;
}
.hsn-urun-carousel-viewport:not(.hsn-urun-grid-katalog) .hsn-urun-kart-pcb .hsn-fiyat-kirilim-tablo th,
.hsn-urun-carousel-viewport:not(.hsn-urun-grid-katalog) .hsn-urun-kart-pcb .hsn-fiyat-kirilim-tablo td {
    padding: 5px 6px;
}
.hsn-urun-carousel-viewport:not(.hsn-urun-grid-katalog) .hsn-urun-kart-pcb .hsn-urun-kart-body {
    padding-bottom: 44px;
}
.hsn-urun-carousel-viewport.hsn-urun-grid-katalog .hsn-urun-kart-pcb h3 {
    margin: 4px 0;
    font-size: 0.95em;
    font-weight: 600;
    min-height: 0;
}
.hsn-urun-carousel-viewport.hsn-urun-grid-katalog .hsn-urun-kart-pcb .hsn-urun-fiyat {
    font-weight: 700;
    font-size: 1em;
}
.hsn-urun-cart-ico {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 32px;
    height: 32px;
    background: var(--hsn-yesil);
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.hsn-urun-cart-ico:hover { background: var(--hsn-yesil-koyu); }
.hsn-urun-kart-talep-form {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.hsn-urun-kart-talep {
    height: 32px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    white-space: nowrap;
}
.hsn-trust-band {
    background: #fff;
    border-top: 1px solid var(--hsn-border);
    border-bottom: 1px solid var(--hsn-border);
    padding: 20px 0;
}
.hsn-trust-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    text-align: center;
}
.hsn-trust-inner i {
    display: block;
    font-size: 1.6rem;
    color: var(--hsn-yesil);
    margin-bottom: 6px;
}
.hsn-trust-inner strong { display: block; font-size: 0.95em; }
.hsn-trust-inner span { font-size: 0.82em; color: var(--hsn-muted); }
.hsn-footer-cols-6 { grid-template-columns: repeat(6, 1fr); }
.hsn-qty-step {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--hsn-border);
    border-radius: 3px;
    overflow: hidden;
}
.hsn-qty-step button {
    width: 26px;
    border: none;
    background: var(--hsn-yesil);
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    padding: 0;
}
.hsn-qty-step button:hover { background: var(--hsn-yesil-koyu); }
.hsn-qty-step .hsn-qty {
    width: 40px;
    border: none;
    border-left: 1px solid var(--hsn-border);
    border-right: 1px solid var(--hsn-border);
    border-radius: 0;
}
.hsn-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.hsn-modal-overlay[hidden] { display: none !important; }
.hsn-modal {
    background: #fff;
    border-radius: 8px;
    max-width: 720px;
    width: 100%;
    padding: 28px 24px 24px;
    position: relative;
    box-shadow: 0 16px 48px rgba(0,0,0,.25);
}
.hsn-modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    background: #f0f0f0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
}
.hsn-wizard-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 8px;
}
.hsn-wizard-card { text-align: center; padding: 16px; border: 1px solid var(--hsn-border); border-radius: 6px; }
.hsn-wizard-icon { font-size: 2.5rem; color: var(--hsn-muted); margin-bottom: 12px; }
.hsn-wizard-card p { font-size: 0.9em; color: var(--hsn-muted); min-height: 4em; }
.hsn-btn-dark {
    display: inline-block;
    background: var(--hsn-nav-koyu);
    color: #fff;
    padding: 10px 18px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
}
.hsn-btn-dark:hover { background: #1a252f; color: #fff; }
.hsn-breadcrumb { font-size: 0.85em; color: var(--hsn-muted); margin-bottom: 12px; }
.hsn-breadcrumb a { color: var(--hsn-muted); text-decoration: none; }
.hsn-breadcrumb a:hover { color: var(--hsn-yesil-koyu); }
@media (max-width: 1100px) {
    .hsn-home-hero { flex-wrap: wrap; }
    .hsn-home-promo-row { grid-template-columns: 1fr; }
    .hsn-trust-inner { grid-template-columns: repeat(2, 1fr); }
    .hsn-footer-cols-6 { grid-template-columns: repeat(3, 1fr); }
    .hsn-wizard-grid { grid-template-columns: 1fr; }
}

/* ——— pcbayi v11: hesap, sepet, giriş ——— */
.hsn-page-title { margin: 0 0 16px; font-size: 1.5rem; }
.hsn-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 16px;
    border-bottom: 2px solid var(--hsn-border);
}
.hsn-tab {
    padding: 10px 16px;
    text-decoration: none;
    color: var(--hsn-metin);
    font-weight: 600;
    font-size: 0.9em;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
}
.hsn-tab.is-active {
    background: var(--hsn-nav-koyu);
    color: #fff;
    border-bottom-color: var(--hsn-nav-koyu);
    border-radius: 4px 4px 0 0;
}
.hsn-tabs-dark .hsn-tab.is-active { background: var(--hsn-nav-koyu); color: #fff; }
.hsn-tabs-dark .hsn-tab:not(.is-active) { color: var(--hsn-muted); cursor: default; }
.hsn-profil-head-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.hsn-btn-outline-green {
    background: #fff;
    color: var(--hsn-yesil-koyu);
    border: 1px solid var(--hsn-yesil);
    padding: 10px 16px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
}
.hsn-btn-outline-green:hover { background: #e8f8f0; }
.hsn-alert-info-bar {
    background: #e3f2fd;
    border: 1px solid #90caf9;
    color: #1565c0;
    padding: 10px 14px;
    border-radius: 4px;
    margin-bottom: 14px;
    font-size: 0.9em;
}
.hsn-ozet-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border: 1px solid var(--hsn-border);
    font-size: 0.88em;
}
.hsn-ozet-table th {
    background: #f5f5f5;
    padding: 8px 10px;
    text-align: center;
    font-weight: 700;
    color: var(--hsn-muted);
    text-transform: uppercase;
    font-size: 0.78em;
}
.hsn-ozet-table td {
    padding: 12px 10px;
    text-align: center;
    font-weight: 700;
    font-size: 1.05em;
}
.hsn-tablo-ekstre thead th { background: linear-gradient(180deg, #546e7a, #37474f); color: #fff; }
.hsn-link-action { color: var(--hsn-yesil-koyu); text-decoration: none; font-size: 0.88em; }
.hsn-order-card {
    grid-template-columns: 1fr auto;
    gap: 12px;
}
.hsn-order-card-sol { display: flex; align-items: center; gap: 12px; }
.hsn-order-thumb {
    width: 48px;
    height: 48px;
    background: #f0f0f0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--hsn-muted);
}
.hsn-order-card-sag {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.hsn-order-date { font-size: 0.88em; color: var(--hsn-muted); }
.hsn-order-status { display: block; margin-left: 0; margin-top: 4px; }
.hsn-order-status.is-ok { color: var(--hsn-yesil-koyu); }
.hsn-order-kargo {
    display: block;
    margin-top: 4px;
    font-size: 0.82em;
    color: var(--hsn-mavi);
}
.hsn-order-kargo i { margin-right: 4px; color: var(--hsn-yesil-koyu); }
.hsn-btn-sm-green {
    background: var(--hsn-yesil);
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.85em;
    cursor: pointer;
}
.hsn-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
}
.hsn-banka-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}
.hsn-banka-kart {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
    overflow: hidden;
}
.hsn-banka-kart-head {
    color: #fff;
    padding: 10px 14px;
    font-weight: 700;
}
.hsn-banka-kart-body { padding: 14px; font-size: 0.9em; }
.hsn-banka-kart-body p { margin: 0 0 8px; }
.hsn-banka-kart-body span { display: block; font-size: 0.78em; color: var(--hsn-muted); text-transform: uppercase; }
.hsn-iban-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hsn-iban-row code { font-size: 0.85em; }
.hsn-copy-iban {
    border: none;
    background: var(--hsn-yesil);
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    cursor: pointer;
}
.hsn-garanti-form { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.hsn-garanti-form .tam { flex: 1; min-width: 240px; }
.hsn-input-icon { position: relative; }
.hsn-input-icon i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--hsn-muted);
}
.hsn-input-icon input { padding-left: 36px; }
.hsn-form-pcb .form-control {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    font: inherit;
}
.hsn-form-pcb label span {
    display: block;
    font-size: 0.82em;
    color: var(--hsn-muted);
    margin-bottom: 4px;
}
.hsn-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.hsn-form-grid .tam { grid-column: 1 / -1; }
.hsn-sepet-wrap { padding-bottom: 40px; }
.hsn-sepet-bos {
    text-align: center;
    padding: 48px 24px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
}
.hsn-sepet-bos i { font-size: 3rem; color: #cfd8dc; margin-bottom: 12px; }
.hsn-sepet-bos strong { display: block; font-size: 1.2rem; margin-bottom: 8px; }
.hsn-sepet-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 20px;
    align-items: start;
}
.hsn-sepet-toolbar {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}
.hsn-sepet-thumb { width: 56px; height: 56px; object-fit: contain; }
.hsn-sepet-urun-ad a { color: var(--hsn-text); text-decoration: none; }
.hsn-sepet-urun-ad a:hover { color: var(--hsn-yesil-koyu); }
.hsn-sepet-meta { display: block; font-size: 0.82em; color: var(--hsn-muted); margin-top: 4px; }
.hsn-sepet-sil { width: 40px; text-align: center; }
.hsn-btn-icon {
    border: none;
    background: transparent;
    color: #90a4ae;
    cursor: pointer;
    padding: 8px;
    font-size: 1rem;
}
.hsn-btn-icon:hover { color: #c62828; }
.hsn-sepet-aside { position: sticky; top: 120px; }
.hsn-sepet-ozet-kutu {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
    padding: 18px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.hsn-sepet-ozet-kutu h2 { margin: 0 0 14px; font-size: 1.1rem; }
.hsn-sepet-ozet-satir {
    display: flex;
    justify-content: space-between;
    margin: 0 0 8px;
    font-size: 0.92em;
}
.hsn-sepet-ozet-satir dt { color: var(--hsn-muted); }
.hsn-sepet-ozet-satir dd { margin: 0; font-weight: 600; }
.hsn-sepet-ozet-top dd strong { font-size: 1.25em; color: var(--hsn-yesil-koyu); }
.hsn-sepet-guven {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    font-size: 0.85em;
    color: var(--hsn-muted);
}
.hsn-sepet-guven li { margin-bottom: 6px; }
.hsn-sepet-guven i { color: var(--hsn-yesil); margin-right: 6px; }
.hsn-sepet-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
}
.hsn-sepet-toplam { text-align: right; }
.hsn-sepet-toplam strong { display: block; font-size: 1.35em; color: var(--hsn-yesil-koyu); margin: 6px 0 10px; }
.hsn-price-green { color: var(--hsn-yesil-koyu); font-weight: 700; }
.hsn-btn-pay {
    background: var(--hsn-yesil);
    color: #fff;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    font-size: 1em;
}
.hsn-btn-pay:hover { background: var(--hsn-yesil-koyu); color: #fff; }
.hsn-btn-pay-block { width: 100%; margin-top: 16px; }
.hsn-btn-block { width: 100%; }
.hsn-odeme-pcb { background: #fff; border: 1px solid var(--hsn-border); padding: 20px; border-radius: 4px; }
.hsn-odeme-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--hsn-border);
    padding-bottom: 10px;
}
.hsn-odeme-tab,
.hsn-odeme-tabs span.is-active {
    border: 1px solid var(--hsn-border);
    background: #f5f5f5;
    color: var(--hsn-text);
    padding: 8px 14px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.9em;
}
.hsn-odeme-tab.is-active,
.hsn-odeme-tabs span.is-active {
    background: var(--hsn-nav-koyu);
    color: #fff;
    border-color: var(--hsn-nav-koyu);
}
.hsn-odeme-tab-link { margin-left: auto; text-decoration: none; }
.hsn-odeme-layout,
.hsn-odeme-form-grid {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 24px;
}
.hsn-taksit-wrap { margin-top: 20px; }
.hsn-taksit-baslik { font-size: 1rem; margin: 0 0 6px; }
.hsn-taksit-not { font-size: 0.82em; margin: 0 0 10px; }
.hsn-taksit-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.hsn-taksit-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78em;
    min-width: 640px;
}
.hsn-taksit-tablo th,
.hsn-taksit-tablo td {
    border: 1px solid var(--hsn-border);
    padding: 6px 8px;
    text-align: center;
}
.hsn-taksit-tablo th { background: #eceff1; font-weight: 600; }
.hsn-taksit-tablo .hsn-taksit-banka-ad { text-align: left; }
.hsn-taksit-badge {
    display: inline-block;
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 0.9em;
    font-weight: 600;
}
.hsn-taksit-banka.is-match { background: rgba(46, 204, 113, 0.12); }
.hsn-taksit-banka.is-match .hsn-taksit-badge { box-shadow: 0 0 0 2px var(--hsn-yesil); }
.hsn-card-mock span {
    display: block;
    font-size: 0.45em;
    letter-spacing: 2px;
    margin-top: 8px;
    font-family: monospace;
}
.hsn-odeme-ozet-list { list-style: none; margin: 0; padding: 0; font-size: 0.88em; }
.hsn-odeme-ozet-list li {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px dashed var(--hsn-border);
}
.hsn-odeme-ozet-list em { color: var(--hsn-muted); font-style: normal; }
.hsn-checkbox { display: block; margin: 12px 0; font-size: 0.9em; }
.hsn-havale-alan { padding: 12px 0; }
.hsn-odeme-sol label { display: block; margin-bottom: 12px; font-size: 0.9em; }
.hsn-form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.hsn-card-mock {
    background: linear-gradient(135deg, #eceff1, #cfd8dc);
    border-radius: 8px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: #90a4ae;
    margin-bottom: 12px;
}
.hsn-odeme-ozet-kutu {
    background: #f8f9fa;
    border: 1px solid var(--hsn-border);
    padding: 14px;
    border-radius: 4px;
}
.hsn-odeme-ozet-kutu ul { margin: 0; padding-left: 18px; font-size: 0.88em; }
.hsn-odeme-toplam { margin-top: 12px; font-size: 1.1em; }
.hsn-fieldset { border: none; padding: 0; margin: 0 0 16px; }
.hsn-radio { display: block; margin-bottom: 8px; }
.hsn-auth-wrap {
    display: flex;
    justify-content: center;
    padding: 40px 12px 60px;
}
.hsn-auth-card {
    width: 100%;
    max-width: 420px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    padding: 28px 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
}
.hsn-auth-card-wide { max-width: 560px; }
.hsn-auth-card h1 { margin: 0 0 8px; font-size: 1.4rem; }
.hsn-auth-alt { margin-top: 16px; font-size: 0.9em; text-align: center; }
.hsn-sayfa-narrow { max-width: 820px; margin: 0 auto; padding: 24px 0 48px; }
.hsn-sayfa-icerik h1 { margin: 0 0 16px; font-size: 1.75rem; }
.hsn-prose { line-height: 1.65; color: #37474f; font-size: 0.95rem; }
.hsn-iletisim-kartlar {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 20px;
}
.hsn-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 16px;
    align-items: flex-end;
    margin-bottom: 16px;
}
.hsn-filter-bar label { margin: 0; min-width: 140px; }
.hsn-badge-info { background: #e3f2fd; color: #1565c0; font-size: 0.75rem; padding: 4px 10px; border-radius: 4px; }
.hsn-ara-wrap { position: relative; flex: 1; display: flex; align-items: stretch; flex-wrap: wrap; min-width: 0; }
.hsn-ara-wrap > input,
.hsn-ara-wrap > .hsn-ara-input { flex: 1; min-width: 0; }
.hsn-search > .hsn-ara-oneri,
.hsn-ara-wrap > .hsn-ara-oneri {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1200;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-top: 1px solid #e8f5e9;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    max-height: 320px;
    overflow-y: auto;
}
.hsn-ara-oneri:not([hidden]) {
    display: block;
}
.hsn-ara-oneri-item {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    padding: 10px 12px;
    text-decoration: none;
    color: #263238;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.88rem;
}
.hsn-ara-oneri-item:hover { background: #f1f8f4; }
.hsn-ara-oneri-item span { margin-left: auto; color: var(--hsn-yesil-koyu); font-weight: 600; }
.hsn-ara-oneri-item em { color: #78909c; font-style: normal; font-size: 0.85em; }
.hsn-toolbar-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.hsn-toolbar-sirala select,
.hsn-toolbar-stok select { min-width: 160px; padding: 6px 8px; }
.hsn-toolbar-stok select { min-width: 190px; }
.hsn-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.hsn-hdd-sonuc { margin: 10px 0; font-size: 0.95rem; color: var(--hsn-yesil-koyu); }
.hsn-wizard-card label { display: block; margin: 8px 0; font-size: 0.88rem; }
.hsn-sayfalama {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 16px 0;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #e0ebe4;
    border-radius: 8px;
    position: relative;
    z-index: 2;
    clear: both;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.hsn-sayfalama-ust { margin-top: 0; margin-bottom: 12px; }
.hsn-sayfalama-alt { margin-top: 20px; margin-bottom: 8px; }
.hsn-sayfalama-btns { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.hsn-sayfalama-info { font-size: 0.88rem; color: #607d8b; font-weight: 500; }

.hsn-daha-fazla-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 28px auto 20px;
    padding: 8px 16px 28px;
    text-align: center;
    width: 100%;
}
.hsn-daha-fazla-info,
.hsn-daha-fazla-tamam {
    margin: 0;
    font-size: 0.9rem;
    color: #607d8b;
    font-weight: 500;
}
.hsn-daha-fazla-btn {
    min-width: 240px;
    padding: 12px 28px;
    font-size: 1rem;
    font-weight: 600;
}
.hsn-daha-fazla-wrap.is-tamam .hsn-daha-fazla-btn { display: none; }
.hsn-daha-fazla-btn:disabled { opacity: 0.72; cursor: wait; }
.hsn-mega-brands-panel { max-height: min(70vh, 420px); overflow-y: auto; }
.hsn-mega-more {
    margin: 10px 14px 4px;
    padding-top: 8px;
    border-top: 1px dashed #c5d5cb;
    font-size: 0.85rem;
}
.hsn-mega-more a { color: var(--hsn-yesil-koyu); font-weight: 600; }
.hsn-pc-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}
.hsn-pc-ozet { font-weight: 600; color: var(--hsn-yesil-koyu); margin: 0 0 16px; }
.hsn-ekstre-detay-btn { background: none; border: none; cursor: pointer; padding: 0; font: inherit; }
.hsn-tablo-ekstre .hsn-link-action + .hsn-ekstre-detay-btn { margin-left: 8px; }
.hsn-benzer-urunler { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--hsn-border); }
.hsn-benzer-urunler h2 { margin: 0 0 16px; font-size: 1.2rem; color: var(--hsn-yesil-koyu); }
.hsn-benzer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
}
.hsn-benzer-kart {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
}
.hsn-benzer-kart:hover { border-color: var(--hsn-yesil); box-shadow: 0 4px 12px rgba(46,204,113,.15); }
.hsn-benzer-kart img { width: 100%; height: 100px; object-fit: contain; background: #fafafa; border-radius: 4px; }
.hsn-benzer-ad { font-size: 0.82em; color: #546e7a; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hsn-benzer-fiyat { font-weight: 700; color: var(--hsn-yesil-koyu); font-size: 0.95em; }
.hsn-benzer-stok { font-size: 0.75em; color: #2e7d32; }
.hsn-benzer-stok.is-out { color: #c62828; }
.hsn-benzer-kart .hsn-yorum-mini { margin: 2px 0 4px; font-size: 0.72em; }
.hsn-urun-yorumlar { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--hsn-border); }
.hsn-urun-yorumlar h2 { margin: 0 0 12px; font-size: 1.2rem; color: var(--hsn-yesil-koyu); }
.hsn-yorum-ozet { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; }
.hsn-yorum-yildiz { color: #f59e0b; letter-spacing: 1px; }
.hsn-yorum-yildiz i { font-size: 0.95em; }
.hsn-yorum-form-wrap { margin-bottom: 20px; padding: 16px; background: #f8fafc; border: 1px solid var(--hsn-border); border-radius: 8px; }
.hsn-yorum-form { display: grid; gap: 12px; max-width: 520px; }
.hsn-yorum-form label span { display: block; font-size: 0.85em; color: var(--hsn-muted); margin-bottom: 4px; }
.hsn-yorum-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.hsn-yorum-item { padding: 14px 0; border-bottom: 1px solid var(--hsn-border); }
.hsn-yorum-item:last-child { border-bottom: none; }
.hsn-yorum-baslik { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 8px; }
.hsn-yorum-baslik time { font-size: 0.85em; }
.hsn-yorum-item p { margin: 0; line-height: 1.55; color: #37474f; }
.hsn-yorum-mini { display: inline-flex; align-items: center; gap: 2px; margin-top: 4px; color: #f59e0b; font-size: 0.78em; }
.hsn-yorum-mini em { font-style: normal; color: #64748b; margin-left: 4px; font-size: 0.95em; }
.hsn-admin-widgets {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
    margin-bottom: 1.5rem;
}
.hsn-admin-widget {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: border-color .15s, box-shadow .15s;
}
.hsn-admin-widget:hover { border-color: var(--hsn-yesil); box-shadow: 0 4px 12px rgba(46,204,113,.12); }
.hsn-admin-widget strong { font-size: 1.5rem; color: var(--hsn-yesil-koyu); line-height: 1.2; }
.hsn-admin-widget span { font-size: 0.82em; color: var(--hsn-muted); }
.hsn-admin-durum-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}
.hsn-durum-chip {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.82em;
    border: 1px solid var(--hsn-border, #e2e8f0);
    color: var(--hsn-muted);
    text-decoration: none;
    background: #fff;
}
.hsn-durum-chip:hover { border-color: var(--hsn-yesil); color: var(--hsn-yesil-koyu); }
.hsn-durum-chip.is-active {
    background: var(--hsn-yesil-acik, #e8f8ef);
    border-color: var(--hsn-yesil);
    color: var(--hsn-yesil-koyu);
    font-weight: 600;
}
.hsn-canli-ozet { display: flex; gap: 10px; flex-wrap: wrap; margin: 16px 0; }
.hsn-canli-pill { padding: 6px 14px; border-radius: 20px; font-size: 0.85em; font-weight: 600; }
.hsn-canli-pill.is-ok { background: #e8f8ef; color: #065a4f; }
.hsn-canli-pill.is-warn { background: #fff8e1; color: #e65100; }
.hsn-canli-pill.is-err { background: #ffebee; color: #c62828; }
.hsn-canli-badge { display: inline-block; padding: 2px 10px; border-radius: 4px; font-size: 0.78em; font-weight: 700; text-transform: uppercase; }
.hsn-canli-badge.is-ok { background: #e8f8ef; color: #065a4f; }
.hsn-canli-badge.is-uyari { background: #fff8e1; color: #e65100; }
.hsn-canli-badge.is-hata { background: #ffebee; color: #c62828; }
.hsn-canli-tablo td { vertical-align: top; }
.hsn-siparis-timeline-wrap { margin-bottom: 1.25rem; }
.hsn-siparis-timeline { list-style: none; margin: 16px 0 0; padding: 0; }
.hsn-siparis-timeline-item {
    display: flex;
    gap: 14px;
    padding: 0 0 20px 4px;
    position: relative;
}
.hsn-siparis-timeline-item:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 11px;
    top: 22px;
    bottom: 0;
    width: 2px;
    background: #e2e8f0;
}
.hsn-siparis-timeline-item.is-tamamlandi:not(:last-child)::before { background: var(--hsn-yesil); opacity: .35; }
.hsn-siparis-timeline-dot {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    background: #fff;
    margin-top: 2px;
    z-index: 1;
}
.hsn-siparis-timeline-item.is-tamamlandi .hsn-siparis-timeline-dot {
    border-color: var(--hsn-yesil);
    background: var(--hsn-yesil);
}
.hsn-siparis-timeline-item.is-aktif .hsn-siparis-timeline-dot {
    border-color: var(--hsn-yesil-koyu);
    box-shadow: 0 0 0 4px rgba(46,204,113,.2);
}
.hsn-siparis-timeline-body { display: flex; flex-direction: column; gap: 2px; }
.hsn-siparis-timeline-body strong { color: #1e293b; }
.hsn-urun-kart .hsn-yorum-mini { display: flex; margin: 4px 0 6px; }
.hsn-tablo-aksiyon { white-space: nowrap; }
.hsn-tablo-aksiyon form { margin: 0 4px 4px 0; }
@media (max-width: 900px) {
    .hsn-sepet-layout { grid-template-columns: 1fr; }
    .hsn-sepet-aside { position: static; }
    .hsn-odeme-layout,
    .hsn-odeme-form-grid { grid-template-columns: 1fr; }
    .hsn-order-card { grid-template-columns: 1fr; }
    .hsn-order-card-sag { align-items: flex-start; }
}

/* Ödeme adımları */
.hsn-checkout-steps {
    margin: 0 0 20px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #f8fafc 0%, #eef6f1 100%);
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
}
.hsn-checkout-steps ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
}
.hsn-checkout-step {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9em;
    font-weight: 600;
    color: #94a3b8;
}
.hsn-checkout-step a,
.hsn-checkout-step > span:last-child { color: inherit; text-decoration: none; }
.hsn-checkout-step a:hover { color: var(--hsn-yesil-koyu); }
.hsn-checkout-step.is-active { color: var(--hsn-yesil-koyu); }
.hsn-checkout-step.is-done { color: #475569; }
.hsn-checkout-step-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 2px solid #cbd5e1;
    font-size: 0.85rem;
    flex-shrink: 0;
}
.hsn-checkout-step.is-active .hsn-checkout-step-icon {
    border-color: var(--hsn-yesil);
    background: var(--hsn-yesil);
    color: #fff;
    box-shadow: 0 4px 14px rgba(46,204,113,.35);
}
.hsn-checkout-step.is-done .hsn-checkout-step-icon {
    border-color: var(--hsn-yesil);
    background: #e8f8f0;
    color: var(--hsn-yesil-koyu);
}
.hsn-checkout-step-line {
    width: 48px;
    height: 2px;
    background: #cbd5e1;
    margin: 0 10px;
    border-radius: 1px;
}
.hsn-checkout-step-line.is-done { background: var(--hsn-yesil); opacity: .5; }

/* Anasayfa marka şeridi */
.hsn-marka-serit-wrap { padding-top: 8px; padding-bottom: 20px; }
.hsn-home > .hsn-marka-serit-wrap { padding-top: 0; padding-bottom: 0; }
.hsn-home-gruplar.hsn-home-section { padding-top: 24px; padding-bottom: 28px; }
.hsn-home > .hsn-home-gruplar.hsn-home-section { padding-top: var(--hsn-home-block-py); padding-bottom: var(--hsn-home-block-py); }
.hsn-section-head--compact { margin-bottom: 12px; }
.hsn-marka-serit {
    --hsn-chip-h: 99px;
    --hsn-grid-gap: 10px;
    align-items: stretch;
}
.hsn-marka-serit.is-lg { --hsn-chip-h: 119px; --hsn-grid-gap: 12px; }
.hsn-marka-serit.is-md { --hsn-chip-h: 99px; --hsn-grid-gap: 10px; }
.hsn-marka-serit.is-sm { --hsn-chip-h: 86px; --hsn-grid-gap: 8px; }
.hsn-marka-chip {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: var(--hsn-chip-h);
    padding: 8px 10px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    text-decoration: none;
    color: var(--hsn-text);
    transition: border-color .15s, box-shadow .15s, transform .15s;
    box-sizing: border-box;
}
.hsn-marka-chip:hover {
    border-color: var(--hsn-yesil);
    box-shadow: 0 4px 14px rgba(46,204,113,.15);
    transform: translateY(-2px);
}
.hsn-marka-chip-img {
    display: block;
    max-width: 100%;
    max-height: calc(var(--hsn-chip-h) - 16px);
    width: auto;
    height: auto;
    object-fit: contain;
}
.hsn-marka-chip-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--hsn-chip-h) - 18px);
    height: calc(var(--hsn-chip-h) - 18px);
    border-radius: 10px;
    background: linear-gradient(145deg, #f0f4f2, #e2ebe6);
    color: var(--hsn-yesil-koyu);
    font-weight: 800;
    font-size: clamp(0.72em, 1.8vw, 0.95em);
    letter-spacing: 0.02em;
}
.hsn-marka-chip.is-fallback {
    background: #fafcfb;
}
@media (max-width: 1100px) {
    .hsn-marka-serit { --hsn-cols: min(var(--hsn-cols, 6), 7) !important; }
    .hsn-grup-grid-7x2 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    .hsn-marka-serit { --hsn-cols: min(var(--hsn-cols, 4), 4) !important; --hsn-chip-h: 86px; }
    .hsn-grup-grid-7x2 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    .hsn-marka-serit { --hsn-cols: min(var(--hsn-cols, 3), 3) !important; --hsn-chip-h: 79px; }
    .hsn-grup-grid-7x2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.hsn-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Hesap paneli v2 */
.hsn-profil-sidebar {
    border-radius: 10px;
    padding: 0 0 12px;
    box-shadow: 0 4px 18px rgba(15,23,42,.06);
    overflow: hidden;
}
.hsn-profil-sidebar-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: linear-gradient(135deg, var(--hsn-nav-koyu) 0%, #1a3a2e 100%);
    color: #fff;
}
.hsn-profil-sidebar-head > i { font-size: 1.8rem; opacity: .9; }
.hsn-profil-sidebar-head strong { display: block; font-size: 1rem; }
.hsn-profil-sidebar-head small { display: block; font-size: 0.75em; opacity: .75; margin-top: 2px; }
.hsn-profil-nav-grup {
    margin: 14px 16px 6px;
    padding: 0;
    font-size: 0.68em;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #94a3b8;
}
.hsn-profil-sidebar nav a {
    padding: 9px 16px;
    font-size: 0.9em;
    border-left-width: 3px;
    border-radius: 0 6px 6px 0;
    margin-right: 8px;
}
.hsn-profil-sidebar nav a i {
    width: 18px;
    text-align: center;
    color: #90a4ae;
    font-size: 0.92em;
}
.hsn-profil-sidebar nav a.is-active i { color: var(--hsn-yesil-koyu); }
.hsn-profil-sidebar nav a span { flex: 1; }
.hsn-profil-card {
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(15,23,42,.04);
}
.hsn-profil-head h1 { color: #1e293b; }

/* Sepet / ödeme ince ayar */
.hsn-sepet-ozet-kutu { border-radius: 10px; }
.hsn-sepet-bos { border-radius: 10px; }
.hsn-odeme-pcb {
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(15,23,42,.05);
}
.hsn-odeme-ozet-kutu { border-radius: 8px; }
.hsn-card-mock {
    background: linear-gradient(135deg, #1e3a5f 0%, #2ecc71 100%);
    color: rgba(255,255,255,.85);
    box-shadow: 0 8px 24px rgba(30,58,95,.25);
}
.hsn-card-mock i { color: rgba(255,255,255,.9); }
.hsn-card-mock span { color: rgba(255,255,255,.7); }
.hsn-tesekkur-kutu {
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(46,204,113,.12);
    border-color: rgba(46,204,113,.25);
}
.hsn-fieldset legend {
    font-weight: 700;
    font-size: 0.95em;
    color: #334155;
    margin-bottom: 10px;
}

/* ——— Ödeme yap v2 (cari + kurumsal) ——— */
.hsn-odeme-guven-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    padding: 12px 16px;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #f0fdf9 0%, #f8fafc 100%);
    border: 1px solid rgba(13, 148, 136, 0.18);
    border-radius: 10px;
    font-size: 0.82rem;
    color: #475569;
}
.hsn-odeme-guven-bar span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}
.hsn-odeme-guven-bar i { color: var(--hsn-yesil-koyu); }
.hsn-odeme-test-bar { margin-bottom: 14px; }
.hsn-odeme-v2 {
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--hsn-border);
}
.hsn-odeme-tabs-v2 {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--hsn-border);
    background: #f8fafc;
}
.hsn-odeme-tab-v2 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 16px;
    border: none;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #64748b;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.2s, border-color 0.2s, background 0.2s;
}
.hsn-odeme-tab-v2 i { font-size: 1rem; opacity: 0.85; }
.hsn-odeme-tab-v2:hover { color: #1e293b; background: rgba(255,255,255,0.6); }
.hsn-odeme-tab-v2.is-active {
    color: var(--hsn-yesil-koyu);
    border-bottom-color: var(--hsn-yesil);
    background: #fff;
}
.hsn-odeme-layout-v2 {
    display: grid;
    grid-template-columns: 1fr min(340px, 36%);
    gap: 0;
    align-items: start;
}
.hsn-odeme-main {
    padding: 22px 24px 28px;
    min-width: 0;
}
.hsn-odeme-sidebar {
    padding: 22px 20px 28px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-left: 1px solid var(--hsn-border);
    position: sticky;
    top: 88px;
}
.hsn-odeme-bolum {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 16px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}
.hsn-odeme-bolum.is-compact { padding: 16px 20px; }
.hsn-odeme-bolum-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}
.hsn-odeme-bolum-ikon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #0f2942, #0d9488);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.hsn-odeme-bolum-head h2 {
    margin: 0 0 4px;
    font-size: 1.05rem;
    color: #1e293b;
}
.hsn-odeme-bolum-head p {
    margin: 0;
    font-size: 0.84rem;
    color: var(--hsn-muted);
    line-height: 1.4;
}
.hsn-odeme-tutar-giris { display: flex; flex-direction: column; gap: 14px; }
.hsn-odeme-tutar-buyuk {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 16px;
    background: #f8fafc;
    border: 2px solid var(--hsn-border);
    border-radius: 12px;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.hsn-odeme-tutar-buyuk:focus-within {
    border-color: var(--hsn-yesil);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
}
.hsn-odeme-tutar-buyuk .form-control {
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 4px 0;
    font-size: 2rem;
    font-weight: 700;
    color: #0f2942;
    text-align: right;
    min-width: 0;
}
.hsn-odeme-tutar-buyuk .form-control.hsn-odeme-kurus {
    width: 3.2rem;
    font-size: 1.5rem;
    text-align: left;
}
.hsn-odeme-tutar-buyuk .form-control:focus { outline: none; }
.hsn-odeme-tutar-ayrac {
    font-size: 2rem;
    font-weight: 700;
    color: #94a3b8;
    line-height: 1;
}
.hsn-odeme-tutar-pb {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--hsn-yesil-koyu);
    margin-left: 6px;
    flex-shrink: 0;
}
.hsn-odeme-hizli-tutar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.hsn-odeme-hizli-btn {
    border: 1px solid var(--hsn-border);
    background: #fff;
    color: #475569;
    padding: 8px 14px;
    border-radius: 999px;
    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.hsn-odeme-hizli-btn:hover {
    border-color: var(--hsn-yesil);
    color: var(--hsn-yesil-koyu);
    background: rgba(13, 148, 136, 0.06);
}
.hsn-odeme-hizli-btn.is-active {
    border-color: var(--hsn-yesil);
    background: rgba(13, 148, 136, 0.12);
    color: var(--hsn-yesil-koyu);
}
.hsn-odeme-form-v2 { display: flex; flex-direction: column; gap: 14px; }
.hsn-odeme-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    font-size: 0.88rem;
    font-weight: 600;
    color: #475569;
}
.hsn-odeme-field span em { font-weight: 400; font-style: normal; }
.hsn-odeme-field .form-control {
    font-weight: 400;
    border-radius: 8px;
    padding: 10px 12px;
}
.hsn-card-mock-v2 {
    position: relative;
    aspect-ratio: 1.586 / 1;
    max-height: 200px;
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #0f2942 0%, #134e4a 45%, #0d9488 100%);
    color: #fff;
    box-shadow: 0 12px 32px rgba(15, 41, 66, 0.35);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
.hsn-card-mock-v2::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 20%, rgba(255,255,255,0.12) 0%, transparent 50%);
    pointer-events: none;
}
.hsn-card-mock-v2-ust {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}
.hsn-card-mock-v2-chip {
    width: 36px;
    height: 28px;
    border-radius: 5px;
    background: linear-gradient(135deg, #fcd34d, #d97706);
    opacity: 0.95;
}
.hsn-card-mock-v2-marka {
    font-size: 2rem;
    opacity: 0.9;
}
.hsn-card-mock-v2-num {
    position: relative;
    z-index: 1;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 1.15rem;
    letter-spacing: 2px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.hsn-card-mock-v2-alt {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    position: relative;
    z-index: 1;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.92;
}
.hsn-card-mock-v2-isim {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hsn-odeme-ozet-panel {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.05);
}
.hsn-odeme-ozet-panel h3 {
    margin: 0 0 14px;
    font-size: 1rem;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hsn-odeme-ozet-panel h3 i { color: var(--hsn-yesil-koyu); }
.hsn-odeme-ozet-dl {
    margin: 0 0 14px;
    padding: 0;
}
.hsn-odeme-ozet-dl > div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px dashed var(--hsn-border);
}
.hsn-odeme-ozet-dl > div:last-child { border-bottom: none; }
.hsn-odeme-ozet-dl dt {
    margin: 0;
    font-size: 0.82rem;
    color: var(--hsn-muted);
    font-weight: 500;
}
.hsn-odeme-ozet-dl dd {
    margin: 0;
    font-size: 0.88rem;
    font-weight: 600;
    color: #1e293b;
    text-align: right;
}
.hsn-odeme-ozet-tutar {
    font-size: 1.35rem !important;
    color: var(--hsn-yesil-koyu) !important;
}
.hsn-odeme-ozet-notlar {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    font-size: 0.8rem;
    color: #64748b;
    line-height: 1.45;
}
.hsn-odeme-ozet-notlar li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 6px;
}
.hsn-odeme-ozet-notlar i { color: var(--hsn-yesil); margin-top: 2px; flex-shrink: 0; }
.hsn-odeme-ozet-notlar a { color: var(--hsn-yesil-koyu); font-weight: 600; }
.hsn-odeme-submit {
    font-size: 1rem;
    padding: 14px 18px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.hsn-odeme-guven-alt {
    margin: 10px 0 0;
    text-align: center;
    font-size: 0.75rem;
    color: var(--hsn-muted);
}
.hsn-odeme-guven-alt i { color: var(--hsn-yesil); }
.hsn-odeme-v2 .hsn-taksit-wrap {
    margin-top: 4px;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    padding: 16px;
    background: #fafbfc;
}
.hsn-odeme-v2 .hsn-taksit-baslik {
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 960px) {
    .hsn-odeme-layout-v2 { grid-template-columns: 1fr; }
    .hsn-odeme-sidebar {
        position: static;
        border-left: none;
        border-top: 1px solid var(--hsn-border);
    }
    .hsn-card-mock-v2 { max-height: 180px; }
}
@media (max-width: 640px) {
    .hsn-odeme-main,
    .hsn-odeme-sidebar { padding: 16px; }
    .hsn-odeme-tutar-buyuk .form-control { font-size: 1.6rem; }
    .hsn-odeme-guven-bar { font-size: 0.78rem; gap: 8px 12px; }
    .hsn-odeme-tab-v2 { padding: 12px 10px; font-size: 0.85rem; }
    .hsn-odeme-tab-v2 span { display: none; }
    .hsn-odeme-tab-v2 i { font-size: 1.15rem; }
    .hsn-odeme-hizli-btn { flex: 1 1 calc(33% - 8px); text-align: center; min-width: 0; }
}

/* ——— Ödeme POS (referans düzen) ——— */
.hsn-odeme-pos {
    --hsn-odeme-ctrl-h: 40px;
    --hsn-odeme-r: 10px;
    padding: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.07);
}
.hsn-odeme-pos-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 22px;
    border-bottom: 1px solid #e5e7eb;
    background: #fafafa;
    border-radius: 12px 12px 0 0;
}
.hsn-odeme-pos-head h1 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #374151;
}
.hsn-odeme-pos-head-aksiyon {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.hsn-odeme-oran-btn {
    display: inline-flex;
    align-items: center;
    min-height: var(--hsn-odeme-ctrl-h);
    padding: 0 16px;
    background: #1f2937;
    color: #fff !important;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-decoration: none;
    border-radius: var(--hsn-odeme-r);
}
.hsn-odeme-oran-btn:hover { background: #111827; color: #fff !important; }
.hsn-odeme-link-muted {
    font-size: 0.82rem;
    color: var(--hsn-muted);
    text-decoration: none;
    font-weight: 600;
}
.hsn-odeme-link-muted:hover { color: var(--hsn-yesil-koyu); }
.hsn-odeme-pos-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: stretch;
    background: #f3f4f6;
}
.hsn-odeme-pos-sol {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 28px 36px;
    background: #eef1f5;
    border-right: 1px solid #e5e7eb;
    min-height: 420px;
}
.hsn-odeme-pos-sol-ic {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hsn-odeme-pos-sag {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 32px 28px 36px;
    background: #fff;
    min-width: 0;
}
.hsn-odeme-pos-form {
    width: 100%;
    max-width: 100%;
}
.hsn-card-pos {
    position: relative;
    width: 100%;
    max-width: min(420px, 100%);
    aspect-ratio: 1.586 / 1;
    margin: 0 auto 20px;
    padding: 24px 26px;
    border-radius: 14px;
    background: linear-gradient(145deg, #0a0f1a 0%, #1a2744 55%, #0d2137 100%);
    color: #fff;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hsn-card-pos-ust {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.hsn-card-pos-chip {
    width: 44px;
    height: 34px;
    border-radius: 6px;
    background: linear-gradient(135deg, #c9a227, #f5e6a8 40%, #b8860b);
}
.hsn-card-pos-marka {
    font-size: 1.55rem;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0.02em;
    opacity: 0.95;
}
.hsn-card-pos-num {
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 1.2rem;
    letter-spacing: 3px;
    font-weight: 600;
    text-align: center;
    margin: 12px 0;
}
.hsn-card-pos-alt {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.88;
}
.hsn-card-pos-isim {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hsn-odeme-taksit-uyari {
    margin: 0 0 14px;
    font-size: 0.82rem;
    color: #dc2626;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    width: 100%;
    max-width: min(420px, 100%);
}
.hsn-odeme-taksit-sol {
    width: 100%;
    max-width: min(420px, 100%);
}
.hsn-odeme-taksit-sol .hsn-taksit-wrap {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: var(--hsn-odeme-r);
    padding: 12px;
    margin-top: 8px;
}
.hsn-odeme-taksit-sol .hsn-taksit-baslik { font-size: 0.88rem; }
.hsn-odeme-taksit-sol .hsn-taksit-tablo { min-width: 520px; font-size: 0.72em; }
/* Ortak kontrol yüksekliği — input, select, radio kutuları */
.hsn-odeme-pos .form-control,
.hsn-odeme-pos select.form-control {
    height: var(--hsn-odeme-ctrl-h);
    min-height: var(--hsn-odeme-ctrl-h);
    box-sizing: border-box;
    border: 1px solid #d1d5db;
    border-radius: var(--hsn-odeme-r);
    padding: 0 12px;
    font-size: 0.88rem;
    font-weight: 400;
    line-height: calc(var(--hsn-odeme-ctrl-h) - 2px);
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.hsn-odeme-pos .form-control:focus {
    outline: none;
    border-color: var(--hsn-yesil);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
}
.hsn-odeme-pos select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
    cursor: pointer;
}
.hsn-odeme-pos-alan {
    border: none;
    margin: 0 0 12px;
    padding: 0;
    min-width: 0;
}
.hsn-odeme-pos-alan legend {
    font-size: 0.78rem;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 6px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.hsn-odeme-secim-liste {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.hsn-odeme-pos-radio {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: var(--hsn-odeme-ctrl-h);
    margin: 0;
    padding: 0 12px;
    font-size: 0.84rem;
    color: #1f2937;
    cursor: pointer;
    border: 1px solid #d1d5db;
    border-radius: var(--hsn-odeme-r);
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.15s, background 0.15s;
}
.hsn-odeme-pos-radio:has(input:checked) {
    border-color: var(--hsn-yesil);
    background: rgba(13, 148, 136, 0.06);
}
.hsn-odeme-pos-radio.is-kutu {
    margin-bottom: 0;
    font-weight: 600;
}
.hsn-odeme-pos-radio input[type="radio"] {
    margin: 0;
    flex-shrink: 0;
    accent-color: var(--hsn-yesil);
}
.hsn-odeme-pos-radio em {
    font-style: normal;
    color: #6b7280;
    font-size: 0.92em;
}
.hsn-odeme-pos-satir {
    display: grid;
    gap: 10px;
    margin-bottom: 10px;
}
.hsn-odeme-pos-satir-3 {
    grid-template-columns: 1fr;
    gap: 12px;
}
.hsn-odeme-pos-satir-tutar {
    grid-template-columns: 80px 1fr 1.35fr;
    align-items: end;
}
.hsn-odeme-pos-satir-tutar .hsn-odeme-pos-field.is-genis {
    grid-column: auto;
}
.hsn-odeme-pos-skt {
    grid-template-columns: 1fr 88px;
    align-items: end;
}
.hsn-odeme-pos-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 0 10px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.hsn-odeme-pos-field span em {
    font-weight: 400;
    font-style: normal;
    color: #9ca3af;
    text-transform: none;
}
.hsn-odeme-pos-field .form-control { margin: 0; }
.hsn-odeme-skt-grup {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.hsn-odeme-skt-grup .form-control { width: 100%; }
.hsn-odeme-pos-gonder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    min-height: 44px;
    margin-top: 8px;
    padding: 0 16px;
    border: none;
    border-radius: var(--hsn-odeme-r);
    background: #9ca3af;
    color: #fff;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: not-allowed;
    transition: background 0.2s;
}
.hsn-odeme-pos-gonder:not(:disabled) {
    background: linear-gradient(135deg, #0f2942, #0d9488);
    cursor: pointer;
}
.hsn-odeme-pos-gonder:not(:disabled):hover {
    filter: brightness(1.06);
}
.hsn-odeme-pos-alt-not {
    margin: 12px 0 0;
    font-size: 0.72rem;
    color: #9ca3af;
    text-align: center;
    line-height: 1.45;
    text-transform: none;
}
.hsn-odeme-pos-alt-not a { color: var(--hsn-yesil-koyu); font-weight: 600; }
.hsn-odeme-pos-alt-not i { color: var(--hsn-yesil); }
.hsn-odeme-oran-anchor { height: 0; overflow: hidden; }
@media (min-width: 901px) {
    .hsn-odeme-pos-satir-3 {
        grid-template-columns: 1fr 148px;
        align-items: end;
    }
    .hsn-odeme-pos-satir-3 .hsn-odeme-pos-alan.is-secim {
        margin-bottom: 0;
    }
}
@media (max-width: 900px) {
    .hsn-odeme-pos-body { grid-template-columns: 1fr; }
    .hsn-odeme-pos-sol {
        border-right: none;
        border-bottom: 1px solid #e5e7eb;
        padding: 28px 20px 24px;
        min-height: 0;
    }
    .hsn-odeme-pos-sag { padding: 20px 16px 24px; }
    .hsn-odeme-pos-form { max-width: none; }
    .hsn-odeme-pos-satir-tutar,
    .hsn-odeme-pos-skt { grid-template-columns: 1fr; }
    .hsn-odeme-pos-satir-tutar .hsn-odeme-pos-field.is-genis { grid-column: auto; }
}
@media (max-width: 640px) {
    .hsn-odeme-pos-head { flex-direction: column; align-items: flex-start; }
    .hsn-card-pos { max-width: 100%; }
    .hsn-checkout-step-line { width: 24px; margin: 0 6px; }
    .hsn-checkout-step > a,
    .hsn-checkout-step > span:last-child { font-size: 0.82em; }
    .hsn-checkout-step-icon { width: 32px; height: 32px; }
}

/* Ürün detay v2 */
.hsn-detay-wrap { padding-bottom: 40px; }
.hsn-detay-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 20px;
}
.hsn-detay-gorsel-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}
.hsn-detay-satin-al {
    min-width: 0;
}
.hsn-detay-gorsel-kutu {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    padding: 28px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 420px;
    box-shadow: 0 4px 20px rgba(15,23,42,.05);
}
.hsn-detay-img-main {
    width: 100%;
    max-width: 100%;
    max-height: 480px;
    object-fit: contain;
}
.hsn-detay-galeri-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.hsn-detay-galeri-thumb {
    width: 72px;
    height: 72px;
    padding: 0;
    border: 2px solid var(--hsn-border);
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.hsn-detay-galeri-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.hsn-detay-galeri-thumb:hover,
.hsn-detay-galeri-thumb.is-active {
    border-color: var(--hsn-yesil);
    box-shadow: 0 0 0 1px var(--hsn-yesil);
}
.hsn-admin-urun-galeri {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
    gap: 6px;
    margin-bottom: 8px;
}
.hsn-admin-urun-galeri-item {
    position: relative;
    aspect-ratio: 1;
    border: 1px solid var(--hsn-border);
    border-radius: 4px;
    overflow: hidden;
    background: #fafafa;
}
.hsn-admin-urun-galeri-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.hsn-admin-gorsel-sil-form {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
}
.hsn-admin-gorsel-sil-btn {
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: rgba(220, 38, 38, 0.92);
    color: #fff;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hsn-admin-gorsel-sil-btn:hover {
    background: #b91c1c;
}
.hsn-detay-meta-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    margin-bottom: 4px;
    flex: 0 0 auto;
}
.hsn-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #f1f5f9;
    border: 1px solid var(--hsn-border);
    border-radius: 999px;
    font-size: 0.82em;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
}
a.hsn-chip:hover {
    border-color: var(--hsn-yesil);
    color: var(--hsn-yesil-koyu);
    background: #e8f8f0;
}
.hsn-chip-muted { background: #fafafa; color: var(--hsn-muted); }
.hsn-detay-satin-al {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(15,23,42,.05);
}
.hsn-detay-baslik {
    margin: 0 0 8px;
    font-size: 1.55rem;
    color: #1e293b;
    line-height: 1.25;
}
.hsn-detay-kod {
    margin: 0 0 16px;
    font-size: 0.88em;
    color: var(--hsn-muted);
}
.hsn-fiyat-etiket {
    display: block;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--hsn-muted);
    margin-bottom: 4px;
}
.hsn-detay-fiyat-kutu.is-oncelik {
    border-color: var(--hsn-yesil);
    background: linear-gradient(135deg, #e8f8f0 0%, #f8fafc 100%);
    box-shadow: 0 4px 14px rgba(46,204,113,.12);
}
.hsn-detay-fiyat-kutu.is-oncelik strong { font-size: 1.45em; }
.hsn-detay-fiyat-blok .hsn-detay-stok-satir {
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid #e8ece9;
}
.hsn-detay-stok-baslik {
    display: block;
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--hsn-muted);
    margin-bottom: 8px;
}
.hsn-detay-stok-baslik i { margin-right: 6px; color: #64748b; }
.hsn-detay-stok-miktar {
    display: inline-block;
    padding: 8px 14px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 1.1em;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #94a3b8;
}
.hsn-detay-stok-miktar.is-var {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: var(--hsn-yesil-koyu);
}
.hsn-stok-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.9em;
}
.hsn-stok-badge.is-ok { background: #e8f8f0; color: var(--hsn-yesil-koyu); }
.hsn-stok-badge.is-out { background: #ffebee; color: #c62828; }
.hsn-detay-buybox {
    padding: 16px;
    background: #f8fafc;
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
    margin-bottom: 16px;
}
.hsn-detay-form { margin: 0; }
.hsn-detay-aksiyon {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
}
.hsn-detay-aksiyon .hsn-qty-step { flex: 0 0 auto; }
.hsn-btn-sepete {
    flex: 1;
    min-width: 180px;
    font-size: 1.05em;
    padding: 12px 20px;
}
.hsn-detay-ikincil {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.hsn-detay-guven {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 0.85em;
    color: var(--hsn-muted);
}
.hsn-detay-guven i { color: var(--hsn-yesil); margin-right: 4px; }
.hsn-detay-geri { margin: 16px 0 0; font-size: 0.9em; }
.hsn-detay-geri a { color: var(--hsn-yesil-koyu); text-decoration: none; font-weight: 600; }
.hsn-detay-geri a:hover { text-decoration: underline; }

/* Ürün detay — pcbayi tarzı stok / fiyat özeti */
.hsn-detay-fiyat-blok {
    margin: 12px 0 18px;
    padding-bottom: 4px;
}
.hsn-detay-ana-fiyat {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 0 0 6px;
}
.hsn-detay-ana-fiyat-tutar {
    font-size: 1.75em;
    font-weight: 800;
    color: var(--hsn-yesil-koyu);
    line-height: 1.1;
}
.hsn-detay-ana-fiyat-kdv {
    font-size: 0.95em;
    font-weight: 600;
    color: var(--hsn-muted);
}
.hsn-detay-fiyat-blok .hsn-kur-not {
    margin: 4px 0 10px;
}
.hsn-detay-tl-fiyatlar {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #dde4df;
}
.hsn-detay-tl-satir {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.95em;
}
.hsn-detay-tl-satir.is-haric {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
}
.hsn-detay-tl-satir.is-haric .hsn-detay-tl-etiket { color: #1d4ed8; }
.hsn-detay-tl-satir.is-haric strong { color: #1e40af; }
.hsn-detay-tl-satir.is-dahil {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}
.hsn-detay-tl-satir.is-dahil .hsn-detay-tl-etiket { color: #047857; }
.hsn-detay-tl-satir.is-dahil strong {
    color: var(--hsn-yesil-koyu);
    font-size: 1.08em;
}
.hsn-detay-tl-etiket {
    font-size: 0.82em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.hsn-detay-tl-satir strong {
    font-variant-numeric: tabular-nums;
    font-weight: 800;
}
.hsn-detay-satin-al .hsn-detay-ozet-wrap {
    margin: 20px 0 16px;
    border-radius: 8px;
}
.hsn-detay-ozet-fiyat {
    vertical-align: middle;
    line-height: 1.35;
}
.hsn-detay-fiyat-pb {
    display: block;
    font-weight: 700;
    font-size: 1.02em;
}
.hsn-detay-fiyat-tl-alt {
    display: block;
    margin-top: 6px;
    font-size: 0.82em;
    font-weight: 600;
}
.hsn-detay-fiyat-tl-alt .hsn-detay-tl-satir {
    display: block;
    padding: 0;
    margin: 2px 0;
    border: none;
    background: none;
    font-size: inherit;
}
.hsn-detay-fiyat-tl-alt .hsn-detay-tl-satir.is-haric { color: #1d4ed8; }
.hsn-detay-fiyat-tl-alt .hsn-detay-tl-satir.is-dahil { color: var(--hsn-yesil-koyu); }
.hsn-detay-fiyat-tl-alt .hsn-detay-tl-satir em {
    font-style: normal;
    font-weight: 700;
    margin-right: 4px;
}
.hsn-btn-ozel-talep {
    background: #1e3a5f;
    color: #fff;
    border: none;
    white-space: nowrap;
}
.hsn-btn-ozel-talep:hover {
    background: #152a45;
    color: #fff;
}
.hsn-detay-ozet-wrap {
    margin: 20px 0 8px;
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}
.hsn-detay-ozet-tablo,
.hsn-detay-ozet-ozet {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.88em;
}
.hsn-detay-ozet-tablo th,
.hsn-detay-ozet-tablo td {
    border: 1px solid #e8ece9;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
}
.hsn-detay-ozet-tablo th {
    width: 130px;
    background: #f7faf8;
    font-weight: 700;
    color: var(--hsn-metin);
}
.hsn-detay-ozet-depo-baslik .hsn-detay-ozet-depo-ad {
    font-weight: 700;
    text-align: center;
    background: #f7faf8;
    font-size: 0.92em;
}
.hsn-detay-ozet-depo-miktar td {
    text-align: center;
    font-weight: 700;
    font-size: 1.05em;
}
.hsn-detay-ozet-miktar.is-var,
.hsn-detay-ozet-stok.is-var {
    color: var(--hsn-yesil-koyu);
}
.hsn-detay-ozet-ozet {
    border-top: 2px solid #dfe6e1;
}
.hsn-detay-ozet-ozet th {
    background: #eef2ef;
    padding: 10px 12px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #dde4df;
    font-size: 0.85em;
}
.hsn-detay-ozet-ozet td {
    padding: 12px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #e8ece9;
    font-variant-numeric: tabular-nums;
}
.hsn-detay-ozet-ozet td.is-vurgu {
    color: var(--hsn-yesil-koyu);
    font-size: 1.05em;
}
.hsn-detay-ozet-not {
    margin: 0;
    padding: 8px 12px 10px;
    font-size: 0.78em;
    color: var(--hsn-muted);
    background: #fafcfb;
    border-top: 1px solid #e8ece9;
}
.hsn-detay-ozet-ozet.is-misafir th,
.hsn-detay-ozet-ozet.is-misafir td {
    width: 50%;
}

.hsn-detay-wrap > .hsn-detay-sekmeler {
    margin: 28px 0 36px;
}
.hsn-detay-sekmeler {
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}
.hsn-detay-sekme-nav {
    display: flex;
    gap: 0;
    background: #eef2ef;
    border-bottom: 1px solid #dde4df;
}
.hsn-detay-sekme-btn {
    flex: 1;
    margin: 0;
    padding: 12px 16px;
    border: none;
    border-right: 1px solid #dde4df;
    background: #eef2ef;
    color: var(--hsn-metin);
    font-weight: 600;
    font-size: 0.92em;
    cursor: pointer;
    transition: background .15s, color .15s;
}
.hsn-detay-sekme-btn:last-child { border-right: none; }
.hsn-detay-sekme-btn:hover { background: #e4ebe6; }
.hsn-detay-sekme-btn.is-active {
    background: #fff;
    color: var(--hsn-yesil-koyu);
    box-shadow: inset 0 2px 0 var(--hsn-yesil);
}
.hsn-detay-sekme-paneller { padding: 20px 24px 24px; }
.hsn-detay-sekme-panel[hidden] { display: none !important; }
.hsn-detay-sekme-baslik {
    margin: 0 0 16px;
    font-size: 1.15em;
    font-weight: 700;
    color: var(--hsn-metin);
}
.hsn-detay-ozellik-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 24px;
}
.hsn-detay-ozellik-satir {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid #e8ece9;
    font-size: 0.9em;
}
.hsn-detay-ozellik-satir:nth-child(odd) { background: #f7faf8; }
.hsn-detay-ozellik-satir:nth-child(even) { background: #fff; }
.hsn-detay-ozellik-etiket { font-weight: 700; color: var(--hsn-metin); }
.hsn-detay-ozellik-deger { color: #334155; }
.hsn-detay-aciklama-metin {
    line-height: 1.65;
    color: #334155;
    font-size: 0.95em;
}
.hsn-detay-sekme-panel .hsn-taksit-wrap { margin: 0; }
.hsn-detay-sekme-panel .hsn-taksit-baslik { display: none; }
.hsn-detay-sekme-panel .hsn-taksit-not { margin-top: 0; }

@media (max-width: 768px) {
    .hsn-detay-ozet-tablo,
    .hsn-detay-ozet-ozet { font-size: 0.8em; }
    .hsn-detay-ozet-tablo th { width: 100px; }
    .hsn-detay-aksiyon { flex-direction: column; align-items: stretch; }
    .hsn-btn-ozel-talep { text-align: center; }
    .hsn-detay-ozellik-grid { grid-template-columns: 1fr; gap: 0; }
    .hsn-detay-sekme-btn { font-size: 0.82em; padding: 10px 8px; }
    .hsn-detay-sekme-paneller { padding: 16px; }
}

@media (max-width: 900px) {
    .hsn-detay-layout { grid-template-columns: 1fr; }
    .hsn-detay-gorsel-kutu {
        min-height: 280px;
        height: auto;
        padding: 20px;
    }
    .hsn-detay-img-main { max-height: 360px; }
}

/* Katalog v2 */
.hsn-sidebar {
    border-radius: 10px;
    box-shadow: 0 4px 18px rgba(15,23,42,.06);
    padding: 0 0 12px;
}
.hsn-sidebar-count-pcb {
    border-radius: 10px 10px 0 0 !important;
}
.hsn-catalog-head {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 14px;
    box-shadow: 0 2px 12px rgba(15,23,42,.04);
}
.hsn-catalog-head .hsn-catalog-toolbar {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.hsn-catalog-head .hsn-aktif-filtreler {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed var(--hsn-border);
}
.hsn-aktif-filtreler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.hsn-aktif-filtreler-label {
    font-size: 0.82em;
    font-weight: 700;
    color: var(--hsn-muted);
    margin-right: 4px;
}
.hsn-filtre-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: #e8f8f0;
    border: 1px solid rgba(46,204,113,.35);
    border-radius: 999px;
    font-size: 0.8em;
    font-weight: 600;
    color: var(--hsn-yesil-koyu);
    text-decoration: none;
}
.hsn-filtre-chip:hover {
    background: #d5f5e3;
    color: #1b5e20;
}
.hsn-filtre-chip i { font-size: 0.75em; opacity: 0.7; }
.hsn-filtre-chip-temiz {
    background: #f1f5f9;
    border-color: var(--hsn-border);
    color: #64748b;
}
.hsn-table-panel {
    border-radius: 10px;
    box-shadow: 0 4px 18px rgba(15,23,42,.05);
}
.hsn-catalog-bos {
    text-align: center;
    padding: 36px 20px;
}
.hsn-catalog-bos i {
    font-size: 2.5rem;
    color: #cfd8dc;
    margin-bottom: 10px;
}
.hsn-catalog-bos strong { display: block; font-size: 1.1rem; margin-bottom: 6px; }
.hsn-catalog-bos p { margin: 0 0 14px; color: var(--hsn-muted); }
.hsn-filtre-blok {
    padding: 0 12px;
}
.hsn-filtre-baslik {
    color: #334155;
    border-bottom: 1px solid #eef2f6;
    padding-bottom: 6px;
}

/* CMS banner görselleri */
.hsn-promo-tile.has-img,
.hsn-side-banner.has-img {
    background-size: cover !important;
    background-position: center;
    position: relative;
    overflow: hidden;
}
.hsn-promo-tile.has-img::before,
.hsn-side-banner.has-img::before {
    display: none;
}
.hsn-promo-tile.has-img strong,
.hsn-promo-tile.has-img span,
.hsn-side-banner.has-img strong,
.hsn-side-banner.has-img span {
    position: relative;
    z-index: 1;
    text-shadow: 0 1px 4px rgba(0,0,0,.35);
}
.hsn-promo-tile.has-img { min-height: 88px; }
.hsn-home-hero .hsn-side-banner.has-img {
    min-height: 0;
}

/* Üye giriş / kayıt v2 */
.hsn-auth-wrap { padding: 32px 12px 48px; }
.hsn-auth-split {
    display: grid;
    grid-template-columns: minmax(260px, 360px) 1fr;
    gap: 0;
    max-width: 920px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(15,23,42,.08);
}
.hsn-auth-split-wide { max-width: 1040px; }
.hsn-auth-brand {
    background: linear-gradient(160deg, var(--hsn-nav-koyu) 0%, #1a3a2e 55%, #0d47a1 100%);
    color: #fff;
    padding: 32px 28px;
    display: flex;
    align-items: center;
}
.hsn-auth-brand h2 {
    margin: 0 0 12px;
    font-size: 1.45rem;
    line-height: 1.2;
}
.hsn-auth-brand p {
    margin: 0 0 18px;
    font-size: 0.92em;
    opacity: 0.9;
    line-height: 1.5;
}
.hsn-auth-brand-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    padding: 6px 12px;
    background: rgba(255,255,255,.12);
    border-radius: 999px;
    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.hsn-auth-brand-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.88em;
}
.hsn-auth-brand-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hsn-auth-brand-list i { color: var(--hsn-yesil); }
.hsn-auth-split .hsn-auth-card {
    border: none;
    border-radius: 0;
    box-shadow: none;
    max-width: none;
    padding: 32px 28px;
}
.hsn-auth-split .hsn-auth-card-wide { max-width: none; }

@media (max-width: 768px) {
    .hsn-auth-split { grid-template-columns: 1fr; }
    .hsn-auth-brand { padding: 24px 20px; }
    .hsn-auth-brand-list { display: none; }
}

/* Sipariş durum rozetleri */
.hsn-siparis-durum {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: .02em;
}
.hsn-siparis-durum.is-wait { background: #fff3e0; color: #e65100; }
.hsn-siparis-durum.is-prep { background: #e3f2fd; color: #1565c0; }
.hsn-siparis-durum.is-ship { background: #e8eaf6; color: #3949ab; }
.hsn-siparis-durum.is-done { background: #e8f8f0; color: var(--hsn-yesil-koyu); }
.hsn-siparis-durum.is-cancel { background: #ffebee; color: #c62828; }
.hsn-siparis-durum.is-default { background: #f1f5f9; color: #64748b; }
.hsn-order-card .hsn-siparis-durum { margin-top: 6px; }

/* Sipariş detay v2 */
.hsn-siparis-detay-head h1 { margin: 4px 0 8px; }
.hsn-siparis-detay-eyebrow {
    margin: 0;
    font-size: 0.72em;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--hsn-muted);
}
.hsn-siparis-detay-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.hsn-kargo-kutu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 16px;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #e8eaf6 0%, #e3f2fd 100%);
    border: 1px solid #90caf9;
    border-radius: 10px;
}
.hsn-kargo-kutu code {
    display: block;
    margin-top: 4px;
    font-size: 1.1em;
    font-weight: 700;
    color: #1565c0;
}
.hsn-siparis-ozet-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hsn-siparis-ozet-list li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px dashed var(--hsn-border);
    font-size: 0.9em;
}
.hsn-siparis-ozet-list li.tam { flex-direction: column; align-items: flex-start; }
.hsn-siparis-ozet-list li span { color: var(--hsn-muted); }
.hsn-siparis-ozet-list li strong { text-align: right; }
.hsn-siparis-not {
    margin: 14px 0 0;
    padding: 10px 12px;
    background: #f8fafc;
    border-radius: 8px;
    font-size: 0.85em;
    color: var(--hsn-muted);
}
.hsn-siparis-aksiyonlar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}
.hsn-tablo-siparis tfoot td {
    background: #f8fafc;
    border-top: 2px solid var(--hsn-border);
}
.hsn-siparis-detay-grid {
    grid-template-columns: minmax(260px, 320px) 1fr;
}

/* Karşılaştırma v2 */
.hsn-kars-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(15,23,42,.04);
}
.hsn-kars-head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.hsn-kars-head-actions form { margin: 0; }
.hsn-kars-bos {
    text-align: center;
    padding: 48px 24px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
}
.hsn-kars-bos i { font-size: 2.8rem; color: #cfd8dc; margin-bottom: 12px; }
.hsn-kars-bos strong { display: block; font-size: 1.15rem; margin-bottom: 8px; }
.hsn-kars-bos p { color: var(--hsn-muted); margin: 0 0 16px; }
.hsn-karsilastir-panel {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
    box-shadow: 0 4px 18px rgba(15,23,42,.05);
    overflow: hidden;
}
.hsn-karsilastir-tablo thead th.hsn-kars-urun-kol {
    background: linear-gradient(180deg, #f8fafc, #eef2f6);
    vertical-align: top;
    padding-top: 14px;
}
.hsn-kars-urun-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: inherit;
    margin-top: 8px;
}
.hsn-kars-urun-link:hover strong { color: var(--hsn-yesil-koyu); }
.hsn-kars-kod {
    font-size: 0.78em;
    color: var(--hsn-muted);
    font-weight: 600;
}
.hsn-kars-thumb {
    width: 72px;
    height: 72px;
    object-fit: contain;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    background: #fff;
}
.hsn-kars-not {
    margin: 0;
    padding: 10px 14px;
    font-size: 0.82em;
    color: var(--hsn-muted);
    background: #f8fafc;
    border-top: 1px solid var(--hsn-border);
}
.hsn-order-list .hsn-order-card {
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(15,23,42,.04);
    transition: box-shadow .15s, transform .15s;
}
.hsn-order-list .hsn-order-card:hover {
    box-shadow: 0 6px 20px rgba(15,23,42,.08);
    transform: translateY(-1px);
}

/* Hesap: ekstre, favori, adres v2 */
.hsn-alert-erp {
    background: #e8f5e9;
    border-color: #a5d6a7;
    color: #1b5e20;
}
.hsn-alert-warn-bar {
    background: #fff8e1;
    border-color: #ffcc80;
    color: #e65100;
}
.hsn-ekstre-not {
    font-size: 0.88em;
    margin: 0 0 12px;
}
.hsn-hesap-widget.is-bakiye strong {
    font-size: 1.05em;
    color: var(--hsn-yesil-koyu);
}
.hsn-ekstre-widgets {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}
.hsn-ekstre-widget {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
    padding: 14px 16px;
    box-shadow: 0 2px 10px rgba(15,23,42,.04);
}
.hsn-ekstre-widget-label {
    display: block;
    font-size: 0.72em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--hsn-muted);
    margin-bottom: 6px;
}
.hsn-ekstre-widget strong {
    font-size: 1.15em;
    color: #1e293b;
}
.hsn-ekstre-widget.is-bakiye strong { color: var(--hsn-yesil-koyu); }
.hsn-ekstre-widget.is-limit strong { color: #1565c0; }
.hsn-ekstre-tablo-wrap h2 {
    margin: 0 0 14px;
    font-size: 1.05rem;
    color: #334155;
}
.hsn-tutar-borc { color: #c62828; font-weight: 600; }
.hsn-tutar-alacak { color: var(--hsn-yesil-koyu); font-weight: 600; }
.hsn-ekstre-evrak {
    display: inline-block;
    font-size: 0.82em;
    font-weight: 600;
    padding: 2px 8px;
    background: #f1f5f9;
    border-radius: 4px;
}
.hsn-ekstre-aciklama { max-width: 280px; font-size: 0.88em; }
.hsn-ekstre-islem { white-space: nowrap; }
.hsn-modal-ekstre { max-width: 420px; }

.hsn-hesap-bos {
    text-align: center;
    padding: 40px 24px;
    color: var(--hsn-muted);
}
.hsn-hesap-bos i { font-size: 2.5rem; color: #cfd8dc; margin-bottom: 10px; }
.hsn-hesap-bos strong { display: block; color: #334155; font-size: 1.1rem; margin-bottom: 6px; }
.hsn-hesap-bos p { margin: 0 0 14px; }
.hsn-hesap-bos-inline {
    display: flex;
    align-items: center;
    gap: 16px;
    text-align: left;
    padding: 20px;
    background: #f8fafc;
    border: 1px dashed var(--hsn-border);
    border-radius: 10px;
    margin-bottom: 16px;
}
.hsn-hesap-bos-inline i { margin-bottom: 0; font-size: 2rem; color: var(--hsn-yesil); }

.hsn-favori-kart {
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(15,23,42,.05);
    display: flex;
    flex-direction: column;
}
.hsn-favori-sil { position: absolute; top: 8px; right: 8px; z-index: 2; margin: 0; }
.hsn-favori-link {
    display: block;
    padding: 12px 12px 8px;
    text-decoration: none;
    color: inherit;
    flex: 1;
}
.hsn-favori-img-wrap {
    position: relative;
    background: #f8fafc;
    border-radius: 8px;
    padding: 8px;
    margin-bottom: 8px;
}
.hsn-favori-img-wrap img { width: 100%; height: 120px; object-fit: contain; }
.hsn-favori-kod { display: block; font-size: 0.78em; color: var(--hsn-muted); margin-top: 4px; }
.hsn-favori-aksiyon {
    display: flex;
    gap: 8px;
    padding: 0 12px 12px;
    border-top: 1px solid #f1f5f9;
    padding-top: 10px;
    margin-top: auto;
}
.hsn-favori-aksiyon form { margin: 0; }
.hsn-favori-aksiyon .hsn-btn-outline-green.is-on {
    background: var(--hsn-yesil);
    color: #fff;
    border-color: var(--hsn-yesil);
}

.hsn-adres-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}
.hsn-adres-kart-v2 {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 2px 12px rgba(15,23,42,.04);
    position: relative;
}
.hsn-adres-kart-head {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}
.hsn-adres-kart-head > i {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e8f8f0;
    color: var(--hsn-yesil-koyu);
    border-radius: 8px;
    flex-shrink: 0;
}
.hsn-adres-kart-head strong { display: block; font-size: 1em; }
.hsn-adres-varsayilan {
    display: inline-block;
    margin-top: 4px;
    font-size: 0.72em;
    font-weight: 700;
    padding: 2px 8px;
    background: var(--hsn-yesil);
    color: #fff;
    border-radius: 999px;
}
.hsn-adres-il { margin: 0 0 6px; font-weight: 600; font-size: 0.9em; color: #475569; }
.hsn-adres-metin { margin: 0 0 12px; font-size: 0.88em; color: var(--hsn-muted); line-height: 1.45; }
.hsn-adres-sil { margin: 0; }
.hsn-adres-form-kart h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
}
.hsn-adres-form-kart h2 i { color: var(--hsn-yesil); }

@media (max-width: 900px) {
    .hsn-ekstre-widgets { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .hsn-ekstre-widgets { grid-template-columns: 1fr; }
}

/* Banka, garanti, iade, teklif v2 */
.hsn-banka-uyari { margin-bottom: 16px; }
.hsn-banka-kart-v2 {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(15,23,42,.06);
}
.hsn-banka-kart-v2 .hsn-banka-kart-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    color: #fff;
    font-weight: 700;
    font-size: 1.05em;
}
.hsn-banka-dl {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 8px 12px;
    margin: 0 0 14px;
    font-size: 0.9em;
}
.hsn-banka-dl dt { color: var(--hsn-muted); font-weight: 600; }
.hsn-banka-dl dd { margin: 0; }
.hsn-iban-kutu {
    padding: 12px;
    background: #f8fafc;
    border: 1px dashed var(--hsn-border);
    border-radius: 8px;
}
.hsn-iban-label {
    display: block;
    font-size: 0.72em;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--hsn-muted);
    margin-bottom: 6px;
}
.hsn-iban-metin {
    display: block;
    font-size: 0.95em;
    font-weight: 700;
    color: #1565c0;
    word-break: break-all;
    margin-bottom: 10px;
}
.hsn-banka-grid { gap: 16px; }

/* Banka bilgileri — modern vitrin */
.hsn-banka-sayfa { display: flex; flex-direction: column; gap: 18px; }
.hsn-banka-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 24px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(21, 101, 192, 0.08) 0%, rgba(46, 125, 50, 0.06) 100%);
    border: 1px solid rgba(21, 101, 192, 0.12);
}
.hsn-banka-hero-etiket {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #fff;
    color: #1565c0;
    font-size: 0.78rem;
    font-weight: 700;
    margin-bottom: 10px;
}
.hsn-banka-hero h1 { margin: 0 0 8px; font-size: clamp(1.35rem, 2.5vw, 1.75rem); }
.hsn-banka-hero p { margin: 0; color: var(--hsn-muted); max-width: 560px; line-height: 1.55; }
.hsn-banka-ipuclari {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.hsn-banka-ipucu {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}
.hsn-banka-ipucu > i {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(21, 101, 192, 0.08);
    color: #1565c0;
    flex-shrink: 0;
}
.hsn-banka-ipucu strong { display: block; font-size: 0.92rem; margin-bottom: 2px; }
.hsn-banka-ipucu span { display: block; font-size: 0.82rem; color: var(--hsn-muted); line-height: 1.45; }
.hsn-banka-grid-modern {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
    gap: 18px;
}
.hsn-banka-kart-modern {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.07);
}
.hsn-banka-kart-modern-ust {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    background: linear-gradient(135deg, var(--banka-renk, #1565c0) 0%, color-mix(in srgb, var(--banka-renk, #1565c0) 72%, #000) 100%);
    color: #fff;
}
.hsn-banka-kart-logo {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
.hsn-banka-kart-logo img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}
.hsn-banka-kart-logo-yedek {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--banka-renk, #1565c0);
    font-size: 1.5rem;
}
.hsn-banka-kart-modern-ust.is-koyu-yazi {
    color: #1e293b;
}
.hsn-banka-kart-modern-ust.is-koyu-yazi p { opacity: 0.85; }
.hsn-banka-kart-modern-ust.is-koyu-yazi .hsn-banka-kart-logo-yedek { color: #b45309; }
.hsn-banka-kart-baslik p { margin: 0; opacity: 0.92; font-size: 0.86rem; line-height: 1.4; }
.hsn-banka-kart-modern-govde { padding: 18px 20px 20px; }
.hsn-banka-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}
.hsn-banka-meta {
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid var(--hsn-border);
}
.hsn-banka-meta span {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--hsn-muted);
    margin-bottom: 4px;
    font-weight: 700;
}
.hsn-banka-meta strong { font-size: 0.95rem; }
.hsn-banka-iban-blok {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
    padding: 16px;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border: 1px solid var(--hsn-border);
}
.hsn-iban-metin-v2 {
    display: block;
    font-size: clamp(0.92rem, 2vw, 1.05rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0.04em;
    word-break: break-all;
    margin: 0 0 12px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.hsn-banka-aksiyonlar { display: flex; flex-wrap: wrap; gap: 8px; }
.hsn-banka-qr-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 148px;
}
.hsn-banka-qr-wrap {
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid var(--hsn-border);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.6);
}
.hsn-banka-qr-canvas .hsn-banka-qr-svg,
.hsn-banka-qr-canvas svg {
    display: block;
    width: 128px;
    height: 128px;
}
.hsn-banka-qr-not {
    margin: 0;
    font-size: 0.75rem;
    color: var(--hsn-muted);
    text-align: center;
    line-height: 1.35;
}
.hsn-kopya-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%) translateY(12px);
    z-index: 9999;
    padding: 10px 16px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);
    opacity: 0;
    transition: opacity .2s ease, transform .2s ease;
    pointer-events: none;
}
.hsn-kopya-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
@media (max-width: 768px) {
    .hsn-banka-ipuclari { grid-template-columns: 1fr; }
    .hsn-banka-iban-blok { grid-template-columns: 1fr; }
    .hsn-banka-qr-panel { flex-direction: row; flex-wrap: wrap; justify-content: center; }
}

.hsn-garanti-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}
.hsn-garanti-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 999px;
    text-decoration: none;
    color: #64748b;
    font-weight: 600;
    font-size: 0.88em;
}
.hsn-garanti-tab.is-active {
    background: var(--hsn-nav-koyu);
    border-color: var(--hsn-nav-koyu);
    color: #fff;
}
.hsn-garanti-tab:hover:not(.is-active) {
    border-color: var(--hsn-yesil);
    color: var(--hsn-yesil-koyu);
}
.hsn-garanti-sonuc { margin-bottom: 16px; }
.hsn-garanti-sonuc.is-ok { border-left: 4px solid var(--hsn-yesil); }
.hsn-garanti-sonuc.is-warn { border-left: 4px solid #f39c12; }
.hsn-garanti-sonuc-head {
    display: flex;
    align-items: center;
    gap: 12px;
}
.hsn-garanti-sonuc.is-ok .hsn-garanti-sonuc-head i { color: var(--hsn-yesil); font-size: 1.4rem; }
.hsn-garanti-sonuc.is-warn .hsn-garanti-sonuc-head i { color: #f39c12; font-size: 1.4rem; }
.hsn-garanti-form-kart h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    margin: 0 0 14px;
}
.hsn-garanti-form-kart h2 i { color: var(--hsn-yesil); }
.hsn-garanti-not {
    margin: 14px 0 0;
    font-size: 0.82em;
    color: var(--hsn-muted);
}

.hsn-talep-durum {
    display: inline-flex;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.75em;
    font-weight: 700;
}
.hsn-talep-durum.is-wait { background: #fff3e0; color: #e65100; }
.hsn-talep-durum.is-prep { background: #e3f2fd; color: #1565c0; }
.hsn-talep-durum.is-done { background: #e8f8f0; color: var(--hsn-yesil-koyu); }
.hsn-talep-durum.is-cancel { background: #ffebee; color: #c62828; }
.hsn-talep-durum.is-default { background: #f1f5f9; color: #64748b; }

.hsn-iade-layout {
    display: grid;
    grid-template-columns: minmax(280px, 380px) 1fr;
    gap: 16px;
    align-items: start;
}
.hsn-iade-form h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    margin: 0 0 14px;
}
.hsn-iade-form h2 i { color: var(--hsn-yesil); }
.hsn-iade-liste-baslik {
    margin: 0 0 12px;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hsn-iade-liste-baslik span {
    font-size: 0.82em;
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 999px;
    color: #64748b;
}
.hsn-talep-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hsn-talep-kart {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
    padding: 14px 16px;
    box-shadow: 0 2px 10px rgba(15,23,42,.04);
}
.hsn-talep-kart-ust {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}
.hsn-talep-tarih {
    font-size: 0.82em;
    color: var(--hsn-muted);
}
.hsn-talep-tarih i { margin-right: 4px; }
.hsn-hesap-bos-compact { padding: 24px 16px; }
.hsn-hesap-bos-compact i { font-size: 1.8rem; }
.hsn-hesap-bos-compact p { margin: 0; }

.hsn-teklif-kart .hsn-talep-kart-ust { align-items: flex-start; }
.hsn-teklif-ikon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e8f8f0;
    color: var(--hsn-yesil-koyu);
    border-radius: 8px;
    flex-shrink: 0;
}
.hsn-teklif-alt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--hsn-border);
}
.hsn-teklif-tutar { color: var(--hsn-yesil-koyu); margin-left: auto; }

.hsn-kayitli-sepet-kaydet h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    margin: 0 0 12px;
}
.hsn-sepet-kart-aksiyon {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--hsn-border);
}
.hsn-sepet-kart-aksiyon form { margin: 0; }

@media (max-width: 900px) {
    .hsn-iade-layout { grid-template-columns: 1fr; }
}

/* Hesap ana sayfa dashboard */
.hsn-hesap-welcome {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding: 20px 22px;
    margin-bottom: 16px;
    background: linear-gradient(135deg, var(--hsn-nav-koyu) 0%, #1a3a2e 100%);
    border-radius: 12px;
    color: #fff;
}
.hsn-hesap-welcome h1 { margin: 4px 0 8px; color: #fff; font-size: 1.45rem; }
.hsn-hesap-welcome .hsn-muted { color: rgba(255,255,255,.8); }
.hsn-hesap-welcome .hsn-muted strong { color: #fff; }
.hsn-hesap-welcome-eyebrow {
    margin: 0;
    font-size: 0.72em;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .75;
}
.hsn-hesap-widgets {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}
.hsn-hesap-widget {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 2px 10px rgba(15,23,42,.04);
    transition: border-color .15s, transform .15s;
}
.hsn-hesap-widget:hover {
    border-color: var(--hsn-yesil);
    transform: translateY(-1px);
}
.hsn-hesap-widget i { color: var(--hsn-yesil); font-size: 1.1rem; }
.hsn-hesap-widget strong { font-size: 1.2em; color: #1e293b; }
.hsn-hesap-widget span { font-size: 0.78em; color: var(--hsn-muted); font-weight: 600; }
.hsn-hesap-widget.is-alert { border-color: #ffb74d; background: #fff8e1; }
.hsn-hesap-widget.is-alert i { color: #e65100; }

.hsn-hesap-hizli {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}
.hsn-hesap-hizli-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    text-decoration: none;
    color: #475569;
    font-weight: 600;
    font-size: 0.88em;
    transition: background .15s, color .15s;
}
.hsn-hesap-hizli-item:hover {
    background: #e8f8f0;
    color: var(--hsn-yesil-koyu);
    border-color: rgba(46,204,113,.35);
}
.hsn-hesap-hizli-item i {
    width: 20px;
    text-align: center;
    color: var(--hsn-yesil);
}

.hsn-hesap-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
}
.hsn-hesap-form-grid h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    margin: 0 0 14px;
}
.hsn-hesap-form-grid h2 i { color: var(--hsn-yesil); }
.hsn-profil-not {
    margin: 12px 0 0;
    font-size: 0.85em;
    color: var(--hsn-muted);
}
.hsn-checkbox-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

/* Statik sayfalar v2 */
.hsn-sayfa-hero {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--hsn-yesil);
}
.hsn-sayfa-hero h1 { margin: 0 0 8px; font-size: 1.75rem; color: var(--hsn-yesil-koyu); }
.hsn-sayfa-hero p { margin: 0; color: var(--hsn-muted); }
.hsn-prose-kutu { padding: 24px; }
.hsn-sayfa-alt-not { margin-top: 1.5rem; }
.hsn-iletisim-kart {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 12px rgba(15,23,42,.04);
}
.hsn-iletisim-kart-wide { grid-column: span 2; }
.hsn-iletisim-ikon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    background: #e8f8f0;
    color: var(--hsn-yesil-koyu);
    border-radius: 10px;
    font-size: 1.2rem;
    margin-bottom: 12px;
}
.hsn-iletisim-ikon.is-wa { background: #e8f5e9; color: #25d366; }
.hsn-iletisim-kart h2 { margin: 0 0 8px; font-size: 1rem; color: #334155; }
.hsn-iletisim-kart p { margin: 0; font-size: 0.92em; line-height: 1.5; }
.hsn-iletisim-kart a { color: var(--hsn-yesil-koyu); font-weight: 600; text-decoration: none; }
.hsn-iletisim-kart a:hover { text-decoration: underline; }
.hsn-iletisim-sosyal { display: flex; gap: 12px; }
.hsn-iletisim-sosyal a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    border-radius: 50%;
    font-size: 1.2rem;
    color: #475569;
}
.hsn-iletisim-sosyal a:hover { background: var(--hsn-yesil); color: #fff; }

/* İletişim sayfası v3 */
.hsn-iletisim-sayfa .hsn-container { padding: 24px 0 56px; }
.hsn-iletisim-hizli {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}
.hsn-iletisim-aksiyon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 999px;
    color: var(--hsn-metin);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(15,23,42,.04);
    transition: border-color .15s, background .15s, color .15s;
}
.hsn-iletisim-aksiyon i { color: var(--hsn-yesil-koyu); }
.hsn-iletisim-aksiyon:hover {
    border-color: var(--hsn-yesil);
    background: #f0fdf4;
    color: var(--hsn-yesil-koyu);
}
.hsn-iletisim-aksiyon.is-wa i { color: #25d366; }
.hsn-iletisim-aksiyon.is-wa:hover { background: #ecfdf5; border-color: #25d366; }
.hsn-iletisim-ana {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch;
}
.hsn-iletisim-sol,
.hsn-iletisim-sag {
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.hsn-iletisim-panel,
.hsn-iletisim-harita-kutu {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.hsn-iletisim-panel { padding: 24px; }
.hsn-iletisim-alt-not { margin-top: 20px; }
.hsn-iletisim-unvan {
    margin: 0 0 18px;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: .02em;
    color: var(--hsn-muted);
    text-transform: uppercase;
}
.hsn-iletisim-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.hsn-iletisim-liste li {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.hsn-iletisim-liste-ikon {
    flex-shrink: 0;
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    background: #e8f8f0;
    color: var(--hsn-yesil-koyu);
    border-radius: 10px;
    font-size: 1.05rem;
}
.hsn-iletisim-liste strong {
    display: block;
    margin-bottom: 4px;
    font-size: 0.82rem;
    color: var(--hsn-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.hsn-iletisim-liste p { margin: 0; line-height: 1.55; color: var(--hsn-metin); font-size: 0.94rem; }
.hsn-iletisim-liste a { color: var(--hsn-yesil-koyu); font-weight: 600; text-decoration: none; font-size: 0.94rem; }
.hsn-iletisim-liste a:hover { text-decoration: underline; }
.hsn-iletisim-link {
    display: inline-block;
    margin-top: 6px;
    font-size: 0.85rem !important;
}
.hsn-iletisim-sosyal-blok {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--hsn-border);
}
.hsn-iletisim-sosyal-blok strong {
    display: block;
    margin-bottom: 10px;
    font-size: 0.82rem;
    color: var(--hsn-muted);
    text-transform: uppercase;
    letter-spacing: .03em;
}
.hsn-iletisim-harita-kutu {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(15,23,42,.06);
}
.hsn-iletisim-harita-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--hsn-border);
    background: #f8fafc;
}
.hsn-iletisim-harita-baslik h2 {
    margin: 0;
    font-size: 1rem;
    color: var(--hsn-yesil-koyu);
    display: flex;
    align-items: center;
    gap: 8px;
}
.hsn-iletisim-harita-wrap {
    position: relative;
    flex: 1;
    width: 100%;
    min-height: 0;
    background: #e2e8f0;
}
.hsn-iletisim-harita-wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.hsn-btn-sm {
    padding: 7px 12px;
    font-size: 0.82rem;
}

@media (max-width: 900px) {
    .hsn-hesap-widgets { grid-template-columns: repeat(2, 1fr); }
    .hsn-hesap-hizli { grid-template-columns: repeat(2, 1fr); }
    .hsn-hesap-form-grid { grid-template-columns: 1fr; }
    .hsn-iletisim-kart-wide { grid-column: span 1; }
    .hsn-iletisim-ana { grid-template-columns: 1fr; }
    .hsn-iletisim-panel,
    .hsn-iletisim-harita-kutu { height: auto; }
    .hsn-iletisim-harita-wrap {
        flex: none;
        aspect-ratio: 16 / 10;
        min-height: 240px;
    }
}
@media (max-width: 480px) {
    .hsn-hesap-hizli { grid-template-columns: 1fr; }
}

/* pcbayi tarzı tam ekran giriş */
.hsn-body-auth {
    zoom: 1;
    --ui-zoom: 1;
    margin: 0;
    min-height: 100vh;
    min-height: 100dvh;
    background: #f4f6f8;
    overflow-x: hidden;
}
.hsn-body-auth .hsn-page-auth {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0;
    margin: 0;
    max-width: none;
    width: 100%;
}
.hsn-body-auth .hsn-site-overlay {
    display: none !important;
}
.hsn-auth-pcb {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex: 1 1 auto;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
}
.hsn-auth-pcb-promo {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    color: #fff;
    background: #0a1628;
    min-height: 100%;
}
.hsn-auth-pcb-promo-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, #0a1628, #0f2744 50%, #0c1f33);
    z-index: 0;
}
.hsn-auth-pcb-promo-glow {
    display: none;
}
.hsn-auth-pcb-promo-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: inherit;
    display: flex;
    align-items: stretch;
}
.hsn-auth-pcb-banner {
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: flex;
    border-radius: 0;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.hsn-auth-pcb-banner img {
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.hsn-auth-pcb-slogan-kutu {
    position: relative;
    padding: 44px 38px 40px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(18px);
    text-align: center;
    color: #0f2942;
}
.hsn-auth-pcb-slogan-mark {
    display: inline-block;
    margin-bottom: 22px;
    padding: 6px 14px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--hsn-yesil-koyu);
    background: rgba(13, 148, 136, 0.1);
    border-radius: 999px;
}
.hsn-auth-pcb-slogan-satir {
    margin: 0 0 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 10px 14px;
    line-height: 1;
}
.hsn-auth-pcb-slogan-num {
    font-size: clamp(4rem, 11vw, 5.5rem);
    font-weight: 800;
    color: var(--hsn-yesil);
    letter-spacing: -0.04em;
}
.hsn-auth-pcb-slogan-vurgu {
    font-size: clamp(1.45rem, 3.2vw, 1.95rem);
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.15;
    text-align: left;
}
.hsn-auth-pcb-slogan-alt {
    margin: 0;
    font-size: clamp(1.55rem, 3.4vw, 2.15rem);
    font-weight: 800;
    color: #0f2942;
    letter-spacing: -0.02em;
    line-height: 1.2;
}
.hsn-auth-pcb-slogan {
    margin: 0;
    font-size: clamp(1.35rem, 2.8vw, 1.85rem);
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.4;
    letter-spacing: -.01em;
}
.hsn-auth-pcb-exp {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 20px;
}
.hsn-auth-pcb-exp-num {
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1;
    color: var(--hsn-yesil);
    letter-spacing: -.03em;
}
.hsn-auth-pcb-exp-text {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.15;
}
.hsn-auth-pcb-promo h2 {
    margin: 0 0 14px;
    font-size: 1.55rem;
    font-weight: 700;
    color: #333;
    line-height: 1.25;
}
.hsn-auth-pcb-promo p {
    margin: 0 0 22px;
    font-size: 0.95rem;
    color: #5f6b7a;
    line-height: 1.55;
}
.hsn-auth-pcb-cta {
    display: inline-block;
    padding: 14px 28px;
    background: var(--hsn-yesil);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-decoration: none;
    border-radius: 6px;
    transition: background .2s;
}
.hsn-auth-pcb-cta:hover {
    background: var(--hsn-yesil-koyu);
    color: #fff;
}
.hsn-auth-pcb-partners-title {
    margin: 36px 0 14px !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #444 !important;
}
.hsn-auth-pcb-partners {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.hsn-auth-pcb-partner {
    flex: 1 1 100px;
    min-width: 90px;
    background: #fff;
    border: 1px solid #e8ecef;
    border-radius: 6px;
    padding: 12px 10px 0;
    text-align: center;
    box-shadow: 0 4px 14px rgba(0,0,0,.04);
}
.hsn-auth-pcb-partner span {
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    color: #333;
    margin-bottom: 8px;
}
.hsn-auth-pcb-partner em {
    display: block;
    font-size: 0.62rem;
    font-style: normal;
    font-weight: 700;
    color: #fff;
    background: var(--hsn-yesil);
    padding: 4px 6px;
    border-radius: 0 0 4px 4px;
    letter-spacing: .04em;
}
.hsn-auth-pcb-form {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f8fa;
    padding: 40px 24px;
}
.hsn-auth-pcb-form-inner {
    width: 100%;
    max-width: 400px;
}
.hsn-auth-pcb-form-wide { max-width: 640px; }
.hsn-auth-pcb-logo {
    display: block;
    text-align: center;
    margin-bottom: 28px;
}
.hsn-auth-pcb-logo img {
    max-width: 200px;
    height: auto;
    object-fit: contain;
    background: transparent !important;
}
.hsn-auth-pcb-welcome {
    margin: 0 0 8px;
    text-align: center;
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--hsn-yesil);
}
.hsn-auth-pcb-hint {
    margin: 0 0 22px;
    text-align: center;
    font-size: 0.88rem;
    color: #7a8699;
    line-height: 1.45;
}
.hsn-auth-pcb-alert {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 0.86rem;
    margin-bottom: 16px;
}
.hsn-auth-pcb-alert.is-err {
    background: #fdecea;
    border: 1px solid #f5c6c0;
    color: #b42318;
}
.hsn-auth-pcb-alert.is-ok {
    background: #e8f8f0;
    border: 1px solid #b7e4c7;
    color: #1e6b3a;
}
.hsn-auth-pcb-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-bottom: 22px;
}
.hsn-auth-pcb-tab {
    padding: 12px 10px;
    border: none;
    background: #5a6268;
    color: #fff;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s;
}
.hsn-auth-pcb-tab:first-child { border-radius: 4px 0 0 4px; }
.hsn-auth-pcb-tab:last-child { border-radius: 0 4px 4px 0; }
.hsn-auth-pcb-tab.is-active { background: #3d4449; }
.hsn-auth-pcb-tab:not(.is-active):hover { background: #4a5156; }
.hsn-auth-pcb-panel { display: none; }
.hsn-auth-pcb-panel.is-active { display: block; }
.hsn-auth-pcb-fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.hsn-auth-pcb-fields.hsn-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.hsn-auth-pcb-fields .tam { grid-column: 1 / -1; }
.hsn-auth-pcb-field span:first-child {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 6px;
}
.hsn-auth-pcb-input-wrap {
    position: relative;
    display: block;
}
.hsn-auth-pcb-input-wrap > i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9aa5b5;
    font-size: 0.9rem;
    pointer-events: none;
}
.hsn-auth-pcb-input-wrap .form-control {
    width: 100%;
    padding: 12px 12px 12px 38px;
    border: 1px solid #dce1e8;
    border-radius: 5px;
    font: inherit;
    font-size: 0.92rem;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s;
}
.hsn-auth-pcb-input-wrap .form-control:focus {
    outline: none;
    border-color: #7ec8f7;
    box-shadow: 0 0 0 3px rgba(126,200,247,.25);
    background: #f0f8ff;
}
.hsn-auth-pcb-input-wrap.has-toggle .form-control { padding-right: 42px; }
.hsn-auth-pcb-pw-toggle {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    color: #9aa5b5;
    cursor: pointer;
    padding: 6px;
}
.hsn-auth-pcb-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 2px;
}
.hsn-auth-pcb-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.86rem;
    color: #5f6b7a;
    cursor: pointer;
}
.hsn-auth-pcb-check input { accent-color: var(--hsn-yesil); }
.hsn-auth-pcb-link {
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--hsn-yesil);
    text-decoration: none;
}
.hsn-auth-pcb-link:hover { color: var(--hsn-yesil-koyu); text-decoration: underline; }
.hsn-auth-pcb-submit {
    width: 100%;
    margin-top: 6px;
    padding: 14px 20px;
    border: none;
    border-radius: 6px;
    background: var(--hsn-yesil);
    color: #fff;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, transform .15s;
}
.hsn-auth-pcb-submit:hover:not(:disabled) {
    background: var(--hsn-yesil-koyu);
    transform: translateY(-1px);
}
.hsn-auth-pcb-submit:disabled { opacity: .55; cursor: not-allowed; }
.hsn-auth-pcb-sms-note {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    background: #eef2f7;
    border-radius: 6px;
    margin-bottom: 16px;
    font-size: 0.88rem;
    color: #5f6b7a;
}
.hsn-auth-pcb-sms-note i {
    font-size: 1.4rem;
    color: var(--hsn-yesil);
    margin-top: 2px;
}
.hsn-auth-pcb-footer {
    margin: 22px 0 0;
    text-align: center;
    font-size: 0.9rem;
    color: #7a8699;
}
.hsn-auth-pcb-footer a {
    color: var(--hsn-yesil);
    font-weight: 600;
    text-decoration: none;
}
.hsn-auth-pcb-footer a:hover { text-decoration: underline; }
.hsn-auth-pcb-fields textarea.form-control {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    min-height: 88px;
    resize: vertical;
}
@media (max-width: 960px) {
    .hsn-auth-pcb { grid-template-columns: 1fr; }
    .hsn-auth-pcb-promo { min-height: clamp(220px, 38vw, 320px); padding: 0; }
    .hsn-auth-pcb-banner img { object-position: center 42%; }
    .hsn-auth-pcb-partners { display: none; }
    .hsn-auth-pcb-form { padding: 32px 20px 48px; }
}
@media (max-width: 520px) {
    .hsn-auth-pcb-fields.hsn-form-grid { grid-template-columns: 1fr; }
    .hsn-auth-pcb-slogan-vurgu { text-align: center; }
    .hsn-auth-pcb-slogan-satir { justify-content: center; }
    .hsn-auth-pcb-exp-num { font-size: 3.2rem; }
}

/* Karartma: anasayfa ve nav — spotlight (panel parlak, geri kalan karartma); tam ekran overlay yok */
.hsn-site-overlay {
    display: none !important;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 150;
    pointer-events: none;
}
body.hsn-show-overlay:not(.hsn-body-home) .hsn-site-overlay,
body.hsn-body-home.hsn-show-overlay .hsn-site-overlay {
    display: none !important;
}
/* Anasayfa: spotlight — sadece aside.hsn-home-cats (ana+alt menü) aydınlık kalır */
body.hsn-body-home.hsn-show-overlay .hsn-home-hero {
    isolation: auto;
}
body.hsn-body-home.hsn-show-overlay .hsn-home-cats.is-mega-open {
    position: relative;
    z-index: 200;
    overflow: visible;
}
/* Nav kategori menüsü — anasayfa hero ile aynı spotlight */
body.hsn-show-overlay:not(.hsn-body-home) #hsn-kategoriler.is-mega-open {
    position: relative;
    z-index: 200;
    overflow: visible;
}
body.hsn-show-overlay:not(.hsn-body-home) #hsn-kategoriler.is-mega-open .hsn-mega-cats-wrap {
    box-shadow:
        8px 8px 24px rgba(0, 0, 0, 0.14),
        0 0 0 9999px rgba(0, 0, 0, 0.55);
}

/* ——— Anasayfa pcbayi (_ref_pcbayi/x/home_css.txt) ——— */
.hsn-home {
    background: #fff;
    padding-bottom: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.hsn-body-home .hsn-page {
    overflow: visible;
}
.hsn-nav-rest {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    flex-wrap: nowrap;
    min-width: 0;
}
.hsn-body-home .hsn-nav-inner {
    display: grid;
    grid-template-columns: var(--hsn-home-cats-w) minmax(0, 1fr);
    gap: var(--hsn-home-grid-gap);
    justify-content: center;
    max-width: var(--hsn-home-hero-w);
    margin: 0 auto;
    padding: 0 6px;
    align-items: center;
    height: 100%;
    min-height: 53px;
}
.hsn-body-home #hsn-kategoriler {
    grid-column: 1;
    width: var(--hsn-home-cats-w);
    justify-self: start;
}
.hsn-body-home .hsn-nav-rest {
    grid-column: 2;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    min-width: 0;
    min-height: 0;
}
.hsn-body-home .hsn-nav-spacer {
    flex: 1;
    min-width: 12px;
}
.hsn-body-home #hsn-markalar {
    width: auto;
    flex-shrink: 0;
}
.hsn-body-home .hsn-container.hsn-home-hero,
.hsn-home-hero {
    container-type: inline-size;
    container-name: hsn-home-hero;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    max-width: var(--hsn-home-hero-w);
    min-height: var(--hsn-home-slider-h);
    margin: 0 auto;
    padding: var(--hsn-cat-panel-mt) 6px 0;
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
}
.hsn-home-hero .hsn-home-cats {
    width: var(--hsn-home-cats-w);
    height: var(--hsn-home-content-h);
    min-height: var(--hsn-home-content-h);
    max-height: var(--hsn-home-content-h);
    flex-shrink: 0;
    align-self: stretch;
    position: relative;
    z-index: 3;
    margin-top: 0;
}
.hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) {
    z-index: 5;
}
.hsn-home-center {
    flex: 0 0 var(--hsn-home-slider-flex);
    padding: 0 15px;
    overflow: hidden;
    min-width: 0;
    height: var(--hsn-home-content-h);
    min-height: var(--hsn-home-content-h);
    max-height: var(--hsn-home-content-h);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.hsn-home-side-banners {
    flex: 0 0 var(--hsn-home-banner-flex);
    padding: 0;
    height: var(--hsn-home-content-h);
    min-height: var(--hsn-home-content-h);
    max-height: var(--hsn-home-content-h);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.hsn-home-cats-flyout {
    width: 100%;
    height: 100%;
    min-height: 0;
    position: relative;
    overflow: visible;
}
.hsn-home-hero .hsn-home-cats .hsn-mega-cats-wrap {
    display: block;
    position: absolute;
    /* left/top:0 + width/height:100% konumlandığı ATA'nın (.hsn-home-cats) PADDING'ini
       yok sayardı (absolute içerik, ata'nın padding kutusuna göre değil kenarlığın iç
       yüzeyine göre hizalanır) — bu da satır içeriğini (özellikle sağdaki ok ikonunu)
       görünür çerçevenin dışına taşırıyordu. Padding kadar inset vererek düzeltiyoruz. */
    left: var(--hsn-cat-panel-pad);
    top: var(--hsn-cat-panel-pad);
    right: var(--hsn-cat-panel-pad);
    bottom: var(--hsn-cat-panel-pad);
    width: auto;
    height: auto;
    min-height: 0;
    box-sizing: border-box;
}
/* Açık menü: tek parça flex panel (ana + alt, boşluksuz, aynı yükseklik) */
.hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) {
    padding: 0;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}
.hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    position: relative;
    left: 0;
    top: 0;
    width: var(--hsn-home-mega-panel-w);
    min-width: var(--hsn-home-mega-panel-w);
    max-width: var(--hsn-home-mega-panel-w);
    height: 100%;
    min-height: var(--hsn-home-content-h);
    max-height: var(--hsn-home-content-h);
    border: 1px solid var(--hsn-cat-panel-border);
    border-radius: var(--hsn-cat-panel-radius);
    background: #fff;
    box-shadow: 8px 8px 24px rgba(0, 0, 0, 0.14);
    overflow: hidden;
}
body.hsn-body-home.hsn-show-overlay .hsn-home-cats.is-mega-open .hsn-mega-cats-wrap {
    box-shadow:
        8px 8px 24px rgba(0, 0, 0, 0.14),
        0 0 0 9999px rgba(0, 0, 0, 0.55);
}
.hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-primary {
    flex: 0 0 var(--hsn-home-cats-w);
    width: var(--hsn-home-cats-w);
    min-width: var(--hsn-home-cats-w);
    max-width: var(--hsn-home-cats-w);
    height: 100%;
    min-height: 100%;
    align-self: stretch;
    margin: 0;
    padding: var(--hsn-cat-panel-pad);
    border: none;
    border-right: 1px solid var(--hsn-cat-panel-border);
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-sizing: border-box;
    box-shadow: none;
}
.hsn-home-cats:not(:has(.hsn-mega-cat-item.has-children.is-active)) .hsn-mega-cats-primary {
    height: 100%;
    border: none;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: transparent;
}
.hsn-home-cats .hsn-mega-cat-list {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(var(--hsn-home-content-h) - 20px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    padding-left: 0;
    list-style: none;
}
.hsn-home-cats .hsn-mega-cats-secondary {
    display: none !important;
}
.hsn-home-cats .hsn-mega-cats-promo {
    display: none;
    flex: 0 0 var(--hsn-home-mega-promo-w);
    width: var(--hsn-home-mega-promo-w);
    min-width: var(--hsn-home-mega-promo-w);
    max-width: var(--hsn-home-mega-promo-w);
    height: 100%;
    min-height: 100%;
    align-self: stretch;
    margin: 0;
    padding: var(--hsn-home-mega-promo-pad);
    border: none;
    border-left: 1px solid var(--hsn-cat-panel-border);
    border-radius: 0;
    overflow: hidden;
    background: #f8f9fa;
    box-sizing: border-box;
    position: relative;
}
.hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-promo {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hsn-mega-promo-pane {
    display: none;
    width: 100%;
    height: 100%;
    min-height: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.hsn-mega-promo-pane.is-active {
    display: flex;
}
.hsn-mega-promo-pane .hsn-mega-promo-kare {
    width: min(100%, calc(var(--hsn-home-content-h) - var(--hsn-home-mega-promo-pad) * 2 - 20px));
    max-width: 100%;
    aspect-ratio: 1 / 1;
    max-height: calc(var(--hsn-home-content-h) - var(--hsn-home-mega-promo-pad) * 2 - 20px);
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid var(--hsn-cat-panel-border);
    border-radius: var(--hsn-cat-panel-radius);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hsn-mega-cats-promo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.hsn-mega-cats-promo-link img,
.hsn-mega-cats-promo-img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}
.hsn-mega-cats-promo-empty {
    width: 100%;
    height: 100%;
    min-height: 120px;
    background: linear-gradient(145deg, #eef1f4 0%, #f8f9fa 100%);
    border-radius: calc(var(--hsn-cat-panel-radius) - 2px);
}
.hsn-home-cats:has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-secondary {
    display: block !important;
    position: static;
    left: auto;
    top: auto;
    flex: 1 1 var(--hsn-home-mega-mid-w);
    width: auto;
    min-width: 0;
    max-width: none;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    align-self: stretch;
    margin: 0;
    padding: var(--hsn-cat-panel-pad);
    box-sizing: border-box;
    border: none !important;
    border-radius: 0;
    box-shadow: none !important;
    overflow-x: auto;
    overflow-y: auto;
    pointer-events: auto;
    background: #fff;
}
.hsn-home-cats .hsn-mega-alt-columns {
    column-count: unset;
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    height: 430px;
    gap: 0;
}
.hsn-home-cats .hsn-mega-alt-section {
    width: 25%;
    margin: 0 0 15px;
    break-inside: avoid;
}
@media (max-width: 1400px) {
    .hsn-mega-alt-columns {
        column-count: 2;
        column-gap: 24px;
    }
}
.hsn-home-slider-wrap {
    width: 100%;
    height: var(--hsn-home-content-h);
    min-height: var(--hsn-home-content-h);
    max-height: var(--hsn-home-content-h);
}
.hsn-home-slider-wrap .hsn-slider {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: block;
}
.hsn-home-slider-wrap .hsn-slider-track {
    height: 100%;
}
.hsn-home-slider-wrap .hsn-slide {
    height: 100%;
    min-height: 0;
}
.hsn-home-slider-wrap .hsn-slide-inner {
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
}
.hsn-slider-pcb {
    border-radius: var(--bs-border-radius, 4px);
    border: 1px solid var(--hsn-border);
    background-color: #eef2f6;
}
.hsn-slide.is-pcb {
    background-color: #eef2f6;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.hsn-home-slider-wrap .hsn-slide.has-img::before,
.hsn-home-slider-wrap .hsn-slide.is-pcb.has-img::before {
    display: none;
}
.hsn-home-slider-wrap .hsn-slide.is-pcb.has-overlay .hsn-slide-inner {
    align-items: flex-end;
    padding: 24px 20px 36px;
    min-height: 0;
}
.hsn-slide.is-pcb .hsn-slide-text {
    max-width: 480px;
}
.hsn-home-slider-wrap .hsn-slide.has-img .hsn-slide-text,
.hsn-home-slider-wrap .hsn-slide.has-img .hsn-slide-text h2,
.hsn-home-slider-wrap .hsn-slide.has-img .hsn-slide-text p {
    color: #fff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
}
.hsn-slide.is-pcb .hsn-slide-text h2 {
    font-size: clamp(1.2rem, 2.2vw, 1.75rem);
}
.hsn-slide.is-pcb .hsn-slide-text p {
    opacity: 0.95;
}
.hsn-slide.no-img {
    background: linear-gradient(120deg, #d4f4e8 0%, #e8f7fc 50%, #fff 100%);
}
.hsn-slide.no-img .hsn-slide-text { color: #1a2b3c; }
.hsn-slide.no-img .hsn-slide-text h2 { color: #1a2b3c; text-shadow: none; }
.hsn-home-hero .hsn-home-side-banners {
    display: flex;
    flex-direction: column;
    gap: var(--hsn-home-side-gap);
    width: 100%;
    height: var(--hsn-home-content-h);
    min-height: var(--hsn-home-content-h);
    max-height: var(--hsn-home-content-h);
    flex-shrink: 0;
    box-sizing: border-box;
}
.hsn-home-hero .hsn-side-banner {
    width: 100%;
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    max-height: none;
    border-radius: var(--bs-border-radius, 4px);
    padding: 18px 16px;
    color: #fff;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(0,0,0,.06);
    position: relative;
    overflow: hidden;
}
.hsn-side-banner.has-img::after {
    display: none;
}
.hsn-side-banner strong,
.hsn-side-banner span { position: relative; z-index: 1; }
.hsn-side-banner.is-light {
    color: #1a2b3c;
}
.hsn-side-banner.is-light.has-img::after {
    display: none;
}
.hsn-side-banner strong { font-size: 1.05em; line-height: 1.25; }
.hsn-side-banner span { font-size: 0.84em; opacity: 0.92; margin-top: 4px; }
/* Anasayfa bölüm aralıkları */
.hsn-home > .hsn-home-section {
    padding: var(--hsn-home-block-py) 12px;
}
.hsn-home > .hsn-home-section .hsn-section-head {
    margin-bottom: 14px;
}
.hsn-home > .hsn-trust-band {
    margin: 0;
    padding: 14px 0;
}
.hsn-home > .hsn-cta-band {
    margin: 0;
    padding: 28px 0;
}
/* Alt promosyon şeridi — pcbayi .main-section */
.hsn-home-promo-zone {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 12px 0 16px;
    box-sizing: border-box;
    flex-shrink: 0;
    background: #f2f2f2;
}
.hsn-home-promo-strip {
    display: grid;
    grid-template-columns: repeat(var(--hsn-home-promo-cols), minmax(0, 1fr));
    gap: var(--hsn-home-promo-gap);
    width: 100%;
    max-width: var(--hsn-home-hero-w);
    margin: 0 auto;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0 15px;
}
.hsn-home-promo-strip .hsn-promo-tile-lg {
    height: auto;
    min-height: 240px;
    max-height: none;
    width: 100%;
}
.hsn-promo-tile-lg {
    height: auto;
    min-height: 240px;
    max-height: none;
    border-radius: var(--bs-border-radius, 4px);
    padding: 10px 14px;
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(0,0,0,.06);
    position: relative;
    overflow: hidden;
    transition: transform .2s, box-shadow .2s;
}
.hsn-promo-tile-lg:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,.1);
}
.hsn-promo-tile-lg.has-img::after {
    display: none;
}
.hsn-promo-tile-lg.is-light { color: #fff; }
.hsn-promo-tile-lg.is-light strong,
.hsn-promo-tile-lg.is-light span { color: #fff; }
.hsn-promo-tile-lg.is-dark { color: #1a2b3c; }
.hsn-promo-tile-lg.is-dark strong,
.hsn-promo-tile-lg.is-dark span { color: #1a2b3c; }
.hsn-promo-tile-lg strong,
.hsn-promo-tile-lg span {
    position: relative;
    z-index: 1;
}
.hsn-promo-tile-lg strong {
    display: block;
    font-size: 1.02em;
    line-height: 1.25;
}
.hsn-promo-tile-lg span {
    display: block;
    font-size: 0.82em;
    margin-top: 4px;
    opacity: 0.92;
}
.hsn-float-rail {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 180;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    overflow: visible;
}
.hsn-float-rail-item {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    color: var(--hsn-muted);
    text-decoration: none;
    border: 1px solid var(--hsn-border);
    border-right: none;
    border-radius: 8px 0 0 8px;
    background: rgba(255,255,255,.96);
    box-shadow: -4px 0 12px rgba(0,0,0,.06);
    cursor: pointer;
    font: inherit;
    font-size: 1.05rem;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    transition:
        width .28s ease,
        padding .28s ease,
        color .2s ease,
        background .2s ease,
        box-shadow .28s ease;
}
.hsn-float-rail-label {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1;
    transition:
        max-width .28s ease,
        opacity .22s ease .04s,
        margin .28s ease;
    margin-right: 0;
    pointer-events: none;
}
.hsn-float-rail-item i {
    flex-shrink: 0;
    width: 44px;
    text-align: center;
    transition: transform .28s ease;
}
.hsn-float-rail-item:hover,
.hsn-float-rail-item:focus-visible {
    width: max-content;
    min-width: 44px;
    padding-left: 14px;
    color: var(--hsn-yesil-koyu);
    background: #e8f8f0;
    z-index: 2;
    box-shadow: -6px 0 18px rgba(0,0,0,.1);
}
.hsn-float-rail-item:hover .hsn-float-rail-label,
.hsn-float-rail-item:focus-visible .hsn-float-rail-label {
    max-width: 160px;
    opacity: 1;
    margin-right: 2px;
}
.hsn-float-rail-item:hover i,
.hsn-float-rail-item:focus-visible i {
    transform: translateX(-4px);
}
.hsn-account-mega-pcb {
    width: min(560px, 92vw);
}
.hsn-account-mega-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 0;
}
.hsn-account-mega-reps {
    padding: 14px 16px;
    border-right: 1px solid var(--hsn-border);
    background: #fafbfc;
}
.hsn-account-rep {
    margin-bottom: 14px;
    font-size: 0.86em;
    line-height: 1.45;
}
.hsn-account-rep:last-child { margin-bottom: 0; }
.hsn-account-rep strong {
    display: block;
    font-size: 0.78em;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--hsn-muted);
    margin-bottom: 4px;
}
.hsn-account-rep span {
    display: block;
    font-weight: 700;
    color: var(--hsn-metin);
}
.hsn-account-rep a {
    color: var(--hsn-yesil-koyu);
    text-decoration: none;
    font-weight: 600;
}
.hsn-account-mega-pcb .hsn-account-mega-links a {
    border-bottom: 1px solid #f0f2f5;
}
.hsn-account-mega-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    background: #f8f9fa;
    border-top: 1px solid var(--hsn-border);
    color: var(--hsn-metin);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.92em;
}
.hsn-account-mega-logout:hover {
    background: #fdecea;
    color: #b42318;
}
@media (max-width: 1500px) {
    .hsn-body-home {
        --hsn-home-banner-flex: 0;
        --hsn-home-mega-promo-w: 0px;
        --hsn-home-mega-mid-w: calc(100cqw - var(--hsn-home-cats-w));
        --hsn-home-cats-secondary-w: var(--hsn-home-mega-mid-w);
    }
    :root {
        --hsn-nav-mega-promo-w: 0px;
        --hsn-nav-mega-mid-w: calc(var(--hsn-nav-mega-panel-w) - var(--hsn-cat-panel-w));
    }
    .hsn-home-cats .hsn-mega-cats-promo,
    #hsn-kategoriler:not(.is-nav-cats-disabled):has(.hsn-mega-cat-item.has-children.is-active) .hsn-mega-cats-promo {
        display: none !important;
    }
    .hsn-home-hero .hsn-home-side-banners {
        display: none;
    }
    .hsn-home-center {
        flex: 0 0 calc(100% - 265px);
        padding-right: 0;
    }
}
@media (max-width: 1200px) {
    .hsn-body-home { --hsn-home-promo-cols: 2; }
    .hsn-home-hero .hsn-home-cats {
        display: none;
    }
    .hsn-home-center {
        flex: 0 0 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 990px) {
    .hsn-home-hero {
        min-height: 0;
        height: auto;
        padding-top: 10px;
    }
    .hsn-home-hero .hsn-home-center,
    .hsn-home-hero .hsn-home-side-banners {
        height: auto;
    }
    .hsn-home-slider-wrap {
        height: auto;
        min-height: 280px;
        aspect-ratio: 16 / 6;
    }
    .hsn-home-slider-wrap .hsn-slider,
    .hsn-home-slider-wrap .hsn-slide,
    .hsn-home-slider-wrap .hsn-slide-inner {
        height: 100%;
        min-height: 280px;
    }
    .hsn-float-rail { display: none; }
    .hsn-account-mega-grid { grid-template-columns: 1fr; }
    .hsn-account-mega-reps { border-right: none; border-bottom: 1px solid var(--hsn-border); }
}
@media (max-width: 640px) {
    .hsn-body-home { --hsn-home-promo-cols: 1; }
    .hsn-home-hero .hsn-home-side-banners { flex-direction: column; }
    .hsn-home-promo-zone .hsn-promo-tile-lg {
        height: auto;
        min-height: 140px;
        max-height: none;
    }
    .hsn-home-promo-zone .hsn-home-promo-strip {
        height: auto;
        min-height: 0;
        max-height: none;
    }
}

/* Admin bakım modu — vitrin önizleme bandı */
.hsn-bakim-onizleme-bar {
    position: sticky;
    top: 0;
    z-index: 12000;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    padding: 10px 16px;
    background: linear-gradient(90deg, #b45309, #d97706);
    color: #fffbeb;
    font-size: 13px;
    box-shadow: 0 2px 12px rgba(180, 83, 9, 0.35);
}
.hsn-bakim-onizleme-bar i {
    font-size: 14px;
    opacity: 0.95;
}
.hsn-bakim-onizleme-bar span {
    flex: 1;
    min-width: 200px;
}
.hsn-bakim-onizleme-bar a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    padding: 5px 12px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.12);
    white-space: nowrap;
}
.hsn-bakim-onizleme-bar a:hover {
    background: rgba(255, 255, 255, 0.22);
}

/* Blog */
.hsn-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}
.hsn-blog-kart {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.hsn-blog-kart-gorsel {
    display: block;
    height: 160px;
    background: linear-gradient(135deg, #e8f4fc, #f0f4f8);
    background-size: cover;
    background-position: center;
}
.hsn-blog-kart-gorsel.is-empty {
    background: linear-gradient(135deg, #e8f4fc, #f0f4f8);
}
.hsn-blog-kart-body {
    padding: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.hsn-blog-kart-body h2 {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.35;
}
.hsn-blog-kart-body h2 a {
    color: var(--hsn-metin);
    text-decoration: none;
}
.hsn-blog-kart-body h2 a:hover { color: var(--hsn-yesil-koyu); }
.hsn-blog-tarih {
    font-size: 0.8rem;
    color: var(--hsn-muted);
}
.hsn-blog-detay-kapak {
    height: 280px;
    border-radius: 6px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: center;
}
.hsn-blog-detay-head h1 { margin: 0 0 10px; }
.hsn-blog-ozet { color: var(--hsn-muted); margin: 0 0 16px; }

.hsn-urun-blog-link {
    margin: 28px 0 8px;
    padding: 20px 0 0;
    border-top: 1px solid var(--hsn-cizgi, #e8edf2);
}
.hsn-urun-blog-link h2 {
    margin: 0 0 14px;
    font-size: 1.15rem;
}
.hsn-urun-blog-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}
.hsn-urun-blog-list li {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 16px;
    align-items: start;
    padding: 12px 14px;
    border: 1px solid var(--hsn-cizgi, #e8edf2);
    border-radius: 8px;
    background: #fafcfd;
}
.hsn-urun-blog-list a {
    color: inherit;
    text-decoration: none;
}
.hsn-urun-blog-list a:hover strong { color: var(--hsn-yesil-koyu); }
.hsn-urun-blog-list a span {
    display: block;
    margin-top: 4px;
    font-size: .88em;
    color: var(--hsn-muted);
}
.hsn-urun-blog-list time {
    font-size: .82em;
    color: var(--hsn-muted);
    white-space: nowrap;
}

.hsn-blog-urun-bagla {
    margin: 16px 0;
    padding: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}
.hsn-blog-urun-ara { position: relative; margin-bottom: 12px; }
.hsn-blog-urun-ara input { width: 100%; }
.hsn-blog-urun-oneri {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    z-index: 20;
    max-height: 220px;
    overflow: auto;
    background: #fff;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    padding: 6px;
}
.hsn-blog-urun-oneri-btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    font: inherit;
}
.hsn-blog-urun-oneri-btn:hover { background: #f0f7f4; }
.hsn-blog-urun-secili {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}
.hsn-blog-urun-secili li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: .92em;
}

/* Kampanya popup */
.hsn-kampanya-overlay {
    position: fixed;
    inset: 0;
    z-index: 6000;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.hsn-kampanya-overlay[hidden] { display: none !important; }
.hsn-kampanya-dialog {
    position: relative;
    width: min(var(--hsn-kampanya-w, 640px), calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.hsn-kampanya-kapat {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    cursor: pointer;
}
.hsn-kampanya-slider {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 0;
    max-height: var(--hsn-kampanya-h, 480px);
}
.hsn-kampanya-track {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    transition: transform 0.45s ease;
}
.hsn-kampanya-slide {
    flex: 0 0 100%;
    width: 100%;
    max-height: var(--hsn-kampanya-h, 480px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
.hsn-kampanya-gorsel {
    flex: 0 0 auto;
    height: min(220px, 45vh);
    background-size: cover;
    background-position: center;
}
.hsn-kampanya-icerik {
    padding: 20px 24px 16px;
}
.hsn-kampanya-baslik {
    margin: 0 0 10px;
    font-size: 1.25rem;
    color: var(--hsn-nav-koyu);
}
.hsn-kampanya-metin {
    margin: 0 0 14px;
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--hsn-muted);
}
.hsn-kampanya-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: var(--hsn-nav-koyu);
    cursor: pointer;
    z-index: 4;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.hsn-kampanya-nav.is-prev { left: 8px; }
.hsn-kampanya-nav.is-next { right: 8px; }
.hsn-kampanya-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 4;
}
.hsn-kampanya-dots button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.55);
    padding: 0;
    cursor: pointer;
}
.hsn-kampanya-dots button.is-active { background: var(--hsn-yesil); }
.hsn-kampanya-foot {
    padding: 10px 16px 14px;
    border-top: 1px solid var(--hsn-border);
    text-align: center;
    background: #fafbfc;
}
.hsn-kampanya-dismiss {
    border: none;
    background: transparent;
    color: var(--hsn-muted);
    font: inherit;
    font-size: 0.85rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.hsn-kampanya-dismiss:hover { color: var(--hsn-yesil-koyu); }

/* Yardım asistanı — sol alt baloncuk + canlı avatar */
body.hsn-rehber-acik {
    overscroll-behavior: none;
}
.hsn-asistan-wrap {
    position: fixed;
    left: var(--hsn-float-edge);
    bottom: calc(
        var(--hsn-float-edge)
        + var(--hsn-float-compare-h)
        + var(--hsn-float-stack-gap)
        + env(safe-area-inset-bottom, 0px)
    );
    z-index: 96;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    max-width: min(400px, calc(100vw - 32px));
}
.hsn-asistan-balon {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 14px 8px 8px;
    border: none;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(15, 41, 66, 0.18), 0 0 0 1px rgba(13, 148, 136, 0.15);
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: transform 0.2s, box-shadow 0.2s;
}
.hsn-asistan-balon:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(15, 41, 66, 0.22);
}
.hsn-asistan-wrap.is-open .hsn-asistan-balon {
    opacity: 0;
    pointer-events: none;
    transform: scale(0.92);
}
.hsn-asistan-balon-ring {
    position: absolute;
    inset: -4px;
    border-radius: 999px;
    border: 2px solid rgba(13, 148, 136, 0.35);
    opacity: 0;
    pointer-events: none;
}
.hsn-asistan-balon.is-speaking .hsn-asistan-balon-ring {
    opacity: 1;
    animation: hsn-asistan-ring 1.4s ease infinite;
}
@keyframes hsn-asistan-ring {
    0%, 100% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.06); opacity: 0.25; }
}
.hsn-asistan-balon {
    position: relative;
}
.hsn-asistan-balon-foto {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(13, 148, 136, 0.35);
}
.hsn-asistan-svg--mini { width: 100%; height: 100%; display: block; }
.hsn-asistan-balon.is-speaking .hsn-asistan-agiz-mini {
    animation: hsn-asistan-agiz 0.35s ease infinite alternate;
}
.hsn-asistan-balon-etiket {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}
.hsn-asistan-balon-etiket strong {
    font-size: 0.92rem;
    color: var(--hsn-text);
    font-weight: 700;
}
.hsn-asistan-balon-etiket span {
    font-size: 0.75rem;
    color: var(--hsn-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}
.hsn-asistan-panel {
    width: min(380px, calc(100vw - 32px));
    max-height: min(620px, calc(100vh - 100px));
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 56px rgba(15, 41, 66, 0.22);
    border: 1px solid rgba(13, 148, 136, 0.12);
    overflow: hidden;
    animation: hsn-asistan-panel-in 0.28s ease;
}
.hsn-asistan-panel[hidden] { display: none !important; }
@keyframes hsn-asistan-panel-in {
    from { opacity: 0; transform: translateY(12px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.hsn-asistan-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px 10px;
    background: linear-gradient(135deg, #0f2942 0%, #0d5c5c 100%);
    color: #fff;
}
.hsn-asistan-panel-ust {
    margin: 0 0 2px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.85;
}
.hsn-asistan-panel-head h2 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;
}
.hsn-asistan-panel-kapat {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
}
.hsn-asistan-studio {
    background: #0a1f2e;
    padding: 12px 14px 14px;
}
.hsn-asistan-canli-kutu {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(180deg, #0f2942 0%, #0a3d3d 100%);
    min-height: 160px;
}
.hsn-asistan-live-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(220, 38, 38, 0.9);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.hsn-asistan-live-badge i {
    font-size: 0.45rem;
    animation: hsn-asistan-live-blink 1s ease infinite;
}
@keyframes hsn-asistan-live-blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}
.hsn-asistan-avatar {
    display: flex;
    justify-content: center;
    padding: 8px 0 0;
}
.hsn-asistan-svg {
    width: 100%;
    max-width: 200px;
    height: auto;
    display: block;
}
.hsn-asistan-avatar.is-speaking .hsn-asistan-agiz {
    animation: hsn-asistan-agiz 0.32s ease infinite alternate;
    transform-origin: 100px 112px;
}
.hsn-asistan-avatar.is-speaking .hsn-asistan-gozler {
    animation: hsn-asistan-goz 3.5s ease infinite;
    transform-origin: center;
}
@keyframes hsn-asistan-agiz {
    from { transform: scaleY(1); }
    to { transform: scaleY(1.55); }
}
@keyframes hsn-asistan-goz {
    0%, 92%, 100% { transform: scaleY(1); }
    94% { transform: scaleY(0.1); }
}
.hsn-asistan-dalga {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 24px;
    opacity: 0;
    transition: opacity 0.2s;
}
.hsn-asistan-dalga.is-active { opacity: 1; }
.hsn-asistan-dalga span {
    width: 4px;
    border-radius: 2px;
    background: rgba(13, 148, 136, 0.85);
    height: 8px;
    animation: hsn-asistan-bar 0.6s ease infinite;
}
.hsn-asistan-dalga span:nth-child(2) { animation-delay: 0.1s; }
.hsn-asistan-dalga span:nth-child(3) { animation-delay: 0.2s; }
.hsn-asistan-dalga span:nth-child(4) { animation-delay: 0.15s; }
.hsn-asistan-dalga span:nth-child(5) { animation-delay: 0.25s; }
@keyframes hsn-asistan-bar {
    0%, 100% { height: 8px; }
    50% { height: 22px; }
}
.hsn-asistan-altyazi-wrap {
    margin-top: 10px;
    min-height: 52px;
}
.hsn-asistan-durum {
    margin: 0 0 4px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(13, 148, 136, 0.95);
}
.hsn-asistan-altyazi {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.92);
}
.hsn-asistan-govde,
.hsn-asistan-tur-govde {
    padding: 14px 16px 16px;
    overflow-y: auto;
}
.hsn-asistan-aciklama {
    margin: 0 0 12px;
    font-size: 0.86rem;
    line-height: 1.5;
    color: var(--hsn-muted);
}
.hsn-asistan-konular {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}
.hsn-asistan-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--hsn-border);
    border-radius: 999px;
    background: #f8fafc;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--hsn-text);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}
.hsn-asistan-chip:hover {
    border-color: var(--hsn-yesil);
    background: #f0fdfa;
    color: var(--hsn-yesil-koyu);
}
.hsn-asistan-ses-aksiyon {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.hsn-asistan-ses-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: 1px solid var(--hsn-border);
    border-radius: 8px;
    background: #fff;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}
.hsn-asistan-ses-btn.is-muted { opacity: 0.6; }
.hsn-asistan-ses-btn.is-ghost { background: transparent; color: var(--hsn-muted); }
.hsn-asistan-panel.is-tur .hsn-asistan-konular { display: none; }
.hsn-asistan-panel.is-tur-otomatik .hsn-asistan-tur-nav {
    justify-content: center;
}
.hsn-asistan-panel.is-tur-otomatik #hsnRehberGeri,
.hsn-asistan-panel.is-tur-otomatik #hsnRehberIleri {
    display: none !important;
}
.hsn-asistan-adim {
    margin: 0 0 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--hsn-yesil-koyu);
}
.hsn-asistan-tur-govde h3 {
    margin: 0 0 8px;
    font-size: 1rem;
}
.hsn-asistan-tur-metin {
    margin: 0 0 12px;
    font-size: 0.86rem;
    line-height: 1.5;
    color: var(--hsn-muted);
}
.hsn-asistan-tur-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 10px;
}
.hsn-asistan-tur-btn {
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid var(--hsn-border);
    background: #fff;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}
.hsn-asistan-tur-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.hsn-asistan-tur-btn.is-primary {
    background: var(--hsn-yesil);
    border-color: var(--hsn-yesil);
    color: #fff;
}
.hsn-asistan-tur-btn.is-ghost { background: transparent; color: var(--hsn-muted); }
.hsn-asistan-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
}
.hsn-asistan-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d1d5db;
}
.hsn-asistan-dot.is-on {
    background: var(--hsn-yesil);
    width: 18px;
    border-radius: 999px;
}
.hsn-site-rehber-tur {
    position: fixed;
    inset: 0;
    z-index: 5900;
    pointer-events: none;
}
.hsn-site-rehber-tur:not([hidden]) { pointer-events: auto; }
.hsn-site-rehber-tur[hidden] { display: none !important; }
.hsn-site-rehber-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8, 15, 28, 0.65);
}
.hsn-rehber-spot {
    position: fixed;
    box-sizing: border-box;
    border-radius: 10px;
    border: 3px solid rgba(13, 148, 136, 0.98);
    box-shadow: 0 0 0 9999px rgba(8, 15, 28, 0.42);
    pointer-events: none;
    z-index: 5901;
    background: transparent;
}
.hsn-rehber-spot[hidden] { display: none !important; }
.hsn-rehber-spot:not(.is-animate) { transition: none; }
.hsn-rehber-spot.is-animate {
    transition:
        top 0.28s cubic-bezier(0.4, 0, 0.2, 1),
        left 0.28s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.28s cubic-bezier(0.4, 0, 0.2, 1),
        height 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.hsn-rehber-hedef {
    z-index: 5906 !important;
    filter: none !important;
    opacity: 1 !important;
}
.hsn-rehber-hedef *,
.hsn-mega-drop.is-rehber-vurgu .hsn-mega-panel,
.hsn-mega-drop.is-rehber-vurgu .hsn-mega-panel * {
    filter: none !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
}
.hsn-mega-drop.is-rehber-vurgu .hsn-mega-panel {
    position: relative;
    z-index: 5907 !important;
}
/* position:fixed şeridi bozma — yalnızca sabit olmayan hedeflerde relative */
.hsn-rehber-hedef:not(.hsn-float-rail-item):not(#hsnFloatRail) {
    position: relative;
}
body.hsn-rehber-acik #hsnFloatRail,
#hsnFloatRail.is-rehber-rail-aktif {
    z-index: 5912 !important;
    pointer-events: auto;
}
.hsn-float-rail-item.hsn-rehber-hedef {
    position: relative;
    z-index: 5913 !important;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.85);
}
.hsn-search.is-rehber-vurgu .hsn-search-row,
.hsn-mega-drop.is-rehber-vurgu > button,
.hsn-mega-drop.is-rehber-vurgu > .hsn-nav-link-btn,
.hsn-rehber-hedef:not(.hsn-float-rail-item) {
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.55);
}
.hsn-nav-rehber {
    border: none;
    background: #0f2942;
    color: #fff !important;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    font: inherit;
    font-size: inherit;
}
.hsn-nav-rehber:hover { background: #0d5c5c; }
#hsn-kategoriler.is-rehber-vurgu .hsn-mega-panel,
#hsn-kategoriler.is-rehber-vurgu:hover .hsn-mega-panel {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 5905;
}
#hsn-markalar.is-rehber-vurgu .hsn-mega-panel {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 5905;
}
@media (max-width: 768px) {
    :root {
        --hsn-float-edge: 12px;
        --hsn-float-asistan-h: 56px;
    }
    .hsn-footer-copy {
        padding-bottom: calc(var(--hsn-float-dock-h) + env(safe-area-inset-bottom, 0px));
    }
    .hsn-asistan-wrap {
        left: var(--hsn-float-edge);
        bottom: calc(
            var(--hsn-float-edge)
            + var(--hsn-float-compare-h)
            + var(--hsn-float-stack-gap)
            + env(safe-area-inset-bottom, 0px)
        );
        max-width: calc(100vw - 24px);
    }
    .hsn-asistan-balon-etiket span { max-width: 130px; }
    .hsn-asistan-panel { width: calc(100vw - 20px); }

    /* Tur: yalnızca küçük baloncuk — panel gizli, ekran vurgular için açık */
    .hsn-asistan-wrap.is-tur-balon,
    body.hsn-rehber-mobil.hsn-rehber-acik .hsn-asistan-wrap:not(.is-open),
    body.hsn-rehber-acik .hsn-asistan-wrap.is-tur-balon {
        left: var(--hsn-float-edge);
        right: auto;
        bottom: calc(
            var(--hsn-float-edge)
            + var(--hsn-float-compare-h)
            + var(--hsn-float-stack-gap)
            + env(safe-area-inset-bottom, 0px)
        );
        width: auto;
        max-width: none;
        align-items: flex-start;
        gap: 6px;
        z-index: 5910;
        padding: 0;
    }
    .hsn-asistan-wrap.is-tur-balon .hsn-asistan-balon,
    body.hsn-rehber-mobil.hsn-rehber-acik .hsn-asistan-wrap:not(.is-open) .hsn-asistan-balon,
    body.hsn-rehber-acik .hsn-asistan-wrap.is-tur-balon .hsn-asistan-balon {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: none !important;
        padding: 3px;
        gap: 0;
        box-shadow: 0 6px 22px rgba(15, 41, 66, 0.22), 0 0 0 2px rgba(13, 148, 136, 0.35);
    }
    .hsn-asistan-wrap.is-tur-balon .hsn-asistan-balon-etiket,
    body.hsn-rehber-mobil.hsn-rehber-acik .hsn-asistan-wrap:not(.is-open) .hsn-asistan-balon-etiket {
        display: none;
    }
    .hsn-asistan-wrap.is-tur-balon .hsn-asistan-balon-foto,
    body.hsn-rehber-mobil.hsn-rehber-acik .hsn-asistan-wrap:not(.is-open) .hsn-asistan-balon-foto {
        width: 50px;
        height: 50px;
    }
    .hsn-asistan-wrap.is-tur-balon .hsn-asistan-balon-foto img,
    body.hsn-rehber-mobil.hsn-rehber-acik .hsn-asistan-wrap:not(.is-open) .hsn-asistan-balon-foto img {
        width: 50px;
        height: 50px;
    }
    .hsn-asistan-wrap.is-tur-balon > .hsn-asistan-panel,
    body.hsn-rehber-mobil.hsn-rehber-acik .hsn-asistan-wrap:not(.is-open) > .hsn-asistan-panel {
        display: none !important;
    }
    body.hsn-rehber-acik .hsn-asistan-wrap.is-tur-balon.is-open .hsn-asistan-balon {
        opacity: 0 !important;
        pointer-events: none !important;
        transform: scale(0.9) !important;
    }
    body.hsn-rehber-acik .hsn-asistan-wrap.is-tur-balon.is-open .hsn-asistan-panel {
        display: flex !important;
        position: fixed;
        left: var(--hsn-float-edge);
        bottom: calc(var(--hsn-float-dock-h) + env(safe-area-inset-bottom, 0px));
        width: calc(100vw - 24px);
        max-height: min(46vh, 340px);
        border-radius: 14px;
        box-shadow: 0 16px 48px rgba(15, 41, 66, 0.28);
    }
    .hsn-asistan-tur-chip {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 5px 8px 5px 10px;
        background: #fff;
        border-radius: 999px;
        box-shadow: 0 4px 16px rgba(15, 41, 66, 0.14);
        border: 1px solid rgba(13, 148, 136, 0.2);
        font-size: 0.72rem;
        color: var(--hsn-muted);
        white-space: nowrap;
    }
    .hsn-asistan-tur-chip[hidden] { display: none !important; }
    .hsn-asistan-tur-chip-adim {
        font-weight: 700;
        color: var(--hsn-yesil-koyu);
    }
    .hsn-asistan-tur-chip-atla {
        border: none;
        background: rgba(13, 148, 136, 0.1);
        color: var(--hsn-yesil-koyu);
        font: inherit;
        font-size: 0.72rem;
        font-weight: 700;
        padding: 4px 10px;
        border-radius: 999px;
        cursor: pointer;
    }
    body.hsn-rehber-acik .hsn-rehber-spot {
        z-index: 5915;
    }
    body.hsn-rehber-acik .hsn-rehber-hedef,
    body.hsn-rehber-acik .hsn-search.is-rehber-vurgu,
    body.hsn-rehber-acik .hsn-mega-drop.is-rehber-vurgu {
        z-index: 5920 !important;
    }
    body.hsn-rehber-acik .hsn-mega-drop.is-rehber-vurgu .hsn-mega-panel {
        z-index: 5921 !important;
    }
    body.hsn-rehber-acik #hsnFloatRail,
    body.hsn-rehber-acik #hsnFloatRail.is-rehber-rail-aktif {
        z-index: 5922 !important;
    }
}

/* Asistan v2 — video, karşılama, otomatik tur */
.hsn-asistan-ilk-perde {
    position: fixed;
    inset: 0;
    z-index: 5895;
    background: rgba(6, 14, 28, 0.35);
    animation: hsn-karsilama-in 0.45s ease;
}
.hsn-asistan-ilk-perde[hidden] { display: none !important; }
body.hsn-asistan-ilk-perde { overflow: hidden; }
.hsn-asistan-karsilama {
    position: fixed;
    inset: 0;
    z-index: 5899;
    background: transparent;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0 0 168px 24px;
    pointer-events: none;
    animation: hsn-karsilama-in 0.5s ease;
}
.hsn-asistan-karsilama[hidden] { display: none !important; }
.hsn-asistan-karsilama-ic {
    background: #fff;
    padding: 14px 18px;
    border-radius: 14px;
    box-shadow: 0 16px 48px rgba(0,0,0,0.28);
    max-width: 320px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 2px solid rgba(13, 148, 136, 0.35);
    animation: hsn-balon-dikkat 2s ease infinite;
}
.hsn-asistan-karsilama-foto {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid #0d9488;
}
.hsn-asistan-karsilama-ic p {
    margin: 0 0 4px;
    font-weight: 700;
    color: var(--hsn-yesil-koyu);
    font-size: 0.95rem;
}
.hsn-asistan-karsilama-ic span { font-size: 0.86rem; color: var(--hsn-muted); line-height: 1.35; }
@keyframes hsn-karsilama-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
.hsn-asistan-wrap.is-karsilama { z-index: 5905; }
.hsn-asistan-wrap.is-karsilama .hsn-asistan-panel {
    box-shadow: 0 28px 80px rgba(0,0,0,0.35);
    max-height: min(92vh, 680px);
}
.hsn-asistan-wrap.is-dikkat .hsn-asistan-balon,
.hsn-asistan-balon.is-dikkat-nabiz {
    animation: hsn-balon-dikkat 1.8s ease infinite;
}
@keyframes hsn-balon-dikkat {
    0%, 100% { transform: translateY(0) scale(1); box-shadow: 0 8px 28px rgba(15, 41, 66, 0.18); }
    50% { transform: translateY(-4px) scale(1.03); box-shadow: 0 16px 40px rgba(13, 148, 136, 0.35); }
}
.hsn-asistan-balon-foto img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}
.hsn-asistan-video-wrap {
    position: relative;
    min-height: 200px;
    background: #0a1f2e;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hsn-asistan-video {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    display: none;
}
.hsn-asistan-video.is-visible { display: block; }
.hsn-asistan-poster-fallback {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}
.hsn-asistan-video-wrap.is-speaking .hsn-asistan-poster-fallback {
    animation: hsn-poster-konus 0.45s ease infinite alternate;
}
@keyframes hsn-poster-konus {
    from { transform: scale(1); filter: brightness(1); }
    to { transform: scale(1.02); filter: brightness(1.06); }
}
.hsn-asistan-basla-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 0 0 12px;
    padding: 12px 16px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #0f2942, #0d9488);
    color: #fff;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
}
.hsn-asistan-basla-btn:hover { filter: brightness(1.06); }
.hsn-asistan-oneri-aksiyon {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.hsn-asistan-oneri-hayir {
    border: none;
    background: transparent;
    color: var(--hsn-muted);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 4px;
    text-align: center;
    border-radius: 8px;
    transition: color 0.2s, background 0.2s;
}
.hsn-asistan-oneri-hayir:hover {
    color: var(--hsn-yesil-koyu);
    background: rgba(13, 148, 136, 0.08);
}
.hsn-asistan-soru-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 11px 16px;
    border: 1px solid var(--hsn-yesil);
    border-radius: 10px;
    background: #fff;
    color: var(--hsn-yesil-koyu);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.hsn-asistan-soru-btn:hover { background: #f0fdfa; }
.hsn-asistan-sohbet-govde {
    display: flex;
    flex-direction: column;
    padding: 10px 14px 14px;
    min-height: 0;
    flex: 1 1 auto;
}
.hsn-asistan-sohbet-geri {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    margin-bottom: 8px;
    padding: 4px 8px;
    border: none;
    background: transparent;
    color: var(--hsn-muted);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 6px;
}
.hsn-asistan-sohbet-geri:hover { color: var(--hsn-yesil-koyu); background: rgba(13, 148, 136, 0.08); }
.hsn-asistan-sohbet-mesajlar {
    flex: 1 1 auto;
    min-height: 180px;
    max-height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 2px 8px;
}
.hsn-asistan-sohbet-satir { display: flex; }
.hsn-asistan-sohbet-satir-kullanici { justify-content: flex-end; }
.hsn-asistan-sohbet-satir-asistan,
.hsn-asistan-sohbet-satir-hata { justify-content: flex-start; }
.hsn-asistan-sohbet-balon {
    max-width: 82%;
    padding: 9px 12px;
    border-radius: 14px;
    font-size: 0.84rem;
    line-height: 1.45;
    white-space: pre-wrap;
    word-break: break-word;
}
.hsn-asistan-sohbet-satir-kullanici .hsn-asistan-sohbet-balon {
    background: linear-gradient(135deg, #0f2942, #0d9488);
    color: #fff;
    border-bottom-right-radius: 4px;
}
.hsn-asistan-sohbet-satir-asistan .hsn-asistan-sohbet-balon {
    background: #f1f5f9;
    color: var(--hsn-text);
    border-bottom-left-radius: 4px;
}
.hsn-asistan-sohbet-satir-hata .hsn-asistan-sohbet-balon {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
    border-bottom-left-radius: 4px;
}
.hsn-asistan-sohbet-yaziyor .hsn-asistan-sohbet-balon {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 14px;
}
.hsn-asistan-sohbet-yaziyor .hsn-asistan-sohbet-balon span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--hsn-muted);
    opacity: 0.6;
    animation: hsn-asistan-sohbet-nokta 1s ease infinite;
}
.hsn-asistan-sohbet-yaziyor .hsn-asistan-sohbet-balon span:nth-child(2) { animation-delay: 0.15s; }
.hsn-asistan-sohbet-yaziyor .hsn-asistan-sohbet-balon span:nth-child(3) { animation-delay: 0.3s; }
@keyframes hsn-asistan-sohbet-nokta {
    0%, 100% { transform: translateY(0); opacity: 0.5; }
    50% { transform: translateY(-4px); opacity: 1; }
}
.hsn-asistan-sohbet-form {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--hsn-border);
}
.hsn-asistan-sohbet-input {
    flex: 1 1 auto;
    resize: none;
    max-height: 120px;
    padding: 9px 12px;
    border: 1px solid var(--hsn-border);
    border-radius: 10px;
    font: inherit;
    font-size: 0.84rem;
    line-height: 1.4;
}
.hsn-asistan-sohbet-input:disabled { opacity: 0.6; }
.hsn-asistan-sohbet-gonder {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 10px;
    background: var(--hsn-yesil);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hsn-asistan-sohbet-gonder:disabled { opacity: 0.6; cursor: not-allowed; }
.hsn-asistan-sohbet-gonder:hover:not(:disabled) { background: var(--hsn-yesil-koyu); }
.hsn-search.is-rehber-vurgu,
.hsn-mega-drop.is-rehber-vurgu {
    position: relative;
    z-index: 5906;
}
.hsn-nav-wizard.is-rehber-pulse,
[data-sihirbaz-ac].is-rehber-pulse {
    animation: hsn-rehber-pulse-btn 1s ease infinite;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.45);
}
@keyframes hsn-rehber-pulse-btn {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}
body.hsn-rehber-acik .hsn-site-rehber-tur {
    pointer-events: none;
}
body.hsn-rehber-acik .hsn-asistan-wrap {
    pointer-events: auto;
}

/* ——— Anasayfa özel bloklar ——— */
.hsn-home-ozel-blok {
    margin-top: 8px;
    margin-bottom: 8px;
}
.hsn-home-ozel-grid {
    display: grid;
    gap: 16px;
}
@media (max-width: 768px) {
    .hsn-home-ozel-blok .hsn-home-ozel-grid {
        grid-template-columns: 1fr !important;
    }
}
.hsn-home-ozel-hucre {
    min-height: 120px;
}
/* Hover — çok hafif gölge ve geçiş (rahat, sakin) */
.hsn-home-ozel-banner,
.hsn-home-ozel-yazi,
.hsn-home-ozel-logo,
.hsn-home-ozel-video {
    transition:
        transform 0.85s ease-out,
        box-shadow 0.85s ease-out,
        border-color 0.7s ease-out;
}
.hsn-home-ozel-hucre:hover .hsn-home-ozel-banner,
.hsn-home-ozel-hucre:hover .hsn-home-ozel-yazi,
.hsn-home-ozel-hucre:hover .hsn-home-ozel-logo,
.hsn-home-ozel-hucre:hover .hsn-home-ozel-video {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
    border-color: rgba(15, 23, 42, 0.1);
}
.hsn-home-ozel-banner {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.hsn-home-ozel-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, transparent 55%);
    opacity: 0;
    transition: opacity 0.9s ease-out;
    pointer-events: none;
    z-index: 1;
}
.hsn-home-ozel-hucre:hover .hsn-home-ozel-banner::before {
    opacity: 0.55;
}
.hsn-home-ozel-hucre:hover .hsn-home-ozel-banner.has-img {
    background-size: 102%;
    transition:
        transform 0.85s ease-out,
        box-shadow 0.85s ease-out,
        border-color 0.7s ease-out,
        background-size 1.1s ease-out;
}
.hsn-home-ozel-banner strong,
.hsn-home-ozel-banner span {
    position: relative;
    z-index: 2;
}
.hsn-home-ozel-logo {
    border-radius: 12px;
    overflow: hidden;
}
.hsn-home-ozel-logo img {
    transition: opacity 0.85s ease-out;
}
.hsn-home-ozel-hucre:hover .hsn-home-ozel-logo img {
    opacity: 0.92;
}
.hsn-home-ozel-yazi .hsn-link-more i {
    display: inline-block;
    transition: transform 0.7s ease-out;
}
.hsn-home-ozel-hucre:hover .hsn-home-ozel-yazi .hsn-link-more i {
    transform: translateX(2px);
}
.hsn-home-ozel-video-medya {
    transition: opacity 0.9s ease-out;
}
.hsn-home-ozel-hucre:hover .hsn-home-ozel-video-medya {
    opacity: 0.97;
}
@media (prefers-reduced-motion: reduce) {
    .hsn-home-ozel-banner,
    .hsn-home-ozel-yazi,
    .hsn-home-ozel-logo,
    .hsn-home-ozel-video,
    .hsn-home-ozel-logo img,
    .hsn-home-ozel-yazi .hsn-link-more i,
    .hsn-home-ozel-video-medya {
        transition: none;
    }
    .hsn-home-ozel-hucre:hover .hsn-home-ozel-banner,
    .hsn-home-ozel-hucre:hover .hsn-home-ozel-yazi,
    .hsn-home-ozel-hucre:hover .hsn-home-ozel-logo,
    .hsn-home-ozel-hucre:hover .hsn-home-ozel-video,
    .hsn-home-ozel-hucre:hover .hsn-home-ozel-yazi .hsn-link-more i {
        transform: none;
    }
    .hsn-home-ozel-hucre:hover .hsn-home-ozel-banner.has-img {
        background-size: cover;
    }
    .hsn-home-ozel-hucre:hover .hsn-home-ozel-logo img,
    .hsn-home-ozel-hucre:hover .hsn-home-ozel-video-medya {
        opacity: 1;
    }
}
/* Metin konumu — 9 nokta (flex column) */
.hsn-home-ozel-banner,
.hsn-home-ozel-yazi,
.hsn-home-ozel-logo.has-metin {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
.hsn-home-ozel-banner.is-pos-sol_ust,
.hsn-home-ozel-banner.is-pos-ust_orta,
.hsn-home-ozel-banner.is-pos-sag_ust,
.hsn-home-ozel-yazi.is-pos-sol_ust,
.hsn-home-ozel-yazi.is-pos-ust_orta,
.hsn-home-ozel-yazi.is-pos-sag_ust,
.hsn-home-ozel-logo.is-pos-sol_ust,
.hsn-home-ozel-logo.is-pos-ust_orta,
.hsn-home-ozel-logo.is-pos-sag_ust { justify-content: flex-start; }
.hsn-home-ozel-banner.is-pos-sol_orta,
.hsn-home-ozel-banner.is-pos-orta,
.hsn-home-ozel-banner.is-pos-sag_orta,
.hsn-home-ozel-yazi.is-pos-sol_orta,
.hsn-home-ozel-yazi.is-pos-orta,
.hsn-home-ozel-yazi.is-pos-sag_orta,
.hsn-home-ozel-logo.is-pos-sol_orta,
.hsn-home-ozel-logo.is-pos-orta,
.hsn-home-ozel-logo.is-pos-sag_orta { justify-content: center; }
.hsn-home-ozel-banner.is-pos-sol_alt,
.hsn-home-ozel-banner.is-pos-alt_orta,
.hsn-home-ozel-banner.is-pos-sag_alt,
.hsn-home-ozel-yazi.is-pos-sol_alt,
.hsn-home-ozel-yazi.is-pos-alt_orta,
.hsn-home-ozel-yazi.is-pos-sag_alt,
.hsn-home-ozel-logo.is-pos-sol_alt,
.hsn-home-ozel-logo.is-pos-alt_orta,
.hsn-home-ozel-logo.is-pos-sag_alt { justify-content: flex-end; }
.hsn-home-ozel-banner.is-pos-sol_ust,
.hsn-home-ozel-banner.is-pos-sol_orta,
.hsn-home-ozel-banner.is-pos-sol_alt,
.hsn-home-ozel-yazi.is-pos-sol_ust,
.hsn-home-ozel-yazi.is-pos-sol_orta,
.hsn-home-ozel-yazi.is-pos-sol_alt,
.hsn-home-ozel-logo.is-pos-sol_ust,
.hsn-home-ozel-logo.is-pos-sol_orta,
.hsn-home-ozel-logo.is-pos-sol_alt { align-items: flex-start; text-align: left; }
.hsn-home-ozel-banner.is-pos-ust_orta,
.hsn-home-ozel-banner.is-pos-orta,
.hsn-home-ozel-banner.is-pos-alt_orta,
.hsn-home-ozel-yazi.is-pos-ust_orta,
.hsn-home-ozel-yazi.is-pos-orta,
.hsn-home-ozel-yazi.is-pos-alt_orta,
.hsn-home-ozel-logo.is-pos-ust_orta,
.hsn-home-ozel-logo.is-pos-orta,
.hsn-home-ozel-logo.is-pos-alt_orta { align-items: center; text-align: center; }
.hsn-home-ozel-banner.is-pos-sag_ust,
.hsn-home-ozel-banner.is-pos-sag_orta,
.hsn-home-ozel-banner.is-pos-sag_alt,
.hsn-home-ozel-yazi.is-pos-sag_ust,
.hsn-home-ozel-yazi.is-pos-sag_orta,
.hsn-home-ozel-yazi.is-pos-sag_alt,
.hsn-home-ozel-logo.is-pos-sag_ust,
.hsn-home-ozel-logo.is-pos-sag_orta,
.hsn-home-ozel-logo.is-pos-sag_alt { align-items: flex-end; text-align: right; }
.hsn-home-ozel-logo.has-metin {
    min-height: 120px;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.06);
    background: var(--hsn-surface, #fff);
}
.hsn-home-ozel-logo.has-metin .hsn-home-ozel-logo-gorsel {
    flex-shrink: 0;
}
.hsn-home-ozel-logo-metin {
    margin: 8px 0 0;
    line-height: 1.5;
}
.hsn-home-ozel-logo.has-custom-height,
.hsn-home-ozel-yazi.has-custom-height {
    box-sizing: border-box;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.06);
    background: var(--hsn-surface, #fff);
}
.hsn-home-ozel-yazi:not(.has-custom-height) {
    min-height: 120px;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.06);
    background: var(--hsn-surface, #fff);
}
.hsn-home-ozel-banner.has-custom-height {
    box-sizing: border-box;
}
.hsn-home-ozel-banner {
    min-height: 180px;
    padding: 20px 22px;
    border-radius: 12px;
    background: linear-gradient(135deg, #0f172a, #1e3a8a);
    color: #fff;
    text-decoration: none;
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(0,0,0,.06);
}
.hsn-home-ozel-banner strong {
    font-size: 1.15rem;
    line-height: 1.3;
    font-weight: 600;
}
.hsn-home-ozel-banner span {
    font-size: 0.88rem;
    opacity: 0.92;
    margin-top: 6px;
    line-height: 1.45;
}
.hsn-home-ozel-logo img {
    max-width: min(220px, 100%);
    max-height: 80px;
    object-fit: contain;
}
.hsn-home-ozel-logo strong {
    font-size: 1.1rem;
    font-weight: 600;
}
.hsn-home-ozel-yazi h3 {
    margin: 0 0 8px;
    font-size: 1.2rem;
    font-weight: 600;
}
.hsn-home-ozel-yazi p {
    margin: 0 0 10px;
    color: inherit;
    opacity: 0.88;
    line-height: 1.55;
}
.hsn-home-ozel-yazi .hsn-link-more {
    margin-top: auto;
    flex-shrink: 0;
}
.hsn-home-ozel-yazi:not([style*="color"]) p {
    color: var(--hsn-muted, #64748b);
}
.hsn-home-ozel-yazi[style*="color"] p {
    opacity: 1;
}
.hsn-home-ozel-video {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.06);
    background: #0f172a;
    min-height: 320px;
}
.hsn-home-ozel-video.has-custom-height {
    box-sizing: border-box;
}
.hsn-home-ozel-video-medya {
    position: absolute;
    inset: 0;
}
.hsn-home-ozel-video-medya iframe,
.hsn-home-ozel-video-medya video {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    object-fit: cover;
    background: #000;
}
.hsn-home-ozel-video-metin {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 20px 22px;
    pointer-events: none;
    text-shadow: 0 1px 8px rgba(0,0,0,.45);
    color: #fff;
    box-sizing: border-box;
}
.hsn-home-ozel-video-metin strong {
    font-size: 1.15rem;
    line-height: 1.3;
    font-weight: 600;
}
.hsn-home-ozel-video-metin span {
    font-size: 0.88rem;
    margin-top: 6px;
    line-height: 1.45;
    opacity: 0.95;
}
.hsn-home-ozel-video-link {
    pointer-events: auto;
    margin-top: 10px;
    color: inherit;
}
.hsn-home-ozel-video-metin.is-pos-sol_ust,
.hsn-home-ozel-video-metin.is-pos-ust_orta,
.hsn-home-ozel-video-metin.is-pos-sag_ust { justify-content: flex-start; }
.hsn-home-ozel-video-metin.is-pos-sol_orta,
.hsn-home-ozel-video-metin.is-pos-orta,
.hsn-home-ozel-video-metin.is-pos-sag_orta { justify-content: center; }
.hsn-home-ozel-video-metin.is-pos-sol_alt,
.hsn-home-ozel-video-metin.is-pos-alt_orta,
.hsn-home-ozel-video-metin.is-pos-sag_alt { justify-content: flex-end; }
.hsn-home-ozel-video-metin.is-pos-sol_ust,
.hsn-home-ozel-video-metin.is-pos-sol_orta,
.hsn-home-ozel-video-metin.is-pos-sol_alt { align-items: flex-start; text-align: left; }
.hsn-home-ozel-video-metin.is-pos-ust_orta,
.hsn-home-ozel-video-metin.is-pos-orta,
.hsn-home-ozel-video-metin.is-pos-alt_orta { align-items: center; text-align: center; }
.hsn-home-ozel-video-metin.is-pos-sag_ust,
.hsn-home-ozel-video-metin.is-pos-sag_orta,
.hsn-home-ozel-video-metin.is-pos-sag_alt { align-items: flex-end; text-align: right; }

/* PWA — ana ekrana ekle banner */
.hsn-pwa-install {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 6000;
    animation: hsn-pwa-in 0.35s ease;
}
@keyframes hsn-pwa-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
.hsn-pwa-install-ic {
    background: #fff;
    border: 1px solid var(--hsn-border);
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
    padding: 14px 16px;
}
.hsn-pwa-install-ic strong {
    display: block;
    color: var(--hsn-yesil-koyu);
    margin-bottom: 4px;
    font-size: 0.95rem;
}
.hsn-pwa-install-ic p {
    margin: 0;
    font-size: 0.84em;
    color: var(--hsn-muted);
    line-height: 1.45;
}
.hsn-pwa-install-aksiyon {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.hsn-pwa-install-btn,
.hsn-pwa-install-kapat {
    flex: 1;
    border: none;
    border-radius: 8px;
    padding: 10px 12px;
    font: inherit;
    font-weight: 600;
    font-size: 0.88em;
    cursor: pointer;
}
.hsn-pwa-install-btn {
    background: var(--hsn-yesil);
    color: #fff;
}
.hsn-pwa-install-kapat {
    background: #f1f5f9;
    color: var(--hsn-metin);
}
@media (min-width: 769px) {
    .hsn-pwa-install { display: none !important; }
}

/* ——— Mobil kategori menüsü (PC mega menüden bağımsız) ——— */
@media (max-width: 768px) {
    #hsn-kategoriler .hsn-mega-panel,
    #hsn-kategoriler .hsn-nav-cats-flyout {
        display: none !important;
    }
}
.hsn-mobil-kat-menu {
    position: fixed;
    inset: 0;
    z-index: 8000;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.hsn-mobil-kat-menu[hidden] {
    display: none !important;
}
body.hsn-mobil-kat-menu-acik {
    overflow: hidden;
}
.hsn-mobil-kat-menu-panel {
    width: 100%;
    max-height: min(92vh, 720px);
    background: #fff;
    border-radius: 16px 16px 0 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.2);
    animation: hsn-mobil-kat-in 0.28s ease;
}
@keyframes hsn-mobil-kat-in {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}
.hsn-mobil-kat-menu-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--hsn-border);
    flex-shrink: 0;
    background: #f8faf9;
    border-radius: 16px 16px 0 0;
}
.hsn-mobil-kat-menu-head strong {
    flex: 1;
    text-align: center;
    font-size: 1rem;
    color: var(--hsn-yesil-koyu);
}
.hsn-mobil-kat-menu-geri,
.hsn-mobil-kat-menu-kapat {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: #fff;
    color: var(--hsn-metin);
    font-size: 1.1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.hsn-mobil-kat-menu-geri[hidden] {
    display: none !important;
}
.hsn-mobil-kat-menu-geri:not([hidden]) + strong {
    text-align: left;
}
.hsn-mobil-kat-menu-govde {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px 0 20px;
    min-height: 0;
}
.hsn-mobil-kat-ekran[hidden] {
    display: none !important;
}
.hsn-mobil-kat-liste {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hsn-mobil-kat-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 14px 18px;
    border: none;
    background: transparent;
    color: var(--hsn-metin);
    font: inherit;
    font-size: 0.95rem;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
}
.hsn-mobil-kat-satir:active {
    background: #f1f8f4;
}
.hsn-mobil-kat-satir i {
    color: var(--hsn-muted);
    font-size: 0.8em;
}
.hsn-mobil-kat-tumu,
.hsn-mobil-kat-ust-link {
    display: block;
    margin: 12px 18px 0;
    padding: 12px 14px;
    border-radius: 8px;
    background: var(--hsn-yesil);
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    text-align: center;
}
.hsn-mobil-kat-ust-link {
    margin-bottom: 4px;
    background: #e8f8f0;
    color: var(--hsn-yesil-koyu) !important;
}
.hsn-mobil-kat-bolum {
    padding: 12px 18px 0;
}
.hsn-mobil-kat-bolum-baslik {
    display: block;
    font-weight: 700;
    font-size: 0.92rem;
    color: var(--hsn-yesil-koyu);
    text-decoration: none;
    padding: 8px 0 6px;
    border-bottom: 2px solid #e8f8f0;
    margin-bottom: 4px;
}
.hsn-mobil-kat-alt-liste {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hsn-mobil-kat-alt-liste li a {
    display: block;
    padding: 11px 4px 11px 12px;
    color: var(--hsn-metin);
    text-decoration: none;
    font-size: 0.9rem;
    border-bottom: 1px solid #f5f5f5;
}
.hsn-mobil-kat-alt-liste li a:active {
    background: #f8fbf9;
    color: var(--hsn-yesil-koyu);
}
@media (min-width: 769px) {
    .hsn-mobil-kat-menu {
        display: none !important;
    }
}