.shcdpc-wrap {
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 22px;
    margin: 14px 0;
    color: #0f172a;
    background:
        radial-gradient(circle at 15% 10%, rgba(255,255,255,.8), transparent 26%),
        radial-gradient(circle at 90% 20%, rgba(34,211,238,.18), transparent 30%),
        linear-gradient(135deg, #eef2ff 0%, #f8fafc 42%, #ecfeff 100%);
    border: 1px solid rgba(148, 163, 184, .28);
    box-shadow: 0 24px 60px rgba(15, 23, 42, .13);
    direction: rtl;
}

.shcdpc-wrap * {
    box-sizing: border-box;
}

.shcdpc-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 18px;
}

.shcdpc-kicker {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(99, 102, 241, .12);
    color: #4338ca;
    font-size: 12px;
    font-weight: 800;
}

.shcdpc-head h3 {
    margin: 10px 0 4px;
    font-size: 22px;
    line-height: 1.5;
}

.shcdpc-head p {
    margin: 0;
    color: #475569;
    line-height: 1.9;
}

.shcdpc-loader {
    display: flex;
    gap: 6px;
    opacity: 0;
    transition: opacity .2s ease;
}

.shcdpc-loader.is-visible {
    opacity: 1;
}

.shcdpc-loader span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #6366f1;
    animation: shcdpc-bounce 1s infinite ease-in-out;
}

.shcdpc-loader span:nth-child(2) { animation-delay: .12s; }
.shcdpc-loader span:nth-child(3) { animation-delay: .24s; }

@keyframes shcdpc-bounce {
    0%, 80%, 100% { transform: translateY(0); opacity: .45; }
    40% { transform: translateY(-8px); opacity: 1; }
}

.shcdpc-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    gap: 14px;
    margin: 16px 0;
}

.shcdpc-card {
    --from: #4f46e5;
    --to: #06b6d4;
    position: relative;
    overflow: hidden;
    min-height: 168px;
    border: 0;
    border-radius: 22px;
    padding: 18px;
    text-align: right;
    color: #fff;
    cursor: pointer;
    background:
        linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0) 32%),
        linear-gradient(135deg, var(--from), var(--to));
    box-shadow: 0 18px 38px rgba(15, 23, 42, .22);
    transform: translateY(0) scale(1);
    transition: transform .22s ease, box-shadow .22s ease, outline .22s ease;
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif;
}

.shcdpc-card:before,
.shcdpc-card:after {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    pointer-events: none;
}

.shcdpc-card:before {
    width: 170px;
    height: 170px;
    left: -58px;
    top: -52px;
}

.shcdpc-card:after {
    width: 135px;
    height: 135px;
    right: -46px;
    bottom: -55px;
}

.shcdpc-card:hover,
.shcdpc-card.is-active {
    transform: translateY(-4px) scale(1.015);
    box-shadow: 0 26px 54px rgba(15, 23, 42, .28);
}

.shcdpc-card.is-active {
    outline: 3px solid rgba(15, 23, 42, .2);
    outline-offset: 3px;
}

.shcdpc-theme-mehr { --from: #008a5b; --to: #22c55e; }
.shcdpc-theme-mellat { --from: #991b1b; --to: #ef4444; }
.shcdpc-theme-melli { --from: #1d4ed8; --to: #38bdf8; }
.shcdpc-theme-saderat { --from: #0f172a; --to: #2563eb; }
.shcdpc-theme-sepah { --from: #92400e; --to: #f59e0b; }
.shcdpc-theme-saman { --from: #0f766e; --to: #2dd4bf; }
.shcdpc-theme-pasargad { --from: #713f12; --to: #eab308; }
.shcdpc-theme-custom { --from: #38008a; --to: #8a0079; }

.shcdpc-bank-row,
.shcdpc-card-footer {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.shcdpc-bank-name {
    font-weight: 900;
    font-size: 16px;
}

.shcdpc-chip {
    width: 42px;
    height: 30px;
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.45));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.4);
}

.shcdpc-card-number {
    position: relative;
    z-index: 2;
    display: block;
    margin: 24px 0 18px;
    letter-spacing: 2px;
    font-size: 23px;
    font-weight: 900;
    text-align: center;
    direction: ltr;
}

.shcdpc-card-footer {
    font-size: 12px;
    opacity: .95;
}

.shcdpc-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 16px 0;
}

.shcdpc-copy-card.button {
    border: 0;
    border-radius: 14px;
    padding: 8px 16px;
    height: auto;
    min-height: 42px;
    color: #fff;
    background: linear-gradient(135deg, #38008a, #008a88);
    box-shadow: 0 10px 22px rgba(56, 0, 138, .22);
}

.shcdpc-copy-result {
    color: #16a34a;
    font-weight: 800;
    opacity: 0;
    transition: opacity .2s ease;
}

.shcdpc-copy-result.is-visible {
    opacity: 1;
}

.shcdpc-uploader {
    margin-top: 14px;
}

.shcdpc-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 142px;
    border: 2px dashed rgba(99, 102, 241, .38);
    border-radius: 20px;
    background: rgba(255, 255, 255, .72);
    cursor: pointer;
    padding: 18px;
    text-align: center;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.shcdpc-dropzone:hover {
    border-color: #6366f1;
    background: rgba(255, 255, 255, .92);
    transform: translateY(-2px);
}

.shcdpc-upload-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #06b6d4);
    color: #fff;
    font-size: 26px;
    font-weight: 900;
}

.shcdpc-dropzone strong {
    color: #0f172a;
}

.shcdpc-dropzone small {
    color: #64748b;
}

.shcdpc-file {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.shcdpc-upload-status {
    min-height: 28px;
    margin-top: 10px;
    font-weight: 800;
    color: #475569;
}

.shcdpc-upload-status.is-success { color: #15803d; }
.shcdpc-upload-status.is-error { color: #b91c1c; }

.shcdpc-progress {
    overflow: hidden;
    height: 6px;
    border-radius: 999px;
    background: rgba(99, 102, 241, .13);
    margin-top: 12px;
}

.shcdpc-progress span {
    display: block;
    width: 36%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #38008a, #008a88, #008a20);
    animation: shcdpc-progress 1.2s infinite ease-in-out;
}

@keyframes shcdpc-progress {
    0% { transform: translateX(120%); }
    100% { transform: translateX(-280%); }
}

.shcdpc-alert,
.shcdpc-thankyou {
    padding: 14px 16px;
    border-radius: 16px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #9a3412;
}

@media (max-width: 640px) {
    .shcdpc-wrap {
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif; padding: 16px; border-radius: 18px; }
    .shcdpc-head { flex-direction: column; }
    .shcdpc-card-number { font-size: 19px; letter-spacing: 1px; }
    .shcdpc-actions { align-items: stretch; }
    .shcdpc-copy-card.button { width: 100%; }
}

.shcdpc-customer-fields {
    margin: 18px 0;
    padding: 16px;
    border: 1px solid rgba(99, 102, 241, .18);
    border-radius: 20px;
    background: rgba(255, 255, 255, .72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.shcdpc-customer-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.shcdpc-customer-title strong {
    color: #1e1b4b;
    font-weight: 900;
}

.shcdpc-customer-title small {
    color: #64748b;
}

.shcdpc-customer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.shcdpc-customer-grid label {
    display: block;
}

.shcdpc-customer-grid label span {
    display: block;
    margin-bottom: 7px;
    color: #334155;
    font-weight: 800;
}

.shcdpc-customer-grid label em {
    color: #dc2626;
    font-style: normal;
}

.shcdpc-customer-grid input,
.shcdpc-customer-grid textarea {
    width: 100%;
    min-height: 43px;
    border: 1px solid rgba(148, 163, 184, .4);
    border-radius: 14px;
    background: rgba(255,255,255,.92);
    padding: 8px 12px;
    font-family: inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}

.shcdpc-customer-grid textarea {
    resize: vertical;
}

.shcdpc-customer-grid input:focus,
.shcdpc-customer-grid textarea:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99,102,241,.13);
    outline: 0;
}

.shcdpc-field-full {
    grid-column: 1 / -1;
}

@media (max-width: 640px) {
    .shcdpc-customer-grid {
        grid-template-columns: 1fr;
    }
}


.shcdpc-theme-tejarat { --from: #0b3f8a; --to: #0ea5e9; }
.shcdpc-theme-parsian { --from: #c2410c; --to: #fb923c; }
.shcdpc-theme-keshavarzi { --from: #365314; --to: #84cc16; }
.shcdpc-theme-maskan { --from: #9a3412; --to: #f97316; }
.shcdpc-theme-refah { --from: #111827; --to: #475569; }
.shcdpc-theme-ayandeh { --from: #064e3b; --to: #14b8a6; }
.shcdpc-theme-sina { --from: #075985; --to: #22c55e; }
.shcdpc-theme-shahr { --from: #be123c; --to: #2563eb; }
.shcdpc-theme-postbank { --from: #166534; --to: #eab308; }
.shcdpc-theme-resalat { --from: #0369a1; --to: #7dd3fc; }
.shcdpc-theme-karafarin { --from: #7f1d1d; --to: #e11d48; }
.shcdpc-theme-tourism { --from: #991b1b; --to: #f59e0b; }

.shcdpc-bank-identity {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.shcdpc-bank-logo {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background:
        radial-gradient(circle at 30% 25%, rgba(255,255,255,.95), rgba(255,255,255,.4) 36%, rgba(255,255,255,.16) 70%),
        rgba(255,255,255,.18);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.34),
        0 12px 22px rgba(15,23,42,.18);
    overflow: hidden;
}

.shcdpc-bank-logo:before,
.shcdpc-bank-logo:after {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: rgba(255,255,255,.38);
}

.shcdpc-bank-logo:before {
    width: 30px;
    height: 30px;
    left: -7px;
    bottom: -7px;
}

.shcdpc-bank-logo:after {
    width: 14px;
    height: 14px;
    right: 9px;
    top: 8px;
}

.shcdpc-bank-logo > span {
    position: relative;
    z-index: 2;
    display: block;
    max-width: 44px;
    padding: 0 3px;
    color: #fff;
    font-size: 10px;
    line-height: 1.35;
    font-weight: 950;
    text-align: center;
    text-shadow: 0 1px 8px rgba(15,23,42,.28);
    white-space: normal;
}

.shcdpc-bank-logo-mellat { border-radius: 50%; }
.shcdpc-bank-logo-mellat:before { width: 42px; height: 18px; right: 3px; left: auto; bottom: 15px; transform: rotate(-24deg); }
.shcdpc-bank-logo-melli { border-radius: 14px 22px 14px 22px; }
.shcdpc-bank-logo-saderat { border-radius: 12px; }
.shcdpc-bank-logo-saderat:after { width: 32px; height: 4px; right: 8px; top: 14px; box-shadow: 0 9px 0 rgba(255,255,255,.32), 0 18px 0 rgba(255,255,255,.22); }
.shcdpc-bank-logo-tejarat:before { width: 36px; height: 36px; inset: 6px auto auto 6px; border-radius: 12px; transform: rotate(45deg); }
.shcdpc-bank-logo-parsian { border-radius: 50% 16px 50% 16px; }
.shcdpc-bank-logo-keshavarzi:before { width: 32px; height: 22px; left: 7px; bottom: 8px; border-radius: 100% 0 100% 0; transform: rotate(-12deg); }
.shcdpc-bank-logo-maskan:before { width: 32px; height: 22px; left: 8px; bottom: 8px; border-radius: 7px; transform: rotate(45deg); }
.shcdpc-bank-logo-pasargad:after { width: 28px; height: 28px; right: 10px; top: 10px; border-radius: 8px; transform: rotate(45deg); }
.shcdpc-bank-logo-saman { border-radius: 50%; }
.shcdpc-bank-logo-postbank:before { width: 36px; height: 20px; left: 6px; bottom: 13px; border-radius: 12px 12px 4px 4px; }

.shcdpc-copy-card.button {
    --copy-from: #38008a;
    --copy-to: #008a88;
    background: linear-gradient(135deg, var(--copy-from), var(--copy-to));
    box-shadow: 0 12px 25px color-mix(in srgb, var(--copy-from) 28%, transparent);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.shcdpc-copy-card.button:hover,
.shcdpc-copy-card.button:focus {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(15,23,42,.22);
}

.shcdpc-jalali-date-input {
    cursor: pointer;
    background-image: linear-gradient(135deg, rgba(99,102,241,.08), rgba(34,211,238,.08));
}

.shcdpc-jalali-date-input::placeholder {
    color: #64748b;
}

.shcdpc-jalali-picker {
    position: absolute;
    z-index: 999999;
    display: none;
    width: 292px;
    padding: 13px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 10% 0, rgba(217,70,239,.14), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
    border: 1px solid rgba(148,163,184,.28);
    box-shadow: 0 24px 58px rgba(15,23,42,.22);
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif;
    color: #0f172a;
}

.shcdpc-jalali-picker.is-open {
    display: block;
    animation: shcdpc-jp-pop .16s ease-out;
}

@keyframes shcdpc-jp-pop {
    from { opacity: 0; transform: translateY(8px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.shcdpc-jp-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 2px 12px;
}

.shcdpc-jp-head strong {
    color: #24103f;
    font-weight: 950;
}

.shcdpc-jp-nav,
.shcdpc-jp-today,
.shcdpc-jp-close,
.shcdpc-jp-day {
    font-family: inherit;
    cursor: pointer;
}

.shcdpc-jp-nav {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #6d28d9, #d946ef);
    font-size: 20px;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(109,40,217,.22);
}

.shcdpc-jp-week,
.shcdpc-jp-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}

.shcdpc-jp-week span {
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
}

.shcdpc-jp-grid {
    margin-top: 8px;
}

.shcdpc-jp-empty,
.shcdpc-jp-day {
    min-height: 33px;
}

.shcdpc-jp-day {
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 12px;
    color: #334155;
    background: rgba(255,255,255,.82);
    font-weight: 900;
    transition: transform .15s ease, background .15s ease, color .15s ease;
}

.shcdpc-jp-day:hover,
.shcdpc-jp-day.is-today {
    color: #fff;
    background: linear-gradient(135deg, #6d28d9, #d946ef);
    transform: translateY(-1px);
}

.shcdpc-jp-actions {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
}

.shcdpc-jp-today,
.shcdpc-jp-close {
    border: 0;
    border-radius: 12px;
    padding: 7px 12px;
    min-height: 34px;
    font-weight: 900;
}

.shcdpc-jp-today {
    color: #fff;
    background: linear-gradient(135deg, #0f766e, #22c55e);
}

.shcdpc-jp-close {
    color: #581c87;
    background: rgba(109,40,217,.1);
}

.shcdpc-jp-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 12px;
    padding: 10px;
    border-radius: 15px;
    background: rgba(99,102,241,.08);
}

.shcdpc-jp-time span {
    color: #334155;
    font-size: 12px;
    font-weight: 950;
    margin-left: auto;
}

.shcdpc-jp-time select {
    min-height: 34px;
    width: 70px;
    border: 1px solid rgba(148,163,184,.32);
    border-radius: 11px;
    background: #fff;
    color: #1e1b4b;
    font-family: inherit;
    font-weight: 900;
    text-align: center;
}

.shcdpc-jp-time b {
    color: #581c87;
    font-size: 16px;
}


.shcdpc-checkout-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0 16px;
}

.shcdpc-checkout-steps span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(148, 163, 184, .24);
    color: #475569;
    font-size: 13px;
    font-weight: 900;
    transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.shcdpc-checkout-steps i {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(99, 102, 241, .13);
    color: #4f46e5;
    font-style: normal;
    font-weight: 950;
}

.shcdpc-checkout-steps span.is-active,
.shcdpc-checkout-steps span.is-done {
    color: #fff;
    background: linear-gradient(135deg, #4f46e5, #06b6d4);
    box-shadow: 0 14px 28px rgba(79, 70, 229, .18);
    transform: translateY(-1px);
}

.shcdpc-checkout-steps span.is-active i,
.shcdpc-checkout-steps span.is-done i {
    background: rgba(255,255,255,.22);
    color: #fff;
}

.shcdpc-order-amount-box,
.shcdpc-selected-card-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 16px;
    margin: 12px 0;
    border-radius: 20px;
    background: rgba(255, 255, 255, .76);
    border: 1px solid rgba(99, 102, 241, .18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74);
}

.shcdpc-order-amount-box span,
.shcdpc-selected-card-box span,
.shcdpc-selected-card-box small {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.shcdpc-order-amount-box strong,
.shcdpc-selected-card-box strong {
    display: block;
    color: #111827;
    font-size: 18px;
    font-weight: 950;
    margin-top: 2px;
}

.shcdpc-copy-amount.button {
    border: 0;
    border-radius: 14px;
    height: auto;
    min-height: 40px;
    padding: 8px 15px;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    background: linear-gradient(135deg, #0f172a, #475569);
    box-shadow: 0 12px 24px rgba(15, 23, 42, .16);
}

.shcdpc-actions {
    display: grid;
    gap: 12px;
    margin: 16px 0;
}

.shcdpc-payment-link-spotlight {
    --pay-from: #4f46e5;
    --pay-to: #06b6d4;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 24px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 14% 16%, rgba(255,255,255,.34), transparent 28%),
        radial-gradient(circle at 88% 8%, rgba(255,255,255,.22), transparent 30%),
        linear-gradient(135deg, var(--pay-from), var(--pay-to));
    box-shadow: 0 22px 50px rgba(79, 70, 229, .28), inset 0 1px 0 rgba(255,255,255,.26);
    isolation: isolate;
}

.shcdpc-payment-link-spotlight::before {
    content: "";
    position: absolute;
    inset: -45%;
    z-index: -1;
    background: conic-gradient(from 90deg, transparent, rgba(255,255,255,.34), transparent 26%);
    animation: shcdpcLinkShine 4.6s linear infinite;
}

.shcdpc-payment-link-spotlight::after {
    content: "";
    position: absolute;
    inset: 8px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 20px;
    pointer-events: none;
}

.shcdpc-payment-link-spotlight[hidden],
.shcdpc-pay-link.button[hidden] {
    display: none !important;
}

.shcdpc-payment-link-copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 5px;
}

.shcdpc-payment-link-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.22);
    border: 1px solid rgba(255,255,255,.28);
    color: #fff;
    font-size: 11px;
    font-weight: 950;
}

.shcdpc-payment-link-copy strong {
    color: #fff;
    font-size: 17px;
    font-weight: 950;
    line-height: 1.8;
}

.shcdpc-payment-link-copy small {
    color: rgba(255,255,255,.88);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.9;
}

.shcdpc-pay-link.button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 235px;
    min-height: 58px;
    padding: 12px 18px;
    border: 0;
    border-radius: 18px;
    color: #111827;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 18px 35px rgba(15, 23, 42, .22), inset 0 0 0 1px rgba(255,255,255,.62);
    font-weight: 950;
    text-decoration: none;
    transform: translateY(0);
    animation: shcdpcPayPulse 1.8s ease-in-out infinite;
}

.shcdpc-pay-link.button:hover,
.shcdpc-pay-link.button:focus {
    color: #111827;
    transform: translateY(-2px) scale(1.015);
    box-shadow: 0 22px 42px rgba(15, 23, 42, .28), 0 0 0 4px rgba(255,255,255,.22);
}

.shcdpc-pay-link.button .dashicons {
    width: 24px;
    height: 24px;
    font-size: 24px;
    color: var(--pay-from);
}

.shcdpc-pay-link.button b,
.shcdpc-pay-link.button em {
    display: block;
    line-height: 1.35;
}

.shcdpc-pay-link.button b {
    font-size: 14px;
}

.shcdpc-pay-link.button em {
    color: #64748b;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

@keyframes shcdpcPayPulse {
    0%, 100% { box-shadow: 0 18px 35px rgba(15, 23, 42, .22), 0 0 0 0 rgba(255,255,255,.36); }
    50% { box-shadow: 0 18px 35px rgba(15, 23, 42, .22), 0 0 0 8px rgba(255,255,255,.12); }
}

@keyframes shcdpcLinkShine {
    to { transform: rotate(360deg); }
}

.shcdpc-card-footer {
    align-items: flex-end;
}

.shcdpc-card-footer span:first-child {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    backdrop-filter: blur(8px);
    font-weight: 900;
}

.shcdpc-progress {
    position: relative;
    height: 18px;
    background: rgba(15, 23, 42, .08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.shcdpc-progress span {
    width: 0;
    animation: none;
    transition: width .18s ease;
    background: linear-gradient(90deg, #4f46e5, #06b6d4, #22c55e);
}

.shcdpc-progress em {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #0f172a;
    font-size: 11px;
    line-height: 1;
    font-style: normal;
    font-weight: 950;
}

@media (max-width: 640px) {
    .shcdpc-checkout-steps {
        grid-template-columns: 1fr;
    }
    .shcdpc-order-amount-box,
    .shcdpc-selected-card-box {
        align-items: stretch;
        flex-direction: column;
    }
    .shcdpc-copy-amount.button,
    .shcdpc-pay-link.button {
        width: 100%;
        text-align: center;
    }
    .shcdpc-payment-link-spotlight {
        grid-template-columns: 1fr;
        padding: 15px;
    }
    .shcdpc-pay-link.button {
        min-width: 0;
    }
}

.shcdpc-link-confirm {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(79, 70, 229, .18);
    border-radius: 24px;
    padding: 18px;
    margin: 18px 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(124, 58, 237, .18), transparent 32%),
        radial-gradient(circle at 90% 10%, rgba(6, 182, 212, .18), transparent 34%),
        rgba(255, 255, 255, .82);
    box-shadow: 0 18px 45px rgba(76, 29, 149, .12);
    backdrop-filter: blur(16px);
}

.shcdpc-link-confirm[hidden] {
    display: none !important;
}

.shcdpc-link-confirm-head {
    display: grid;
    gap: 6px;
    margin-bottom: 14px;
}

.shcdpc-link-confirm-head strong {
    color: #312e81;
    font-size: 16px;
    font-weight: 950;
}

.shcdpc-link-confirm-head small {
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.9;
}

.shcdpc-link-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.shcdpc-link-grid label {
    display: grid;
    gap: 7px;
    margin: 0;
}

.shcdpc-link-grid span {
    color: #334155;
    font-size: 12px;
    font-weight: 900;
}

.shcdpc-link-grid em {
    color: #ef4444;
    font-style: normal;
}

.shcdpc-link-grid input {
    width: 100%;
    min-height: 46px;
    border-radius: 16px;
    border: 1px solid rgba(99, 102, 241, .24);
    background: rgba(255,255,255,.9);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 26px rgba(99, 102, 241, .08);
    color: #111827;
    font-weight: 900;
}

.shcdpc-card-transfer-mode.button {
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #64748b, #0f172a);
    color: #fff;
    font-weight: 900;
    box-shadow: 0 12px 25px rgba(15, 23, 42, .14);
}

.shcdpc-wrap.is-payment-link-mode .shcdpc-customer-fields,
.shcdpc-wrap.is-payment-link-mode .shcdpc-uploader,
.shcdpc-wrap.is-payment-link-mode .shcdpc-progress {
    display: none !important;
}

.shcdpc-wrap.is-payment-link-mode .shcdpc-selected-card-box {
    border-color: rgba(6, 182, 212, .24);
    background:
        radial-gradient(circle at 0 0, rgba(6, 182, 212, .14), transparent 35%),
        rgba(255,255,255,.92);
}

@media (max-width: 640px) {
    .shcdpc-link-grid {
        grid-template-columns: 1fr;
    }
}


.shcdpc-card {
    will-change: transform;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.shcdpc-card::selection,
.shcdpc-card *::selection {
    background: transparent;
}

.shcdpc-card.is-copied {
    animation: shcdpcCardCopiedPop .72s cubic-bezier(.2, .9, .25, 1) both;
}

.shcdpc-card.is-copied .shcdpc-card-number {
    animation: shcdpcCardNumberFlash .72s ease both;
}

.shcdpc-card.is-copied .shcdpc-card-number::after {
    content: "کپی شد";
    position: absolute;
    left: 0;
    top: -32px;
    padding: 5px 10px;
    border-radius: 999px;
    color: #0f172a;
    background: rgba(255,255,255,.94);
    box-shadow: 0 10px 22px rgba(15,23,42,.22);
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0;
}

@keyframes shcdpcCardCopiedPop {
    0% { transform: translateY(0) scale(1); }
    38% { transform: translateY(-5px) scale(1.018); }
    100% { transform: translateY(0) scale(1); }
}

@keyframes shcdpcCardNumberFlash {
    0%, 100% { filter: brightness(1); }
    45% { filter: brightness(1.42); }
}

.shcdpc-payment-link-spotlight {
    gap: 18px;
    padding: 20px;
    border: 2px solid rgba(255,255,255,.34);
    box-shadow:
        0 24px 58px rgba(79, 70, 229, .34),
        0 0 0 5px rgba(255,255,255,.18),
        inset 0 1px 0 rgba(255,255,255,.32);
}

.shcdpc-payment-link-spotlight::before {
    background:
        radial-gradient(circle, rgba(255,255,255,.55) 0 8%, transparent 9% 100%),
        conic-gradient(from 90deg, transparent, rgba(255,255,255,.38), transparent 27%);
    background-size: 90px 90px, auto;
    opacity: .85;
}

.shcdpc-payment-link-spotlight::after {
    border-width: 2px;
    box-shadow: inset 0 0 28px rgba(255,255,255,.14);
}

.shcdpc-payment-link-badge {
    padding: 7px 13px;
    color: #111827;
    background: linear-gradient(135deg, #fff7ed, #fef3c7);
    border-color: rgba(255,255,255,.72);
    box-shadow: 0 10px 22px rgba(15,23,42,.13);
}

.shcdpc-payment-link-copy strong {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 19px;
    text-shadow: 0 2px 12px rgba(15,23,42,.22);
}

.shcdpc-payment-link-copy strong::before {
    content: "↗";
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 14px;
    color: #111827;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 24px rgba(15,23,42,.18);
    font-size: 18px;
    line-height: 1;
}

.shcdpc-payment-link-copy small {
    max-width: 680px;
    color: rgba(255,255,255,.96);
    font-size: 13px;
}

.shcdpc-pay-link.button {
    min-width: 290px;
    min-height: 66px;
    padding: 14px 22px;
    border-radius: 22px;
    color: #0f172a;
    background:
        linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,.92)) !important;
    box-shadow:
        0 20px 40px rgba(15, 23, 42, .28),
        0 0 0 6px rgba(255,255,255,.18),
        inset 0 0 0 1px rgba(255,255,255,.78);
    animation: shcdpcPayGlow 1.65s ease-in-out infinite;
}

.shcdpc-pay-link.button::after {
    content: "باز کردن صفحه پرداخت";
    position: absolute;
    right: 14px;
    bottom: -12px;
    padding: 3px 9px;
    border-radius: 999px;
    color: #fff;
    background: #0f172a;
    box-shadow: 0 8px 18px rgba(15,23,42,.2);
    font-size: 10px;
    font-weight: 950;
    white-space: nowrap;
}

.shcdpc-pay-link.button b {
    font-size: 15px;
}

.shcdpc-pay-link.button em {
    color: #475569;
    font-size: 11px;
}

@keyframes shcdpcPayGlow {
    0%, 100% {
        box-shadow:
            0 20px 40px rgba(15, 23, 42, .26),
            0 0 0 4px rgba(255,255,255,.18),
            inset 0 0 0 1px rgba(255,255,255,.78);
    }
    50% {
        box-shadow:
            0 24px 48px rgba(15, 23, 42, .32),
            0 0 0 12px rgba(255,255,255,.10),
            inset 0 0 0 1px rgba(255,255,255,.9);
    }
}

@media (hover: none), (pointer: coarse), (max-width: 640px) {
    .shcdpc-card,
    .shcdpc-card:hover,
    .shcdpc-card.is-active {
        transform: none !important;
        transition: box-shadow .18s ease, outline .18s ease, filter .18s ease;
    }

    .shcdpc-card.is-copied {
        animation: shcdpcMobileCardCopied .48s ease both;
    }

    .shcdpc-card.is-copied .shcdpc-card-number {
        animation: shcdpcCardNumberFlash .55s ease both;
    }

    .shcdpc-payment-link-spotlight::before {
        animation: none !important;
        transform: none !important;
    }

    .shcdpc-payment-link-spotlight {
        padding: 18px;
        border-radius: 24px;
        box-shadow: 0 18px 40px rgba(79,70,229,.24), inset 0 1px 0 rgba(255,255,255,.26);
    }

    .shcdpc-pay-link.button,
    .shcdpc-pay-link.button:hover,
    .shcdpc-pay-link.button:focus {
        width: 100%;
        min-width: 0;
        min-height: 70px;
        transform: none !important;
        animation: shcdpcMobilePayGlow 2s ease-in-out infinite;
    }

    .shcdpc-pay-link.button::after {
        right: 50%;
        transform: translateX(50%);
    }
}

@keyframes shcdpcMobileCardCopied {
    0% { filter: brightness(1); }
    45% { filter: brightness(1.18); }
    100% { filter: brightness(1); }
}

@keyframes shcdpcMobilePayGlow {
    0%, 100% { box-shadow: 0 16px 32px rgba(15,23,42,.22), 0 0 0 3px rgba(255,255,255,.15); }
    50% { box-shadow: 0 20px 38px rgba(15,23,42,.26), 0 0 0 8px rgba(255,255,255,.10); }
}

@media (prefers-reduced-motion: reduce) {
    .shcdpc-card,
    .shcdpc-card.is-copied,
    .shcdpc-card.is-copied .shcdpc-card-number,
    .shcdpc-payment-link-spotlight::before,
    .shcdpc-pay-link.button {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}


.shcdpc-card {
    backface-visibility: hidden;
    transform: translateZ(0);
    will-change: auto;
}

.shcdpc-card:hover,
.shcdpc-card.is-active {
    transform: translateY(-2px);
}

.shcdpc-card.is-copied {
    animation: shcdpcCardCopiedOfficial .62s ease both !important;
}

.shcdpc-card.is-copied .shcdpc-card-number {
    animation: none !important;
}

.shcdpc-card.is-copied .shcdpc-card-number::after {
    content: "شماره کارت کپی شد";
    position: absolute;
    top: auto;
    left: 50%;
    right: auto;
    bottom: -30px;
    transform: translateX(-50%);
    z-index: 4;
    max-width: calc(100% - 16px);
    padding: 5px 12px;
    border-radius: 999px;
    color: #0f172a;
    background: rgba(255,255,255,.96);
    box-shadow: 0 10px 24px rgba(15,23,42,.20);
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0;
    white-space: nowrap;
    pointer-events: none;
}

@keyframes shcdpcCardCopiedOfficial {
    0% {
        box-shadow: 0 18px 38px rgba(15, 23, 42, .22), inset 0 0 0 0 rgba(255,255,255,0);
        filter: brightness(1);
    }
    48% {
        box-shadow: 0 22px 44px rgba(15, 23, 42, .26), inset 0 0 0 2px rgba(255,255,255,.62), inset 0 0 34px rgba(255,255,255,.16);
        filter: brightness(1.08);
    }
    100% {
        box-shadow: 0 18px 38px rgba(15, 23, 42, .22), inset 0 0 0 0 rgba(255,255,255,0);
        filter: brightness(1);
    }
}

.shcdpc-payment-link-spotlight {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.42);
    box-shadow:
        0 22px 52px rgba(30, 41, 59, .24),
        0 0 0 1px rgba(255,255,255,.18),
        inset 0 1px 0 rgba(255,255,255,.34);
    transform: translateZ(0);
    isolation: isolate;
}

.shcdpc-payment-link-spotlight::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .72;
    background:
        linear-gradient(110deg,
            transparent 0%,
            transparent 34%,
            rgba(255,255,255,.08) 41%,
            rgba(255,255,255,.32) 50%,
            rgba(255,255,255,.08) 59%,
            transparent 66%,
            transparent 100%);
    background-size: 260% 100%;
    animation: shcdpcContainedSheen 4.8s ease-in-out infinite;
    transform: none !important;
    pointer-events: none;
}

.shcdpc-payment-link-spotlight::after {
    inset: 10px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 18px;
    box-shadow: inset 0 0 32px rgba(255,255,255,.10);
}

.shcdpc-payment-link-badge {
    background: rgba(255,255,255,.92);
    color: #111827;
    border-color: rgba(255,255,255,.72);
}

.shcdpc-payment-link-copy strong::before {
    content: "↗";
    transform: none !important;
}

.shcdpc-pay-link.button,
.shcdpc-pay-link.button:hover,
.shcdpc-pay-link.button:focus {
    overflow: hidden;
    transform: none !important;
    animation: shcdpcContainedButtonGlow 3.2s ease-in-out infinite !important;
}

.shcdpc-pay-link.button::after {
    content: "";
    position: absolute;
    inset: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: inherit;
    padding: 0;
    background:
        linear-gradient(110deg,
            transparent 0%,
            transparent 35%,
            rgba(255,255,255,.50) 50%,
            transparent 65%,
            transparent 100%);
    background-size: 240% 100%;
    animation: shcdpcContainedSheen 3.8s ease-in-out infinite;
    box-shadow: none;
    transform: none !important;
    pointer-events: none;
}

.shcdpc-pay-link.button .dashicons {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--pay-from), var(--pay-to));
    box-shadow: 0 10px 22px rgba(15,23,42,.18);
}

.shcdpc-pay-link.button b,
.shcdpc-pay-link.button em {
    position: relative;
    z-index: 1;
}

@keyframes shcdpcContainedSheen {
    0%, 18% { background-position: 140% 0; }
    58%, 100% { background-position: -140% 0; }
}

@keyframes shcdpcContainedButtonGlow {
    0%, 100% {
        box-shadow:
            0 18px 36px rgba(15,23,42,.22),
            0 0 0 1px rgba(255,255,255,.24),
            inset 0 0 0 1px rgba(255,255,255,.78);
    }
    50% {
        box-shadow:
            0 20px 40px rgba(15,23,42,.26),
            0 0 0 4px rgba(255,255,255,.16),
            inset 0 0 0 1px rgba(255,255,255,.92);
    }
}

@media (hover: none), (pointer: coarse), (max-width: 640px) {
    .shcdpc-card,
    .shcdpc-card:hover,
    .shcdpc-card.is-active,
    .shcdpc-card.is-copied {
        transform: none !important;
        will-change: auto;
    }

    .shcdpc-card.is-copied {
        animation: shcdpcMobileCardCopiedOfficial .58s ease both !important;
    }

    .shcdpc-card.is-copied .shcdpc-card-number::after {
        bottom: -28px;
        font-size: 10px;
        padding: 4px 10px;
    }

    .shcdpc-payment-link-spotlight::before {
        animation: shcdpcContainedSheenMobile 5.6s ease-in-out infinite !important;
        background:
            linear-gradient(110deg,
                transparent 0%,
                transparent 36%,
                rgba(255,255,255,.10) 44%,
                rgba(255,255,255,.26) 50%,
                rgba(255,255,255,.10) 56%,
                transparent 64%,
                transparent 100%);
        background-size: 280% 100%;
        opacity: .62;
    }

    .shcdpc-pay-link.button,
    .shcdpc-pay-link.button:hover,
    .shcdpc-pay-link.button:focus {
        animation: shcdpcContainedButtonGlowMobile 3.6s ease-in-out infinite !important;
        transform: none !important;
    }

    .shcdpc-pay-link.button::after {
        animation: shcdpcContainedSheenMobile 4.6s ease-in-out infinite !important;
    }
}

@keyframes shcdpcMobileCardCopiedOfficial {
    0% {
        filter: brightness(1);
        box-shadow: 0 18px 38px rgba(15,23,42,.22);
    }
    48% {
        filter: brightness(1.07);
        box-shadow: 0 18px 38px rgba(15,23,42,.24), inset 0 0 0 2px rgba(255,255,255,.58);
    }
    100% {
        filter: brightness(1);
        box-shadow: 0 18px 38px rgba(15,23,42,.22);
    }
}

@keyframes shcdpcContainedSheenMobile {
    0%, 22% { background-position: 135% 0; }
    64%, 100% { background-position: -135% 0; }
}

@keyframes shcdpcContainedButtonGlowMobile {
    0%, 100% {
        box-shadow:
            0 15px 30px rgba(15,23,42,.20),
            0 0 0 1px rgba(255,255,255,.20),
            inset 0 0 0 1px rgba(255,255,255,.74);
    }
    50% {
        box-shadow:
            0 16px 32px rgba(15,23,42,.24),
            0 0 0 3px rgba(255,255,255,.14),
            inset 0 0 0 1px rgba(255,255,255,.90);
    }
}


.woocommerce-checkout #payment ul.payment_methods li.payment_method_shcd_payment_card,
.woocommerce-page #payment ul.payment_methods li.payment_method_shcd_payment_card {
    position: relative;
}

.woocommerce-checkout #payment ul.payment_methods li.payment_method_shcd_payment_card > label,
.woocommerce-page #payment ul.payment_methods li.payment_method_shcd_payment_card > label {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-height: 48px;
    padding: 10px 12px;
    border-radius: 16px;
    color: #111827;
    background: linear-gradient(135deg, rgba(124,58,237,.08), rgba(6,182,212,.07));
    border: 1px solid rgba(124,58,237,.16);
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif;
    font-weight: 900;
}

.woocommerce-checkout #payment ul.payment_methods li.payment_method_shcd_payment_card input[type="radio"]:checked + label,
.woocommerce-page #payment ul.payment_methods li.payment_method_shcd_payment_card input[type="radio"]:checked + label {
    border-color: rgba(124,58,237,.34);
    box-shadow: 0 12px 32px rgba(79,70,229,.12);
}

.shcdpc-gateway-label-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-inline-start: 8px;
    flex: 0 0 34px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #7c3aed, #06b6d4);
    box-shadow: 0 10px 24px rgba(79,70,229,.20);
    vertical-align: middle;
}

.shcdpc-gateway-label-icon img {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border-radius: 12px;
}

.shcdpc-compat-fallback {
    display: none;
    margin: 16px 0 18px;
}

.shcdpc-compat-fallback.is-active {
    display: block;
}

.shcdpc-wrap.shcdpc-is-fallback {
    display: none;
}

.shcdpc-wrap.shcdpc-is-fallback.is-active-fallback {
    display: block;
}

.shcdpc-fallback-fieldset {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.shcdpc-compat-notice {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    padding: 8px 12px;
    border-radius: 999px;
    color: #312e81;
    background: rgba(238,242,255,.92);
    border: 1px solid rgba(99,102,241,.18);
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: 950;
}

.shcdpc-compat-notice::before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #7c3aed, #06b6d4);
}

body.woocommerce-checkout .payment_box.payment_method_shcd_payment_card .shcdpc-wrap {
    display: block;
}

@media (max-width: 640px) {
    .woocommerce-checkout #payment ul.payment_methods li.payment_method_shcd_payment_card > label,
    .woocommerce-page #payment ul.payment_methods li.payment_method_shcd_payment_card > label {
        min-height: 54px;
        padding: 11px 12px;
        line-height: 1.7;
    }

    .shcdpc-gateway-label-icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .shcdpc-gateway-label-icon img {
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }
}


#shcdpc-jalali-picker.shcdpc-jalali-picker,
#shcdpc-jalali-picker.shcdpc-jalali-picker * {
    box-sizing: border-box !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker {
    all: initial;
    position: fixed !important;
    z-index: 2147483000 !important;
    display: none !important;
    direction: rtl !important;
    width: 320px !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
    overflow: auto !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(124,58,237,.12), transparent 30%),
        radial-gradient(circle at 88% 100%, rgba(6,182,212,.10), transparent 34%),
        linear-gradient(145deg, #ffffff, #f8fafc) !important;
    border: 1px solid rgba(148,163,184,.32) !important;
    box-shadow: 0 26px 64px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.92) !important;
    color: #0f172a !important;
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif !important;
    line-height: 1.6 !important;
    text-align: right !important;
    isolation: isolate !important;
    contain: layout paint style !important;
    -webkit-font-smoothing: antialiased !important;
    overscroll-behavior: contain !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker.is-open {
    display: block !important;
    animation: shcdpc-jp-contained-pop .16s ease-out both !important;
}

@keyframes shcdpc-jp-contained-pop {
    from { opacity: 0; transform: translate3d(0, 6px, 0) scale(.985); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

#shcdpc-jalali-picker.shcdpc-jalali-picker div,
#shcdpc-jalali-picker.shcdpc-jalali-picker span,
#shcdpc-jalali-picker.shcdpc-jalali-picker strong,
#shcdpc-jalali-picker.shcdpc-jalali-picker b {
    all: unset;
    box-sizing: border-box !important;
    direction: rtl !important;
    font-family: inherit !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker button,
#shcdpc-jalali-picker.shcdpc-jalali-picker select {
    all: unset;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    font-family: inherit !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    float: none !important;
    clear: none !important;
    position: relative !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 2px 0 12px !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-head strong {
    display: block !important;
    flex: 1 1 auto !important;
    color: #24103f !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.8 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-nav {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #6d28d9, #d946ef) !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: 0 8px 18px rgba(109,40,217,.22) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-week,
#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-week span {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1.8 !important;
    text-align: center !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-grid {
    margin-top: 8px !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-empty,
#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-day {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-day {
    padding: 0 !important;
    border: 1px solid rgba(148,163,184,.24) !important;
    border-radius: 12px !important;
    color: #334155 !important;
    background: rgba(255,255,255,.92) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
    transition: background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-day:hover,
#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-day:focus,
#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-day.is-today {
    color: #fff !important;
    border-color: rgba(109,40,217,.20) !important;
    background: linear-gradient(135deg, #6d28d9, #d946ef) !important;
    box-shadow: 0 8px 18px rgba(109,40,217,.18) !important;
    transform: none !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-time {
    display: grid !important;
    grid-template-columns: 1fr 70px 10px 70px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: rgba(99,102,241,.08) !important;
    border: 1px solid rgba(99,102,241,.10) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-time span {
    display: block !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1.6 !important;
    text-align: right !important;
    white-space: normal !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-time select {
    display: block !important;
    width: 70px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(148,163,184,.36) !important;
    border-radius: 13px !important;
    color: #1e1b4b !important;
    background: #fff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 36px !important;
    text-align: center !important;
    text-align-last: center !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.90) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-time b {
    display: block !important;
    color: #581c87 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-actions {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin-top: 12px !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-today,
#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 92px !important;
    height: 36px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 13px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 36px !important;
    text-align: center !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-today {
    color: #fff !important;
    background: linear-gradient(135deg, #0f766e, #22c55e) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-close {
    color: #581c87 !important;
    background: rgba(109,40,217,.10) !important;
}

@media (max-width: 520px) {
    #shcdpc-jalali-picker.shcdpc-jalali-picker {
        left: 12px !important;
        right: 12px !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        padding: 12px !important;
        border-radius: 22px !important;
    }

    #shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-week,
    #shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-grid {
        gap: 5px !important;
    }

    #shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-day,
    #shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-empty {
        height: 32px !important;
        min-height: 32px !important;
        border-radius: 11px !important;
    }

    #shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-time {
        grid-template-columns: 1fr 64px 8px 64px !important;
        gap: 6px !important;
        padding: 9px !important;
    }

    #shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-time select {
        width: 64px !important;
        height: 34px !important;
        min-height: 34px !important;
        line-height: 34px !important;
        padding: 0 8px !important;
    }
}

.shcdpc-bale-checkout {
    margin: 14px 0;
    padding: 18px;
    border: 1px solid rgba(124, 58, 237, .16);
    border-radius: 20px;
    background: linear-gradient(145deg, #ffffff 0%, #fbf8ff 58%, #fff4fb 100%);
    box-shadow: 0 14px 36px rgba(76, 29, 149, .07);
    color: #2c2141;
}

.shcdpc-bale-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.shcdpc-bale-head > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.shcdpc-bale-head strong {
    font-size: 15px;
    color: #281648;
}

.shcdpc-bale-head small {
    color: #746983;
}

.shcdpc-bale-mark {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: linear-gradient(145deg, #7c3aed, #db2777);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(124, 58, 237, .2);
}

.shcdpc-bale-helper {
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(124, 58, 237, .055);
    border: 1px solid rgba(124, 58, 237, .09);
}

.shcdpc-bale-helper a {
    color: #6d28d9;
    font-weight: 750;
    text-decoration: none;
}

.shcdpc-bale-checkout .form-row {
    margin: 14px 0 8px;
}

.shcdpc-bale-checkout input.input-text {
    min-height: 48px;
    direction: ltr;
    text-align: left;
    border-radius: 13px !important;
    border: 1px solid rgba(124, 58, 237, .2) !important;
    background: #fff !important;
}

.shcdpc-bale-security {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(22, 163, 74, .06);
    color: #346044;
    font-size: 12px;
    line-height: 1.8;
}

.shcdpc-bale-thankyou {
    margin: 18px 0;
    padding: 20px;
    border-radius: 18px;
    border: 1px solid rgba(124, 58, 237, .14);
    background: linear-gradient(145deg, #fff, #faf7ff);
}

.shcdpc-bale-thankyou strong {
    color: #4c1d95;
    font-size: 16px;
}

.amatis-block-label{display:inline-flex;align-items:center;gap:8px;font-weight:800}.amatis-block-label-icon{width:28px;height:28px;border-radius:9px;object-fit:cover}.amatis-block-bale,.amatis-block-card{direction:rtl;text-align:right;border:1px solid rgba(124,58,237,.15);background:#fff;border-radius:18px;padding:16px;margin:8px 0;box-shadow:0 10px 30px rgba(76,29,149,.05)}.amatis-block-bale strong{font-size:15px}.amatis-block-bale p,.amatis-block-bale small,.amatis-block-description{color:#625d70;line-height:1.9}.amatis-block-field{display:flex;flex-direction:column;gap:7px;margin:12px 0}.amatis-block-field>span{font-weight:700;color:#312e3c}.amatis-block-field input,.amatis-block-field select,.amatis-block-field textarea{width:100%;box-sizing:border-box;border:1px solid #e6e1ef;border-radius:12px;padding:10px 12px;background:#fff;min-height:44px}.amatis-block-account{display:grid;gap:4px;background:linear-gradient(135deg,#faf7ff,#fff6fc);border:1px solid #eee5ff;border-radius:15px;padding:14px;margin:12px 0}.amatis-block-account code{font-size:16px;background:transparent;padding:0}.amatis-block-account small{color:#736b80}.amatis-block-modes{display:flex;gap:8px;margin:14px 0}.amatis-block-modes button{flex:1;border:1px solid #e4dbf5;background:#fff;border-radius:12px;padding:10px;cursor:pointer}.amatis-block-modes button.is-active{border-color:#8b5cf6;background:#f6f0ff;font-weight:800}.amatis-block-pay-link{display:flex;align-items:center;justify-content:center;text-decoration:none;background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff!important;border-radius:13px;padding:12px 16px;font-weight:800;margin:10px 0}.amatis-block-upload small{color:#6f667a}.amatis-block-error{border:1px solid #f5b9c2;background:#fff4f6;color:#a61b33;border-radius:11px;padding:10px 12px;margin-top:10px}

.amatis-snapppay-product-widget{display:flex;align-items:center;gap:12px;margin:15px 0;padding:15px 16px;border:1px solid rgba(0,208,156,.18);border-radius:18px;background:linear-gradient(135deg,#fff,#f5fffb);box-shadow:0 10px 28px rgba(0,160,120,.06);direction:rtl;text-align:right}.amatis-snapppay-product-widget>div:last-child{display:grid;gap:4px}.amatis-snapppay-product-widget strong{color:#173b34;font-size:14px}.amatis-snapppay-product-widget span{color:#677872;font-size:12px;line-height:1.8}.amatis-snapppay-mark,.amatis-block-snapppay-mark{display:grid;place-items:center;min-width:84px;padding:9px 11px;border-radius:13px;background:#00d09c;color:#fff;font-weight:900;direction:ltr;box-shadow:0 8px 20px rgba(0,208,156,.2)}.amatis-block-snapppay{display:flex;align-items:flex-start;gap:13px;direction:rtl;text-align:right;border:1px solid rgba(0,208,156,.18);background:linear-gradient(135deg,#fff,#f6fffc);border-radius:18px;padding:16px;margin:8px 0;box-shadow:0 10px 30px rgba(0,160,120,.05)}.amatis-block-snapppay>div:last-child{display:grid;gap:5px}.amatis-block-snapppay strong{color:#173b34}.amatis-block-snapppay p,.amatis-block-snapppay small{margin:0;color:#64746f;line-height:1.85}.amatis-snapppay-receipt{padding:20px;border:1px solid rgba(0,208,156,.18);border-radius:20px;background:linear-gradient(135deg,#fff,#f6fffc)}

.amatis-crypto-gateway-fields{margin-top:12px}.amatis-crypto-network-options{display:grid;gap:10px;margin:14px 0}.amatis-crypto-network-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e8e5f0;border-radius:14px;background:#fff;cursor:pointer}.amatis-crypto-network-option input{margin:0}.amatis-crypto-network-option span{display:flex;flex-direction:column;gap:3px}.amatis-crypto-network-option small,.amatis-crypto-gateway-note{color:#716b7d}.amatis-crypto-payment{max-width:1080px;margin:24px auto;padding:24px;border:1px solid #ece9f4;border-radius:26px;background:#fff;box-shadow:0 22px 70px rgba(47,30,80,.09);font-family:inherit}.amatis-crypto-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #efedf5}.amatis-crypto-head h2{margin:6px 0 8px}.amatis-crypto-head p{margin:0;max-width:720px;color:#625c6d}.amatis-crypto-kicker{font-size:12px;font-weight:700;letter-spacing:.04em;color:#7c3aed}.amatis-crypto-status{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f4f0ff;color:#6d28d9;font-size:12px;font-weight:700}.amatis-crypto-status[data-state=paid]{background:#ecfdf3;color:#087443}.amatis-crypto-status[data-state=error],.amatis-crypto-status[data-state=failed],.amatis-crypto-status[data-state=fraud_hold]{background:#fff1f2;color:#b42318}.amatis-crypto-layout{display:grid;grid-template-columns:minmax(220px,310px) 1fr;gap:28px;padding-top:24px}.amatis-crypto-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border-radius:22px;background:#faf9fc}.amatis-crypto-qr,.amatis-crypto-qr-image{width:min(100%,256px);aspect-ratio:1/1;padding:10px;background:#fff;border-radius:18px}.amatis-crypto-qr svg{display:block;width:100%;height:100%}.amatis-crypto-qr-wrap small{text-align:center;color:#716b7d}.amatis-crypto-details{display:flex;flex-direction:column;gap:14px}.amatis-crypto-value-row{display:grid;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid #ece9f4;border-radius:16px}.amatis-crypto-value-row>span{color:#716b7d}.amatis-crypto-value-row code,.amatis-crypto-value-row strong{overflow-wrap:anywhere;font-size:14px}.amatis-crypto-timers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.amatis-crypto-timers>div{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:#f8f7fb}.amatis-crypto-timers .is-expired{background:#fff7ed;color:#9a3412}.amatis-crypto-warning{padding:14px 16px;border-radius:16px;background:#fffaf0;border:1px solid #fde7b2}.amatis-crypto-warning p{margin:5px 0 0;color:#765b22}.amatis-crypto-txid-form{padding:16px;border:1px solid #ece9f4;border-radius:16px}.amatis-crypto-txid-form>label{display:block;font-weight:700;margin-bottom:8px}.amatis-crypto-txid-form>div{display:flex;gap:8px}.amatis-crypto-txid-form input{flex:1;min-width:0}.amatis-crypto-txid-form small{display:block;margin-top:8px;color:#716b7d}.amatis-crypto-live-message{padding:12px 14px;border-radius:14px;background:#f8f7fb}.amatis-crypto-live-message[data-state=paid]{background:#ecfdf3;color:#087443}.amatis-crypto-live-message[data-state=error],.amatis-crypto-live-message[data-state=failed],.amatis-crypto-live-message[data-state=fraud_hold]{background:#fff1f2;color:#b42318}@media(max-width:760px){.amatis-crypto-payment{padding:16px;border-radius:20px}.amatis-crypto-head{flex-direction:column}.amatis-crypto-layout{grid-template-columns:1fr}.amatis-crypto-value-row{grid-template-columns:1fr}.amatis-crypto-txid-form>div{flex-direction:column}.amatis-crypto-timers{grid-template-columns:1fr}}

.shcdpc-card,
.shcdpc-card .shcdpc-bank-name,
.shcdpc-card .shcdpc-card-number,
.shcdpc-card .shcdpc-card-footer {
    color: var(--card-text, #fff);
}

.shcdpc-bank-logo.has-bank-image::before,
.shcdpc-bank-logo.has-bank-image::after {
    display: none;
}

.shcdpc-bank-logo.has-bank-image {
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(255,255,255,.7);
    box-shadow: 0 10px 24px rgba(15,23,42,.16);
}

.shcdpc-bank-logo.has-bank-image img {
    position: relative;
    z-index: 3;
    display: block;
    width: 76%;
    height: 76%;
    object-fit: contain;
}


.shcdpc-checkout-wrap,
.shcdpc-checkout-wrap input,
.shcdpc-checkout-wrap select,
.shcdpc-checkout-wrap textarea,
.shcdpc-checkout-wrap button,
.amatis-block-card,
.amatis-block-card input,
.amatis-block-card select,
.amatis-block-card textarea,
.amatis-block-card button,
.amatis-crypto-payment,
.amatis-crypto-payment input,
.amatis-crypto-payment button {
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif !important;
}

.shcdpc-wrap,
.shcdpc-wrap *,
.amatis-block-label,
.amatis-block-label *,
.amatis-block-card,
.amatis-block-card *,
.amatis-block-card-premium,
.amatis-block-card-premium * {
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif !important;
}

.amatis-block-card-premium {
    position: relative;
    overflow: hidden;
    padding: 18px !important;
    border: 1px solid rgba(124, 58, 237, .14) !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(236, 72, 153, .08), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(59, 130, 246, .08), transparent 34%),
        linear-gradient(145deg, #ffffff 0%, #fcfbff 100%) !important;
    box-shadow: 0 18px 48px rgba(76, 29, 149, .08) !important;
}

.amatis-block-card-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.amatis-block-card-intro > div {
    min-width: 0;
}

.amatis-block-card-intro strong {
    display: block;
    color: #24143b;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.9;
}

.amatis-block-card-intro .amatis-block-description {
    margin: 3px 0 0 !important;
    color: #6f667a !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.95 !important;
}

.amatis-block-secure-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-height: 32px;
    padding: 5px 11px;
    border: 1px solid rgba(22, 163, 74, .14);
    border-radius: 999px;
    color: #15803d;
    background: #f0fdf4;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.amatis-bank-card-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 14px;
    margin: 14px 0 18px;
}

.amatis-bank-card {
    --bank-from: #4f46e5;
    --bank-to: #7c3aed;
    --bank-text: #ffffff;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    min-height: 184px;
    margin: 0;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 22px;
    color: var(--bank-text) !important;
    text-align: right;
    background:
        radial-gradient(circle at 14% 8%, rgba(255,255,255,.26), transparent 27%),
        linear-gradient(135deg, var(--bank-from), var(--bank-to));
    box-shadow:
        0 18px 34px color-mix(in srgb, var(--bank-from) 24%, transparent),
        inset 0 1px 0 rgba(255,255,255,.25);
    cursor: pointer;
    transform: translateY(0);
    transition: transform .18s ease, box-shadow .18s ease, outline-color .18s ease;
    -webkit-tap-highlight-color: transparent;
}

.amatis-bank-card::before {
    content: "";
    position: absolute;
    z-index: -2;
    width: 190px;
    height: 190px;
    left: -92px;
    bottom: -108px;
    border-radius: 50%;
    background: rgba(255,255,255,.11);
}

.amatis-bank-card::after {
    content: "";
    position: absolute;
    z-index: -2;
    width: 128px;
    height: 128px;
    right: -50px;
    top: -58px;
    border-radius: 50%;
    border: 24px solid rgba(255,255,255,.09);
}

.amatis-bank-card:hover,
.amatis-bank-card.is-active {
    transform: translateY(-2px);
    box-shadow:
        0 24px 44px color-mix(in srgb, var(--bank-from) 30%, transparent),
        inset 0 1px 0 rgba(255,255,255,.34);
}

.amatis-bank-card.is-active {
    outline: 3px solid color-mix(in srgb, var(--bank-to) 36%, #ffffff);
    outline-offset: 3px;
}

.amatis-bank-card-light {
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(112deg, transparent 0 36%, rgba(255,255,255,.17) 49%, transparent 61% 100%);
    background-size: 220% 100%;
    animation: amatisBankCardLight 6.5s ease-in-out infinite;
}

@keyframes amatisBankCardLight {
    0%, 24% { background-position: 135% 0; }
    66%, 100% { background-position: -135% 0; }
}

.amatis-bank-card-top,
.amatis-bank-card-bottom {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.amatis-bank-card-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.amatis-bank-card-brand > span:last-child {
    min-width: 0;
}

.amatis-bank-card-brand strong,
.amatis-bank-card-brand small,
.amatis-bank-card-bottom strong,
.amatis-bank-card-bottom small,
.amatis-bank-card-iban {
    color: var(--bank-text) !important;
}

.amatis-bank-card-brand strong {
    display: block;
    overflow: hidden;
    max-width: 180px;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.7;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.amatis-bank-card-brand small,
.amatis-bank-card-bottom small {
    display: block;
    margin-top: 1px;
    font-size: 10px;
    font-weight: 650;
    opacity: .78;
}

.amatis-bank-card-logo {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.62);
    border-radius: 15px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 10px 22px rgba(15,23,42,.16);
}

.amatis-bank-card-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.amatis-bank-card-chip {
    position: relative;
    flex: 0 0 43px;
    width: 43px;
    height: 31px;
    border-radius: 9px;
    background: linear-gradient(135deg, #f9e7a9, #caa657 55%, #f3d98f);
    box-shadow: inset 0 0 0 1px rgba(89,63,17,.18), 0 6px 14px rgba(15,23,42,.13);
}

.amatis-bank-card-chip::before,
.amatis-bank-card-chip::after {
    content: "";
    position: absolute;
    background: rgba(104,77,24,.22);
}

.amatis-bank-card-chip::before {
    left: 50%;
    top: 3px;
    bottom: 3px;
    width: 1px;
}

.amatis-bank-card-chip::after {
    left: 4px;
    right: 4px;
    top: 50%;
    height: 1px;
}

.amatis-bank-card-number {
    position: relative;
    z-index: 2;
    display: block;
    margin: 27px 0 22px;
    color: var(--bank-text) !important;
    font-size: 21px;
    font-weight: 850;
    letter-spacing: 2px;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    text-shadow: 0 2px 12px rgba(15,23,42,.16);
}

.amatis-bank-card-bottom {
    align-items: flex-end;
}

.amatis-bank-card-bottom > span:first-child {
    min-width: 0;
}

.amatis-bank-card-bottom strong {
    display: block;
    overflow: hidden;
    max-width: 165px;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.7;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.amatis-bank-card-iban {
    direction: ltr;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .25px;
    opacity: .82;
}

.amatis-bank-card-check {
    position: absolute;
    z-index: 4;
    left: 10px;
    top: 10px;
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 999px;
    color: #166534 !important;
    background: rgba(255,255,255,.94);
    box-shadow: 0 7px 16px rgba(15,23,42,.14);
    font-size: 13px;
    font-weight: 950;
    opacity: 0;
    transform: scale(.84);
    transition: opacity .16s ease, transform .16s ease;
}

.amatis-bank-card.is-active .amatis-bank-card-check {
    opacity: 1;
    transform: scale(1);
}

.amatis-block-card-premium .amatis-block-modes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 14px 0;
    padding: 5px;
    border-radius: 16px;
    background: #f7f5fb;
}

.amatis-block-card-premium .amatis-block-modes button {
    min-height: 42px;
    border: 0;
    border-radius: 12px;
    color: #625a70;
    background: transparent;
    font-size: 12px;
    font-weight: 800;
}

.amatis-block-card-premium .amatis-block-modes button.is-active {
    color: #fff;
    background: linear-gradient(135deg, #7c3aed, #c026d3);
    box-shadow: 0 9px 20px rgba(124,58,237,.2);
}

.amatis-block-card-premium .amatis-block-transfer-fields,
.amatis-block-card-premium .amatis-block-link-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.amatis-block-card-premium .amatis-block-field {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
}

.amatis-block-card-premium .amatis-block-field > span {
    color: #352b40 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.amatis-block-card-premium .amatis-block-field input,
.amatis-block-card-premium .amatis-block-field textarea,
.amatis-block-card-premium .amatis-block-field select {
    width: 100% !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border: 1px solid #e7e1f0 !important;
    border-radius: 14px !important;
    color: #251b31 !important;
    background: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.8 !important;
    outline: 0 !important;
}

.amatis-block-card-premium .amatis-block-field input:focus,
.amatis-block-card-premium .amatis-block-field textarea:focus,
.amatis-block-card-premium .amatis-block-field select:focus {
    border-color: #a78bfa !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,.1) !important;
}

.amatis-block-card-premium .amatis-block-upload {
    grid-column: 1 / -1;
    padding: 13px;
    border: 1px dashed #d8cef0;
    border-radius: 16px;
    background: #fcfbff;
}

.amatis-block-card-premium .amatis-block-upload input[type="file"] {
    padding: 7px !important;
    background: #fff !important;
}

.amatis-block-card-premium .amatis-block-upload small {
    color: #776e82 !important;
    font-size: 11px !important;
    line-height: 1.8 !important;
}

.amatis-block-card-premium .amatis-block-link-fields .amatis-block-pay-link {
    grid-column: 1 / -1;
    min-height: 48px;
    margin: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #7c3aed, #c026d3);
    box-shadow: 0 12px 26px rgba(124,58,237,.18);
}

.amatis-block-card-premium .amatis-block-error {
    margin-top: 12px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.9;
}

.wc-block-components-radio-control__label .amatis-block-label,
.wc-block-components-radio-control__label .amatis-block-label *,
.wc-block-components-radio-control-accordion-option .amatis-block-label,
.wc-block-components-radio-control-accordion-option .amatis-block-label * {
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif !important;
}

@media (max-width: 720px) {
    .amatis-block-card-premium {
        padding: 14px !important;
        border-radius: 20px !important;
    }

    .amatis-block-card-intro {
        flex-direction: column;
    }

    .amatis-bank-card-list,
    .amatis-block-card-premium .amatis-block-transfer-fields,
    .amatis-block-card-premium .amatis-block-link-fields {
        grid-template-columns: 1fr;
    }

    .amatis-bank-card {
        min-height: 176px;
        padding: 16px;
    }

    .amatis-bank-card-number {
        margin: 24px 0 20px;
        font-size: 18px;
        letter-spacing: 1.4px;
    }

    .amatis-bank-card-brand strong {
        max-width: 155px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .amatis-bank-card-light {
        animation: none !important;
    }
}

.amatis-block-card-premium .amatis-block-field--phone input {
    min-height: 50px !important;
    height: 50px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    direction: ltr !important;
    text-align: left !important;
    letter-spacing: .35px;
}

.amatis-block-card-premium .amatis-block-field--full,
.amatis-block-card-premium .amatis-block-field--datetime,
.amatis-block-card-premium .amatis-dropzone-field {
    grid-column: 1 / -1;
}

.amatis-jalali-field {
    position: relative;
    width: 100%;
}

.amatis-jalali-trigger {
    display: grid !important;
    grid-template-columns: 32px 1fr 30px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #e7e1f0 !important;
    border-radius: 14px !important;
    color: #251b31 !important;
    background: #fff !important;
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.8 !important;
    text-align: right !important;
    cursor: pointer !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.amatis-jalali-trigger:hover,
.amatis-jalali-field.is-open .amatis-jalali-trigger {
    border-color: #a78bfa !important;
    box-shadow: 0 0 0 3px rgba(124,58,237,.09) !important;
}

.amatis-jalali-trigger .is-placeholder {
    color: #8b8296;
    font-weight: 600;
}

.amatis-jalali-trigger-icon,
.amatis-jalali-trigger-clock {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    color: #6d28d9;
    background: #f5f0ff;
    font-size: 17px;
    font-weight: 950;
}

.amatis-jalali-popover {
    position: absolute;
    z-index: 999999;
    top: calc(100% + 9px);
    right: 0;
    display: grid;
    grid-template-columns: minmax(260px, 1.08fr) minmax(230px, .92fr);
    gap: 14px;
    width: min(620px, calc(100vw - 56px));
    padding: 14px;
    border: 1px solid rgba(124,58,237,.16);
    border-radius: 22px;
    color: #241b2e;
    background:
        radial-gradient(circle at 5% 0%, rgba(124,58,237,.08), transparent 28%),
        linear-gradient(145deg, #fff, #fbfaff);
    box-shadow: 0 28px 64px rgba(43,30,62,.20);
    font-family: "Yekan Bakh FaNum", "Yekan Bakh", Tahoma, Arial, sans-serif !important;
    direction: rtl;
}

.amatis-jalali-calendar,
.amatis-time-panel {
    padding: 12px;
    border: 1px solid #eee8f5;
    border-radius: 18px;
    background: rgba(255,255,255,.92);
}

.amatis-jalali-head {
    display: grid;
    grid-template-columns: 36px 1fr 36px;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.amatis-jalali-head strong {
    color: #2f1946;
    font-size: 14px;
    font-weight: 950;
    text-align: center;
}

.amatis-jalali-head button {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #6d28d9, #c026d3) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.amatis-jalali-week,
.amatis-jalali-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
}

.amatis-jalali-week {
    margin-bottom: 6px;
}

.amatis-jalali-week span {
    color: #8b8295;
    font-size: 11px;
    font-weight: 850;
    text-align: center;
}

.amatis-jalali-empty,
.amatis-jalali-day {
    min-height: 34px;
}

.amatis-jalali-day {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #eee8f4 !important;
    border-radius: 10px !important;
    color: #4a4053 !important;
    background: #fff !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    cursor: pointer !important;
}

.amatis-jalali-day:hover,
.amatis-jalali-day.is-selected {
    color: #fff !important;
    border-color: #7c3aed !important;
    background: linear-gradient(135deg, #7c3aed, #c026d3) !important;
    box-shadow: 0 8px 18px rgba(124,58,237,.18) !important;
}

.amatis-jalali-day.is-today:not(.is-selected) {
    color: #6d28d9 !important;
    border-color: rgba(124,58,237,.35) !important;
    background: #f6f0ff !important;
}

.amatis-time-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.amatis-time-readout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin-bottom: 8px;
}

.amatis-time-readout strong {
    color: #2f1946;
    font-size: 22px;
    font-weight: 950;
    direction: ltr;
}

.amatis-time-readout button,
.amatis-time-tabs button {
    min-height: 32px !important;
    padding: 5px 10px !important;
    border: 1px solid #e8def5 !important;
    border-radius: 10px !important;
    color: #6d28d9 !important;
    background: #faf7ff !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    cursor: pointer !important;
}

.amatis-time-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    width: 100%;
    margin-bottom: 9px;
}

.amatis-time-tabs button.is-active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #7c3aed, #c026d3) !important;
}

.amatis-clock-face {
    position: relative;
    width: 210px;
    height: 210px;
    margin: 2px auto 6px;
    border: 1px solid #e8e2f0;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, #fff 0 55%, #faf7ff 56% 100%);
    box-shadow: inset 0 0 0 8px #fbf9fe, 0 12px 24px rgba(71,48,92,.08);
    touch-action: none;
    user-select: none;
}

.amatis-clock-face::before {
    content: "";
    position: absolute;
    inset: 13px;
    border: 1px dashed rgba(124,58,237,.16);
    border-radius: 50%;
}

.amatis-clock-center {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #7c3aed;
    box-shadow: 0 0 0 2px rgba(124,58,237,.18);
}

.amatis-clock-hand {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    width: 3px;
    height: 72px;
    border-radius: 999px;
    background: linear-gradient(to top, #7c3aed, #c026d3);
    box-shadow: 0 4px 12px rgba(124,58,237,.24);
    transform-origin: 50% 0;
    pointer-events: none;
}

.amatis-clock-hand::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    width: 9px;
    height: 9px;
    margin-left: -4.5px;
    border-radius: 50%;
    background: #c026d3;
}

.amatis-clock-number {
    position: absolute !important;
    z-index: 5 !important;
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: -15px 0 0 -15px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #53485d !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.amatis-clock-number:hover,
.amatis-clock-number.is-active {
    color: #fff !important;
    background: #7c3aed !important;
    box-shadow: 0 6px 14px rgba(124,58,237,.22) !important;
}

.amatis-clock-help {
    color: #8a8193 !important;
    font-size: 10px !important;
    line-height: 1.7 !important;
    text-align: center;
}

.amatis-jalali-actions {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 2px;
}

.amatis-jalali-actions button {
    min-height: 38px !important;
    padding: 7px 13px !important;
    border: 0 !important;
    border-radius: 11px !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.amatis-jalali-actions .is-light {
    color: #5f5569 !important;
    background: #f4f1f7 !important;
}

.amatis-jalali-actions .is-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #7c3aed, #c026d3) !important;
    box-shadow: 0 9px 20px rgba(124,58,237,.18) !important;
}

.amatis-block-card-premium .amatis-dropzone-field {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.amatis-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 156px;
    padding: 18px;
    border: 2px dashed #d8cef0;
    border-radius: 18px;
    color: #51475c;
    background:
        radial-gradient(circle at 50% 0%, rgba(124,58,237,.07), transparent 36%),
        #fcfbff;
    text-align: center;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.amatis-dropzone:hover,
.amatis-dropzone.is-dragging {
    border-color: #8b5cf6;
    background: #f8f4ff;
    box-shadow: 0 0 0 4px rgba(124,58,237,.08), 0 14px 30px rgba(73,52,94,.08);
    transform: translateY(-1px);
}

.amatis-dropzone.is-success {
    border-color: rgba(22,163,74,.45);
    background: #f3fff7;
}

.amatis-dropzone-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg, #7c3aed, #c026d3);
    box-shadow: 0 10px 22px rgba(124,58,237,.20);
    font-size: 24px;
    font-weight: 950;
}

.amatis-dropzone.is-success .amatis-dropzone-icon {
    background: linear-gradient(135deg, #16a34a, #22c55e);
}

.amatis-dropzone strong {
    color: #2e2636 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.amatis-dropzone small {
    color: #746a7d !important;
    font-size: 11px !important;
    font-weight: 650 !important;
}

.amatis-dropzone em {
    color: #988fa2 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

.amatis-dropzone-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

@media (max-width: 760px) {
    .amatis-jalali-popover {
        position: fixed;
        z-index: 9999999;
        top: 50%;
        right: 12px;
        left: 12px;
        width: auto;
        max-height: calc(100vh - 24px);
        overflow: auto;
        grid-template-columns: 1fr;
        transform: translateY(-50%);
    }

    .amatis-clock-face {
        width: 196px;
        height: 196px;
    }

    .amatis-jalali-actions {
        position: sticky;
        bottom: -14px;
        margin: 0 -14px -14px;
        padding: 10px 14px 14px;
        background: rgba(255,255,255,.96);
        backdrop-filter: blur(10px);
    }
}

.shcdpc-customer-grid .shcdpc-field-phone input {
    min-height: 50px !important;
    height: 50px !important;
    padding: 10px 14px !important;
    direction: ltr !important;
    text-align: left !important;
    font-size: 14px !important;
    letter-spacing: .35px;
}

.shcdpc-customer-grid .shcdpc-field-datetime {
    grid-column: 1 / -1;
}

.shcdpc-customer-grid .shcdpc-field-datetime .shcdpc-jalali-date-input {
    min-height: 50px !important;
    padding-inline: 42px 14px !important;
    cursor: pointer !important;
    background:
        linear-gradient(90deg, transparent 0 39px, rgba(124,58,237,.08) 40px 41px, transparent 42px),
        #fff !important;
}

.shcdpc-dropzone.is-dragging {
    border-color: #7c3aed !important;
    background: #f7f2ff !important;
    box-shadow: 0 0 0 4px rgba(124,58,237,.09), 0 16px 34px rgba(76,29,149,.10) !important;
    transform: translateY(-2px) !important;
}

.shcdpc-dropzone.is-success {
    border-color: rgba(22,163,74,.46) !important;
    background: #f1fff6 !important;
}

.shcdpc-dropzone.is-success .shcdpc-upload-icon {
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker {
    width: 590px !important;
    max-width: calc(100vw - 24px) !important;
    overflow: visible !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-layout {
    display: grid !important;
    grid-template-columns: minmax(250px, 1.05fr) minmax(220px, .95fr) !important;
    gap: 12px !important;
    width: 100% !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-calendar,
#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-panel {
    display: block !important;
    padding: 10px !important;
    border: 1px solid rgba(148,163,184,.20) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.84) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-day.is-selected {
    color: #fff !important;
    border-color: rgba(109,40,217,.20) !important;
    background: linear-gradient(135deg, #6d28d9, #d946ef) !important;
    box-shadow: 0 8px 18px rgba(109,40,217,.18) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-readout {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    margin-bottom: 7px !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-readout strong {
    display: block !important;
    color: #2f1946 !important;
    font-size: 21px !important;
    font-weight: 950 !important;
    direction: ltr !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-period,
#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-tabs button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 31px !important;
    padding: 4px 9px !important;
    border: 1px solid #e8def5 !important;
    border-radius: 10px !important;
    color: #6d28d9 !important;
    background: #faf7ff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.4 !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    width: 100% !important;
    margin-bottom: 7px !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-tabs button.is-active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #6d28d9, #d946ef) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-face {
    display: block !important;
    position: relative !important;
    width: 190px !important;
    height: 190px !important;
    margin: 4px auto 5px !important;
    border: 1px solid #e8e2f0 !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 50% 50%, #fff 0 55%, #faf7ff 56% 100%) !important;
    box-shadow: inset 0 0 0 7px #fbf9fe, 0 10px 22px rgba(71,48,92,.08) !important;
    touch-action: none !important;
    user-select: none !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-face::before {
    content: "";
    position: absolute !important;
    inset: 12px !important;
    border: 1px dashed rgba(124,58,237,.16) !important;
    border-radius: 50% !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-center {
    display: block !important;
    position: absolute !important;
    z-index: 4 !important;
    left: 50% !important;
    top: 50% !important;
    width: 11px !important;
    height: 11px !important;
    margin: -5.5px 0 0 -5.5px !important;
    border: 3px solid #fff !important;
    border-radius: 50% !important;
    background: #7c3aed !important;
    box-shadow: 0 0 0 2px rgba(124,58,237,.18) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-hand {
    display: block !important;
    position: absolute !important;
    z-index: 3 !important;
    left: 50% !important;
    top: 50% !important;
    width: 3px !important;
    height: 64px !important;
    border-radius: 999px !important;
    background: linear-gradient(to top, #7c3aed, #d946ef) !important;
    transform-origin: 50% 0 !important;
    pointer-events: none !important;
    box-shadow: 0 4px 10px rgba(124,58,237,.20) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-number {
    display: grid !important;
    place-items: center !important;
    position: absolute !important;
    z-index: 5 !important;
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: -14px 0 0 -14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #51475b !important;
    background: transparent !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-number.is-active,
#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-number:hover {
    color: #fff !important;
    background: #7c3aed !important;
    box-shadow: 0 5px 12px rgba(124,58,237,.20) !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-help {
    display: block !important;
    color: #8c8395 !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-actions {
    justify-content: flex-end !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-confirm {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 122px !important;
    height: 36px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #6d28d9, #d946ef) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 36px !important;
}

@media (max-width: 680px) {
    #shcdpc-jalali-picker.shcdpc-jalali-picker {
        width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 24px) !important;
        overflow: auto !important;
    }

    #shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-layout {
        grid-template-columns: 1fr !important;
    }

    #shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-face {
        width: 184px !important;
        height: 184px !important;
    }
}

.amatis-clock-hand {
    top: calc(50% - 72px) !important;
    transform-origin: 50% 100% !important;
}

#shcdpc-jalali-picker.shcdpc-jalali-picker .shcdpc-jp-clock-hand {
    top: calc(50% - 64px) !important;
    transform-origin: 50% 100% !important;
}


.amatis-block-card-premium .amatis-block-field--amount,
.amatis-block-card-premium .amatis-block-field--phone,
.shcdpc-customer-grid .shcdpc-field-amount,
.shcdpc-customer-grid .shcdpc-field-phone {
    grid-column: auto !important;
    min-width: 0 !important;
}

.amatis-block-card-premium .amatis-block-field--amount input,
.amatis-block-card-premium .amatis-block-field--phone input,
.shcdpc-customer-grid .shcdpc-field-amount input,
.shcdpc-customer-grid .shcdpc-field-phone input {
    min-height: 50px !important;
    height: 50px !important;
    box-sizing: border-box !important;
}

.amatis-block-card-premium .amatis-block-field--phone input,
.shcdpc-customer-grid .shcdpc-field-phone input {
    direction: ltr !important;
    text-align: left !important;
    letter-spacing: .35px !important;
}

.amatis-block-card-premium .amatis-block-field--datetime,
.shcdpc-customer-grid .shcdpc-field-datetime {
    grid-column: 1 / -1 !important;
}

@media (max-width: 720px) {
    .amatis-block-card-premium .amatis-block-field--amount,
    .amatis-block-card-premium .amatis-block-field--phone,
    .shcdpc-customer-grid .shcdpc-field-amount,
    .shcdpc-customer-grid .shcdpc-field-phone {
        grid-column: 1 / -1 !important;
    }
}