:root {
    --e24-primary: hsla(353, 100%, 57%, 1);
    --e24-text: hsla(0, 0%, 20%, 1);
    --e24-text-l-1: hsla(0, 0%, 45%, 1);
    --e24-stroke: hsla(0, 0%, 87%, 1);
    --e24-green: hsla(148, 83%, 40%, 1);
    --e24-green-l-1: hsla(148, 83%, 40%, 0.1);
    --e24-white: hsla(0, 0%, 100%, 1);
    --e24-gold: hsla(40, 88%, 41%, 1);
    --e24-gold-l-1: hsla(44, 98%, 49%, 1);
}

@font-face {
    font-family: IranSansXV;
    src: url(../fonts/IRANSansXV.woff2) format('woff2');
}
@font-face {
    font-family: IranSansX;
    src: url(../fonts/IRANSansXFaNum-Regular.woff) format('woff');
    font-weight: 400;
}
@font-face {
    font-family: IranSansX;
    src: url(../fonts/IRANSansXFaNum-Medium.woff) format('woff');
    font-weight: 500;
}
@font-face {
    font-family: IranSansX;
    src: url(../fonts/IRANSansXFaNum-Bold.woff) format('woff');
    font-weight: 700;
}
* { font-feature-settings: "ss01"; }

.e24-gasht-card-wrapper {
    max-width: 1100px;
    margin: 20px auto;
    font-family: IranSansXV, IranSansX, sans-serif;
    direction: rtl;
}

.e24-gasht-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08);
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    height: 156px;
    position: relative;
    overflow: hidden;
}

.e24-gasht-card.is-loading::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: shimmer 1.8s infinite;
    transform: translateX(-100%);
    z-index: 10;
}

@keyframes shimmer { 100% { transform: translateX(100%); } }

.e24-gasht-card.is-loading .skeleton-line { display: block; background: #eee; border-radius: 6px; height: 16px; width: 100%; }
.e24-gasht-card.is-loading .skeleton-line.title { height: 20px; width: 70%; }
.e24-gasht-card.is-loading .skeleton-line.location { width: 100px; height: 16px; }
.e24-gasht-card.is-loading .skeleton-line.rating { width: 110px; height: 32px; border-radius: 8px; }
.e24-gasht-card.is-loading .skeleton-line.address { width: 85%; }
.e24-gasht-card.is-loading .skeleton-line.discount { width: 92px; height: 24px; border-radius: 5px; }
.e24-gasht-card.is-loading .skeleton-line.price { width: 160px; height: 24px; }
.e24-gasht-card.is-loading .skeleton-line.button { border-radius: 10px; padding: 0; height: 14px !important; width: 116px; }
.e24-gasht-card.is-loading .skeleton-placeholder { width: 124px; height: 124px; background: #eee; border-radius: 10px; }
.e24-gasht-card.is-loading * { color: transparent !important; }
.e24-gasht-card.is-loading .e24-gasht-btn, .e24-gasht-card.is-loading .e24-gasht-discount { background: #eee !important; }
.e24-gasht-card.is-loading .e24-gasht-location-text::before,
.e24-gasht-card.is-loading .e24-gasht-price::before,
.e24-gasht-card.is-loading .e24-gasht-price::after,
.e24-gasht-card.is-loading .e24-gasht-discount::after { display: none !important; }

.e24-gasht-card-main { display: flex; gap: 16px; flex: 1; }
.e24-gasht-card-media img { width: 124px; height: 124px; object-fit: cover!important; border-radius: 10px; }
.e24-gasht-details-wrapper { display: flex; flex-direction: column; gap: 8px; flex: 1; }
article.e24-gasht-title { margin: 0; font-size: 18px; font-weight: 500; line-height: 32px; }
.e24-gasht-rating-wrapper { display: flex; gap: 12px; align-items: center; }
.e24-gasht-location { display: flex; align-items: center; }
span.e24-gasht-location-text { font-size: 12px; color: var(--e24-text); font-weight: 500; line-height: 24px; }
.rating-divider { width: 1px; background: var(--e24-stroke); height: 12px; }
.e24-gasht-rating { display: flex; align-items: center; gap: 8px; }
.e24-gasht-rating__inner-wrapper { display: flex; gap: 4px; font-size: 12px; line-height: 24px; }
.e24-gasht-rating__rate-wrapper { display: flex; font-weight: 500; color: var(--e24-text); }
span.e24-gasht-rate { margin-right: 4px; }
.viewers-count, .max-rate { color: var(--e24-text-l-1); }
p.e24-gasht-desc { margin: 0; font-size: 12px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.e24-gasht-divider { height: 100%; width: 1px; background-color: var(--e24-stroke); }
.e24-gasht-card-left-wrapper { display: flex; flex-direction: column; align-items: center; }
.e24-gasht-price-wrapper { display: flex; flex-direction: column; align-items: center; order: -1; }

/* نمایش تخفیف جدید */
.e24-gasht-old-price-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    flex-wrap: wrap;
    justify-content: center;
}
.e24-gasht-old-price {
    text-decoration: line-through;
    color: var(--e24-text-l-1);
    font-size: 13px;
    font-weight: 400;
}
span.e24-gasht-discount { background: var(--e24-green-l-1); color: var(--e24-green); padding: 0 8px; border-radius: 5px; font-size: 12px; font-weight: 700; line-height: 24px; margin-bottom: 8px; }
span.e24-gasht-discount:after { content: "تخفیف"; margin-right: 4px; }
.e24-gasht-price { color: var(--e24-text); font-weight: 500; font-size: 16px; line-height: 24px; margin-bottom: 16px; }
.e24-gasht-price:before { content: "از"; margin-left: 4px; font-size: 12px; color: var(--e24-text-l-1); }
.e24-gasht-price:after { margin-right: 4px; font-size: 12px; color: var(--e24-text-l-1); }
a.e24-gasht-btn { background: var(--e24-primary); color: #fff !important; padding: 8px 41px; border-radius: 10px; font-size: 14px; font-weight: 700; text-decoration: none; line-height: 24px; }

@media screen and (max-width:768px){
    .e24-gasht-price:before,.e24-gasht-price:after,span.e24-gasht-discount:after{content:'';display:none;}
    .e24-gasht-desc,.e24-gasht-divider{ display:none !important; }
    .e24-gasht-price,.e24-gasht-location-text{ margin:0 !important; padding:0; }
    .e24-gasht-card{ padding:12px; height:auto; }
    .e24-gasht-card-media img{ width:92px; height:92px; }
    article.e24-gasht-title{ font-size:16px; line-height:24px;font-weight:700; }
    .e24-gasht-price-wrapper { display: flex; flex-direction: row-reverse; align-items: center; gap: 12px; justify-content: flex-end; margin-top:4px; order:4; }
    .e24-gasht-discount{ margin:0 !important; padding:8px 0; }
    .e24-gasht-card { flex-direction: column; align-items:flex-start; }
    .e24-gasht-card-left-wrapper{ width:100%; }
    a.e24-gasht-btn { width: 100%; text-align: center; }
}