/* developed by web-premium.ir */

.hmyt-tpl-digikala .hmyt-dk-header {
    padding: 6px 0 0;
    margin-bottom: 22px;
}
.hmyt-tpl-digikala .hmyt-dk-header-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 19px;
    font-weight: 700;
    color: #1f2d3d;
}
.hmyt-tpl-digikala .hmyt-dk-count {
    background: var(--hmyt-comment-primary, #ef4056);
    color: #fff;
    min-width: 25px;
    height: 25px;
    padding: 0 6px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.hmyt-tpl-digikala .hmyt-dk-header-line {
    width: 32px;
    height: 3px;
    background: var(--hmyt-comment-primary, #ef4056);
    border-radius: 3px;
    margin-top: 10px;
}


.hmyt-tpl-digikala .hmyt-dk-layout {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 32px;
}
.hmyt-tpl-digikala .hmyt-dk-main {
    flex: 1;
    min-width: 0;
}
.hmyt-tpl-digikala .hmyt-dk-sidebar {
    width: 250px;
    flex-shrink: 0;
    position: sticky;
    top: 160px;
    align-self: flex-start;
}


.hmyt-tpl-digikala .hmyt-dk-sidebar-inner {
    display: flex;
    flex-direction: column;
}
.hmyt-tpl-digikala .hmyt-dk-rate-num {
    display: flex;
    align-items: baseline;
    gap: 6px;
}
.hmyt-tpl-digikala .hmyt-dk-rate-value {
    font-size: 34px;
    font-weight: 800;
    color: #1f2d3d;
    line-height: 1;
}
.hmyt-tpl-digikala .hmyt-dk-rate-of {
    font-size: 14px;
    color: #7d8a9c;
}
.hmyt-tpl-digikala .hmyt-dk-rate-total {
    font-size: 12px;
    color: #95a3b3;
}
.hmyt-tpl-digikala .hmyt-dk-sidebar-cta {
    font-size: 13px;
    color: #54667a;
    margin-bottom: 10px;
}
.hmyt-tpl-digikala .hmyt-dk-submit-btn {
    width: 100%;
    padding: 11px 16px;
    border-radius: 10px;
    border: 1.5px solid var(--hmyt-comment-primary, #ef4056);
    background: #fff;
    color: var(--hmyt-comment-primary, #ef4056);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: all .2s ease;
}
.hmyt-tpl-digikala .hmyt-dk-submit-btn:hover {
    background: var(--hmyt-comment-primary, #ef4056);
    color: #fff;
}


.hmyt-tpl-digikala .hmyt-dk-starbar {
    position: relative;
    display: inline-flex;
    margin-top: 8px;
    direction: ltr;
    line-height: 0;
}
.hmyt-tpl-digikala .hmyt-dk-starbar-empty,
.hmyt-tpl-digikala .hmyt-dk-starbar-fill {
    display: flex;
    flex-wrap: nowrap;
}
.hmyt-tpl-digikala .hmyt-dk-starbar-empty svg,
.hmyt-tpl-digikala .hmyt-dk-starbar-fill svg {
    display: block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.hmyt-tpl-digikala .hmyt-dk-starbar-empty {
    color: #e3e8ef;
}

.hmyt-tpl-digikala .hmyt-dk-starbar-clip {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
}

.hmyt-tpl-digikala .hmyt-dk-starbar-fill {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffb900;
}


.hmyt-tpl-digikala .hmyt-dk-sort {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 12px 0;
    margin-bottom: 12px;
    border-bottom: 1px solid #f1f4f8;
}
.hmyt-tpl-digikala .hmyt-dk-sort-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #54667a;
    flex-shrink: 0;
}
.hmyt-tpl-digikala .hmyt-dk-sort-label svg {
    width: 20px;
    height: 20px;
}
.hmyt-tpl-digikala .hmyt-dk-sort-list {
    display: flex;
    align-items: center;
    gap: 18px;
}
.hmyt-tpl-digikala .hmyt-dk-sort-list .filter-btn {
    font-size: 13px;
    color: #8a98a8;
    cursor: pointer;
    margin: 0;
    transition: color .2s ease;
}
.hmyt-tpl-digikala .hmyt-dk-sort-list .filter-btn:hover {
    color: #54667a;
}
.hmyt-tpl-digikala .hmyt-dk-sort-list .filter-btn.active {
    color: var(--hmyt-comment-primary, #ef4056);
    font-weight: 700;
}
.hmyt-tpl-digikala .hmyt-dk-sort-count {
    margin-right: auto;
    font-size: 13px;
    color: #95a3b3;
    white-space: nowrap;
}


.hmyt-tpl-digikala #comment-list .hmyt-comment-wrapper {
    padding: 0;
    gap: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
}
.hmyt-tpl-digikala #comment-list .hmyt-comment-wrapper.hmyt-is-pinned {
    margin-bottom: 16px;
    box-shadow: none !important;
}

.hmyt-tpl-digikala #comment-list .hmyt-dkc {
    border-top: none;
    padding: 15px 4px;
}
.hmyt-tpl-digikala #comment-list .hmyt-dkc:nth-child(1) {
    padding-top: 8px;
}


.hmyt-tpl-digikala .hmyt-dkc .hmyt-dkc {
    margin: 4px 28px 0 0;
    padding: 16px 18px;
    border-top: none;
    border-right: 2px solid #eef1f5;
    background: #fafbfd;
    border-radius: 10px;
}


.hmyt-tpl-digikala .hmyt-dkc-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}
.hmyt-tpl-digikala .hmyt-dkc-user {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.hmyt-tpl-digikala .hmyt-dkc-avatar {
    position: relative;
    flex-shrink: 0;
    line-height: 0;
}
.hmyt-tpl-digikala .hmyt-dkc-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    object-fit: cover;
}
.hmyt-tpl-digikala .hmyt-dkc-avatar .comment-tick {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #37e75b;
    background: #fff;
}
.hmyt-tpl-digikala .hmyt-dkc-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}
.hmyt-tpl-digikala .hmyt-dkc-author {
    font-weight: 700;
    font-size: 14px;
    color: #3e4a59;
}
.hmyt-tpl-digikala .hmyt-dk-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #e0e0e2;
    display: inline-block;
}
.hmyt-tpl-digikala .hmyt-dkc-date {
    font-size: 12px;
    color: #95a3b3;
    white-space: nowrap;
    flex-shrink: 0;
}


.hmyt-tpl-digikala .hmyt-dkc-name .comment-label {
    padding: 2px 9px;
    font-size: 10px;
    font-weight: 600;
    border-radius: 15px;
    border: none;
}
.hmyt-tpl-digikala .hmyt-dkc-name .comment-label.type-3 {
    background: rgba(76, 175, 80, .1);
    color: #1f9d57;
}
.hmyt-tpl-digikala .hmyt-dkc-name .comment-label.type-2 {
    background: #fff1f2;
    color: #ff4f5d;
}
.hmyt-tpl-digikala .hmyt-dkc-name .comment-label.pending {
    background: #fff5e9;
    color: #f0941f;
}
.hmyt-tpl-digikala .hmyt-dkc-name .comment-label.pinned-badge {
    background: #eef2fb;
    color: #0f3072;
    gap: 3px;
}


.hmyt-tpl-digikala .hmyt-dk-stars {
    display: inline-flex;
    gap: 2px;
    direction: ltr;
    margin-bottom: 10px;
    line-height: 0;
}
.hmyt-tpl-digikala .hmyt-dk-stars span {
    display: inline-flex;
    color: #e3e8ef;
}
.hmyt-tpl-digikala .hmyt-dk-stars span svg {
    width: 18px;
    height: 18px;
}
.hmyt-tpl-digikala .hmyt-dk-stars span.is-filled {
    color: #ffb900;
}


.hmyt-tpl-digikala .hmyt-dkc-text {
    line-height: 2;
    color: #3e4a59;
    font-size: 14px;
}
.hmyt-tpl-digikala .hmyt-dkc-text p {
    margin: 0;
}


.hmyt-tpl-digikala .hmyt-dk-footer {
    display: flex;
	align-items: center;
    justify-content: space-between;
	gap: 12px;
    margin-top: 14px;
}
.hmyt-tpl-digikala .hmyt-dk-footer-purchase {
	min-width: 0;
}
.hmyt-tpl-digikala .hmyt-dk-footer-purchase .hmyt-comment-purchase {
	margin: 0;
}
.hmyt-tpl-digikala .hmyt-dk-footer-actions {
    display: flex;
	flex: 0 0 auto;
    align-items: center;
    gap: 6px;
}


.hmyt-tpl-digikala .hmyt-vote-container {
    gap: 6px;
}
.hmyt-tpl-digikala .hmyt-vote-btn {
    flex-direction: row-reverse;
    border: none;
    background: transparent;
    border-radius: 8px;
    padding: 5px 8px;
    color: #54667a;
}
.hmyt-tpl-digikala .hmyt-vote-btn:hover {
    background: #f4f6f9;
    border-color: transparent;
}


.hmyt-tpl-digikala .hmyt-dk-replyto {
    margin-bottom: 10px;
    font-size: 12px;
    color: #95a3b3;
    gap: 6px;
}


@media (max-width: 900px) {
    .hmyt-tpl-digikala .hmyt-dk-layout {
        flex-direction: column;
        gap: 18px;
    }
    .hmyt-tpl-digikala .hmyt-dk-sidebar {
        position: static;
        width: 100%;
    }
    .hmyt-tpl-digikala .hmyt-dk-sidebar-inner {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px 24px;
        padding: 16px;
        border: 1px solid #f1f4f8;
        border-radius: 14px;
    }
    .hmyt-tpl-digikala .hmyt-dk-sidebar-cta {
        margin: 0;
        flex: 1;
        min-width: 140px;
    }
    .hmyt-tpl-digikala .hmyt-dk-submit-btn {
        width: auto;
        min-width: 160px;
    }
    .hmyt-tpl-digikala .hmyt-dk-rate-total {
        margin: 0;
    }
}

@media (max-width: 600px) {
    .hmyt-tpl-digikala .hmyt-dk-sort {
        flex-wrap: wrap;
        gap: 12px;
    }
    .hmyt-tpl-digikala .hmyt-dk-sort-list {
        gap: 14px;
    }
    .hmyt-tpl-digikala .hmyt-dk-sort-count {
        width: 100%;
        margin-right: 0;
    }
    .hmyt-tpl-digikala .hmyt-dkc .hmyt-dkc {
        margin-right: 12px;
    }
}


body.dark .hmyt-tpl-digikala .hmyt-dk-header-title,
body.dark .hmyt-tpl-digikala .hmyt-dk-rate-value {
    color: #fff;
}
body.dark .hmyt-tpl-digikala .hmyt-dkc-author,
body.dark .hmyt-tpl-digikala .hmyt-dkc-text {
    color: #e6e9ef;
}
body.dark .hmyt-tpl-digikala .hmyt-dk-rate-of,
body.dark .hmyt-tpl-digikala .hmyt-dkc-date,
body.dark .hmyt-tpl-digikala .hmyt-dk-rate-total,
body.dark .hmyt-tpl-digikala .hmyt-dk-sidebar-cta,
body.dark .hmyt-tpl-digikala .hmyt-dk-sort-count {
    color: #aab3c0;
}
body.dark .hmyt-tpl-digikala #comment-list .hmyt-comment-wrapper,
body.dark .hmyt-tpl-digikala .hmyt-dk-sort,
body.dark .hmyt-tpl-digikala .hmyt-dkc .hmyt-dkc {
    border-color: #313143;
}
body.dark .hmyt-tpl-digikala .hmyt-dkc .hmyt-dkc {
    background: #2b2b37;
    border-right-color: #3a3a4a;
}
body.dark .hmyt-tpl-digikala #comment-list .hmyt-comment-wrapper.hmyt-is-pinned {
    background: #2b2b3a;
    border-color: #3a3f55;
}
body.dark .hmyt-tpl-digikala .hmyt-dk-starbar-empty,
body.dark .hmyt-tpl-digikala .hmyt-dk-stars span {
    color: #41414f;
}
body.dark .hmyt-tpl-digikala .hmyt-vote-btn:hover {
    background: #313143;
}
body.dark .hmyt-tpl-digikala .hmyt-dk-submit-btn {
    background: transparent;
}



#comment-floating-btn.hmyt-tpl-digikala {
    display: none !important;
}
.comment-floating-btn.hmyt-tpl-digikala {
    background: var(--hmyt-comment-primary, #ef4056);
    color: #fff;
    box-shadow: 0 8px 22px rgba(var(--hmyt-comment-primary-rgb, 239, 64, 86), .38);
}
.comment-floating-btn.hmyt-tpl-digikala > span {
    color: #fff;
    opacity: 1;
}
.comment-floating-btn.hmyt-tpl-digikala:active {
    background: #d92f44;
}
body.dark .comment-floating-btn.hmyt-tpl-digikala {
    background: var(--hmyt-comment-primary, #ef4056);
    color: #fff;
}



.hmyt-tpl-digikala .hmyt-dk-mobile { display: none; }
.hmyt-dk-sheet { display: none; }

@media (max-width: 768px) {

    .hmyt-tpl-digikala #comment-list .hmyt-dkc-row {
        gap: 8px;
        margin-bottom: 8px;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dkc-user {
        gap: 7px;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dkc-avatar img {
        width: 32px;
        height: 32px;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dkc-avatar .comment-tick {
        right: -1px;
        bottom: -1px;
        width: 13px;
        height: 13px;
        border-width: 1px;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dkc-name {
        gap: 4px;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dkc-author {
        font-size: 12px;
        line-height: 1.6;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dkc-date {
        font-size: 10px;
        line-height: 1.5;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dkc-name .comment-label {
        padding: 1px 6px;
        border-radius: 999px;
        font-size: 9px;
        line-height: 1.6;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dkc-name .comment-label.pinned-badge {
        gap: 2px;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dkc-name .comment-label.pinned-badge svg {
        width: 11px;
        height: 11px;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dk-dot {
        width: 3px;
        height: 3px;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dk-stars {
        gap: 1px;
        margin-bottom: 7px;
    }
    .hmyt-tpl-digikala #comment-list .hmyt-dk-stars span svg {
        width: 14px;
        height: 14px;
    }

   
    .hmyt-tpl-digikala .hmyt-dk-header { display: none; }
    .hmyt-tpl-digikala .hmyt-dk-layout { display: none; }
    .hmyt-tpl-digikala .hmyt-dk-mobile { display: block; }
   
    .hmyt-tpl-digikala .hmyt-dk-sort { display: none; }

   
    .hmyt-tpl-digikala .hmyt-dk-m-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
    }
    .hmyt-tpl-digikala .hmyt-dk-m-title {
        font-size: 18px;
        font-weight: 700;
        color: #1f2d3d;
        margin: 0;
    }
    .hmyt-tpl-digikala .hmyt-dk-viewall:hover { background-color: unset}
    .hmyt-tpl-digikala .hmyt-dk-viewall {
        display: flex;
        align-items: center;
        gap: 4px;
        background: none;
        border: none;
        color: #54667a;
        font-size: 13px;
        cursor: pointer;
        font-family: inherit;
        white-space: nowrap;
        padding: 0;
    }
    .hmyt-tpl-digikala .hmyt-dk-viewall .hmyt-dk-chevron { width: 16px; height: 16px; }
    .hmyt-tpl-digikala .hmyt-dk-m-rate {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 16px;
    }
	.hmyt-tpl-digikala .hmyt-dk-m-rate:has(+ .hmyt-buyer-media-strip--mobile) {
		margin-bottom: 10px;
	}
	.hmyt-tpl-digikala .hmyt-buyer-media-strip--mobile {
		margin: 0 0 18px;
	}
	.hmyt-tpl-digikala .hmyt-buyer-media-strip--mobile .hmyt-buyer-media-strip__rail {
		gap: 5px;
		padding: 1px 0 2px;
	}
	.hmyt-tpl-digikala .hmyt-buyer-media-strip--mobile button.hmyt-buyer-media-strip__thumb,
	.hmyt-tpl-digikala .hmyt-buyer-media-strip--mobile button.hmyt-buyer-media-strip__view-all {
		flex-basis: 58px;
		width: 58px;
		height: 58px;
		border-radius: 7px;
	}
    .hmyt-tpl-digikala .hmyt-dk-m-num { font-size: 22px; font-weight: 800; color: #1f2d3d; }
    .hmyt-tpl-digikala .hmyt-dk-m-star { color: #ffb900; display: inline-flex; line-height: 0; }
    .hmyt-tpl-digikala .hmyt-dk-m-star svg { width: 18px; height: 18px; }
    .hmyt-tpl-digikala .hmyt-dk-m-of { font-size: 12px; color: #95a3b3; }

   
    .hmyt-tpl-digikala .hmyt-dk-carousel {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 8px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .hmyt-tpl-digikala .hmyt-dk-carousel::-webkit-scrollbar { display: none; }
    .hmyt-tpl-digikala .hmyt-dk-carousel-cards { display: contents; }

   
    .hmyt-tpl-digikala .hmyt-dk-ai-card {
        flex: 0 0 auto;
        width: 240px;
        height: 235px;
        background: linear-gradient(135deg, #f3f0ff 0%, #eef3ff 100%);
        border-radius: 14px;
        padding: 14px;
        display: flex;
        flex-direction: column;
        cursor: pointer;
    }
    .hmyt-tpl-digikala .hmyt-dk-ai-card-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
    .hmyt-dk-ai-icon { display: inline-flex; flex-shrink: 0; line-height: 0; }
    .hmyt-tpl-digikala .hmyt-dk-ai-title { font-size: 14px; font-weight: 700; color: #6b46e5; }
    .hmyt-tpl-digikala .hmyt-dk-ai-card-text {
        font-size: 13px; line-height: 1.9; color: #54667a;
        overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
    }
    .hmyt-tpl-digikala .hmyt-dk-ai-more {
        color: #1f2d3d;
        font-size: 12px;
        text-decoration: underline;
        text-underline-offset: 4px;
        margin-top: 6px;
        display: inline-block;
        font-weight: 700;
    }
    .hmyt-tpl-digikala .hmyt-dk-ai-card-foot { margin-top: auto; }
    .hmyt-tpl-digikala .hmyt-dk-ai-badge {
        background: #fff; border: 1px solid #ececf3; color: #7d8a9c;
        font-size: 11px; padding: 4px 12px; border-radius: 20px; display: inline-block;
    }

   
    .hmyt-tpl-digikala .hmyt-dk-pcard {
        flex: 0 0 auto;
        width: 250px;
        height: 235px;
        border: 1px solid #eef1f5;
        border-radius: 12px;
        padding: 14px;
        background: #fff;
        cursor: pointer;
        margin: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .hmyt-dk-pcard-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
    .hmyt-dk-pcard-avatar { position: relative; flex-shrink: 0; line-height: 0; }
    .hmyt-dk-pcard-avatar img { width: 36px; height: 36px; border-radius: 50% !important; object-fit: cover; }
    .hmyt-dk-pcard-avatar .comment-tick {
        position: absolute; bottom: -2px; right: -2px; width: 14px; height: 14px;
        border: 2px solid #fff; border-radius: 50%; color: #37e75b; background: #fff;
    }
    .hmyt-dk-pcard-name { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; min-width: 0; }
    .hmyt-dk-pcard-author {
        font-size: 13px; font-weight: 700; color: #3e4a59;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px;
    }
    .hmyt-dk-pcard-name .comment-label {
        padding: 1px 7px; font-size: 10px; font-weight: 600; border-radius: 15px; border: none;
        background: rgba(76, 175, 80, .1); color: #1f9d57;
    }
    .hmyt-dk-pcard-name .comment-label.type-2 { background: #fff1f2; color: #ff4f5d; }
    .hmyt-tpl-digikala .hmyt-dk-pcard .hmyt-dk-stars { margin-bottom: 8px; }
    .hmyt-dk-pcard-text {
        font-size: 13px; line-height: 1.9; color: #54667a;
        display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
    }
    .hmyt-dk-pcard-foot {
        margin-top: auto; padding-top: 10px;
        display: flex; align-items: center; justify-content: space-between; gap: 8px;
    }
    .hmyt-dk-pcard-date { font-size: 12px; color: #95a3b3; }
    .hmyt-dk-pcard-votes { display: flex; align-items: center; gap: 10px; }
    .hmyt-dk-pv { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #54667a; }
    .hmyt-dk-pv svg { width: 16px; height: 16px; }

   
    .hmyt-tpl-digikala .hmyt-dk-write {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 16px;
        padding: 14px 4px;
        border-top: 1px solid #f1f4f8;
        cursor: pointer;
    }
    .hmyt-dk-write-icon {
        width: 38px; height: 38px; border-radius: 50%; background: #f4f6f9;
        display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #54667a;
    }
    .hmyt-dk-write-icon svg { width: 20px; height: 20px; }
    .hmyt-dk-write-text {flex: 1;font-size: 11px;font-weight: 700;color: #3e4a59;}
    .hmyt-dk-write-arrow { color: #54667a; display: flex; }
    .hmyt-dk-write-arrow svg {width: 18px;height: 18px;}

   
    body.hmyt-dk-comments-open #comment-floating-btn.hmyt-tpl-digikala {
        display: flex !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 999951;
        flex-direction: row-reverse;
    }

   
    .hmyt-tpl-digikala .hmyt-dk-viewall-card {
        flex: 0 0 auto;
        width: 110px;
        display: flex; flex-direction: column; align-items: center; justify-content: center;
        gap: 10px; cursor: pointer; color: #1f2d3d;
    }
    .hmyt-dk-viewall-circle {
        width: 52px; height: 52px; border-radius: 50%; border: 1px solid #d7d7d7;
        display: flex; align-items: center; justify-content: center; color: #1f2d3d;
    }
    .hmyt-dk-viewall-circle svg { width: 22px; height: 22px; }
    .hmyt-tpl-digikala .hmyt-dk-viewall-label { font-size: 13px; font-weight: 600; }
}


body.hmyt-dk-lock { overflow: hidden; }

@media (max-width: 768px) {
    .hmyt-dk-sheet {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 999951;
        visibility: hidden;
       
        transition: visibility 0s linear .3s;
    }
    body > .hmyt-dk-sheet.hmyt-dk-portal {
        z-index: 2147483000;
        isolation: isolate;
    }
    .hmyt-dk-sheet.open {
        visibility: visible;
        transition-delay: 0s;
    }

    .hmyt-dk-sheet-overlay {
        position: absolute; inset: 0;
        background: rgba(15, 23, 42, .5);
        opacity: 0; transition: opacity .3s ease;
    }
    .hmyt-dk-sheet.open .hmyt-dk-sheet-overlay { opacity: 1; }

    .hmyt-dk-sheet-panel {
        position: absolute; left: 0; right: 0; bottom: 0;
        background: #fff;
        border-radius: 18px 18px 0 0;
        transform: translateY(100%);
        transition: transform .3s cubic-bezier(.2, .8, .2, 1);
        max-height: 88vh;
        display: flex; flex-direction: column;
    }
    .hmyt-dk-sheet.open .hmyt-dk-sheet-panel { transform: translateY(0); }

    .hmyt-dk-sheet-full .hmyt-dk-sheet-panel {
        top: 0; bottom: 0; max-height: none; border-radius: 0;
    }

    .hmyt-dk-sheet-head > .hmyt-dk-sheet-close {
        min-height: unset; background: none; border: none; cursor: pointer; padding: 5px; color: #54667a; display: flex;
    }
    .hmyt-dk-sheet-head > .hmyt-dk-sheet-close:hover {
        background: none
     }

    .hmyt-dk-sheet-head {
        display: flex; align-items: center; justify-content: space-between; gap: 10px;
        padding: 14px 16px; border-bottom: 7px solid #f1f4f8; flex-shrink: 0;
    }
    .hmyt-dk-sheet-title { font-weight: 700; font-size: 15px; color: #1f2d3d; }
    .hmyt-dk-sheet-actions { display: flex; align-items: center; gap: 4px; }
    .hmyt-dk-sheet-actions > .hmyt-dk-sheet-close {
        min-height: unset; background: none; border: none; cursor: pointer; padding: 5px; color: #54667a; display: flex;
    }
        .hmyt-dk-sheet-actions > .hmyt-dk-sheet-sort {
        min-height: unset; background: none; border: none; cursor: pointer; padding: 5px; color: #54667a; display: flex;
    }
    .hmyt-dk-sheet-actions > .hmyt-dk-sheet-sort:hover {
        background: none
     }
    .hmyt-dk-sheet-actions > .hmyt-dk-sheet-close:hover {
        background: none
     }
    .hmyt-dk-sheet-close svg, .hmyt-dk-sheet-sort svg { width: 22px; height: 22px; }
    .hmyt-dk-sheet-body { overflow-y: auto; padding: 16px; flex: 1; -webkit-overflow-scrolling: touch; }

   
    .hmyt-dk-modal-rate { padding-bottom: 16px; margin-bottom: 8px; border-bottom: 1px solid #f1f4f8; }

   
    .hmyt-dk-sort-options { padding: 4px 0 8px; }
    .hmyt-dk-sort-option {
        padding: 16px; font-size: 15px; color: #1f2d3d; cursor: pointer;
        border-bottom: 1px solid #f4f6f9; display: flex; align-items: center; justify-content: space-between;
    }
    .hmyt-dk-sort-option:last-child { border-bottom: none; }
    .hmyt-dk-sort-option.active { color: #0f3072; font-weight: 700; }
    .hmyt-dk-sort-option .hmyt-dk-check { opacity: 0; flex-shrink: 0; color: #0f3072; }
    .hmyt-dk-sort-option.active .hmyt-dk-check { opacity: 1; }

   
    .hmyt-dk-sheet-full .hmyt-dk-main { width: 100%; }

   
    body.dark .hmyt-dk-sheet-panel { background: #262631; }
    body.dark .hmyt-dk-sheet-head,
    body.dark .hmyt-dk-modal-rate,
    body.dark .hmyt-dk-sort-option { border-color: #313143; }
    body.dark .hmyt-dk-sheet-title,
    body.dark .hmyt-dk-sort-option { color: #fff; }
    body.dark .hmyt-tpl-digikala .hmyt-dk-pcard { background: #262631; border-color: #313143; }
    body.dark .hmyt-tpl-digikala .hmyt-dk-ai-badge { background: #2b2b37; border-color: #3a3a4a; }
}



.hmyt-dkai-lottie {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    color: #6000d9;
}

.hmyt-dkai-lottie svg {
    display: block;
    width: 32px;
    height: 32px;
    overflow: visible;
    animation: hmyt-dkai-spark 2.4s ease-in-out infinite;
    transform-origin: center;
}

@keyframes hmyt-dkai-spark {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .78; transform: scale(.9) rotate(-4deg); }
}

@media (prefers-reduced-motion: reduce) {
    .hmyt-dkai-lottie svg { animation: none; }
}



.hmyt-tpl-digikala .hmyt-dk-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 50px 20px;
    text-align: center;
}
.hmyt-dk-empty-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #f4f6f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9fb0c8;
}
.hmyt-dk-empty-icon svg { width: 28px; height: 28px; }
.hmyt-dk-empty-text { font-size: 14px; color: #7d8a9c; }
body.dark .hmyt-dk-empty-icon { background: #2b2b37; color: #6b7585; }
body.dark .hmyt-dk-empty-text { color: #9aa6b5; }



.hmyt-tpl-digikala .hmyt-dk-counters {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: #eff3f8;
}
.hmyt-tpl-digikala .hmyt-dk-counter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 40px;
    margin: 0;
    padding: 0 10px;
}
.hmyt-tpl-digikala .hmyt-dk-counter + .hmyt-dk-counter {
	border-top: 4px solid #e9edf2;
}
.hmyt-tpl-digikala .hmyt-dk-counter-num {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	min-height: 24px;
	margin: 0;
	padding: 1px 7px;
	border-radius: 999px;
	background: #fff;
	color: #3f4248;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.6;
}
.hmyt-tpl-digikala .hmyt-dk-counter-title {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #62666d;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.7;
}
.hmyt-tpl-digikala .hmyt-dk-counter-dot {
	display: block;
	flex: 0 0 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #b7bac0;
}
.hmyt-tpl-digikala .hmyt-dk-counter--buyers .hmyt-dk-counter-dot {
	background: #27ae60;
}
.hmyt-tpl-digikala .hmyt-dk-counter--buyers .hmyt-dk-counter-num {
	color: #23804a;
}
body.dark .hmyt-tpl-digikala .hmyt-dk-counters { background: #272731; }
body.dark .hmyt-tpl-digikala .hmyt-dk-counter + .hmyt-dk-counter { border-color: #383844; }
body.dark .hmyt-tpl-digikala .hmyt-dk-counter-num { background: #32323d; color: #f0f1f3; }
body.dark .hmyt-tpl-digikala .hmyt-dk-counter-title { color: #c7c9ce; }
body.dark .hmyt-tpl-digikala .hmyt-dk-counter--buyers .hmyt-dk-counter-num { color: #69d391; }



.hmyt-tpl-digikala .hmyt-dk-empty-cta {
    display: flex;
    justify-content: center;
    margin-top: 4px;
    padding-bottom: 30px;
}
.hmyt-tpl-digikala .hmyt-dk-empty-cta .hmyt-dk-submit-btn {
    width: auto;
    min-width: 230px;
}

.hmyt-dk-footer .comment-reply-btn svg {
    width: 17px;
    height: 17px;
}

.hmyt-tpl-digikala #comment-list .hmyt-comment-wrapper:last-child {
    border-bottom: none !important;
}