/* Match the admin type scale throughout the storefront. */
body.shop-app {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.55;
}
body.shop-app :where(div, p, label, input, select, textarea, button, td, th, a, small, summary, dt, dd, h1, h2, h3, h4, h5, h6) {
    font-family: "Segoe UI", Arial, sans-serif !important;
}
body.shop-app :where(div, p, span, label, input, select, textarea, button, td, th, a, small, summary, dt, dd) {
    font-size: 15px !important;
    line-height: 1.55;
    letter-spacing: normal;
}
body.shop-app :where(h1, .page-title-modern, .page-title, .product-hero-title) {
    font-size: 24px !important;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: normal;
}
body.shop-app :where(h2, h3, .products-section-title, .storefront-section-heading) {
    font-size: 21px !important;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: normal;
}
body.shop-app :where(h4, h5, h6, .product-card-title) {
    font-size: 18px !important;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: normal;
}
body.shop-app :where(.sidebar-menu-label, .filter-label, .form-label, .profile-info-label) {
    font-size: 15px !important;
    text-transform: none;
    color: #526176;
}
body.shop-app :where(.shop-rail nav a, .sidebar-menu-item, .sidebar-menu-item span, .sidebar-logout-btn span, .shop-account) {
    font-size: 15px !important;
    font-weight: 400;
}
body.shop-app :where(.sidebar-menu-item, .shop-rail nav a, .form-control, .form-select, .btn) {
    min-height: 42px;
}
body.shop-app :where(.product-price-current, .product-price-range, .profile-info-value, .wallet-stat-value) {
    font-size: 18px !important;
    font-weight: 600;
}
body.shop-app :where(.wallet-modern-amount, .wallet-modern-amount span) {
    font-size: 32px !important;
    font-weight: 600;
}
body.shop-app .table thead th {
    font-size: 14px !important;
    font-weight: 600;
}
body.shop-app :where(.btn, button) {
    font-size: 14px !important;
    font-weight: 600;
}
body.shop-app .shop-brand {
    font-size: 27px !important;
    font-weight: 700;
}
body.shop-app .shop-brand > span:first-child {
    font-size: 21px !important;
}
body.shop-app .shop-brand .brand-dot {
    font-size: 27px !important;
}
@media (max-width: 600px) {
    body.shop-app :where(input, select, textarea) {
        font-size: 16px !important;
    }
}