/* upjet-v8-payments.css */
/* Upjet Payment Gateways V8 */
.payment-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.payment-section-head h2{margin:0 0 4px}.payment-section-head p{margin:0;color:#6b7280;font-size:13px}.secure-payment-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.secure-payment-badge:before{content:'✓';display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#10b981;color:#fff}.payment-gateway-card{position:relative;display:flex!important;align-items:center!important;gap:13px!important;min-height:78px;padding:13px 14px!important;border:1px solid #e5e7eb!important;border-radius:16px!important;background:#fff!important;cursor:pointer;transition:.2s ease}.payment-gateway-card:hover{border-color:#fb923c!important;box-shadow:0 8px 25px rgba(249,115,22,.09)}.payment-gateway-card:has(input:checked){border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.12)}.payment-gateway-card input{accent-color:#f97316;flex:0 0 auto}.gateway-logo{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:13px;font-weight:900;direction:ltr;flex:0 0 auto}.gateway-logo-zarinpal{background:linear-gradient(145deg,#fff6cf,#f6c843);color:#5b4300}.gateway-logo-idpay{background:linear-gradient(145deg,#e7f4ff,#2494df);color:#fff}.gateway-logo-card{background:#fff1e9;color:#ea580c}.gateway-logo-cod{background:#eff6ff;color:#1d4ed8}.gateway-copy{display:flex;flex-direction:column;gap:4px;flex:1}.gateway-copy b{font-size:14px;color:#111827}.gateway-copy small{color:#6b7280;line-height:1.7}.sandbox-label{font-style:normal;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.payment-empty-notice{margin-bottom:10px}.payment-result-page{max-width:760px;padding-top:40px;padding-bottom:60px}.payment-result-card{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:36px;box-shadow:0 24px 70px rgba(17,24,39,.08);text-align:center}.payment-result-icon{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:900}.payment-result-card.is-success .payment-result-icon{background:#dcfce7;color:#15803d}.payment-result-card.is-failed .payment-result-icon{background:#fff1f2;color:#e11d48}.payment-result-card h1{margin:0 0 9px}.payment-result-card>p{color:#6b7280}.payment-result-details{margin:26px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:right}.payment-result-details>div{padding:13px 15px;background:#f9fafb;border:1px solid #f0f1f3;border-radius:14px;display:flex;justify-content:space-between;gap:10px}.payment-result-details span{color:#6b7280}.retry-payment-form{max-width:420px;margin:22px auto;padding:18px;background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;text-align:right}.retry-payment-form label{display:grid;gap:8px}.retry-payment-form select{width:100%;background:#fff}.success-notice{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#065f46!important}
.gateway-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.gateway-config-card{display:grid;gap:14px}.gateway-config-head{display:flex;align-items:center;gap:12px}.gateway-config-head>div:nth-child(2){flex:1}.gateway-config-head h2{margin:0 0 4px}.gateway-config-head small{color:#6b7280}.status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.status-pill.success{background:#dcfce7;color:#166534}.status-pill.muted{background:#f3f4f6;color:#6b7280}.check-card{display:flex!important;align-items:center;gap:8px;padding:11px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.check-card input{accent-color:#f97316}.offline-payment-card{margin-top:18px}.payment-security-notes{margin-top:18px}.payment-security-notes ul{margin:0;padding-right:20px;line-height:2;color:#4b5563}
@media(max-width:800px){.gateway-admin-grid{grid-template-columns:1fr}.payment-result-card{padding:24px 16px;border-radius:20px}.payment-result-details{grid-template-columns:1fr}.payment-section-head{align-items:center}.secure-payment-badge{padding:6px 9px}.payment-gateway-card{align-items:flex-start!important}.sandbox-label{position:absolute;left:10px;top:10px}}

/* upjet-product-icons-v23.css */
/* Upjet V23 — visible Font Awesome SVG icons + orange product actions */
.upjet-inline-fa,
.product-card-actions .svg-inline--fa,
.card-cart-button .svg-inline--fa {
    display: block !important;
    width: 1em !important;
    height: 1em !important;
    overflow: visible;
    fill: currentColor !important;
    color: inherit !important;
    pointer-events: none;
    flex: 0 0 auto;
}

.product-card-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    border: 1px solid #ffd6bf !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.97) !important;
    color: #ff671f !important;
    box-shadow: 0 5px 14px rgba(255,103,31,.10) !important;
    line-height: 1 !important;
    transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.product-card-actions button:hover,
.product-card-actions button:focus-visible {
    background: #ff671f !important;
    color: #fff !important;
    border-color: #ff671f !important;
    box-shadow: 0 9px 19px rgba(255,103,31,.25) !important;
    transform: translateY(-2px) !important;
}

.product-card-actions button .upjet-inline-fa,
.product-card-actions button .svg-inline--fa {
    width: 15px !important;
    height: 15px !important;
}

.card-cart-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg,#ff8a30 0%,#ff6400 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(255,103,31,.25) !important;
    line-height: 1 !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.card-cart-button:hover,
.card-cart-button:focus-visible {
    background: linear-gradient(135deg,#ff7a1a 0%,#ef5700 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(255,103,31,.34) !important;
    transform: translateY(-3px) scale(1.04) !important;
    filter: saturate(1.06);
}

.card-cart-button .upjet-inline-fa,
.card-cart-button .svg-inline--fa {
    width: 17px !important;
    height: 17px !important;
}

.card-cart-button.disabled {
    border: 1px solid #ffd8c4 !important;
    background: #fff3ec !important;
    color: #ff671f !important;
    box-shadow: none !important;
}

.card-cart-button.disabled:hover {
    background: #ffe9dc !important;
    color: #e9580d !important;
    transform: translateY(-2px) !important;
}

.product-rating .upjet-inline-fa {
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    color: #d7d9dd !important;
    fill: currentColor !important;
    vertical-align: middle;
}

.product-rating .upjet-inline-fa.filled {
    color: #ff9d20 !important;
}

@media (prefers-reduced-motion: reduce) {
    .product-card-actions button,
    .card-cart-button {
        transition: none !important;
    }
}

/* upjet-trust-badges-v27.css */
/* UPJET TRUST BADGES V27 */
.upjet-trust-section{border-top:1px solid rgba(255,255,255,.09);margin-top:28px;padding:28px 0 8px}.upjet-trust-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.upjet-trust-copy{display:grid;gap:5px;min-width:220px}.upjet-trust-copy>span{font-size:12px;color:#ff8b49}.upjet-trust-copy>strong{font-size:17px;color:#fff}.upjet-trust-copy>small{font-size:12px;color:rgba(255,255,255,.56)}.upjet-trust-grid{display:flex;align-items:stretch;justify-content:flex-start;gap:12px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}.upjet-trust-card{flex:0 0 132px;min-height:154px;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;transition:transform .25s ease,border-color .25s ease,background .25s ease}.upjet-trust-card:hover{transform:translateY(-4px);border-color:rgba(255,103,31,.58);background:rgba(255,255,255,.08)}.upjet-trust-logo{width:108px;height:108px;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6px}.upjet-trust-logo>a,.upjet-trust-logo>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.upjet-trust-logo img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain}.upjet-trust-logo script{display:none}.upjet-trust-card>span{font-size:12px;line-height:1.6;text-align:center;color:rgba(255,255,255,.78)}@media(max-width:800px){.upjet-trust-wrap{align-items:stretch;flex-direction:column}.upjet-trust-grid{width:100%}.upjet-trust-copy{text-align:center}.upjet-trust-card{flex-basis:124px}}

/* upjet-fontawesome-v19.css */
/* Upjet Font Awesome UI V19 — فقط آیکن‌های رابط کاربری */
.svg-inline--fa{display:inline-block;height:1em;overflow:visible;vertical-align:-.125em;pointer-events:none}
.fa-fw{width:1.25em;text-align:center}
.fa-icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.store-search button,.menu-toggle,.mobile-nav-close,.product-card-actions button,.card-cart-button{display:inline-flex;align-items:center;justify-content:center}
.store-search button .svg-inline--fa{font-size:18px}
.menu-toggle .svg-inline--fa,.mobile-nav-close .svg-inline--fa{font-size:20px}
.head-action>span,.head-cart-icon{display:inline-flex;align-items:center;justify-content:center}
.head-action .svg-inline--fa,.head-cart-icon .svg-inline--fa{font-size:18px}
.product-card-actions button .svg-inline--fa{font-size:15px}
.card-cart-button .svg-inline--fa{font-size:17px}
.product-detail-actions .svg-inline--fa,.quantity-add .svg-inline--fa,.mobile-buy .svg-inline--fa{margin-left:7px}
.buy-benefits .svg-inline--fa,.v5-hero-trust .svg-inline--fa{margin-left:5px}
.real-rating .svg-inline--fa{width:.9em;height:.9em}
.real-rating .svg-inline--fa:not(.filled){opacity:.22}
.real-rating .filled{color:#ff9d20}
.mobile-bottom-nav span{display:flex;align-items:center;justify-content:center}
.mobile-bottom-nav .svg-inline--fa{font-size:18px}
.empty-card>span .svg-inline--fa{font-size:42px}
.v5-benefits-grid article>span{display:flex;align-items:center;justify-content:center}
.v5-benefits-grid article>span .svg-inline--fa{font-size:18px}
@media (prefers-reduced-motion:no-preference){
  .card-cart-button .svg-inline--fa,.product-card-actions button .svg-inline--fa,.head-action .svg-inline--fa{transition:transform .18s ease}
  .card-cart-button:hover .svg-inline--fa{transform:translateY(-1px) scale(1.08)}
  .product-card-actions button:hover .svg-inline--fa,.head-action:hover .svg-inline--fa{transform:scale(1.08)}
}

/* upjet-fontawesome-header-fix-v20.css */
/* Upjet V20 — تثبیت چیدمان هدر و جداسازی آیکن Font Awesome از نشان تعداد */

/* ساختار اصلی هدر در دسکتاپ */
.store-head-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:22px!important;
    min-height:86px;
}
.store-head-grid>.menu-toggle{flex:0 0 42px}
.store-head-grid>.store-brand{flex:0 0 auto;min-width:max-content}
.store-head-grid>.store-search{flex:1 1 460px;min-width:260px;max-width:none}
.store-head-grid>.store-user-actions{flex:0 0 auto;min-width:0}

.store-user-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start;
    gap:8px!important;
    white-space:nowrap;
}

/* آیکن و شمارنده دو عنصر مستقل هستند */
.head-action{
    position:relative;
    flex:0 0 auto;
    min-width:64px;
    min-height:48px;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:5px 7px;
    line-height:1.1;
}
.head-action>.head-action-icon{
    position:static!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:20px!important;
    line-height:1!important;
}
.head-action>.head-action-icon>i,
.head-action>.head-action-icon>.svg-inline--fa{
    position:static!important;
    inset:auto!important;
    width:1em!important;
    height:1em!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:currentColor!important;
    font-size:20px!important;
    font-style:normal!important;
    line-height:1!important;
    box-shadow:none!important;
    transform:none;
}
.head-action>b{
    display:block;
    margin:0;
    font-size:10px;
    font-weight:500;
    line-height:1.35;
    white-space:nowrap;
}
.head-action>.head-action-count{
    position:absolute!important;
    top:1px!important;
    left:3px!important;
    right:auto!important;
    display:grid!important;
    place-items:center!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#ff7417!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:700!important;
    font-style:normal!important;
    line-height:1!important;
    box-shadow:0 3px 8px rgba(255,116,23,.25)!important;
    z-index:2;
}

/* سبد خرید */
.head-cart{
    flex:0 0 auto!important;
    min-width:126px!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
}
.head-cart-icon{
    position:static!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    padding:0!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.head-cart-icon>i,
.head-cart-icon>.svg-inline--fa{
    position:static!important;
    width:18px!important;
    height:18px!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    color:currentColor!important;
    font-size:18px!important;
}

/* جست‌وجو و منو */
.store-search{overflow:hidden}
.store-search input{min-width:0}
.store-search button>i,
.store-search button>.svg-inline--fa,
.menu-toggle>i,
.menu-toggle>.svg-inline--fa{
    position:static!important;
    width:1em!important;
    height:1em!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    color:currentColor!important;
}

/* تبلت: همه چیز یک‌ردیف و فشرده */
@media (max-width:1199px){
    .store-head-grid{gap:10px!important;min-height:76px}
    .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center}
    .store-brand img{width:44px;height:44px}
    .store-brand b{font-size:20px}
    .store-brand small{display:none}
    .store-search{flex-basis:300px;min-width:180px}
    .store-user-actions{gap:3px!important}
    .head-action{min-width:43px;width:43px;padding:4px}
    .head-action>b{display:none}
    .head-action>.head-action-count{top:0!important;left:0!important}
    .head-cart{min-width:48px!important;width:48px!important;padding:6px!important}
    .head-cart>span:last-child{display:none!important}
}

/* موبایل: ردیف اول هدر، ردیف دوم جست‌وجو */
@media (max-width:767px){
    .store-head-grid{
        display:grid!important;
        grid-template-columns:42px minmax(0,1fr) auto!important;
        gap:9px!important;
        min-height:66px;
        padding-top:7px;
    }
    .store-head-grid>.menu-toggle{grid-column:1;grid-row:1}
    .store-head-grid>.store-brand{grid-column:2;grid-row:1;justify-self:start;min-width:0}
    .store-head-grid>.store-user-actions{grid-column:3;grid-row:1}
    .store-head-grid>.store-search{grid-column:1/-1;grid-row:2;width:100%;min-width:0;margin:0 0 9px}
    .store-user-actions .head-action{display:none!important}
    .head-cart{display:flex!important}
}

@media (max-width:390px){
    .store-brand span{display:none!important}
}
