:root {
    --td-black: #1C1C1C;
    --td-cream: #F5F1E9;
    --td-rose: #B76E79;
    --td-muted: #7a7a7a;
    --td-border: #e9e7e2;
    --td-rose-dark: #9d5761;
}

/* سکشن سفید و فاصله‌ها (هر دو نام) */
.td-prodstrip, .td-newest {
    padding: 32px 0;
    margin: 48px 0;
}

.td-prodstrip--plain, .td-newest--plain {
    background: #fff;
}

.td-prodstrip__header--center, .td-newest__header--center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

/* ===== عنوان وسط + Badge مایل سه‌بعدی ===== */
.td-strip-heading, .td-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
}

.td-strip-heading__text, .td-heading__text {
    font-family: Poppins, Vazirmatn, sans-serif;
    font-weight: 900;
    font-size: 2rem;
    color: var(--td-black);
    letter-spacing: .2px;
}

/* Badge مستطیلیِ کشیده با پرسپکتیو روی کل بلاک (کل دکمه + متن می‌چرخد) */
.td-strip-heading__badge, .td-heading__badge {
    position: relative;
    display: inline-block;
    padding: 10px 32px;
    color: #fff;
    font-weight: 900;
    font-size: 1.5rem;
    background: linear-gradient(140deg, var(--td-rose) 0%, #c27883 60%, var(--td-rose) 100%);
    border: 2px solid var(--td-rose-dark);
    border-radius: 10px;
    line-height: 1;
    transform-origin: right center;
    transform: perspective(600px) rotateY(-34deg) scaleX(1.28) scaleY(1.10);
    box-shadow: 0 12px 22px rgba(183, 110, 121, .22);
}

.td-strip-heading__badge::after, .td-heading__badge::after {
    content: none;
}

.td-strip-heading__badge::before, .td-heading__badge::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    box-shadow: inset -10px 0 16px -12px rgba(0, 0, 0, .22);
    pointer-events: none;
}

/* ===== استیج و فلش‌ها (بیرون اسلایدر) ===== */
.td-prodstrip__stage, .td-newest__stage {
    position: relative;
}

.td-prodstrip__swiper .swiper-slide, .td-newest__swiper .swiper-slide {
    height: auto;
}

/* فلش‌ها: گرد و رنگ تم — next راست، prev چپ */
.td-strip-prev, .td-strip-next, .td-swiper-prev, .td-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 44px;
    height: 44px;
    border: 2px solid var(--td-rose);
    background: #fff;
    color: var(--td-rose);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .06s ease;
    border-radius: 999px;
}

.td-strip-next, .td-swiper-next {
    right: 100%;
    margin-right: 14px;
}

.td-strip-prev, .td-swiper-prev {
    left: 100%;
    margin-left: 14px;
}

.td-strip-prev:hover, .td-strip-next:hover, .td-swiper-prev:hover, .td-swiper-next:hover {
    background: var(--td-rose);
    color: #fff;
    box-shadow: 0 8px 18px rgba(183, 110, 121, .25);
}

.td-strip-prev:active, .td-strip-next:active, .td-swiper-prev:active, .td-swiper-next:active {
    transform: translateY(-50%) scale(.96);
}

@media (max-width: 1200px) {
    .td-strip-next, .td-swiper-next {
        margin-right: 8px;
    }

    .td-strip-prev, .td-swiper-prev {
        margin-left: 8px;
    }
}

/* ===== CTA پایین: گرد و رنگ تم ===== */
.td-prodstrip__cta, .td-newest__cta {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

.td-btn {
    font-family: Poppins, Vazirmatn, sans-serif;
}

.td-btn--ghost {
    padding: 12px 22px;
    border: 2px solid var(--td-rose);
    background: linear-gradient(140deg, var(--td-rose) 0%, #c27883 60%, var(--td-rose) 100%);
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    transition: filter .2s ease, box-shadow .2s ease, transform .06s ease;
}

.td-btn--ghost:hover {
    filter: brightness(.93);
    box-shadow: 0 10px 22px rgba(183, 110, 121, .25);
    color: var(--color-black);
}

.td-btn--ghost:active {
    transform: scale(.98);
}

/* ===== Skeleton تصویر کارت ===== */
.td-skel-wrap .td-product-card__image-wrap {
    position: relative;
}

.td-skel-wrap .td-product-card__image-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #efede7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);
    background-size: 200% 100%;
    animation: td-skel 1.2s infinite;
    opacity: 1;
    transition: opacity .2s ease;
}

.td-skel-wrap .td-product-card__image-wrap.is-loaded::before {
    opacity: 0;
    pointer-events: none;
    animation: none;
}

@keyframes td-skel {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}