/* Payment result buttons */

.db-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.db-btn-light {
    border: 1px solid #d8d8d8;
    background: #fff;
    color: #333;
}

.db-btn-light:hover {
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
}
/* Fix product card selection */
.product-option.csp-inline-d0b3d9a1a525,
.product-option.csp-inline-d0b3d9a1a525 * {
    pointer-events: auto !important;
}
.order-card-row{text-align:right;}
.csp-inline-cfe9c9ac7961{font-size: 14px;}
.csp-inline-aea5e8026e59 {font-size: 16px;}
article.csp-inline-28d28000e0da a {font-size: 14px;}
.csp-inline-3037cd65a9e5{    border: 1px solid #ebebeb;padding: 5px;border-radius: 5px;}
.csp-inline-fc34562c740a{padding-top: 10px;}

/* Desktop purchase page - two column layout */
@media (min-width: 768px) {

    .container:has(#buy-form) {
        max-width: 1320px;
        padding: 24px 28px;
    }

    .container:has(#buy-form) .header {
        gap: 8px;
        margin-bottom: 18px;
        padding-bottom: 14px;
    }

    .container:has(#buy-form) .header h1 {
        font-size: 25px;
    }

    #buy-form {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 14px;
        row-gap: 12px;
        align-items: normal;
    }

    /* Product selection */
    #buy-form > .section:first-of-type {
        grid-column: 1;
        grid-row: 1 / span 3;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin: 0;
        padding: 16px;
        min-width: 0;
    }

    #buy-form > .section:first-of-type .product-option {
        width: 100%;
        max-width: none;
        min-height: 55px;
        height: 80px;
        margin: 0;
        box-sizing: border-box;
    }

    #buy-form .product-card-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-height: 55px;
        height: 80px;
        padding: 8px 14px;
        box-sizing: border-box;
    }

    #buy-form .product-card-top,
    #buy-form .product-price {
        display: none;
    }

    #buy-form .product-card-bottom {
        display: contents;
    }

    #buy-form .product-name,
    #buy-form .product-select-hint {
        margin: 0;
        font-size: 14px;
    }

    #buy-form .product-select-hint {
    display:none;
    }
    
    .product-option:has(input[type="radio"]:checked)::after{top:25px;}

    /* Customer information */
    #buy-form > .section:nth-of-type(2) {
        grid-column: 2;
        grid-row: 1;
        margin: 0;
        padding: 16px;
        min-width: 0;
    }

    #buy-form .customer-info {
        padding: 12px;
    }

    #buy-form .customer-row {
        margin-bottom: 6px;
    }

    /* Quantity and coupon */
    #buy-form > .section:nth-of-type(3) {
        grid-column: 2;
        grid-row: 2;
        display: grid;
        grid-template-columns: 0.65fr 1.35fr;
        align-items: start;
        gap: 12px;
        margin: 0;
        padding: 16px;
        min-width: 0;
    }

    #buy-form > .section:nth-of-type(3) > .field {
        min-width: 0;
        width: 100%;
        margin: 0;
    }

    #buy-form .field {
        margin-bottom: 10px;
    }

    #buy-form .field label {
        margin-bottom: 5px;
    }

    #buy-form .field input {
        min-height: 42px;
        padding: 8px 11px;
        box-sizing: border-box;
        max-width: 100%;
    }

    #buy-form .quantity-input {
        width: 100%;
    }

    #buy-form .coupon-row,
    #buy-form .coupon-field {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    /* Price summary and submit button */
/* Price summary below quantity and coupon */
#buy-form > .total,
#buy-form > .discount-row,
#buy-form > .tax-row,
#buy-form > .final-total {
    grid-column: 2;
    box-sizing: border-box;
}

/* Submit button */
#buy-form > .button {
    grid-column: 1 / -1;
    box-sizing: border-box;
}

    #buy-form > .total,
    #buy-form > .discount-row,
    #buy-form > .tax-row {
        margin: 0;
        padding: 10px 12px;
    }

    #buy-form > .final-total {
        margin: 0;
        padding: 14px 16px;
    }

    #buy-form > .button {
        margin: 0;
        min-height: 48px;
    }
    
    /* Purchase summary section */
#buy-form > .purchase-summary {
    grid-column: 2;
    grid-row: 3;
    margin: 0;
    padding: 16px;
    min-width: 0;
}

#buy-form > .purchase-summary > .total,
#buy-form > .purchase-summary > .discount-row,
#buy-form > .purchase-summary > .tax-row {
    margin: 10px 0;
    padding:10px;
}

#buy-form > .purchase-summary > .final-total {
    margin: 10px 0;
    padding:10px;
    font-size: 14px;
}
.final-total > span:last-child {font-size: 14px;}
.tax-row{}

/* Compact submit button */
#buy-form > .button {
    grid-column: 1 / -1;
    grid-row: 4;
    justify-self: center;
    width: auto;
    min-width: 220px;
    max-width: 100%;
    padding: 0 28px;
    margin: 8px auto 0;
    background: #0d6efd;
}

}





@media (min-width: 768px) {
    #buy-form .product-name {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    #buy-form .product-stock-label {
        display: inline-flex;
        align-items: center;
        padding: 3px 9px;
        border-radius: 5px;
        background: #f1f1f1;
        color: #888;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }
}


/* Cart page - compact desktop layout */

.cart-customer-section {
    display: none !important;
}

@media (min-width: 768px) {

    .cart-container {
        max-width: 1250px;
    }

    .cart-card {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
        gap: 16px;
        padding: 18px;
        align-items: start;
    }

    /* Selected products - right column */

    .cart-section {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        padding: 16px;
        border: 1px solid #e2e2e2;
        border-radius: 10px;
        background: #fff;
    }

    .cart-section-title {
        margin-bottom: 10px;
    }

    .cart-item {
        gap: 12px;
        padding: 12px 8px;
    }

    /* Purchase summary - left column */

    .cart-summary {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        min-width: 0;
        margin: 0;
        padding: 14px;
    }

    .cart-summary h2 {
        margin-bottom: 8px;
    }

    .cart-summary-row {
        padding: 5px 0;
        gap: 8px;
    }

    .cart-summary-total {
        margin-top: 7px;
        padding-top: 9px;
        font-size: 15px;
    }

    .cart-summary-total strong {
        font-size: 17px;
    }

    /* Payment section below both columns */

    .cart-actions {
        grid-column: 1 / -1;
        grid-row: 2;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-top: 0;
        padding-top: 16px;
        border-top: 1px solid #e5e5e5;
    }

    .cart-checkout-form {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        width: 100%;
        margin: 0 !important;
    }

    .cart-payment-gateways-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .cart-payment-gateway-content {
        min-height: 76px;
        padding: 9px;
        gap: 8px;
    }

    .cart-payment-gateway-logo {
        flex-basis: 48px;
        width: 48px;
        height: 42px;
    }

    .cart-checkout-button {
        align-self: center;
        min-width: 190px;
        width: auto;
        min-height: 44px;
    }

    /* Continue shopping and clear cart */

    .cart-bottom-actions {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        width: 100%;
    }

    .cart-clear-form {
        margin: 0;
    }
    
    .cart-section,
.cart-summary {
    height: 100%;
    box-sizing: border-box;
}
button.button.login-submit{margin-top: 5px;}
}

section#password-panel .field {margin-bottom: 5px;}
button.csp-inline-48da26c0fbdf {
    font-family: 'Vazirmatn';
}

.csp-inline-46fcb5eb2e2b{direction: ltr;}
.tozih a {color: #0d6efd;}
.footer-description {font-size: 13px;margin: 10px 0;}
.purchase-top-description{text-align: justify;direction: rtl;}