/* BAZAR HOME V2 - CMS SAFE */
:root {
    --bh-primary: #2563eb;
    --bh-text: #172b4d;
    --bh-muted: #64748b;
    --bh-border: #e5eaf2;
    --bh-bg: #f6f8fc;
}

html, body {
    max-width: 100%;
}

body {
    background: var(--bh-bg) !important;
    color: var(--bh-text);
}

/* Homepage canvas */
.bg-main {
    background: var(--bh-bg) !important;
    min-height: auto !important;
    padding: 30px 18px 65px !important;
}

.bg-main > .pink,
.bg-main hr.pink {
    display: none !important;
}

.bg-main > div {
    box-sizing: border-box;
}

/* CMS-managed slider */
.bg-main .ptb-2 {
    width: min(100%, 1180px) !important;
    max-width: 1180px;
    margin: 0 auto 30px !important;
    padding: 0 !important;
    float: none !important;
}

.bg-main #myCarousel {
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 38px rgba(24, 47, 86, .09);
}

.bg-main #myCarousel .carousel-inner,
.bg-main #myCarousel .item {
    border-radius: inherit;
}

.bg-main #myCarousel .Image-timer {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    display: block;
    object-fit: contain;
}

.bg-main #myCarousel .carousel-control {
    width: 8%;
    opacity: .85;
}

/* CMS box sections */
.bg-main > .main-box1 {
    width: min(100%, 1180px) !important;
    max-width: 1180px;
    float: none !important;
    margin: 0 auto 24px !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.bg-main .main-box1 .main-box,
.bg-main .main-box1 .body-box {
    max-width: 100%;
    box-sizing: border-box;
}

.bg-main .main-box1 .body-box {
    background: #fff !important;
    color: var(--bh-text) !important;
    border: 1px solid var(--bh-border);
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(24, 47, 86, .06);
    padding: 22px !important;
}

.bg-main .main-box1 .body-box p,
.bg-main .main-box1 .body-box li,
.bg-main .main-box1 .body-box span {
    line-height: 1.9;
}

.bg-main .main-box1 .title-box {
    color: var(--bh-text) !important;
    border-radius: 12px;
}

/* Existing CMS content and images */
.bg-main img {
    max-width: 100%;
}

.bg-main .main-box1 a {
    overflow-wrap: anywhere;
}

.bg-darkgray {
    background: var(--bh-bg) !important;
}

/* Responsive layout */
@media (max-width: 991px) {
    .bg-main {
        padding: 22px 14px 45px !important;
    }

    .bg-main > .main-box1,
    .bg-main .ptb-2 {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bg-main .main-box1 .body-box {
        padding: 18px !important;
    }
}

@media (max-width: 767px) {
    .bg-main {
        padding: 16px 12px 32px !important;
    }

    .bg-main #myCarousel {
        border-radius: 14px;
    }

    .bg-main #myCarousel .carousel-control {
        width: 12%;
    }

    .bg-main > .main-box1 {
        margin-bottom: 16px !important;
    }

    .bg-main .main-box1 .body-box {
        padding: 14px !important;
        border-radius: 14px !important;
    }
}
/* BAZAR HOME V2 FIX START */

/* Wider homepage layout */
.bg-main > .main-box1,
.bg-main .ptb-2 {
    max-width: 1280px !important;
}

/* Readable CMS section titles */
.bg-main .main-box1 .title-box,
.bg-main .main-box1 .title-box span,
.bg-main .main-box1 .title-box h1,
.bg-main .main-box1 .title-box h2,
.bg-main .main-box1 .title-box h3 {
    color: #172b4d !important;
    text-shadow: none !important;
}

/* Keep original slider behavior */
.bg-main #myCarousel {
    min-height: 0 !important;
}

.bg-main #myCarousel .carousel-inner {
    height: auto !important;
}

.bg-main #myCarousel .carousel-inner > .item {
    height: auto !important;
}

.bg-main #myCarousel .carousel-inner > .item.active {
    display: block;
}

.bg-main #myCarousel .Image-timer {
    height: auto !important;
    max-height: none !important;
}

/* Remove excessive spacing */
.bg-main > .main-box1 {
    margin-bottom: 18px !important;
}

.bg-main .main-box1 .body-box {
    box-shadow: 0 6px 22px rgba(20, 42, 78, .05) !important;
}

/* Mobile */
@media (max-width: 767px) {
    .bg-main {
        padding: 12px 10px 26px !important;
    }

    .bg-main > .main-box1,
    .bg-main .ptb-2 {
        width: 100% !important;
    }

    .bg-main .main-box1 .body-box {
        padding: 12px !important;
    }
}

/* BAZAR HOME V2 FIX END */