/* ══════════════════════════════════════════════════════════════════
   Solestra — ürün sayfası alt sabit bar
   Asıl butonlar ekrandan çıkınca alttan kayarak gelir. Köşeli, sade.
   ══════════════════════════════════════════════════════════════════ */

.sl-sbar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 95; /* modallar (randevu, online kiralama) bunun üstünde */
    background: #fff;
    border-top: 1px solid #e6e6e6;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .06);
    transform: translateY(100%);
    visibility: hidden;
    transition: transform .3s ease, visibility 0s linear .3s;
}

.sl-sbar.is-on { transform: none; visibility: visible; transition: transform .3s ease; }

.sl-sbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 12px 40px;
}

.sl-sbar__item { display: flex; align-items: center; gap: 14px; min-width: 0; }

.sl-sbar__img {
    flex: none;
    width: 44px !important;
    height: 58px !important;
    object-fit: cover;
    object-position: center top;
}

.sl-sbar__text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

.sl-sbar__name {
    overflow: hidden;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}

.sl-sbar__price { font-size: 13px; color: #6f6f6f; white-space: nowrap; }
.sl-sbar__price del { opacity: .6; }
.sl-sbar__price ins { text-decoration: none; }

.sl-sbar__actions { display: flex; flex: none; gap: 10px; }

.sl-sbar__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 190px;
    height: 48px;
    padding: 0 22px;
    border: 1px solid #000;
    border-radius: 0;
    background: #fff;
    color: #000;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .15s, color .15s;
}

.sl-sbar__btn:hover { background: #f4f4f4; }
.sl-sbar__btn--primary { background: #000; color: #fff; }
.sl-sbar__btn--primary:hover { background: #2a2a2a; }
.sl-sbar__btn svg { flex: none; }

/* Bar açıkken tema "yukarı çık" butonu barın üstünde dursun, sayfa sonu kapanmasın */
body.sl-sbar-on #qodef-back-to-top { bottom: 96px !important; transition: bottom .3s; }
body.sl-sbar-on { padding-bottom: 82px; }

@media (max-width: 1024px) {
    .sl-sbar__inner { padding: 10px 24px; }
    .sl-sbar__btn { min-width: 0; }
}

/* Mobil: küçük görsel + iki buton; ad ve fiyat gizli (butonlara yer) */
@media (max-width: 680px) {
    .sl-sbar__inner { gap: 10px; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); }
    .sl-sbar__img { width: 34px !important; height: 46px !important; }
    .sl-sbar__text { display: none; }
    .sl-sbar__actions { flex: 1; gap: 6px; }
    .sl-sbar__btn { flex: 1; height: 44px; padding: 0 8px; gap: 6px; font-size: 10px; letter-spacing: .1em; }
    body.sl-sbar-on #qodef-back-to-top { bottom: 76px !important; }
    body.sl-sbar-on { padding-bottom: 62px; }
}

@media (prefers-reduced-motion: reduce) {
    .sl-sbar, .sl-sbar.is-on { transition: none; }
}