.sk-ray { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 8px; margin: 0 -2px; scrollbar-width: none; scroll-snap-type: x proximity; }
.sk-ray::-webkit-scrollbar { display: none; }
.sk-ray-oge {
    flex: 0 0 auto; display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 16px 0 8px;
    border-radius: 14px; border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); color: var(--sk-metin-2);
    scroll-snap-align: start; transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}
.sk-ray-oge:hover { color: var(--sk-metin); border-color: rgba(var(--sk-vurgu-rgb), .45); }
.sk-ray-ikon { width: 52px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: var(--sk-yuzey-2); }
.sk-ray-ikon img { width: 46px; height: 32px; object-fit: contain; filter: var(--sk-silu); opacity: .62; transition: opacity .15s ease, filter .15s ease; }
.sk-ray-ikon i { font-size: 15px; color: var(--sk-soluk); }
.sk-ray-ad { display: flex; flex-direction: column; line-height: 1.15; font-size: 14px; font-weight: 700; white-space: nowrap; }
.sk-ray-ad em { font-style: normal; font-size: 11.5px; font-weight: 600; color: var(--sk-soluk); font-variant-numeric: tabular-nums; margin-top: 2px; }
.sk-ray-oge:hover .sk-ray-ikon img { opacity: .9; }
.sk-ray-oge.secili { color: var(--sk-metin); border-color: rgba(var(--sk-vurgu-rgb), .7); background: rgba(var(--sk-vurgu-rgb), .07); box-shadow: inset 0 -3px 0 var(--sk-vurgu); }
.sk-ray-oge.secili .sk-ray-ikon { background: rgba(var(--sk-vurgu-rgb), .1); }
.sk-ray-oge.secili .sk-ray-ikon img { filter: none; opacity: 1; }
.sk-ray-oge.secili .sk-ray-ikon i { color: var(--sk-vurgu); }

.sk-altray { display: flex; gap: 6px; overflow-x: auto; padding: 2px 2px 4px; margin: 2px -2px 10px; scrollbar-width: none; }
.sk-altray::-webkit-scrollbar { display: none; }
.sk-model {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 12px 0 10px;
    border-radius: 999px; border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); color: var(--sk-metin-2);
    font-size: 13px; font-weight: 600; white-space: nowrap;
}
.sk-model img { width: 30px; height: 22px; object-fit: contain; }
.sk-model em { font-style: normal; font-size: 11.5px; color: var(--sk-soluk); font-variant-numeric: tabular-nums; }
.sk-model:hover { color: var(--sk-metin); border-color: rgba(var(--sk-vurgu-rgb), .45); }
.sk-model.secili { color: #fff; background: var(--sk-vurgu); border-color: var(--sk-vurgu); }
.sk-model.secili em { color: rgba(255, 255, 255, .8); }

.sk-duzen { display: grid; grid-template-columns: 276px minmax(0, 1fr); gap: 22px; align-items: start; margin-top: 8px; }
.sk-duzen.filtre-gizli { grid-template-columns: minmax(0, 1fr); }
.sk-sonuc { min-width: 0; display: flex; flex-direction: column; gap: var(--sk-bosluk-s); }
[data-sk-bolge="sonuc"] { display: flex; flex-direction: column; gap: var(--sk-bosluk-m); min-width: 0; }

.sk-filtre {
    position: sticky; top: var(--sk-yapis, 92px); display: flex; flex-direction: column;
    background: var(--sk-yuzey); border: 1px solid var(--sk-cizgi); border-radius: var(--sk-r); box-shadow: var(--sk-golge);
}
.sk-duzen.filtre-gizli .sk-filtre { display: none; }
.sk-filtre-form { display: flex; flex-direction: column; min-height: 0; flex: 1; }
.sk-filtre-bas { display: flex; align-items: center; gap: 10px; padding: 14px 16px 10px; }
.sk-filtre-bas h2 { margin: 0 auto 0 0; font-size: 16px; font-weight: 800; letter-spacing: -.01em; }
.sk-filtre-kapat { display: none; width: 36px; height: 36px; }
.sk-filtre-govde { padding: 0 16px 6px; }
.sk-filtre-alt { display: none; padding: 12px 16px 14px; border-top: 1px solid var(--sk-cizgi-ince); }
.sk-filtre-alt .sk-btn { height: 44px; transition: opacity .15s ease; }
.sk-filtre-alt .sk-btn.bekliyor { opacity: .72; }
.sk-fgrup { border-top: 1px solid var(--sk-cizgi-ince); padding: 12px 0 14px; }
.sk-fgrup:first-child { border-top: 0; padding-top: 4px; }
.sk-fgrup > summary {
    list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer;
    font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sk-metin-2); padding: 2px 0;
}
.sk-fgrup > summary::-webkit-details-marker { display: none; }
.sk-fgrup > summary i { font-size: 10px; color: var(--sk-soluk); transition: transform .2s ease; }
.sk-fgrup[open] > summary { margin-bottom: 12px; }
.sk-fgrup[open] > summary i { transform: rotate(180deg); }
.sk-fgrup > summary:hover { color: var(--sk-metin); }

.sk-aralik + .sk-aralik { margin-top: 14px; }
.sk-asinma-sec + .sk-anahtar, .sk-asinma-sec + .sk-aralik, .sk-anahtar + .sk-aralik { margin-top: 12px; }
.sk-aralik-girdi { display: grid; grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr); align-items: end; gap: 6px; }
.sk-aralik-girdi > i { height: 1px; background: var(--sk-cizgi); margin-bottom: 19px; }
.sk-aralik-girdi label { position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0; margin: 0; }
.sk-aralik-girdi label > span { font-size: 11.5px; color: var(--sk-soluk); font-weight: 600; }
.sk-sayfa .sk-aralik-girdi input {
    width: 100%; min-width: 0; height: 38px; padding: 0 30px 0 10px; border-radius: 10px; border: 1px solid var(--sk-cizgi);
    background: var(--sk-yuzey-2); color: var(--sk-metin); font-family: inherit; font-size: 14px; font-weight: 600;
    font-variant-numeric: tabular-nums; box-shadow: none; outline: 0;
}
.sk-aralik-float .sk-aralik-girdi input { padding-right: 10px; font-family: var(--sk-mono); font-size: 13px; }
.sk-sayfa .sk-aralik-girdi input:focus { border-color: var(--sk-vurgu); box-shadow: 0 0 0 3px rgba(var(--sk-vurgu-rgb), .15); }
.sk-aralik-girdi label > em { position: absolute; right: 10px; bottom: 11px; font-style: normal; font-size: 12px; color: var(--sk-soluk); pointer-events: none; }
.sk-surgu { position: relative; height: 24px; margin-top: 10px; }
.sk-surgu-iz { position: absolute; left: 0; right: 0; top: 10px; height: 4px; border-radius: 2px; background: var(--sk-yuzey-3); overflow: hidden; }
.sk-surgu-dolu { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: var(--sk-vurgu); }
.sk-surgu-float {
    background: linear-gradient(90deg, var(--sk-a-fn) 0 7%, var(--sk-a-mw) 7% 15%, var(--sk-a-ft) 15% 38%, var(--sk-a-ww) 38% 45%, var(--sk-a-bs) 45% 100%);
}
.sk-surgu-float .sk-surgu-dolu { background: transparent; box-shadow: 0 0 0 999px rgba(var(--bg-primary-rgb), .62); }
.sk-surgu input[type=range] {
    position: absolute; left: 0; top: 0; width: 100%; height: 24px; margin: 0; background: none; pointer-events: none;
    -webkit-appearance: none; appearance: none; box-shadow: none; border: 0;
}
.sk-surgu input[type=range]::-webkit-slider-runnable-track { background: none; height: 24px; }
.sk-surgu input[type=range]::-moz-range-track { background: none; height: 24px; }
.sk-surgu input[type=range]::-webkit-slider-thumb {
    pointer-events: auto; -webkit-appearance: none; width: 18px; height: 18px; margin-top: 3px; border-radius: 6px;
    background: var(--sk-yuzey); border: 2px solid var(--sk-vurgu); box-shadow: 0 2px 6px rgba(0, 0, 0, .25); cursor: grab;
}
.sk-surgu input[type=range]::-moz-range-thumb {
    pointer-events: auto; width: 14px; height: 14px; border-radius: 6px;
    background: var(--sk-yuzey); border: 2px solid var(--sk-vurgu); box-shadow: 0 2px 6px rgba(0, 0, 0, .25); cursor: grab;
}

.sk-asinma-sec { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.sk-asinma-sec label { position: relative; margin: 0; cursor: pointer; }
.sk-asinma-sec input, .sk-cip input, .sk-anahtar input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.sk-asinma-sec label > span {
    display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 7px 0 6px; border-radius: 10px;
    border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey-2); transition: border-color .15s ease, background-color .15s ease;
}
.sk-asinma-sec b { font-size: 13px; font-weight: 800; color: var(--sk-at, var(--sk-a)); letter-spacing: .02em; }
.sk-asinma-sec em { font-style: normal; font-size: 11px; color: var(--sk-soluk); font-variant-numeric: tabular-nums; }
.sk-asinma-sec label:hover > span { border-color: var(--sk-a); }
.sk-asinma-sec input:checked + span { border-color: var(--sk-a); background: color-mix(in srgb, var(--sk-a) 14%, var(--sk-yuzey)); box-shadow: inset 0 -3px 0 var(--sk-a); }
.sk-asinma-sec input:focus-visible + span, .sk-cip input:focus-visible + span, .sk-anahtar input:focus-visible + .sk-anahtar-iz { outline: 2px solid var(--sk-vurgu); outline-offset: 2px; }
.sk-asinma-sec label.bos { opacity: .45; }

.sk-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.sk-cip { margin: 0; cursor: pointer; }
.sk-cip > span {
    display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 10px; border-radius: 10px;
    border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey-2); color: var(--sk-metin-2);
    font-size: 12.5px; font-weight: 600; white-space: nowrap; transition: border-color .15s ease, color .15s ease, background-color .15s ease;
}
.sk-cip em { font-style: normal; font-size: 11px; color: var(--sk-soluk); font-variant-numeric: tabular-nums; }
.sk-cip:hover > span { color: var(--sk-metin); border-color: rgba(var(--sk-vurgu-rgb), .45); }
.sk-cip input:checked + span { color: var(--sk-metin); border-color: var(--sk-vurgu); background: rgba(var(--sk-vurgu-rgb), .1); }
.sk-cip-nokta { width: 8px; height: 8px; flex: 0 0 auto; background: var(--sk-nadir, var(--sk-soluk)); transform: rotate(45deg); border-radius: 1px; }

.sk-anahtarlar { display: flex; flex-direction: column; gap: 10px; }
.sk-anahtar { position: relative; display: flex; align-items: center; gap: 10px; margin: 0; cursor: pointer; font-size: 14px; font-weight: 600; color: var(--sk-metin); }
.sk-anahtar > em { margin-left: auto; font-style: normal; font-size: 11.5px; color: var(--sk-soluk); }
.sk-anahtar-iz { position: relative; width: 36px; height: 20px; flex: 0 0 auto; border-radius: 999px; background: var(--sk-yuzey-3); border: 1px solid var(--sk-cizgi); transition: background-color .2s ease, border-color .2s ease; }
.sk-anahtar-iz::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: transform .2s ease; }
.sk-anahtar input:checked + .sk-anahtar-iz { background: var(--sk-vurgu); border-color: var(--sk-vurgu); }
.sk-anahtar input:checked + .sk-anahtar-iz::after { transform: translateX(16px); }
.sk-anahtar-kucuk { font-size: 13px; font-weight: 500; color: var(--sk-metin-2); }

.sk-arac { display: flex; align-items: center; gap: 10px; }
.sk-filtre-ac { display: none; flex: 0 0 auto; }
.sk-filtre-say { font-style: normal; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--sk-vurgu); color: #fff; font-size: 11.5px; display: inline-grid; place-items: center; }
.sk-filtre-say:empty { display: none; }
.sk-ara { position: relative; flex: 1; min-width: 0; margin: 0; }
.sk-ara > i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--sk-soluk); font-size: 14px; pointer-events: none; }
.sk-sayfa .sk-ara input {
    width: 100%; height: 44px; padding: 0 14px 0 42px; border-radius: 12px; border: 1px solid var(--sk-cizgi);
    background: var(--sk-yuzey); color: var(--sk-metin); font-family: inherit; font-size: 14.5px; box-shadow: none; outline: 0;
}
.sk-sayfa .sk-ara input::placeholder { color: var(--sk-soluk); }
.sk-sayfa .sk-ara input:focus { border-color: var(--sk-vurgu); box-shadow: 0 0 0 3px rgba(var(--sk-vurgu-rgb), .15); }
.sk-sirala { position: relative; display: flex; align-items: center; flex: 0 0 auto; margin: 0; height: 44px; border-radius: 12px; border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); }
.sk-sirala > span { padding: 0 0 0 14px; font-size: 12.5px; color: var(--sk-soluk); font-weight: 600; white-space: nowrap; }
.sk-sayfa .sk-sirala select {
    height: 100%; padding: 0 34px 0 8px; border: 0; background: transparent; color: var(--sk-metin); font-family: inherit;
    font-size: 14px; font-weight: 700; cursor: pointer; -webkit-appearance: none; appearance: none; box-shadow: none; outline: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center;
}
.sk-sayfa .sk-sirala select option { background: var(--sk-yuzey); color: var(--sk-metin); }
.sk-sirala:focus-within { border-color: var(--sk-vurgu); }
.sk-gorunum { display: flex; flex: 0 0 auto; height: 44px; padding: 3px; gap: 2px; border-radius: 12px; border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); }
.sk-gorunum button { width: 38px; border: 0; border-radius: 9px; background: none; color: var(--sk-soluk); cursor: pointer; font-size: 14px; }
.sk-gorunum button:hover { color: var(--sk-metin); }
.sk-gorunum button.aktif { background: var(--sk-yuzey-3); color: var(--sk-metin); }
.sk-filtre-gizle { height: 44px; width: 44px; }
.sk-duzen.filtre-gizli .sk-filtre-gizle { color: var(--sk-vurgu); }

.sk-secili { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; min-height: 30px; }
.sk-sayac { font-size: 14px; color: var(--sk-metin-2); margin-right: 6px; }
.sk-sayac b { color: var(--sk-metin); font-variant-numeric: tabular-nums; }
.sk-secili-cip {
    display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 10px; border-radius: 9px;
    background: var(--sk-yuzey); border: 1px solid var(--sk-cizgi); color: var(--sk-metin); font-size: 12.5px; font-weight: 600;
}
.sk-secili-cip .fa-xmark { font-size: 11px; color: var(--sk-soluk); }
.sk-secili-cip:hover { border-color: rgba(var(--sk-vurgu-rgb), .55); color: var(--sk-metin); }
.sk-secili-cip:hover .fa-xmark { color: var(--sk-vurgu); }

.sk-magaza { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border-radius: var(--sk-r-orta); border: 1px solid rgba(var(--sk-vurgu-rgb), .3); background: rgba(var(--sk-vurgu-rgb), .05); }
.sk-magaza-not { color: var(--sk-metin-2); font-size: 14px; margin-right: auto; }

.sk-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; transition: opacity .2s ease; }
[data-sk-bolge="sonuc"].yukleniyor { opacity: .5; pointer-events: none; }
.sk-yukleme-cizgi { position: fixed; left: 0; top: 0; height: 3px; width: 0; z-index: 100000; background: var(--primary-color); box-shadow: 0 0 10px rgba(var(--primary-rgb), .7); transition: width .3s ease, opacity .3s ease; }

.sk-izgara.liste { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.sk-izgara.liste .sk-kart { flex-direction: row; align-items: stretch; }
.sk-izgara.liste .sk-kart:hover { transform: none; }
.sk-izgara.liste .sk-kart-sahne { width: 148px; flex: 0 0 auto; aspect-ratio: auto; min-height: 96px; border-bottom: 0; border-right: 1px solid var(--sk-cizgi-ince); }
.sk-izgara.liste .sk-kart-sahne::before { display: none; }
.sk-izgara.liste .sk-nadir { font-size: 9px; padding: 4px 12px 4px 8px; }
.sk-izgara.liste .sk-rozetler { top: auto; bottom: 6px; right: 6px; }
.sk-izgara.liste .sk-rozet { width: 22px; height: 22px; font-size: 10px; }
.sk-izgara.liste .sk-cikartmalar { position: static; order: 3; background: none; border: 0; padding: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
.sk-izgara.liste .sk-kart-gorsel { width: 82%; height: 82%; }
.sk-izgara.liste .sk-kart-govde {
    display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(170px, 1fr) minmax(150px, auto);
    grid-template-areas: "ust asinma alt" "ad asinma alt"; align-items: center; gap: 0 22px; padding: 12px 16px;
}
.sk-izgara.liste .sk-kart-ust { grid-area: ust; align-self: end; }
.sk-izgara.liste .sk-kart-ad { grid-area: ad; align-self: start; }
.sk-izgara.liste .sk-asinma { grid-area: asinma; margin: 0; }
.sk-izgara.liste .sk-kart-alt { grid-area: alt; margin: 0; padding: 0; align-items: center; justify-content: flex-end; gap: 14px; }
.sk-izgara.liste .sk-kart-fiyat { align-items: flex-end; }

.sk-daha-kap { display: flex; align-items: center; justify-content: center; gap: 16px; padding-top: var(--sk-bosluk-s); }
.sk-daha-kap::before, .sk-daha-kap::after { content: ""; flex: 1 1 0; min-width: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--text-primary-rgb), .18)); }
.sk-daha-kap::after { background: linear-gradient(90deg, rgba(var(--text-primary-rgb), .18), transparent); }
.sk-daha { flex: 0 0 auto; min-width: 260px; height: 50px; flex-direction: column; gap: 3px; }
.sk-daha small { font-size: 11.5px; font-weight: 600; color: var(--sk-soluk); opacity: 1; }
.sk-sayfalama { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; }
.sk-sayfalama a, .sk-sayfalama span {
    min-width: 40px; height: 40px; display: grid; place-items: center; padding: 0 12px; border-radius: 11px;
    border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); color: var(--sk-metin-2);
    font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums;
}
.sk-sayfalama a:hover { border-color: rgba(var(--sk-vurgu-rgb), .55); color: var(--sk-metin); }
.sk-sayfalama .aktif { background: var(--sk-metin); border-color: var(--sk-metin); color: var(--sk-yuzey); }
.sk-sayfalama .pasif { opacity: .4; }
.sk-sayfalama .bosluk { border-color: transparent; background: none; min-width: 20px; padding: 0 4px; }

.sk-alt-icerik { margin-top: var(--sk-bosluk-l); }
.sk-perde { position: fixed; inset: 0; z-index: 1499; background: rgba(2, 6, 23, .55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }

@media (max-width: 1280px) {
    .sk-duzen { grid-template-columns: 252px minmax(0, 1fr); gap: 18px; }
    .sk-izgara { grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); gap: 12px; }
}

@media (max-width: 992px) {
    .sk-duzen, .sk-duzen.filtre-gizli { grid-template-columns: minmax(0, 1fr); }
    .sk-filtre-gizle { display: none; }
    .sk-filtre-ac { display: inline-flex; }
    .sk-filtre, .sk-duzen.filtre-gizli .sk-filtre {
        display: flex; position: fixed; left: 0; right: 0; bottom: 0; top: auto; z-index: 1500; max-height: none;
        height: min(88vh, 760px); border-radius: 22px 22px 0 0; border-bottom: 0;
        transform: translateY(104%); visibility: hidden; transition: transform .28s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .28s;
        box-shadow: 0 -20px 50px rgba(0, 0, 0, .35);
    }
    .sk-filtre.acik { transform: none; visibility: visible; transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
    .sk-filtre-bas { padding: 18px 18px 12px; position: relative; }
    .sk-filtre-bas::before { content: ""; position: absolute; top: 7px; left: 50%; width: 42px; height: 4px; margin-left: -21px; border-radius: 2px; background: var(--sk-cizgi); }
    .sk-filtre-kapat { display: inline-grid; }
    .sk-filtre-govde { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 0 18px 8px; }
    .sk-filtre-alt { display: block; padding: 12px 18px calc(14px + env(safe-area-inset-bottom)); }
    .sk-filtre-alt .sk-btn { height: 50px; font-size: 15px; }
}

@media (max-width: 640px) {
    .sk-ray-oge { height: 50px; padding: 0 12px 0 6px; gap: 8px; }
    .sk-ray-ikon { width: 44px; height: 34px; }
    .sk-ray-ikon img { width: 40px; height: 28px; }
    .sk-ray-ad { font-size: 13px; }
    .sk-arac { flex-wrap: wrap; gap: 8px; }
    .sk-ara { flex: 1 1 100%; order: -1; }
    .sk-sirala { flex: 1; min-width: 0; }
    .sk-sirala > span { display: none; }
    .sk-sayfa .sk-sirala select { width: 100%; padding-left: 12px; }
    .sk-filtre-ac { flex: 1; }
    .sk-izgara, .sk-izgara:not(.liste) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .sk-izgara.liste .sk-kart-sahne { width: 104px; min-height: 84px; }
    .sk-izgara.liste .sk-kart-govde { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "ust alt" "ad alt" "asinma asinma"; gap: 2px 10px; padding: 10px 12px; }
    .sk-izgara.liste .sk-asinma { margin-top: 6px; }
    .sk-izgara.liste .sk-kart-alt { gap: 8px; }
    .sk-daha { width: 100%; }
    .sk-daha-kap { padding-top: 4px; }
    .sk-daha-kap::before, .sk-daha-kap::after { display: none; }
}

.sk-isaret { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 6px; font-size: 10.5px; font-weight: 800; letter-spacing: .02em; color: var(--sk-vurgu); background: rgba(var(--sk-vurgu-rgb), .1); white-space: nowrap; }
.sk-isaret-float { color: var(--sk-at-fn); background: color-mix(in srgb, var(--sk-a-fn) 13%, transparent); }
.sk-cevrimici { color: var(--sk-yesil) !important; }

.sk-ilan { display: grid; grid-template-columns: minmax(0, 1fr) 400px; grid-template-areas: "sahne yan" "icerik yan"; gap: 18px 24px; align-items: start; margin-top: 14px; }
.sk-ilan-sahne-kap { grid-area: sahne; min-width: 0; }
.sk-ilan-yan { grid-area: yan; align-self: stretch; min-width: 0; }
.sk-ilan-icerik { grid-area: icerik; min-width: 0; display: flex; flex-direction: column; gap: var(--sk-bosluk-m); }
.sk-sahne {
    position: relative; width: 100%; aspect-ratio: 16 / 9; max-height: 520px; display: grid; place-items: center; overflow: hidden; border-radius: 20px;
    border: 1px solid var(--sk-cizgi); box-shadow: var(--sk-golge);
    background: var(--sk-sahne-zemin);
    background: radial-gradient(60% 58% at 50% 92%, color-mix(in srgb, var(--sk-nadir) 34%, transparent) 0%, transparent 72%),
        radial-gradient(40% 40% at 50% 45%, color-mix(in srgb, var(--sk-nadir) 10%, transparent) 0%, transparent 100%), var(--sk-sahne-zemin);
}
.sk-sahne::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(var(--sk-sahne-isik) 1px, transparent 1px), linear-gradient(90deg, var(--sk-sahne-isik) 1px, transparent 1px);
    background-size: 34px 34px; background-position: center bottom;
    -webkit-mask-image: linear-gradient(180deg, transparent 25%, #000 100%); mask-image: linear-gradient(180deg, transparent 25%, #000 100%);
}
.sk-sahne-gorsel { position: relative; width: 78%; height: 86%; max-width: 640px; object-fit: contain; filter: drop-shadow(0 22px 26px rgba(0, 0, 0, .38)); }
.sk-nadir-buyuk { font-size: 11px; padding: 8px 22px 8px 14px; }
.sk-sahne-arac { position: absolute; top: 12px; right: 12px; z-index: 3; display: flex; gap: 8px; }
.sk-ikon-cam { background: rgba(var(--bg-primary-rgb), .78); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-color: var(--sk-cizgi-ince); }
.sk-ikon-cam.active { color: var(--danger-color); }
.pd-action-btn.active { color: var(--danger-color); border-color: rgba(var(--danger-rgb), .45); }
.sk-paylas-menu {
    position: absolute; top: calc(100% + 8px); right: 0; min-width: 210px; padding: 6px; display: flex; flex-direction: column;
    background: var(--sk-yuzey); border: 1px solid var(--sk-cizgi); border-radius: 14px; box-shadow: var(--sk-golge-ust); z-index: 5;
}
.sk-paylas-menu a, .sk-paylas-menu button {
    display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 12px; border-radius: 9px; border: 0; background: none;
    color: var(--sk-metin); font-family: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; text-align: left;
}
.sk-paylas-menu a:hover, .sk-paylas-menu button:hover { background: var(--sk-yuzey-2); color: var(--sk-metin); }
.sk-paylas-menu i { width: 18px; text-align: center; color: var(--sk-metin-2); }
.sk-sahne-cikartma { position: absolute; left: 14px; bottom: 14px; z-index: 2; list-style: none; margin: 0; padding: 6px; display: flex; gap: 4px; border-radius: 14px; background: rgba(var(--bg-primary-rgb), .7); border: 1px solid var(--sk-cizgi-ince); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.sk-sahne-cikartma li { position: relative; width: 56px; height: 44px; display: grid; place-items: center; border-radius: 10px; }
.sk-sahne-cikartma li:hover { background: var(--sk-yuzey-2); }
.sk-sahne-cikartma img { width: 52px; height: 40px; object-fit: contain; }
.sk-sahne-cikartma small { position: absolute; right: 1px; bottom: 0; font-size: 9.5px; font-weight: 800; color: var(--sk-metin-2); background: var(--sk-yuzey); border-radius: 4px; padding: 0 3px; }
.sk-sahne-dugmeler { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.sk-hata-bildir { margin-left: auto; color: var(--sk-soluk); font-weight: 600; }
.sk-hata-bildir:hover { color: var(--danger-color); }

.sk-satin { position: sticky; top: var(--sk-yapis, 92px); display: flex; flex-direction: column; gap: 14px; padding: 20px; background: var(--sk-yuzey); border: 1px solid var(--sk-cizgi); border-radius: 20px; box-shadow: var(--sk-golge); }
.sk-satin-etiketler { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; font-size: 12.5px; font-weight: 700; color: var(--sk-metin-2); }
.sk-satin-etiketler > span:not(.sk-teslim-rozet) { display: inline-flex; align-items: center; gap: 6px; }
.sk-satin-etiketler > span[class^="sk-a-"] { color: var(--sk-at, var(--sk-metin-2)); }
.sk-nadir-yazi { display: inline-flex; align-items: center; gap: 6px; color: var(--sk-nadir); color: color-mix(in srgb, var(--sk-nadir) 78%, var(--sk-metin)); font-weight: 700; }
.sk-nadir-yazi .sk-cip-nokta { background: var(--sk-nadir); }
.sk-teslim-rozet { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 9px; border-radius: 7px; background: var(--sk-yesil-bg); color: var(--sk-yesil); font-size: 12px; font-weight: 700; cursor: help; }
.sk-teslim-hizli { background: color-mix(in srgb, var(--sk-amber) 14%, transparent); color: var(--sk-amber); }
.sk-ilan-h1 { margin: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; line-height: 1.2; text-align: left; }
.sk-ilan-ust { font-size: 14px; font-weight: 600; color: var(--sk-metin-2); }
.sk-ilan-ad { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 27px; font-weight: 800; letter-spacing: -.025em; color: var(--sk-metin); }
.sk-ilan-ad .sk-faz { height: 24px; font-size: 12px; padding: 0 9px; }
.sk-asinma-satin { margin: 0; padding: 10px 12px; border-radius: 12px; background: var(--sk-yuzey-2); }
.sk-asinma-satin .sk-float { font-size: 12.5px; color: var(--sk-metin); }
.sk-satin-fiyat { display: flex; flex-direction: column; gap: 4px; padding-top: 4px; border-top: 1px solid var(--sk-cizgi-ince); }
.sk-tutar-buyuk { font-size: 34px; letter-spacing: -.035em; margin-top: 10px; }
.sk-fiyat-dustu { font-size: 13px; color: var(--sk-soluk); }
.sk-fiyat-dustu b { color: var(--sk-yesil); font-weight: 700; margin-left: 4px; }
.sk-baglam { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.sk-baglam li { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; font-size: 13px; color: var(--sk-metin-2); }
.sk-baglam li > span { min-width: 124px; color: var(--sk-soluk); }
.sk-baglam b { color: var(--sk-metin); font-weight: 700; }
.sk-baglam b a { color: var(--sk-metin); text-decoration: underline; text-decoration-color: var(--sk-cizgi); text-underline-offset: 3px; }
.sk-baglam b a:hover { color: var(--sk-vurgu); }
.sk-baglam em { font-style: normal; font-size: 12px; font-weight: 700; padding: 1px 7px; border-radius: 6px; background: var(--sk-yuzey-3); color: var(--sk-metin-2); }
.sk-baglam em.iyi { background: var(--sk-yesil-bg); color: var(--sk-yesil); }
.sk-satin-eylem { display: flex; flex-direction: column; gap: 8px; }
.sk-satin-ikincil { display: flex; gap: 8px; }
.sk-satin-ikincil .sk-btn { flex: 1; }
.sk-ikon-buyuk { width: 52px; height: 52px; border-radius: 14px; font-size: 17px; }
.sk-teklif { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 12px 14px; border-radius: 14px; border: 1px dashed var(--sk-cizgi); }
.sk-teklif-bilgi { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 13.5px; color: var(--sk-metin); font-weight: 600; }
.sk-teklif-bilgi small { font-size: 12px; color: var(--sk-soluk); font-weight: 500; }
.sk-teklif-benim { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13.5px; color: var(--sk-metin-2); }
.sk-teklif-benim b { color: var(--sk-metin); }
.sk-guvence { list-style: none; margin: 0; padding: 14px 0 0; border-top: 1px solid var(--sk-cizgi-ince); display: flex; flex-direction: column; gap: 11px; }
.sk-guvence li { display: flex; gap: 12px; align-items: flex-start; }
.sk-guvence li > i { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; background: var(--sk-yuzey-2); color: var(--sk-metin-2); font-size: 13px; }
.sk-guvence li:first-child > i { color: var(--sk-yesil); background: var(--sk-yesil-bg); }
.sk-guvence li div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sk-guvence b { font-size: 13.5px; color: var(--sk-metin); }
.sk-guvence span { font-size: 12.5px; color: var(--sk-soluk); line-height: 1.5; }
.sk-satin-satici { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px; border-radius: 14px; background: var(--sk-yuzey-2); }
.sk-satin-satici .sk-satici { flex: 1; min-width: 160px; }
.sk-satici-eylem { display: flex; gap: 6px; }
.sk-satici-not { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; color: var(--sk-soluk); }
.sk-satici-not i { margin-right: 4px; font-size: 10px; }
.sk-satici { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sk-satici > img { width: 40px; height: 40px; border-radius: 12px; object-fit: cover; flex: 0 0 auto; border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey-3); }
.sk-satici-bilgi { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.sk-satici-ad { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 14px; font-weight: 700; color: var(--sk-metin); }
.sk-satici-ad a, .sk-satici-ad span { color: var(--sk-metin); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sk-satici-ad a:hover { color: var(--sk-vurgu); }
.sk-satici-bilgi small { font-size: 12px; color: var(--sk-soluk); white-space: nowrap; }
.sk-satici-bilgi small .fa-star { color: #f59e0b; font-size: 10.5px; }
.sk-onayli { color: var(--sk-yesil); font-size: 13px; }

.sk-asinma-buyuk { display: flex; flex-direction: column; gap: 8px; }
.sk-asinma-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.sk-asinma-ust span { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--sk-soluk); }
.sk-float-tam { font-family: var(--sk-mono); font-size: 17px; font-weight: 700; color: var(--sk-metin); letter-spacing: -.01em; overflow-wrap: anywhere; }
.sk-cetvel-buyuk { height: 8px; border-radius: 4px; }
.sk-cetvel-buyuk::after { background: rgba(var(--bg-primary-rgb), .35); }
.sk-cetvel-buyuk i { width: 6px; height: 20px; border-radius: 3px; box-shadow: 0 0 0 3px var(--sk-yuzey), 0 4px 10px rgba(0, 0, 0, .3); }
.sk-cetvel-bolgeler { display: flex; font-size: 10.5px; font-weight: 800; color: var(--sk-soluk); }
.sk-cetvel-bolgeler span { text-align: center; min-width: 0; overflow: hidden; }
.sk-cetvel-bolgeler span.aktif { color: var(--sk-at, var(--sk-metin)); }
.sk-b-FN { --sk-a: var(--sk-a-fn); --sk-at: var(--sk-at-fn); }
.sk-b-MW { --sk-a: var(--sk-a-mw); --sk-at: var(--sk-at-mw); }
.sk-b-FT { --sk-a: var(--sk-a-ft); --sk-at: var(--sk-at-ft); }
.sk-b-WW { --sk-a: var(--sk-a-ww); --sk-at: var(--sk-at-ww); }
.sk-b-BS { --sk-a: var(--sk-a-bs); --sk-at: var(--sk-at-bs); }
.sk-yakin { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; margin-top: 12px; padding: 12px 14px 0; border-top: 1px dashed var(--sk-cizgi-ince); }
.sk-yakin-uc { font-size: 11.5px; color: var(--sk-soluk); }
.sk-yakin-cubuk { position: relative; height: 6px; border-radius: 3px; background: var(--sk-a); background: color-mix(in srgb, var(--sk-a) 38%, transparent); }
.sk-yakin-cubuk i {
    position: absolute; top: 50%; width: 6px; height: 16px; border-radius: 3px; transform: translate(-50%, -50%);
    background: var(--sk-metin); box-shadow: 0 0 0 3px var(--sk-yuzey);
}
.sk-yakin-not { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; margin: 6px 0 0; padding: 0 14px; font-size: 12.5px; color: var(--sk-metin-2); }
.sk-yakin-not b { color: var(--sk-metin); font-weight: 800; }
.sk-olcu { margin: 16px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; }
.sk-olcu > div { padding: 10px 12px; border-radius: 12px; background: var(--sk-yuzey-2); min-width: 0; }
.sk-olcu dt { font-size: 11.5px; font-weight: 600; color: var(--sk-soluk); margin-bottom: 2px; }
.sk-olcu dd { margin: 0; font-size: 14.5px; font-weight: 700; color: var(--sk-metin); overflow-wrap: anywhere; }
.sk-olcu dd a { color: var(--sk-metin); }
.sk-merdiven { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; }
.sk-merdiven-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 6px; }
.sk-merdiven-oge { display: flex; flex-direction: column; gap: 2px; padding: 9px 12px; border-radius: 12px; border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); color: var(--sk-metin); min-width: 0; transition: border-color .15s ease, background-color .15s ease; }
.sk-merdiven-oge b { font-size: 12px; font-weight: 800; color: var(--sk-at, var(--sk-a)); }
.sk-merdiven-oge span { font-size: 13.5px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a.sk-merdiven-oge:hover { border-color: rgba(var(--sk-vurgu-rgb), .5); color: var(--sk-metin); }
.sk-merdiven-oge.aktif { border-color: var(--sk-metin); box-shadow: inset 0 0 0 1px var(--sk-metin); }
.sk-merdiven-oge.bos span { color: var(--sk-soluk); font-weight: 500; }

.sk-cikartma-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.sk-cikartma-liste li { display: flex; align-items: center; gap: 12px; padding: 8px 12px 8px 8px; border-radius: 12px; background: var(--sk-yuzey-2); min-width: 0; }
.sk-cikartma-liste img { width: 58px; height: 44px; object-fit: contain; flex: 0 0 auto; }
.sk-cikartma-liste div { display: flex; flex-direction: column; min-width: 0; }
.sk-cikartma-liste b { font-size: 13.5px; font-weight: 700; line-height: 1.35; color: var(--sk-metin); overflow-wrap: anywhere; }
.sk-cikartma-liste small { font-size: 12px; color: var(--sk-soluk); }

.sk-mini-liste { display: flex; flex-direction: column; }
.sk-mini-satir {
    position: relative; display: grid; grid-template-columns: minmax(170px, 1.6fr) minmax(70px, .6fr) minmax(90px, 1fr) minmax(90px, 1fr) auto;
    align-items: center; gap: 14px; padding: 11px 10px; border-top: 1px solid var(--sk-cizgi-ince); border-radius: 10px;
}
.sk-mini-satir:first-child { border-top: 0; }
.sk-mini-satir:hover { background: var(--sk-yuzey-2); }
.sk-mini-satir .sk-asinma { margin: 0; }
.sk-mini-desen { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.sk-mini-satici { font-size: 13px; font-weight: 600; color: var(--sk-metin-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sk-mini-fiyat { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.sk-mini-fiyat .sk-tutar { font-size: 16px; }
.sk-cikartmalar-satir { position: static; background: none; border: 0; padding: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
.sk-cikartmalar-satir img { width: 24px; height: 18px; }

.sk-grafik-panel .sk-panel-bas { margin-bottom: 10px; }
.sk-donem { display: flex; gap: 2px; padding: 3px; border-radius: 10px; background: var(--sk-yuzey-2); border: 1px solid var(--sk-cizgi-ince); }
.sk-donem label { margin: 0; cursor: pointer; }
.sk-donem input { position: absolute; opacity: 0; pointer-events: none; }
.sk-donem span { display: block; padding: 5px 11px; border-radius: 8px; font-size: 12.5px; font-weight: 700; color: var(--sk-soluk); }
.sk-donem input:checked + span { background: var(--sk-yuzey); color: var(--sk-metin); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); }
.sk-donem input:focus-visible + span { outline: 2px solid var(--sk-vurgu); }
.sk-grafik-ozet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.sk-grafik-ozet > div { padding: 10px 12px; border-radius: 12px; background: var(--sk-yuzey-2); min-width: 0; }
.sk-grafik-ozet span { display: block; font-size: 11.5px; font-weight: 600; color: var(--sk-soluk); }
.sk-grafik-ozet b { font-size: 15px; font-weight: 800; color: var(--sk-metin); font-variant-numeric: tabular-nums; }
.sk-grafik-ozet small { font-size: 12px; font-weight: 600; color: var(--sk-soluk); }
.sk-grafik { position: relative; height: 270px; }
.sk-grafik-bos { margin: 0; padding: 30px 16px; text-align: center; color: var(--sk-soluk); font-size: 14px; border: 1px dashed var(--sk-cizgi); border-radius: 12px; }
.sk-grafik-bag { margin-top: 12px; }
.sk-son-satis { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--sk-cizgi-ince); }
.sk-son-satis ul { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; }
.sk-son-satis li { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px 0; font-size: 13.5px; border-top: 1px dashed var(--sk-cizgi-ince); }
.sk-son-satis li:first-child { border-top: 0; }
.sk-son-satis time { color: var(--sk-soluk); font-variant-numeric: tabular-nums; }
.sk-son-satis .sk-mono { color: var(--sk-metin-2); font-size: 12.5px; }
.sk-son-satis b { font-weight: 800; font-variant-numeric: tabular-nums; }

.sk-bilgi { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.sk-bilgi > div { display: flex; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--sk-cizgi-ince); font-size: 13.5px; min-width: 0; }
.sk-bilgi dt { color: var(--sk-soluk); font-weight: 600; white-space: nowrap; }
.sk-bilgi dd { margin: 0; text-align: right; color: var(--sk-metin); font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.sk-bilgi dd a { color: var(--sk-metin); }
.sk-bilgi dd a:hover { color: var(--sk-vurgu); }
.sk-aciklama { margin: 14px 0 0; color: var(--sk-metin-2); line-height: 1.7; font-size: 14px; }
.sk-soru { padding: 12px 0; border-top: 1px solid var(--sk-cizgi-ince); font-size: 14px; }
.sk-soru:first-of-type { border-top: 0; padding-top: 0; }
.sk-soru p { margin: 0; color: var(--sk-metin-2); line-height: 1.6; }
.sk-soru b { color: var(--sk-metin); margin-right: 6px; }
.sk-cevap { margin-top: 8px !important; padding: 8px 12px; border-radius: 10px; background: var(--sk-yuzey-2); }

.sk-nasil { margin-top: var(--sk-bosluk-l); padding: 26px; border-radius: 22px; border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); box-shadow: var(--sk-golge); }
.sk-nasil-bas h2 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.015em; }
.sk-nasil-bas p { margin: 6px 0 0; color: var(--sk-metin-2); font-size: 14px; }
.sk-adimlar { list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; counter-reset: skadim; }
.sk-adimlar li { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 16px; background: var(--sk-yuzey-2); counter-increment: skadim; }
.sk-adimlar li::before { content: counter(skadim); width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; background: var(--sk-metin); color: var(--sk-yuzey); font-size: 14px; font-weight: 800; margin-bottom: 4px; }
.sk-adimlar b { font-size: 14.5px; color: var(--sk-metin); }
.sk-adimlar span { font-size: 13px; color: var(--sk-metin-2); line-height: 1.6; }
.sk-nasil-sat { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 16px; padding: 16px 18px; border-radius: 16px; border: 1px dashed var(--sk-cizgi); scroll-margin-top: 120px; }
.sk-nasil-sat > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.sk-nasil-sat b { font-size: 14.5px; }
.sk-nasil-sat span { font-size: 13px; color: var(--sk-metin-2); line-height: 1.55; }
#cs2NasilAlinir { scroll-margin-top: 110px; }

.sk-mobil-al {
    position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 1200; display: none; align-items: center; gap: 8px;
    padding: 8px 8px 8px 14px; border-radius: 18px; background: var(--sk-yuzey); border: 1px solid var(--sk-cizgi); box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
    transform: translateY(140%); transition: transform .25s ease;
}
.sk-mobil-al.gorunur { transform: none; }
.sk-mobil-al-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sk-mobil-al-bilgi > span { font-size: 12px; color: var(--sk-soluk); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-mobil-al .sk-tutar { font-size: 18px; }
.sk-mobil-al .sk-btn { height: 46px; }
.sk-mobil-al .sk-btn-cizgi { width: 46px; padding: 0; }

.sk-tur-bas {
    display: grid; grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 28px; margin-top: 14px; padding: 20px;
    border-radius: 22px; border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); box-shadow: var(--sk-golge);
}
.sk-tur-sahne {
    position: relative; aspect-ratio: 4 / 3; display: grid; place-items: center; overflow: hidden; border-radius: 16px;
    background: var(--sk-sahne-zemin);
    background: radial-gradient(64% 56% at 50% 92%, color-mix(in srgb, var(--sk-nadir) 34%, transparent) 0%, transparent 72%), var(--sk-sahne-zemin);
}
.sk-tur-sahne::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(var(--sk-sahne-isik) 1px, transparent 1px), linear-gradient(90deg, var(--sk-sahne-isik) 1px, transparent 1px);
    background-size: 28px 28px; background-position: center bottom;
    -webkit-mask-image: linear-gradient(180deg, transparent 25%, #000 100%); mask-image: linear-gradient(180deg, transparent 25%, #000 100%);
}
.sk-tur-sahne img { position: relative; width: 84%; height: 84%; object-fit: contain; filter: drop-shadow(0 16px 20px rgba(0, 0, 0, .35)); }
.sk-tur-bilgi { min-width: 0; display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.sk-tur-ozet { margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.sk-tur-ozet > div { padding: 12px 14px; border-radius: 14px; background: var(--sk-yuzey-2); min-width: 0; }
.sk-tur-ozet > div.vurgu { background: rgba(var(--sk-vurgu-rgb), .08); box-shadow: inset 0 0 0 1px rgba(var(--sk-vurgu-rgb), .3); }
.sk-tur-ozet dt { font-size: 11.5px; font-weight: 600; color: var(--sk-soluk); margin-bottom: 3px; white-space: nowrap; }
.sk-tur-ozet dd { margin: 0; font-size: 16px; font-weight: 800; color: var(--sk-metin); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-tur-ozet dd small { font-size: 11.5px; font-weight: 600; color: var(--sk-soluk); }
.sk-tur-ozet .sk-tutar { font-size: 18px; }
.sk-tur-bilgi .sk-merdiven { margin-top: 0; }
.sk-tur-dugmeler { display: flex; gap: 8px; flex-wrap: wrap; }

.sk-tur-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 22px; align-items: start; margin-top: 22px; }
.sk-tur-ilanlar { min-width: 0; display: flex; flex-direction: column; gap: var(--sk-bosluk-s); }
.sk-tur-yan { min-width: 0; display: flex; flex-direction: column; gap: var(--sk-bosluk-m); position: sticky; top: var(--sk-yapis, 92px); }
.sk-tur-yan .sk-grafik { height: 220px; }
.sk-tablo-arac { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sk-tablo-arac h2 { margin: 0 auto 0 0; font-size: 19px; font-weight: 800; letter-spacing: -.015em; }
.sk-sekme { display: flex; gap: 2px; padding: 3px; border-radius: 12px; background: var(--sk-yuzey); border: 1px solid var(--sk-cizgi); overflow-x: auto; scrollbar-width: none; }
.sk-sekme a { padding: 7px 12px; border-radius: 9px; font-size: 13px; font-weight: 700; color: var(--sk-soluk); white-space: nowrap; }
.sk-sekme a:hover { color: var(--sk-metin); }
.sk-sekme a.aktif { background: var(--sk-yuzey-3); color: var(--sk-metin); }
.sk-fiyat-suz { position: relative; }
.sk-fiyat-suz > summary { list-style: none; }
.sk-fiyat-suz > summary::-webkit-details-marker { display: none; }
.sk-fiyat-suz > summary .sk-filtre-say { margin-left: 2px; }
.sk-fiyat-form { position: absolute; right: 0; top: calc(100% + 8px); z-index: 20; width: 300px; padding: 14px; border-radius: 16px; border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); box-shadow: var(--sk-golge-ust); }
.sk-fiyat-form-alt { display: flex; justify-content: flex-end; align-items: center; gap: 12px; margin-top: 12px; }

.sk-karsilastir {
    --k-float: minmax(170px, 1.5fr); --k-desen: minmax(64px, .55fr); --k-cikartma: minmax(90px, .9fr); --k-satici: minmax(150px, 1.2fr); --k-fiyat: minmax(120px, .9fr);
    display: flex; flex-direction: column; border-radius: var(--sk-r); border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); box-shadow: var(--sk-golge); overflow: hidden;
}
.sk-karsilastir-bas, .sk-ks {
    display: grid; grid-template-columns: var(--sk-ks-izgara, var(--k-float) var(--k-desen) var(--k-cikartma) var(--k-satici) var(--k-fiyat) auto);
    align-items: center; gap: 16px; padding: 0 16px;
}
.sk-karsilastir-bas { height: 40px; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--sk-soluk); background: var(--sk-yuzey-2); border-bottom: 1px solid var(--sk-cizgi); }
.sk-karsilastir-bas .sag, .sk-ks-fiyat { text-align: right; justify-content: flex-end; }
.sk-ks { position: relative; min-height: 72px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid var(--sk-cizgi-ince); transition: background-color .15s ease; }
.sk-karsilastir-bas + .sk-ks { border-top: 0; }
.sk-ks:hover { background: var(--sk-yuzey-2); }
.sk-ks.en-ucuz { box-shadow: inset 3px 0 0 var(--sk-vurgu); }
.sk-ks-float { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sk-ks-float .sk-asinma { margin: 0; }
.sk-ks-float .sk-isaret { align-self: flex-start; }
.sk-ks-desen { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 13.5px; min-width: 0; }
.sk-ks-desen > .sk-soluk-etiket:first-child { display: none; }
.sk-ks-cikartma { min-width: 0; }
.sk-ks-satici { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.sk-ks-satici .sk-satici > img { width: 32px; height: 32px; border-radius: 10px; }
.sk-ks-satici .sk-satici-ad { font-size: 13px; }
.sk-ks-satici .sk-satici-ad a { position: relative; z-index: 2; }
.sk-teslim-mini { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; color: var(--sk-yesil); cursor: help; position: relative; z-index: 2; }
.sk-teslim-mini.sk-teslim-hizli { color: var(--sk-amber); background: none; }
.sk-ks-fiyat { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.sk-ks-fiyat .sk-tutar { font-size: 18px; }
.sk-ks-eylem { position: relative; z-index: 2; display: flex; align-items: center; gap: 6px; }
.sk-ks-eylem .sk-sepet { width: 36px; height: 36px; }
.sk-ks-eylem .sk-btn { height: 36px; }
.sk-satislar .sk-panel-bas { margin-bottom: 12px; }
.sk-satis-donem { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-bottom: 12px; }
.sk-satis-donem > div { padding: 9px 10px; border-radius: 12px; background: var(--sk-yuzey-2); display: flex; flex-direction: column; min-width: 0; }
.sk-satis-donem span { font-size: 11px; font-weight: 600; color: var(--sk-soluk); }
.sk-satis-donem b { font-size: 14px; color: var(--sk-metin); }
.sk-satis-donem small { font-size: 11.5px; color: var(--sk-soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-tablo-kap { overflow-x: auto; }

@media (max-width: 1280px) {
    .sk-ilan { grid-template-columns: minmax(0, 1fr) 360px; }
    .sk-tur-duzen { grid-template-columns: minmax(0, 1fr) 320px; }
    .sk-karsilastir { --k-float: minmax(160px, 1.5fr); --k-desen: minmax(56px, .5fr); --k-cikartma: minmax(80px, .8fr); --k-satici: minmax(130px, 1.1fr); --k-fiyat: minmax(110px, .9fr); }
    .sk-karsilastir-bas, .sk-ks { gap: 12px; }
    .sk-tur-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1100px) {
    .sk-tur-duzen { grid-template-columns: minmax(0, 1fr); }
    .sk-tur-yan { position: static; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: start; }
    .sk-tur-yan .sk-grafik { height: 250px; }
    .sk-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 992px) {
    .sk-ilan { grid-template-columns: minmax(0, 1fr); grid-template-areas: "sahne" "yan" "icerik"; }
    .sk-satin { position: static; }
    .sk-mobil-al { display: flex; }
    .sk-ilan-sayfa { padding-bottom: 96px; }
    .sk-tur-bas { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .sk-tur-sahne { max-height: 320px; aspect-ratio: 16 / 9; }
    .sk-karsilastir-bas { display: none; }
    .sk-karsilastir { background: none; border: 0; box-shadow: none; gap: 8px; overflow: visible; }
    .sk-ks {
        grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "fiyat eylem" "float float" "satici cikartma" "desen desen";
        gap: 10px 12px; padding: 12px 14px; border: 1px solid var(--sk-cizgi); border-radius: 14px; background: var(--sk-yuzey); box-shadow: var(--sk-golge);
    }
    .sk-ks.en-ucuz { box-shadow: inset 3px 0 0 var(--sk-vurgu), var(--sk-golge); }
    .sk-ks-float { grid-area: float; }
    .sk-ks-desen { grid-area: desen; }
    .sk-ks-desen > .sk-soluk-etiket:first-child { display: inline; }
    .sk-ks-desen:empty { display: none; }
    .sk-ks-cikartma { grid-area: cikartma; justify-self: end; }
    .sk-ks-cikartma.bos { display: none; }
    .sk-ks-satici { grid-area: satici; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 6px 10px; }
    .sk-ks-fiyat { grid-area: fiyat; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 6px 8px; }
    .sk-ks-eylem { grid-area: eylem; }
}

@media (max-width: 640px) {
    .sk-sahne { aspect-ratio: 4 / 3; border-radius: 16px; }
    .sk-sahne-gorsel { width: 86%; height: 78%; }
    .sk-nadir-buyuk { font-size: 9.5px; padding: 6px 16px 6px 10px; }
    .sk-sahne-arac { top: 8px; right: 8px; gap: 6px; }
    .sk-sahne-arac .sk-ikon-btn { width: 38px; height: 38px; }
    .sk-sahne-cikartma { left: 8px; bottom: 8px; padding: 4px; gap: 2px; }
    .sk-sahne-cikartma li { width: 42px; height: 34px; }
    .sk-sahne-cikartma img { width: 40px; height: 30px; }
    .sk-satin { padding: 16px; border-radius: 18px; }
    .sk-ilan-ad { font-size: 23px; }
    .sk-tutar-buyuk { font-size: 30px; }
    .sk-hata-bildir { margin-left: 0; }
    .sk-bilgi { grid-template-columns: minmax(0, 1fr); }
    .sk-grafik-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sk-grafik-ozet > div:last-child { grid-column: 1 / -1; }
    .sk-grafik { height: 220px; }
    .sk-mini-satir { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "asinma fiyat" "satici fiyat"; gap: 4px 12px; padding: 10px 6px; }
    .sk-mini-asinma { grid-area: asinma; }
    .sk-mini-satici { grid-area: satici; }
    .sk-mini-fiyat { grid-area: fiyat; }
    .sk-mini-desen, .sk-mini-cikartma { display: none; }
    .sk-nasil { padding: 18px 16px; border-radius: 18px; }
    .sk-adimlar { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .sk-adimlar li { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 12px 14px; }
    .sk-adimlar li::before { margin: 0; }
    .sk-adimlar span { flex-basis: 100%; }
    .sk-tur-bas { padding: 14px; border-radius: 18px; }
    .sk-tur-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sk-tur-ozet dd { font-size: 15px; }
    .sk-tablo-arac h2 { flex-basis: 100%; }
    .sk-sekme { flex: 1; }
    .sk-fiyat-form { width: min(300px, calc(100vw - 32px)); }
    .sk-tur-yan { grid-template-columns: minmax(0, 1fr); }
    .sk-ks-eylem .sk-btn { padding: 0 12px; }
}

.sk-panel-bas h2 .sk-ipucu-dugme { margin-left: -2px; }
.sk-sayfa [data-bs-toggle="tooltip"][tabindex] { cursor: help; }
.sk-sayfa [data-bs-toggle="tooltip"][tabindex]:focus-visible { outline: 2px solid var(--sk-vurgu); outline-offset: 2px; border-radius: 4px; }
.sk-ks-etiket { position: relative; z-index: 2; cursor: help; }
.sk-olcu > .sk-olcu-genis { grid-column: 1 / -1; }

.sk-satici-mesaj { flex-basis: 100%; height: 42px; }
.sk-satici-mesaj i { color: var(--sk-vurgu); }
.sk-satici-not [tabindex] { border-radius: 6px; }

body:has(.modal.show) .sk-mobil-al { visibility: hidden; }
body:has(#cs2TeklifPencere.show) .pm-dock { visibility: hidden; }

.sk-teklif-modal .modal-content {
    display: flex; flex-direction: column; width: min(600px, calc(100vw - 32px)); max-width: none;
    max-height: min(92vh, 880px); max-height: min(92dvh, 880px); text-align: left;
}
.sk-teklif-modal .modal-content:focus { outline: none; }
.sk-teklif-modal .modal-header { flex: 0 0 auto; padding: 18px 24px; }
.sk-teklif-modal .modal-title { font-size: 19px; }
.sk-teklif-modal .modal-body {
    flex: 1 1 auto; min-height: 0; display: block; gap: 0; padding: 20px 24px 22px; text-align: left;
    overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
}
.sk-teklif-modal .modal-body p { max-width: none; }
.sk-teklif-modal .modal-footer { flex: 0 0 auto; flex-direction: row; justify-content: flex-end; padding: 16px 24px; }
.sk-teklif-modal .modal-footer .btn { min-width: 124px; justify-content: center; font-weight: 700; }
.sk-teklif-modal .modal-footer .btn-primary[disabled] { opacity: .55; cursor: not-allowed; }
.sk-teklif-modal .offer-price-info { margin-bottom: 16px; padding: 14px 18px; gap: 10px; }
.sk-teklif-modal .offer-range-display { padding-top: 10px; }
.sk-teklif-modal .form-group { margin-bottom: 16px; }
.sk-teklif-modal .form-group > label { display: block; margin-bottom: 8px; font-size: 13.5px; font-weight: 700; color: var(--sk-metin); }
.sk-teklif-modal .form-hint { margin-top: 8px; font-size: 12.5px; line-height: 1.5; color: var(--sk-soluk); }
.sk-teklif-modal .form-hint.sk-tm-uyar { color: var(--sk-amber); }
.sk-teklif-modal .form-hint.sk-tm-iyi { color: var(--sk-yesil); }
.sk-teklif-modal .form-hint.sk-tm-hatali { color: var(--danger-color); font-weight: 600; }
.sk-teklif-modal select.form-control { height: 46px; padding: 0 12px; cursor: pointer; }
.sk-teklif-modal .form-control[aria-invalid="true"] { border-color: var(--danger-color); box-shadow: 0 0 0 3px rgba(var(--danger-rgb), .12); }

.sk-tm-oge {
    display: flex; align-items: center; gap: 14px; margin-bottom: 16px; padding: 10px 14px 10px 10px; border-radius: 14px; border: 1px solid var(--sk-cizgi-ince);
    background: var(--sk-yuzey-2);
    background: radial-gradient(90% 130% at 10% 100%, color-mix(in srgb, var(--sk-nadir) 22%, transparent) 0%, transparent 70%), var(--sk-yuzey-2);
}
.sk-tm-oge img { width: 88px; height: 66px; flex: 0 0 auto; object-fit: contain; filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .3)); }
.sk-tm-oge-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.sk-tm-oge-ust { font-size: 12px; font-weight: 600; color: var(--sk-soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-tm-oge-ad { font-size: 15.5px; font-weight: 800; line-height: 1.3; color: var(--sk-metin); overflow-wrap: anywhere; }
.sk-tm-oge .sk-asinma { max-width: 280px; margin-top: 6px; }

.sk-tm-girdi { position: relative; }
.sk-teklif-modal .sk-tm-girdi .form-control {
    height: 54px; padding: 0 46px 0 14px; border-radius: 12px; font-family: inherit; font-size: 21px; font-weight: 800;
    letter-spacing: -.01em; font-variant-numeric: tabular-nums;
}
.sk-tm-girdi > span { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 14px; font-weight: 700; color: var(--sk-soluk); pointer-events: none; }
.sk-tm-hizli { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 6px; margin-top: 10px; }
.sk-tm-hizli button {
    display: flex; flex-direction: column; align-items: flex-start; gap: 1px; min-width: 0; padding: 7px 10px; border-radius: 10px;
    border: 1px solid var(--sk-cizgi); background: var(--sk-yuzey); color: var(--sk-metin); font-family: inherit; font-size: 13px;
    font-weight: 700; font-variant-numeric: tabular-nums; text-align: left; white-space: nowrap; cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}
.sk-tm-hizli button b { font-size: 11px; font-weight: 700; color: var(--sk-soluk); }
.sk-tm-hizli button:hover { border-color: rgba(var(--sk-vurgu-rgb), .5); }
.sk-tm-hizli button.secili { border-color: var(--sk-vurgu); background: rgba(var(--sk-vurgu-rgb), .08); }
.sk-tm-hizli button.secili b { color: var(--sk-vurgu); }
.sk-tm-hizli button:focus-visible { outline: 2px solid var(--sk-vurgu); outline-offset: 2px; }
.sk-tm-hata { margin: -8px 0 18px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(var(--danger-rgb), .3); background: rgba(var(--danger-rgb), .1); color: var(--danger-color); font-size: 13px; font-weight: 600; line-height: 1.5; }
.sk-tm-hata[hidden] { display: none; }
.sk-tm-uyari {
    display: flex; gap: 10px; align-items: flex-start; margin-bottom: 16px; padding: 12px 14px; border-radius: 12px; font-size: 13px; line-height: 1.55; color: var(--sk-metin);
    background: color-mix(in srgb, var(--sk-amber) 12%, transparent); border: 1px solid color-mix(in srgb, var(--sk-amber) 35%, transparent);
}
.sk-tm-uyari > i { margin-top: 3px; color: var(--sk-amber); }
.sk-tm-uyari a { font-weight: 700; color: inherit; text-decoration: underline; }
.sk-tm-kural { list-style: none; margin: 0 0 16px; padding: 12px 14px; display: flex; flex-direction: column; gap: 9px; border-radius: 12px; border: 1px dashed var(--sk-cizgi); }
.sk-tm-kural li { display: flex; gap: 10px; align-items: flex-start; font-size: 12.5px; line-height: 1.55; color: var(--sk-metin-2); }
.sk-tm-kural li > i { width: 16px; flex: 0 0 auto; margin-top: 3px; text-align: center; font-size: 12px; color: var(--sk-soluk); }
.sk-tm-kural b { color: var(--sk-metin); }
.sk-teklif-modal .offer-agreement { margin-bottom: 16px; padding: 14px 16px; }
.sk-teklif-modal .checkbox-container input:focus-visible + .checkmark { outline: 2px solid var(--sk-vurgu); outline-offset: 2px; }
.sk-teklif-modal .checkbox-text a { color: var(--sk-vurgu); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.sk-teklif-modal .offer-balance-info p { margin: 8px 0 0; font-size: 12.5px; color: var(--sk-metin-2); }
.sk-teklif-modal .offer-balance-info p a { font-weight: 700; color: var(--success-color); text-decoration: underline; }

@media (max-width: 768px) {
    .sk-teklif-modal .modal-content { max-width: none; margin: 0; }
}

@media (max-width: 640px) {
    .sk-teklif-modal .modal-content { width: calc(100vw - 20px); max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); border-radius: 16px; }
    .sk-teklif-modal .modal-header { padding: 14px 16px; }
    .sk-teklif-modal .modal-title { font-size: 17px; }
    .sk-teklif-modal .modal-body { padding: 16px; }
    .sk-teklif-modal .modal-footer { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); gap: 10px; }
    .sk-teklif-modal .modal-footer .btn { flex: 1; min-width: 0; padding: 12px 10px; }
    .sk-tm-oge { gap: 10px; padding: 8px 10px 8px 8px; }
    .sk-tm-oge img { width: 76px; height: 57px; }
    .sk-tm-hizli { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sk-teklif-modal .offer-price-info { padding: 12px 14px; }
    .sk-teklif-modal .current-price-display, .sk-teklif-modal .offer-range-display { flex-wrap: wrap; gap: 4px 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .sk-filtre, .sk-mobil-al { transition: none !important; }
}