.book-shelf { padding:16px 20px 8px; border:1px solid #e0e7f1; border-radius:22px; background:radial-gradient(ellipse at 0 0,#e7d8ba38,transparent 55%),linear-gradient(130deg,#eef3fb,#fbfcfe); min-width:0; }
.book-shelf__track { display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:14px 3px 28px; overscroll-behavior-x:contain; direction:rtl; }
.book-shelf__track::-webkit-scrollbar { display:none; }
.book-shelf__card { flex:0 0 calc((100% - 66px)/4); min-width:0; scroll-snap-align:start; background:#fff; border:1px solid #e3e9f3; border-radius:16px; overflow:hidden; transition:transform .35s ease,box-shadow .35s ease; }
.book-shelf__card:hover,.book-shelf__card:focus-within { transform:translateY(-5px); box-shadow:0 15px 25px #28416b20; }
.book-shelf__link { display:flex; flex-direction:column; height:100%; }
.book-shelf__cover { position:relative; padding:22px 22px 36px; background:linear-gradient(145deg,#f5f3ee,#edf2f9); }
.book-shelf__cover img { display:block; width:100%; height:225px; object-fit:contain; filter:drop-shadow(-5px 9px 6px #25354b25); }
.book-shelf__cover span { position:absolute; bottom:10px; inset-inline:10px; text-align:center; font-size:9px; color:#96a1b2; }
.mr-theme .book-shelf__card h2 { font-size:14px; line-height:1.9; color:#405778; padding:18px 17px; margin:0; flex:1; }
.book-shelf__price { margin:0 17px; padding:15px 0; border-top:1px solid #eef1f7; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.book-shelf__price strong { color:#527b75; font-size:12px; }
.book-shelf__price i { color:#8398bc; font-size:13px; }
.book-shelf__footer { display:flex; align-items:center; gap:22px; padding:0 3px 12px; }
.book-shelf__hint { font-size:11px; color:#7c8fa9; }
.book-shelf__progress { flex:1; height:3px; background:#dfe7f2; border-radius:3px; overflow:hidden; }
.book-shelf__progress span { display:block; height:100%; width:0; background:#b99c67; transition:width .3s; }
.book-shelf__controls { display:flex; gap:7px; }
.book-shelf__controls button { display:grid; place-items:center; width:36px; height:36px; border:1px solid #dae3f0; border-radius:50%; background:#fff; color:#607ca5; }
.book-shelf__controls button:disabled { opacity:.35; cursor:default; }
.book-shelf [hidden] { display:none!important; }
.book-shelf :focus-visible { outline:2px solid #839dcc; outline-offset:-2px; }
/* نصف کردن عرض فوتر و وسط‌چین */
.book-shelf__footer {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 50% !important;
    max-width: 600px;
    min-width: 260px;
    margin: 1.5rem auto 0 auto !important;
    gap: 0.6rem;
}

    .book-shelf__footer[hidden] {
        display: flex !important;
    }

.book-shelf__hint {
    font-size: 0.85rem;
    color: #6c757d;
    text-align: center;
}

.book-shelf__progress {
    width: 100% !important;
    height: 6px !important;
    background: rgba(0, 0, 0, 0.08) !important;
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

    .book-shelf__progress span {
        display: block !important;
        height: 100% !important;
        width: 0%;
        background: #0d6efd !important;
        border-radius: 999px;
        transition: width 0.6s ease-out;
    }

/* تنظیمات ترک برای درگ با ماوس */
.book-shelf__track {
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y; /* جلوگیری از تداخل تاچ */
}

    .book-shelf__track.is-dragging {
        cursor: grabbing !important;
    }

    /* جلوگیری از درگ شدن خود عکس‌ها و لینک‌ها توسط مرورگر */
    .book-shelf__track * {
        user-select: none;
        -webkit-user-drag: none;
    }




@media(max-width:1199px) { .book-shelf__card { flex-basis:calc((100% - 44px)/3); } }
@media(max-width:767px) { .book-shelf { padding:10px 12px 5px; } .book-shelf__track { gap:14px; } .book-shelf__card { flex-basis:calc((100% - 14px)/2); } .book-shelf__cover { padding:18px 12px 32px; } .book-shelf__cover img { height:190px; } .book-shelf__hint { display:none; } }
@media(max-width:479px) { .book-shelf__card { flex-basis:82%; } }
@media(prefers-reduced-motion:reduce) { .book-shelf__card,.book-shelf__progress span { transition:none; } .book-shelf__card:hover { transform:none; } }