/* BAZAR CONSOLIDATED CSS */
/* BEGIN bazar-modern.css */
/* BAZAR MODERN HEADER V2 */
/* CMS menu preserved. Reservation/payment styles untouched. */

header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5eaf2;
}

header .header_top {
    background: #f8faff !important;
}

header .Plctopmenu {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    height: auto !important;
    min-height: 112px;
    padding: 16px max(20px, calc((100% - 1320px)/2)) !important;
    background: #ffffff !important;
    box-shadow: 0 6px 24px rgba(20,45,90,.06);
}

header .Plctopmenu::before,
header .Plctopmenu::after {
    content: none !important;
}

header .Plctopmenu > .logo {
    float: none !important;
    width: 110px !important;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 110px;
}

header .Plctopmenu .logo img {
    position: static !important;
    top: auto !important;
    display: block;
    width: auto !important;
    max-width: 100%;
    max-height: 88px;
    margin: auto;
    object-fit: contain;
}

header .Plctopmenu > .meno {
    position: static !important;
    top: auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 300px;
}

header .meno .bg-white {
    background: transparent !important;
}

header .meno nav.navbar.bootsnav {
    min-height: 48px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

header .meno nav.navbar.bootsnav ul.nav > li > a {
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 11px 14px !important;
    margin: 2px 3px !important;
    color: #25364d !important;
    background: transparent !important;
    border-radius: 10px;
    white-space: normal;
}

header .meno nav.navbar.bootsnav ul.nav > li > a:hover,
header .meno nav.navbar.bootsnav ul.nav > li.active > a {
    color: #2563eb !important;
    background: #edf4ff !important;
}

header .meno .navbar-nav > li {
    border: 0 !important;
}

header .Plctopmenu > .top-img {
    position: static !important;
    top: auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 340px;
}

header .Plctopmenu > .top-img > div {
    margin-bottom: 10px;
}

header .Plctopmenu .parent-img {
    position: relative;
    min-height: 100px;
}

header .Plctopmenu .block1 {
    position: relative !important;
    inset: auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    width: 100%;
    max-width: 100%;
    padding: 10px !important;
    border: 1px solid #e3eaf5 !important;
    border-radius: 14px !important;
    background: #f5f8ff !important;
    color: #203a62 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1.6;
}

header .Plctopmenu .block1 img {
    max-width: 44px;
    max-height: 44px;
    object-fit: contain;
}

header .Plctopmenu .block1:hover {
    border-color: #2563eb !important;
    background: #eaf2ff !important;
}

header .Plctopmenu > .top-img.InfBeforLogin {
    flex-basis: 100%;
    padding: 8px 0 !important;
    margin: 0 !important;
    color: #334155 !important;
}

@media (max-width: 991px) {
    header .Plctopmenu {
        gap: 12px;
        padding: 14px 18px !important;
    }

    header .Plctopmenu > .logo {
        flex-basis: 90px;
        width: 90px !important;
    }

    header .Plctopmenu > .meno {
        flex: 1 1 200px;
    }

    header .meno nav.navbar.bootsnav .navbar-toggle {
        position: relative !important;
        float: left !important;
        margin: 8px !important;
        padding: 10px 12px !important;
        background: #edf4ff !important;
        color: #2563eb !important;
        border-radius: 10px;
    }

    header .Plctopmenu > .top-img {
        flex-basis: 100%;
    }
}

@media (max-width: 767px) {
    header .Plctopmenu > .logo {
        flex: 0 0 76px;
        width: 76px !important;
    }

    header .Plctopmenu > .meno {
        flex: 1 1 150px;
    }

    header .Plctopmenu > .top-img > div {
        width: 50% !important;
        float: right !important;
    }

    header .meno nav.navbar.bootsnav ul.nav > li > a {
        font-size: 14px !important;
        padding: 12px !important;
    }
}

/* BAZAR HEADER V3 */

/* Compact header */
header .Plctopmenu {
    min-height: 76px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    gap: 12px !important;
}

/* Hide temporary image-link menu only */
header .Plctopmenu > .top-img:not(.InfBeforLogin) {
    display: none !important;
}

/* Hide empty spacing row */
header .bg-white.flex {
    display: none !important;
}

/* CMS navigation fills available space */
header .Plctopmenu > .meno {
    flex: 1 1 auto !important;
    width: auto !important;
}

header .meno nav.navbar.bootsnav {
    display: block !important;
    min-height: 48px !important;
}

header .meno .navbar-nav {
    float: right !important;
    margin: 0 !important;
}

header .meno nav.navbar.bootsnav ul.nav > li > a {
    font-size: 14px !important;
    padding: 12px 16px !important;
    margin: 0 3px !important;
}

/* Prevent logo overlap */
header .Plctopmenu > .logo {
    flex: 0 0 96px !important;
    width: 96px !important;
}

header .logo img {
    max-height: 65px !important;
}

/* Responsive menu */
@media (max-width: 991px) {
    header .Plctopmenu {
        padding: 12px 16px !important;
        min-height: 68px !important;
    }

    header .Plctopmenu > .logo {
        flex-basis: 72px !important;
        width: 72px !important;
    }

    header .meno .navbar-nav {
        float: none !important;
        width: 100%;
    }

    header .meno nav.navbar.bootsnav .navbar-toggle {
        display: block;
        margin: 5px !important;
        padding: 10px 12px !important;
        background: #edf4ff !important;
        border-radius: 10px;
    }

    header .meno .navbar-collapse {
        max-width: 100%;
    }
}
/* END bazar-modern.css */
/* BEGIN bazar-pro-2026.css */
/* BAZAR PRO 2026 - PHASE 1 */
:root {
    --bp-primary: #2563eb;
    --bp-primary-dark: #1d4ed8;
    --bp-ink: #172b4d;
    --bp-muted: #64748b;
    --bp-bg: #f6f8fc;
    --bp-border: #e4eaf3;
    --bp-radius: 16px;
}

html {
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

body {
    background: var(--bp-bg) !important;
    color: var(--bp-ink);
    font-family: iransans, Tahoma, sans-serif;
    line-height: 1.85;
}

body > form {
    min-width: 0;
}

header {
    background: #fff !important;
    border-bottom: 1px solid var(--bp-border);
}

header .bg-white.flex {
    display: none !important;
}

header .Plctopmenu {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    height: auto !important;
    min-height: 76px;
    padding: 12px 28px !important;
    background: #fff !important;
    box-shadow: 0 4px 20px rgba(23,43,77,.045);
}

header .Plctopmenu::before,
header .Plctopmenu::after {
    content: none !important;
}

header .Plctopmenu > .logo {
    float: none !important;
    width: 92px !important;
    flex: 0 0 92px;
    margin: 0 !important;
    padding: 0 !important;
}

header .Plctopmenu .logo img {
    position: static !important;
    top: auto !important;
    display: block;
    width: auto !important;
    max-width: 100%;
    max-height: 64px;
    margin: auto;
    object-fit: contain;
}

header .Plctopmenu > .meno {
    position: static !important;
    top: auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0;
    flex: 1 1 320px;
    margin: 0 !important;
    padding: 0 !important;
}

header .meno .bg-white,
header .meno nav.navbar.bootsnav {
    background: transparent !important;
}

header .meno nav.navbar.bootsnav {
    margin: 0 !important;
    border: 0 !important;
}

header .meno nav.navbar.bootsnav ul.nav > li > a {
    color: var(--bp-ink) !important;
    background: transparent !important;
    border-radius: 10px !important;
    padding: 11px 14px !important;
    margin: 2px 3px !important;
    font-size: 14px !important;
    line-height: 1.6;
}

header .meno nav.navbar.bootsnav ul.nav > li > a:hover,
header .meno nav.navbar.bootsnav ul.nav > li.active > a {
    color: var(--bp-primary) !important;
    background: #eef4ff !important;
}

header .meno .navbar-nav > li {
    border: 0 !important;
}

header .Plctopmenu > .top-img:not(.InfBeforLogin) {
    display: none !important;
}

header .Plctopmenu > .top-img.InfBeforLogin {
    position: static !important;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--bp-ink) !important;
}

.slider-home #slider,
.slider-home #slider img {
    max-width: 100%;
    height: auto !important;
}

.slider-home .nivoSlider {
    border-radius: var(--bp-radius);
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(23,43,77,.08);
}

footer {
    background: #fff !important;
    background-image: none !important;
    border-top: 1px solid var(--bp-border) !important;
}

footer .top-footer {
    background: #f0f5fc !important;
    color: var(--bp-ink) !important;
    margin: 0 !important;
    padding: 35px 18px !important;
}

footer .top-footer a {
    color: var(--bp-primary-dark) !important;
}

footer .info-footer {
    background: #fff !important;
    color: var(--bp-muted) !important;
    padding: 15px !important;
}

footer .info-footer a {
    color: var(--bp-primary-dark) !important;
}

@media (max-width: 991px) {
    header .Plctopmenu {
        padding: 12px 16px !important;
        gap: 10px;
    }

    header .Plctopmenu > .logo {
        width: 76px !important;
        flex-basis: 76px;
    }

    header .Plctopmenu > .meno {
        flex: 1 1 180px;
    }

    header .meno nav.navbar.bootsnav .navbar-toggle {
        position: static !important;
        float: left !important;
        margin: 6px !important;
        padding: 10px !important;
        background: #eef4ff !important;
        border-radius: 10px;
    }
}

@media (max-width: 767px) {
    header .Plctopmenu {
        padding: 10px 12px !important;
    }

    header .Plctopmenu > .logo {
        width: 64px !important;
        flex-basis: 64px;
    }

    header .Plctopmenu > .meno {
        flex-basis: 140px;
    }

    header .meno .navbar-collapse {
        max-width: 100%;
    }

    header .meno nav.navbar.bootsnav ul.nav > li > a {
        font-size: 14px !important;
        padding: 12px !important;
    }
}
/* END bazar-pro-2026.css */
/* BEGIN bazar-mobile-nav-v1.css */
/* Bazar Mobile Navigation V1 */
/* Applies to the existing CMS menu. */

html {
    overflow-x: clip;
}

body {
    max-width: 100%;
    overflow-x: clip;
}

img,
video,
iframe {
    max-width: 100%;
}

@media (max-width: 767px) {

    #navid.navbar {
        width: 100%;
        min-width: 0;
        margin: 0;
        background: #ffffff;
        border: 0;
        box-shadow: none;
    }

    #navid .navbar-header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 64px;
        width: 100%;
        padding: 8px 16px;
    }

    #navid .navbar-toggle {
        display: block;
        position: relative;
        float: none;
        margin: 0;
        padding: 10px;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        background: #f8fafc;
        box-shadow: none;
    }

    #navid .navbar-toggle .icon-bar {
        background: #17345a;
        width: 22px;
        height: 2px;
        margin: 4px 0;
    }

    #navid #navbar-menu {
        width: 100%;
        max-width: 100%;
        padding: 0 14px;
        border: 0;
        box-shadow: none;
    }

    #navid #navbar-menu.collapse:not(.in) {
        display: none !important;
    }

    #navid #navbar-menu.collapse.in {
        display: block !important;
        height: auto !important;
        overflow: visible;
    }

    #navid #navbar-menu .nav,
    #navid #navbar-menu .navbar-nav {
        float: none !important;
        width: 100%;
        margin: 0;
        padding: 8px 0 16px;
    }

    #navid #navbar-menu .navbar-nav > li {
        display: block;
        float: none !important;
        width: 100%;
    }

    #navid #navbar-menu .navbar-nav > li > a {
        display: block;
        width: 100%;
        min-height: 44px;
        padding: 12px 16px;
        color: #183153;
        background: #ffffff;
        text-align: right;
        white-space: normal;
        border-radius: 10px;
    }

    #navid #navbar-menu .navbar-nav > li > a:hover,
    #navid #navbar-menu .navbar-nav > li > a:focus {
        color: #155eef;
        background: #f1f5ff;
    }
}

@media (min-width: 768px) {
    #navid .navbar-toggle {
        display: none !important;
    }
}
/* BAZAR MOBILE V2 START */

@media (max-width: 767px) {

    /* Compact real CMS navigation */

    #navid.navbar {
        min-height: 60px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }

    #navid .navbar-header {
        min-height: 60px !important;
        height: 60px;
        padding: 8px 14px !important;
    }

    #navid .navbar-toggle {
        width: 44px;
        height: 44px;
        min-width: 44px;
        padding: 10px !important;
        margin: 0 !important;
        border-radius: 12px !important;
        border: 1px solid #dbe5f2 !important;
        background: #f3f7ff !important;
    }

    #navid .navbar-toggle .icon-bar {
        background-color: #175cd3 !important;
    }

    /* Expanded navigation */

    #navid #navbar-menu {
        padding: 0 12px 12px !important;
        background: #ffffff !important;
    }

    #navid #navbar-menu .navbar-nav {
        padding: 0 !important;
        margin: 0 !important;
    }

    #navid #navbar-menu .navbar-nav > li {
        margin: 0 0 6px !important;
        padding: 0 !important;
    }

    #navid #navbar-menu .navbar-nav > li > a {
        min-height: 46px !important;
        padding: 12px 16px !important;
        border: 1px solid #e7edf5 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: none !important;
        color: #1e3354 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        text-align: right !important;
        line-height: 22px !important;
    }

    #navid #navbar-menu .navbar-nav > li > a:hover,
    #navid #navbar-menu .navbar-nav > li > a:focus {
        background: #f3f7ff !important;
        color: #175cd3 !important;
    }

    /* Homepage slider */

    .bazar-home-hero,
    .bazar-home-hero .bazar-home-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .bazar-home-hero {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .bazar-home-hero img {
        display: block;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }

    .bazar-home-hero .nivoSlider {
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .bazar-home-hero .nivo-directionNav a,
    .bazar-home-hero .nivo-prevNav,
    .bazar-home-hero .nivo-nextNav {
        width: 30px !important;
        height: 38px !important;
        top: 50% !important;
        margin-top: -19px !important;
        box-sizing: border-box;
        background-size: contain !important;
    }

    .bazar-home-hero .nivo-prevNav {
        left: 2px !important;
        right: auto !important;
    }

    .bazar-home-hero .nivo-nextNav {
        right: 2px !important;
        left: auto !important;
    }

    .bazar-home-hero .nivo-controlNav {
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* BAZAR MOBILE V2 END */
/* END bazar-mobile-nav-v1.css */
/* BEGIN bazar-header-final.css */
/* BAZAR HEADER FINAL - V1 */

/* Header layout */
header {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 100;
    background: #ffffff;
}

header .navbar,
header .navbar-default,
header nav.bootsnav {
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
}

#navid {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
}

#navid .navbar-nav > li > a {
    color: #243653 !important;
    font-weight: 600;
    transition: color .2s ease, background .2s ease;
}

#navid .navbar-nav > li > a:hover,
#navid .navbar-nav > li > a:focus {
    color: #1769e8 !important;
    background: #f2f6ff !important;
}

/* Desktop */
@media (min-width: 992px) {
    #navid .navbar-toggle {
        display: none !important;
    }

    #navid #navbar-menu {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
        overflow: visible !important;
    }

    #navid .navbar-nav > li > a {
        padding: 14px 16px !important;
        border-radius: 10px;
    }
}

/* Mobile and tablet */
@media (max-width: 991px) {
    #navid {
        padding: 8px 12px !important;
        min-height: 64px;
    }

    #navid .navbar-header {
        width: 100%;
        min-height: 48px;
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
    }

    #navid .navbar-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        float: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 10px !important;
        width: 46px;
        height: 46px;
        background: #eff5ff !important;
        border: 1px solid #d9e5fa !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        cursor: pointer;
    }

    #navid .navbar-toggle .icon-bar {
        display: block !important;
        width: 21px;
        height: 2px;
        margin: 2px auto !important;
        background: #1769e8 !important;
        border-radius: 2px;
    }

    #navid #navbar-menu {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: #fff !important;
    }

    #navid #navbar-menu.collapse:not(.in) {
        display: none !important;
    }

    #navid #navbar-menu.collapse.in {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }

    #navid #navbar-menu .navbar-nav {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        display: block !important;
    }

    #navid #navbar-menu .navbar-nav > li {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    #navid #navbar-menu .navbar-nav > li > a {
        display: block !important;
        width: 100% !important;
        padding: 13px 16px !important;
        margin: 3px 0 !important;
        border: 1px solid #edf1f7;
        border-radius: 10px;
        background: #fff !important;
        color: #243653 !important;
        text-align: right !important;
        white-space: normal !important;
        line-height: 1.8 !important;
    }
}
/* END bazar-header-final.css */
/* BEGIN bazar-inner-v1.css */
/* BAZAR INNER DESIGN V1 */

/* Shared page appearance */
body {
    background-color: #f6f9fd;
    color: #243653;
}

/* Common content surfaces */
.main-box1,
.main-box2,
.content-box,
.box-content,
.panel-default {
    border-radius: 16px;
    border-color: #e8eef6;
}

/* Standard panels */
.panel-default {
    background: #ffffff;
    box-shadow: 0 5px 22px rgba(24, 52, 90, .045);
}

.panel-default > .panel-heading {
    background: #f5f8fd;
    color: #17365d;
    border-radius: 15px 15px 0 0;
    font-weight: 700;
}

/* Forms inside Bootstrap panels */
.panel-default .form-control {
    max-width: 100%;
    min-height: 42px;
    border: 1px solid #dce5f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
    color: #243653;
    transition: border-color .2s, box-shadow .2s;
}

.panel-default .form-control:focus {
    border-color: #4887ed;
    box-shadow: 0 0 0 3px rgba(72,135,237,.12);
    outline: none;
}

/* Form labels */
.panel-default label {
    color: #344766;
    font-weight: 600;
}

/* Buttons within standard panels */
.panel-default .btn-primary {
    background: #1769e8;
    border-color: #1769e8;
    border-radius: 10px;
    min-height: 42px;
    padding: 9px 18px;
    font-weight: 600;
}

.panel-default .btn-primary:hover,
.panel-default .btn-primary:focus {
    background: #1158c8;
    border-color: #1158c8;
}

/* Standard content tables */
.panel-default .table {
    background: #fff;
}

.panel-default .table > thead > tr > th {
    background: #f2f6fd;
    color: #213b60;
    font-weight: 700;
    border-bottom: 1px solid #dce5f0;
}

.panel-default .table > tbody > tr > td {
    border-top-color: #edf1f6;
    vertical-align: middle;
}

/* Responsive form and content spacing */
@media (max-width: 767px) {
    .panel-default {
        border-radius: 12px;
    }

    .panel-default .panel-body {
        padding: 14px;
    }

    .panel-default .form-control {
        font-size: 16px;
    }

    .panel-default .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* BAZAR INNER DESIGN V1 END */
/* END bazar-inner-v1.css */
/* BEGIN bazar-forms-modern-v1.css */
/* BAZAR MODERN FORMS V1 */
/* Standard Bootstrap forms - CMS safe */

:root {
    --bazar-form-primary: #087bdc;
    --bazar-form-border: #dce5f1;
    --bazar-form-text: #243653;
    --bazar-form-radius: 11px;
}

/* Form field groups */
.form-group {
    margin-bottom: 18px;
}

/* Standard text fields */
.form-group input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.form-group select.form-control,
.form-group textarea.form-control,
.panel-default input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.panel-default select.form-control,
.panel-default textarea.form-control {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid var(--bazar-form-border);
    border-radius: var(--bazar-form-radius);
    background-color: #fff;
    color: var(--bazar-form-text);
    box-shadow: none;
    font-size: 14px;
    line-height: 1.6;
    transition: border-color .2s ease, box-shadow .2s ease;
    box-sizing: border-box;
}

.form-group textarea.form-control,
.panel-default textarea.form-control {
    min-height: 115px;
    height: auto;
    resize: vertical;
}

.form-group .form-control:focus,
.panel-default .form-control:focus {
    outline: none;
    border-color: #428fe9;
    box-shadow: 0 0 0 3px rgba(8,123,220,.12);
}

/* Labels */
.form-group > label,
.panel-default .control-label {
    display: inline-block;
    margin-bottom: 7px;
    color: #263e60;
    font-size: 14px;
    font-weight: 600;
}

/* Placeholder */
.form-group .form-control::placeholder {
    color: #93a1b4;
    opacity: 1;
}

/* Standard submit buttons */
.form-group .btn-primary,
.panel-default .btn-primary {
    min-height: 44px;
    padding: 10px 22px;
    border-radius: 11px;
    border: 1px solid var(--bazar-form-primary);
    background: var(--bazar-form-primary);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(8,123,220,.14);
}

.form-group .btn-primary:hover,
.panel-default .btn-primary:hover {
    background: #0668ba;
    border-color: #0668ba;
}

/* Mobile */
@media (max-width: 767px) {
    .form-group {
        margin-bottom: 15px;
    }

    .form-group input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    .form-group select.form-control,
    .form-group textarea.form-control,
    .panel-default .form-control {
        font-size: 16px;
        max-width: 100%;
    }

    .form-group .btn-primary,
    .panel-default .btn-primary {
        max-width: 100%;
        white-space: normal;
    }
}

/* BAZAR MODERN FORMS V1 END */
/* END bazar-forms-modern-v1.css */
/* BEGIN bazar-ui-2026.css */
/* BAZAR NEW LIGHT UI - V1 */
:root {
  --bz-bg:#f5f8fc;
  --bz-white:#fff;
  --bz-text:#203650;
  --bz-blue:#1769e8;
  --bz-border:#e3eaf3;
}

body {
  background:var(--bz-bg)!important;
  color:var(--bz-text);
  font-family:Vazirmatn,Tahoma,sans-serif;
}

#Master,
#Master > .container-fluid.fix-h {
  background:var(--bz-bg)!important;
}

header {
  background:#fff!important;
  border-bottom:1px solid var(--bz-border);
  box-shadow:0 3px 18px rgba(22,48,83,.06);
}

header .Plctopmenu {
  background:#fff!important;
}

#Master .fullPage {
  width:calc(100% - 32px);
  max-width:1160px;
  margin:28px auto!important;
  float:none!important;
  background:transparent!important;
}

#Master .titr-pg {
  color:#203650!important;
  font-size:clamp(22px,2.5vw,30px);
  font-weight:800;
  line-height:1.7;
}

#Master .Login-pg #register,
#Master .Register-pg #register,
#Master .ContactUs-pg .ContactUs {
  background:#fff!important;
  border:1px solid var(--bz-border)!important;
  border-radius:20px!important;
  box-shadow:0 12px 34px rgba(29,53,89,.07)!important;
  padding:clamp(18px,3vw,36px)!important;
  max-width:100%;
  box-sizing:border-box;
}

#Master .form-group .form-control,
#Master .panel-default .form-control {
  max-width:100%;
  min-height:46px;
  border:1px solid #dce5f1;
  border-radius:11px;
  background:#fff;
  color:#203650;
  box-shadow:none;
}

#Master textarea.form-control {
  min-height:110px;
  height:auto;
}

#Master .form-control:focus {
  border-color:#4388e8;
  box-shadow:0 0 0 3px rgba(23,105,232,.12);
}

#Master .btn-primary {
  border-radius:11px;
  background:#1769e8;
  border-color:#1769e8;
  min-height:44px;
}

#Master .btn-primary:hover {
  background:#1058c8;
  border-color:#1058c8;
}

@media(max-width:767px) {
  #Master .fullPage {
    width:calc(100% - 24px);
    margin:16px auto!important;
  }

  #Master .Login-pg #register,
  #Master .Register-pg #register,
  #Master .ContactUs-pg .ContactUs {
    padding:16px!important;
    border-radius:15px!important;
  }

  #Master .form-control {
    font-size:16px;
  }
}
/* END bazar-ui-2026.css */
/* BEGIN bazar-design-system.css */
/* BAZAR DESIGN SYSTEM 2026 */
:root {
  --ui-bg:#f5f7fb;
  --ui-surface:#ffffff;
  --ui-text:#20334e;
  --ui-muted:#64748b;
  --ui-primary:#1769e8;
  --ui-border:#e1e8f1;
  --ui-radius:14px;
  --ui-shadow:0 8px 28px rgba(26,49,83,.06);
}

*, *::before, *::after { box-sizing:border-box; }

html { max-width:100%; }

body {
  margin:0;
  background:var(--ui-bg)!important;
  color:var(--ui-text);
  font-family:Vazirmatn,Tahoma,sans-serif;
}

#Master {
  background:var(--ui-bg)!important;
  min-width:0;
}

#Master .fullPage {
  max-width:1200px;
  width:calc(100% - 32px);
  margin:24px auto!important;
  float:none!important;
  min-width:0;
}

#Master .menuouter,
#Master .menuinner,
#Master .menuinnercontent {
  background:transparent!important;
  max-width:100%;
  min-width:0;
}

#Master #register,
#Master .ContactUs,
#Master .panel,
#Master .well,
#Master .card,
#Master .form-container {
  background:var(--ui-surface)!important;
  color:var(--ui-text)!important;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:var(--ui-shadow);
}

#Master #register,
#Master .ContactUs {
  padding:clamp(16px,3vw,32px)!important;
  max-width:100%;
}

#Master #register *,
#Master .ContactUs * {
  max-width:100%;
}

#Master #register label,
#Master #register .registerField,
#Master .ContactUs label {
  color:var(--ui-text)!important;
}

#Master input[type="text"],
#Master input[type="password"],
#Master input[type="email"],
#Master input[type="tel"],
#Master input[type="number"],
#Master input[type="date"],
#Master select,
#Master textarea,
#Master .form-control {
  background:#fff;
  color:var(--ui-text);
  border:1px solid #d7e1ed;
  border-radius:10px;
  min-height:44px;
  max-width:100%;
  box-shadow:none;
}

#Master textarea {
  min-height:110px;
  height:auto;
}

#Master input:focus,
#Master select:focus,
#Master textarea:focus {
  outline:2px solid rgba(23,105,232,.18);
  outline-offset:1px;
  border-color:var(--ui-primary);
}

#Master input[type="radio"],
#Master input[type="checkbox"] {
  min-height:0;
  accent-color:var(--ui-primary);
}

#Master .btn,
#Master button,
#Master input[type="submit"],
#Master input[type="button"] {
  border-radius:10px;
  transition:background-color .2s,box-shadow .2s;
}

#Master .btn-primary,
#Master input[type="submit"].btn-primary {
  background:var(--ui-primary);
  border-color:var(--ui-primary);
  color:#fff;
}

#Master table {
  max-width:100%;
}

#Master .table {
  background:#fff;
  border-radius:12px;
}

#Master .alert {
  border-radius:12px;
}

#Master img,
#Master video,
#Master iframe {
  max-width:100%;
}

@media(max-width:767px) {
  #Master .fullPage {
    width:calc(100% - 24px);
    margin:16px auto!important;
  }

  #Master #register,
  #Master .ContactUs {
    padding:16px!important;
  }

  #Master input:not([type="radio"]):not([type="checkbox"]),
  #Master select,
  #Master textarea {
    font-size:16px;
  }
}
/* END bazar-design-system.css */

/* BAZAR FORM SYSTEM START */

:root {
  --form-bg:#fff;
  --form-border:#dce5f0;
  --form-text:#203650;
  --form-primary:#1769e8;
  --form-radius:12px;
}

#Master .form-group,
#Master .form-inline,
#Master .form-horizontal {
  max-width:100%;
}

#Master .form-group {
  margin-bottom:18px;
}

#Master label {
  color:var(--form-text);
  font-weight:600;
  line-height:1.8;
}

#Master .form-control,
#Master input[type="text"],
#Master input[type="password"],
#Master input[type="email"],
#Master input[type="tel"],
#Master input[type="number"],
#Master select,
#Master textarea {
  background:var(--form-bg);
  border:1px solid var(--form-border);
  border-radius:var(--form-radius);
  color:var(--form-text);
  min-height:44px;
  max-width:100%;
  box-shadow:none;
}

#Master textarea {
  min-height:110px;
  height:auto;
}

#Master .form-control:focus,
#Master input:focus,
#Master select:focus,
#Master textarea:focus {
  border-color:var(--form-primary);
  box-shadow:0 0 0 3px rgba(23,105,232,.12);
  outline:none;
}

#Master input[type="checkbox"],
#Master input[type="radio"] {
  width:18px;
  height:18px;
  min-height:0;
  vertical-align:middle;
  accent-color:var(--form-primary);
}

#Master .btn,
#Master button,
#Master input[type="submit"] {
  border-radius:10px;
  min-height:42px;
}

#Master .btn-primary {
  background:var(--form-primary);
  border-color:var(--form-primary);
  color:#fff;
}

#Master .field-validation-error,
#Master .validation-summary-errors,
#Master .text-danger {
  color:#dc3545;
}

#Master .table-responsive {
  overflow-x:auto;
}

@media(max-width:767px) {
  #Master .form-group {
    margin-bottom:14px;
  }

  #Master .form-control,
  #Master input[type="text"],
  #Master input[type="password"],
  #Master select,
  #Master textarea {
    width:100%;
    font-size:16px;
  }
}

/* BAZAR FORM SYSTEM END */