/* Pay features rendered inside the main Shakilid shell. */
:is(body.pay-feature-page, .shk-pay-feature-content) {
    --pay-blue: #2392f1;
    --pay-blue-deep: #0d63c5;
    --pay-ink: var(--text-color, #172b42);
    --pay-muted: var(--muted-color, #71839a);
    --pay-surface: var(--box-color, #fff);
    --pay-soft: color-mix(in srgb, var(--pay-blue) 7%, var(--pay-surface));
    --pay-border: color-mix(in srgb, var(--pay-blue) 17%, #dbe4ee);
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.row,section.row) {
    box-sizing: border-box;
    width: min(100% - 24px, 1040px);
    max-width: 1040px;
    margin: 18px auto 34px;
    padding: clamp(14px, 2.8vw, 28px);
    border: 1px solid var(--pay-border);
    border-radius: 20px;
    background: var(--pay-surface);
    color: var(--pay-ink);
    box-shadow: 0 14px 38px rgba(22, 77, 127, .07);
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.lin_text,.section-title,.hr > span) {
    color: var(--pay-ink);
    font-weight: 800;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.about,.informantion,.pro_file,.panel_box,.box_infor) {
    max-width: 100%;
    color: var(--pay-ink);
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(input:not([type=hidden]):not([type=checkbox]),select,textarea) {
    max-width: 100%;
    box-sizing: border-box;
    border-color: var(--pay-border);
    border-radius: 10px;
    color: var(--pay-ink);
    font-family: inherit;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.btn-p,.btn-sub,.baraks,button[type=submit]) {
    max-width: 100%;
    border-color: transparent;
    border-radius: 10px;
    background-color: var(--pay-blue);
    color: #fff;
    font-family: inherit;
    font-weight: 800;
    transition: transform .18s ease, box-shadow .18s ease;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.btn-p,.btn-sub,.baraks,button[type=submit]):hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(35, 146, 241, .2);
}

:is(body.pay-feature-page, .shk-pay-feature-content) .backer_box {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 6px 13px;
    border: 1px solid var(--pay-border);
    border-radius: 999px;
    background: var(--pay-soft);
    color: var(--pay-blue-deep);
    cursor: pointer;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(table,.table) {
    max-width: 100%;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) {
    direction: rtl;
    position: relative;
    box-sizing: border-box;
    width: min(100% - 24px, 920px);
    max-width: 920px;
    margin: 18px auto 34px;
    padding: clamp(14px, 2.8vw, 28px);
    border: 1px solid var(--pay-border);
    border-radius: 20px;
    background: var(--pay-surface);
    color: var(--pay-ink);
    box-shadow: 0 14px 38px rgba(22, 77, 127, .08);
    animation: shk-pay-enter .3s ease both;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) * {
    box-sizing: border-box;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) .lin_text {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 0 16px;
    padding: 0 0 13px;
    border-bottom: 1px solid var(--pay-border);
    color: var(--pay-ink);
    font-size: clamp(17px, 2vw, 22px);
    font-weight: 800;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) .lin_text svg {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-intro.about,.cashback-notice,.cbm-note,.cbm-status,.cbm-total,.cbm-empty,.cashback-empty,.cashback-row) {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
    padding: 13px 15px;
    border: 1px solid var(--pay-border);
    border-right: 4px solid var(--pay-blue);
    border-radius: 13px;
    background: var(--pay-soft);
    color: var(--pay-ink);
    line-height: 1.9;
    overflow-wrap: anywhere;
}

:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-intro.about h3 {
    margin: 0;
    color: var(--pay-muted);
    font-size: 13px;
    line-height: 1.9;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(form.cashback-form,.cbm-form,.cashback-form) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    max-width: 100%;
    margin: 16px 0;
    padding: clamp(14px, 2.2vw, 22px);
    border: 1px solid var(--pay-border);
    border-radius: 16px;
    background: var(--pay-soft);
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(form.cashback-form,.cbm-form,.cashback-form) > label {
    display: grid;
    align-content: start;
    gap: 7px;
    min-width: 0;
    margin: 0;
    color: var(--pay-ink);
    font-size: 12px;
    font-weight: 700;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(form.cashback-form,.cbm-form,.cashback-form) > label:has(.wide),
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(form.cashback-form,.cbm-form,.cashback-form) > label:has(button),
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(form.cashback-form,.cbm-form,.cashback-form) .wide,
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(form.cashback-form,.cbm-form,.cashback-form) :is(.cashback-notice,#cashbackCustomer,#cashbackMessage) {
    grid-column: 1 / -1;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(input:not([type=hidden]):not([type=checkbox]),select,textarea) {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid var(--pay-border);
    border-radius: 11px;
    background: var(--pay-surface);
    color: var(--pay-ink);
    direction: rtl;
    text-align: right;
    font: inherit;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) textarea {
    min-height: 112px;
    resize: vertical;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(button,.btn-sub) {
    max-width: 100%;
    min-height: 43px;
    padding: 10px 18px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--pay-blue), var(--pay-blue-deep));
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(35, 146, 241, .18);
    transition: transform .18s ease, box-shadow .18s ease;
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(button,.btn-sub):hover {
    transform: translateY(-1px);
    box-shadow: 0 11px 24px rgba(35, 146, 241, .25);
}

:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) .cashback-agency {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    margin: 0 0 10px;
    padding: 12px;
    border-radius: 14px;
    background: var(--pay-soft);
    text-align: right;
}

:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-agency .logo_log {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    object-fit: contain;
    border-radius: 12px;
    background: var(--pay-surface);
}

:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-agency :is(h1,h3) { margin: 2px 0; color: var(--pay-ink); }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-agency h1 { font-size: 15px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-agency h3 { color: var(--pay-muted); font-size: 11px; }

:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-card {
    position: relative;
    width: 100%;
    min-width: 0;
    padding: 17px;
    border: 1px solid rgba(35, 146, 241, .28);
    border-radius: 17px;
    background: linear-gradient(135deg, #0a3154, #167bd3 68%, #38b5f2);
    color: #fff;
    box-shadow: 0 12px 25px rgba(20, 92, 154, .16);
    overflow: hidden;
}

:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-card :is(strong,span,h1,small,b,p) { color: inherit; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-card h1 { margin: 11px 0; font-size: clamp(22px, 3vw, 30px); }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-card h1 small { font-size: 12px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-card > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; }
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-cards,.cashback-card-list,.cbm-cards,.cashback-history) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; margin:12px 0; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-code { display:grid; gap:6px; margin-top:12px; padding:10px; border:1px dashed rgba(255,255,255,.55); border-radius:12px; text-align:center; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-barcode { display:block; width:min(100%,260px); height:54px; margin:7px auto 0; padding:5px; border-radius:7px; background:#fff; object-fit:contain; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-tabs { display:flex; gap:8px; width:100%; margin:14px 0; padding:6px; border:1px solid var(--pay-border); border-radius:14px; background:var(--pay-soft); }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-tabs .cashback-tab { flex:1; min-height:42px; border:0; border-radius:10px; background:transparent; color:var(--pay-ink); font:inherit; font-weight:800; cursor:pointer; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-tabs .cashback-tab[aria-selected=true] { background:var(--pay-surface); color:var(--pay-blue-deep); box-shadow:0 3px 12px rgba(20,77,127,.1); }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-tab-panel[hidden] { display:none!important; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cbm-card { display:flex; align-items:flex-start; gap:10px; min-width:0; margin:0; padding:12px; border:1px solid var(--pay-border); border-right:3px solid var(--pay-blue); border-radius:12px; background:var(--pay-surface); color:var(--pay-ink); cursor:pointer; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cbm-card input[type=checkbox] { flex:0 0 18px; width:18px; height:18px; margin-top:4px; accent-color:var(--pay-blue); }
:is(body.pay-feature-page, .shk-pay-feature-content) .cbm-card-body { display:grid; gap:4px; min-width:0; overflow-wrap:anywhere; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cbm-card-body strong { color:var(--pay-blue-deep); }
:is(body.pay-feature-page, .shk-pay-feature-content) .cbm-card.used { opacity:.65; }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-row { display:grid; gap:4px; margin:0; border-right-width:3px; background:var(--pay-surface); }
:is(body.pay-feature-page, .shk-pay-feature-content) .cashback-row small { color:var(--pay-muted); overflow-wrap:anywhere; }
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) .hr { margin:20px 0 12px; }
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) table { width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid var(--pay-border); border-radius:12px; background:var(--pay-surface); }
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) th { background:var(--pay-soft); color:var(--pay-ink); }
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) :is(th,td) { padding:10px; border-bottom:1px solid var(--pay-border); text-align:right; overflow-wrap:anywhere; }
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) .backer_box { margin:0 0 12px; }
:is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) .cashback-field-hint { color:var(--pay-muted); font-size:11px; }

@keyframes shk-pay-enter { from { opacity:0; transform:translateY(7px) } to { opacity:1; transform:translateY(0) } }
@media(max-width:700px) {
    :is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) { width:100%; margin:8px 0 18px; padding:13px; border-radius:15px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(form.cashback-form,.cbm-form,.cashback-form) { grid-template-columns:minmax(0,1fr); padding:13px; gap:10px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(form.cashback-form,.cbm-form,.cashback-form) > label:has(button),
    :is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cbm,.customer-club-shell) :is(form.cashback-form,.cbm-form,.cashback-form) .wide { grid-column:1; }
    :is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-cards,.cashback-card-list,.cbm-cards,.cashback-history) { grid-template-columns:minmax(0,1fr); }
    :is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) table { display:block; overflow-x:auto; white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) { :is(body.pay-feature-page, .shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) { animation:none; } }

/* In-store credit cards and the credit request form, including legacy Pay markup. */
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank {
    --credit-ink: var(--pay-ink, #172b42);
    --credit-muted: var(--pay-muted, #71839a);
    --credit-surface: var(--pay-surface, #fff);
    --credit-line: var(--pay-border, #dbe4ee);
    direction: rtl;
    box-sizing: border-box;
    width: min(100% - 24px, 1040px);
    max-width: 1040px;
    margin: 18px auto 34px;
    padding: clamp(14px, 2.5vw, 26px);
    border: 1px solid var(--credit-line);
    border-radius: 20px;
    background: var(--credit-surface);
    color: var(--credit-ink);
    box-shadow: 0 14px 38px rgba(22,77,127,.08);
    animation: shk-pay-enter .3s ease both;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank :is(.lin_text,.hr,.hr span,.textbing) { color:var(--credit-ink); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .menu_bank {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    width:100%;
    margin:18px 0;
    padding:6px;
    border:1px solid var(--credit-line);
    border-radius:14px;
    background:var(--pay-soft, #f3f8fe);
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .menu_bank li {
    flex:1 1 145px;
    min-width:0;
    padding:12px 10px;
    border-radius:10px;
    color:var(--credit-muted);
    text-align:center;
    cursor:pointer;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .menu_bank li.active {
    background:var(--credit-surface);
    color:var(--pay-blue-deep, #0d63c5);
    font-weight:800;
    box-shadow:0 3px 12px rgba(20,77,127,.1);
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .informantion {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    margin:0;
    color:var(--credit-ink);
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .informantion > .hr {
    margin:12px 0;
    padding:12px 14px;
    border:1px solid var(--credit-line);
    border-radius:12px;
    background:var(--pay-soft, #f3f8fe);
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
    gap:14px;
    width:100%;
    margin:14px 0;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid > lable { min-width:0; max-width:100%; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart {
    box-sizing:border-box;
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:170px;
    padding:16px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:17px;
    overflow:hidden;
    box-shadow:0 12px 26px rgba(11,55,99,.14);
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart h1 { max-width:100%; overflow-wrap:anywhere; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart h1 small,
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart h2,
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart h3 { color:inherit; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .shk-credit-request {
    scroll-margin-top:24px;
    box-sizing:border-box;
    width:100%;
    max-width:760px;
    margin:24px auto 4px;
    padding:clamp(15px,2.4vw,24px);
    border:1px solid var(--credit-line);
    border-radius:18px;
    background:linear-gradient(145deg,var(--pay-soft,#f3f8fe),var(--credit-surface) 70%);
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request-heading {
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:16px;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request-heading > span {
    display:grid;
    flex:0 0 42px;
    width:42px;
    height:42px;
    place-items:center;
    border-radius:13px;
    background:var(--pay-blue,#2392f1);
    color:#fff;
    font-size:26px;
    font-weight:700;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request-heading h2 { margin:0 0 5px; color:var(--credit-ink); font-size:clamp(17px,2vw,21px); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request-heading p { margin:0; color:var(--credit-muted); font-size:13px; line-height:1.8; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .textbing { display:block; margin:16px 0 10px; font-size:14px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce {
    display:flex;
    align-items:center;
    gap:8px;
    box-sizing:border-box;
    width:100%;
    min-width:0;
    margin:0;
    padding:13px;
    border:1px solid var(--credit-line);
    border-radius:14px;
    background:var(--credit-surface);
    color:var(--credit-ink);
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce #pirce { min-width:0; overflow-wrap:anywhere; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce small { color:var(--credit-muted); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .three_pirce { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .three_pirce span {
    flex:1 1 125px;
    min-width:0;
    padding:10px;
    border:1px solid var(--credit-line);
    border-radius:11px;
    background:var(--credit-surface);
    color:var(--credit-ink);
    text-align:center;
    cursor:pointer;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .btn-sub { display:block; width:100%; min-height:48px; margin:14px 0 0; padding:13px 18px; text-align:center; cursor:pointer; }
:is(body.pay-feature-page, .shk-pay-feature-content) #request-credit-card { scroll-margin-top:24px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail {
    direction:rtl;
    box-sizing:border-box;
    width:min(100% - 24px,920px);
    max-width:920px;
    margin:16px auto 28px;
    color:var(--pay-ink,#172b42);
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail :is(.row,.about,.text-box,.towbox_show,.towbox_show .boxe) {
    box-sizing:border-box;
    max-width:100%;
    color:var(--pay-ink,#172b42);
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .imagshoer {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    padding:16px;
    border:1px solid var(--pay-border,#dbe4ee);
    border-radius:16px;
    background:var(--pay-soft,#f3f8fe);
    text-align:center;
    overflow-wrap:anywhere;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .imagshoer :is(img,h1,h3) { max-width:100%; margin:5px auto; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail :is(.text_message,.text_info) {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    margin:12px 0;
    padding:12px 14px;
    border:1px solid var(--pay-border,#dbe4ee);
    border-radius:12px;
    background:var(--pay-soft,#f3f8fe);
    color:var(--pay-ink,#172b42);
    overflow-wrap:anywhere;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .about {
    box-sizing:border-box;
    max-width:100%;
    margin:14px auto;
    padding:14px;
    border:1px solid var(--pay-border,#dbe4ee);
    border-radius:15px;
    background:var(--pay-surface,#fff);
    text-align:center;
    overflow:hidden;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .about ._img { display:block; max-width:min(100%,320px); height:auto; margin:8px auto; object-fit:contain; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .about > svg._img {
    width:min(100%,320px)!important;
    height:auto!important;
    aspect-ratio:250 / 178;
    overflow:visible;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .about > img._img {
    width:auto!important;
    height:auto!important;
    max-height:220px;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .lister_li svg {
    width:auto!important;
    height:auto!important;
    max-width:100%;
    vertical-align:middle;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .imagshoer .logo_log {
    width:76px!important;
    height:76px!important;
    max-width:76px;
    max-height:76px;
    object-fit:cover;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .lister_li { max-width:100%; padding:0; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .lister_li > li {
    box-sizing:border-box;
    max-width:100%;
    margin:7px 0;
    padding:12px;
    border:1px solid var(--pay-border,#dbe4ee);
    border-radius:12px;
    background:var(--pay-surface,#fff);
    color:var(--pay-ink,#172b42);
    overflow-wrap:anywhere;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail .btn-sub { max-width:100%; min-height:44px; border-radius:12px; }
@media(max-width:600px) {
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank { width:calc(100% - 16px); margin:10px auto 22px; padding:12px; border-radius:15px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid { grid-template-columns:minmax(0,1fr); }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .menu_bank li { flex-basis:100%; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request { margin-top:18px; padding:14px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-card-detail { width:calc(100% - 16px); margin:10px auto 20px; }
}
@media(prefers-reduced-motion:reduce) { :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank { animation:none; } }

/* Keep legacy Pay fragments legible when opened inside the Shakilid account shell. */
body[data-site-id="3"] .shk-pay-feature-content,
body[data-site-id="3"].pay-feature-page {
    --text-color:#20334a;
    --muted-color:#64768b;
    --box-color:#fff;
    --back-color:#f3f7fb;
    --pay-ink:#20334a;
    --pay-muted:#64768b;
    --pay-surface:#fff;
    --pay-border:#dbe4ee;
    --pay-soft:#f3f8fe;
    --credit-ink:#20334a;
    --credit-muted:#64768b;
    --credit-surface:#fff;
    --credit-line:#dbe4ee;
    color:#20334a;
}
body.dark-mode[data-site-id="3"] .shk-pay-feature-content,
body.dark-mode[data-site-id="3"].pay-feature-page {
    --text-color:#edf4fb;
    --muted-color:#b3c0ce;
    --box-color:#121d28;
    --back-color:#0b141d;
    --pay-ink:#edf4fb;
    --pay-muted:#b3c0ce;
    --pay-surface:#121d28;
    --pay-border:#2a3b4d;
    --pay-soft:#172635;
    --credit-ink:#edf4fb;
    --credit-muted:#b3c0ce;
    --credit-surface:#121d28;
    --credit-line:#2a3b4d;
    color:#edf4fb;
}
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(h1,h2,h3,h4,strong,b,label,.lin_text,.section-title),
body.dark-mode[data-site-id="3"].pay-feature-page :is(h1,h2,h3,h4,strong,b,label,.lin_text,.section-title) { color:#edf4fb !important; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(p,small,.muted,.description),
body.dark-mode[data-site-id="3"].pay-feature-page :is(p,small,.muted,.description) { color:#b3c0ce !important; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail) :is(span,div,p,label,td,th,li,strong,b),
body.dark-mode[data-site-id="3"].pay-feature-page :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail) :is(span,div,p,label,td,th,li,strong,b) { color:#edf4fb !important; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail) :is(small,.muted,.description),
body.dark-mode[data-site-id="3"].pay-feature-page :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail) :is(small,.muted,.description) { color:#b3c0ce !important; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail) a,
body.dark-mode[data-site-id="3"].pay-feature-page :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail) a { color:#58aaff !important; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail) :is(button,.btn-sub,.btn-p),
body.dark-mode[data-site-id="3"].pay-feature-page :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail) :is(button,.btn-sub,.btn-p) { color:#fff !important; }
/* Legacy Pay templates contain many inline #222/#333 text declarations.
   Override those consistently in dark mode while keeping actions distinct. */
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(div,span,p,small,label,td,th,li,strong,b,h1,h2,h3,h4),
body.dark-mode[data-site-id="3"].pay-feature-page :is(div,span,p,small,label,td,th,li,strong,b,h1,h2,h3,h4):not(header *):not(footer *) { color:#edf4fb !important; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content a:not(.btn-sub):not(.btn-p):not(.baraks),
body.dark-mode[data-site-id="3"].pay-feature-page a:not(.btn-sub):not(.btn-p):not(.baraks):not(header *):not(footer *) { color:#65b5ff !important; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(button,.btn-sub,.btn-p,.baraks),
body.dark-mode[data-site-id="3"].pay-feature-page :is(button,.btn-sub,.btn-p,.baraks):not(header *):not(footer *) { color:#fff !important; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content [style*="background:#fff" i],
body.dark-mode[data-site-id="3"] .shk-pay-feature-content [style*="background: #fff" i],
body.dark-mode[data-site-id="3"] .shk-pay-feature-content [style*="background-color:#fff" i],
body.dark-mode[data-site-id="3"] .shk-pay-feature-content [style*="background-color: #fff" i],
body.dark-mode[data-site-id="3"].pay-feature-page [style*="background:#fff" i]:not(header *):not(footer *),
body.dark-mode[data-site-id="3"].pay-feature-page [style*="background: #fff" i]:not(header *):not(footer *),
body.dark-mode[data-site-id="3"].pay-feature-page [style*="background-color:#fff" i]:not(header *):not(footer *),
body.dark-mode[data-site-id="3"].pay-feature-page [style*="background-color: #fff" i]:not(header *):not(footer *) { background-color:#172635 !important; border-color:#2a3b4d !important; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail),
body.dark-mode[data-site-id="3"].pay-feature-page :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.shk-credit-card-detail) { color:#edf4fb; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(input:not([type=hidden]),select,textarea),
body.dark-mode[data-site-id="3"].pay-feature-page :is(input:not([type=hidden]),select,textarea) { color:#edf4fb; background:#172635; border-color:#34495d; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content :is(.about,.informantion,.pro_file,.panel_box,.box_infor,.cashback-row,.cashback-notice,.cbm-note,.cbm-status,.cbm-total,.cbm-empty,.cashback-empty,.tablenema,.text_message,.text_info),
body.dark-mode[data-site-id="3"].pay-feature-page :is(.about,.informantion,.pro_file,.panel_box,.box_infor,.cashback-row,.cashback-notice,.cbm-note,.cbm-status,.cbm-total,.cbm-empty,.cashback-empty,.tablenema,.text_message,.text_info) { background-color:#172635; border-color:#2a3b4d; }
body.dark-mode[data-site-id="3"] .shk-pay-feature-content input::placeholder,
body.dark-mode[data-site-id="3"] .shk-pay-feature-content textarea::placeholder,
body.dark-mode[data-site-id="3"].pay-feature-page input::placeholder,
body.dark-mode[data-site-id="3"].pay-feature-page textarea::placeholder { color:#9eafc1; opacity:1; }

/* Shakilid presentation for Pay pages and the immersive Iranmall experiences. */
.shk-pay-tool-page,
.shk-pay-experience-page {
    --shk-pay-ink:#172b42;
    --shk-pay-muted:#64768b;
    --shk-pay-surface:#fff;
    --shk-pay-soft:#f3f8fe;
    --shk-pay-line:#dbe6f1;
    --shk-pay-blue:#1688ed;
    box-sizing:border-box;
    width:min(100% - 32px, 1180px);
    margin:clamp(18px,4vw,42px) auto;
    padding:clamp(18px,3vw,34px);
    color:var(--shk-pay-ink);
    background:var(--shk-pay-surface);
    border:1px solid var(--shk-pay-line);
    border-radius:24px;
    box-shadow:0 18px 48px rgba(20,54,88,.09);
    animation:shkPayRise .45s ease both;
}
.shk-pay-tool-heading,
.shk-experience-hero { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.shk-pay-tool-heading > div { min-width:0; }
.shk-pay-tool-heading > div > span,
.shk-experience-kicker { display:inline-block; margin-bottom:6px; color:var(--shk-pay-blue); font-size:.88rem; font-weight:800; }
.shk-pay-tool-heading h1,
.shk-experience-hero h1 { margin:0; color:var(--shk-pay-ink); font-size:clamp(1.35rem,3vw,2rem); line-height:1.5; }
.shk-pay-tool-heading p,
.shk-experience-hero p { margin:5px 0 0; color:var(--shk-pay-muted); line-height:1.9; }
.shk-pay-tool-icon { display:grid; flex:0 0 54px; width:54px; height:54px; place-items:center; border-radius:17px; background:linear-gradient(145deg,#e8f4ff,#d8ecff); color:var(--shk-pay-blue); font-size:1.7rem; font-weight:800; }
.shk-pay-tool-form,
.shk-pay-order-detail,
.shk-pay-tool-empty,
.shk-coupon-card { padding:clamp(16px,2.5vw,24px); border:1px solid var(--shk-pay-line); border-radius:18px; background:var(--shk-pay-soft); }
.shk-pay-tool-form label,
.shk-coupon-redeem-form label { display:grid; gap:8px; color:var(--shk-pay-ink); font-weight:700; }
.shk-pay-tool-input-row { display:flex; gap:10px; margin-top:10px; }
.shk-pay-tool-input-row input,
.shk-coupon-redeem-form input { box-sizing:border-box; min-width:0; min-height:48px; padding:10px 14px; border:1px solid var(--shk-pay-line); border-radius:12px; background:var(--shk-pay-surface); color:var(--shk-pay-ink); font:inherit; }
.shk-pay-tool-input-row input { flex:1; }
.shk-pay-tool-page button,
.shk-pay-tool-back,
.shk-pay-tool-empty a,
.shk-pay-tool-input-row button,
.shk-coupon-redeem-form button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 18px; border:0; border-radius:12px; background:linear-gradient(135deg,#1688ed,#0868ca); color:#fff; font:inherit; font-weight:800; text-decoration:none; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }
.shk-pay-tool-page button:hover,
.shk-pay-tool-empty a:hover,
.shk-pay-tool-input-row button:hover,
.shk-coupon-redeem-form button:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(22,136,237,.22); }
.shk-pay-tool-page button:disabled { opacity:.6; cursor:wait; transform:none; }
.shk-pay-tool-feedback { margin:14px 0; padding:12px 15px; border-radius:12px; background:var(--shk-pay-soft); color:var(--shk-pay-muted); }
.shk-pay-tool-feedback.is-error { background:#fff0f0; color:#b42318; }
.shk-coupon-results { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:14px; }
.shk-coupon-card { display:grid; align-content:start; gap:10px; }
.shk-coupon-card h2,.shk-coupon-card p { margin:0; }
.shk-coupon-state { justify-self:start; padding:6px 11px; border-radius:99px; background:#e6f7ef; color:#16834b; font-size:.88rem; font-weight:800; }
.shk-coupon-redeem-form { display:grid; gap:12px; margin-top:8px; }
.shk-pay-order-filters { display:flex; gap:9px; overflow-x:auto; padding:4px 2px 14px; scrollbar-width:thin; }
.shk-pay-order-filters a { flex:0 0 auto; padding:10px 15px; border:1px solid var(--shk-pay-line); border-radius:99px; background:var(--shk-pay-soft); color:var(--shk-pay-ink); text-decoration:none; }
.shk-pay-order-filters a.is-active { border-color:var(--shk-pay-blue); background:var(--shk-pay-blue); color:#fff; }
.shk-pay-order-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:14px; }
.shk-pay-order-card { position:relative; display:grid; gap:10px; padding:18px; border:1px solid var(--shk-pay-line); border-radius:18px; background:linear-gradient(145deg,var(--shk-pay-surface),var(--shk-pay-soft)); color:var(--shk-pay-ink); text-decoration:none; transition:transform .2s ease,border-color .2s ease; }
.shk-pay-order-card:hover { transform:translateY(-3px); border-color:var(--shk-pay-blue); }
.shk-pay-order-status { justify-self:start; padding:5px 10px; border-radius:99px; background:#e8f4ff; color:#0877d5; font-size:.84rem; font-weight:800; }
.shk-pay-order-card > span:not(.shk-pay-order-status) { color:var(--shk-pay-muted); }
.shk-pay-order-card > strong { font-size:1.2rem; }
.shk-pay-order-card > i { position:absolute; left:16px; bottom:17px; color:var(--shk-pay-blue); font-style:normal; }
.shk-pay-order-detail { display:grid; gap:13px; }
.shk-pay-order-detail h2,.shk-pay-order-detail p { margin:0; }
.shk-pay-order-detail > div { display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--shk-pay-line); }
.shk-pay-tool-empty { text-align:center; }
.shk-pay-tool-empty p { color:var(--shk-pay-muted); }
.shk-pay-tool-empty a { margin-top:8px; }
.shk-pay-basket-list { display:grid; gap:12px; }
.shk-pay-basket-item { display:grid; grid-template-columns:72px minmax(0,1fr) auto auto; align-items:center; gap:14px; padding:12px; border:1px solid var(--shk-pay-line); border-radius:16px; }
.shk-pay-basket-item img { width:72px; height:72px; border-radius:12px; object-fit:cover; }
.shk-pay-basket-item h2 { margin:0 0 4px; font-size:1rem; }
.shk-pay-basket-item > div > :is(span,small) { display:block; margin-top:4px; color:var(--shk-pay-muted); }
.shk-pay-basket-item > button { min-height:38px; padding:6px 12px; background:#fff0f0; color:#b42318; }
.shk-pay-basket-total { display:flex; justify-content:space-between; gap:12px; margin:18px 0; padding:15px; border-radius:14px; background:var(--shk-pay-soft); }
.shk-pay-store-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.shk-pay-store-chips span { padding:7px 11px; border-radius:99px; background:var(--shk-pay-soft); color:var(--shk-pay-ink); }
.shk-pay-experience-page { overflow:hidden; }
.shk-experience-hero { align-items:flex-start; flex-direction:column; gap:2px; max-width:850px; }
.shk-pay-experience-page .btn_link { box-sizing:border-box; display:inline-flex; align-items:center; gap:9px; min-height:48px; margin:6px; padding:11px 17px; border:1px solid var(--shk-pay-line); border-radius:14px; background:var(--shk-pay-soft); color:var(--shk-pay-ink); cursor:pointer; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.shk-pay-experience-page .btn_link:hover { transform:translateY(-2px); border-color:var(--shk-pay-blue); background:#e6f3ff; }
.shk-experience-note { max-width:100%; padding:14px 18px; border:1px solid var(--shk-pay-line); border-radius:16px; background:var(--shk-pay-soft); color:var(--shk-pay-ink); }
.shk-experience-note p { margin:0; color:inherit; line-height:2; }
body.dark-mode[data-site-id="3"] :is(.shk-pay-tool-page,.shk-pay-experience-page) { --shk-pay-ink:#edf4fb; --shk-pay-muted:#b3c0ce; --shk-pay-surface:#111e2b; --shk-pay-soft:#172635; --shk-pay-line:#2a3b4d; color:var(--shk-pay-ink); }
body.dark-mode[data-site-id="3"] .shk-pay-tool-page :is(h1,h2,h3,b,strong,label),
body.dark-mode[data-site-id="3"] .shk-pay-experience-page :is(h1,h2,h3,b,strong,label) { color:var(--shk-pay-ink); }
body.dark-mode[data-site-id="3"] .shk-pay-tool-page :is(input,textarea,select) { color:var(--shk-pay-ink); background:#0c1722; border-color:var(--shk-pay-line); }
body.dark-mode[data-site-id="3"] .shk-pay-tool-page .shk-pay-order-card { color:var(--shk-pay-ink); }
@keyframes shkPayRise { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:640px) {
    .shk-pay-tool-page,.shk-pay-experience-page { width:calc(100% - 20px); margin:14px auto; padding:16px 13px; border-radius:18px; }
    .shk-pay-tool-heading { align-items:flex-start; gap:11px; margin-bottom:18px; }
    .shk-pay-tool-icon { flex-basis:44px; width:44px; height:44px; border-radius:14px; }
    .shk-pay-tool-input-row { flex-direction:column; }
    .shk-pay-tool-input-row button { width:100%; }
    .shk-pay-order-detail > div { align-items:flex-start; flex-direction:column; gap:4px; }
    .shk-pay-basket-item { grid-template-columns:54px minmax(0,1fr) auto; gap:9px; }
    .shk-pay-basket-item img { width:54px; height:54px; }
    .shk-pay-basket-item > strong { grid-column:2; }
    .shk-pay-basket-item > button { grid-column:3; grid-row:1 / span 2; }
    .shk-pay-basket-total { font-size:.92rem; }
    .shk-pay-experience-page .btn_link { display:flex; width:100%; margin:8px 0; justify-content:flex-start; }
}
@media(prefers-reduced-motion:reduce) { .shk-pay-tool-page,.shk-pay-experience-page,.shk-pay-tool-page *,.shk-pay-experience-page * { animation:none!important; scroll-behavior:auto!important; transition:none!important; } }

/* Mobile Shakilid Super App shell: compact header, full-feature drawer and thumb navigation. */
.site3-shell .shk-mobile-menu-trigger,
.site3-shell .shk-mobile-app-drawer { display:none; }
.site3-shell .shk-mobile-menu-trigger { align-items:center; justify-content:center; gap:7px; border:1px solid var(--pay-border,#dbe4ee); border-radius:13px; background:var(--box-color,#fff); color:var(--text-color,#172b42); cursor:pointer; }
.site3-shell .shk-mobile-menu-trigger > span { display:grid; gap:4px; width:18px; }
.site3-shell .shk-mobile-menu-trigger i { display:block; height:2px; border-radius:2px; background:currentColor; }
.site3-shell .shk-mobile-drawer-backdrop[hidden] { display:none!important; }
@media(max-width:760px) {
    body.site3-shell { padding-bottom:calc(78px + env(safe-area-inset-bottom,0px)); }
    body.site3-shell.shk-mobile-menu-open { overflow:hidden; }
    body.site3-shell .site-header { position:sticky; top:0; z-index:900; background:var(--back-color,#fff); box-shadow:0 5px 18px rgba(20,55,90,.08); }
    body.site3-shell .site-header .header-main { display:grid!important; grid-template-columns:44px minmax(0,1fr) auto; grid-template-areas:"menu brand actions" "search search search"; align-items:center; gap:9px; width:100%; min-height:0; padding:9px 12px 11px; }
    body.site3-shell .site-header .shk-mobile-menu-trigger { display:inline-flex; grid-area:menu; width:42px; height:42px; padding:6px; font:inherit; font-size:10px; font-weight:800; }
    body.site3-shell .site-header .brand { grid-area:brand; justify-self:center; height:42px; }
    body.site3-shell .site-header .brand img { display:block; width:44px; height:42px; object-fit:contain; }
    body.site3-shell .site-header .header-side { grid-area:actions; display:flex; align-items:center; gap:8px; }
    body.site3-shell .site-header .header-side a { display:grid; place-items:center; width:40px; height:40px; padding:0; border-radius:12px; background:var(--box-color,#fff); }
    body.site3-shell .site-header .header-side a svg { width:21px; height:21px; }
    body.site3-shell .site-header .header-side a span { display:none; }
    body.site3-shell .site-header .header-side .header-cart contbask { top:-3px; right:-3px; left:auto; }
    body.site3-shell .site-header .shk-header-search { grid-area:search; display:flex; width:100%; max-width:none; height:44px!important; min-height:44px!important; margin:0; }
    body.site3-shell .site-header .shk-header-search input { min-height:40px!important; padding-inline:13px; font-size:13px!important; }
    body.site3-shell .site-header .shk-header-search button { flex-basis:40px; width:40px; height:40px; }
    body.site3-shell .site-header .main-nav { display:none!important; }
    body.site3-shell header.mobile { position:fixed!important; z-index:1100!important; right:0!important; bottom:0!important; left:0!important; display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; width:100%!important; min-height:calc(64px + env(safe-area-inset-bottom,0px))!important; margin:0!important; padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important; border:0!important; border-top:1px solid var(--pay-border,#dbe4ee)!important; border-radius:18px 18px 0 0!important; background:var(--box-color,#fff)!important; box-shadow:0 -8px 30px rgba(18,43,70,.12)!important; opacity:1!important; }
    body.site3-shell header.mobile .line_bar { display:flex!important; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:auto!important; min-width:0; height:50px!important; min-height:50px; margin:0!important; padding:0!important; border-radius:12px; color:var(--muted-color,#71839a); font-size:9px; line-height:1.3; }
    body.site3-shell header.mobile .line_bar i { position:static!important; display:grid; place-items:center; width:22px; height:22px; }
    body.site3-shell header.mobile .line_bar i svg { width:22px; height:22px; }
    body.site3-shell header.mobile .line_bar.active { background:color-mix(in srgb,var(--base-color,#2392f1) 10%,transparent); color:var(--base-color,#2392f1)!important; }
    body.site3-shell header.mobile .line_bar contbask { top:1px; right:calc(50% - 19px); left:auto; width:17px; height:17px; padding:0; opacity:1; font-size:9px; line-height:17px; }
    body.site3-shell .shk-mobile-drawer-backdrop { position:fixed; inset:0; z-index:1200; display:block; background:rgba(6,17,29,.52); backdrop-filter:blur(3px); }
    body.site3-shell .shk-mobile-app-drawer { position:fixed; inset-block:0; right:0; z-index:1201; display:flex; flex-direction:column; width:min(88vw,390px); height:100dvh; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); border-radius:22px 0 0 22px; background:var(--box-color,#fff); color:var(--text-color,#172b42); box-shadow:-18px 0 48px rgba(4,24,44,.2); transform:translateX(105%); visibility:hidden; transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s; }
    body.site3-shell .shk-mobile-app-drawer.is-open { transform:translateX(0); visibility:visible; }
    body.site3-shell .shk-mobile-drawer-backdrop:not([hidden]) { animation:shkDrawerFade .2s ease both; }
    body.site3-shell .shk-mobile-drawer-head { display:flex; align-items:center; justify-content:space-between; min-height:68px; padding:10px 17px; border-bottom:1px solid var(--pay-border,#dbe4ee); }
    body.site3-shell .shk-mobile-drawer-head a { display:flex; align-items:center; gap:9px; color:var(--text-color,#172b42); text-decoration:none; font-size:17px; font-weight:900; }
    body.site3-shell .shk-mobile-drawer-head img { width:34px; height:34px; object-fit:contain; }
    body.site3-shell .shk-mobile-drawer-close { width:40px; height:40px; border:0; border-radius:50%; background:var(--pay-soft,#eef6ff); color:var(--base-color,#2392f1); font-size:28px; line-height:1; cursor:pointer; }
    body.site3-shell .shk-mobile-drawer-scroll { overflow:auto; overscroll-behavior:contain; padding:12px 13px 24px; }
    body.site3-shell .shk-mobile-drawer-link { display:flex; align-items:center; gap:11px; min-height:45px; margin:3px 0; padding:8px 11px; border-radius:12px; color:var(--text-color,#172b42); text-decoration:none; font-size:13px; line-height:1.6; transition:background .18s ease,color .18s ease; }
    body.site3-shell .shk-mobile-drawer-link:hover,body.site3-shell .shk-mobile-drawer-link:focus-visible { outline:0; background:var(--pay-soft,#eef6ff); color:var(--base-color,#2392f1); }
    body.site3-shell .shk-mobile-drawer-link > span { display:grid; flex:0 0 31px; width:31px; height:31px; place-items:center; border-radius:10px; background:var(--pay-soft,#eef6ff); color:var(--base-color,#2392f1); font-size:17px; font-weight:800; }
    body.site3-shell .shk-mobile-drawer-section { margin-top:13px; padding-top:12px; border-top:1px solid var(--pay-border,#dbe4ee); }
    body.site3-shell .shk-mobile-drawer-section > b { display:block; padding:0 11px 5px; color:var(--base-color,#1688ed); font-size:12px; }
    body.site3-shell .shk-mobile-drawer-link.shk-mobile-drawer-sub { min-height:39px; padding-right:18px; font-size:12px; }
    body.site3-shell .shk-mobile-drawer-link.shk-mobile-drawer-child { padding-right:33px; color:var(--muted-color,#71839a); }
    body.site3-shell .shk-account-page { padding:12px 0 30px; }
    body.site3-shell .shk-account-page .shk-container { width:calc(100% - 20px); max-width:620px; }
    body.site3-shell .shk-account-page .shk-breadcrumb { margin:2px 4px 11px; font-size:11px; }
    body.site3-shell .shk-account-layout { display:block; }
    body.site3-shell .shk-account-side { position:static; margin-bottom:13px; }
    body.site3-shell .shk-profile-card { display:grid; grid-template-columns:54px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; gap:0 11px; padding:11px 13px; border-radius:18px; text-align:right; }
    body.site3-shell .shk-avatar { grid-row:1/3; width:50px; height:50px; margin:0; }
    body.site3-shell .shk-avatar img { width:100%; height:100%; border-radius:50%; object-fit:cover; opacity:1; }
    body.site3-shell .shk-profile-card h2 { align-self:end; font-size:14px; }
    body.site3-shell .shk-profile-card p { align-self:start; margin:2px 0 0; font-size:11px; }
    body.site3-shell .shk-profile-card > span { display:none; }
    body.site3-shell .shk-account-menu { display:flex; gap:7px; overflow-x:auto; overscroll-behavior-x:contain; margin-top:9px; padding:6px; border-radius:15px; scrollbar-width:none; }
    body.site3-shell .shk-account-menu::-webkit-scrollbar { display:none; }
    body.site3-shell .shk-account-menu a { flex:0 0 auto; height:39px; gap:6px; padding:0 10px; border:1px solid var(--sk-line); border-radius:11px; background:var(--sk-bg); font-size:11px; white-space:nowrap; }
    body.site3-shell .shk-account-menu svg { width:17px; height:17px; }
    body.site3-shell .shk-account-menu a em { width:16px; height:16px; font-size:8px; }
    body.site3-shell .shk-account-main { min-width:0; }
    body.site3-shell .shk-welcome { align-items:flex-start; flex-direction:column; gap:12px; padding:16px; border-radius:18px; }
    body.site3-shell .shk-welcome h1 { font-size:18px; }
    body.site3-shell .shk-welcome p { font-size:11px; line-height:1.8; }
    body.site3-shell .shk-stat-grid { gap:8px; }
    body.site3-shell .shk-account-panel .shk-section-heading { gap:8px; padding:13px; border-radius:15px; }
    body.site3-shell .shk-account-panel .shk-section-heading h2 { font-size:16px; }
    body.site3-shell .shk-account-panel .shk-section-heading p { font-size:11px; line-height:1.7; }
    body.site3-shell .shk-panel-card { border-radius:16px; }
    body.site3-shell .shk-pay-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:11px 0; }
    body.site3-shell .shk-pay-feature-grid>a { grid-template-columns:30px minmax(0,1fr); column-gap:8px; min-height:70px; padding:10px 8px; border-radius:14px; }
    body.site3-shell .shk-pay-feature-grid>a>span { width:29px; height:29px; border-radius:9px; font-size:16px; }
    body.site3-shell .shk-pay-feature-grid b { white-space:normal; font-size:11px; line-height:1.55; }
    body.site3-shell .shk-pay-feature-grid small { white-space:normal; font-size:9px; line-height:1.5; }
    body.site3-shell .shk-pay-feature-content { min-height:80px; max-height:none; padding:8px; border-radius:15px; overflow:visible; }
    body.site3-shell .shk-account-page .shk-order-row { grid-template-columns:44px minmax(0,1fr) auto; gap:7px; font-size:10px; }
    body.site3-shell .shk-account-page .shk-order-row .date { display:none; }
    body.dark-mode.site3-shell .shk-mobile-app-drawer,body.dark.site3-shell .shk-mobile-app-drawer { background:var(--box-color,#111d29); color:var(--text-color,#edf4fb); }
}
@media(max-width:360px) {
    body.site3-shell .shk-pay-feature-grid { grid-template-columns:minmax(0,1fr); }
    body.site3-shell .shk-pay-feature-grid>a { min-height:62px; }
    body.site3-shell header.mobile .line_bar { font-size:8px; }
}
@keyframes shkDrawerFade { from { opacity:0; } to { opacity:1; } }

/* Mobile is always the light experience; keep app navigation and list tiles opaque. */
@media(max-width:760px) {
    body.site3-shell,
    body.dark-mode.site3-shell,
    body.dark.site3-shell {
        color-scheme:light;
        --back-color:#f4f7fb;
        --box-color:#fff;
        --text-color:#172b42;
        --muted-color:#71839a;
        --base-color:#1688ed;
        --pay-ink:#172b42;
        --pay-muted:#71839a;
        --pay-surface:#fff;
        --pay-soft:#f1f7fd;
        --pay-border:#dce6f0;
        background:#f4f7fb!important;
        color:#172b42!important;
    }
    body.site3-shell :is(.site-header,header.mobile,.shk-mobile-app-drawer,.shk-mobile-drawer-scroll,.shk-account-side,.shk-profile-card,.shk-account-menu,.shk-account-panel,.shk-panel-card,.shk-pay-feature-content),
    body.dark-mode.site3-shell :is(.site-header,header.mobile,.shk-mobile-app-drawer,.shk-mobile-drawer-scroll,.shk-account-side,.shk-profile-card,.shk-account-menu,.shk-account-panel,.shk-panel-card,.shk-pay-feature-content),
    body.dark.site3-shell :is(.site-header,header.mobile,.shk-mobile-app-drawer,.shk-mobile-drawer-scroll,.shk-account-side,.shk-profile-card,.shk-account-menu,.shk-account-panel,.shk-panel-card,.shk-pay-feature-content) {
        background-color:#fff!important;
        border-color:#dce6f0!important;
        color:#172b42!important;
        box-shadow:0 7px 22px rgba(27,65,105,.08);
    }
    body.site3-shell .shk-mobile-app-drawer { background:#fff!important; color:#172b42!important; }
    body.site3-shell .shk-mobile-drawer-scroll { background:#fff!important; }
    body.site3-shell .shk-mobile-drawer-link,
    body.site3-shell .shk-mobile-drawer-link.shk-mobile-drawer-sub,
    body.site3-shell .shk-mobile-drawer-link.shk-mobile-drawer-child {
        min-height:46px;
        margin:5px 0;
        padding:8px 11px;
        border:1px solid #e4ebf3;
        border-radius:13px;
        background:#fff!important;
        color:#172b42!important;
        box-shadow:0 3px 10px rgba(27,65,105,.045);
    }
    body.site3-shell .shk-mobile-drawer-link:hover,
    body.site3-shell .shk-mobile-drawer-link:focus-visible { background:#f1f7fd!important; color:#0d70cf!important; }
    body.site3-shell .shk-mobile-drawer-link > span { background:#eaf4ff!important; color:#1688ed!important; }
    body.site3-shell .shk-mobile-drawer-section { padding:10px; border:1px solid #e1eaf3; border-radius:16px; background:#f7faff!important; }
    body.site3-shell .shk-mobile-drawer-section > b { padding-inline:3px; }
    body.site3-shell header.mobile { background:#fff!important; }
    body.site3-shell header.mobile .line_bar { background:#fff!important; color:#667b91!important; }
    body.site3-shell header.mobile .line_bar.active { background:#eaf4ff!important; color:#0d70cf!important; }
    body.site3-shell .shk-account-menu { gap:8px; padding:8px; background:#fff!important; }
    body.site3-shell .shk-account-menu a,
    body.dark-mode.site3-shell .shk-account-page .shk-account-menu a {
        background:#fff!important;
        border:1px solid #dce6f0!important;
        color:#263b52!important;
        box-shadow:0 3px 10px rgba(27,65,105,.045);
    }
    body.site3-shell .shk-account-menu a.active { background:#eaf4ff!important; border-color:#b9d8f6!important; color:#0d70cf!important; }
    body.site3-shell .shk-pay-feature-grid>a,
    body.dark-mode.site3-shell .shk-account-page .shk-pay-feature-grid>a {
        background:#fff!important;
        border-color:#dce6f0!important;
        color:#172b42!important;
        box-shadow:0 4px 14px rgba(27,65,105,.06);
    }
    body.site3-shell .shk-pay-feature-grid>a>span { background:#eaf4ff!important; }
    body.site3-shell :is(.shk-account-page h1,.shk-account-page h2,.shk-account-page h3,.shk-account-page h4,.shk-account-page p,.shk-account-page small,.shk-account-page label,.shk-account-page b,.shk-account-page strong),
    body.dark-mode.site3-shell .shk-account-page :is(h1,h2,h3,h4,p,small,label,b,strong) { color:#172b42!important; }
    body.site3-shell .shk-account-page :is(.shk-breadcrumb,.shk-pay-feature-grid small) { color:#71839a!important; }
    body.site3-shell :is(.shk-pay-feature-content,.shk-account-panel,.shk-panel-card,.shk-account-side,.shk-profile-card) { background:#fff!important; color:#172b42!important; }
    body.site3-shell .shk-mobile-menu-trigger,
    body.dark-mode.site3-shell .shk-mobile-menu-trigger { background:#fff!important; border-color:#dce6f0!important; color:#172b42!important; }
    body.dark-mode.site3-shell :is(.shk-pay-feature-content,.shk-account-panel,.shk-panel-card,.shk-account-side,.shk-profile-card) :is(h1,h2,h3,h4,p,small,label,b,strong,span,li,td,th) { color:#172b42!important; }
    body.dark-mode.site3-shell :is(.shk-pay-feature-content,.shk-account-panel,.shk-panel-card,.shk-account-side,.shk-profile-card) :is(a:not(.btn-sub):not(.btn-p),button) { color:#176fc2; }
}

/* Restore the original Pay card treatment without inheriting the site's old 3D grid frame. */
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid {
    display:grid;
    position:relative;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    width:100%;
    max-width:100%;
    margin:14px 0 20px;
    padding:8px 0 18px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transform:none;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid::after { content:none; display:none; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid .owl-stage-outer { overflow:hidden; padding:5px 2px 13px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid .owl-item > lable { display:block; width:100%; min-width:0; padding:0 7px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart {
    position:relative;
    display:block;
    width:100%;
    min-height:230px;
    height:100%;
    padding:18px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:20px;
    color:#fff;
    background:linear-gradient(135deg,#0878d1 0%,#124c91 58%,#112c4b 100%);
    box-shadow:0 12px 28px rgba(8,35,68,.22);
    isolation:isolate;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid > lable { display:block; min-width:0; width:auto; padding:0; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart:not(:has(i.plus)) { min-height:250px; padding:54px 20px 18px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart i.nemad { position:absolute; top:15px; right:16px; display:block; width:auto; height:22px; margin:0; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart i.nemad svg { display:block; width:auto!important; max-width:90px; height:20px!important; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart i.nemad svg path[fill="#003B67"] { fill:#fff!important; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart i.menus { position:absolute; top:10px; left:12px; display:grid; place-items:center; width:36px; height:36px; margin:0; cursor:pointer; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart i.menus svg { display:block; width:28px!important; height:28px!important; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart:not(:has(i.plus)) h1 { margin:20px 0 12px; font-size:clamp(19px,2vw,25px); line-height:1.6; text-align:center; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart:not(:has(i.plus)) h1 small { font-size:11px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart:not(:has(i.plus)) h3 { display:block; margin:12px 0 6px; font-size:14px; line-height:1.7; text-align:right; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart:not(:has(i.plus)) h2 { display:block; margin:4px 0 0; font-size:12px; line-height:1.7; text-align:right; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .informantion > .hr span { color:var(--pay-ink,#172b42)!important; }
:is(body.pay-feature-page, .shk-pay-feature-content) #etebarat .grid cart:has(i.plus)::after { content:"افزودن کارت اعتباری"; }
:is(body.pay-feature-page, .shk-pay-feature-content) #thakhfifa .grid cart:has(i.plus)::after { content:"درخواست کارت تخفیف"; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart:has(i.plus)::after { position:absolute; right:0; bottom:28px; left:0; color:rgba(255,255,255,.92); font-size:13px; font-weight:800; text-align:center; pointer-events:none; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart[rol="2"] { background:linear-gradient(125deg,#7256bd 0%,#328b9c 58%,#126d76 100%); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart[rol="3"] { background:linear-gradient(125deg,#a84d91 0%,#8654a4 54%,#345e9a 100%); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart h1,
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart h2,
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart h3 { color:#fff; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart i.plus {
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    margin:auto;
    border:1px solid rgba(255,255,255,.35);
    border-radius:16px;
    background:rgba(255,255,255,.15);
    color:#fff;
    font-size:32px;
    line-height:1;
    cursor:pointer;
    transition:transform .2s ease,background .2s ease;
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart i.plus:hover { transform:scale(1.06); background:rgba(255,255,255,.24); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart i.plus svg { display:block; width:26px!important; height:26px!important; max-width:26px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid .owl-nav { display:flex; justify-content:space-between; position:absolute; z-index:3; inset:50% 4px auto; transform:translateY(-50%); pointer-events:none; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid .owl-nav button { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--credit-line); border-radius:50%; background:var(--credit-surface); color:var(--pay-blue-deep,#0d63c5); box-shadow:0 5px 16px rgba(12,43,74,.16); pointer-events:auto; }
@media(max-width:600px) {
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid { grid-template-columns:minmax(0,1fr); gap:12px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart { min-height:205px; padding:15px; border-radius:17px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart:not(:has(i.plus)) { min-height:235px; padding:50px 16px 16px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid .owl-item > lable { padding:0 5px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid .owl-nav button { width:32px; height:32px; }
}

@media(max-width:760px) {
    .theme-switch[hidden] { display:none!important; }
    body.dark-mode.site3-shell .shk-pay-feature-content {
        --text-color:#172b42; --muted-color:#71839a; --box-color:#fff; --back-color:#f4f7fb;
        --pay-ink:#172b42; --pay-muted:#71839a; --pay-surface:#fff; --pay-soft:#f1f7fd; --pay-border:#dce6f0;
        --credit-ink:#172b42; --credit-muted:#71839a; --credit-surface:#fff; --credit-line:#dce6f0;
        background:#fff!important; color:#172b42!important;
    }
    body.dark-mode.site3-shell[data-site-id="3"] .shk-pay-feature-content :is(.about,.informantion,.pro_file,.panel_box,.box_infor,.cashback-row,.cashback-notice,.cbm-note,.cbm-status,.cbm-total,.cbm-empty,.cashback-empty,.tablenema,.text_message,.text_info) {
        background:#fff!important; border-color:#dce6f0!important; color:#172b42!important;
    }
    body.dark-mode.site3-shell[data-site-id="3"] .shk-pay-feature-content :is(input:not([type=hidden]),select,textarea) {
        background:#fff!important; border-color:#ccd9e7!important; color:#172b42!important;
    }
    body.dark-mode.site3-shell[data-site-id="3"] .shk-pay-feature-content :is(input,textarea)::placeholder { color:#8495a8!important; }
    body.dark-mode.site3-shell[data-site-id="3"] .shk-pay-feature-content :is(div,span,p,small,label,td,th,li,strong,b,h1,h2,h3,h4) { color:#172b42!important; }
    body.dark-mode.site3-shell[data-site-id="3"] .shk-pay-feature-content a:not(.btn-sub):not(.btn-p):not(.baraks) { color:#176fc2!important; }
}

/* Keep the four named Pay destinations readable in the unified desktop header. */
@media(min-width:761px) {
    body[data-site-id="3"] .site-header .main-nav { gap:clamp(8px,1vw,16px); }
    body[data-site-id="3"] .site-header .main-nav > .shk-credit-nav { font-size:clamp(9px,.78vw,11px); letter-spacing:-.15px; }
    body[data-site-id="3"] .site-header .main-nav > .shk-credit-nav .shk-credit-submenu { max-height:min(70vh,540px); overflow:auto; }
    body[data-site-id="3"] .site-header .main-nav > .shk-credit-nav .shk-credit-submenu .menu-item { white-space:normal; line-height:1.7; }
}

/* Customer Vibe pass: sensor-triggered, camera-scannable national-code barcode. */
.shk-vibe-pass{--vp-bg:#101a25;--vp-surface:#172535;--vp-border:#2c4054;--vp-text:#eaf2fc;--vp-muted:#9eafc1;--vp-blue:#168ff0;max-width:720px;margin:30px auto;padding:clamp(18px,4vw,34px);border:1px solid var(--vp-border);border-radius:26px;background:linear-gradient(145deg,var(--vp-surface),var(--vp-bg));color:var(--vp-text);box-shadow:0 18px 50px #06101d30;text-align:center}
.shk-vibe-pass h1{font-size:clamp(1.25rem,3vw,1.8rem);margin:8px 0 10px}.shk-vibe-pass p{color:var(--vp-muted);line-height:1.9}.shk-vibe-pass .vp-icon{width:62px;height:62px;margin:0 auto 12px;display:grid;place-items:center;border-radius:20px;background:#168ff01a;color:var(--vp-blue);font-size:30px}
.shk-vibe-pass .vp-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.shk-vibe-pass .vp-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:13px 20px;background:var(--vp-blue);color:white;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.shk-vibe-pass .vp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #168ff044}.shk-vibe-pass .vp-btn.secondary{background:transparent;border:1px solid var(--vp-border);color:var(--vp-text)}
.shk-vibe-pass .vp-code-panel{display:none;margin:18px auto 0;padding:22px;max-width:510px;border:1px solid var(--vp-border);border-radius:22px;background:#fff;color:#152232;animation:vp-rise .35s ease-out}.shk-vibe-pass .vp-code-panel.is-visible{display:block}.shk-vibe-pass .vp-code-panel img{display:block;width:min(100%,420px);height:130px;object-fit:contain;margin:auto}.shk-vibe-pass .vp-code-panel strong{display:block;margin-bottom:15px;color:#172535}.shk-vibe-pass .vp-code-panel small{display:block;margin-top:12px;color:#546477}.shk-vibe-pass .vp-status{min-height:28px;color:var(--vp-muted);font-size:.9rem}@keyframes vp-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.shk-vibe-pass{margin:12px 12px 96px;padding:22px 16px;border-radius:24px;background:#fff;color:#162435;border-color:#e3eaf2;box-shadow:0 10px 30px #10223a12}.shk-vibe-pass p,.shk-vibe-pass .vp-status{color:#62748a}.shk-vibe-pass .vp-icon{background:#eaf5ff}.shk-vibe-pass .vp-btn.secondary{color:#176fc0;border-color:#c9def2}.shk-vibe-pass .vp-code-panel{box-shadow:0 10px 30px #10223a15;border-color:#dce7f1}.shk-vibe-pass .vp-code-panel strong{color:#13263b}}
@media(prefers-reduced-motion:reduce){.shk-vibe-pass .vp-code-panel,.shk-vibe-pass .vp-btn{animation:none;transition:none}}
.shk-vibe-pass .vp-backdrop{position:fixed;inset:0;z-index:10020;background:#07111dcc;backdrop-filter:blur(4px)}
.shk-vibe-pass .vp-code-panel{position:fixed;z-index:10021;left:50%;right:auto;bottom:0;width:min(100%,620px);max-width:none;margin:0;padding:30px 24px calc(26px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;transform:translate(-50%,110%);display:block;visibility:hidden;transition:transform .32s cubic-bezier(.2,.75,.25,1),visibility .32s;box-shadow:0 -18px 60px #06101d30}
.shk-vibe-pass .vp-code-panel.is-visible{visibility:visible;transform:translate(-50%,0)}
.shk-vibe-pass .vp-close{position:absolute;top:12px;left:14px;width:40px;height:40px;border:0;border-radius:50%;background:#edf3f8;color:#23374d;font-size:27px;cursor:pointer}
@media(max-width:767px){.shk-vibe-pass .vp-code-panel{width:100%;border-radius:24px 24px 0 0;padding:32px 20px calc(24px + env(safe-area-inset-bottom))}.shk-vibe-pass .vp-code-panel img{height:110px}}
.shk-pay-scanner-hint{max-width:600px;margin:10px auto 16px;padding:11px 14px;border:1px solid #2c4054;border-radius:12px;background:#172535;color:#aebfd0;font-size:.88rem;line-height:1.8;direction:rtl;text-align:right}
@media(max-width:767px){.shk-pay-scanner-hint{background:#f2f7fc;border-color:#dce7f1;color:#49617a}}
/* Final interaction and layout fixes for Pay surfaces integrated into Shakilid. */
@media(min-width:761px) {
    body[data-site-id="3"] .site-header .main-nav > a.shk-credit-nav { position:relative; display:inline-flex; align-items:center; gap:7px; white-space:nowrap; text-decoration:none; }
    body[data-site-id="3"] .site-header .main-nav > a.shk-credit-nav .shk-credit-submenu { top:calc(100% - 2px); right:0; left:auto; min-width:230px; padding:8px; border:1px solid rgba(35,146,241,.2); border-radius:14px; background:var(--box-color,#fff); box-shadow:0 14px 34px rgba(18,43,70,.2); z-index:1000; }
}
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-bank .grid cart.is-selected { outline:3px solid #ffbd52; outline-offset:3px; transform:translateY(-3px); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce { position:relative; display:grid; grid-template-columns:48px minmax(0,1fr) 48px; grid-template-areas:"minus amount plus" "minus currency plus"; gap:2px 6px; min-height:58px; padding:7px 10px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce #pingodown,
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce #pingoup { position:static; display:grid; place-items:center; width:42px; height:42px; margin:0; border:1px solid var(--credit-line); border-radius:12px; background:var(--pay-soft,#f1f7fd); cursor:pointer; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce #pingodown { grid-area:minus; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce #pingoup { grid-area:plus; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce #pirce { grid-area:amount; display:block; width:100%; text-align:center; font-variant-numeric:tabular-nums; font-size:clamp(16px,2.5vw,20px); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce small { position:static; grid-area:currency; justify-self:center; pointer-events:none; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce .konis { position:absolute; inset:0; z-index:0; width:100%; height:100%; opacity:0; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce :is(#pingodown,#pingoup,#pirce,small) { z-index:1; }
:is(body.pay-feature-page, .shk-pay-feature-content) .customer-club-form { align-items:start; }
:is(body.pay-feature-page, .shk-pay-feature-content) .customer-club-form > label { display:flex; flex-direction:column; align-items:stretch; gap:8px; min-width:0; margin:0; line-height:1.7; }
:is(body.pay-feature-page, .shk-pay-feature-content) .customer-club-form > label .rol { position:static; display:block; color:var(--pay-ink); line-height:1.7; }
:is(body.pay-feature-page, .shk-pay-feature-content) .customer-club-form .roler { display:block; width:100%; min-height:48px; margin:0; padding:12px 14px; background:var(--pay-surface)!important; color:var(--pay-ink)!important; border:1px solid var(--pay-border); border-radius:12px; line-height:1.7; }
:is(body.pay-feature-page, .shk-pay-feature-content) .customer-club-form textarea.roler { min-height:116px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .customer-club-form .customer-club-document small { align-self:flex-start; color:var(--pay-muted); }
:is(body.pay-feature-page, .shk-pay-feature-content) .customer-club-form #customerClubMessage { grid-column:1/-1; }
.shk-pay-experience-vr .shk-experience-hero { margin-bottom:22px; }
.shk-pay-experience-vr > li.btn_link { display:inline-flex; align-items:center; justify-content:center; gap:10px; box-sizing:border-box; min-width:clamp(140px,18vw,210px); min-height:58px; margin:8px; padding:14px 20px; border:1px solid var(--pay-border,#dce6f0); border-radius:16px; background:linear-gradient(145deg,#fff,#f3f8fe); color:var(--pay-ink,#172b42); box-shadow:0 8px 22px rgba(23,76,125,.08); cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }
.shk-pay-experience-vr > li.btn_link:hover { transform:translateY(-3px); box-shadow:0 14px 28px rgba(23,76,125,.15); }
.site-footer .contact-line { overflow-wrap:anywhere; }
@media(max-width:760px) {
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce { grid-template-columns:42px minmax(0,1fr) 42px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce :is(#pingodown,#pingoup) { width:38px; height:38px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-credit-request .show_pirce small { right:50px; font-size:10px; }
    .shk-pay-experience-vr > li.btn_link { width:calc(50% - 18px); min-width:0; min-height:54px; margin:6px; padding:12px 8px; }
}
@media(max-width:420px) { .shk-pay-experience-vr > li.btn_link { width:100%; margin:5px 0; } }
@media(prefers-reduced-motion:reduce) { .shk-pay-experience-vr > li.btn_link { transition:none; } }
/* Unified responsive controls for the merchant tools loaded inside the account shell. */
.shk-pay-feature-content .cbm-panel,.shk-pay-feature-content .customer-club-list,.shk-pay-feature-content .shk-pay-tool-form,.shk-pay-feature-content .shk-pay-tool-feedback{box-sizing:border-box;max-width:100%;border:1px solid var(--pay-border,#dce6f0);border-radius:16px;background:var(--pay-surface,#fff);color:var(--pay-ink,#172b42)}
.shk-pay-feature-content :is(.pro_file,.panel_box,.cashback-form,.cbm-form) label{min-width:0;line-height:1.8}
.shk-pay-feature-content :is(.pro_file,.panel_box,.cashback-form,.cbm-form) :is(input:not([type=hidden]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;border:1px solid var(--pay-border,#dce6f0);border-radius:12px;background:var(--pay-surface,#fff);color:var(--pay-ink,#172b42);font:inherit;line-height:1.7}
.shk-pay-feature-content :is(.pro_file,.panel_box,.cashback-form,.cbm-form) :is(input,textarea)::placeholder{color:var(--pay-muted,#71839a);opacity:1}
.shk-pay-feature-content :is(.pro_file,.panel_box,.cashback-form,.cbm-form) :is(button,.btn-sub,.btn-p){min-height:44px;max-width:100%;border-radius:12px;font:inherit;font-weight:800;white-space:normal}
.shk-pay-feature-content :is(table,.customer-club-table){width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--pay-border,#dce6f0);border-radius:14px;background:var(--pay-surface,#fff);color:var(--pay-ink,#172b42)}
.shk-pay-feature-content :is(th,td){padding:11px;border-bottom:1px solid var(--pay-border,#dce6f0);text-align:right;overflow-wrap:anywhere}
.shk-pay-feature-content :is(th){background:var(--pay-soft,#f2f7fd);font-weight:800}
.shk-pay-feature-content :is(.shk-pay-tool-page,.shk-pay-experience-page,.cbm,.cashback-shell,.customer-club-shell){scroll-margin-top:90px}
.shk-pay-feature-content [aria-busy="true"]{cursor:progress;opacity:.72}
@media(max-width:760px){.shk-pay-feature-content :is(.customer-club-table-wrap,.table-responsive){max-width:100%;overflow-x:auto}.shk-pay-feature-content :is(table,.customer-club-table){min-width:620px}.shk-pay-feature-content :is(.pro_file,.panel_box,.cashback-form,.cbm-form){grid-template-columns:minmax(0,1fr)!important}.shk-pay-feature-content :is(.pro_file,.panel_box,.cashback-form,.cbm-form) label{grid-column:1!important}.shk-pay-feature-content :is(.pro_file,.panel_box,.cashback-form,.cbm-form) :is(button,.btn-sub,.btn-p){width:100%}}
.shk-code-check-submit{display:block;width:min(100%,620px);min-height:48px;margin:16px auto;padding:12px 20px;border:0;border-radius:14px;background:linear-gradient(110deg,#2392f1,#0868ce);color:#fff;font:inherit;font-weight:800;cursor:pointer}.shk-code-check-submit:disabled{opacity:.6;cursor:wait}.shk-code-check-result{box-sizing:border-box;width:100%;margin:14px 0;padding:15px 16px;border:1px solid var(--pay-border,#dce6f0);border-radius:14px;background:var(--pay-soft,#f2f7fd);color:var(--pay-ink,#172b42);line-height:1.9;overflow-wrap:anywhere}.shk-code-check-result.is-error{border-color:#ffd3d0;background:#fff3f2;color:#a6271c}.shk-pay-feature-content #inetebar{max-width:100%;padding:clamp(16px,3vw,28px);border:1px solid var(--pay-border,#dce6f0);border-radius:18px;background:var(--pay-surface,#fff);color:var(--pay-ink,#172b42)}.shk-pay-feature-content #inetebar label{display:grid;gap:8px}.shk-pay-feature-content #inetebar input{min-height:48px;background:var(--pay-surface,#fff)!important;color:var(--pay-ink,#172b42)!important}

/* Keep legacy floating-label rules from overlapping the newer Pay forms. */
:is(body.pay-feature-page,.shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) :is(.cashback-form,.cbm-form) > label { display:grid; position:relative; align-content:start; gap:7px; min-width:0; margin:0; padding-top:0; }
:is(body.pay-feature-page,.shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) :is(.cashback-form,.cbm-form) > label > .rol { position:static!important; inset:auto!important; display:block; width:auto; max-width:100%; margin:0; padding:0; overflow:visible; white-space:normal; color:var(--pay-ink); line-height:1.75; }
:is(body.pay-feature-page,.shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) :is(.cashback-form,.cbm-form) > label :is(input:not([type=hidden]),select,textarea) { width:100%; min-width:0; min-height:48px; margin:0; padding:11px 13px; border:1px solid var(--pay-border)!important; border-radius:12px; background:var(--pay-surface)!important; color:var(--pay-ink)!important; font:inherit; line-height:1.7; }
:is(body.pay-feature-page,.shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) :is(.cashback-form,.cbm-form) > label :is(input,textarea)::placeholder { color:var(--pay-muted); opacity:1; }

/* Feature tiles are real navigation links; remove inherited animated progress bars and retain keyboard focus. */
.shk-account-page .shk-pay-feature-grid > a { position:relative; overflow:hidden; min-height:82px; border-bottom:1px solid var(--sk-line); }
.shk-account-page .shk-pay-feature-grid > a::before,
.shk-account-page .shk-pay-feature-grid > a::after { content:none!important; display:none!important; animation:none!important; box-shadow:none!important; }
.shk-account-page .shk-pay-feature-grid > a:focus-visible { outline:3px solid #2392f1; outline-offset:3px; }
.shk-account-page .shk-pay-feature-grid > a > span { flex:0 0 36px; }
@media(max-width:760px) { :is(body.pay-feature-page,.shk-pay-feature-content) :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell) { width:calc(100% - 20px); } .shk-account-page .shk-pay-feature-grid > a { min-height:64px; } }
@media(prefers-reduced-motion:reduce) { .shk-account-page .shk-pay-feature-grid > a { transition:none!important; } }
/* Normalize labels/fields for every merchant form injected into the account panel. */
.shk-pay-feature-content :is(.pro_file,.panel_box,.form) > label { display:grid; position:relative; align-content:start; gap:7px; min-width:0; margin:0; }
.shk-pay-feature-content :is(.pro_file,.panel_box,.form) > label > span { position:static!important; inset:auto!important; display:block; width:auto; max-width:100%; margin:0; padding:0; overflow:visible; white-space:normal; color:var(--pay-ink,#172b42); line-height:1.75; }
.shk-pay-feature-content :is(.pro_file,.panel_box,.form) > label :is(input:not([type=hidden]),select,textarea) { box-sizing:border-box; width:100%; min-width:0; max-width:100%; min-height:46px; margin:0; border:1px solid var(--pay-border,#dce6f0)!important; border-radius:12px; background:var(--pay-surface,#fff)!important; color:var(--pay-ink,#172b42)!important; font:inherit; line-height:1.7; }
.shk-pay-feature-content :is(.pro_file,.panel_box,.form) > label textarea { min-height:112px; resize:vertical; }
/* Category sections stay separated while the cards inside each section remain responsive. */
:is(body.pay-feature-page,.shk-pay-feature-content) .cashback-category-group { grid-column:1/-1; display:grid; gap:10px; min-width:0; }
:is(body.pay-feature-page,.shk-pay-feature-content) .cashback-category-group > h3 { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:2px 0 0; padding:11px 14px; border:1px solid var(--pay-border); border-radius:12px; background:var(--pay-soft); color:var(--pay-ink); font-size:14px; line-height:1.7; }
:is(body.pay-feature-page,.shk-pay-feature-content) .cashback-category-group > h3 > span { display:inline-grid; place-items:center; min-width:28px; height:28px; padding:0 7px; border-radius:999px; background:var(--pay-surface); color:var(--pay-blue-deep); font-size:12px; }
:is(body.pay-feature-page,.shk-pay-feature-content) .cashback-category-group > .cashback-card-list { margin:0; }

/* Store manager finance pages: keep AJAX-injected panels styled and usable. */
.shk-pay-feature-content .cbm { direction:rtl; text-align:right; }
.shk-pay-feature-content .cbm-panel { min-width:0; padding:clamp(14px,2vw,22px); border:1px solid var(--pay-border,#2a4054); border-radius:18px; background:var(--pay-soft,#172635); }
.shk-pay-feature-content .cbm-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:12px; align-items:stretch; }
.shk-pay-feature-content .cbm-card { display:flex; align-items:flex-start; gap:12px; min-height:92px; padding:14px; border:1px solid var(--pay-border,#2a4054); border-right:4px solid var(--pay-blue,#2392f1); border-radius:14px; background:var(--pay-surface,#111e2a); color:var(--pay-ink,#edf5ff); cursor:pointer; }
.shk-pay-feature-content .cbm-card input[type=checkbox] { flex:0 0 20px; width:20px; height:20px; margin:3px 0 0; accent-color:#2392f1; }
.shk-pay-feature-content .cbm-card-body { display:grid; gap:8px; min-width:0; line-height:1.8; overflow-wrap:anywhere; }
.shk-pay-feature-content .cbm-card-body strong { color:var(--pay-blue,#2392f1); font-size:1.1rem; }
.shk-pay-feature-content .cbm-card.used { opacity:.65; }
.shk-admin-finance { direction:rtl; }
.shk-admin-finance .shk-finance-card { color:var(--pay-ink,#edf5ff); background:var(--pay-surface,#111e2a); }
.shk-admin-finance .shk-finance-shortcuts button { color:var(--pay-ink,#edf5ff); background:var(--pay-soft,#172635); }
.shk-pay-feature-content :is(.cbm-form,.cashback-form) label { min-width:0; }
.shk-pay-feature-content :is(.cbm-form,.cashback-form) label > :is(input,select,textarea) { width:100%; box-sizing:border-box; }
@media(max-width:760px){.shk-pay-feature-content .cbm-cards{grid-template-columns:minmax(0,1fr)}.shk-pay-feature-content .cbm-panel{padding:12px}.shk-pay-feature-content .cbm-card{min-height:0}}

/* Prevent iconless profile fields from collapsing into the narrow icon column. */
.shk-pay-feature-content form.pro_file > label:has(input,select,textarea):not(:has(i,.icon)) { grid-column:1 / -1; width:100%; min-width:0; }
.shk-pay-feature-content form.pro_file > label:has(input,select,textarea):not(:has(i,.icon)) :is(input,select,textarea) { width:100%; min-width:0; box-sizing:border-box; }
.shk-pay-feature-content :is(.cbm-form,.cashback-form) > label:has(input,select,textarea) { grid-column:1 / -1; }

.shk-manager-action { display:flex; align-items:center; justify-content:center; min-height:56px; margin:10px 0; padding:14px 18px; border:1px solid rgba(35,146,241,.28); border-radius:14px; background:linear-gradient(115deg,#2392f1,#0868ce); color:#fff; font-weight:800; text-align:center; cursor:pointer; box-shadow:0 8px 22px rgba(8,104,206,.16); transition:transform .18s ease,box-shadow .18s ease; }
.shk-manager-action:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(8,104,206,.24); }
#monthlyChart { display:block; width:100%!important; max-width:100%; min-height:240px; }

.shk-pay-feature-content .cbm-used-history { margin-top:18px; }
.shk-pay-feature-content .cbm-used-history h2 { margin:0 0 12px; color:var(--pay-ink,#edf5ff); font-size:clamp(17px,2vw,21px); }
.shk-pay-feature-content .cbm-history-wrap { width:100%; overflow-x:auto; border:1px solid var(--pay-border,#2a4054); border-radius:14px; }
.shk-pay-feature-content .cbm-history-table { width:100%; min-width:760px; border-collapse:collapse; color:var(--pay-ink,#edf5ff); background:var(--pay-surface,#111e2a); }
.shk-pay-feature-content .cbm-history-table th,.shk-pay-feature-content .cbm-history-table td { padding:11px 13px; border-bottom:1px solid var(--pay-border,#2a4054); text-align:right; line-height:1.8; }
.shk-pay-feature-content .cbm-history-table th { background:var(--pay-soft,#172635); color:var(--pay-blue,#2392f1); white-space:nowrap; }
.shk-pay-feature-content .cbm-history-table tr:last-child td { border-bottom:0; }
.shk-pay-feature-content .cbm-card input[type=checkbox]:checked { outline:3px solid rgba(35,146,241,.25); }

.shk-store-metrics .boxe .inifa > h1 { display:none!important; }
.shk-store-metrics .boxe > h2 { color:var(--pay-ink,#edf5ff); font-size:clamp(19px,2.4vw,27px); font-weight:900; }
.shk-store-metrics .boxe > h3 { color:var(--pay-muted,#a8bfd2); font-size:13px; }


/* Store manager dashboard and in-person checkout panels. */
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard { direction:rtl; display:grid; grid-template-columns:minmax(0,1fr); gap:14px; width:100%; max-width:100%; margin:0 auto; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard > .shk-manager-action { box-sizing:border-box; width:100%; margin:0; min-height:58px; font-size:15px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard .menu_bank { grid-row:auto; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard .box_bod,
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard .boxe,
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard .box_bod .about { box-sizing:border-box; min-width:0; max-width:100%; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard .shk-dashboard-chart { width:100%; margin:0 auto!important; padding:18px!important; border:1px solid var(--pay-border,#dce6f0); border-radius:18px; background:var(--pay-surface,#fff); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard .shk-dashboard-chart .lin_text { display:block; margin:0 0 12px; color:var(--pay-ink,#172b42); font-size:16px!important; font-weight:800; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard #monthlyChart { display:block; width:100%!important; height:clamp(240px,34vw,360px)!important; max-height:360px; min-height:240px; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout { direction:rtl; min-width:0; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout .grid_infor { box-sizing:border-box; width:100%; max-width:100%; min-width:0; margin:12px auto; padding:8px; border:1px solid var(--credit-line,#dce6f0); border-radius:18px; background:var(--credit-surface,#fff); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout #scanner-box { box-sizing:border-box; width:min(100%,600px)!important; height:clamp(150px,34vw,260px)!important; margin:0 auto 14px!important; border:1px solid var(--credit-line,#dce6f0); border-radius:16px!important; background:#101b27!important; box-shadow:0 10px 24px rgba(10,32,54,.12); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout .pro_file { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; max-width:100%; margin:0 auto; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout .pro_file label { display:grid; align-content:start; gap:7px; min-width:0; margin:0; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout .pro_file input,
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout #ajax_lis_fak input { box-sizing:border-box; width:100%; min-width:0; min-height:48px; border:1px solid var(--credit-line,#dce6f0); border-radius:12px; background:var(--credit-surface,#fff); color:var(--credit-ink,#172b42); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout #ajax_lis_fak { box-sizing:border-box; width:100%; max-width:100%; margin:0; padding:12px; border:1px solid var(--credit-line,#dce6f0); border-radius:14px; background:var(--pay-soft,#f3f8fe); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout table { width:100%; border-collapse:separate; border-spacing:0; margin-top:12px; overflow:hidden; border:1px solid var(--credit-line,#dce6f0); border-radius:12px; background:var(--credit-surface,#fff); }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout th,
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout td { padding:10px; border-bottom:1px solid var(--credit-line,#dce6f0); color:var(--credit-ink,#172b42); text-align:right; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout th { background:var(--pay-soft,#f3f8fe); font-weight:800; }
:is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout .shk-pay-scanner-hint { max-width:760px; margin:10px auto 16px; padding:12px 14px; border-radius:12px; background:var(--pay-soft,#f3f8fe); color:var(--pay-muted,#71839a); line-height:1.9; }
@media(max-width:640px) {
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard { gap:10px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard > .shk-manager-action { min-height:52px; padding:12px; font-size:14px; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard .shk-dashboard-chart { padding:12px!important; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-manager-dashboard #monthlyChart { height:260px!important; }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout .pro_file { grid-template-columns:minmax(0,1fr); }
    :is(body.pay-feature-page, .shk-pay-feature-content) .shk-inperson-checkout table { display:block; overflow-x:auto; white-space:nowrap; }
}

:is(body.pay-feature-page,.shk-pay-feature-content) .shk-chart-fallback { width:100%; min-width:0; color:var(--pay-ink,#172b42); }
:is(body.pay-feature-page,.shk-pay-feature-content) .shk-chart-fallback svg { display:block; width:100%; height:clamp(220px,32vw,330px); overflow:visible; color:var(--pay-muted,#71839a); }
:is(body.pay-feature-page,.shk-pay-feature-content) .shk-chart-fallback-legend { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 22px; margin:0 0 8px; color:var(--pay-muted,#71839a); font-size:12px; }
:is(body.pay-feature-page,.shk-pay-feature-content) .shk-chart-fallback-legend span { display:inline-flex; align-items:center; gap:7px; }
:is(body.pay-feature-page,.shk-pay-feature-content) .shk-chart-fallback-legend i { width:11px; height:11px; border-radius:3px; background:#2392f1; }
:is(body.pay-feature-page,.shk-pay-feature-content) .shk-chart-fallback-legend i.count { background:#97adff; }

:is(body.pay-feature-page,.shk-pay-feature-content) .shk-inperson-checkout .grid_infor .owl-stage-outer { overflow:hidden; border-radius:14px; }
:is(body.pay-feature-page,.shk-pay-feature-content) .shk-inperson-checkout .grid_infor .owl-item > lable { display:block; box-sizing:border-box; width:100%; min-width:0; padding:8px; }
:is(body.pay-feature-page,.shk-pay-feature-content) .shk-inperson-checkout .grid_infor .owl-dots { display:flex; justify-content:center; gap:7px; padding:10px; }
:is(body.pay-feature-page,.shk-pay-feature-content) .shk-inperson-checkout .grid_infor .owl-dot { width:9px; height:9px; border:0; border-radius:50%; background:var(--pay-border,#dce6f0); }
:is(body.pay-feature-page,.shk-pay-feature-content) .shk-inperson-checkout .grid_infor .owl-dot.active { width:24px; border-radius:10px; background:var(--pay-blue,#2392f1); }

/* Consistent tabs and legacy manager panels across every in-person tool. */
:is(body.pay-feature-page,.shk-pay-feature-content) .menu_bank { display:flex; flex-wrap:wrap; align-items:stretch; gap:7px; width:min(100%,900px); margin:14px auto; padding:6px; border:1px solid var(--pay-border,#dce6f0); border-radius:14px; background:var(--pay-soft,#f2f7fd); }
:is(body.pay-feature-page,.shk-pay-feature-content) .menu_bank li { flex:1 1 150px; min-width:0; margin:0; padding:11px 12px; border:1px solid transparent; border-radius:10px; color:var(--pay-muted,#71839a); text-align:center; line-height:1.7; cursor:pointer; transition:background .18s ease,color .18s ease,box-shadow .18s ease; }
:is(body.pay-feature-page,.shk-pay-feature-content) .menu_bank li.active { border-color:var(--pay-border,#dce6f0); background:var(--pay-surface,#fff); color:var(--pay-blue-deep,#0d63c5); font-weight:800; box-shadow:0 3px 12px rgba(20,77,127,.1); }
:is(body.pay-feature-page,.shk-pay-feature-content) .informantion { box-sizing:border-box; max-width:100%; margin:12px 0; padding:clamp(12px,2vw,20px); border:1px solid var(--pay-border,#dce6f0); border-radius:16px; background:var(--pay-surface,#fff); color:var(--pay-ink,#172b42); }
:is(body.pay-feature-page,.shk-pay-feature-content) :is(.about,.informantion,.towbox_show,.text-box) :is(h1,h2,h3,p,span,small,b,strong) { max-width:100%; overflow-wrap:anywhere; line-height:1.85; }
:is(body.pay-feature-page,.shk-pay-feature-content) :is(.towbox_show,.boxer_lister) { display:flex; flex-wrap:wrap; align-items:stretch; gap:12px; width:100%; max-width:100%; }
:is(body.pay-feature-page,.shk-pay-feature-content) .towbox_show > .boxe { flex:1 1 220px; box-sizing:border-box; min-width:min(100%,220px); margin:0; padding:15px; border:1px solid var(--pay-border,#dce6f0); border-radius:15px; background:var(--pay-soft,#f2f7fd); }
:is(body.pay-feature-page,.shk-pay-feature-content) :is(.percentage-control,.form-row,.towbox_show) :is(input:not([type=hidden]),select,textarea) { min-height:46px; }
@media(max-width:600px) { :is(body.pay-feature-page,.shk-pay-feature-content) .menu_bank li { flex-basis:100%; } :is(body.pay-feature-page,.shk-pay-feature-content) .towbox_show > .boxe { flex-basis:100%; min-width:0; } }

/* Product taxonomies inside each merchant group in the main navigation. */
body[data-site-id="3"] .site-header .main-nav > .shk-credit-nav .shk-credit-submenu .menu-item { white-space:normal; line-height:1.75; }
body[data-site-id="3"] .site-header .main-nav > .shk-credit-nav .shk-credit-submenu .shk-credit-submenu-heading { margin:7px 5px 3px; padding:9px 10px 6px; border-top:1px solid var(--pay-border,#dce6f0); color:var(--pay-muted,#71839a); font-size:11px; font-weight:800; }
body[data-site-id="3"] .site-header .main-nav > .shk-credit-nav .shk-credit-submenu .shk-product-category-link { padding-right:20px; }
body.site3-shell .shk-mobile-drawer-subheading { margin:9px 8px 3px; padding:10px 12px 5px; border-top:1px solid rgba(130,160,190,.2); color:var(--pay-muted,#9aafc3); font-size:12px; font-weight:800; }
body.site3-shell .shk-mobile-drawer-link.shk-product-category-link { padding-right:24px; }

/* Final site-wide mobile layout pass for the Shakilid shell. */
@media (max-width:1024px) and (pointer:coarse) and (hover:none), (max-width:760px) {
    body.site3-shell {
        width:100%;
        max-width:100%;
        overflow-x:clip!important;
        color-scheme:light!important;
        --text:#172b42;
        --ink:#172b42;
        --muted:#71839a;
        --line:#dce6f0;
        --surface:#fff;
        --surface-soft:#f4f8fc;
        --back-color:#f4f7fb;
        --box-color:#fff;
        --div-color:#f1f5f9;
        --text-color:#172b42;
        --muted-color:#71839a;
        --pay-ink:#172b42;
        --pay-muted:#71839a;
        --pay-surface:#fff;
        --pay-soft:#f4f8fc;
        --pay-border:#dce6f0;
        background:#f4f7fb!important;
        color:#172b42!important;
    }

    body.site3-shell *,
    body.site3-shell *::before,
    body.site3-shell *::after { box-sizing:border-box; }

    body.site3-shell > web { display:block; width:100%; min-width:0; max-width:100%; }
    body.site3-shell :is(main,section,article,aside,form,.container,.row,.grid) { min-width:0; max-width:100%; }
    body.site3-shell :is(img,svg,video,canvas,iframe) { max-width:100%; }
    body.site3-shell :is(input,select,textarea,button) { max-width:100%; color-scheme:light; }
    body.site3-shell :is(h1,h2,h3,h4,p,a,button,strong,span) { overflow-wrap:anywhere; }
    body.site3-shell :is(table,.table-responsive) { max-width:100%; }
    body.site3-shell :is(.table-responsive,.cbm-history-wrap,.credit-table-wrap) { overflow-x:auto; }
    body.site3-shell [data-theme-switch] { display:none!important; }

    body.site3-shell .loginbox {
        box-sizing:border-box;
        width:calc(100% - 24px);
        max-width:480px;
        margin:18px auto 28px;
        padding:16px;
        border:1px solid #dce6f0!important;
        border-radius:20px;
        background:#fff!important;
        color:#172b42!important;
        box-shadow:0 8px 28px rgba(27,65,105,.08);
    }
    body.site3-shell .loginbox img.logo_log { display:block; width:min(64%,240px); max-width:240px; max-height:110px; height:auto; margin:6px auto 20px; object-fit:contain; }
    body.site3-shell .loginbox form,
    body.site3-shell .loginbox form > label { display:block; width:100%; min-width:0; }
    body.site3-shell .loginbox form > label { margin:0 0 15px; }
    body.site3-shell .loginbox form > label :is(h1,h2,h3) { max-width:100%; line-height:1.8; text-align:center; }
    body.site3-shell .loginbox form > label input:not([type=hidden]):not([type=checkbox]):not([type=radio]) { display:block; box-sizing:border-box; width:100%!important; min-width:0; min-height:52px; border-radius:13px; }
    body.site3-shell .loginbox form > label input[type=submit] { background:#1688ed!important; color:#fff!important; font-weight:800; }
    body.site3-shell .loginbox .towbox_show { display:grid; grid-template-columns:minmax(0,1fr); gap:9px; }
    body.site3-shell .loginbox .towbox_show > * { width:100%!important; margin:0!important; }

    /* Keep the header in two compact rows: controls/logo, then full-width search. */
    body.site3-shell .site-header {
        width:100%;
        max-width:100%;
        background:#fff!important;
        border-color:#dce6f0!important;
    }
    body.site3-shell .site-header .container.header-main {
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;
        grid-template-areas:"menu brand actions" "search search search";
        align-items:center;
        gap:9px 8px;
        width:calc(100% - 24px)!important;
        max-width:100%!important;
        min-height:0!important;
        margin:0 auto!important;
        padding:10px 0!important;
        direction:ltr;
    }
    body.site3-shell .site-header .header-main > * { min-width:0!important; max-width:100%; }
    body.site3-shell .site-header .shk-mobile-menu-trigger {
        grid-area:menu;
        display:inline-flex!important;
        align-items:center;
        justify-self:start;
        gap:7px;
        width:max-content;
        min-width:0;
        min-height:46px;
        margin:0!important;
        padding:7px 10px!important;
        border:1px solid #dce6f0!important;
        border-radius:13px!important;
        background:#fff!important;
        color:#172b42!important;
        font-size:14px;
        line-height:1.2;
    }
    body.site3-shell .site-header .shk-mobile-menu-trigger > span { display:grid; gap:4px; }
    body.site3-shell .site-header .shk-mobile-menu-trigger > span i { display:block; width:17px; height:2px; border-radius:2px; background:#172b42; }
    body.site3-shell .site-header .brand {
        grid-area:brand;
        justify-self:center;
        display:grid;
        place-items:center;
        width:54px!important;
        min-width:0!important;
        max-width:54px!important;
        margin:0!important;
        padding:0!important;
    }
    body.site3-shell .site-header .brand img { display:block; width:50px!important; max-width:50px!important; height:auto!important; max-height:46px; object-fit:contain; }
    body.site3-shell .site-header .header-side-right {
        grid-area:actions;
        display:flex!important;
        align-items:center;
        justify-self:end;
        justify-content:flex-end;
        gap:4px;
        width:max-content;
        max-width:100%;
        margin:0!important;
        padding:0!important;
        direction:ltr;
    }
    body.site3-shell .site-header .header-side-right > a {
        position:relative;
        display:grid!important;
        place-items:center;
        flex:0 0 38px;
        width:38px;
        min-width:38px;
        height:40px;
        margin:0!important;
        padding:5px!important;
        border-radius:11px;
        color:#1688ed!important;
    }
    body.site3-shell .site-header .header-side-right > a > span { display:none!important; }
    body.site3-shell .site-header .header-side-right svg { width:23px!important; height:23px!important; }
    body.site3-shell .site-header .header-cart contbask { position:absolute; top:0; right:0; min-width:15px; height:15px; padding:0 3px; border-radius:999px; background:#1688ed; color:#fff; font-size:9px; line-height:15px; text-align:center; }
    body.site3-shell .site-header .shk-header-search {
        grid-area:search;
        display:flex!important;
        order:initial!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:50px!important;
        min-height:50px!important;
        margin:0!important;
        padding:4px!important;
        border:1px solid #d4e0ec!important;
        border-radius:16px!important;
        background:#f2f6fa!important;
        box-shadow:none!important;
        direction:ltr;
    }
    body.site3-shell .site-header .shk-header-search input {
        flex:1 1 auto;
        width:0!important;
        min-width:0!important;
        height:40px!important;
        min-height:40px!important;
        padding:0 12px!important;
        border:0!important;
        outline:0;
        background:transparent!important;
        color:#172b42!important;
        font-size:14px!important;
        direction:rtl;
        text-align:right;
    }
    body.site3-shell .site-header .shk-header-search input::placeholder { color:#71839a!important; opacity:1; }
    body.site3-shell .site-header .shk-header-search button {
        display:grid!important;
        flex:0 0 42px!important;
        place-items:center;
        width:42px!important;
        min-width:42px!important;
        height:40px!important;
        min-height:40px!important;
        margin:0!important;
        border:0!important;
        border-radius:12px!important;
        background:#1688ed!important;
        color:#fff!important;
    }
    body.site3-shell .site-header .main-nav { display:none!important; }
    body.site3-shell .site-header .shk-search-suggestions { right:0!important; left:0!important; width:100%!important; max-width:100vw!important; box-sizing:border-box; }
    body.site3-shell #chatli { right:14px!important; bottom:calc(78px + env(safe-area-inset-bottom,0px))!important; z-index:1090!important; }

    /* Natural-height cards and compact category listings prevent blank/overlapping rows. */
    body.site3-shell .shk-all-categories {
        width:calc(100% - 24px)!important;
        max-width:100%!important;
        margin:16px auto 46px!important;
    }
    body.site3-shell .shk-all-categories-head { margin-bottom:12px!important; padding:17px!important; border-radius:18px!important; background:#fff!important; color:#172b42!important; }
    body.site3-shell .shk-all-categories-head h1 { font-size:22px!important; }
    body.site3-shell .shk-all-categories-head p { font-size:12px!important; }
    body.site3-shell .shk-all-categories-grid { grid-template-columns:minmax(0,1fr)!important; gap:10px!important; align-items:start; }
    body.site3-shell .shk-all-category-card {
        grid-template-columns:48px minmax(0,1fr) 34px!important;
        grid-template-rows:auto auto!important;
        align-self:start;
        align-content:start;
        gap:9px 10px!important;
        width:100%;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        padding:12px!important;
        border-color:#dce6f0!important;
        border-radius:16px!important;
        background:#fff!important;
        color:#172b42!important;
        box-shadow:0 5px 16px rgba(27,65,105,.06)!important;
    }
    body.site3-shell .shk-all-category-icon { width:46px!important; height:46px!important; }
    body.site3-shell .shk-all-category-icon img { width:32px!important; height:32px!important; }
    body.site3-shell .shk-all-category-content h2 { font-size:14px!important; line-height:1.6; color:#172b42!important; }
    body.site3-shell .shk-all-category-content span { margin-top:2px!important; font-size:11px!important; color:#71839a!important; }
    body.site3-shell .shk-all-category-details { grid-column:1/-1!important; width:100%; margin-top:3px; padding-top:5px!important; border-color:#e4ebf3!important; }
    body.site3-shell .shk-all-category-details summary { min-height:32px!important; }
    body.site3-shell .shk-all-category-links { grid-template-columns:minmax(0,1fr)!important; max-height:220px; overflow:auto; }
    body.site3-shell .shk-all-category-links a { min-height:40px!important; color:#263b52!important; }
    body.site3-shell .credit-category-nav { display:flex!important; flex-wrap:wrap!important; justify-content:center; gap:7px!important; width:100%; max-width:100%; overflow:visible!important; padding:0 2px; }
    body.site3-shell .credit-category-nav a { max-width:100%; white-space:normal; text-align:center; }

    /* Light surfaces also apply to pages that have explicit dark-mode selectors. */
    body.site3-shell :is(.credit-market,.credit-home-section,.credit-store-card,.credit-product-card,.credit-market-empty,.credit-store-detail-head,.credit-store-benefit,.credit-home-card,.credit-market-search,.shk3-category,.shk3-hero,.shk3-media,.shk-offers-hero,.shk-offer-category,.shk-offer-product-card,.shk-profile-form,.shk-address-page,.shk-wallet-box,.shk-wallet-panel,.shk-search-page,.shk-filter-card,.shk-panel-card,.shk-account-panel,.shk-account-side,.shk-profile-card,.shk-pay-feature-content) {
        color:#172b42!important;
        border-color:#dce6f0!important;
    }
    body.site3-shell :is(.credit-market,.credit-home-section,.credit-store-card,.credit-product-card,.credit-market-empty,.credit-store-detail-head,.credit-store-benefit,.credit-home-card,.credit-market-search,.shk3-category,.shk3-hero,.shk3-media,.shk-offers-hero,.shk-offer-category,.shk-offer-product-card,.shk-profile-form,.shk-address-page,.shk-wallet-box,.shk-wallet-panel,.shk-search-page,.shk-filter-card,.shk-panel-card,.shk-account-panel,.shk-account-side,.shk-profile-card,.shk-pay-feature-content) { background-color:#fff!important; }
    body.site3-shell :is(.credit-market h1,.credit-market h2,.credit-market strong,.credit-home-section h2,.shk3-category h1,.shk3-category h2,.shk3-hero h1,.shk-profile-form h1,.shk-profile-form h2,.shk-wallet-box h1,.shk-wallet-box h2,.shk-pay-feature-content h1,.shk-pay-feature-content h2,.shk-pay-feature-content h3,.shk-pay-feature-content label) { color:#172b42!important; }
    body.site3-shell :is(.credit-market p,.credit-market small,.credit-home-card small,.credit-store-detail-head p,.shk3-category p,.shk3-hero p,.shk-pay-feature-content p,.shk-pay-feature-content small) { color:#71839a!important; }
    body.site3-shell :is(.shk-profile-form,.shk-address-page,.shk-wallet-box,.shk-wallet-panel,.shk-pay-feature-content) :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]),select,textarea) { background:#fff!important; border-color:#dce6f0!important; color:#172b42!important; }
    body.site3-shell .credit-market :is(a,button):not(.credit-offer-badge),
    body.site3-shell .shk-pay-feature-content :is(a:not(.btn-p):not(.btn-sub),button:not(.btn-p):not(.btn-sub)) { overflow-wrap:anywhere; }
    body.site3-shell .shk-pay-feature-content :is(.cashback-shell,.cashback-user-shell,.cbm,.customer-club-shell,.informantion,.pro_file,.panel_box,.box_infor,.cbm-panel) { background:#fff!important; color:#172b42!important; border-color:#dce6f0!important; }
    body.site3-shell .shk-pay-feature-content :is(.cbm-card,.cbm-history-table,.cbm-form,.cashback-form) { background:#f7faff!important; color:#172b42!important; border-color:#dce6f0!important; }
}

@media (max-width:420px) {
    body.site3-shell .site-header .container.header-main { width:calc(100% - 18px)!important; grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important; gap:7px 5px; }
    body.site3-shell .site-header .brand { width:48px!important; max-width:48px!important; }
    body.site3-shell .site-header .brand img { width:46px!important; max-width:46px!important; }
    body.site3-shell .site-header .shk-mobile-menu-trigger { min-height:42px; padding:6px 8px!important; font-size:13px; }
    body.site3-shell .site-header .header-side-right > a { flex-basis:35px; width:35px; min-width:35px; height:38px; }
    body.site3-shell .site-header .shk-header-search { height:46px!important; min-height:46px!important; }
    body.site3-shell .site-header .shk-header-search input { height:36px!important; min-height:36px!important; font-size:13px!important; }
    body.site3-shell .site-header .shk-header-search button { flex-basis:38px!important; width:38px!important; min-width:38px!important; height:36px!important; min-height:36px!important; }
}