@font-face {
    font-family: "Potro Sans Bangla";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/Potro-Sans-Bangla-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Potro Sans Bangla";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/Potro-Sans-Bangla-Bold.ttf") format("truetype");
}

@media screen {
    body.customer-panel-page {
        --customer-font-family: "Poppins", "Potro Sans Bangla", sans-serif;
        --customer-text-size: 14px;
        --customer-title-size: 18px;
        --customer-heading-size: 16px;
        --customer-caption-size: 12px;
        font-family: var(--customer-font-family);
        font-size: var(--customer-text-size);
    }

    body.customer-panel-page #content,
    body.customer-panel-page #content :is(main, section, article, aside, div, form, table) {
        font-family: var(--customer-font-family);
    }

    body.customer-panel-page #content {
        font-size: var(--customer-text-size);
        line-height: 1.5;
    }

    /* Text shares one font; icon elements keep their own font families. */
    body.customer-panel-page #content :is(h1, h2, h3, h4, h5, h6, p, a, label, button, input, select, textarea, td, th, small, strong, b, time, summary) {
        font-family: var(--customer-font-family);
    }

    body.customer-panel-page #content :is(h1, h2, h3, h4, .account-title, .faq-mobile-header strong, .mobile-order-status-panel strong, .customer-stat-card strong, .coupon-ticket-discount, .coupon-code-text) {
        font-size: var(--customer-title-size);
        line-height: 1.4;
    }

    body.customer-panel-page #content :is(h5, h6, .mobile-account-card h2, .mobile-order-card-head h2, .mobile-order-panel-title, .coupons-mobile-heading, .coupon-detail-title, .contact-hero h2, .wishlist-empty h2, .mobile-orders-empty h2) {
        font-size: var(--customer-heading-size);
        line-height: 1.4;
    }

    body.customer-panel-page #content h5.account-title {
        font-size: var(--customer-title-size);
    }

    body.customer-panel-page #content :is(p, label, input, select, textarea, td, th, .btn, .form-control),
    body.customer-panel-page #content :is(.customer-info-item strong, .customer-panel-profile-info strong, .customer-panel-primary-btn, .mobile-account-profile-copy > a, .mobile-account-link-copy strong),
    body.customer-panel-page #content :is(.mobile-order-filter, .mobile-order-total-row, .mobile-order-total-row strong, .mobile-order-info-row, .mobile-order-billing-row, .mobile-product-toggle, .mobile-product-item h3),
    body.customer-panel-page #content :is(.track-invoice, .track-product-names, .track-metric-value, .track-empty-state),
    body.customer-panel-page #content :is(.address-mobile-picker, .address-mobile-picker span, .address-mobile-save, .address-picker-option, .password-mobile-submit),
    body.customer-panel-page #content :is(.coupon-offer-name, .coupon-offer-value, .coupon-detail-subtitle, .coupon-expiry, .coupon-got-it),
    body.customer-panel-page #content :is(.contact-mobile-value, .contact-mobile-address, .faq-question-text, .faq-answer, .faq-answer p, .faq-answer li),
    body.customer-panel-page #content :is(.auth-submit, .auth-resend button, .wishlist-empty a, .order_place, .invoice_btn) {
        font-size: var(--customer-text-size);
        line-height: 1.5;
    }

    body.customer-panel-page #content :is(input, textarea)::placeholder {
        font-family: var(--customer-font-family);
        font-size: var(--customer-text-size);
    }

    body.customer-panel-page #content :is(small, .invalid-feedback, .invalid-feedback strong),
    body.customer-panel-page #content :is(.customer-panel-profile-info span, .customer-card-title p, .customer-card-title > a, .customer-info-item p, .customer-dashboard-head p),
    body.customer-panel-page #content :is(.mobile-account-profile-copy p, .mobile-account-profile-copy > div, .mobile-account-profile-copy > div span, .mobile-account-profile-copy > div strong, .mobile-order-card-head time),
    body.customer-panel-page #content :is(.order-app-count, .mobile-order-status, .mobile-product-meta span, .track-date, .track-status, .track-product-label, .track-metric-label, .track-copy-toast),
    body.customer-panel-page #content :is(.address-mobile-error, .address-picker-empty, .password-mobile-error, .coupon-code-label, .coupon-detail-tag, .coupon-copy-feedback),
    body.customer-panel-page #content :is(.contact-mobile-label, .faq-page-heading p, .faq-number, .wishlist-heading > span, .auth-heading > p) {
        font-size: var(--customer-caption-size);
        line-height: 1.5;
    }

    body.customer-panel-page #content .customer-panel-nav a {
        font-size: var(--customer-text-size) !important;
    }

    body.customer-panel-page #content [style*="font-family"],
    body.customer-panel-page #content [style*="font-size"] {
        font-family: var(--customer-font-family) !important;
        font-size: var(--customer-text-size) !important;
    }

    body.customer-panel-page :is(.select2-container, .select2-dropdown, .flatpickr-calendar) {
        font-family: var(--customer-font-family);
        font-size: var(--customer-text-size);
    }
}

.mobile-quick-grid > a span svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}