.favorites-page { display:flex; flex-direction:column;     gap: 20px;}
.card { box-shadow: none !important; }
.favorite-section { position:relative; }
.favorite-section__inner { position: relative; max-width: 1240px; margin: 0 auto; padding: 0 18px; }
.favorite-category { background:#fff; border:1px solid #e5e7eb; border-radius:15px; padding:20px; box-shadow:0 18px 40px rgba(15,23,42,.06); overflow:hidden; }
.favorite-category__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.favorite-category__title { margin:0; font-size:24px; font-weight:800; color:#0f172a; }
.favorite-category__meta { margin-top:6px; font-size:14px; color:#64748b; }
.favorite-category__status { display:flex; align-items:center; gap:12px; }
.favorite-category__page { min-width:52px; text-align:center; font-size:14px; font-weight:700; color:#475569; }
.favorite-carousel { min-width:0; }
.favorite-carousel__viewport { position:relative; overflow:hidden; scroll-behavior:smooth; }
.favorite-carousel__viewport::-webkit-scrollbar { display:none; }
.favorite-carousel__track { display:flex; gap:18px; align-items:stretch; }
.favorite-carousel__item { flex:0 0 calc((100% - 54px) / 4); width:calc((100% - 54px) / 4); min-width:calc((100% - 54px) / 4); max-width:calc((100% - 54px) / 4); }
.favorite-carousel__item .card { width:100%; height:100%; }
.favorite-carousel__nav { position:absolute; top:50%; z-index:5; display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; border:1px solid #dbe3ea; border-radius:999px; background:#fff; color:#0f172a; cursor:pointer; transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease; box-shadow:0 10px 24px rgba(15,23,42,.08); transform:translateY(-50%); }
.favorite-carousel__nav--prev { right:calc(100% + -5px); }
.favorite-carousel__nav--next { left:calc(100% + -5px); }
.favorite-carousel__nav:hover { box-shadow:0 14px 28px rgba(15,23,42,.12); }
.favorite-carousel__nav:disabled { opacity:.4; cursor:default; box-shadow:none; }
.favorite-empty { display:none; padding:28px; border:1px dashed #dbe3ea; border-radius:18px; background:#f8fafc; text-align:center; color:#64748b; font-weight:600; }
@media (max-width:1400px) { .favorite-carousel__nav--prev { right:calc(100% + 12px); } }
@media (max-width:1400px) { .favorite-carousel__nav--next { left:calc(100% + 12px); } }
@media (max-width:1200px) { .favorite-carousel__item { flex:0 0 calc((100% - 36px) / 3); width:calc((100% - 36px) / 3); min-width:calc((100% - 36px) / 3); max-width:calc((100% - 36px) / 3); } }
@media (max-width:900px) { .favorites-page { padding:0 16px; } }
@media (max-width:900px) { .favorite-category { padding:18px; } }
@media (max-width:900px) { .favorite-category__head { flex-direction:column; align-items:flex-start; } }
@media (max-width:900px) { .favorite-carousel__nav { display:none; } }
@media (max-width:900px) { .favorite-carousel__item { flex:0 0 calc((100% - 18px) / 2); width:calc((100% - 18px) / 2); min-width:calc((100% - 18px) / 2); max-width:calc((100% - 18px) / 2); } }
@media (max-width:640px) { .favorite-carousel__item { flex:0 0 100%; width:100%; min-width:100%; max-width:100%; } }

.favorite-confirm-open { overflow:hidden; }
.favorite-confirm { position:fixed; inset:0; z-index:1000; }
.favorite-confirm__backdrop { position:absolute; inset:0; background:rgba(15,23,42,.38); }
.favorite-confirm__dialog { position:relative; width:100%; max-width:360px; margin:0 auto; top:50%; transform:translateY(-50%); background:#fff; border:1px solid #e5e7eb; border-radius:20px; padding:22px; box-shadow:0 24px 60px rgba(15,23,42,.22); }
.favorite-confirm__title { font-size:20px; font-weight:800; color:#0f172a; line-height:1.3; }
.favorite-confirm__text { margin-top:8px; font-size:14px; color:#64748b; line-height:1.6; }
.favorite-confirm__actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }
.favorite-confirm__btn { display:inline-flex; align-items:center; justify-content:center; min-width:118px; height:44px; padding:0 16px; border:0; border-radius:12px; background:#2563eb; color:#fff; font-size:14px; font-weight:700; cursor:pointer; }
.favorite-confirm__btn--ghost { background:#eff6ff; color:#1d4ed8; }