/*
Theme Name: MatBaoWS
Description: This is a child theme for Flatsome Theme
Author: MatBaoWS Team
Template: flatsome
Version: 3.0
*/

/* =========================================================
   PHAN VĂN MƯỜI - BRAND COLOR SYSTEM
   Primary Colors:
   - Trắng ngà: #F7F3EB (Main Background)
   - Kem sáng: #ECE6DC (Card/Header/Container Background)
   - Vàng kim: #B88932 (Accent / Primary Gold)
   - Đỏ ruby: #9E1B32 (Secondary / Highlight Ruby Red)
   - Chữ than đậm: #111111 (High Contrast Charcoal Typography)
   ========================================================= */

:root {
    --pvm-ivory: #F7F3EB;
    --pvm-cream: #ECE6DC;
    --pvm-gold: #B88932;
    --pvm-ruby: #9E1B32;
    --pvm-charcoal: #111111;
    
    --primary-color: #B88932 !important;
    --fs-color-primary: #B88932 !important;
    --fs-color-secondary: #9E1B32 !important;
}

/* Main Body Content Background (Pure White) */
#main, .content-area, .page-wrapper,
#main .section:not(#section_1525145880):not(.mbws_footer-main),
#main .section-bg,
#main .bg.section-bg,
.mbws_home-banner, .mbws_home-phobien, .mbws_home-uudai, .mbws_home-banner2, .mbws_home-spnoibat, .mbws_home-danhgia, .mbws_home-doitac,
.mbws_box-1, .mbws_box-2, .row.mbws_box-1, .row.mbws_box-2 {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #111111 !important;
    font-family: 'Montserrat', 'Quicksand', -apple-system, sans-serif !important;
}

/* Header Nav Dark Overrides */
.header-main.nav-dark, .header-bottom.nav-dark, .header-top.nav-dark {
    background-color: #ECE6DC !important;
    color: #111111 !important;
}

/* Header Styling (Original Header Background) */
.header-wrapper, #masthead, .header-main {
    background-color: #ECE6DC !important;
    border-bottom: 2px solid #B88932 !important;
    box-shadow: 0 4px 15px rgba(184, 137, 50, 0.08) !important;
}

.header-top, #top-bar {
    background-color: #F7F3EB !important;
    border-bottom: 1px solid #ECE6DC !important;
}

.header-bottom, #wide-nav {
    background-color: #F7F3EB !important;
    border-top: 1px solid #ECE6DC !important;
}

/* =========================================================
   HIGH CONTRAST & LEGIBILITY ENHANCEMENTS
   ========================================================= */

/* Top bar contact info & icons (Email, Phone) */
.header-top, #top-bar, .header-top a, #top-bar a, .html_topbar_left, .html_topbar_right, .html_topbar_left p, .html_topbar_right p, .html_topbar_left a, .html_topbar_right a {
    color: #111111 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px !important;
}

.html_topbar_left i, .html_topbar_right i, #top-bar i, .header-top i {
    color: #B88932 !important;
    font-weight: bold !important;
    margin-right: 4px !important;
}

.header-top a:hover, #top-bar a:hover, .html_topbar_left a:hover, .html_topbar_right a:hover {
    color: #9E1B32 !important;
}

/* Main Navigation Links (TRANG CHỦ, GIỚI THIỆU, CỬA HÀNG, TIN TỨC, LIÊN HỆ) */
.header-nav > li > a, .nav > li > a, .nav-top-link {
    color: #111111 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
}

.header-nav > li > a:hover, .nav > li > a:hover, .nav-top-link:hover {
    color: #B88932 !important;
}

.nav > li.active > a, .nav > li.current-menu-item > a {
    color: #B88932 !important;
}

/* Category Vertical Menu (DANH MỤC SẢN PHẨM) */
.header-vertical-menu__opener {
    background-color: #E2D9CB !important;
    border: 1.5px solid #B88932 !important;
    color: #111111 !important;
    border-radius: 6px !important;
}

.header-vertical-menu__title, .header-vertical-menu__icon, .header-vertical-menu__opener i {
    color: #111111 !important;
    font-weight: 700 !important;
}

.header-vertical-menu__opener:hover {
    background-color: #B88932 !important;
    color: #FFFFFF !important;
}

.header-vertical-menu__opener:hover .header-vertical-menu__title,
.header-vertical-menu__opener:hover .header-vertical-menu__icon,
.header-vertical-menu__opener:hover i {
    color: #FFFFFF !important;
}

/* Search Box Input & Placeholder */
.searchform-wrapper .search-field {
    background-color: #FFFFFF !important;
    border: 1.5px solid #B88932 !important;
    color: #111111 !important;
    font-weight: 600 !important;
    border-radius: 30px 0 0 30px !important;
    padding-left: 18px !important;
}

.searchform-wrapper .search-field::placeholder {
    color: #555555 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

.searchform-wrapper button[type="submit"], .ux-search-submit {
    background-color: #B88932 !important;
    color: #FFFFFF !important;
    border-radius: 0 30px 30px 0 !important;
    border: 1.5px solid #B88932 !important;
}

.searchform-wrapper button[type="submit"]:hover, .ux-search-submit:hover {
    background-color: #9E1B32 !important;
    border-color: #9E1B32 !important;
}

/* Login & Cart Links (ĐĂNG NHẬP / GIỎ HÀNG) */
.account-item a, .cart-item a, .header-cart-title, .cart-price {
    color: #111111 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
}

.account-item a:hover, .cart-item a:hover {
    color: #B88932 !important;
}

/* Cart Icon Badge */
.cart-icon {
    border: 2px solid #B88932 !important;
    background-color: #B88932 !important;
    border-radius: 6px !important;
}

.cart-icon strong {
    color: #FFFFFF !important;
    font-weight: 800 !important;
}

/* Header Logo Container */
#logo {
    width: auto !important;
    min-width: 140px !important;
}

#logo a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    padding: 2px 0 !important;
}

#logo img.header-logo-dark {
    display: none !important;
}

#logo img.header_logo,
#logo img.header-logo {
    max-height: 48px !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Banner Background: preserve original inline colors per banner */
/* Removed override so each banner keeps its own color (gray, red, dark, blue) */

/* Text boxes inside banners: no background overlay — text shows directly on banner color */
.text-box-content, .text-inner, .mbws_home-banner2 .img-inner {
    background-color: transparent !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Banner text color: dark text for gray box, white text for colored boxes handled by .dark class */
.mbws_home-banner2 .text-box-content h1,
.mbws_home-banner2 .text-box-content h2,
.mbws_home-banner2 .text-box-content h3,
.mbws_home-banner2 .text-box-content h4,
.mbws_home-banner2 .text-box-content p {
    font-weight: 700 !important;
}

/* Buttons */
.button, button, .btn, input[type="submit"], a.button {
    background-color: #B88932 !important;
    border-color: #B88932 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
}

.button:hover, button:hover, .btn:hover, input[type="submit"]:hover, a.button:hover {
    background-color: #9E1B32 !important;
    border-color: #9E1B32 !important;
    color: #FFFFFF !important;
}

/* Banner section buttons: outline style matching design image 1 */
/* Gray box (banner-485865544): dark outline button */
#banner-485865544 .button.is-outline,
#banner-485865544 a.button {
    background-color: transparent !important;
    border: 2px solid #111111 !important;
    color: #111111 !important;
    border-radius: 99px !important;
}
#banner-485865544 .button.is-outline:hover,
#banner-485865544 a.button:hover {
    background-color: #111111 !important;
    color: #FFFFFF !important;
}

/* Red box (Tai nghe Monster Beats): white outline button */
#banner-1469280021 .button,
#banner-1469280021 a.button {
    background-color: transparent !important;
    border: 2px solid #FFFFFF !important;
    color: #FFFFFF !important;
    border-radius: 99px !important;
}
#banner-1469280021 .button:hover,
#banner-1469280021 a.button:hover {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Dark box (Thiết kế tối giản): white outline button */
#banner-1255695324 .button,
#banner-1255695324 a.button {
    background-color: transparent !important;
    border: 2px solid #FFFFFF !important;
    color: #FFFFFF !important;
    border-radius: 99px !important;
}
#banner-1255695324 .button:hover,
#banner-1255695324 a.button:hover {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Blue box (Máy ảnh Nikon): white outline button */
#banner-1984228425 .button,
#banner-1984228425 a.button {
    background-color: transparent !important;
    border: 2px solid #FFFFFF !important;
    color: #FFFFFF !important;
    border-radius: 99px !important;
}
#banner-1984228425 .button:hover,
#banner-1984228425 a.button:hover {
    background-color: #FFFFFF !important;
    color: #333333 !important;
}

/* Badges (Matching User Image 2) */
.badge-container:empty {
    display: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Product Sale Badges (Giảm giá!) */
.badge-container {
    top: 15px !important;
    left: 15px !important;
    position: absolute !important;
    z-index: 10 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.badge-container *,
.badge-frame,
.badge-inner,
.callout.badge {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 0 !important;
}

.callout.badge,
.badge-inner.secondary.on-sale,
.badge-inner.on-sale,
.badge-inner,
.pvm-discount-badge {
    background-color: #F72934 !important;
    background: #F72934 !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
    padding: 5px 14px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    display: inline-block !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 10px rgba(247, 41, 52, 0.35) !important;
    border: none !important;
}

.callout.badge span,
.badge-inner span,
.onsale {
    background: transparent !important;
    background-color: transparent !important;
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    display: inline !important;
}

/* Product Titles & Prices Legibility */
.product-title a, .product-title, .name {
    color: #111111 !important;
    font-weight: 700 !important;
}

.price, .amount {
    color: #B88932 !important;
    font-weight: 700 !important;
}

del .amount {
    color: #777777 !important;
}

/* =========================================================
   HOMEPAGE LEFT CATEGORY SIDEBAR CARD STYLING
   ========================================================= */

#wrapper .pvm-category-sidebar-col,
body .pvm-category-sidebar-col,
.pvm-category-sidebar-col {
    align-self: flex-start !important;
    overflow: visible !important;
}

#wrapper .pvm-category-sidebar-col > .col-inner,
body .pvm-category-sidebar-col > .col-inner {
    height: auto !important;
    display: block !important;
    overflow: visible !important;
    padding-bottom: 5px !important;
}

#wrapper .pvm-home-sidebar-card,
body .pvm-home-sidebar-card,
div.pvm-home-sidebar-card {
    background-color: #FFFFFF !important;
    border-radius: 18px !important;
    border: 1.5px solid #C49A3E !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    padding: 6px 0 !important;
    overflow: hidden !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    align-self: flex-start !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
}

#wrapper ul.pvm-home-sidebar-menu,
body ul.pvm-home-sidebar-menu,
#wrapper ul.pvm-home-sidebar-menu > li,
body ul.pvm-home-sidebar-menu > li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

#wrapper ul.pvm-home-sidebar-menu > li::marker,
body ul.pvm-home-sidebar-menu > li::marker,
#wrapper ul.pvm-home-sidebar-menu > li::before,
body ul.pvm-home-sidebar-menu > li::before {
    content: "" !important;
    display: none !important;
}

#wrapper ul.pvm-home-sidebar-menu > li > a,
body ul.pvm-home-sidebar-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 11px 18px !important;
    color: #4A4238 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border-bottom: 1px solid #F5F0E6 !important;
    background-color: #FFFFFF !important;
    white-space: nowrap !important;
}

#wrapper ul.pvm-home-sidebar-menu > li > a span,
body ul.pvm-home-sidebar-menu > li > a span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#wrapper ul.pvm-home-sidebar-menu > li:last-child > a,
body ul.pvm-home-sidebar-menu > li:last-child > a {
    border-bottom: none !important;
}

#wrapper ul.pvm-home-sidebar-menu > li > a i,
body ul.pvm-home-sidebar-menu > li > a i {
    color: #C49A3E !important;
    font-size: 21px !important;
    margin-right: 12px !important;
}

#wrapper ul.pvm-home-sidebar-menu > li > a .pvm-arrow-right,
body ul.pvm-home-sidebar-menu > li > a .pvm-arrow-right {
    margin-left: auto !important;
    margin-right: 0 !important;
    font-size: 13px !important;
    color: #BBBBBB !important;
}

#wrapper ul.pvm-home-sidebar-menu > li > a:hover,
body ul.pvm-home-sidebar-menu > li > a:hover {
    background-color: #F7F3EB !important;
    color: #C49A3E !important;
    padding-left: 22px !important;
}

/* =========================================================
   SERVICE FEATURES BADGES BOX (.mbws_box-1)
   ========================================================= */

#row-1219118401,
.mbws_box-1,
div.mbws_box-1,
.row.mbws_box-1 {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E5E5E5 !important;
    border-radius: 16px !important;
    padding: 14px 24px !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
}

#row-1219118401 .icon-box,
.mbws_box-1 .icon-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

#row-1219118401 svg path,
.mbws_home-phobien svg path {
    fill: #B88932 !important;
    stroke: #B88932 !important;
}

#row-1219118401 .icon-box-text p,
.mbws_box-1 .icon-box-text p,
#row-1219118401 .icon-box-text,
.mbws_box-1 .icon-box-text {
    color: #111111 !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    letter-spacing: 0.2px !important;
    margin: 0 !important;
}

/* =========================================================
   PURE BLACK FOOTER & REDUCED TOP PADDING
   ========================================================= */

/* =========================================================
   PURE BLACK FOOTER STYLING & CLEAN CONTRAST
   ========================================================= */

footer.footer-wrapper,
#footer,
footer,
#section_1525145880,
.section.mbws_footer-main,
#section_1525145880 .section-bg,
#section_1525145880 .bg.section-bg,
#wrapper #footer,
body #footer,
.absolute-footer,
.footer-wrapper {
    background-color: #0B0B0B !important;
    background: #0B0B0B !important;
    color: #E0E0E0 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-top: 0 !important;
}

#section_1525145880 .section-content,
.mbws_footer-main .section-content,
#section_1525145880 #row-968603673,
.mbws_footer-main #row-968603673 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Force TRANSPARENT background for all column inner boxes in footer so white cards disappear */
footer .col-inner,
#footer .col-inner,
#section_1525145880 .col-inner,
.mbws_footer-main .col-inner,
.absolute-footer .col-inner,
footer .box,
#footer .box,
#section_1525145880 .box {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Footer Typography & Links */
footer p,
#footer p,
#section_1525145880 p,
.mbws_footer-main p,
.absolute-footer p {
    color: #CCCCCC !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
}

footer a,
#footer a,
#section_1525145880 a,
.mbws_footer-main a,
.absolute-footer a,
footer li a,
#section_1525145880 li a {
    color: #E0E0E0 !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

footer a:hover,
#footer a:hover,
#section_1525145880 a:hover,
.mbws_footer-main a:hover,
.absolute-footer a:hover,
footer li a:hover,
#section_1525145880 li a:hover {
    color: #C49A3E !important;
}

footer h3, footer h4, footer h5,
#section_1525145880 h3, #section_1525145880 h4, #section_1525145880 h5,
.mbws_footer-main h3, .mbws_footer-main h4 {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-bottom: 12px !important;
}

/* Copyright Bar */
.absolute-footer,
footer .absolute-footer,
#footer .absolute-footer {
    background-color: #050505 !important;
    border-top: 1px solid #222222 !important;
    color: #888888 !important;
    font-size: 12.5px !important;
}






/* =========================================================
   GLOBAL MOBILE & TABLET RESPONSIVE OVERRIDES
   ========================================================= */
@media (max-width: 1024px) {
    #main .section,
    section.section,
    .mbws_home-banner,
    .mbws_home-phobien,
    .mbws_home-uudai,
    .mbws_home-banner2,
    .mbws_home-spnoibat {
        margin-bottom: 30px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pvm-header-outer-wrapper {
        margin-bottom: 24px !important;
    }
}

@media (max-width: 992px) {
    .container, .row {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .pvm-home-sidebar-card {
        margin-bottom: 20px !important;
        width: 100% !important;
    }
    .mbws_box-1, .row.mbws_box-1 {
        flex-direction: column !important;
        gap: 16px !important;
        align-items: flex-start !important;
    }
    .product-small {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 576px) {
    body {
        font-size: 95% !important;
    }
    h1 { font-size: 24px !important; }
    h2 { font-size: 20px !important; }
    h3 { font-size: 17px !important; }
    .section-title-main {
        font-size: 16px !important;
    }
}



/* =========================================================
   MOBILE & TABLET BUG FIXES (COLOR SCHEME & GRID LAYOUTS)
   ========================================================= */

/* 1. Prevent Browser/DevTools Dark Mode from turning backgrounds dark grey */
@media (prefers-color-scheme: dark) {
    body, #wrapper, #main, .content-area, .page-wrapper,
    .section:not(#section_1525145880):not(.mbws_footer-main),
    .section-bg, .bg.section-bg, .col-inner,
    .product-small, .box, .box-text, .mbws_home-banner, .mbws_home-phobien,
    .mbws_home-uudai, .mbws_home-banner2, .mbws_home-spnoibat, .mbws_box-1 {
        background-color: #FFFFFF !important;
        background: #FFFFFF !important;
        color: #111111 !important;
    }
}

/* Force clean white card background for product boxes */
.product-small, .box, .col-inner, .product-small .box-text {
    background-color: #FFFFFF !important;
}

/* 2. Responsive 4 Category Banners ("Apple Sản phẩm mới", "Flying Camera", "Sạch Nhà Bạn", "Uống Cà Phê") */
@media (max-width: 768px) {
    .mbws_home-banner2 .col,
    .row.mbws_home-banner2 > .col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: 12px !important;
    }
    .products .col,
    .row.products > .col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 480px) {
    .mbws_home-banner2 .col,
    .row.mbws_home-banner2 > .col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 12px !important;
    }
}



/* =========================================================
   CLEAN WHITE CONTAINER & HEADER STYLING
   ========================================================= */

body, #wrapper, #main, .content-area, .page-wrapper {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #111111 !important;
}

/* Ensure banner images render correctly */
.banner-bg, .bg.bg-loaded, [class*="bg-loaded"] {
    background-color: transparent !important;
}

/* Section Backgrounds: White for normal sections, preserve images */
.section:not(.has-parallax):not(#section_1525145880) {
    background-color: #FFFFFF !important;
}

.product-small, .box, .col-inner {
    background-color: #FFFFFF !important;
    border-radius: 8px !important;
}


/* =========================================================
   HEADER, BANNER & SIDEBAR GUARANTEED VISIBILITY
   ========================================================= */

header.pvm-custom-header,
.pvm-custom-header {
    display: block !important;
    width: 100% !important;
    position: relative !important;
    z-index: 99999 !important;
}

.pvm-header-outer-wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.pvm-hdr-main-card,
#wrapper .pvm-hdr-main-card,
body .pvm-hdr-main-card {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    z-index: 99999 !important;
    width: 100% !important;
}

/* Category Sidebar Visibility */
.pvm-category-sidebar-col,
.pvm-home-sidebar-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force Banner Background Images & Restore Original Sub-Banners */
#banner-163249240 .bg,
#banner-163249240 .bg-fill,
#banner-163249240 .banner-bg {
    opacity: 1 !important;
    background-image: url('/wp-content/uploads/2020/10/Group-7880.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}

#banner-1095655333,
#banner-1095655333 .banner-inner,
#banner-1095655333 .bg,
#banner-1095655333 .bg-fill,
#banner-1095655333 .banner-bg {
    opacity: 1 !important;
    background-color: rgb(0, 200, 161) !important;
    background-image: url('/wp-content/uploads/2020/10/Surface-Studio.png') !important;
    background-size: cover !important;
    background-position: right center !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

#banner-267470011,
#banner-267470011 .banner-inner,
#banner-267470011 .bg,
#banner-267470011 .bg-fill,
#banner-267470011 .banner-bg {
    opacity: 1 !important;
    background-color: rgb(13, 13, 14) !important;
    background-image: url('/wp-content/uploads/2020/10/drone_PNG204.png') !important;
    background-size: cover !important;
    background-position: right center !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

#banner-769297598,
#banner-769297598 .banner-inner,
#banner-769297598 .bg,
#banner-769297598 .bg-fill,
#banner-769297598 .banner-bg {
    opacity: 1 !important;
    background-color: rgb(252, 155, 26) !important;
    background-image: url('/wp-content/uploads/2020/10/Mask-Group-2.png') !important;
    background-size: cover !important;
    background-position: right center !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

#banner-936408618,
#banner-936408618 .banner-inner,
#banner-936408618 .bg,
#banner-936408618 .bg-fill,
#banner-936408618 .banner-bg {
    opacity: 1 !important;
    background-color: rgb(140, 63, 205) !important;
    background-image: url('/wp-content/uploads/2020/10/Group-7734.png') !important;
    background-size: cover !important;
    background-position: right center !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* Smooth rounded corners for all sub-banner boxes */
.row.plus .col-inner,
.row.plus .banner {
    border-radius: 16px !important;
    overflow: hidden !important;
}

#banner-485865544 .bg,
#banner-485865544 .bg-fill,
#banner-485865544 .banner-bg {
    background-image: url('/wp-content/uploads/2020/10/s8kfbpqm.png') !important;
    background-size: cover !important;
    background-position: center !important;
}

#banner-1469280021 .bg,
#banner-1469280021 .bg-fill,
#banner-1469280021 .banner-bg {
    background-image: url('/wp-content/uploads/2020/10/2.png') !important;
    background-size: cover !important;
    background-position: center !important;
}

#banner-1255695324 .bg,
#banner-1255695324 .bg-fill,
#banner-1255695324 .banner-bg {
    background-image: url('/wp-content/uploads/2020/10/Group-7880-1.png') !important;
    background-size: cover !important;
    background-position: center !important;
}

#banner-1984228425 .bg,
#banner-1984228425 .bg-fill,
#banner-1984228425 .banner-bg {
    background-image: url('/wp-content/uploads/2025/07/Group-7879.png') !important;
    background-size: cover !important;
    background-position: center !important;
}



/* FORCE BANNER VISIBILITY */
.mbws_home-banner .bg,
.mbws_home-banner .bg-fill,
#banner-163249240 .bg {
    opacity: 1 !important;
    background-image: url('/wp-content/uploads/2020/10/Group-7880.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}
.show-for-medium-up {
    display: block !important;
}



/* ENLARGED CATEGORY SIDEBAR & FEATURE ICON SPACING */
.pvm-home-sidebar-menu li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.pvm-home-sidebar-menu li a i {
    font-size: 22px !important;
    color: #C49A3E !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}

.mbws_box-1 .icon-box-left,
.row.mbws_box-1 .icon-box-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
}

.mbws_box-1 .icon-box-img,
.row.mbws_box-1 .icon-box-img {
    margin-right: 16px !important;
    flex-shrink: 0 !important;
}

.mbws_box-1 .icon-box-text p,
.row.mbws_box-1 .icon-box-text p {
    margin: 0 !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    color: #2D2721 !important;
    white-space: normal !important;
}

/* CONTACT INFO CARD ROW (#row-798315425) FIX & PERFECT VERTICAL ALIGNMENT */
#section_1195129835,
section#section_1195129835 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

#row-798315425,
.row.mbws_box-1#row-798315425 {
    background-color: #FFFFFF !important;
    border: 1px solid #EAE2D5 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    padding: 14px 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: auto !important;
}

#row-798315425 > .col,
.row.mbws_box-1#row-798315425 > .col,
#row-798315425 .col-inner,
.row.mbws_box-1#row-798315425 .col-inner {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#row-798315425 > .col,
.row.mbws_box-1#row-798315425 > .col {
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
}

#row-798315425 .icon-box,
.row.mbws_box-1#row-798315425 .icon-box {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important; /* Perfect vertical centering */
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
}

#row-798315425 .icon-box-img,
.row.mbws_box-1#row-798315425 .icon-box-img {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#row-798315425 .icon-inner,
.row.mbws_box-1#row-798315425 .icon-inner {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 2px solid #C49A3E !important;
    background-color: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

#row-798315425 .icon-inner svg,
.row.mbws_box-1#row-798315425 .icon-inner svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    display: block !important;
}

#row-798315425 .icon-inner svg path,
.row.mbws_box-1#row-798315425 .icon-inner svg path,
#row-798315425 .icon-inner svg g,
.row.mbws_box-1#row-798315425 .icon-inner svg g {
    fill: #C49A3E !important;
    stroke: none !important;
}

#row-798315425 #col-968956205 .icon-inner svg path {
    fill: none !important;
    stroke: #C49A3E !important;
    stroke-width: 2px !important;
}

#row-798315425 .icon-box-text,
.row.mbws_box-1#row-798315425 .icon-box-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

#row-798315425 .icon-box-text h3,
.row.mbws_box-1#row-798315425 .icon-box-text h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 0 3px 0 !important;
    line-height: 1.2 !important;
}

#row-798315425 .icon-box-text p,
.row.mbws_box-1#row-798315425 .icon-box-text p {
    font-size: 13px !important;
    color: #444444 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

@media (max-width: 1024px) {
    #row-798315425 .col,
    .row.mbws_box-1#row-798315425 > .col {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #row-798315425 .icon-box-text p {
        font-size: 12px !important;
    }
}

@media (max-width: 768px) {
    #row-798315425,
    .row.mbws_box-1#row-798315425 {
        flex-direction: column !important;
        gap: 16px !important;
        padding: 20px 16px !important;
    }
    #row-798315425 .col,
    .row.mbws_box-1#row-798315425 > .col {
        width: 100% !important;
        max-width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #EEEEEE !important;
        padding-bottom: 12px !important;
    }
    #row-798315425 .col:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }
}

/* PERFECT HERO PORTRAIT CIRCLE - MATCHING ALL PAGES */
.pvm-hero-section {
    padding: 50px 0 40px 0 !important;
    background-color: #FFFFFF !important;
    position: relative !important;
    overflow: hidden !important;
}

.pvm-hero-col-right {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    min-height: 450px !important;
}

.pvm-portrait-circle {
    position: relative !important;
    width: 440px !important;
    height: 440px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, #FAF2E3 0%, #F5ECDA 100%) !important;
    box-shadow: 0 12px 35px rgba(184, 137, 50, 0.16), inset 0 0 45px rgba(184, 137, 50, 0.1) !important;
    border: 4px solid #FFFFFF !important;
    overflow: hidden !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

.pvm-portrait-img {
    position: relative !important;
    z-index: 2 !important;
    max-height: 400px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.08)) !important;
}

@media (max-width: 992px) {
    .pvm-hero-section {
        padding: 30px 0 30px 0 !important;
    }
    .pvm-hero-row {
        flex-direction: column-reverse !important;
        gap: 24px !important;
    }
    .pvm-hero-col-right {
        min-height: 350px !important;
    }
    .pvm-portrait-circle {
        width: 330px !important;
        height: 330px !important;
    }
    .pvm-portrait-img {
        max-height: 300px !important;
    }
}

@media (max-width: 576px) {
    .pvm-hero-col-right {
        min-height: 280px !important;
    }
    .pvm-portrait-circle {
        width: 260px !important;
        height: 260px !important;
    }
    .pvm-portrait-img {
        max-height: 230px !important;
    }
}