@charset "UTF-8";
/* =============================================================================
   BASKIO - MODERN TEMA
   -----------------------------------------------------------------------------
   TUM kurallar .baskio-modern kapsamindadir. Bu dosya SADECE Modern Tema'da
   yuklenir; AI Tema (eski koyu gorunum) bu dosyadan hic etkilenmez.

   Eski koyu CSS (assets/css/baskio.css, css/sepet.css, storex-diamond.css ve
   baskio.js icindeki inline stiller) SILINMEDI / DEGISTIRILMEDI - burada
   sadece uzerine yaziliyor.

   Ana renk: Parlamento mavisi (lacivert) - #1B3A7A
   Namespace: yeni bilesenlerde "bskm-" oneki (AI modulu zaten "baskio-" onekini
   kullandigi icin cakismayi onlemek adina).

   Proje: Baskio / Storex - 2026
   ========================================================================== */
.baskio-modern {
    --bskm-ana: #1B3A7A;
    --bskm-ana-koyu: #12295A;
    --bskm-ana-acik: #2E5CB8;
    --bskm-metin: #111827;
    --bskm-metin-ara: #4B5563;
    --bskm-metin-sol: #6B7280;
    --bskm-beyaz: #FFFFFF;
    --bskm-acik-1: #F6F9FE;
    --bskm-acik-2: #EEF3FC;
    --bskm-acik-3: #E5EDF9;
    --bskm-cizgi: #DCE5F3;
    --bskm-cizgi-2: #D2DEF0;
    --bskm-cizgi-3: #E8EEF8;
    --bskm-vurgu: #0E7490;
    --bskm-vurgu-2: #0891B2;
    --bskm-turuncu: #F97316;
    --bskm-turuncu-2: #FB923C;
    --bskm-mavi: #2563EB;
    --bskm-yesil: #16A34A;
    --bskm-r-sm: 8px;
    --bskm-r-md: 12px;
    --bskm-r-lg: 18px;
    --bskm-r-pil: 999px;
    --bskm-golge-1: 0 1px 2px rgba(17, 24, 39, .04);
    --bskm-golge-2: 0 4px 16px rgba(27, 58, 122, .08);
    --bskm-golge-3: 0 10px 30px rgba(27, 58, 122, .14);
    --bskm-gecis: .22s ease;
    --bskm-z-nav: 1000;
    --bskm-z-overlay: 1050;
    --bskm-z-mobil: 1060;
}
.baskio-modern .bskm-topbar,
.baskio-modern .bskm-topbar *,
.baskio-modern .bskm-header,
.baskio-modern .bskm-header *,
.baskio-modern .bskm-nav,
.baskio-modern .bskm-nav *,
.baskio-modern .bskm-mobil,
.baskio-modern .bskm-mobil *,
.baskio-modern .bskm-anasayfa,
.baskio-modern .bskm-anasayfa * {
    box-sizing: border-box;
}
.baskio-modern {
    background: var(--bskm-beyaz);
    color: var(--bskm-metin);
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    overflow-x: hidden;
}
.baskio-modern .bskm-topbar a,
.baskio-modern .bskm-header a,
.baskio-modern .bskm-nav a,
.baskio-modern .bskm-mobil a,
.baskio-modern .bskm-anasayfa a {
    color: inherit;
    text-decoration: none;
    transition: color var(--bskm-gecis);
}
.baskio-modern .bskm-topbar a:hover,
.baskio-modern .bskm-header a:hover,
.baskio-modern .bskm-mobil a:hover,
.baskio-modern .bskm-anasayfa a:hover {
    color: var(--bskm-ana);
    text-decoration: none;
}
.baskio-modern .bskm-header img,
.baskio-modern .bskm-mobil img,
.baskio-modern .bskm-anasayfa img {
    max-width: 100%;
    height: auto;
}
.baskio-modern .bskm-header button,
.baskio-modern .bskm-mobil button,
.baskio-modern .bskm-anasayfa button {
    font-family: inherit;
}
.bskm-ic {
    width: 100%;
    max-width: 1320px;
    margin: 0px auto;
    padding: 0px 16px;
}
.baskio-modern .bskm-gizli-metin {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    white-space: nowrap;
    border: 0px;
}
.baskio-modern a:focus-visible,
.baskio-modern button:focus-visible,
.baskio-modern input:focus-visible,
.baskio-modern select:focus-visible,
.baskio-modern textarea:focus-visible {
    outline: 2px solid var(--bskm-ana);
    outline-offset: 2px;
    border-radius: 4px;
}
.bskm-topbar {
    background: var(--bskm-acik-1);
    border-bottom: 1px solid var(--bskm-cizgi-3);
    font-size: 12.5px;
    color: var(--bskm-metin-ara);
}
.bskm-topbar .bskm-ic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 38px;
    flex-wrap: wrap;
}
.bskm-topbar-sol {
    display: flex;
    align-items: center;
    gap: 6px;
}
.bskm-topbar-sol b {
    color: var(--bskm-ana);
    font-weight: 700;
}
.bskm-topbar-sag {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
.bskm-topbar-sag a {
    padding: 6px 10px;
    border-radius: var(--bskm-r-sm);
}
.bskm-topbar-sag a:hover {
    background: var(--bskm-acik-3);
    color: var(--bskm-ana);
}
.baskio-modern .baskio-tema-secici-ust {
    margin-left: 6px;
}
.baskio-modern .baskio-tema-secici-ust select {
    height: 28px;
    padding: 0px 26px 0px 10px;
    font-size: 12px;
    background-color: var(--bskm-beyaz);
    border-color: var(--bskm-cizgi-2);
}
.bskm-header {
    background: var(--bskm-beyaz);
    border-bottom: 1px solid var(--bskm-cizgi-3);
    position: sticky;
    top: 0px;
    z-index: var(--bskm-z-nav);
}
.bskm-header .bskm-ic {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 84px;
}
.bskm-logo {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}
.bskm-logo img {
    width: 190px;
    max-width: 46vw;
    height: auto;
    display: block;
}
.bskm-arama {
    flex: 1 1 auto;
    min-width: 0px;
    margin-top: 12px;
}
.bskm-arama form {
    display: flex;
    width: 100%;
    margin: 0px;
}
.bskm-arama input[type="search"],
.bskm-arama input[type="text"] {
    flex: 1 1 auto;
    min-width: 0px;
    height: 48px;
    padding: 0px 16px;
    font-size: 16px;
    color: var(--bskm-metin);
    background: var(--bskm-beyaz);
    border-top-color:;
    border-top-style:;
    border-top-width:;
    border-bottom-color:;
    border-bottom-style:;
    border-bottom-width:;
    border-left-color:;
    border-left-style:;
    border-left-width:;
    border-image-source:;
    border-image-slice:;
    border-image-width:;
    border-image-outset:;
    border-image-repeat:;
    border-right: 0px;
    border-radius: var(--bskm-r-md) 0 0 var(--bskm-r-md);
    outline: none;
    transition: border-color var(--bskm-gecis);
    appearance: none;
}
.bskm-arama input::placeholder {
    color: rgb(156, 163, 175);
}
.bskm-arama input:focus {
    border-color: var(--bskm-ana);
}
.bskm-arama-btn {
    flex: 0 0 auto;
    width: 58px;
    height: 48px;
    border: 0px;
    border-radius: 0 var(--bskm-r-md) var(--bskm-r-md) 0;
    background: var(--bskm-ana);
    color: rgb(255, 255, 255);
    font-size: 19px;
    cursor: pointer;
    transition: background var(--bskm-gecis);
}
.bskm-arama-btn:hover {
    background: var(--bskm-ana-koyu);
}
.bskm-aksiyon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
}
.bskm-aksiyon-btn {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 64px;
    min-height: 48px;
    padding: 6px 8px;
    border-radius: var(--bskm-r-md);
    background: none;
    border: 0px;
    color: var(--bskm-metin-ara);
    font-size: 11.5px;
    font-weight: 500;
    cursor: pointer;
    transition: background var(--bskm-gecis), color var(--bskm-gecis);
}
.bskm-aksiyon-btn:hover {
    background: var(--bskm-acik-2);
    color: var(--bskm-ana);
}
.bskm-aksiyon-btn i {
    font-size: 22px;
    line-height: 1;
}
.bskm-aksiyon-btn .bskm-rozet {
    position: absolute;
    top: 2px;
    right: 10px;
    min-width: 18px;
    height: 18px;
    padding: 0px 5px;
    border-radius: var(--bskm-r-pil);
    background: var(--bskm-ana);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}
.bskm-uye {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    height: 48px;
    padding: 0px 18px;
    border-radius: var(--bskm-r-pil);
    background: var(--bskm-ana);
    font-size: 13.5px;
    font-weight: 600;
    white-space: nowrap;
    transition: background var(--bskm-gecis), transform var(--bskm-gecis);
    color: rgb(255, 255, 255) !important;
}
.bskm-uye:hover {
    background: var(--bskm-ana-koyu);
    transform: translateY(-1px);
    color: rgb(255, 255, 255) !important;
}
.bskm-uye i {
    font-size: 19px;
}
.bskm-uye-ad {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.25;
}
.bskm-uye-ad small {
    font-size: 10.5px;
    font-weight: 500;
    opacity: 0.85;
}
.bskm-kredi {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0px 12px;
    border-radius: var(--bskm-r-pil);
    background: var(--bskm-acik-3);
    border: 1px solid var(--bskm-cizgi-2);
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
    color: var(--bskm-ana) !important;
}
.bskm-kredi:hover {
    background: rgb(219, 230, 248);
    color: var(--bskm-ana-koyu) !important;
}
.bskm-uye-sar {
    position: relative;
}
.bskm-uye-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0px;
    min-width: 220px;
    padding: 8px;
    background: var(--bskm-beyaz);
    border: 1px solid var(--bskm-cizgi);
    border-radius: var(--bskm-r-md);
    box-shadow: var(--bskm-golge-3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity var(--bskm-gecis), transform var(--bskm-gecis), visibility var(--bskm-gecis);
    z-index: 5;
}
.bskm-uye-sar:hover .bskm-uye-menu,
.bskm-uye-sar:focus-within .bskm-uye-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.bskm-uye-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: var(--bskm-r-sm);
    font-size: 13.5px;
    color: var(--bskm-metin-ara);
}
.bskm-uye-menu a:hover {
    background: var(--bskm-acik-2);
    color: var(--bskm-ana);
}
.bskm-uye-menu i {
    width: 18px;
    font-size: 16px;
    text-align: center;
}
.bskm-hamburger {
    display: none;
    width: 46px;
    height: 46px;
    border: 1px solid var(--bskm-cizgi);
    border-radius: var(--bskm-r-md);
    background: var(--bskm-beyaz);
    color: var(--bskm-metin);
    font-size: 22px;
    cursor: pointer;
}
.baskio-modern .baskio-tema-secici {
    display: inline-flex;
    align-items: center;
    margin: 0px;
}
.baskio-modern .baskio-tema-secici select {
    height: 36px;
    padding: 0px 28px 0px 12px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--bskm-ana);
    background-color: var(--bskm-acik-2);
    border: 1px solid var(--bskm-cizgi-2);
    border-radius: var(--bskm-r-pil);
    cursor: pointer;
    outline: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B3A7A' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-size: 13px 13px;
}
.bskm-nav {
    background: var(--bskm-ana);
    position: relative;
    z-index: calc(var(--bskm-z-nav) - 1);
}
.bskm-nav .bskm-ic {
    display: flex;
    align-items: stretch;
    gap: 10px;
}
.bskm-nav-liste {
    display: flex;
    align-items: stretch;
    gap: 2px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}
.bskm-nav-liste::-webkit-scrollbar {
    display: none;
}
.bskm-nav-liste > li {
    position: relative;
    flex: 0 0 auto;
}
.bskm-nav-liste > li > a {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 48px;
    padding: 0px 14px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background var(--bskm-gecis);
    color: rgb(255, 255, 255) !important;
}
.bskm-nav-liste > li > a:hover,
.bskm-nav-liste > li.bskm-aktif > a {
    background: var(--bskm-ana-koyu);
}
.bskm-nav-ozel {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}
.bskm-nav-ozel > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0px 9px;
    border-radius: var(--bskm-r-sm);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: filter var(--bskm-gecis), transform var(--bskm-gecis);
}
.bskm-nav-ozel > a:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}
/* AI butonu – parıltının DURAN hâli. Hareketi CSS animasyonu değil,
   temalar/tema26.php içindeki küçük JS döngüsü sürüyor: işletim sisteminde
   "hareketi azalt" açıkken CSS animasyonları çalışmadığı için butonun
   parıltısı da kayboluyordu. JS, background-position ve box-shadow'u her
   karede kendisi yazıyor. */
.bskm-nav-ai {
    overflow: hidden;
    color: rgb(255, 255, 255) !important;
    background-color: var(--bskm-vurgu);
    background-image:
        linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%),
        linear-gradient(135deg, var(--bskm-vurgu) 0%, var(--bskm-vurgu-2) 100%);
    background-repeat: no-repeat, no-repeat;
    background-size: 42% 180%, 100% 100%;
    background-position: -80% center, 0% 0%;
    box-shadow: rgba(14, 116, 144, 0.35) 0px 2px 10px;
}
.bskm-nav-ai:hover {
    color: rgb(255, 255, 255) !important;
}
.bskm-nav-ai i {
    font-size: 16px;
    display: inline-block;
    transform-origin: 50% 60%;
}
.bskm-nav-promo {
    background: linear-gradient(135deg, var(--bskm-turuncu) 0%, var(--bskm-turuncu-2) 100%);
    box-shadow: rgba(249, 115, 22, 0.35) 0px 2px 10px;
    color: rgb(255, 255, 255) !important;
}
.bskm-nav-promo:hover {
    color: rgb(255, 255, 255) !important;
}
.bskm-nav-promo img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    border-radius: 4px;
    background: rgb(255, 255, 255);
}
.bskm-alt-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    min-width: 230px;
    padding: 8px;
    margin: 0px;
    list-style: none;
    background: var(--bskm-beyaz);
    border: 1px solid var(--bskm-cizgi);
    border-radius: 0 0 var(--bskm-r-md) var(--bskm-r-md);
    box-shadow: var(--bskm-golge-3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity var(--bskm-gecis), transform var(--bskm-gecis), visibility var(--bskm-gecis);
    z-index: 5;
}
.bskm-nav-liste > li:hover > .bskm-alt-menu,
.bskm-nav-liste > li:focus-within > .bskm-alt-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.bskm-alt-menu a {
    display: block;
    padding: 9px 12px;
    border-radius: var(--bskm-r-sm);
    font-size: 13.5px;
    color: var(--bskm-metin-ara);
}
.bskm-alt-menu a:hover {
    background: var(--bskm-acik-2);
    color: var(--bskm-ana);
}
.bskm-mobil-ort {
    position: fixed;
    inset: 0px;
    background: rgba(17, 24, 39, 0.45);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--bskm-gecis), visibility var(--bskm-gecis);
    z-index: var(--bskm-z-overlay);
}
.bskm-mobil-ort.bskm-acik {
    opacity: 1;
    visibility: visible;
}
.bskm-mobil {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 86%;
    max-width: 330px;
    background: var(--bskm-beyaz);
    transform: translateX(-100%);
    transition: transform 0.26s;
    z-index: var(--bskm-z-mobil);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}
.bskm-mobil.bskm-acik {
    transform: translateX(0px);
}
.bskm-mobil-bas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--bskm-cizgi-3);
}
.bskm-mobil-bas img {
    width: 140px;
    height: auto;
}
.bskm-mobil-kapat {
    width: 44px;
    height: 44px;
    border: 0px;
    background: var(--bskm-acik-2);
    border-radius: var(--bskm-r-md);
    color: var(--bskm-metin);
    font-size: 22px;
    cursor: pointer;
}
.bskm-mobil-govde {
    padding: 10px 12px 28px;
}
.bskm-mobil-govde a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 10px 12px;
    border-radius: var(--bskm-r-sm);
    font-size: 14.5px;
    font-weight: 500;
    color: var(--bskm-metin);
}
.bskm-mobil-govde a:hover {
    background: var(--bskm-acik-2);
    color: var(--bskm-ana);
}
.bskm-mobil-baslik {
    padding: 14px 12px 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: var(--bskm-metin-sol);
}
.bskm-mobil-ayrac {
    height: 1px;
    margin: 8px 12px;
    background: var(--bskm-cizgi-3);
}
.bskm-mobil-tema {
    padding: 10px 12px 0px;
}
.bskm-mobil-tema .baskio-tema-secici,
.bskm-mobil-tema .baskio-tema-secici select {
    width: 100%;
}
.bskm-bolum {
    padding: 20px 0px;
}
.bskm-bolum-bas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.bskm-bolum-bas h2 {
    margin: 0px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.3px;
    color: var(--bskm-metin);
    display: flex;
    align-items: center;
    gap: 8px;
}
.bskm-tumu {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--bskm-ana) !important;
}
.bskm-tumu:hover {
    gap: 10px;
    color: var(--bskm-ana-koyu) !important;
}
.bskm-hero {
    position: relative;
    margin: 18px 0px 8px;
    padding: 40px;
    border: 1px solid var(--bskm-cizgi-3);
    border-radius: var(--bskm-r-lg);
    overflow: hidden;
    background:
        radial-gradient(900px 420px at 88% 18%, rgba(46, 92, 184, .13) 0%, rgba(46, 92, 184, 0) 62%),
        radial-gradient(620px 320px at 8% 92%, rgba(8, 145, 178, .08) 0%, rgba(8, 145, 178, 0) 60%),
        linear-gradient(135deg, var(--bskm-acik-1) 0%, #FFFFFF 55%, var(--bskm-acik-3) 100%);
}
.bskm-hero-grid {
    display: grid;
    grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr);
    gap: 32px;
    align-items: center;
}
.bskm-hero-rozet {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 18px;
    border: 1px solid var(--bskm-cizgi-2);
    border-radius: var(--bskm-r-pil);
    background: rgba(255, 255, 255, 0.85);
    color: var(--bskm-ana);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
}
.bskm-hero h1 {
    margin: 0px 0px 14px;
    font-size: clamp(30px, 4.1vw, 52px);
    font-weight: 900;
    line-height: 1.07;
    letter-spacing: -1.4px;
    text-transform: uppercase;
    color: var(--bskm-metin);
}
.bskm-hero h1 em {
    font-style: normal;
    color: var(--bskm-ana);
}
.bskm-hero-alt {
    margin: 0px 0px 24px;
    max-width: 520px;
    font-size: 16px;
    line-height: 1.62;
    color: var(--bskm-metin-ara);
}
.bskm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0px 28px;
    border: 0px;
    border-radius: var(--bskm-r-pil);
    background: var(--bskm-ana);
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--bskm-golge-2);
    transition: background var(--bskm-gecis), transform var(--bskm-gecis), box-shadow var(--bskm-gecis);
    color: rgb(255, 255, 255) !important;
}
.bskm-btn:hover {
    background: var(--bskm-ana-koyu);
    transform: translateY(-2px);
    box-shadow: var(--bskm-golge-3);
    color: rgb(255, 255, 255) !important;
}
.bskm-btn-buyuk {
    min-height: 56px;
    padding: 0px 34px;
    font-size: 16px;
}
.bskm-hero-avantaj {
    display: flex;
    gap: 26px;
    margin-top: 26px;
    flex-wrap: wrap;
}
.bskm-hero-avantaj > div {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--bskm-metin-ara);
}
.bskm-hero-avantaj i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--bskm-r-sm);
    background: rgba(27, 58, 122, 0.1);
    color: var(--bskm-ana);
    font-size: 16px;
}
.bskm-hero-gorsel {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bskm-hero-not {
    position: absolute;
    top: 4px;
    right: 8px;
    max-width: 180px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--bskm-ana);
    text-align: right;
    transform: rotate(-6deg);
}
.bskm-hero-kolaj {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 14px;
    width: 100%;
    max-width: 420px;
}
.bskm-hero-kolaj figure {
    margin: 0px;
    padding: 14px;
    background: var(--bskm-beyaz);
    border: 1px solid var(--bskm-cizgi-3);
    border-radius: var(--bskm-r-md);
    box-shadow: var(--bskm-golge-2);
    transition: transform var(--bskm-gecis);
}
.bskm-hero-kolaj figure:nth-child(2n+1) {
    transform: rotate(-2deg);
}
.bskm-hero-kolaj figure:nth-child(2n) {
    transform: rotate(2deg);
}
.bskm-hero-kolaj figure:hover {
    transform: rotate(0deg) translateY(-3px);
}
.bskm-hero-kolaj img {
    display: block;
    width: 100%;
    height: 118px;
    object-fit: contain;
}
.bskm-hero-cta {
    position: absolute;
    right: -6px;
    bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 132px;
    height: 132px;
    padding: 14px;
    border-radius: 50%;
    background: linear-gradient(140deg, var(--bskm-ana) 0%, var(--bskm-vurgu) 55%, var(--bskm-turuncu) 100%);
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: 0.3px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: var(--bskm-golge-3);
    transition: transform var(--bskm-gecis);
    color: rgb(255, 255, 255) !important;
}
.bskm-hero-cta:hover {
    color: rgb(255, 255, 255) !important;
    transform: scale(1.05);
}
/* =============================================================================
   ANA SAYFA SLIDER – Slick Slider 1.8.1
   ornek_html/anasayfa26.php'deki yapı ve ayarlarla birebir aynı.
   Slick çekirdek CSS'i CDN yerine burada (tema kapsamında) tutuluyor.
   ========================================================================== */
.baskio-modern .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.baskio-modern .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.baskio-modern .slick-list:focus {
    outline: none;
}
.baskio-modern .slick-list.dragging {
    cursor: pointer;
}
.baskio-modern .slick-slider .slick-track,
.baskio-modern .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}
.baskio-modern .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.baskio-modern .slick-track::before,
.baskio-modern .slick-track::after {
    display: table;
    content: '';
}
.baskio-modern .slick-track::after {
    clear: both;
}
.baskio-modern .slick-loading .slick-track {
    visibility: hidden;
}
.baskio-modern .slick-slide {
    display: none;
    float: left;
    outline: none;
}
.baskio-modern .slick-slide img {
    display: block;
}
.baskio-modern .slick-slide.slick-loading img {
    display: none;
}
.baskio-modern .slick-slide.dragging img {
    pointer-events: none;
}
.baskio-modern .slick-initialized .slick-slide {
    display: block;
}
.baskio-modern .slick-loading .slick-slide {
    visibility: hidden;
}
.baskio-modern .slick-arrow.slick-hidden {
    display: none;
}

/* Sarmalayıcı */
.baskio-modern .bskm-slider-sar {
    position: relative;
    margin: 18px 0px 8px;
    border: 1px solid var(--bskm-cizgi-3);
    border-radius: 10px;
    overflow: hidden;
    background: var(--bskm-acik-2);
}
.baskio-modern .anasayfa-top-slider {
    width: 100%;
}
.baskio-modern .slide-item {
    width: 100%;
}
.baskio-modern .slide-item img {
    display: block;
    width: 100%;
    height: auto;
}
/* Slick başlamadan önce yalnızca ilk görsel görünsün (yanıp sönme olmasın) */
.baskio-modern .anasayfa-top-slider:not(.slick-initialized) > .slide-item:not(:first-child) {
    display: none;
}

/* Oklar */
.baskio-modern .bskm-slider-sar .slick-prev,
.baskio-modern .bskm-slider-sar .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    outline: none;
    z-index: 4;
    box-shadow: var(--bskm-golge-2);
    transition: background var(--bskm-gecis);
}
.baskio-modern .bskm-slider-sar .slick-prev {
    left: 18px;
}
.baskio-modern .bskm-slider-sar .slick-next {
    right: 18px;
}
.baskio-modern .bskm-slider-sar .slick-prev::before,
.baskio-modern .bskm-slider-sar .slick-next::before {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    border: solid var(--bskm-ana);
    border-width: 0 2px 2px 0;
}
.baskio-modern .bskm-slider-sar .slick-prev::before {
    transform: rotate(135deg);
    margin-left: 4px;
}
.baskio-modern .bskm-slider-sar .slick-next::before {
    transform: rotate(-45deg);
    margin-right: 4px;
}
.baskio-modern .bskm-slider-sar .slick-prev:hover,
.baskio-modern .bskm-slider-sar .slick-next:hover {
    background: var(--bskm-ana);
}
.baskio-modern .bskm-slider-sar .slick-prev:hover::before,
.baskio-modern .bskm-slider-sar .slick-next:hover::before {
    border-color: #fff;
}
.baskio-modern .bskm-slider-sar .slick-disabled {
    opacity: 0.45;
}

/* Noktalar */
.baskio-modern .bskm-slider-sar .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 3;
}
.baskio-modern .bskm-slider-sar .slick-dots li {
    line-height: 0;
}
.baskio-modern .bskm-slider-sar .slick-dots button {
    display: block;
    width: 9px;
    height: 9px;
    padding: 0;
    border: 1px solid rgba(27, 58, 122, 0.25);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    outline: none;
    transition: background var(--bskm-gecis), width var(--bskm-gecis);
}
.baskio-modern .bskm-slider-sar .slick-dots li.slick-active button {
    width: 26px;
    border-radius: var(--bskm-r-pil);
    background: var(--bskm-beyaz);
}
.bskm-kat-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0px, 1fr);
    gap: 12px;
}
.bskm-kat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 16px 10px;
    background: var(--bskm-beyaz);
    border: 1px solid var(--bskm-cizgi-3);
    border-radius: var(--bskm-r-md);
    text-align: center;
    transition: transform var(--bskm-gecis), box-shadow var(--bskm-gecis), border-color var(--bskm-gecis);
}
.bskm-kat:hover {
    transform: translateY(-2px);
    border-color: var(--bskm-cizgi);
    box-shadow: var(--bskm-golge-2);
    color: var(--bskm-ana);
}
.bskm-kat img {
    width: 100%;
    height: 84px;
    object-fit: contain;
    border-radius: 10px;
}
.bskm-kat-bos {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 84px;
    border-radius: var(--bskm-r-sm);
    background: var(--bskm-acik-2);
    color: var(--bskm-ana);
    font-size: 28px;
}
.bskm-kat span {
    font-size: 13px;
    font-weight: 700;
    color: var(--bskm-metin);
}
.bskm-kat:hover span {
    color: var(--bskm-ana);
}
.bskm-avantaj {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 10px;
    padding: 18px;
    background: var(--bskm-acik-2);
    border: 1px solid var(--bskm-cizgi-3);
    border-radius: var(--bskm-r-lg);
}
.bskm-avantaj > div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 10px;
}
.bskm-avantaj i {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: var(--bskm-r-md);
    background: rgba(27, 58, 122, 0.1);
    color: var(--bskm-ana);
    font-size: 21px;
}
.bskm-avantaj b {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--bskm-ana);
}
.bskm-guven {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 10px;
    padding: 18px;
    margin-bottom: 8px;
    background: var(--bskm-beyaz);
    border: 1px solid var(--bskm-cizgi-3);
    border-radius: var(--bskm-r-lg);
}
.bskm-guven > div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 10px;
}
.bskm-guven i {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: var(--bskm-r-md);
    background: var(--bskm-acik-2);
    color: var(--bskm-ana);
    font-size: 21px;
}
.bskm-guven span {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--bskm-metin-ara);
}
.bskm-urun-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0px, 1fr));
    gap: 14px;
}
.bskm-urun {
    display: flex;
    flex-direction: column;
    padding: 14px;
    background: var(--bskm-beyaz);
    border: 1px solid var(--bskm-cizgi-3);
    border-radius: 10px;
    transition: transform var(--bskm-gecis), box-shadow var(--bskm-gecis), border-color var(--bskm-gecis);
}
.bskm-urun:hover {
    transform: translateY(-2px);
    border-color: var(--bskm-cizgi);
    box-shadow: var(--bskm-golge-2);
}
.bskm-urun-gorsel {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    border-radius: 10px;
    background: var(--bskm-acik-1);
    overflow: hidden;
}
/* Kutunun sabit yüksekliği kaldırıldığı için görsel kendi oranında açılır:
   width:100% + height:auto. Böylece görsel hiç kırpılmaz, kutu görselin
   boyuna göre uzar ve img kutusu görselle birebir aynı olduğu için
   border-radius gerçekten görselin köşelerini yuvarlar.
   NOT: height:100% verilemez; kutu yüksekliği artık auto olduğu için 100%
   belirsize düşüyor, görsel 0px'e iniyor ve lazy-load hiç tetiklenmiyor. */
.baskio-modern .bskm-urun-gorsel img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}
.bskm-urun-gorsel .bskm-bos {
    color: var(--bskm-ana);
    font-size: 32px;
    opacity: 0.45;
}
.bskm-urun-ad {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 38px;
    margin: 0px 0px 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--bskm-metin);
}
.bskm-urun-varyant {
    min-height: 18px;
    margin: 0px 0px 8px;
    font-size: 12.5px;
    color: var(--bskm-metin-sol);
}
.bskm-urun-fiyat {
    margin: 0px 0px 12px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
    color: var(--bskm-ana);
}
/* Kayan fiyat (baskio.js rotator'ı genişliği ölçüp min-width veriyor);
   kart dışına taşmasın. */
.bskm-urun-fiyat.baskio-chip-price {
    max-width: 100%;
    /* iki satır (ad + tutar) x 13px * 1.45 line-height */
    height: 38px;
    overflow: hidden;
    /* rotator inline text-align:center veriyor; kart içeriği sola hizalı kalsın */
    text-align: left !important;
}
/* Fiyatın alttan üste kayması CSS animasyonuyla değil, anasayfa26.php'deki
   küçük JS ile (Web Animations API) yapılıyor: sistemde "hareketi azalt"
   açıkken CSS animasyonları çalışmadığı için kayma görünmüyor, dahası
   baskio.js'in kendi "swing" efekti 0. karede donup fiyatı görünmez
   bırakıyordu. O yüzden CSS tarafındaki animasyon burada kapatılıyor. */
.bskm-urun-fiyat.baskio-chip-price.baskio-swing {
    animation: none !important;
}
.bskm-urun-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin-top: auto;
    padding: 0px 12px;
    border: 0px;
    border-radius: var(--bskm-r-sm);
    background: var(--bskm-ana);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background var(--bskm-gecis);
    color: rgb(255, 255, 255) !important;
}
.bskm-urun-btn:hover {
    background: var(--bskm-ana-koyu);
    color: rgb(255, 255, 255) !important;
}

/* --- Yapay zeka bölümü: açıklama yanındaki "kontör satın al" rozeti --- */
.bskm-ai-aciklama {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
}
.bskm-ai-kontor-rozet {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f97316 0%, #fbbf24 100%);
    box-shadow: 0 4px 12px -4px rgba(249,115,22,.6);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    color: #fff !important;
    text-decoration: none;
    transition: transform .2s, box-shadow .2s, filter .2s;
}
.bskm-ai-kontor-rozet i { font-size: 12px; }
.bskm-ai-kontor-rozet:hover,
.bskm-ai-kontor-rozet:focus-visible {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 8px 16px -6px rgba(249,115,22,.75);
    color: #fff !important;
    text-decoration: none;
    outline: none;
}

/* --- Ürün kartı aksiyonları: üstte "Fiyat Hesapla", altta AI "Tasarla" --- */
.bskm-urun-aksiyon {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}
.bskm-urun-fiyat-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #b9e6d6;
    border-radius: var(--bskm-r-sm);
    background: #eefaf5;
    font-size: 13px;
    font-weight: 700;
    color: #0b7f62 !important;
    text-decoration: none;
    transition: border-color .25s, background .25s, color .25s, box-shadow .25s;
}
.bskm-urun-fiyat-btn i { font-size: 13px; color: #10a37f; transition: color .25s; }
.bskm-urun-fiyat-btn:hover {
    border-color: #10a37f;
    background: #ddf5ec;
    color: #0b7f62 !important;
    box-shadow: 0 4px 12px -6px rgba(16,163,127,.6);
    text-decoration: none;
}
.bskm-urun-fiyat-btn:hover i { color: #0b7f62; }

/* AI "Tasarla" butonu – kartın birincil, premium aksiyonu */
.bskm-urun-btn.bskm-urun-btn-ai {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    min-height: 44px;
    background: linear-gradient(135deg, #1B3A7A 0%, #4338ca 48%, #7c3aed 100%);
    box-shadow: 0 8px 20px -10px rgba(76,45,190,.9), inset 0 1px 0 rgba(255,255,255,.18);
    letter-spacing: .2px;
    transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s, filter .25s;
}
.bskm-urun-btn.bskm-urun-btn-ai:hover {
    background: linear-gradient(135deg, #1B3A7A 0%, #4338ca 48%, #7c3aed 100%);
    transform: translateY(-2px);
    filter: brightness(1.07);
    box-shadow: 0 14px 26px -12px rgba(76,45,190,1), inset 0 1px 0 rgba(255,255,255,.24);
}
.bskm-urun-btn.bskm-urun-btn-ai:active { transform: translateY(0); }
.bskm-urun-btn-ic {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.bskm-urun-btn-ic i { font-size: 14px; }
.bskm-urun-btn-rozet {
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.3);
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .6px;
}
/* Yapay zeka bölümü – sayfanın en önemli alanı, kenarlığı belirgin */
/* "#bskmTasarim" bağlantısına başka bir sayfadan gelindiğinde tarayıcı doğrudan
   çapaya atlıyor ve bölüm 85px'lik sticky header'ın altında kalıyordu.
   scroll-margin-top header + nefes payı kadar boşluk bırakır. */
#bskmTasarim {
    scroll-margin-top: 125px;
}
/* Çerçevede dolaşan ışık efekti (AI temasındaki .baskio-hero-border ile aynı
   fikir). Açı özel bir özellik olarak tanımlanıyor ki conic-gradient
   animasyonlanabilsin; desteklemeyen tarayıcıda çerçeve sabit kalır, bozulmaz. */
@property --bskm-ai-aci {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}
@keyframes bskmAiCerceve {
    to { --bskm-ai-aci: 360deg; }
}
.bskm-ai {
    position: relative;
    display: grid;
    grid-template-columns: 250px minmax(0px, 1fr);
    gap: 30px;
    align-items: center;
    padding: 30px 34px;
    border: 2px solid transparent;
    border-radius: var(--bskm-r-lg);
    background:
        radial-gradient(560px 300px at 12% 50%, rgba(46, 92, 184, .14) 0%, rgba(46, 92, 184, 0) 65%),
        linear-gradient(118deg, var(--bskm-acik-3) 0%, var(--bskm-acik-1) 48%, #EAF6FB 100%);
    box-shadow:
        0 0 0 5px rgba(46, 92, 184, .10),
        0 14px 34px rgba(27, 58, 122, .13);
}
/* Üstten geçen kalın vurgu çizgisi – ışık soldan sağa akar.
   background-position ile yapıldığı için @property desteği gerekmez. */
@keyframes bskmAiCizgi {
    from { background-position: 200% 0; }
    to   { background-position: 0% 0; }
}
.bskm-ai::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 24px;
    right: 24px;
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: linear-gradient(90deg,
        var(--bskm-ana) 0%,
        var(--bskm-ana) 18%,
        var(--bskm-vurgu-2) 34%,
        #8FE9FF 44%,
        #FFFFFF 50%,
        #8FE9FF 56%,
        var(--bskm-vurgu-2) 66%,
        var(--bskm-ana) 82%,
        var(--bskm-ana) 100%);
    background-size: 200% 100%;
    animation: bskmAiCizgi 3s linear infinite;
    z-index: 2;
}
/* Hareketli çerçeve: 2px'lik halka. İki maske (biri content-box) üst üste
   çıkarılarak sadece kenarlık şeridi görünür kalıyor, ortası boş kalıyor. */
.bskm-ai::after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: calc(var(--bskm-r-lg) + 2px);
    padding: 2px;
    background: conic-gradient(from var(--bskm-ai-aci),
        var(--bskm-ana) 0deg,
        var(--bskm-ana) 170deg,
        var(--bskm-ana-acik) 220deg,
        var(--bskm-vurgu-2) 255deg,
        #8FE9FF 275deg,
        #FFFFFF 288deg,
        #8FE9FF 300deg,
        var(--bskm-vurgu-2) 320deg,
        var(--bskm-ana-acik) 345deg,
        var(--bskm-ana) 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask-composite: exclude;
    animation: bskmAiCerceve 4s linear infinite;
    pointer-events: none;
    z-index: 0;
}
/* İçerik halkanın üstünde kalsın */
.bskm-ai > * {
    position: relative;
    z-index: 1;
}
.bskm-ai-robot {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.bskm-ai-robot img {
    width: 100%;
    max-width: 190px;
    height: auto;
}
.bskm-ai-adim {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 18px 0px 10px;
}
.bskm-ai-adim-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 50%;
    background: var(--bskm-ana);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 800;
}
.bskm-ai-adim-ad {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--bskm-metin);
}
.bskm-ai-urunler {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0px, 1fr);
    gap: 8px;
}
.bskm-ai-urun {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0px;
    padding: 7px 10px 7px 8px;
    background: var(--bskm-beyaz);
    border: 1.5px solid var(--bskm-cizgi);
    border-radius: var(--bskm-r-md);
    cursor: pointer;
    text-align: left;
    transition: border-color var(--bskm-gecis), background var(--bskm-gecis), transform var(--bskm-gecis);
}
.bskm-ai-urun:hover {
    border-color: var(--bskm-ana-acik);
    transform: translateY(-1px);
}
.bskm-ai-urun.bskm-secili {
    border-color: var(--bskm-ana);
    background: var(--bskm-ana);
}
.bskm-ai-urun img {
    width: 32px;
    height: 26px;
    object-fit: cover;
    border-radius: 5px;
    background: var(--bskm-acik-2);
    flex: 0 0 32px;
}
.bskm-ai-urun > i {
    width: 24px;
    flex: 0 0 24px;
    text-align: center;
    font-size: 16px;
    color: var(--bskm-ana);
}
.bskm-ai-urun.bskm-secili > i {
    color: rgb(255, 255, 255);
}
.bskm-ai-urun-metin {
    min-width: 0px;
}
.bskm-ai-urun-ad {
    display: block;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--bskm-metin);
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bskm-ai-urun small {
    display: block;
    font-size: 10px;
    font-weight: 500;
    color: var(--bskm-metin-sol);
    white-space: nowrap;
}
.bskm-ai-urun.bskm-secili .bskm-ai-urun-ad,
.bskm-ai-urun.bskm-secili small {
    color: rgb(255, 255, 255);
}
.bskm-ai-ornekler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
}
.bskm-ai-ornek-etiket {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--bskm-metin-ara);
}
.bskm-ai-ornek-etiket i {
    color: var(--bskm-turuncu);
}
.bskm-ai-ornek {
    padding: 6px 13px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px dashed var(--bskm-cizgi-2);
    border-radius: var(--bskm-r-pil);
    font-size: 12px;
    font-weight: 500;
    color: var(--bskm-metin-ara);
    cursor: pointer;
    text-align: left;
    transition: border-color var(--bskm-gecis), color var(--bskm-gecis), background var(--bskm-gecis);
}
.bskm-ai-ornek:hover {
    border-style: solid;
    border-color: var(--bskm-ana);
    background: var(--bskm-beyaz);
    color: var(--bskm-ana);
}
.bskm-ai-ornek-sablon {
    border-style: solid;
    border-color: var(--bskm-ana);
    color: var(--bskm-ana);
    font-weight: 700;
}
.bskm-ai-robot-bos {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: rgba(27, 58, 122, 0.1);
    color: var(--bskm-ana);
    font-size: 56px;
}
.bskm-ai h2 {
    margin: 0px 0px 6px;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.5px;
    color: var(--bskm-ana);
}
.bskm-ai p {
    margin: 0px 0px 16px;
    font-size: 14.5px;
    color: var(--bskm-metin-ara);
}
.bskm-ai-form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.bskm-ai-form input[type="text"] {
    flex: 1 1 320px;
    min-width: 0px;
    height: 50px;
    padding: 0px 18px;
    font-size: 16px;
    color: var(--bskm-metin);
    background: var(--bskm-beyaz);
    border: 1.5px solid var(--bskm-cizgi);
    border-radius: var(--bskm-r-pil);
    outline: none;
    transition: border-color var(--bskm-gecis);
}
.bskm-ai-form input:focus {
    border-color: var(--bskm-ana);
}
.bskm-ai-form input::placeholder {
    color: rgb(156, 163, 175);
}
.bskm-ai-liste {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: grid;
    gap: 10px;
}
.bskm-ai-liste {
    width: 100%;
}
.bskm-ai-liste li {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    font-weight: 600;
    color: var(--bskm-metin-ara);
}
.bskm-ai-liste i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 50%;
    background: var(--bskm-ana);
    color: rgb(255, 255, 255);
    font-size: 11px;
}
/* =============================================================================
   DİĞER TASARIM YOLLARI – "diamond" premium kartlar
   Koyu lacivert zemin, ışık huzmesi, elmas kesimli ikon, altın/aksan çizgi.
   ========================================================================== */
.bskm-yol-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 16px;
    margin-top: 16px;
}
.bskm-yol {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 26px 24px 24px;
    background:
        radial-gradient(520px 280px at 110% -10%, rgba(46, 92, 184, .45) 0%, rgba(46, 92, 184, 0) 60%),
        linear-gradient(155deg, #1E4086 0%, #16306A 45%, #0E1F4A 100%);
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: var(--bskm-r-lg);
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    isolation: isolate;
    box-shadow: 0 10px 30px rgba(14, 31, 74, .22);
    transition: transform var(--bskm-gecis), box-shadow var(--bskm-gecis), border-color var(--bskm-gecis);
}
/* Üstten geçen ince ışık çizgisi */
.bskm-yol::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .75) 50%, transparent 100%);
    opacity: .8;
}
/* Köşeden süzülen elmas parıltısı */
.bskm-yol::after {
    content: "";
    position: absolute;
    top: -70px;
    right: -70px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, 0) 68%);
    pointer-events: none;
    z-index: -1;
    transition: transform .35s ease, opacity var(--bskm-gecis);
}
.bskm-yol:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 255, 255, .22);
    box-shadow: 0 18px 44px rgba(14, 31, 74, .34);
}
.bskm-yol:hover::after {
    transform: scale(1.25);
    opacity: .85;
}

/* Elmas kesimli ikon kutusu */
.bskm-yol-ikon {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .22) 0%, rgba(255, 255, 255, .06) 100%);
    border: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    font-size: 22px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
}
.bskm-yol-ic {
    display: flex;
    flex-direction: column;
    min-width: 0px;
    flex: 1 1 auto;
}
.bskm-yol-etiket {
    display: inline-flex;
    align-self: flex-start;
    padding: 4px 10px;
    margin-bottom: 10px;
    border-radius: var(--bskm-r-pil);
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .92);
}
.bskm-yol-baslik {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.3px;
    line-height: 1.25;
    color: #fff;
    margin-bottom: 8px;
}
.bskm-yol-metin {
    font-size: 12.5px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .72);
    margin-bottom: 16px;
}
.bskm-yol-cta {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    margin-top: auto;
    min-height: 38px;
    padding: 0 16px;
    border-radius: var(--bskm-r-pil);
    background: rgba(255, 255, 255, .95);
    font-size: 12.5px;
    font-weight: 700;
    color: #16306A;
    transition: gap var(--bskm-gecis), background var(--bskm-gecis);
}
.bskm-yol:hover .bskm-yol-cta {
    gap: 12px;
    background: #fff;
}

/* Kart başına aksan rengi */
.bskm-yol-duzenle {
    background:
        radial-gradient(520px 280px at 110% -10%, rgba(8, 145, 178, .50) 0%, rgba(8, 145, 178, 0) 60%),
        linear-gradient(155deg, #0E5F75 0%, #0B4557 45%, #072C3A 100%);
    box-shadow: 0 10px 30px rgba(7, 44, 58, .22);
}
.bskm-yol-duzenle:hover {
    box-shadow: 0 18px 44px rgba(7, 44, 58, .34);
}
.bskm-yol-duzenle .bskm-yol-cta {
    color: #0B4557;
}
.bskm-yol-kurumsal {
    background:
        radial-gradient(520px 280px at 110% -10%, rgba(37, 211, 102, .40) 0%, rgba(37, 211, 102, 0) 60%),
        linear-gradient(155deg, #12713F 0%, #0F5B35 45%, #07351F 100%);
    box-shadow: 0 10px 30px rgba(7, 53, 31, .22);
}
.bskm-yol-kurumsal:hover {
    box-shadow: 0 18px 44px rgba(7, 53, 31, .34);
}
.bskm-yol-kurumsal .bskm-yol-cta {
    color: #0F5B35;
}
.bskm-promo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 14px;
}
.bskm-promo {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 168px;
    padding: 22px 24px;
    border-radius: var(--bskm-r-lg);
    overflow: hidden;
    transition: transform var(--bskm-gecis), box-shadow var(--bskm-gecis);
}
.bskm-promo:hover {
    transform: translateY(-2px);
    box-shadow: var(--bskm-golge-2);
}
.bskm-promo-ic {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 0px;
}
.bskm-promo h3 {
    margin: 0px 0px 6px;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.3px;
}
.bskm-promo p {
    margin: 0px 0px 14px;
    font-size: 13px;
    line-height: 1.5;
}
.bskm-promo-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0px 18px;
    border-radius: var(--bskm-r-pil);
    background: var(--bskm-beyaz);
    font-size: 13px;
    font-weight: 700;
    box-shadow: var(--bskm-golge-1);
}
.bskm-promo-gorsel {
    flex: 0 0 auto;
    width: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bskm-promo-gorsel i {
    font-size: 60px;
    opacity: 0.9;
}
.bskm-promo-kredi {
    background: linear-gradient(125deg, rgb(216, 241, 248) 0%, rgb(232, 246, 251) 100%);
    color: var(--bskm-vurgu);
}
.bskm-promo-kredi h3 {
    color: var(--bskm-vurgu);
}
.bskm-promo-kredi p {
    color: rgb(17, 94, 107);
}
.bskm-promo-kredi .bskm-promo-btn {
    color: var(--bskm-vurgu) !important;
}
.bskm-promo-kurumsal {
    background: linear-gradient(125deg, rgb(217, 228, 247) 0%, rgb(237, 242, 252) 100%);
    color: var(--bskm-ana);
}
.bskm-promo-kurumsal h3 {
    color: var(--bskm-ana);
}
.bskm-promo-kurumsal p {
    color: var(--bskm-ana-koyu);
}
.bskm-promo-kurumsal .bskm-promo-btn {
    color: var(--bskm-ana) !important;
}
.bskm-promo-firsat {
    background: linear-gradient(125deg, rgb(255, 227, 200) 0%, rgb(255, 243, 226) 100%);
    color: rgb(180, 83, 9);
}
.bskm-promo-firsat h3 {
    color: rgb(180, 83, 9);
}
.bskm-promo-firsat p {
    color: rgb(146, 64, 14);
}
.bskm-promo-firsat .bskm-promo-btn {
    color: rgb(180, 83, 9) !important;
}
.bskm-haber-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 14px;
}
.bskm-haber {
    display: flex;
    gap: 14px;
    padding: 14px;
    background: var(--bskm-beyaz);
    border: 1px solid var(--bskm-cizgi-3);
    border-radius: var(--bskm-r-md);
    transition: transform var(--bskm-gecis), box-shadow var(--bskm-gecis);
}
.bskm-haber:hover {
    transform: translateY(-2px);
    box-shadow: var(--bskm-golge-2);
}
.bskm-haber-gorsel {
    flex: 0 0 110px;
    width: 110px;
    height: 88px;
    border-radius: var(--bskm-r-sm);
    background: var(--bskm-acik-2);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bskm-haber-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bskm-haber-gorsel i {
    color: var(--bskm-ana);
    font-size: 26px;
    opacity: 0.45;
}
.bskm-haber-ic {
    min-width: 0px;
    display: flex;
    flex-direction: column;
}
.bskm-haber h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0px 0px 5px;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.32;
    color: var(--bskm-metin);
}
.bskm-haber p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0px 0px 8px;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--bskm-metin-sol);
}
.bskm-haber-link {
    margin-top: auto;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--bskm-ana);
}
.bskm-sayfa {
    padding: 5px 0px 5px;
    min-height: 40vh;
}
.baskio-modern .baskio-hero {
    border: 1px solid var(--bskm-cizgi-3);
    color: var(--bskm-metin);
    background: linear-gradient(135deg, var(--bskm-acik-2) 0%, #FFFFFF 55%, var(--bskm-acik-3) 100%) !important;
}
.baskio-modern .baskio-hero-border {
    display: none !important;
}
.baskio-modern .baskio-hero h2 {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-hero p {
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .baskio-dinamik-urun {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-help-badge {
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi-2) !important;
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-chip {
    border-radius: var(--bskm-r-md);
    transition: transform var(--bskm-gecis), box-shadow var(--bskm-gecis), border-color var(--bskm-gecis);
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi-3) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-chip:hover {
    transform: translateY(-2px);
    box-shadow: var(--bskm-golge-2);
    border-color: var(--bskm-cizgi) !important;
}
.baskio-modern .baskio-chip-title,
.baskio-modern .baskio-chip span {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-chip-size {
    color: var(--bskm-metin-sol) !important;
}
.baskio-modern .baskio-chip-price {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-chip i {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-credit-badge,
.baskio-modern .baskio-kargo-badge {
    border-radius: var(--bskm-r-md);
    background: var(--bskm-acik-2) !important;
    border: 1px solid var(--bskm-cizgi-3) !important;
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .baskio-credit-badge .baskio-credit-count {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-credit-badge a {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-modal-overlay {
    background: rgba(17, 24, 39, 0.45) !important;
}
.baskio-modern .baskio-modal {
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi) !important;
    border-radius: var(--bskm-r-lg) !important;
    color: var(--bskm-metin) !important;
    box-shadow: var(--bskm-golge-3) !important;
}
.baskio-modern .baskio-modal-header {
    background: var(--bskm-acik-1) !important;
    border-bottom: 1px solid var(--bskm-cizgi-3) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-modal-header h2,
.baskio-modern .baskio-modal-header h3,
.baskio-modern .baskio-modal-body,
.baskio-modern .baskio-modal label,
.baskio-modern .baskio-modal p,
.baskio-modern .baskio-modal span,
.baskio-modern .baskio-modal small,
.baskio-modern .baskio-modal div {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-modal-close {
    color: var(--bskm-metin-sol) !important;
}
.baskio-modern .baskio-modal-close:hover {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-modal input[type="text"],
.baskio-modern .baskio-modal input[type="tel"],
.baskio-modern .baskio-modal input[type="email"],
.baskio-modern .baskio-modal input[type="number"],
.baskio-modern .baskio-modal input[type="search"],
.baskio-modern .baskio-modal select,
.baskio-modern .baskio-modal textarea {
    background: var(--bskm-beyaz) !important;
    border: 1.5px solid var(--bskm-cizgi) !important;
    border-radius: var(--bskm-r-sm) !important;
    color: var(--bskm-metin) !important;
    font-size: 16px !important;
}
.baskio-modern .baskio-modal input::placeholder,
.baskio-modern .baskio-modal textarea::placeholder {
    color: rgb(156, 163, 175) !important;
}
.baskio-modern .baskio-modal input:focus,
.baskio-modern .baskio-modal select:focus,
.baskio-modern .baskio-modal textarea:focus {
    border-color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-modal-close {
    background: var(--bskm-acik-3) !important;
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .baskio-modal-close:hover {
    background: rgb(214, 226, 245) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-form-group label {
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .baskio-form-group input,
.baskio-modern .baskio-form-group textarea,
.baskio-modern .baskio-form-group select,
.baskio-modern .baskio-desc-area textarea,
.baskio-modern .baskio-desc-area .baskio-textarea-wrap textarea,
.baskio-modern .baskio-input-wrap input {
    background: var(--bskm-beyaz) !important;
    border-color: var(--bskm-cizgi) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-form-group input:focus,
.baskio-modern .baskio-form-group textarea:focus,
.baskio-modern .baskio-form-group select:focus,
.baskio-modern .baskio-desc-area textarea:focus {
    border-color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-input-wrap input:disabled {
    background: var(--bskm-acik-2) !important;
    color: var(--bskm-metin-sol) !important;
}
.baskio-modern .baskio-side-toggle label {
    background: var(--bskm-beyaz) !important;
    border-color: var(--bskm-cizgi) !important;
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .baskio-side-toggle input:checked + label,
.baskio-modern .baskio-side-toggle label.active {
    border-color: var(--bskm-ana) !important;
    background: var(--bskm-acik-3) !important;
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-section-divider::before {
    background: var(--bskm-cizgi) !important;
}
.baskio-modern .baskio-section-divider span {
    background: var(--bskm-beyaz) !important;
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-desc-area,
.baskio-modern .baskio-logo-section,
.baskio-modern .baskio-logo-ai-section,
.baskio-modern .baskio-approval,
.baskio-modern .baskio-cart-preview,
.baskio-modern .baskio-preview-section,
.baskio-modern .baskio-color-picker,
.baskio-modern .baskio-attach-preview {
    background: var(--bskm-acik-1) !important;
    border-color: var(--bskm-cizgi-3) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-desc-header,
.baskio-modern .baskio-desc-hint {
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .baskio-desc-header i,
.baskio-modern .baskio-ornek-sablon,
.baskio-modern .baskio-attach-btn {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-side-tabs button {
    background: var(--bskm-beyaz) !important;
    border-color: var(--bskm-cizgi) !important;
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .baskio-side-tabs button.active {
    background: var(--bskm-ana) !important;
    border-color: var(--bskm-ana) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .baskio-generate-btn {
    background: linear-gradient(135deg, var(--bskm-ana) 0%, var(--bskm-ana-acik) 100%) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .baskio-variants-popup,
.baskio-modern .baskio-search-results {
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi) !important;
    color: var(--bskm-metin) !important;
    box-shadow: var(--bskm-golge-3) !important;
}

/* Fiyat Listesi modalı: zemini modern temada beyaz, ama içerik baskio.js'te
   koyu zemin için satır içi açık renklerle (#ececec, #fff, #aaa) yazılmış.
   Satır içi stilleri ancak !important geçebildiği için yazı renkleri burada
   beyaz zemine göre yeniden tanımlanıyor. */
.baskio-modern .baskio-variants-popup h4,
.baskio-modern .baskio-variants-popup div,
.baskio-modern .baskio-variants-popup span,
.baskio-modern .baskio-variants-popup strong,
.baskio-modern .baskio-variants-table td {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-variants-table th {
    color: var(--bskm-metin-sol) !important;
    border-bottom: 1px solid var(--bskm-cizgi) !important;
}
.baskio-modern .baskio-variants-table td {
    border-bottom: 1px solid var(--bskm-cizgi-3) !important;
}
/* Fiyat sütunu vurgusunu koru (yukarıdaki td kuralı onu da ezdiği için). */
.baskio-modern .baskio-variants-table td:last-child {
    color: #0E7C5A !important;
}
/* Kapatma düğmesi ve ikonlar kendi vurgu renklerini korur. */
.baskio-modern .baskio-variants-popup button {
    color: var(--bskm-metin-sol) !important;
}
.baskio-modern .baskio-search-results .baskio-result-item:hover {
    background: var(--bskm-acik-2) !important;
}
.baskio-modern .baskio-variants-badge,
.baskio-modern .baskio-dimensions {
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern #baskio-loading,
.baskio-modern #baskio-kase-loading,
.baskio-modern .baskio-loading {
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-countdown-text {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-search-box,
.baskio-modern #baskio-search-input {
    background: var(--bskm-beyaz) !important;
    border-color: var(--bskm-cizgi) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-my-designs,
.baskio-modern .baskio-design-card {
    border-radius: var(--bskm-r-md);
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi-3) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-my-designs-title,
.baskio-modern .baskio-design-type {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-design-price {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-help-modal-content {
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-help-modal-header,
.baskio-modern .baskio-help-modal-body,
.baskio-modern .baskio-guide-step p {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-help-modal-close {
    color: var(--bskm-metin-sol) !important;
}
.baskio-modern .step-num {
    background: var(--bskm-ana) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern #signin-modal .modal-content {
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi) !important;
    border-radius: var(--bskm-r-lg) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern #signin-modal .modal-body,
.baskio-modern #signin-modal label,
.baskio-modern #signin-modal h1,
.baskio-modern #signin-modal h2,
.baskio-modern #signin-modal h3,
.baskio-modern #signin-modal h4,
.baskio-modern #signin-modal p,
.baskio-modern #signin-modal span,
.baskio-modern #signin-modal small,
.baskio-modern #signin-modal a {
    color: var(--bskm-metin) !important;
}
.baskio-modern #signin-modal input,
.baskio-modern #signin-modal select,
.baskio-modern #signin-modal textarea {
    background: var(--bskm-beyaz) !important;
    border: 1.5px solid var(--bskm-cizgi) !important;
    color: var(--bskm-metin) !important;
    font-size: 16px !important;
}
.baskio-modern #ust_duyuru_alani {
    background: linear-gradient(90deg, var(--bskm-ana) 0%, var(--bskm-ana-acik) 100%) !important;
    padding: 4px 0px !important;
}
.baskio-modern #ust_duyuru_alani,
.baskio-modern #ust_duyuru_alani * {
    color: rgb(255, 255, 255) !important;
}
.baskio-modern #ust_duyuru_alani h1,
.baskio-modern #ust_duyuru_alani h2,
.baskio-modern #ust_duyuru_alani h3 {
    margin: 0px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}
.baskio-modern #ust_duyuru_alani span {
    font-size: 13px !important;
}

@media (min-width: 768px) and (max-width: 1366px) {
    .baskio-modern #ust_duyuru_alani {
        display: flex !important;
    }
    .baskio-modern #duyuru_icerik {
        display: flex !important;
    }
}

.baskio-modern #sepet {
    color: var(--bskm-metin);
}
.baskio-modern .whatsapp-widget {
    z-index: 900;
}
.baskio-modern #scroll-top {
    z-index: 900;
}
.baskio-modern .footer {
    border-top: 1px solid var(--bskm-cizgi-3);
    color: var(--bskm-metin-ara);
    background: var(--bskm-acik-1) !important;
}
.baskio-modern .footer a {
    color: var(--bskm-metin-ara);
}
.baskio-modern .footer a:hover {
    color: var(--bskm-ana);
}
.baskio-modern .footer .widget-title {
    font-weight: 800;
    letter-spacing: 0.3px;
    color: var(--bskm-metin) !important;
}
.baskio-modern .footer-bottom {
    border-top: 1px solid var(--bskm-cizgi-3);
    background: var(--bskm-beyaz) !important;
}
.baskio-modern .footer-copyright {
    color: var(--bskm-metin-sol);
}
.baskio-modern .footer-newsletter {
    border-radius: var(--bskm-r-lg);
}
.baskio-modern .footer-payments {
    flex-wrap: wrap;
    gap: 10px;
    max-width: 100%;
}
.baskio-modern .footer-payments img,
.baskio-modern .footer .widget-about-info img {
    max-width: 100%;
    height: auto;
    float: none !important;
}

/* Footer'da öne çıkarılan bağlantı (Gizlilik Politikası) */
.baskio-modern .footer .FooterKalinLink > a {
    font-weight: 700;
    color: var(--bskm-metin) !important;
}
.baskio-modern .footer .FooterKalinLink > a:hover {
    color: var(--bskm-ana) !important;
}

/* Logonun altındaki kurumsal sayfa bağlantıları */
.baskio-modern .FooterKurumsalLinkler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
}
.baskio-modern .FooterKurumsalLinkler li {
    margin: 0;
}
.baskio-modern .FooterKurumsalLinkler a {
    font-size: 13px;
    color: var(--bskm-metin-ara);
}
.baskio-modern .FooterKurumsalLinkler a:hover {
    color: var(--bskm-ana);
}

/* "CİHAZINA YÜKLE" – uygulama rozetleri alt alta */
.baskio-modern .FooterUygulamalar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.baskio-modern .FooterUygulamalar a {
    display: block;
    line-height: 0;
    border-radius: 8px;
    transition: transform var(--bskm-gecis), box-shadow var(--bskm-gecis);
}
.baskio-modern .FooterUygulamalar a:hover {
    transform: translateY(-2px);
    box-shadow: var(--bskm-golge-2);
}
.baskio-modern .FooterUygulamalar img {
    display: block;
    width: 125px;
    height: auto;
    max-width: 100%;
}

/* footer-bottom daha minimal */
.baskio-modern .footer-bottom {
    padding: 0;
}
.baskio-modern .footer-bottom .container {
    padding-top: 8px;
    padding-bottom: 8px;
}
.baskio-modern .footer-copyright {
    margin: 0;
    font-size: 12px;
}
.baskio-modern .footer-middle {
    padding-bottom: 10px;
}
.baskio-modern .btn-primary,
.baskio-modern .btn-primary:not(:disabled):not(.disabled):active,
.baskio-modern .btn-primary:focus {
    background-color: var(--bskm-ana) !important;
    border-color: var(--bskm-ana) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .btn-primary:hover {
    background-color: var(--bskm-ana-koyu) !important;
    border-color: var(--bskm-ana-koyu) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .btn-outline-primary {
    color: var(--bskm-ana) !important;
    border-color: var(--bskm-ana) !important;
    background-color: transparent !important;
}
.baskio-modern .btn-outline-primary:hover {
    background-color: var(--bskm-ana) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .btn-outline-secondary {
    background-color: var(--bskm-beyaz) !important;
    border-color: var(--bskm-cizgi) !important;
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .btn-outline-secondary:hover {
    background-color: var(--bskm-acik-2) !important;
    border-color: var(--bskm-ana) !important;
    color: var(--bskm-ana) !important;
}
.baskio-modern .product-price,
.baskio-modern .new-price,
.baskio-modern .product-title a:hover,
.baskio-modern .page-title,
.baskio-modern .sayfa-bolum-baslik h2 {
    color: var(--bskm-ana) !important;
}
.baskio-modern .product-title a {
    color: var(--bskm-metin);
}
.baskio-modern .nav-tabs .nav-link.active,
.baskio-modern .nav-link.active {
    color: var(--bskm-ana) !important;
    border-bottom-color: var(--bskm-ana) !important;
}
.baskio-modern .form-control:focus,
.baskio-modern .custom-select:focus {
    border-color: var(--bskm-ana) !important;
    box-shadow: rgba(27, 58, 122, 0.12) 0px 0px 0px 3px !important;
}
.baskio-modern .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--bskm-ana) !important;
    border-color: var(--bskm-ana) !important;
}

@media (max-width: 767px) {
    .baskio-modern input[type="text"],
    .baskio-modern input[type="search"],
    .baskio-modern input[type="email"],
    .baskio-modern input[type="tel"],
    .baskio-modern input[type="number"],
    .baskio-modern input[type="password"],
    .baskio-modern select,
    .baskio-modern textarea {
        font-size: 16px !important;
    }
}

.baskio-modern .page-item.active .page-link,
.baskio-modern .pagination .active a {
    background-color: var(--bskm-ana) !important;
    border-color: var(--bskm-ana) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .page-link {
    color: var(--bskm-metin-ara);
}
.baskio-modern .page-link:hover {
    color: var(--bskm-ana);
}
.baskio-modern .breadcrumb-nav {
    background: var(--bskm-acik-1);
    border-bottom: 1px solid var(--bskm-cizgi-3);
}
.baskio-modern .breadcrumb-item a:hover {
    color: var(--bskm-ana);
}
.baskio-modern .SepetSidebarBaslik {
    background: var(--bskm-acik-1);
    border-bottom: 1px solid var(--bskm-cizgi-3);
}
.baskio-modern .SepetSidebarTemizle:hover {
    color: var(--bskm-ana);
}
.baskio-modern .auth-container {
    background: transparent;
}
.baskio-modern .auth-split-layout {
    overflow: hidden;
}
.baskio-modern .auth-split-left {
    color: rgb(255, 255, 255);
    background: linear-gradient(140deg, var(--bskm-ana) 0%, var(--bskm-ana-koyu) 100%) !important;
}
.baskio-modern .auth-split-title,
.baskio-modern .auth-split-desc,
.baskio-modern .auth-split-feature {
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .auth-split-feature {
    border-radius: var(--bskm-r-md);
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
}
.baskio-modern .auth-split-feature-icon {
    background: rgba(255, 255, 255, 0.18) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .auth-split-right,
.baskio-modern .auth-box {
    background: var(--bskm-beyaz) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .auth-title {
    color: var(--bskm-metin) !important;
}
.baskio-modern .auth-subtitle {
    color: var(--bskm-metin-sol) !important;
}
.baskio-modern .auth-icon {
    background: var(--bskm-ana) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .auth-box .form-control,
.baskio-modern .auth-container .form-control {
    background: var(--bskm-beyaz) !important;
    border: 1.5px solid var(--bskm-cizgi) !important;
    color: var(--bskm-metin) !important;
    font-size: 15px !important;
}
.baskio-modern .auth-container .form-control::placeholder {
    color: rgb(156, 163, 175) !important;
}
.baskio-modern .auth-container .form-control:focus {
    border-color: var(--bskm-ana) !important;
}
.baskio-modern .giris-tip-toggle {
    border-radius: var(--bskm-r-md);
    background: var(--bskm-acik-2) !important;
}
.baskio-modern .giris-tip-btn {
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi) !important;
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .giris-tip-btn.active {
    background: var(--bskm-ana) !important;
    border-color: var(--bskm-ana) !important;
    color: rgb(255, 255, 255) !important;
}
.baskio-modern .auth-checkbox-row,
.baskio-modern .auth-divider {
    color: var(--bskm-metin-sol) !important;
}
.baskio-modern .auth-link {
    color: var(--bskm-ana) !important;
}
.baskio-modern .btn-auth-primary,
.baskio-modern .btn-auth-primary.btn-green,
.baskio-modern .btn-auth-primary.btn-blue {
    background: var(--bskm-ana) !important;
    border-color: var(--bskm-ana) !important;
    color: rgb(255, 255, 255) !important;
}
/* Giriş/Kayıt sayfalarındaki butonlarda hover efekti istenmiyor.
   storex-diamond.css'teki translateY + brightness + box-shadow etkisi
   ve koyu tema renkleri burada tamamen nötrleniyor. */
.baskio-modern .btn-auth-primary:hover,
.baskio-modern .btn-auth-primary:focus,
.baskio-modern .btn-auth-alt:hover,
.baskio-modern .btn-auth-alt:focus {
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
}
.baskio-modern .btn-auth-primary:hover,
.baskio-modern .btn-auth-primary:focus,
.baskio-modern .btn-auth-primary.btn-blue:hover,
.baskio-modern .btn-auth-primary.btn-blue:focus {
    background: var(--bskm-ana-koyu) !important;
    border-color: var(--bskm-ana-koyu) !important;
    color: #fff !important;
}

/* Sözleşme/aydınlatma kutusu koyu zemin (#1a1a1a) ile geliyordu; modern temada
   yazı rengi koyu olduğu için metin okunmuyordu. Açık zemine çekiliyor. */
.baskio-modern .auth-sozlesme-kutu {
    background: var(--bskm-acik-1) !important;
    border: 1px solid var(--bskm-cizgi-3) !important;
    border-radius: var(--bskm-r-md) !important;
}
.baskio-modern .auth-sozlesme-kutu,
.baskio-modern .auth-sozlesme-kutu span,
.baskio-modern .auth-sozlesme-bilgi {
    color: var(--bskm-metin-ara) !important;
}
.baskio-modern .auth-sozlesme-kutu a {
    color: var(--bskm-ana) !important;
    text-decoration: underline;
}
.baskio-modern .btn-auth-alt {
    background: var(--bskm-beyaz) !important;
    border: 1.5px solid var(--bskm-cizgi) !important;
    color: var(--bskm-ana) !important;
}
.baskio-modern .btn-auth-alt:hover,
.baskio-modern .btn-auth-alt:focus {
    background: var(--bskm-beyaz) !important;
    border-color: var(--bskm-cizgi) !important;
    color: var(--bskm-ana) !important;
}
.baskio-modern .sifre-toggle-icon {
    color: var(--bskm-metin-sol) !important;
}

/* =====================================================================
   BASKIO KONTÖR SAYFASI (/baskio-kontor -> inc/baskio-kredilerim.php)
   Sayfa koyu tema için yazılmış (#2f2f2f kartlar, #00c8e0 vurgular) ve
   AI teması da aynı dosyayı kullanıyor. Bu yüzden dosyadaki stiller
   değiştirilmedi; modern tema görünümü yalnızca burada, .baskio-modern
   altında eziliyor.
   ===================================================================== */

/* Üst bakiye barı: koyu lacivert degrade yerine modern tema degradesi */
.baskio-modern .baskio-bakiye-bar {
    background: linear-gradient(135deg, var(--bskm-ana) 0%, var(--bskm-ana-koyu) 100%) !important;
    border: 1px solid var(--bskm-ana-acik) !important;
    border-radius: var(--bskm-r-lg) !important;
    box-shadow: var(--bskm-golge-2) !important;
}
.baskio-modern .baskio-bakiye-bar div,
.baskio-modern .baskio-bakiye-bar span,
.baskio-modern .baskio-bakiye-bar strong,
.baskio-modern .baskio-bakiye-bar i {
    color: rgb(255, 255, 255) !important;
}

/* Paket kartları: açık zemin, lacivert vurgu */
.baskio-modern .baskio-paket-kart {
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi) !important;
    border-radius: 10px !important;
    box-shadow: var(--bskm-golge-1, 0 1px 3px rgba(17, 24, 39, .06)) !important;
}
.baskio-modern .baskio-paket-kart:hover {
    border-color: var(--bskm-ana-acik) !important;
    box-shadow: var(--bskm-golge-2) !important;
}
.baskio-modern .baskio-paket-kart.populer {
    border-color: var(--bskm-ana) !important;
    box-shadow: var(--bskm-golge-2) !important;
}
.baskio-modern .baskio-paket-kart.populer::before {
    background: var(--bskm-ana) !important;
}
.baskio-modern .baskio-paket-baslik,
.baskio-modern .baskio-paket-fiyat {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-paket-kontor {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-paket-kontor small,
.baskio-modern .baskio-paket-fiyat small {
    color: var(--bskm-metin-sol) !important;
}
.baskio-modern .baskio-paket-bonus {
    color: #0E7C5A !important;
}
.baskio-modern .baskio-paket-ozellikler li {
    color: var(--bskm-metin-ara) !important;
    border-bottom: 1px solid var(--bskm-cizgi-3) !important;
}
.baskio-modern .baskio-paket-ozellikler li i {
    color: var(--bskm-ana-acik) !important;
}
.baskio-modern .baskio-paket-btn,
.baskio-modern .baskio-paket-kart.populer .baskio-paket-btn {
    background: var(--bskm-ana) !important;
    border: 1px solid var(--bskm-ana) !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 8px !important;
}
.baskio-modern .baskio-paket-btn:hover {
    background: var(--bskm-ana-koyu) !important;
    border-color: var(--bskm-ana-koyu) !important;
    transform: none !important;
    box-shadow: var(--bskm-golge-2) !important;
}

/* Özel paket adet kutusu */
.baskio-modern .baskio-ozel-paket-input input {
    background: var(--bskm-beyaz) !important;
    border: 1.5px solid var(--bskm-cizgi) !important;
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-ozel-paket-input input:focus {
    border-color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-ozel-paket-input span {
    color: var(--bskm-metin-sol) !important;
}

/* Kontör geçmişi kartı ve tablosu */
.baskio-modern .baskio-gecmis-kart {
    background: var(--bskm-beyaz) !important;
    border: 1px solid var(--bskm-cizgi) !important;
    border-radius: 10px !important;
    box-shadow: var(--bskm-golge-1, 0 1px 3px rgba(17, 24, 39, .06)) !important;
}
.baskio-modern .baskio-gecmis-kart h4,
.baskio-modern .baskio-gecmis-kart td,
.baskio-modern .baskio-gecmis-kart p {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-gecmis-kart th {
    color: var(--bskm-metin-sol) !important;
    border-bottom: 2px solid var(--bskm-cizgi) !important;
}
.baskio-modern .baskio-gecmis-kart thead tr,
.baskio-modern .baskio-log-row {
    border-bottom: 1px solid var(--bskm-cizgi-3) !important;
}
/* Sayfa başlıkları ve ara açıklamalar */
.baskio-modern .baskio-kontor-sayfa h2,
.baskio-modern .baskio-kontor-sayfa h3 {
    color: var(--bskm-metin) !important;
}
.baskio-modern .baskio-kontor-sayfa h2 i,
.baskio-modern .baskio-kontor-sayfa h3 i,
.baskio-modern .baskio-gecmis-kart h4 i {
    color: var(--bskm-ana) !important;
}
.baskio-modern .baskio-kontor-sayfa p {
    color: var(--bskm-metin-sol) !important;
}

/* 3 haneli güvenlik kodu (kayıt formu) */
.baskio-modern .KayitGuvenlikKodu {
    margin: 4px 0 14px;
    padding: 14px;
    background: var(--bskm-acik-2);
    border: 1px solid var(--bskm-cizgi-2);
    border-radius: var(--bskm-r-md);
}
.baskio-modern .KayitGuvenlikKoduBaslik {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--bskm-ana);
}
.baskio-modern .KayitGuvenlikKoduSatir {
    display: flex;
    align-items: center;
    gap: 10px;
}
.baskio-modern .KayitGuvenlikKoduDeger {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    height: 46px;
    padding: 0 14px;
    border-radius: var(--bskm-r-sm);
    background: linear-gradient(145deg, var(--bskm-ana) 0%, var(--bskm-ana-koyu) 100%);
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 7px;
    text-indent: 7px;
    font-family: 'Poppins', monospace;
    user-select: none;
    -webkit-user-select: none;
}
.baskio-modern .KayitGuvenlikKoduSatir .form-control {
    flex: 1 1 auto;
    min-width: 0;
    height: 46px;
    text-align: center;
    letter-spacing: 3px;
    font-weight: 700;
}
.baskio-modern .KayitGuvenlikKoduHata {
    margin-top: 8px;
    font-size: 12.5px;
    font-weight: 600;
    color: #DC2626;
}
.baskio-modern .CerezMetin a,
.baskio-modern .cerez-metin a {
    color: var(--bskm-ana) !important;
}
.baskio-modern .canli-arama-sonuc {
    background: var(--bskm-beyaz);
    border: 1px solid var(--bskm-cizgi);
    border-radius: 0 0 var(--bskm-r-md) var(--bskm-r-md);
    box-shadow: var(--bskm-golge-3);
}
.baskio-modern ~ .swal2-container .swal2-styled.swal2-confirm,
body.baskio-modern .swal2-container .swal2-styled.swal2-confirm {
    background-color: var(--bskm-ana) !important;
}

@media (max-width: 1199px) {
    .bskm-kat-grid {
        grid-auto-flow: row;
        grid-template-columns: repeat(4, minmax(0px, 1fr));
    }
    .bskm-urun-grid {
        grid-template-columns: repeat(3, minmax(0px, 1fr));
    }
    .bskm-ai {
        grid-template-columns: 190px minmax(0px, 1fr);
        padding: 24px;
        gap: 22px;
    }
    .bskm-yol-grid {
        grid-template-columns: minmax(0px, 1fr);
    }
    .bskm-hero {
        padding: 32px 26px;
    }
    .bskm-hero-cta {
        width: 112px;
        height: 112px;
        font-size: 10.5px;
    }
    .bskm-logo img {
        width: 160px;
    }
}


@media (max-width: 991px) {
    .bskm-haber-grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    .bskm-promo-grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    .bskm-header .bskm-ic {
        gap: 12px;
    }
    .bskm-logo img {
        width: 140px;
    }
    .bskm-kredi {
        display: none;
    }
    .bskm-hamburger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .bskm-nav-ozel > a {
        padding: 0px 11px;
        font-size: 11px;
    }
    .bskm-nav-ozel > a span.bskm-uzun {
        display: none;
    }
    .bskm-uye-ad small {
        display: none;
    }
    .bskm-uye {
        padding: 0px 14px;
        font-size: 12.5px;
    }
    .bskm-aksiyon-btn {
        min-width: 54px;
    }
    .bskm-aksiyon-btn .bskm-etiket {
        display: none;
    }
    .bskm-nav-liste > li > a {
        padding: 0px 11px;
        font-size: 12px;
    }
}


@media (max-width: 767px) {
    .bskm-ic {
        padding: 0px 16px;
    }
    .bskm-topbar .bskm-ic {
        justify-content: center;
        min-height: 34px;
        padding: 6px 16px;
    }
    .bskm-topbar-sol {
        font-size: 11.5px;
        text-align: center;
    }
    .bskm-topbar-sag {
        display: none;
    }
    .bskm-header .bskm-ic {
        flex-wrap: wrap;
        gap: 10px;
        min-height: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .bskm-hamburger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        order: 1;
    }
    /* Mobilde 1. satır: hamburger + logo + favori + sepet + üye (hepsi yan yana)
       2. satır: arama. Butonlar logonun ALTINA kaymaz. */
    .bskm-logo {
        order: 2;
        flex: 1 1 auto;
        min-width: 0;
    }
    .bskm-logo img {
        width: 118px;
        max-width: 100%;
    }
    .bskm-aksiyon {
        order: 3;
        flex: 0 0 auto;
        gap: 0px;
    }
    .bskm-aksiyon-btn {
        min-width: 42px;
        min-height: 44px;
        padding: 4px 4px;
    }
    .bskm-aksiyon-btn i {
        font-size: 21px;
    }
    .bskm-aksiyon-btn span.bskm-etiket {
        display: none;
    }
    .bskm-aksiyon-btn .bskm-rozet {
        top: 0px;
        right: 2px;
        min-width: 16px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
    }
    .bskm-arama {
        order: 4;
        flex: 1 1 100%;
        margin-top: 2px;
    }
    .bskm-arama input {
        height: 46px;
    }
    .bskm-arama-btn {
        width: 52px;
        height: 46px;
    }
    /* Üye butonu mobilde sadece ikon – yazı taşmaya yol açıyordu */
    .bskm-uye {
        width: 44px;
        height: 44px;
        min-width: 44px;
        padding: 0px;
        justify-content: center;
        gap: 0px;
        margin-left: 2px;
    }
    .bskm-uye i {
        font-size: 22px;
    }
    .bskm-uye-ad {
        display: none;
    }
    .bskm-uye-menu {
        right: 0px;
    }
    .bskm-kredi {
        display: none;
    }
    .bskm-nav {
        display: none;
    }
    .bskm-hero {
        padding: 24px 18px;
        margin-top: 14px;
    }
    .bskm-hero-grid {
        grid-template-columns: minmax(0px, 1fr);
        gap: 24px;
    }
    .bskm-hero h1 {
        font-size: 30px;
        letter-spacing: -0.8px;
    }
    .bskm-hero-alt {
        font-size: 14.5px;
    }
    .bskm-btn {
        width: 100%;
    }
    .bskm-hero-avantaj {
        gap: 14px;
    }
    .bskm-hero-avantaj > div {
        font-size: 12.5px;
    }
    .bskm-hero-gorsel {
        min-height: 0px;
    }
    .bskm-hero-not {
        position: static;
        max-width: none;
        margin-bottom: 12px;
        text-align: center;
        transform: none;
        font-size: 14px;
    }
    .bskm-hero-kolaj {
        max-width: none;
    }
    .bskm-hero-kolaj img {
        height: 96px;
    }
    .bskm-hero-cta {
        position: static;
        width: 100%;
        height: auto;
        min-height: 64px;
        margin-top: 16px;
        border-radius: var(--bskm-r-lg);
        font-size: 12.5px;
    }
    .bskm-kat-grid {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    .bskm-urun-grid {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    /* .bskm-urun-gorsel'in sabit yüksekliği kaldırıldı; burada 128px bırakılırsa
       görsel mobilde yine kırpılırdı. Yükseklik görselin oranından geliyor. */
    .bskm-avantaj,
    .bskm-guven {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        padding: 14px;
        gap: 6px;
    }
    .bskm-avantaj > div,
    .bskm-guven > div {
        padding: 6px 4px;
        gap: 9px;
    }
    .bskm-avantaj i,
    .bskm-guven i {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }
    .bskm-avantaj b,
    .bskm-guven span {
        font-size: 12px;
    }
    .bskm-ai {
        grid-template-columns: minmax(0px, 1fr);
        padding: 22px 18px;
        gap: 18px;
    }
    .bskm-ai-robot {
        flex-flow: wrap;
        justify-content: center;
    }
    .bskm-ai-robot img {
        max-width: 130px;
    }
    .bskm-ai h2 {
        font-size: 20px;
    }
    .bskm-ai-form input[type="text"] {
        flex: 1 1 100%;
    }
    .bskm-ai-form .bskm-btn {
        width: 100%;
    }
    .bskm-ai-liste {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    .bskm-ai-liste li {
        font-size: 12px;
    }
    .bskm-ai-urunler {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
    }
    .bskm-ai-urunler::-webkit-scrollbar {
        display: none;
    }
    .bskm-ai-urun {
        flex: 0 0 auto;
    }
    .bskm-ai-ornek {
        font-size: 11.5px;
    }
    .bskm-yol-grid {
        grid-template-columns: minmax(0px, 1fr);
    }
    .bskm-yol {
        padding: 18px;
        gap: 13px;
    }
    .bskm-yol-ikon {
        width: 46px;
        height: 46px;
        font-size: 20px;
    }
    .bskm-slider-sar {
        margin-top: 14px;
        border-radius: 10px;
    }
    .baskio-modern .bskm-slider-sar .slick-prev,
    .baskio-modern .bskm-slider-sar .slick-next {
        width: 34px;
        height: 34px;
    }
    .baskio-modern .bskm-slider-sar .slick-prev {
        left: 8px;
    }
    .baskio-modern .bskm-slider-sar .slick-next {
        right: 8px;
    }
    .baskio-modern .bskm-slider-sar .slick-dots {
        bottom: 7px;
    }
    .bskm-promo-grid {
        grid-template-columns: minmax(0px, 1fr);
    }
    .bskm-haber-grid {
        grid-template-columns: minmax(0px, 1fr);
    }
    .bskm-bolum {
        padding: 20px 0px;
    }
    .bskm-bolum-bas h2 {
        font-size: 18px;
    }
}


@media (max-width: 359px) {
    .bskm-kat-grid,
    .bskm-urun-grid {
        grid-auto-flow: row;
        grid-template-columns: minmax(0px, 1fr);
    }
}


@media (prefers-reduced-motion: reduce) {
    .baskio-modern [class^="bskm-"],
    .baskio-modern [class*=" bskm-"],
    .baskio-modern [class^="bskm-"]::before,
    .baskio-modern [class*=" bskm-"]::before,
    .baskio-modern [class^="bskm-"]::after,
    .baskio-modern [class*=" bskm-"]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    /* AI bölümünün hareketli çerçevesi muaf: aynı efekt AI temasında
       (baskio.css > .baskio-hero-border) bu kuralın kapsamı dışında olduğu için
       çalışmaya devam ediyor. İki tema aynı görünsün diye burada da sürdürülüyor. */
    .baskio-modern .bskm-ai::before {
        animation-duration: 3s !important;
        animation-iteration-count: infinite !important;
    }
    .baskio-modern .bskm-ai::after {
        animation-duration: 4s !important;
        animation-iteration-count: infinite !important;
    }
    .baskio-modern [class^="bskm-"]:hover,
    .baskio-modern [class*=" bskm-"]:hover {
        transform: none !important;
    }
    .baskio-modern {
        scroll-behavior: auto !important;
    }
}


@media print {
    .baskio-modern .bskm-topbar,
    .baskio-modern .bskm-nav,
    .baskio-modern .bskm-hamburger,
    .baskio-modern .bskm-mobil,
    .baskio-modern .bskm-mobil-ort,
    .baskio-modern .whatsapp-widget,
    .baskio-modern #scroll-top {
        display: none !important;
    }
}