/* container */
.special-offer-section { padding: 50px 0; }
.special-offer-container {
    background: linear-gradient(135deg, #ff00e6, #00eaff, #6a00ff);
    background-size: 400% 400%;
    animation: neonGradient 6s ease-in-out infinite;
    border-radius: 28px;
    padding: 30px;
    color: #fff;
    direction: rtl;
    border: 3px solid #00eaff;
    box-shadow: 0 0 22px #00eaff90;
    display: flex;
    justify-content: space-between;
    gap: 25px;
}

/* animated neon gradient */
@keyframes neonGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* right info */
.offer-info { width: 25%; text-align: right; }
.offer-title {
    font-family: "Vazirmatn", sans-serif;
    font-size: 34px; font-weight: 600;
    color: #00ffc8;
    text-shadow: 0 0 20px #00ffc8, 0 0 35px #00b8cc;
    margin-bottom: 25px;
}

/* countdown boxes */
.countdown { display:flex; gap:10px; }
.timer-item {
    width:75px; height:75px; border-radius:14px; padding:8px 0;
    text-align:center; font-weight:bold; color:#fff;
    display:flex; flex-direction:column; justify-content:center;
    box-shadow: 0 0 10px #00000050;
}
.timer-item strong { font-size:22px; margin-bottom:5px; }
.timer-item span { font-size:12px; opacity:0.9; }
.timer-hour { background:#b7352a; }
.timer-minute { background:#1fa76d; }
.timer-second { background:#e67a00; }

/* slider left */
.offer-slider { width:72%; overflow:hidden; position:relative; height:260px; }
.slider-track {
    display:flex; gap:15px; position:absolute; top:0; left:0;
    align-items:flex-start; white-space:nowrap;
}

/* card */
.offer-item {
    width:180px; min-width:180px; max-width:180px;
    height:250px;
    background: linear-gradient(135deg, rgba(255,255,255,0.09), rgba(0,0,0,0.15));
    border-radius:16px; padding:10px;
    display:flex; flex-direction:column; color:#fff; text-decoration:none;
    position:relative; box-sizing:border-box; transition: transform .25s ease, box-shadow .25s ease;
}
.offer-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}

/* image */
.offer-item img {
    width:100%; height:140px; object-fit:cover; border-radius:12px;
}

/* discount badge */
.discount-badge {
    position:absolute; top:8px; right:8px; background:#ff0055; padding:4px 8px;
    border-radius:8px; font-size:13px; font-weight:700;
}

/* price box stack & center */
.price-box {
    margin-top:8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-height:46px; /* reserve space so titles don't jump */
}
.old-price { text-decoration:line-through; opacity:0.75; font-size:12px; display:block; }
.new-price { color:#00ffea; font-weight:700; font-size:16px; display:block; }

/* title centered and limited lines */
.product-title {
    font-size:14px; margin-top:8px; text-align:center; line-height:1.2;
    overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}

/* responsive tweaks */
@media (max-width: 992px) {
    .special-offer-container { flex-direction:column; gap:18px; }
    .offer-info { width:100%; text-align:center; }
    .offer-slider { width:100%; height:320px; }
}