/* ================================================
   Digikala Style Tabs v3.2 — style.css
   ================================================ */

.dkt-wrap * { box-sizing: border-box; }
.dkt-wrap {
    direction: rtl;
    font-family: 'IRANSans','Vazir',Tahoma,Arial,sans-serif;
    color: #2d2d2d;
    margin-top: 40px;
}

/* ── موبایل/دسکتاپ ── */
@media (min-width: 769px) { .dkt-mobile-only { display: none !important; } }
@media (max-width: 768px) {
    .dkt-desktop-only { display: none !important; }
    .dkt-wrap { margin-bottom: 90px; }
    .dkt-tab { padding: 13px 12px; font-size: 13px; }
}

/* ══ Tab Bar ══ */
.dkt-tabbar { position: sticky; top: 60px !important;border-radius: 5px; z-index: 200; background: #fff; border-bottom: 1px solid #e0e0e0; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.dkt-tabbar-inner { display: flex; max-width: 1200px; margin: 0 auto; padding: 0px; overflow-x: auto; scrollbar-width: none; }
.dkt-tabbar-inner::-webkit-scrollbar { display: none; }
.dkt-tab { display: inline-flex; align-items: center; gap: 5px; padding: 3px 18px; font-size: 12px; font-weight: 500; color: #555; text-decoration: none !important; white-space: nowrap; border-bottom: 3px solid transparent; transition: color .2s, border-color .2s; flex-shrink: 0; cursor: pointer; }
.dkt-tab:hover { color: #e31c1c; }
.dkt-tab.active { color: #e31c1c; border-bottom-color: #e31c1c; font-weight: 700; }
.dkt-cnt { background: #f0f0f0; color: #888; font-size: 11px; padding: 1px 7px; border-radius: 10px; font-weight: 400; }

/* ══ Sections ══ */
.dkt-sec { padding: 24px 0; border-bottom: 8px solid #f5f5f5; }
.dkt-sec-title { font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 0 0 20px; padding-bottom: 10px; border-bottom: 2px solid #e31c1c; display: inline-flex; align-items: center; gap: 8px; }
.dkt-empty { color: #bbb; font-size: 14px; text-align: center; padding: 24px; }
.dkt-desc { line-height: 2; color: #444; font-size: 15px; }
.dkt-short { margin-top: 20px; background: #f9f9f9; border-right: 3px solid #e31c1c; padding: 16px; border-radius: 4px; line-height: 2; color: #555; font-size: 14px; }

/* ══ Custom Tab ══ */
.dkt-custom-tab-content { line-height: 2; color: #444; font-size: 15px; }
.dkt-custom-tab-content img { max-width: 100%; height: auto; border-radius: 8px; }
.dkt-custom-tab-content table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.dkt-custom-tab-content table td,.dkt-custom-tab-content table th { padding: 10px 14px; border: 1px solid #e0e0e0; text-align: right; }
.dkt-custom-tab-content table th { background: #f5f5f5; font-weight: 600; }
.dkt-custom-tab-content ul,.dkt-custom-tab-content ol { padding-right: 24px; line-height: 2.2; }
.dkt-custom-tab-content a { color: #e31c1c; }

/* ══ Specs ══ */
.dkt-specs { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.dkt-specs tr:nth-child(odd) { background: #f9f9f9; }
.dkt-specs tr:hover { background: #f0f0f0; }
.dkt-sl { padding: 13px 16px; font-size: 13px; color: #888; width: 35%; border-bottom: 1px solid #eee; font-weight: 500; }
.dkt-sv { padding: 13px 16px; font-size: 14px; color: #2d2d2d; border-bottom: 1px solid #eee; font-weight: 600; }

/* ══ Stars & Badges ══ */
.dkt-stars { display: inline-flex; gap: 2px; }
.dkt-star { font-size: 18px; color: #ddd; }
.dkt-star.full { color: #f7a827; }
.dkt-star.half { background: linear-gradient(90deg,#f7a827 50%,#ddd 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.dkt-badge-buyer { background: #e8f5e9; color: #2e7d32; font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
.dkt-badge-seller { background: #fff3e0; color: #e65100; font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 600; }

/* ══ Buttons ══ */
.dkt-btn-red { padding: 10px 22px; background: #e31c1c; color: #fff; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit; transition: background .2s; }
.dkt-btn-red:hover { background: #c41515; }
.dkt-btn-outline { padding: 11px 28px; border: 2px solid #e31c1c; border-radius: 8px; font-size: 14px; color: #e31c1c; background: #fff; cursor: pointer; font-family: inherit; font-weight: 600; transition: all .2s; }
.dkt-btn-outline:hover { background: #e31c1c; color: #fff; }
.dkt-btn-outline:disabled { opacity: .5; cursor: default; }
.dkt-block { width: 100%; }

/* ══ هدر موبایل ══ */
.dkt-mob-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.dkt-mob-hd-title { font-size: 16px; font-weight: 700; color: #1a1a1a; }
.dkt-mob-see-all { display: flex; align-items: center; gap: 4px; background: none; border: none; font-size: 13px; color: #666; cursor: pointer; font-family: inherit; padding: 0; }
.dkt-mob-arr { font-size: 18px; color: #999; }

/* ══ امتیاز موبایل ══ */
.dkt-mob-score { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.dkt-mob-score-num { font-size: 36px; font-weight: 800; color: #1a1a1a; line-height: 1; }
.dkt-mob-score-sub { font-size: 12px; color: #999; width: 100%; margin-top: 2px; }

/* ══ امتیاز دسکتاپ ══ */
.dkt-rv-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 12px; }
.dkt-rating-box { display: flex; align-items: center; gap: 32px; background: #fafafa; border: 1px solid #eee; border-radius: 12px; padding: 24px; margin-bottom: 24px; }
.dkt-rating-score { text-align: center; min-width: 90px; }
.dkt-big-score { font-size: 48px; font-weight: 800; color: #1a1a1a; line-height: 1; }
.dkt-rating-score .dkt-stars { margin: 8px 0 4px; }
.dkt-score-sub { font-size: 12px; color: #999; margin-top: 4px; }
.dkt-rating-bars { flex: 1; }
.dkt-bar-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.dkt-bar-n { font-size: 12px; color: #888; min-width: 12px; }
.dkt-bar-bg { flex: 1; height: 8px; background: #e0e0e0; border-radius: 4px; overflow: hidden; }
.dkt-bar-fill { height: 100%; background: #f7a827; border-radius: 4px; }
.dkt-bar-c { font-size: 12px; color: #888; min-width: 20px; }

/* ══ گالری ══ */
.dkt-pg { display: flex; gap: 8px; overflow-x: auto; margin-bottom: 20px; padding-bottom: 4px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.dkt-pg-thumb { width: 80px; height: 80px; border-radius: 8px; overflow: hidden; flex-shrink: 0; cursor: pointer; border: 2px solid #eee; transition: border-color .2s; }
.dkt-pg-thumb:hover { border-color: #e31c1c; }
.dkt-pg-thumb img { width: 100%; height: 100%; object-fit: cover; }
.dkt-pg-more { width: 80px; height: 80px; border-radius: 8px; background: #f0f0f0; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #888; text-align: center; flex-shrink: 0; cursor: pointer; border: 2px dashed #ddd; padding: 4px; }

/* ══ AI ══ */
.dkt-ai-box { background: linear-gradient(135deg,#f0f4ff,#faf0ff); border: 1px solid #e0e0ff; border-radius: 12px; padding: 20px; margin-bottom: 20px; }
.dkt-ai-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.dkt-ai-ic { font-size: 20px; color: #7c4dff; }
.dkt-ai-head strong { font-size: 15px; color: #4a148c; }
.dkt-ai-badge { margin-right: auto; font-size: 10px; color: #9e9e9e; border: 1px solid #ddd; padding: 2px 8px; border-radius: 10px; }
.dkt-ai-box p { font-size: 14px; color: #444; line-height: 1.8; margin: 0 0 12px; }
.dkt-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.dkt-tag { display: inline-flex; align-items: center; gap: 4px; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.dkt-tag-pro { background: #e8f5e9; color: #2e7d32; }
.dkt-tag-con { background: #fce4ec; color: #c62828; }

/* ══ اسلایدر موبایل ══ */
.dkt-slider { display: flex; gap: 12px; overflow-x: auto; padding: 4px 0 16px; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; }
.dkt-slider::-webkit-scrollbar { display: none; }

.dkt-slide { min-width: 260px; max-width: 280px; flex-shrink: 0; background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 14px; scroll-snap-align: start; box-shadow: 0 2px 8px rgba(0,0,0,.06); cursor: pointer; display: flex; flex-direction: column; gap: 10px; }
.dkt-slide-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.dkt-slide-txt { font-size: 13px; color: #444; line-height: 1.7; margin: 0; flex: 1; }
.dkt-slide-more { color: #e31c1c; font-size: 12px; font-weight: 600; }
.dkt-slide-ft { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; flex-wrap: wrap; }
.dkt-slide-empty { min-width: 200px; padding: 24px; text-align: center; color: #bbb; font-size: 13px; }

.dkt-qa-slide { min-width: 240px; max-width: 270px; }
.dkt-qa-slide-q { font-size: 13px; font-weight: 600; color: #1a1a1a; line-height: 1.6; margin: 0; }
.dkt-qa-slide-ans { background: #f9f9f9; border-radius: 8px; padding: 10px 12px; border-right: 3px solid #4caf50; }
.dkt-qa-slide-ans-hd { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; }
.dkt-qa-slide-name { font-size: 12px; color: #666; }
.dkt-qa-slide-ans-txt { font-size: 12px; color: #555; line-height: 1.6; margin: 0; }
.dkt-qa-slide-date { font-size: 11px; color: #bbb; }

/* ══ دعوت موبایل ══ */
.dkt-mob-invite { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid #f0f0f0; margin-top: 8px; }
.dkt-mob-invite-icon { flex-shrink: 0; }
.dkt-mob-invite-txt { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.dkt-mob-invite-txt strong { font-size: 13px; color: #1a1a1a; }
.dkt-mob-invite-txt span { font-size: 11px; color: #999; }
.dkt-mob-invite-btn { 
    width: 80px !important;
    font-size: 10px !important;
    height: 25px !important;
    padding: 5px !important;
    border-radius: 10px !important;
    border-radius: 50%;
    border: 1px solid #e0e0e0;
    background: #fff;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #666;
}
/* ══ دسکتاپ sort & write ══ */
.dkt-sortbar { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid #eee; margin-bottom: 16px; flex-wrap: wrap; }
.dkt-sort-lbl { font-size: 13px; color: #888; }
.dkt-sort-btns { display: flex; gap: 4px; }
.dkt-sb { padding: 6px 14px; border: 1px solid #e0e0e0; border-radius: 20px; font-size: 12px; color: #666; background: #fff; cursor: pointer; font-family: inherit; transition: all .2s; }
.dkt-sb:hover,.dkt-sb.active { background: #e31c1c; border-color: #e31c1c; color: #fff; }
.dkt-rv-total { margin-right: auto; font-size: 13px; color: #888; }
.dkt-write-prompt { display: flex; align-items: center; gap: 14px; padding: 16px; background: #fff; border: 1px solid #eee; border-radius: 10px; margin-bottom: 20px; cursor: pointer; transition: box-shadow .2s; }
.dkt-write-prompt:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.dkt-wp-ic { font-size: 28px; }
.dkt-wp-txt { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.dkt-wp-txt strong { font-size: 14px; color: #1a1a1a; }
.dkt-wp-txt span { font-size: 12px; color: #999; }
.dkt-wp-arr { font-size: 22px; color: #bbb; }

/* ══ کارت دیدگاه دسکتاپ ══ */
#dkt-rv-list { display: flex; flex-direction: column; }
.dkt-review-card { padding: 20px 0; border-bottom: 1px solid #f0f0f0; }
.dkt-rc-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 12px; }
.dkt-rc-author { display: flex; align-items: center; gap: 10px; }
.dkt-avatar { width: 40px !important; height: 40px !important; border-radius: 50% !important; }
.dkt-rc-meta { display: flex; flex-direction: column; gap: 4px; }
.dkt-rc-name { font-size: 14px; font-weight: 600; color: #1a1a1a; }
.dkt-rc-body { font-size: 14px; color: #444; line-height: 1.8; margin-bottom: 12px; }
.dkt-rc-photos { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.dkt-rc-photo { width: 64px; height: 64px; border-radius: 6px; object-fit: cover; cursor: pointer; border: 1px solid #eee; transition: transform .2s; }
.dkt-rc-photo:hover { transform: scale(1.05); }
.dkt-rc-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.dkt-rc-date { font-size: 12px; color: #bbb; }
.dkt-helpful { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #888; flex-wrap: wrap; }
.dkt-hbtn { display: flex; align-items: center; gap: 4px; padding: 5px 12px; border: 1px solid #e0e0e0; border-radius: 20px; font-size: 12px; background: #fff; cursor: pointer; color: #666; font-family: inherit; transition: all .2s; }
.dkt-hbtn:hover:not(:disabled) { border-color: #e31c1c; color: #e31c1c; }
.dkt-hbtn:disabled { opacity: .6; cursor: default; }

.dkt-empty-state { text-align: center; padding: 40px 20px; color: #aaa; }
.dkt-empty-ic { font-size: 40px; display: block; margin-bottom: 12px; }
.dkt-more-wrap { text-align: center; padding: 24px 0; }

/* ══ پرسش دسکتاپ ══ */
.dkt-qa-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
#dkt-qa-list { display: flex; flex-direction: column; }
.dkt-qa-card { padding: 20px 0; border-bottom: 1px solid #f0f0f0; }
.dkt-qa-q { display: flex; gap: 12px; margin-bottom: 12px; }
.dkt-qa-icon { font-size: 20px; flex-shrink: 0; margin-top: 2px; }
.dkt-qa-q-body { flex: 1; }
.dkt-qa-q-text { font-size: 15px; font-weight: 600; color: #1a1a1a; margin: 0 0 6px; line-height: 1.6; }
.dkt-qa-q-meta { display: flex; gap: 10px; flex-wrap: wrap; }
.dkt-qa-author { font-size: 12px; color: #888; }
.dkt-qa-date { font-size: 12px; color: #bbb; }
.dkt-qa-ans { background: #f9f9f9; border-radius: 8px; padding: 14px 16px; margin-right: 32px; border-right: 3px solid #4caf50; }
.dkt-qa-ans-head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.dkt-qa-ans-ic { font-size: 16px; }
.dkt-qa-ans-txt { font-size: 14px; color: #444; line-height: 1.8; margin: 0; }
.dkt-qa-no-ans { margin-right: 32px; font-size: 13px; color: #bbb; font-style: italic; }

/* ══ Bottom Sheet ══ */
.dkt-sheet { display: none; position: fixed; inset: 0; z-index: 9998; align-items: flex-end; justify-content: center; }
.dkt-sheet.open { display: flex; }
.dkt-sheet-ov { position: absolute; inset: 0; background: rgba(0,0,0,.5); backdrop-filter: blur(2px); }
.dkt-sheet-box { position: relative; z-index: 1; background: #fff; border-radius: 20px 20px 0 0; width: 100%; max-width: 600px; max-height: 90vh; display: flex; flex-direction: column; overflow: hidden; animation: dktSheetUp .35s cubic-bezier(.4,0,.2,1); }
@keyframes dktSheetUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
.dkt-sheet-handle { width: 40px; height: 4px; background: #ddd; border-radius: 4px; margin: 12px auto 0; flex-shrink: 0; }
.dkt-sheet-hd { padding: 14px 20px 12px; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; }
.dkt-sheet-hd-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.dkt-sheet-hd-info { display: flex; flex-direction: column; gap: 4px; }
.dkt-sheet-title { font-size: 16px; font-weight: 700; color: #1a1a1a; }
.dkt-sheet-sub { font-size: 12px; color: #999; }
.dkt-sheet-rating { display: flex; align-items: center; gap: 6px; }
.dkt-sheet-rating span { font-size: 14px; font-weight: 700; color: #1a1a1a; }
.dkt-sheet-sort-ic { width: 36px; height: 36px; border-radius: 8px; border: 1px solid #e0e0e0; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #555; transition: all .2s; }
.dkt-sheet-sort-ic:hover { background: #f5f5f5; }
.dkt-sheet-sort-panel { display: flex; gap: 6px; flex-wrap: wrap; padding-top: 10px; border-top: 1px solid #f0f0f0; margin-top: 8px; }
.dkt-sheet-body { overflow-y: auto; flex: 1; padding: 0 20px; -webkit-overflow-scrolling: touch; }
.dkt-sheet-body .dkt-review-card { padding: 16px 0; }
.dkt-sheet-body .dkt-qa-card { padding: 16px 0; }
.dkt-sheet-more { padding: 14px 20px 20px; border-top: 1px solid #f0f0f0; flex-shrink: 0; }

/* ══ FAB موبایل ══ */
.dkt-fab { position: fixed; bottom: 0; right: 0; left: 0; z-index: 500; padding: 10px 16px 24px; background: #fff; border-top: 1px solid #eee; box-shadow: 0 -4px 20px rgba(0,0,0,.1); }
.dkt-fab-btn { width: 100%; padding: 14px; background: #e31c1c; color: #fff; border: none; border-radius: 10px; font-size: 15px; font-weight: 700; font-family: inherit; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background .2s; }
.dkt-fab-btn:hover { background: #c41515; }
.dkt-fab.hidden { display: none !important; }

/* ══ Modal ══ */
.dkt-modal { display: none; position: fixed; inset: 0; z-index: 9999; align-items: flex-end; justify-content: center; }
.dkt-modal.open { display: flex; }
.dkt-modal-ov { position: absolute; inset: 0; background: rgba(0,0,0,.5); backdrop-filter: blur(2px); }
.dkt-modal-box { position: relative; z-index: 1; background: #fff; border-radius: 16px 16px 0 0; width: 100%; max-width: 600px; max-height: 90vh; overflow-y: auto; animation: dktUp .3s ease; }
@keyframes dktUp { from { transform: translateY(100%); } to { transform: translateY(0); } }
.dkt-modal-hd { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #eee; font-size: 16px; font-weight: 700; position: sticky; top: 0; background: #fff; z-index: 1; }
.dkt-modal-cls { width: 32px; height: 32px; border: none; background: #f5f5f5; border-radius: 50%; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; }
.dkt-modal-bd { padding: 20px; }

/* ══ فرم‌ها ══ */
.dkt-review-form,.dkt-qa-form { display: flex; flex-direction: column; gap: 16px; }
.dkt-star-picker { display: flex; align-items: center; gap: 12px; font-size: 14px; flex-wrap: wrap; }
.dkt-sp-stars { display: flex; gap: 2px; cursor: pointer; }
.dkt-sp-star { font-size: 34px; color: #ddd; transition: color .15s; cursor: pointer; }
.dkt-sp-star.active { color: #f7a827; }
.dkt-review-form textarea,.dkt-qa-form textarea,.dkt-qa-form input[type=text],.dkt-input { width: 100%; padding: 12px 14px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 14px; font-family: inherit; resize: vertical; transition: border-color .2s; direction: rtl; }
.dkt-review-form textarea:focus,.dkt-qa-form textarea:focus,.dkt-qa-form input:focus,.dkt-input:focus { outline: none; border-color: #e31c1c; }
.dkt-upload-lbl { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1px dashed #ccc; border-radius: 8px; cursor: pointer; font-size: 13px; color: #888; transition: all .2s; }
.dkt-upload-lbl:hover { border-color: #e31c1c; color: #e31c1c; }
.dkt-upload-lbl input[type=file] { display: none; }
#dkt-img-previews { display: flex; flex-wrap: wrap; gap: 8px; }
#dkt-img-previews img { width: 64px; height: 64px; object-fit: cover; border-radius: 6px; }
.dkt-fg { display: flex; flex-direction: column; gap: 6px; }
.dkt-fg label { font-size: 13px; font-weight: 600; color: #555; }
.dkt-msg { font-size: 13px; text-align: center; padding: 10px; border-radius: 6px; display: none; }
.dkt-msg.ok { background: #e8f5e9; color: #2e7d32; display: block; }
.dkt-msg.err { background: #fce4ec; color: #c62828; display: block; }
.dkt-login-notice { text-align: center; padding: 24px; font-size: 14px; color: #666; }
.dkt-login-notice a { color: #e31c1c; }
.dkt-pqa-wrap { direction: rtl; }
.dkt-pqa-wrap input,.dkt-pqa-wrap textarea,.dkt-pqa-wrap select { width: 100% !important; padding: 12px 14px !important; border: 1px solid #e0e0e0 !important; border-radius: 8px !important; font-size: 14px !important; font-family: inherit !important; direction: rtl !important; margin-bottom: 12px !important; }
.dkt-pqa-wrap input[type=submit],.dkt-pqa-wrap button[type=submit] { background: #e31c1c !important; color: #fff !important; border: none !important; padding: 12px 24px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important; font-family: inherit !important; width: 100% !important; }
.dkt-pqa-wrap label { font-size: 13px !important; font-weight: 600 !important; color: #555 !important; display: block !important; margin-bottom: 4px !important; }

/* ══ Lightbox ══ */
#dkt-lightbox { display: none; position: fixed; inset: 0; z-index: 99999; align-items: center; justify-content: center; background: rgba(0,0,0,.92); }
#dkt-lightbox.open { display: flex; }
#dkt-lb-ov { position: absolute; inset: 0; }
#dkt-lb-img { position: relative; z-index: 1; max-width: 90vw; max-height: 85vh; border-radius: 8px; object-fit: contain; }
#dkt-lb-cls { position: absolute; top: 20px; left: 20px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; border: 2px solid rgba(255,255,255,.5); background: rgba(0,0,0,.4); color: #fff; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; }

/* ================================================
   Product Summary — Digikala Style
   ================================================ */

.dkt-summary {
    direction: rtl;
    font-family: 'IRANSans','Vazir',Tahoma,Arial,sans-serif;
    color: #2d2d2d;
}

/* ── برند/دسته ── */
.dkt-sum-cats { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; font-size: 13px; }
.dkt-sum-cat-link { color: #e31c1c; text-decoration: none; }
.dkt-sum-cat-link:hover { text-decoration: underline; }
.dkt-sum-brand { font-weight: 600; }
.dkt-sum-sep { color: #bbb; }

/* ── عنوان ── */
.dkt-sum-title {
    font-size: 20px; font-weight: 700; color: #1a1a1a;
    line-height: 1.5; margin: 0 0 14px;
}
@media (max-width: 768px) { .dkt-sum-title { font-size: 17px; } }

/* ── نوار meta ── */
.dkt-sum-meta-bar {
    display: flex; align-items: center; gap: 8px;
    flex-wrap: wrap; margin-bottom: 20px;
}
.dkt-sum-rating-pill {
        display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #f3fff5;
    border: 1px solid #e0f5e1;
    border-radius: 10px;
    padding: 4px 12px;
}
.dkt-sum-star-ic { color: #f7a827; font-size: 14px; }
.dkt-sum-rating-num { font-size: 14px; font-weight: 700; color: #1a1a1a; }
.dkt-sum-rating-cnt { font-size: 12px; color: #888; }
.dkt-sum-meta-btn {
    display: inline-flex; align-items: center; gap: 4px;
    background: none; border: 1px solid #e0e0e0; border-radius: 20px;
    padding: 5px 12px; font-size: 12px; color: #555;
    cursor: pointer; font-family: inherit; transition: all .2s;
}
.dkt-sum-meta-btn:hover { border-color: #e31c1c; color: #e31c1c; }
.dkt-sum-meta-arr { font-size: 14px; color: #bbb; }

/* ── گرید ── */
.dkt-sum-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    align-items: start;
}
@media (max-width: 768px) { .dkt-sum-grid { grid-template-columns: 1fr; gap: 0; } }

/* ── توضیح کوتاه ── */
.dkt-sum-excerpt {
    font-size: 14px; color: #444; line-height: 1.9;
    margin-bottom: 20px;    overflow: hidden;
}

/* ── مشخصات سریع ── */
.dkt-sum-attrs { margin-bottom: 20px; }
.dkt-sum-attrs-hd {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 12px; font-size: 15px; font-weight: 700; color: #1a1a1a;
}
.dkt-sum-see-all {
    background: none; border: none; font-size: 13px;
    color: #e31c1c; cursor: pointer; font-family: inherit; padding: 0;
}
.dkt-sum-attrs-grid { display: flex; flex-direction: column; gap: 0; }
.dkt-sum-attr-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0; border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
}
.dkt-sum-attr-name { color: #888; }
.dkt-sum-attr-val { color: #1a1a1a; font-weight: 500; }

/* ── فروشنده موبایل ── */
.dkt-sum-seller-mob { margin-top: 20px; }

/* ══════════════════════════════════════
   باکس خرید دسکتاپ
══════════════════════════════════════ */
.dkt-buy-box {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    position: sticky;
    top: 80px;
}

/* قیمت */
.dkt-buy-price { margin-bottom: 16px; }
.dkt-buy-price-top {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 6px;
}
.dkt-discount-badge {
    background: #e31c1c; color: #fff;
    font-size: 12px; font-weight: 700;
    padding: 2px 8px; border-radius: 4px;
}
.dkt-buy-regular {
    font-size: 13px; color: #bbb;
    text-decoration: line-through;
}
.dkt-buy-price-main {
    display: flex; align-items: baseline; gap: 6px;
}
.dkt-buy-price-num { font-size: 24px; font-weight: 800; color: #1a1a1a; }
.dkt-buy-price-unit { font-size: 14px; color: #666; }
.dkt-stock-warn {
    font-size: 12px; color: #e65100;
    background: #fff3e0; padding: 4px 10px;
    border-radius: 4px; margin-top: 8px; display: inline-block;
}
.dkt-out-stock {
    text-align: center; color: #999; padding: 12px;
    border: 1px dashed #ddd; border-radius: 8px; font-size: 14px;
}

/* دکمه سبد خرید WooCommerce override */
.dkt-buy-actions .single_add_to_cart_button,
.dkt-buy-actions .button {
    width: 100% !important;
    background: #e31c1c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: background .2s !important;
    text-align: center !important;
    display: block !important;
}
.dkt-buy-actions .single_add_to_cart_button:hover,
.dkt-buy-actions .button:hover { background: #c41515 !important; }

.dkt-buy-divider {
    height: 1px; background: #f0f0f0;
    margin: 16px 0;
}

/* ══════════════════════════════════════
   ردیف‌های فروشنده/گارانتی/ارسال
══════════════════════════════════════ */
.dkt-seller-row {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 12px 0; border-bottom: 1px solid #f0f0f0;
}
.dkt-seller-row-ic { flex-shrink: 0; margin-top: 2px; }
.dkt-seller-row-body { flex: 1; }
.dkt-seller-row-name {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 6px; flex-wrap: wrap;
}
.dkt-seller-name-link {
    font-size: 14px; font-weight: 600; color: #1a1a1a;
    text-decoration: none;
}
.dkt-seller-name-link:hover { color: #e31c1c; }
.dkt-seller-badge-green {
    background: #e8f5e9; color: #2e7d32;
    font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 600;
}
.dkt-seller-arr { color: #bbb; font-size: 16px; margin-right: auto; }
.dkt-seller-row-scores {
    display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.dkt-score-tag {
    font-size: 12px; font-weight: 700;
    padding: 2px 8px; border-radius: 6px;
}
.dkt-score-green { background: #2e7d32; color: #fff; }
.dkt-score-lbl { font-size: 12px; color: #888; }

.dkt-info-row {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 0; border-bottom: 1px solid #f0f0f0;
}
.dkt-info-row:last-child { border-bottom: none; }
.dkt-info-row-ic { flex-shrink: 0; }
.dkt-info-row-body { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.dkt-info-row-title { font-size: 14px; color: #1a1a1a; font-weight: 500; }
.dkt-info-row-sub { font-size: 12px; color: #888; }
.dkt-info-row-arr { color: #bbb; font-size: 16px; }
.dkt-info-row-link { cursor: pointer; }
.dkt-info-row-link:hover .dkt-info-row-title { color: #e31c1c; }

/* ══════════════════════════════════════
   Sticky Bar موبایل
══════════════════════════════════════ */
.dkt-sticky-bar {
    position: fixed;
    bottom: 0; right: 0; left: 0;
    z-index: 600;
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 -4px 20px rgba(0,0,0,.1);
    padding: 10px 16px 24px;
    transition: transform .3s ease;
}
.dkt-bar-hidden { transform: translateY(100%); }
.dkt-sticky-bar-inner {
    display: flex; align-items: center; gap: 14px;
}
.dkt-sticky-price { flex-shrink: 0; }
.dkt-sticky-price-top {
    display: flex; align-items: center; gap: 6px;
    margin-bottom: 2px;
}
.dkt-sticky-regular {
    font-size: 11px; color: #bbb;
    text-decoration: line-through;
}
.dkt-sticky-price-main {
    font-size: 18px; font-weight: 800; color: #1a1a1a;
    display: flex; align-items: baseline; gap: 4px;
}
.dkt-sticky-price-main span { font-size: 12px; color: #666; font-weight: 400; }

/* دکمه سبد در sticky bar */
.dkt-sticky-bar .woocommerce-variation-add-to-cart,
.dkt-sticky-bar form.cart { flex: 1; margin: 0 !important; }
.dkt-sticky-bar .single_add_to_cart_button,
.dkt-sticky-bar .button {
    width: 100% !important;
    background: #e31c1c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: background .2s !important;
    text-align: center !important;
    display: block !important;
}
.dkt-sticky-bar .single_add_to_cart_button:hover { background: #c41515 !important; }
.dkt-sticky-nostock {
    flex: 1; background: #ccc; color: #fff; border: none;
    border-radius: 10px; padding: 14px; font-size: 15px;
    font-weight: 700; font-family: inherit; cursor: default;
}
/* quantity selector پیش‌فرض WooCommerce رو مخفی کن در sticky */
.dkt-sticky-bar .quantity { display: none !important; }

/* ── آپدیت کلاس‌های summary ── */
.dkt-sum-attrs-list { display: flex; flex-direction: column; }
.dkt-sum-attr-row {
    display: flex; align-items: center;
    padding: 9px 0; border-bottom: 1px solid #f5f5f5;
    font-size: 13px; gap: 6px;
}
.dkt-sum-attr-name { color: #888; white-space: nowrap; flex-shrink: 0; }
.dkt-sum-attr-dots { flex: 1; border-bottom: 1px dashed #ddd; margin: 0 6px; min-width: 20px; }
.dkt-sum-attr-val { color: #1a1a1a; font-weight: 600; text-align: left; }

/* seller block */
.dkt-seller-block { display: flex; flex-direction: column; }
.dkt-seller-row { display: flex; align-items: flex-start; gap: 10px; padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
.dkt-seller-row-ic { flex-shrink: 0; margin-top: 2px; }
.dkt-seller-row-body { flex: 1; }
.dkt-seller-name-row { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; flex-wrap: wrap; }
.dkt-seller-name { font-size: 14px; font-weight: 700; color: #1a1a1a; }
.dkt-seller-badge-green { background: #e8f5e9; color: #2e7d32; font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
.dkt-seller-arr { color: #bbb; font-size: 16px; margin-right: auto; }
.dkt-seller-scores { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dkt-score-pill { font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 6px; }
.dkt-score-green { background: #2e7d32; color: #fff; }
.dkt-score-lbl { font-size: 12px; color: #888; }

.dkt-info-row { display: flex; align-items: center; gap: 10px; padding: 11px 0; border-bottom: 1px solid #f0f0f0; }
.dkt-info-row:last-child { border-bottom: none; }
.dkt-info-row-ic { flex-shrink: 0; }
.dkt-info-row-body { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.dkt-info-row-title { font-size: 13px; color: #1a1a1a; font-weight: 500; flex: 1; }
.dkt-info-row-sub { font-size: 11px; color: #888; }
.dkt-info-row-arr { color: #bbb; font-size: 16px; }
.dkt-info-row-clickable { cursor: pointer; }
.dkt-info-row-clickable:hover .dkt-info-row-title { color: #e31c1c; }

/* buy box */
.dkt-buy-box { background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; padding: 18px; position: sticky; top: 80px; }
.dkt-buy-price-wrap { margin-bottom: 14px; }
.dkt-buy-price-top { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.dkt-discount-badge { background: #e31c1c; color: #fff; font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 4px; }
.dkt-buy-regular { font-size: 13px; color: #bbb; text-decoration: line-through; }
.dkt-buy-price-main { display: flex; align-items: baseline; gap: 6px; }
.dkt-buy-price-num { font-size: 24px; font-weight: 800; color: #1a1a1a; }
.dkt-buy-price-unit { font-size: 13px; color: #666; }
.dkt-stock-warn { display: inline-block; margin-top: 6px; font-size: 12px; color: #e65100; background: #fff3e0; padding: 3px 10px; border-radius: 4px; }
.dkt-out-stock { text-align: center; color: #999; padding: 12px; border: 1px dashed #ddd; border-radius: 8px; font-size: 14px; }
.dkt-buy-divider { height: 1px; background: #f0f0f0; margin: 14px 0; }

/* WooCommerce button override داخل buy box */
.dkt-buy-actions { margin-bottom: 4px; }
.dkt-buy-actions form.cart { margin: 0 !important; }
.dkt-buy-actions .quantity { display: none !important; }
.dkt-buy-actions .single_add_to_cart_button,
.dkt-buy-actions a.button {
    display: block !important; width: 100% !important;
    background: #e31c1c !important; color: #fff !important;
    border: none !important; border-radius: 10px !important;
    padding: 13px 20px !important; font-size: 15px !important;
    font-weight: 700 !important; font-family: inherit !important;
    cursor: pointer !important; text-align: center !important;
    transition: background .2s !important; margin: 0 !important;
    text-decoration: none !important;
}
.dkt-buy-actions .single_add_to_cart_button:hover { background: #c41515 !important; }

/* sticky bar موبایل */
.dkt-sticky-bar { position: fixed; bottom: 0; right: 0; left: 0; z-index: 600; background: #fff; border-top: 1px solid #eee; box-shadow: 0 -4px 20px rgba(0,0,0,.1); padding: 10px 16px 24px; transition: transform .3s ease; }
.dkt-sticky-bar-inner { display: flex; align-items: center; gap: 12px; }
.dkt-sticky-price { flex-shrink: 0; }
.dkt-sticky-top { display: flex; align-items: center; gap: 6px; margin-bottom: 2px; }
.dkt-sticky-regular { font-size: 11px; color: #bbb; text-decoration: line-through; }
.dkt-sticky-main { font-size: 18px; font-weight: 800; color: #1a1a1a; }
.dkt-sticky-main small { font-size: 11px; color: #888; font-weight: 400; margin-right: 3px; }
.dkt-sticky-atc { flex: 1; }
.dkt-sticky-atc form.cart { margin: 0 !important; }
.dkt-sticky-atc .quantity { display: none !important; }
.dkt-sticky-atc .single_add_to_cart_button {
    display: block !important; width: 100% !important;
    background: #e31c1c !important; color: #fff !important;
    border: none !important; border-radius: 10px !important;
    padding: 13px !important; font-size: 15px !important;
    font-weight: 700 !important; font-family: inherit !important;
    cursor: pointer !important; text-align: center !important;
    margin: 0 !important;
}
.dkt-sticky-nostock { flex: 1; background: #ddd; color: #fff; border: none; border-radius: 10px; padding: 13px; font-size: 15px; font-family: inherit; cursor: default; }

/* seller mob */
.dkt-sum-seller-mob { margin-top: 16px; border-top: 8px solid #f5f5f5; padding-top: 16px; }

/* ── iframe و ویدئو داخل excerpt ── */
.dkt-sum-excerpt .h_iframe-aparat_embed_frame,
.dkt-sum-excerpt iframe {
    width: 100%;
    max-width: 49%;
    border-radius: 10px;
    margin-top: 0px;
}
.dkt-sum-excerpt .h_iframe-aparat_embed_frame {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}
.dkt-sum-excerpt .h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border: none;
    margin-top: 0;
}
/* ul/li داخل excerpt */
.dkt-sum-excerpt ul { padding-right: 20px; margin: 10px 0; }
.dkt-sum-excerpt ul li { margin-bottom: 8px; line-height: 1.7; font-size: 14px; color: #444; }
.dkt-sum-excerpt ul li strong { color: #1a1a1a; }

/* ── فیلدهای مهمان (ثبت نظر بدون لاگین) ── */
.dkt-guest-fields { display: flex; gap: 12px; flex-wrap: wrap; }
.dkt-guest-fields input { flex: 1 1 200px; padding: 12px 14px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 14px; font-family: inherit; direction: rtl; transition: border-color .2s; }
.dkt-guest-fields input:focus { outline: none; border-color: #e31c1c; }