/* Vitrin: arzu siyahısı və müqayisə (kart düymələri, başlıq sayğacı, «Arzu siyahım» səhifəsi). */

/* ---- Kartdakı ürək: siyahıdadırsa qırmızı ---- */
#latest-products-list .product-block-inner .image .top-btn .wishlist.is-active,
.top-btn .wishlist.is-active {
    background: #dc2626 !important;
    border-color: transparent !important;
}
#latest-products-list .product-block-inner .image .top-btn .wishlist.is-active i,
.top-btn .wishlist.is-active i { color: #fff !important; }
.top-btn button.is-busy, .pz-qv__sec.is-busy, .ppx-secondary button.is-busy { opacity: .55; pointer-events: none; }

/* ---- Başlıqdakı ürək sayğacı (səbət sayğacı ilə eyni görünüş) ---- */
.pz-topbar__icon.pz-wish { position: relative; padding: 4px; }
.pz-wish__badge {
    position: absolute; top: -4px; right: -7px; min-width: 17px; height: 17px; padding: 0 4px;
    font-size: 10px; font-weight: 700; line-height: 17px; text-align: center; border-radius: 999px;
    background: #dc2626; color: #fff; display: none;
}
.pz-wish__badge.has-items { display: inline-block; }

/* ---- Məhsul səhifəsindəki düymələr: aktiv hal ---- */
.ppx-secondary button.wishlist.is-active { border-color: #fecaca; background: #fef2f2; color: #dc2626; }
.ppx-secondary button.wishlist.is-active i { color: #dc2626; }

/* ---- «Arzu siyahım» səhifəsi ---- */
.pz-wl { padding: 28px 0 48px; }
.pz-wl__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.pz-wl__head h1 { margin: 0; font-size: 26px; font-weight: 800; color: #0f172a; }
.pz-wl__head small { color: #64748b; font-size: 14px; }
.pz-wl__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.pz-wl__card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #e2e8f0;
    border-radius: 14px; overflow: hidden; transition: box-shadow .15s ease, opacity .2s ease; }
.pz-wl__card:hover { box-shadow: 0 12px 28px rgba(15, 23, 42, .1); }
.pz-wl__card.is-removing { opacity: .35; pointer-events: none; }
.pz-wl__img { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 14px; background: #fff; }
.pz-wl__img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.pz-wl__remove { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #fecaca;
    background: #fff; color: #dc2626; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.pz-wl__remove:hover { background: #dc2626; color: #fff; }
.pz-wl__body { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 14px; border-top: 1px solid #f1f5f9; flex: 1; }
.pz-wl__store { font-size: 12px; color: #64748b; }
.pz-wl__name { font-size: 15px; font-weight: 700; line-height: 1.35; color: #0f172a; overflow-wrap: anywhere; }
.pz-wl__name:hover { color: #1e2a78; }
.pz-wl__price { margin-top: auto; font-size: 18px; font-weight: 800; color: #1e2a78; }
.pz-wl__price s { font-size: 13px; font-weight: 400; color: #94a3b8; margin-left: 6px; }
.pz-wl__state { font-size: 12px; font-weight: 600; }
.pz-wl__state.is-in { color: #15803d; }
.pz-wl__state.is-out { color: #b91c1c; }
.pz-wl__cart { height: 40px; border: 0; border-radius: 10px; background: #1e2a78; color: #fff; font-weight: 700; cursor: pointer; }
.pz-wl__cart:hover { background: #16205e; }
.pz-wl__cart[disabled] { background: #cbd5e1; cursor: not-allowed; }
.pz-wl__empty { text-align: center; padding: 60px 20px; border: 1px dashed #cbd5e1; border-radius: 16px; background: #fff; }
.pz-wl__empty > i { font-size: 44px; color: #fca5a5; }
.pz-wl__empty h2 { font-size: 20px; font-weight: 800; margin: 14px 0 6px; color: #0f172a; }
.pz-wl__empty p { color: #64748b; margin-bottom: 16px; }
.pz-wl__btn { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 10px;
    background: #1e2a78; color: #fff !important; font-weight: 700; text-decoration: none !important; }
.pz-wl__pager { margin-top: 22px; }
@media (max-width: 480px) {
    .pz-wl__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .pz-wl__name { font-size: 13px; }
    .pz-wl__price { font-size: 15px; }
}

/* ---- Müqayisə düyməsi: siyahıdadırsa mavi ---- */
#latest-products-list .product-block-inner .image .top-btn .compare.is-active,
.top-btn .compare.is-active {
    background: #1e2a78 !important;
    border-color: transparent !important;
}
#latest-products-list .product-block-inner .image .top-btn .compare.is-active i,
.top-btn .compare.is-active i { color: #fff !important; }
.pz-qv__sec.compare.is-active,
.ppx-secondary button.compare.is-active { border-color: #c7d2fe; background: #eef2ff; color: #1e2a78; }
.ppx-secondary button.compare.is-active i { color: #1e2a78; }
html.pz-qv-open .swal2-container { z-index: 10100 !important; }

/* ---- Alt zolaq ---- */
.pz-cmpbar[hidden] { display: none; }
.pz-cmpbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1040; background: #fff;
    border-top: 1px solid #e2e8f0; box-shadow: 0 -10px 30px rgba(15, 23, 42, .12); }
.pz-cmpbar__inner { max-width: 1170px; margin: 0 auto; padding: 10px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.pz-cmpbar__title { font-size: 14px; color: #0f172a; }
.pz-cmpbar__slots { display: flex; gap: 8px; flex: 1 1 auto; }
.pz-cmpbar__slot { position: relative; width: 52px; height: 52px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff;
    display: inline-flex; align-items: center; justify-content: center; }
.pz-cmpbar__slot img { max-width: 44px; max-height: 44px; object-fit: contain; }
.pz-cmpbar__slot.is-empty { border-style: dashed; background: #f8fafc; }
.pz-cmpbar__slot button { position: absolute; top: -7px; right: -7px; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%;
    background: #0f172a; color: #fff; font-size: 14px; line-height: 20px; cursor: pointer; }
.pz-cmpbar__actions { display: flex; gap: 8px; align-items: center; }
.pz-cmpbar__go { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border-radius: 10px; background: #1e2a78;
    color: #fff !important; font-weight: 700; text-decoration: none !important; }
.pz-cmpbar__go.is-disabled { background: #cbd5e1; color: #475569 !important; }
.pz-cmpbar__clear { height: 40px; padding: 0 14px; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #334155; cursor: pointer; }
@media (max-width: 600px) {
    .pz-cmpbar__inner { gap: 8px; padding: 8px 12px; }
    .pz-cmpbar__title { width: 100%; font-size: 13px; }
    .pz-cmpbar__slots { flex: 0 0 auto; gap: 7px; }
    .pz-cmpbar__slot { width: 40px; height: 40px; }
    .pz-cmpbar__slot img { max-width: 32px; max-height: 32px; }
    .pz-cmpbar__clear span { display: none; }
    .pz-cmpbar__actions { margin-left: auto; }
    .pz-cmpbar__go { height: 36px; padding: 0 12px; font-size: 13px; }
    .pz-cmpbar__clear { height: 36px; padding: 0 10px; font-size: 13px; }
}

/* ---- «Müqayisə» səhifəsi ---- */
.pz-cmp { padding: 28px 0 48px; }
.pz-cmp__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.pz-cmp__head h1 { margin: 0; font-size: 26px; font-weight: 800; color: #0f172a; }
.pz-cmp__head small { color: #64748b; font-size: 14px; }
.pz-cmp__tools { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.pz-cmp__diff { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 600; color: #334155; cursor: pointer; }
.pz-cmp__clear { height: 38px; padding: 0 14px; border: 1px solid #fecaca; border-radius: 10px; background: #fff; color: #dc2626; font-weight: 600; cursor: pointer; }
.pz-cmp__hint { padding: 10px 14px; border-radius: 10px; background: #eff6ff; color: #1e40af; }
.pz-cmp__scroll { overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; }
.pz-cmp__table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 640px; }
.pz-cmp__table th, .pz-cmp__table td { padding: 12px 14px; border-bottom: 1px solid #f1f5f9; vertical-align: top; text-align: left; font-size: 14px; }
.pz-cmp__table tbody tr:last-child th, .pz-cmp__table tbody tr:last-child td { border-bottom: 0; }
.pz-cmp__label { position: sticky; left: 0; z-index: 1; width: 170px; min-width: 130px; background: #f8fafc; color: #475569; font-weight: 700; }
.pz-cmp__prod { position: relative; min-width: 200px; text-align: center !important; }
.pz-cmp__img { display: flex; align-items: center; justify-content: center; height: 150px; margin: 6px 0 10px; }
.pz-cmp__img img { max-width: 100%; max-height: 150px; object-fit: contain; }
.pz-cmp__name { display: block; min-height: 40px; font-weight: 700; color: #0f172a; overflow-wrap: anywhere; }
.pz-cmp__remove { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; padding: 0; border: 1px solid #e2e8f0; border-radius: 50%;
    background: #fff; color: #64748b; font-size: 18px; line-height: 28px; cursor: pointer; }
.pz-cmp__remove:hover { background: #dc2626; border-color: #dc2626; color: #fff; }
.pz-cmp__cart { width: 100%; height: 38px; margin-top: 8px; border: 0; border-radius: 10px; background: #1e2a78; color: #fff; font-weight: 700; cursor: pointer; }
.pz-cmp__cart[disabled] { background: #cbd5e1; cursor: not-allowed; }
.pz-cmp__price { font-size: 17px; color: #1e2a78; }
.pz-cmp__table s { display: block; color: #94a3b8; font-size: 12px; }
.pz-cmp__table td.is-text { font-size: 13px; color: #475569; line-height: 1.5; }
.pz-cmp__table tr.is-diff td { background: #fffbeb; }
.pz-cmp__table.only-diff tr.is-same { display: none; }
@media (max-width: 600px) {
    .pz-cmp__head h1 { font-size: 21px; }
    .pz-cmp__label { width: 110px; min-width: 110px; font-size: 13px; }
    .pz-cmp__prod { min-width: 160px; }
    .pz-cmp__cart { height: auto; min-height: 36px; padding: 6px 8px; font-size: 12px; line-height: 1.3; }
}
/* zolaq açıq olanda səhifənin sonu və «yuxarı» düyməsi örtülməsin */
body.has-cmpbar { padding-bottom: 84px; }
body.has-cmpbar .top_button { bottom: 96px !important; }
@media (max-width: 600px) { body.has-cmpbar { padding-bottom: 116px; } body.has-cmpbar .top_button { bottom: 128px !important; } }

/* ---- Kartda kateqoriya yolu: bir sətir; yer çatmayanda ƏSAS kateqoriya qısalır, alt kateqoriya tam qalır ---- */
#latest-products-list .product-details .caption .product-cat.pz-catpath,
.product-cat.pz-catpath { display: inline-flex !important; align-items: center; gap: 4px; max-width: 100%; white-space: nowrap;
    vertical-align: top; letter-spacing: .2px; overflow: hidden; }
.pz-catpath__root { flex: 0 1 auto; min-width: 1.6em; overflow: hidden; text-overflow: ellipsis; opacity: .7; }
.pz-catpath__sep { flex: 0 0 auto; opacity: .6; }
.pz-catpath__leaf { flex: 0 0 auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
/* başlıqdakı müqayisə ikonu — sayğac mavi */
.pz-cmpicon__badge { background: #3b82f6; }
/* dar telefonda başlıq ikonları (zəng · ürək · müqayisə · səbət) sığsın */
@media (max-width: 420px) {
    .pz-topbar__right { gap: 9px !important; }
    .pz-topbar__right .pz-topbar__icon, .pz-topbar__cart .cart-toggle { padding: 4px 2px !important; }
}
@media (max-width: 360px) {
    .pz-topbar__right { gap: 6px !important; }
}

/* ---- Hesab menyusu səhifələri (arzu siyahısı, mesajlar) sidebar ilə: məzmun sütunu doldurur ---- */
.pz-acc-page .pz-wl { padding: 0 0 40px; }
.pz-acc-page .pz-wl__grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.pz-acc-page .pz-msg-wrap,
.pz-acc-page .pz-th-wrap { max-width: none; margin: 0 0 40px; padding: 0; }
.pz-acc-page .pz-new-wrap,
.pz-acc-page .pz-esc-wrap { max-width: 680px; margin: 0 0 40px; padding: 0; }
@media (max-width: 767px) {
    .pz-acc-page .pz-wl__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}