/* Navid design system — colors & typography (Figma) */

@font-face {
    font-family: 'Lahzeh';
    src:
        url('../fonts/Lahzeh/woff2/Lahzeh-FaNum-Regular.woff2') format('woff2'),
        url('../fonts/Lahzeh/woff/Lahzeh-FaNum-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lahzeh';
    src:
        url('../fonts/Lahzeh/woff2/Lahzeh-FaNum-Medium.woff2') format('woff2'),
        url('../fonts/Lahzeh/woff/Lahzeh-FaNum-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lahzeh';
    src:
        url('../fonts/Lahzeh/woff2/Lahzeh-FaNum-SemiBold.woff2') format('woff2'),
        url('../fonts/Lahzeh/woff/Lahzeh-FaNum-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lahzeh';
    src:
        url('../fonts/Lahzeh/woff2/Lahzeh-FaNum-Bold.woff2') format('woff2'),
        url('../fonts/Lahzeh/woff/Lahzeh-FaNum-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --navid-primary: #f3703a;
    --navid-primary-hover: #e06533;
    --navid-secondary: #003663;
    --navid-tertiary: #ededee;
    --navid-gray: #6c7580;
    --navid-gray-2: #a3a9b2;
    --navid-error: #f54848;
    --navid-yellow: #e6b34c;
    --navid-blue: #00558f;
    --navid-green: #009294;
    --navid-white: #ffffff;
    --navid-black: #231f20;
    --navid-radius-sm: 4px;
    --navid-image-bg: #f4f5f6;

    --navid-font: 'Lahzeh', Tahoma, sans-serif;
    --navid-form-field-gap: 16px;
    --navid-form-row-gap: 24px;
    --navid-form-field-gap-tight: 8px;
    --navid-content-width: 1280px;
    --navid-container-padding: clamp(16px, calc((100vw - var(--navid-content-width)) / 2), 320px);

    /* Desktop header stack (Figma): 24 + 56 + 16 + 48 (+ 24 bottom pad when bordered) */
    --navid-header-pad-top: 24px;
    --navid-header-pad-bottom: 24px;
    --navid-header-top-h: 56px;
    --navid-header-mid-gap: 16px;
    --navid-header-nav-h: 48px;
    --navid-header-stack-height: calc(
        var(--navid-header-pad-top) + var(--navid-header-top-h) + var(--navid-header-mid-gap) +
            var(--navid-header-nav-h)
    );
    --navid-header-stack-height-bordered: calc(
        var(--navid-header-stack-height) + var(--navid-header-pad-bottom)
    );
    --navid-page-hero-gap: 24px;
    --navid-page-hero-top-offset: calc(
        var(--navid-header-stack-height) + var(--navid-page-hero-gap)
    );
}

.navid-block-loader {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid var(--navid-tertiary);
    border-top-color: var(--navid-secondary);
    border-radius: 50%;
    animation: navid-block-spin 0.7s linear infinite;
    box-sizing: border-box;
}

@keyframes navid-block-spin {
    to {
        transform: rotate(360deg);
    }
}

/* jQuery blockUI — Navid loading overlay */
.blockUI.blockOverlay {
    border-radius: 4px !important;
    background-color: rgba(255, 255, 255, 0.72) !important;
    opacity: 1 !important;
}

.blockUI.blockMsg {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: transparent !important;
    box-shadow: none !important;
}

.blockUI.blockMsg .navid-block-loader {
    display: block;
    margin: 0 auto;
}

.navid-btn.blockUI,
.navid-btn .blockUI.blockOverlay {
    border-radius: 4px !important;
}

/* Shared horizontal alignment — header, page content, footer, slider text (Figma 1280px) */
header.navid-header .navid-header__inner,
footer.navid-footer .navid-footer__inner,
.container.main-container,
.fullscreen-slider__panel-inner {
    width: 100%;
    max-width: calc(var(--navid-content-width) + (2 * var(--navid-container-padding)));
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--navid-container-padding);
    padding-right: var(--navid-container-padding);
    box-sizing: border-box;
}

body {
    font-family: var(--navid-font);
    color: var(--navid-secondary);
    background-color: var(--navid-white);
}

h1, .navid-h1 { font-size: 48px; font-weight: 500; line-height: normal; }
h2, .navid-h2 { font-size: 32px; font-weight: 500; line-height: normal; }
h3, .navid-h3 { font-size: 24px; font-weight: 500; line-height: normal; }
h4, .navid-h4 { font-size: 20px; font-weight: 500; line-height: normal; }

.navid-text-lg-medium { font-size: 16px; font-weight: 500; line-height: normal; }
.navid-text-lg { font-size: 16px; font-weight: 400; line-height: normal; }
.navid-text-md { font-size: 15px; font-weight: 400; line-height: normal; }
.navid-text-sm { font-size: 14px; font-weight: 400; line-height: normal; }
.navid-text-xs { font-size: 12px; font-weight: 400; line-height: normal; }

.navid-nav-desktop { font-size: 16px; font-weight: 500; line-height: normal; }
.navid-nav-mobile { font-size: 16px; font-weight: 400; line-height: normal; }

.navid-input-value { font-size: 16px; font-weight: 500; line-height: normal; }
.navid-input-placeholder { font-size: 15px; font-weight: 400; line-height: normal; color: var(--navid-gray-2); }
.navid-input-label { font-size: 10px; font-weight: 400; line-height: normal; }

.navid-btn-lg-main { font-size: 16px; font-weight: 600; line-height: normal; }
.navid-btn-lg-second { font-size: 16px; font-weight: 600; line-height: normal; }
.navid-btn-lg-third { font-size: 16px; font-weight: 500; line-height: normal; }
.navid-btn-md { font-size: 14px; font-weight: 600; line-height: normal; }
.navid-btn-sm { font-size: 10px; font-weight: 600; line-height: normal; }

.navid-section-title-lg-bold { font-size: 24px; font-weight: 600; line-height: normal; }
.navid-section-title-lg { font-size: 24px; font-weight: 500; line-height: normal; }
.navid-section-title-md-bold { font-size: 20px; font-weight: 600; line-height: normal; }
.navid-section-title-md { font-size: 20px; font-weight: 500; line-height: normal; }

.navid-product-title-lg { font-size: 24px; font-weight: 500; line-height: normal; }
.navid-product-title-md { font-size: 16px; font-weight: 500; line-height: normal; }
.navid-product-title-sm { font-size: 14px; font-weight: 500; line-height: normal; }
.navid-price-value-lg { font-size: 32px; font-weight: 600; line-height: normal; }
.navid-price-value-md { font-size: 24px; font-weight: 600; line-height: normal; }
.navid-price-value-sm { font-size: 18px; font-weight: 600; line-height: normal; }
.navid-price-currency { font-size: 14px; font-weight: 500; line-height: normal; }
.navid-price-old { text-decoration: line-through; }

img.lazyload-fallback {
    object-fit: contain;
}

/* Remove legacy decorative marks on section titles */
.title-wide h2::before,
.title-wide h2::after {
    content: none !important;
    display: none !important;
    background: none !important;
}