/* Padid Bundle Slider */
:root {
    --pbn-accent:  #7c3aed;
    --pbn-acc2:    #6d28d9;
    --pbn-glass:   rgba(255,255,255,.09);
    --pbn-border:  rgba(255,255,255,.16);
    --pbn-text:    #F1E8FF;
    --pbn-muted:   rgba(241,232,255,.6);
    --pbn-radius:  16px;
    --pbn-card-w:  300px;
}

.pbn-wrapper { direction:rtl; font-family:'Peyda',Tahoma,sans-serif; padding:20px 0 24px; }

/* header */
.pbn-slider-header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 4px 18px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:20px; flex-wrap:wrap; }
.pbn-slider-header-right { display:flex; align-items:center; gap:14px; }
.pbn-bundle-badge { display:inline-flex; align-items:center; gap:6px; background:linear-gradient(135deg,var(--pbn-accent),var(--pbn-acc2)); color:#fff; font-size:.78rem; font-weight:800; padding:6px 14px; border-radius:20px; box-shadow:0 4px 14px rgba(124,58,237,.4); white-space:nowrap; animation:pbnPulse 2.5s ease-in-out infinite; }
@keyframes pbnPulse { 0%,100%{ box-shadow:0 4px 14px rgba(124,58,237,.4); } 50%{ box-shadow:0 4px 22px rgba(124,58,237,.7); } }
.pbn-slider-title { font-size:1.15rem; font-weight:800; color:#fff; margin:0 0 3px; }
.pbn-slider-subtitle { font-size:.78rem; color:var(--pbn-muted); margin:0; }
.pbn-view-all { display:inline-flex; align-items:center; gap:5px; color:var(--pbn-muted); text-decoration:none; font-size:.82rem; font-weight:700; padding:7px 14px; border:1px solid var(--pbn-border); border-radius:8px; background:var(--pbn-glass); transition:all .25s; }
.pbn-view-all:hover { color:#fff; border-color:rgba(196,181,253,.5); }

/* track */
.pbn-track-outer { position:relative; display:flex; align-items:center; }
.pbn-track { display:flex; gap:16px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; padding:8px 4px 14px; flex:1; -webkit-overflow-scrolling:touch; }
.pbn-track::-webkit-scrollbar { display:none; }

/* nav */
.pbn-nav { flex-shrink:0; width:36px; height:36px; border-radius:50%; background:var(--pbn-glass); border:1.5px solid var(--pbn-border); color:var(--pbn-muted); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .25s; }
.pbn-nav:hover { background:rgba(255,255,255,.16); border-color:rgba(196,181,253,.5); color:#fff; }
.pbn-nav:disabled { opacity:.3; cursor:not-allowed; }
.pbn-nav-next { transform:scaleX(-1); }

/* dots */
.pbn-dots { display:flex; justify-content:center; gap:6px; margin-top:12px; }
.pbn-dot { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.2); cursor:pointer; transition:all .3s; }
.pbn-dot.active { background:var(--pbn-accent); width:20px; border-radius:3px; box-shadow:0 0 8px var(--pbn-accent); }

/* ── کارت باندل ── */
.pbn-card-wrap { flex:0 0 var(--pbn-card-w); width:var(--pbn-card-w); }
.pbn-bundle-card { background:var(--pbn-glass); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border:1px solid var(--pbn-border); border-radius:var(--pbn-radius); position:relative; overflow:hidden; transition:transform .3s,box-shadow .3s,border-color .25s; height:100%; }
.pbn-bundle-card:hover { transform:translateY(-6px); box-shadow:0 18px 44px rgba(0,0,0,.3); border-color:rgba(196,181,253,.4); }

/* ribbon — طراحی کاربر */
.pbn-ribbon { position:absolute; top:0; right:0; width:80px; height:80px; overflow:hidden; z-index:4; pointer-events:none; }
.pbn-ribbon span {
    position: absolute;
    top: 5px;
    right: -30px;
    width: 100px;
    background: linear-gradient(135deg, #e30613, #c0000f);
    color: #fff;
    font-size: 1rem;
    direction: ltr;
    font-weight: 900;
    text-align: center;
    padding: 4px 0;
    letter-spacing: .5px;
    transform: rotate(45deg);
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    line-height: 1.4;
    border: 1px;
    border-style: dashed;
}

/* grid تصاویر */
.pbn-products-grid { display:grid; gap:2px; padding:16px 14px 10px; background:rgba(0,0,0,.15); }
.pbn-grid-2 { grid-template-columns:1fr 1fr; }
.pbn-grid-3 { grid-template-columns:1fr 1fr 1fr; }
.pbn-grid-4 { grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; }
.pbn-product-slot { position:relative; aspect-ratio:1; overflow:hidden; border-radius:8px; background:rgba(255,255,255,.05); }
.pbn-product-slot img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.pbn-bundle-card:hover .pbn-product-slot img { transform:scale(1.06); }
.pbn-more-slot { display:flex; align-items:center; justify-content:center; font-size:1.1rem; font-weight:800; color:var(--pbn-muted); border:1.5px dashed var(--pbn-border); }

/* body */
.pbn-card-body { padding:14px 16px 16px; }
.pbn-bundle-title { font-size:.95rem; font-weight:800; color:#fff; margin:0 0 5px; line-height:1.4; }
.pbn-bundle-desc { font-size:.75rem; color:var(--pbn-muted); margin:0 0 10px; line-height:1.6; }

/* لیست محصولات */
.pbn-product-list { list-style:none; padding:0; margin:0 0 12px; display:flex; flex-direction:column; gap:5px; }
.pbn-product-list li { display:flex; align-items:center; gap:6px; font-size:.74rem; color:#fff; }
.pbn-product-list li svg { flex-shrink:0; color:#06ff32; }
.pbn-product-list li span:last-child { margin-right:auto; color:#fff; font-size:.7rem; }

/* قیمت */
.pbn-price-block { background:rgba(0,0,0,.18); border-radius:10px; padding:12px 14px; margin-bottom:12px; text-align:center; }
.pbn-price-original { display:flex; align-items:center; justify-content:center; gap:6px; margin-bottom:8px; }
.pbn-label { font-size:.72rem; color:var(--pbn-muted); font-weight:600; }
.pbn-original-val { font-size:.82rem; color:rgba(241,232,255,.5); position:relative; display:inline-block; }
.pbn-original-val::after { content:''; position:absolute; right:-2px; left:-2px; top:45%; height:2px; background:#e30613; border-radius:1px; transform:rotate(-10deg); }
.pbn-price-final-row { display:flex; flex-direction:column; align-items:center; gap:6px; }
.pbn-final-val { font-size:1.2rem; font-weight:900; color:#4ade80; display:block; }
.pbn-final-val small { font-size:.65rem; color:var(--pbn-muted); }
.pbn-saving-badge { display:inline-flex; background:rgba(74,222,128,.12); border:1px solid rgba(74,222,128,.3); color:#4ade80; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; white-space:nowrap; }

/* تایمر */
.pbn-timer { display:flex; align-items:center; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
.pbn-timer-label { font-size:.7rem; color:var(--pbn-muted); font-weight:600; white-space:nowrap; }
.pbn-timer-units { display:flex; align-items:center; gap:4px; direction:ltr; }
.pbn-tu { display:flex; flex-direction:column; align-items:center; gap:1px; }
.pbn-tn { font-size:.95rem; font-weight:900; color:#fff; min-width:26px; text-align:center; background:rgba(0,0,0,.25); border-radius:5px; padding:2px 4px; }
.pbn-tl { font-size:.56rem; color:rgba(255,255,255,.75); font-weight:700; }
.pbn-ts { font-size:.9rem; font-weight:900; color:var(--pbn-accent); align-self:flex-start; padding-top:2px; }

/* دکمه خرید */
.pbn-buy-btn {
    width: 100% !important;
    padding: 13px 20px;
    background: linear-gradient(135deg, #e30613, #c0000f);
    border: none;
    border-radius: 10px;
    color: #ffffff !important;
    font-family: 'Peyda', Tahoma, sans-serif;
    font-size: .88rem;
    font-weight: 800;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all .3s;
    box-shadow: 0 4px 16px rgba(227,6,19,.4);
    letter-spacing: .3px;
    text-decoration: none !important;
}
.pbn-buy-btn * { color: #ffffff !important; }
.pbn-buy-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(227,6,19,.65); color: #fff !important; }
.pbn-buy-disabled { background: rgba(255,255,255,.1) !important; color: rgba(241,232,255,.4) !important; cursor: not-allowed !important; box-shadow: none !important; transform: none !important; }

/* صفحه کامل */
.pbn-page-wrap { padding:24px 0; }
.pbn-page-header { text-align:center; margin-bottom:28px; }
.pbn-page-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

@media(max-width:1200px){ .pbn-page-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:900px){ :root{--pbn-card-w:270px;} .pbn-page-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto;} .pbn-nav{display:none;} }
@media(max-width:480px){ :root{--pbn-card-w:260px;} }