.com-tracking-wrap {
    max-width: 880px;
    margin: 20px auto;
    color: #263547;
    font-family: "Vazirmatn", sans-serif !important;
    font-weight: 500;
}

.com-tracking-wrap * {
    box-sizing: border-box;
}

.com-tracking-wrap input,
.com-tracking-wrap button {
    font-family: "Vazirmatn", sans-serif !important;
}

.com-tracking-wrap h2 {
    margin: 0 0 7px;
    font-size: 24px;
}

.com-tracking-wrap > p {
    margin-top: 0;
    color: #657587;
}

.com-tracking-orders {
    display: grid;
    gap: 13px;
    margin-top: 20px;
}

.com-direct-tracking-result {
    margin: 20px 0;
}

.com-tracking-card,
.com-guest-lookup {
    border: 1px solid #dbe4ec;
    border-radius: 10px;
    background: #fff;
    padding: 18px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
}

.com-tracking-card header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.com-tracking-card header strong,
.com-tracking-card header span {
    display: block;
}

.com-tracking-card header strong {
    font-size: 16px;
}

.com-tracking-card header div > span {
    margin-top: 3px;
    color: #718092;
    font-size: 13px;
}

.com-tracking-status {
    padding: 5px 9px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.com-status-pending {
    background: #fff3cd;
    color: #735700;
}

.com-status-confirmed {
    background: #ddf8e8;
    color: #136c3a;
}

.com-status-rejected {
    background: #ffe4e6;
    color: #b42318;
}

.com-status-preparing {
    background: #e4f1ff;
    color: #075ea6;
}

.com-status-ready {
    background: #ece7ff;
    color: #5e35b1;
}

.com-tracking-products {
    margin: 14px 0;
    color: #4e5f71;
    line-height: 1.8;
}

.com-customer-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.com-customer-steps li {
    position: relative;
    padding: 7px 23px 7px 6px;
    border: 1px solid #dae2ea;
    border-radius: 5px;
    color: #788696;
    font-size: 12px;
}

.com-customer-steps li:before {
    content: '';
    position: absolute;
    top: 11px;
    right: 7px;
    width: 9px;
    height: 9px;
    border: 1px solid #9eabb8;
    border-radius: 50%;
}

.com-customer-steps li.is-done {
    border-color: #72bf8e;
    background: #f2fbf5;
    color: #17653a;
}

.com-customer-steps li.is-done:before {
    border-color: #28945a;
    background: #28945a;
    box-shadow: inset 0 0 0 2px #f2fbf5;
}

.com-status-help {
    margin: 12px 0 0;
    color: #7a5c00;
    font-size: 13px;
}

.com-status-help-error {
    color: #b42318;
}

.com-tracking-empty {
    padding: 20px;
    border: 1px dashed #cbd6e0;
    border-radius: 7px;
    color: #68788b;
}

.com-guest-lookup {
    margin-top: 24px;
    background: #f8fafc;
}

.com-guest-lookup h3 {
    margin-top: 0;
}

.com-guest-lookup p {
    color: #667688;
}

.com-guest-lookup form {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.com-guest-lookup input {
    min-width: 180px;
    padding: 9px 10px;
    border: 1px solid #bdcad6;
    border-radius: 5px;
}

.com-guest-lookup button {
    border: 0;
    border-radius: 5px;
    background: #2271b1;
    color: #fff;
    padding: 9px 14px;
    cursor: pointer;
}

.com-tracking-error {
    padding: 8px 10px;
    border-radius: 5px;
    background: #ffe4e6;
    color: #b42318 !important;
}

.com-guest-result {
    margin-top: 14px;
}

@media (max-width: 600px) {
    .com-tracking-card header {
        display: block;
    }

    .com-tracking-status {
        display: inline-block;
        margin-top: 8px;
    }

    .com-customer-steps {
        grid-template-columns: 1fr;
    }

    .com-guest-lookup form,
    .com-guest-lookup input,
    .com-guest-lookup button {
        width: 100%;
    }
}

.com-my-orders,
.com-my-orders-login {
    max-width: 1240px;
    margin: 30px auto;
    color: #1f2937;
    font-family: "Vazirmatn", sans-serif !important;
}

.com-my-orders h2 {
    margin: 0 0 17px;
    color: #111827;
    font-size: 27px;
    font-weight: 800;
}

.com-my-orders-table-wrap {
    overflow-x: auto;
    padding: 10px;
    border: 1px solid #d1d5db;
    border-radius: 16px;
    background: #f8fafc;
}

.com-my-orders-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    background: #fff;
    text-align: center;
}

.com-my-orders-table th,
.com-my-orders-table td {
    padding: 8px 6px;
    border: 1px solid #d1d5db;
    vertical-align: middle;
    text-align: center;
    line-height: 1.55;
    white-space: nowrap;
}

.com-my-orders-table th {
    color: #b91c1c;
    background: #f3f4f6;
    font-size: 12px;
    font-weight: 800;
}

.com-my-orders-table td {
    font-size: 11px;
}

.com-customer-products-cell > span {
    display: block;
    margin-bottom: 7px;
}

.com-customer-product-lines > span {
    display: block;
    white-space: nowrap;
}

.com-customer-details-button,
.com-customer-review-button,
.com-customer-reorder-form button {
    display: inline-block;
    min-width: 82px;
    padding: 4px 10px;
    border: 1px solid #c82626;
    border-radius: 999px;
    background: #fff;
    color: #b91c1c;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
}

.com-customer-details-button:hover,
.com-customer-review-button:hover,
.com-customer-reorder-form button:hover {
    background: #c82626;
    color: #fff;
}

.com-customer-reorder-form button {
    border-color: #46a700;
    background: #88db00;
    color: #172b00;
}

.com-customer-reorder-form button:hover {
    border-color: #3b8500;
    background: #5ebf00;
    color: #fff;
}

.com-my-orders .com-tracking-status {
    white-space: normal;
}

.com-my-orders-empty,
.com-my-orders-login {
    padding: 18px;
    border: 1px dashed #b8c3cf;
    border-radius: 10px;
    background: #f8fafc;
}

.com-customer-order-modal {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.com-customer-order-modal.is-open {
    display: flex;
}

.com-customer-order-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .72);
}

.com-customer-order-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(760px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 22px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .35);
    text-align: right;
}

.com-customer-order-modal__dialog h3 {
    margin: 0 0 17px;
    padding-left: 35px;
    color: #3f2d72;
    font-size: 18px;
}

.com-customer-order-modal__close {
    position: absolute;
    top: 10px;
    left: 12px;
    width: 31px;
    height: 31px;
    border: 0;
    border-radius: 50%;
    background: #eef2f7;
    color: #334155;
    font: inherit;
    font-size: 22px;
    line-height: 26px;
    cursor: pointer;
}

.com-customer-order-detail-list {
    display: grid;
    gap: 11px;
}

.com-customer-order-detail-item {
    display: flex;
    gap: 13px;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #fbfdff;
}

.com-customer-order-detail-thumb {
    flex: 0 0 90px;
    width: 90px;
}

.com-customer-order-detail-thumb img {
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 8px;
    object-fit: cover;
}

.com-customer-order-detail-item strong,
.com-customer-order-detail-item span,
.com-customer-order-detail-item a {
    display: block;
}

.com-customer-order-detail-item span {
    margin: 4px 0;
    color: #075e84;
    font-size: 12px;
}

.com-customer-order-detail-item a {
    margin-top: 8px;
    color: #c82626;
    font-size: 12px;
    font-weight: 700;
}

.com-customer-order-detail-item dl {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 3px 10px;
    margin: 8px 0 0;
    font-size: 12px;
}

.com-customer-order-detail-item dt {
    color: #7c2d12;
    font-weight: 800;
}

.com-customer-order-detail-item dd {
    margin: 0;
}

.com-customer-uploaded-files {
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid #dbe4ec;
}

.com-customer-uploaded-files h4 {
    margin: 0 0 9px;
    color: #3f2d72;
    font-size: 14px;
}

.com-customer-uploaded-files > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.com-customer-uploaded-files img {
    display: block;
    width: 130px;
    height: 130px;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    object-fit: cover;
}

.com-customer-uploaded-file-link {
    padding: 8px 11px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    color: #075e84;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.com-customer-payment-settled {
    color: #15803d;
}

.com-customer-payment-pending {
    color: #b45309;
}

.com-my-orders-remaining {
    margin-top: 14px;
    text-align: center;
}

.com-my-orders-remaining p {
    margin: 0 0 9px;
    color: #334155;
    font-size: 13px;
}

.com-my-orders-remaining-dropdown {
    display: inline-block;
    text-align: right;
}

.com-my-orders-remaining-dropdown summary {
    display: inline-block;
    min-width: 135px;
    padding: 7px 15px;
    border: 1px solid #b91c1c;
    border-radius: 999px;
    background: #c82626;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.com-my-orders-remaining-dropdown summary::-webkit-details-marker {
    display: none;
}

.com-my-orders-remaining-dropdown > div {
    display: grid;
    gap: 10px;
    width: min(620px, calc(100vw - 40px));
    margin-top: 10px;
}

.com-my-orders-remaining-dropdown article {
    padding: 10px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fffafa;
}

.com-my-orders-remaining-dropdown article > strong,
.com-my-orders-remaining-dropdown article > span {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
}

.com-my-orders-remaining-dropdown iframe {
    display: block;
    width: 100%;
    min-width: 300px;
    height: 480px;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    background: #fff;
}

.com-remaining-payment-dropdown {
    display: block;
    margin-top: 7px;
    text-align: center;
}

.com-remaining-payment-dropdown summary {
    display: inline-block;
    min-width: 76px;
    padding: 4px 10px;
    border: 1px solid #2563eb;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.com-remaining-payment-dropdown summary::-webkit-details-marker {
    display: none;
}

.com-remaining-payment-dropdown iframe {
    width: 100%;
    min-width: 300px;
    height: 480px;
    margin-top: 9px;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    background: #fff;
}

@media (max-width: 640px) {
    .com-my-orders {
        margin: 20px 10px;
    }

    .com-my-orders-table-wrap {
        padding: 5px;
    }

    .com-customer-order-detail-item {
        align-items: flex-start;
    }
}

/* ==========================
   پرداخت باقیمانده - همسان با تنظیمات Checkout
   ========================== */
.com-my-orders-remaining-dropdown > div { width: min(760px, calc(100vw - 28px)); }
.com-remaining-payment-card { text-align: right; }
.com-remaining-payment-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:12px 0; }
.com-remaining-payment-method { display:block; cursor:pointer; }
.com-remaining-payment-method > input,
.com-remaining-bank-option > input { position:absolute; opacity:0; pointer-events:none; }
.com-remaining-payment-method-box { min-height:72px; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #d8d8d8; border-radius:12px; background:#fff; transition:.2s ease; }
.com-remaining-payment-method-box img,
.com-remaining-payment-method-fallback { width:44px; height:44px; flex:0 0 44px; object-fit:contain; border-radius:8px; background:#f7f7f7; display:flex; align-items:center; justify-content:center; font-weight:800; }
.com-remaining-payment-method-box > span:last-child { display:flex; flex-direction:column; gap:3px; }
.com-remaining-payment-method-box strong { font-size:13px; }
.com-remaining-payment-method-box small { color:#777; font-size:11px; }
.com-remaining-payment-method > input:checked + .com-remaining-payment-method-box { border-color:#ab0000; box-shadow:0 0 0 2px rgba(171,0,0,.08); background:#fffafa; }
.com-remaining-bank-panel { margin-top:10px; padding:13px; border-top:1px dashed #ccc; border-radius:10px; background:#fff; }
.com-remaining-bank-title { text-align:center; color:#ab0000; font-weight:800; font-size:15px; margin-bottom:4px; }
.com-remaining-bank-help { text-align:center; color:#777; font-size:11px; margin:0 0 12px; }
.com-remaining-bank-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.com-remaining-bank-option { display:block; position:relative; cursor:pointer; }
.com-remaining-bank-box { display:block; padding:11px; border:1px solid #ddd; border-radius:12px; background:#fff; transition:.2s ease; }
.com-remaining-bank-option > input:checked + .com-remaining-bank-box { border-color:#ab0000; box-shadow:0 0 0 2px rgba(171,0,0,.08); }
.com-remaining-bank-head { display:flex; align-items:center; gap:9px; margin-bottom:9px; }
.com-remaining-bank-head img { width:42px; height:42px; object-fit:contain; border-radius:8px; background:#f7f7f7; }
.com-remaining-bank-head strong { font-size:13px; }
.com-remaining-bank-row { display:flex; justify-content:space-between; gap:8px; padding:5px 0; border-bottom:1px solid #f0f0f0; font-size:11px; }
.com-remaining-bank-row:last-child { border-bottom:0; }
.com-remaining-bank-row b { color:#777; }
.com-remaining-bank-row span { overflow-wrap:anywhere; }
.com-remaining-receipt { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; padding:10px; border:1px solid #e5e7eb; border-radius:9px; background:#fafafa; font-weight:700; font-size:12px; cursor:pointer; }
.com-remaining-receipt input { max-width:55%; font-size:11px; }
.com-remaining-note { display:block; margin-top:5px; color:#777; font-size:10px; }
.com-remaining-payment-error,
.com-remaining-error { margin:8px 0 0; color:#b42318; font-size:11px; }
.com-remaining-payment-error { margin:10px 0 0; color:#d91f26; font-size:12px; font-weight:700; text-align:center; line-height:1.8; }
.com-remaining-payment-error:empty { display:none; }
.com-remaining-pay-button { display:block; width:190px; margin:13px auto 2px; padding:10px 18px; border:1px solid #111; border-radius:8px; background:#c82626; color:#fff; font:inherit; font-size:13px; font-weight:800; cursor:pointer; transition:.2s ease; }
.com-remaining-pay-button:hover { background:#111; color:#fff; }
.com-remaining-pay-button:disabled { opacity:.65; cursor:wait; }

/* ==========================
   پاپ‌آپ سفارش مجدد
   ========================== */
.com-reorder-popup { display:none; position:fixed; inset:0; z-index:999999; align-items:center; justify-content:center; padding:18px; }
.com-reorder-popup.is-open { display:flex; }
.com-reorder-popup__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.55); }
.com-reorder-popup__dialog { position:relative; z-index:1; width:min(560px,100%); padding:28px 24px 22px; border:1px solid #111; border-radius:14px; background:#fff; box-shadow:0 20px 55px rgba(0,0,0,.25); text-align:center; }
.com-reorder-popup__close { display:none !important; }
.com-reorder-popup__text { width:min(500px,100%); margin:2px auto 18px; padding:0; border:0; color:#111; font-size:12px; font-weight:700; line-height:1.65; white-space:nowrap; overflow:hidden; text-overflow:clip; }
.com-reorder-popup__actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.com-reorder-popup__btn { min-height:46px; display:flex; align-items:center; justify-content:center; padding:9px 12px; border:1px solid #111; border-radius:8px; color:#111; font:inherit; font-size:12px; font-weight:800; text-decoration:none !important; border-bottom:1px solid #111 !important; box-shadow:none !important; background-image:none !important; cursor:pointer; transition:none !important; appearance:none; -webkit-appearance:none; }
.com-reorder-popup__btn--edit { background:#f5d000; }
.com-reorder-popup__btn--same { background:#55c900; }
.com-reorder-popup__btn:hover,
.com-reorder-popup__btn:focus,
.com-reorder-popup__btn:active,
.com-reorder-popup__btn:visited { color:#111 !important; text-decoration:none !important; border-bottom:1px solid #111 !important; box-shadow:none !important; background-image:none !important; transition:none !important; }
.com-reorder-popup__btn--edit:hover,
.com-reorder-popup__btn--edit:focus,
.com-reorder-popup__btn--edit:active { background:#f5d000 !important; }
.com-reorder-popup__btn--same:hover,
.com-reorder-popup__btn--same:focus,
.com-reorder-popup__btn--same:active { background:#55c900 !important; }

@media (max-width:600px){
 .com-remaining-payment-methods,
 .com-remaining-bank-list,
 .com-reorder-popup__actions { grid-template-columns:1fr; }
 .com-remaining-receipt { display:block; }
 .com-remaining-receipt input { display:block; max-width:100%; width:100%; margin-top:7px; }
 .com-reorder-popup__dialog { padding:24px 16px 18px; }
 .com-reorder-popup__text { width:100%; font-size:10.5px; line-height:1.7; white-space:normal; }
 .com-reorder-popup__text br { display:block; }
}

/* پرداخت باقیمانده — ظاهر هماهنگ با Chaperabo Payment Methods */
.com-remaining-payment-card { font-family: "Vazirmatn", sans-serif !important; }
.com-remaining-payment-amount { display:flex; justify-content:center; align-items:center; gap:7px; margin:10px auto 12px; color:#222; font-size:13px; font-weight:700; }
.com-remaining-payment-amount strong { color:#ab0000; }
.com-remaining-payment-method-box { position:relative; min-height:72px; padding:12px 44px 12px 14px; }
.com-remaining-payment-method-check { position:absolute; right:14px; width:17px; height:17px; border:2px solid #aaa; border-radius:50%; }
.com-remaining-payment-method > input:checked + .com-remaining-payment-method-box .com-remaining-payment-method-check { border-color:#ab0000; background:#ab0000; box-shadow:inset 0 0 0 4px #fff; }
.com-remaining-bank-panel { margin-top:10px; padding-top:10px; border-top:1px dashed #ccc; }
.com-remaining-bank-title { text-align:center; color:#ab0000; font-weight:700; font-size:15px; margin-bottom:4px; }
.com-remaining-bank-help { text-align:center; color:#777; font-size:11px; margin:0 0 10px; }
.com-remaining-bank-list { display:flex; flex-direction:column; gap:8px; }
.com-remaining-bank-option { border:1px solid #ddd; border-radius:12px; background:#fff; overflow:hidden; }
.com-remaining-bank-option.is-selected { border-color:#ab0000; }
.com-remaining-bank-select { display:flex; align-items:center; gap:8px; padding:9px 12px; cursor:pointer; }
.com-remaining-bank-select input { display:none; }
.com-remaining-bank-radio { width:17px; height:17px; border:2px solid #aaa; border-radius:50%; }
.com-remaining-bank-select input:checked + .com-remaining-bank-radio { border-color:#ab0000; background:#ab0000; box-shadow:inset 0 0 0 4px #fff; }
.com-remaining-bank-name { display:flex; align-items:center; gap:8px; }
.com-remaining-bank-name img { width:34px; height:34px; object-fit:contain; }
.com-remaining-bank-name strong { font-size:14px; }
.com-remaining-bank-table { border-top:1px solid #eee; }
.com-remaining-bank-row { display:grid; grid-template-columns:125px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:44px; padding:5px 10px; border-bottom:1px solid #eee; }
.com-remaining-bank-row:last-child { border-bottom:0; }
.com-remaining-bank-row > span { font-size:11px; color:#777; }
.com-remaining-bank-row > b,
.com-remaining-bank-row > strong { font-size:18px; color:#222; overflow-wrap:anywhere; }
.com-remaining-bank-row:nth-child(2) > b { font-size:24px; letter-spacing:.5px; }
.com-remaining-bank-row:nth-child(3) > b { font-size:17px; }
.com-remaining-bank-row:nth-child(4) > b { font-size:15px; }
.com-remaining-copy { border:0; border-radius:7px; background:#eee; color:#222; padding:6px 10px; cursor:pointer; font-family: "Vazirmatn", sans-serif !important; font-size:11px; }
.com-remaining-copy.copied { background:#16833b; color:#fff; }
.com-remaining-receipt-box { width:min(100%,760px); margin:8px auto 0; padding:10px 12px; border:1px solid #e1e1e1; border-radius:12px; background:#fafafa; text-align:center; }
.com-remaining-receipt-box > strong,
.com-remaining-receipt-box > small { display:block; }
.com-remaining-receipt-box > strong { font-size:13px; margin-bottom:2px; }
.com-remaining-receipt-box > small { font-size:9px; color:#777; margin-top:4px; }
.com-remaining-upload { display:flex; justify-content:center; cursor:pointer; margin:6px auto 0; }
.com-remaining-upload input { display:none !important; }
.com-remaining-upload span { display:inline-flex; align-items:center; justify-content:center; min-width:180px; padding:10px 18px; border-radius:8px; background:#ab0000; color:#fff; font-size:12px; font-weight:700; }
.com-remaining-upload span:hover { background:#111; }
.com-remaining-preview { display:none; width:min(100%,460px); margin:7px auto 0; padding:5px; border:1px solid #ddd; border-radius:9px; background:#fff; }
.com-remaining-preview.show { display:block; }
.com-remaining-preview img { display:block; width:100%; max-height:280px; object-fit:contain; border-radius:6px; }
@media(max-width:700px){
    .com-remaining-payment-amount { flex-wrap:wrap; }
    .com-remaining-bank-row { grid-template-columns:92px minmax(0,1fr) auto; gap:5px; padding:5px 9px; }
    .com-remaining-bank-row > span { font-size:9px; }
    .com-remaining-bank-row > b,.com-remaining-bank-row > strong { font-size:15px; }
    .com-remaining-bank-row:nth-child(2) > b { font-size:20px; }
    .com-remaining-bank-row:nth-child(3) > b { font-size:15px; }
    .com-remaining-bank-row:nth-child(4) > b { font-size:13px; }
    .com-remaining-copy { min-width:42px; height:28px; padding:0 7px; font-size:10px; }
    .com-remaining-receipt-box { padding:8px 9px; }
}


/* پرداخت تجمیعی باقیمانده */
.com-remaining-total-summary {
    margin: 0 0 10px;
    text-align: center;
    color: #222;
    font-size: 13px;
    font-weight: 700;
}
.com-remaining-total-summary strong { color: #ab0000; }
.com-remaining-payment-card-total { text-align: right; }
.com-remaining-payment-card-total .com-remaining-payment-amount {
    margin-top: 12px;
    margin-bottom: 12px;
}
.com-remaining-payment-card-total .com-remaining-pay-button { width: 210px; }


/* نسخه 2.1.5 — اصلاح نهایی چیدمان پرداخت باقیمانده */
.com-remaining-payment-methods { margin: 5px 0 2px; }
.com-remaining-payment-amount { margin: 2px auto 4px; line-height: 1.5; }
.com-remaining-bank-panel { margin-top: 3px; padding-top: 4px; }
.com-remaining-bank-title { margin-bottom: 2px; }
.com-remaining-bank-help { margin-bottom: 6px; }
.com-remaining-bank-row { grid-template-columns: 135px minmax(0,1fr) 70px; min-height: 44px; padding: 4px 10px; }
.com-remaining-bank-row > span { font-size: 13px; font-weight: 700; color: #555; }
.com-remaining-bank-row > b,
.com-remaining-bank-row > strong { font-size: 18px; }
.com-remaining-bank-row-owner > strong { text-align: right; justify-self: end; direction: rtl; }
.com-remaining-bank-row-card > b,
.com-remaining-bank-row-sheba > b { text-align: left; justify-self: start; direction: ltr; color: #222; }
.com-remaining-bank-row-card > b { font-size: 23px; letter-spacing: .4px; }
.com-remaining-bank-row-sheba > b { font-size: 17px; }
.com-remaining-copy { min-width: 64px; width: 64px; height: 34px; padding: 0 12px; font-size: 12px; font-weight: 700; justify-self: start; }
.com-remaining-receipt-box { margin-top: 5px; padding: 8px 10px; }
.com-remaining-upload { margin-top: 4px; }
.com-remaining-upload span { min-width: 190px; padding: 9px 18px; }
.com-remaining-pay-button { margin: 5px auto 0; }
.com-remaining-payment-card-total .com-remaining-pay-button { margin-top: 5px; }
@media(max-width:700px){
    .com-remaining-bank-row { grid-template-columns: 92px minmax(0,1fr) 62px; gap: 5px; padding: 4px 9px; }
    .com-remaining-bank-row > span { font-size: 11px; }
    .com-remaining-bank-row-card > b { font-size: 19px; }
    .com-remaining-bank-row-sheba > b { font-size: 14px; }
    .com-remaining-copy { min-width: 58px; width: 58px; height: 31px; padding: 0 8px; font-size: 11px; }
}


/* نسخه 2.1.6 — چیدمان نهایی مطابق تصویر مرجع؛ فاصله‌ها یکنواخت و فشرده */
.com-my-orders-remaining-dropdown > div {
    gap: 0;
    margin-top: 8px;
}
.com-remaining-payment-methods {
    margin: 0 0 4px;
    gap: 8px;
}
.com-remaining-payment-method-box {
    min-height: 58px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.com-remaining-payment-amount {
    margin: 0 0 5px;
    line-height: 1.35;
}
.com-remaining-bank-panel {
    margin-top: 0;
    padding-top: 5px;
}
.com-remaining-bank-title {
    margin: 0 0 3px;
    font-size: 14px;
    line-height: 1.35;
}
.com-remaining-bank-help {
    margin: 0 0 6px;
    line-height: 1.45;
}
.com-remaining-bank-list {
    gap: 5px;
}
.com-remaining-bank-option {
    border-radius: 10px;
}
.com-remaining-bank-select {
    padding: 6px 10px;
    min-height: 34px;
}
.com-remaining-bank-name img {
    width: 30px;
    height: 30px;
}
.com-remaining-bank-name strong {
    font-size: 13px;
}
.com-remaining-bank-table {
    border-top: 1px solid #eee;
}
.com-remaining-bank-row {
    grid-template-columns: 135px minmax(0,1fr) 68px;
    min-height: 38px;
    padding: 3px 9px;
    gap: 6px;
}
.com-remaining-bank-row > span {
    font-size: 14px;
    font-weight: 700;
    color: #555;
}
.com-remaining-bank-row-owner > strong {
    text-align: right;
    justify-self: end;
    direction: rtl;
    font-size: 18px;
}
.com-remaining-bank-row-card > b,
.com-remaining-bank-row-sheba > b {
    text-align: left;
    justify-self: start;
    direction: ltr;
}
.com-remaining-bank-row-card > b {
    font-size: 22px;
    letter-spacing: .35px;
}
.com-remaining-bank-row-sheba > b {
    font-size: 16px;
}
.com-remaining-copy {
    min-width: 66px;
    width: 66px;
    height: 34px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 700;
    justify-self: start;
}
.com-remaining-receipt-box {
    margin-top: 5px;
    padding: 7px 10px;
}
.com-remaining-receipt-box > strong {
    font-size: 13px;
    margin-bottom: 1px;
}
.com-remaining-upload {
    margin-top: 4px;
}
.com-remaining-upload span {
    min-width: 190px;
    padding: 8px 18px;
}
.com-remaining-pay-button {
    margin: 5px auto 0;
}

@media (max-width:700px) {
    .com-my-orders-remaining-dropdown > div {
        gap: 0;
        margin-top: 7px;
    }
    .com-remaining-payment-methods {
        gap: 6px;
        margin-bottom: 4px;
    }
    .com-remaining-payment-method-box {
        min-height: 56px;
        padding: 7px 38px 7px 9px;
    }
    .com-remaining-payment-amount {
        margin-bottom: 5px;
    }
    .com-remaining-bank-panel {
        padding-top: 4px;
    }
    .com-remaining-bank-title {
        font-size: 14px;
        margin-bottom: 3px;
    }
    .com-remaining-bank-help {
        margin-bottom: 5px;
        font-size: 10px;
    }
    .com-remaining-bank-list {
        gap: 4px;
    }
    .com-remaining-bank-select {
        padding: 5px 9px;
        min-height: 32px;
    }
    .com-remaining-bank-name img {
        width: 28px;
        height: 28px;
    }
    .com-remaining-bank-name strong {
        font-size: 12px;
    }
    .com-remaining-bank-row {
        grid-template-columns: 88px minmax(0,1fr) 64px;
        min-height: 38px;
        gap: 5px;
        padding: 3px 8px;
    }
    .com-remaining-bank-row > span {
        font-size: 12px;
        font-weight: 700;
    }
    .com-remaining-bank-row-owner > strong {
        font-size: 17px;
    }
    .com-remaining-bank-row-card > b {
        font-size: 19px;
    }
    .com-remaining-bank-row-sheba > b {
        font-size: 14px;
    }
    .com-remaining-copy {
        min-width: 62px;
        width: 62px;
        height: 31px;
        padding: 0 8px;
        font-size: 11px;
    }
    .com-remaining-receipt-box {
        margin-top: 4px;
        padding: 7px 8px;
    }
    .com-remaining-upload {
        margin-top: 3px;
    }
    .com-remaining-upload span {
        min-width: 180px;
        padding: 8px 16px;
    }
    .com-remaining-pay-button {
        margin-top: 5px;
    }
}

/* 2.1.7 — alignment refinements for bank account details */
.com-remaining-bank-row-owner {
    grid-template-columns: 135px minmax(0, 1fr) 70px;
}
.com-remaining-bank-row-owner > strong {
    grid-column: 2;
    text-align: right;
    justify-self: end;
    width: 100%;
    direction: rtl;
}
.com-remaining-bank-row-card,
.com-remaining-bank-row-sheba {
    grid-template-columns: 135px minmax(0, 1fr) 70px;
}
.com-remaining-bank-row-card > b,
.com-remaining-bank-row-sheba > b {
    grid-column: 2;
    text-align: left;
    justify-self: stretch;
    direction: ltr;
    white-space: nowrap;
    margin-left: 0;
    margin-right: 0;
}
.com-remaining-bank-row-card > .com-remaining-copy,
.com-remaining-bank-row-sheba > .com-remaining-copy {
    grid-column: 3;
    justify-self: start;
    width: 70px;
    min-width: 70px;
}

@media (max-width: 700px) {
    .com-remaining-bank-row-owner,
    .com-remaining-bank-row-card,
    .com-remaining-bank-row-sheba {
        grid-template-columns: 92px minmax(0, 1fr) 70px;
    }
    .com-remaining-bank-row-owner > strong {
        text-align: right;
    }
    .com-remaining-bank-row-card > b,
    .com-remaining-bank-row-sheba > b {
        text-align: left;
        font-size: 15px;
    }
    .com-remaining-bank-row-card > .com-remaining-copy,
    .com-remaining-bank-row-sheba > .com-remaining-copy {
        width: 70px;
        min-width: 70px;
    }
}


/* --- 2.6.0: customer tracking actions --- */
.com-customer-tracking-cell {
    min-width: 125px;
}
.com-customer-tracking-code {
    display: block;
    direction: ltr;
    unicode-bidi: plaintext;
    font-weight: 800;
    word-break: break-all;
    margin-bottom: 7px;
}
.com-customer-tracking-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.com-tracking-copy,
.com-tracking-link,
.com-confirmed-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    min-height: 34px;
    padding: 6px 14px !important;
    border-radius: 7px !important;
    box-sizing: border-box;
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}
.com-tracking-copy {
    border: 1px solid #d7dce5 !important;
    background: #fff !important;
    color: #3c4655 !important;
}
.com-tracking-copy.copied {
    background: #eefaf3 !important;
    border-color: #8fd0aa !important;
    color: #176a3a !important;
}
.com-tracking-link {
    border: 1px solid #5d46a4 !important;
    background: #5d46a4 !important;
    color: #fff !important;
}
.com-confirmed-actions {
    display: flex;
    gap: 6px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 8px;
}
.com-confirmed-action {
    min-width: 88px;
    background: #f4f1ff;
    border: 1px solid #d8cff4;
    color: #52369a !important;
}

/* Uploaded image preview inside the order-details modal */
.com-customer-uploaded-image-button {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
    max-width: 100%;
}
.com-customer-uploaded-image-button img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.com-customer-upload-image-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100000;
}
.com-customer-upload-image-modal.is-open {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.com-customer-upload-image-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.72);
}
.com-customer-upload-image-modal__dialog {
    position: relative;
    z-index: 1;
    max-width: min(94vw, 1000px);
    max-height: 94vh;
    padding: 18px;
    border-radius: 14px;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
}
.com-customer-upload-image-modal__image {
    display: block;
    max-width: 90vw;
    max-height: 82vh;
    width: auto;
    height: auto;
    margin: 12px auto 0;
    object-fit: contain;
}
.com-customer-upload-image-modal__title {
    display: block;
    padding: 0 40px;
    overflow-wrap: anywhere;
}
.com-customer-upload-image-modal__close {
    position: absolute;
    top: 7px;
    left: 9px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f1f1f1;
    font-size: 22px;
    line-height: 32px;
    cursor: pointer;
}
@media (max-width: 600px) {
    .com-customer-tracking-actions {
        gap: 5px;
    }
    .com-tracking-copy,
    .com-tracking-link {
        min-width: 66px;
        padding: 6px 11px !important;
    }
}


/* 2.7.0 — ریزه‌کاری‌های سفارش‌های من */
.com-customer-tracking-code {
    font-size: 15px;
    letter-spacing: .2px;
}
.com-tracking-copy,
.com-tracking-link {
    min-width: 78px;
    width: auto;
    min-height: 32px;
    height: 32px;
    padding: 5px 14px !important;
    flex: 0 0 auto;
}
.com-tracking-link,
.com-tracking-link:hover,
.com-tracking-link:focus,
.com-tracking-link:active {
    background: #e00000 !important;
    border-color: #e00000 !important;
    color: #fff !important;
    box-shadow: none !important;
}
.com-tracking-copy,
.com-tracking-copy:hover,
.com-tracking-copy:focus,
.com-tracking-copy:active {
    background: #fff !important;
    color: #3c4655 !important;
}
.com-customer-details-button,
.com-customer-review-button {
    min-width: 72px;
    padding: 3px 9px;
    font-size: 11px;
    line-height: 1.45;
}
.com-customer-details-button:hover,
.com-customer-details-button:focus,
.com-customer-details-button:active {
    background: #c82626;
    color: #fff;
}


/* 2.8.0 — سفارش‌های من: چیدمان نهایی مطابق تصویر مرجع */
.com-my-orders {
    max-width: 1260px;
    margin-top: 26px;
    margin-bottom: 24px;
}
.com-my-orders h2 {
    margin-bottom: 14px;
    font-size: 25px;
}
.com-my-orders-table-wrap {
    padding: 7px;
    border-radius: 15px;
}
.com-my-orders-table th,
.com-my-orders-table td {
    padding: 6px 5px;
    line-height: 1.4;
}
.com-my-orders-table th {
    font-size: 11px;
}
.com-my-orders-table td {
    font-size: 11px;
}

/* جزئیات سفارش: کوچک و هم‌اندازه با دکمه ثبت نظر */
.com-customer-details-button,
.com-customer-review-button {
    min-width: 78px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 3px 8px !important;
    font-size: 10.5px !important;
    line-height: 22px !important;
    box-sizing: border-box;
}
.com-customer-details-button:hover,
.com-customer-details-button:focus,
.com-customer-details-button:active,
.com-customer-review-button:hover,
.com-customer-review-button:focus,
.com-customer-review-button:active {
    background: #fff !important;
    color: #b91c1c !important;
    border-color: #c82626 !important;
}

/* سفارش مجدد: کوچک‌تر و نزدیک به اندازه طرح مرجع */
.com-customer-reorder-form button {
    min-width: 86px !important;
    width: 86px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 3px 7px !important;
    font-size: 10.5px !important;
    line-height: 26px !important;
    box-sizing: border-box;
}
.com-customer-reorder-form button:hover,
.com-customer-reorder-form button:focus,
.com-customer-reorder-form button:active {
    border-color: #46a700 !important;
    background: #88db00 !important;
    color: #172b00 !important;
}

/* کد رهگیری و دکمه‌ها */
.com-customer-tracking-cell {
    min-width: 145px;
}
.com-customer-tracking-code {
    margin-bottom: 5px;
    font-size: 16px !important;
    line-height: 1.25;
}
.com-customer-tracking-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    align-items: center !important;
    justify-content: center !important;
}
.com-tracking-copy,
.com-tracking-link {
    height: 30px !important;
    min-height: 30px !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    font-size: 10.5px !important;
    line-height: 25px !important;
    flex: 0 0 auto !important;
}
.com-tracking-copy {
    width: 43px !important;
    min-width: 43px !important;
}
.com-tracking-link {
    width: 78px !important;
    min-width: 78px !important;
    background: #d91f26 !important;
    border-color: #d91f26 !important;
    color: #fff !important;
}
.com-tracking-link:hover,
.com-tracking-link:focus,
.com-tracking-link:active {
    background: #d91f26 !important;
    border-color: #d91f26 !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
}
.com-tracking-copy:hover,
.com-tracking-copy:focus,
.com-tracking-copy:active {
    background: #fff !important;
    color: #3c4655 !important;
    box-shadow: none !important;
}

/* باربری: فقط خود کد؛ اگر قالب دیگری چیزی اضافه کرد هم مخفی بماند */
.com-customer-tracking-cell[data-shipping-company="barbari"] .com-customer-tracking-actions,
.com-customer-tracking-cell .com-tracking-company-barbari {
    display: none !important;
}

/* کادر اطلاعات سفارش کوتاه‌تر */
.com-customer-order-modal__dialog {
    max-height: 88vh;
}

/* بخش جمع باقیمانده و دکمه پرداخت، فشرده‌تر */
.com-my-orders-remaining {
    margin-top: 8px !important;
}
.com-my-orders-remaining p.com-remaining-total-summary {
    margin: 0 0 5px !important;
    line-height: 1.35 !important;
    font-size: 12px !important;
}
.com-my-orders-remaining-dropdown summary {
    min-width: 135px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}
.com-my-orders-remaining-dropdown > div {
    margin-top: 7px !important;
}
.com-remaining-pay-button {
    height: 38px !important;
    min-height: 38px !important;
    margin: 4px auto 0 !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}
.com-remaining-pay-button:hover,
.com-remaining-pay-button:focus,
.com-remaining-pay-button:active {
    background: #c82626 !important;
    color: #fff !important;
    border-color: #111 !important;
}

@media (max-width: 700px) {
    .com-my-orders-table-wrap { padding: 5px; }
    .com-customer-tracking-cell { min-width: 135px; }
    .com-tracking-copy { width: 40px !important; min-width: 40px !important; }
    .com-tracking-link { width: 72px !important; min-width: 72px !important; }
}


/* Chaperabo 2.16.23 — typography + reorder popup only */
.com-tracking-wrap,
.com-tracking-wrap *,
.com-my-orders,
.com-my-orders *,
.com-my-orders-login,
.com-my-orders-login *,
.com-customer-order-modal,
.com-customer-order-modal *,
.com-reorder-popup,
.com-reorder-popup *,
.com-customer-upload-image-modal,
.com-customer-upload-image-modal * {
    font-family: "Vazirmatn", sans-serif !important;
}

/* سفارش‌های من: کمی خواناتر و ضخیم‌تر */
.com-my-orders {
    font-weight: 600;
}

/* سفارش مجدد: دو دکمه دقیقاً هم‌اندازه و با سایز متعادل */
.com-customer-reorder-form .com-reorder-popup__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

.com-customer-reorder-form .com-reorder-popup__btn,
.com-customer-reorder-form button.com-reorder-popup__btn,
.com-customer-reorder-form a.com-reorder-popup__btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid #111 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    font-family: "Vazirmatn", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #111 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.com-customer-reorder-form .com-reorder-popup__btn--edit,
.com-customer-reorder-form .com-reorder-popup__btn--edit:hover,
.com-customer-reorder-form .com-reorder-popup__btn--edit:focus,
.com-customer-reorder-form .com-reorder-popup__btn--edit:active {
    background: #f5d000 !important;
}

.com-customer-reorder-form .com-reorder-popup__btn--same,
.com-customer-reorder-form .com-reorder-popup__btn--same:hover,
.com-customer-reorder-form .com-reorder-popup__btn--same:focus,
.com-customer-reorder-form .com-reorder-popup__btn--same:active {
    background: #55c900 !important;
}

@media (max-width: 600px) {
    .com-reorder-popup__dialog {
        width: calc(100% - 16px) !important;
        padding: 20px 14px 16px !important;
    }

    .com-reorder-popup__text {
        width: 100% !important;
        margin: 0 auto 16px !important;
        font-size: 10.5px !important;
        font-weight: 700 !important;
        line-height: 1.85 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        direction: rtl !important;
        text-align: justify !important;
        text-align-last: center !important;
    }

    .com-reorder-popup__text br {
        display: block !important;
    }

    .com-customer-reorder-form .com-reorder-popup__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .com-customer-reorder-form .com-reorder-popup__btn,
    .com-customer-reorder-form button.com-reorder-popup__btn,
    .com-customer-reorder-form a.com-reorder-popup__btn {
        height: 42px !important;
        min-height: 42px !important;
        padding: 7px 6px !important;
        font-size: 10.5px !important;
        white-space: normal !important;
    }
}


/* Chaperabo 2.16.25 — reorder popup text + review hover only */
.com-reorder-popup__text {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    direction: rtl !important;
}

.com-reorder-popup__line {
    display: block !important;
    width: 100% !important;
    direction: rtl !important;
}

.com-reorder-popup__line--1,
.com-reorder-popup__line--2 {
    text-align: justify !important;
    text-align-last: justify !important;
}

.com-reorder-popup__line--3 {
    text-align: center !important;
    text-align-last: center !important;
}

/* ثبت نظر: حذف خط/نقطه‌چین در hover و focus */
.com-my-orders .com-customer-review-button,
.com-my-orders .com-customer-review-button:hover,
.com-my-orders .com-customer-review-button:focus,
.com-my-orders .com-customer-review-button:active,
.com-my-orders .com-customer-review-button:visited {
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom-style: solid !important;
    outline: none !important;
    box-shadow: none !important;
}

.com-my-orders .com-customer-review-button::before,
.com-my-orders .com-customer-review-button::after {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 600px) {
    .com-reorder-popup__text {
        font-size: 10.5px !important;
        line-height: 1.85 !important;
    }
}


/* Chaperabo 2.16.26 — desktop reorder text spacing fix only */
@media (min-width: 601px) {
    .com-reorder-popup__line--1,
    .com-reorder-popup__line--2 {
        text-align: center !important;
        text-align-last: center !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
    }
}


/* Chaperabo 2.16.27 — desktop reorder popup: force clean 2-line copy only */
@media (min-width: 601px) {
    .com-reorder-popup__text {
        text-align: center !important;
        text-align-last: center !important;
    }

    .com-reorder-popup__line--1 {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        text-align-last: center !important;
    }

    .com-reorder-popup__line--2,
    .com-reorder-popup__line--3 {
        display: inline !important;
        width: auto !important;
        text-align: center !important;
        text-align-last: center !important;
    }
}


/* ===== 2.16.28 — جزئیات محصول هماهنگ با افزونه Checkout ===== */
.com-my-orders .com-customer-details-button {
    appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 34px !important;
    min-height: 34px !important;
    min-width: 0 !important;
    padding: 7px 12px !important;
    border: 1px solid #111 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #111 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: none !important;
    box-shadow: none !important;
}

.com-my-orders .com-customer-details-button:hover,
.com-my-orders .com-customer-details-button:focus,
.com-my-orders .com-customer-details-button:active {
    background: #fff !important;
    border-color: #111 !important;
    color: #111 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* همان ظاهر پاپ‌آپ جزئیات محصول Checkout، فقط برای سفارش‌های من */
.com-my-orders .com-customer-order-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

.com-my-orders .com-customer-order-modal.is-open {
    display: flex !important;
}

.com-my-orders .com-customer-order-modal__backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,.5) !important;
}

.com-my-orders .com-customer-order-modal__dialog {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 380px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 22px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: none !important;
    direction: rtl !important;
    text-align: right !important;
}

.com-my-orders .com-customer-order-modal__dialog > h3 {
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 17px !important;
    color: #111 !important;
    font-weight: 700 !important;
}

.com-my-orders .com-customer-order-modal__close {
    position: absolute !important;
    top: -10px !important;
    left: -10px !important;
    right: auto !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    background: #ab0000 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.25) !important;
}

.com-my-orders .com-customer-order-modal__close:hover,
.com-my-orders .com-customer-order-modal__close:focus,
.com-my-orders .com-customer-order-modal__close:active {
    background: #8a0000 !important;
    color: #fff !important;
}

.com-my-orders .com-customer-order-detail-list {
    display: block !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
}

.com-my-orders .com-customer-order-detail-item {
    display: block !important;
    padding: 0 !important;
    margin: 0 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.com-my-orders .com-customer-order-detail-thumb {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 8px !important;
}

.com-my-orders .com-customer-order-detail-thumb img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 180px !important;
    object-fit: contain !important;
    border-radius: 10px !important;
    margin: 0 !important;
    background: #f4f4f4 !important;
}

.com-my-orders .com-customer-order-detail-item strong {
    display: block !important;
    margin: 0 0 10px !important;
    text-align: center !important;
    font-size: 17px !important;
    color: #111 !important;
}

.com-my-orders .com-customer-order-detail-item > div:last-child > span {
    display: block !important;
    margin: 0 !important;
    padding: 7px 4px !important;
    border-bottom: 1px solid #eee !important;
    color: #ab0000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.com-my-orders .com-customer-order-detail-item dl {
    display: grid !important;
    grid-template-columns: 40% 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
}

.com-my-orders .com-customer-order-detail-item dt,
.com-my-orders .com-customer-order-detail-item dd {
    padding: 7px 4px !important;
    border-bottom: 1px solid #eee !important;
    text-align: right !important;
}

.com-my-orders .com-customer-order-detail-item dt {
    color: #777 !important;
    font-weight: 500 !important;
}

.com-my-orders .com-customer-order-detail-item dd {
    margin: 0 !important;
    color: #444 !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

/* لینک ثبت نظر بخشی از جزئیات محصول است، ولی ظاهر دکمه Checkout را خراب نکند */
.com-my-orders .com-customer-order-detail-item a {
    margin-top: 8px !important;
    color: #c82626 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    .com-my-orders .com-customer-order-modal {
        padding: 14px !important;
    }

    .com-my-orders .com-customer-order-modal__dialog {
        max-width: 380px !important;
        padding: 18px 16px !important;
    }

    .com-my-orders .com-customer-order-detail-item dl {
        font-size: 13px !important;
    }
}

/* ===== 2.16.29 — فایل آپلودشده دقیقاً زیر محصول خودش ===== */
.com-customer-order-detail-item .com-customer-item-upload {
    display: block;
    width: 100%;
    margin: 8px 0 2px;
    padding: 0;
    text-align: right;
    direction: rtl;
}

.com-customer-order-detail-item .com-customer-item-upload__label {
    display: block;
    margin: 0 0 5px;
    color: #7c2d12;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.8;
}

.com-customer-order-detail-item .com-customer-item-upload__files {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
}

.com-customer-order-detail-item .com-customer-item-upload .com-customer-uploaded-image-button {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

.com-customer-order-detail-item .com-customer-item-upload .com-customer-uploaded-image-button img {
    display: block;
    width: auto;
    height: auto;
    max-width: 145px;
    max-height: 180px;
    margin: 0;
    padding: 0;
    object-fit: contain;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .com-customer-order-detail-item .com-customer-item-upload .com-customer-uploaded-image-button img {
        max-width: 120px;
        max-height: 155px;
    }
}


/* ===== 2.16.30 — پاپ‌آپ تصویر همیشه بالاتر از جزئیات محصول ===== */
.com-customer-upload-image-modal {
    z-index: 2147483000 !important;
}
.com-customer-upload-image-modal__backdrop {
    z-index: 0 !important;
}
.com-customer-upload-image-modal__dialog {
    z-index: 2 !important;
}


/* ===== 2.16.31 — اصلاح جای دکمه بستن جزئیات محصول ===== */
.com-my-orders .com-customer-order-modal__close {
    top: 12px !important;
    right: 12px !important;
    left: auto !important;
    z-index: 10 !important;
}
.com-my-orders .com-customer-order-modal__dialog > h3 {
    padding-right: 34px !important;
    padding-left: 34px !important;
}
@media (max-width: 767px) {
    .com-my-orders .com-customer-order-modal__close {
        top: 10px !important;
        right: 10px !important;
    }
}

/* ===== 2.16.32 — دکمه بستن جزئیات محصول: سمت چپ و کاملاً دایره ===== */
.com-my-orders .com-customer-order-modal__close {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    transform: none !important;
    -webkit-transform: none !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
@media (max-width: 767px) {
    .com-my-orders .com-customer-order-modal__close {
        top: 10px !important;
        left: 10px !important;
        right: auto !important;
    }
}


/* ===== 2.16.34 — سؤال فایل طراحی/لوگو در یک خط، بدون هم‌پوشانی پاسخ ===== */
.com-my-orders .com-customer-order-detail-item dt.com-long-design-question {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    line-height: 1.4 !important;
    font-size: 10.5px !important;
    letter-spacing: -0.15px !important;
    padding-left: 4px !important;
}

.com-my-orders .com-customer-order-detail-item dd.com-long-design-answer {
    position: relative !important;
    left: -10px !important;
    padding-left: 12px !important;
    white-space: nowrap !important;
}

@media (max-width: 767px) {
    .com-my-orders .com-customer-order-detail-item dt.com-long-design-question {
        font-size: 10px !important;
        line-height: 1.35 !important;
        letter-spacing: -0.2px !important;
    }

    .com-my-orders .com-customer-order-detail-item dd.com-long-design-answer {
        left: -8px !important;
    }
}