/* 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: #ee1844;
    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: #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: 20px 0;
}
.hmyt-tpl-digikala .hmyt-dk-submit-btn {
    width: 100%;
    padding: 11px 16px;
    border-radius: 10px;
    border: 1.5px solid #ef4056;
    background: #fff;
    color: #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: #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: #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;
    justify-content: flex-end;
    margin-top: 14px;
}
.hmyt-tpl-digikala .hmyt-dk-footer-actions {
    display: flex;
    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: #ef4056;
    color: #fff;
    box-shadow: 0 8px 22px rgba(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: #ef4056;
    color: #fff;
}



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

@media (max-width: 768px) {

   
    .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-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: 12px;
        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: 14px; font-weight: 700; color: #3e4a59; }
    .hmyt-dk-write-arrow { color: #54667a; display: flex; }
    .hmyt-dk-write-arrow svg { width: 22px; height: 22px; }

   
    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;
    }
    .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: 1px 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;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}
.hmyt-dkai-skeleton {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(90deg, #e9e4ff 25%, #ddd6ff 50%, #e9e4ff 75%);
    background-size: 200% 100%;
    animation: hmyt-dkai-shimmer 1.4s infinite;
    transition: opacity .3s ease;
}
@keyframes hmyt-dkai-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.hmyt-dkai-lottie dotlottie-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px !important;
    height: 32px !important;
    opacity: 0;
    transition: opacity .3s ease;
}
.hmyt-dkai-lottie.is-ready dotlottie-player { opacity: 1; }
.hmyt-dkai-lottie.is-ready .hmyt-dkai-skeleton { opacity: 0; 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;
    align-items: stretch;
    gap: 6px;
    margin: 20px 0;
}
.hmyt-tpl-digikala .hmyt-dk-counter {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}
.hmyt-tpl-digikala .hmyt-dk-counter-num {
    font-size: 20px;
    font-weight: 800;
    color: #0f3072;
    line-height: 1;
}
.hmyt-tpl-digikala .hmyt-dk-counter-title {
    font-size: 12px;
    font-weight: 600;
    color: #3e486d;
    line-height: 1.7;
}
.hmyt-tpl-digikala .hmyt-dk-counter-sep {
    width: 1px;
    background: #e8ecf3;
    align-self: stretch;
    margin: 2px 0;
    flex-shrink: 0;
}
body.dark .hmyt-tpl-digikala .hmyt-dk-counter-num { color: #9bbcff; }
body.dark .hmyt-tpl-digikala .hmyt-dk-counter-title { color: #c7cede; }
body.dark .hmyt-tpl-digikala .hmyt-dk-counter-sep { background: #313143; }



.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;
}