/* MG Audio modern visual refresh - 2026-08-25
   Loaded after the legacy theme so it can safely override appearance
   without changing the existing ASP.NET WebForms backend. */

:root {
    --mg-gold: #d5a32b;
    --mg-gold-dark: #b98517;
    --mg-orange: #f47b20;
    --mg-ink: #17191d;
    --mg-dark: #20242e;
    --mg-text: #23262b;
    --mg-muted: #73777f;
    --mg-soft: #f7f7f5;
    --mg-border: #e8e8e5;
    --mg-white: #fff;
    --mg-radius: 12px;
    --mg-shadow: 0 14px 36px rgba(20, 24, 31, .08);
}

html { scroll-behavior: smooth; }
body {
    color: var(--mg-text);
    background: #fff;
    font-family: "Be Vietnam Pro", Roboto, Arial, sans-serif !important;
    font-size: 15px;
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}
a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease; }
.container { max-width: 1240px; }

/* Header */
.header { background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.06); position:relative; z-index:30; }
.header .mid-header { padding: 15px 0 12px; }
.header .content_header, .header .header-main { display:flex; align-items:center; }
.header .textlogo {
    color: var(--mg-gold) !important;
    font-size: 31px !important;
    letter-spacing: 1.2px;
    margin-top: -5px !important;
    line-height: 1.05;
    text-shadow:none;
}
.header .textlogo::before { display:none !important; }
.header .textsologan { color:#6c7076 !important; font-size:11.5px !important; line-height:1.45; letter-spacing:.15px !important; font-weight:500 !important; }
.header #service-information-header-0 .header-left { display:flex; align-items:center; justify-content:center; gap:28px; }
.header #service-information-header-0 .header-block-item { border:0 !important; margin:0 !important; padding:0 !important; min-width:155px; }
.header #service-information-header-0 .header-block-item:first-child { display:none !important; }
.header .header-block-item .icon img { width:28px; height:28px; object-fit:contain; }
.header .header-block-item .info strong { color:#222; font-size:12px; font-weight:700; }
.header .header-block-item .info p { color:#7b7f85; font-size:11px; margin:2px 0 0; }
.header .header-right { display:flex; justify-content:flex-end; }
.header .cdiachi { color:var(--mg-muted) !important; font-size:12px !important; font-weight:600 !important; }
.header .cdienthoai {
    color:var(--mg-orange) !important;
    background:none !important;
    -webkit-text-fill-color:initial !important;
    animation:none !important;
    font-size:20px !important;
    font-weight:700 !important;
    margin-top:-2px;
    white-space:nowrap;
}

/* Main navigation */
.header .wrap_main { background:var(--mg-ink) !important; border:0 !important; box-shadow:none !important; }
.header .wrap_main > .container > .row { display:flex; align-items:stretch; }
.header .bg-header-nav, .header .header-nav { background:transparent !important; }
.header .header-nav .item_big { margin:0; display:flex; align-items:center; min-height:54px; }
.header .header-nav .item_big > li > a {
    color:#fff !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:.15px;
    padding:18px 16px !important;
    position:relative;
}
.header .header-nav .item_big > li > a:after {
    content:""; position:absolute; left:16px; right:16px; bottom:3px; height:2px;
    background:var(--mg-gold); transform:scaleX(0); transform-origin:left; transition:transform .2s ease;
}
.header .header-nav .item_big > li:hover > a:after { transform:scaleX(1); }
.header .header-nav .item_big > li:hover > a { color:#fff !important; background:transparent !important; }
.header .mega-content { border-top:3px solid var(--mg-gold) !important; box-shadow:0 16px 35px rgba(0,0,0,.16) !important; }
.header .section_search { margin:0 !important; padding:8px 0 !important; background:transparent !important; }
.header .section_search .container { width:100% !important; padding:0 !important; }
.header .search-bar { height:38px; }
.header .search-text { border:1px solid #3a3d42 !important; background:#fff !important; height:38px !important; border-radius:7px 0 0 7px !important; padding-left:14px !important; }
.header .search-bar .btn { height:38px !important; min-width:44px; background:var(--mg-orange) !important; border-color:var(--mg-orange) !important; border-radius:0 7px 7px 0 !important; color:#fff !important; }

/* Hero */
.mg-home #gallery-0 { margin-bottom:0 !important; background:#f4f4f2; }
.mg-home .home-slider .item { overflow:hidden; }
.mg-home .home-slider img { width:100%; height:auto; display:block; }
.mg-home .home-slider .owl-dots { bottom:15px !important; }
.mg-home .home-slider .owl-dot span { width:22px !important; height:4px !important; border-radius:4px !important; background:rgba(255,255,255,.65) !important; }
.mg-home .home-slider .owl-dot.active span { background:var(--mg-orange) !important; }

/* Sections */
.mg-home .awe-section-6,
.mg-home #news_by_category-0 { padding:64px 0 12px !important; margin:0 !important; }
.mg-home #product_by_category-0 { padding-top:52px !important; }
.mg-home .section_bedroom, .mg-home .section_new_blog { background:#fff !important; }
.mg-home #product_by_category-2 { background:var(--mg-soft) !important; margin-top:45px !important; padding-bottom:58px !important; }
.mg-home #product_by_category-2 .section_bedroom { background:transparent !important; }
.mg-home .heading, .mg-home .heading_flash_sale { text-align:left !important; margin-bottom:30px !important; position:relative; }
.mg-home .heading:before, .mg-home .heading:after,
.mg-home .heading_flash_sale:before, .mg-home .heading_flash_sale:after { display:none !important; }
.mg-home .title-head {
    display:block !important; margin:0 !important; padding:0 0 12px !important; border:0 !important;
    font-size:28px !important; line-height:1.25 !important; font-weight:700 !important; text-transform:uppercase;
    letter-spacing:.4px; color:var(--mg-ink) !important;
}
.mg-home .title-head:after { content:""; display:block; width:54px; height:3px; background:var(--mg-orange); margin-top:12px; border-radius:4px; }
.mg-home .title-head a, .mg-home .title-head span, .mg-home .title-head span a { color:var(--mg-ink) !important; background:none !important; padding:0 !important; }
.mg-home .mg-section-subtitle { margin:0 !important; color:var(--mg-muted); font-size:14px; max-width:720px; }
.mg-home .border_wrap { border:0 !important; padding:0 !important; }

/* Product cards */
.mg-home .owl_product_item_content .owl-stage { display:flex; }
.mg-home .owl_product_item_content .owl-item { display:flex; height:auto; }
.mg-home .mg-product-item { width:100%; padding:3px; display:flex; }
.mg-home .mg-product-card {
    width:100%; height:100%; display:flex; flex-direction:column; overflow:hidden;
    background:var(--mg-white) !important; border:1px solid var(--mg-border) !important;
    border-radius:var(--mg-radius) !important; box-shadow:none !important; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.mg-home .mg-product-card:hover { transform:translateY(-5px); box-shadow:var(--mg-shadow) !important; border-color:#ddd2b8 !important; }
.mg-home .mg-product-image { background:linear-gradient(180deg,#fbfbfa 0%,#f4f4f1 100%) !important; min-height:245px; height:245px !important; padding:20px !important; overflow:hidden; }
.mg-home .mg-product-image a { width:100%; height:100%; align-items:center; justify-content:center; }
.mg-home .mg-product-image img { width:100% !important; height:100% !important; object-fit:contain !important; transition:transform .32s ease; }
.mg-home .mg-product-card:hover .mg-product-image img { transform:scale(1.035); }
.mg-home .mg-product-info { padding:17px 18px 18px !important; min-height:140px; display:flex; flex-direction:column; text-align:left !important; }
.mg-home .mg-product-info .product-name { margin:0 0 12px !important; min-height:48px; }
.mg-home .mg-product-info .product-name a { color:var(--mg-text) !important; font-size:14px !important; line-height:1.55 !important; font-weight:600 !important; }
.mg-home .mg-product-info .product-name a:hover { color:var(--mg-orange) !important; }
.mg-home .mg-product-bottom { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid #f0f0ed; padding-top:12px; }
.mg-home .mg-product-bottom .product-price { color:var(--mg-orange) !important; font-size:14px !important; font-weight:700 !important; }
.mg-home .mg-product-link { color:var(--mg-ink) !important; font-size:12px; font-weight:600; white-space:nowrap; }
.mg-home .mg-product-link:hover { color:var(--mg-orange) !important; }
.mg-home .bizweb-product-reviews-badge, .mg-home .store-product-reviews-badge { display:none !important; }

/* Legacy home product cards are modernized too */
.mg-home #product_by_category-0 .product-box-h { border:1px solid var(--mg-border) !important; border-radius:var(--mg-radius); overflow:hidden; background:#fff; }
.mg-home #product_by_category-0 .product-thumbnail { background:var(--mg-soft); padding:16px; }
.mg-home #product_by_category-0 .product-thumbnail img { object-fit:contain; }
.mg-home #product_by_category-0 .product-info { padding:15px !important; text-align:left !important; }

/* Carousel controls */
.mg-home .owl-nav .owl-prev, .mg-home .owl-nav .owl-next {
    width:40px !important; height:40px !important; border-radius:50% !important; background:#fff !important;
    color:var(--mg-ink) !important; border:1px solid var(--mg-border) !important; box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.mg-home .owl-nav .owl-prev:hover, .mg-home .owl-nav .owl-next:hover { background:var(--mg-ink) !important; color:#fff !important; }

/* Ads */
.mg-home #service-2 { padding:40px 0 0 !important; }
.mg-home .adv_bottom_inner { border-radius:var(--mg-radius); overflow:hidden; }
.mg-home .adv_bottom_inner img { width:100%; transition:transform .35s ease; }
.mg-home .adv_bottom_inner:hover img { transform:scale(1.02); }

/* News */
.mg-home #news_by_category-0 { padding-bottom:65px !important; }
.mg-home .content_blog_new { margin-top:0 !important; }
.mg-home .mg-news-item { padding:3px; height:100%; }
.mg-home .mg-news-card { height:100%; overflow:hidden; background:#fff; border:1px solid var(--mg-border); border-radius:var(--mg-radius); transition:transform .25s ease, box-shadow .25s ease; }
.mg-home .mg-news-card:hover { transform:translateY(-4px); box-shadow:var(--mg-shadow); }
.mg-home .mg-news-image { display:block; width:100%; height:220px; overflow:hidden; background:var(--mg-soft); }
.mg-home .mg-news-image img { width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .35s ease; }
.mg-home .mg-news-card:hover .mg-news-image img { transform:scale(1.04); }
.mg-home .mg-news-content { padding:18px 19px 20px; }
.mg-home .mg-news-meta { color:var(--mg-muted); font-size:12px; margin-bottom:9px; }
.mg-home .mg-news-content h3 { margin:0 0 16px; min-height:52px; }
.mg-home .mg-news-content h3 a { color:var(--mg-text) !important; font-size:15px !important; line-height:1.55 !important; font-weight:600 !important; }
.mg-home .mg-news-content h3 a:hover { color:var(--mg-orange) !important; }
.mg-home .mg-news-more { color:var(--mg-orange) !important; font-size:12px; font-weight:700; }

/* Brand strip */
.mg-home #service-3 { background:#fafaf8 !important; border-top:1px solid var(--mg-border); padding:24px 0 !important; }
.mg-home #service-3 .border_wrap { border:0 !important; }
.mg-home #service-3 img { filter:grayscale(1); opacity:.62; transition:all .2s ease; }
.mg-home #service-3 img:hover { filter:grayscale(0); opacity:1; }

/* Footer */
.footer .site-footer { background:#1e2430 !important; }
.footer .top-footer { padding-top:36px !important; }
.footer .logo_footer { margin-bottom:24px !important; }
.footer .logo_footer .wrapper { color:var(--mg-gold) !important; font-family:"Be Vietnam Pro", sans-serif !important; font-size:38px !important; letter-spacing:1px !important; }
.footer .mid-footer { padding-top:10px !important; }
.footer .title-menu a, .footer .title-menu { color:#fff !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.3px; }
.footer .li_menu, .footer .li_menu a, .footer .contact li { color:#b8bec8 !important; font-size:12px !important; line-height:1.8; }
.footer .li_menu a:hover { color:var(--mg-gold) !important; }
.footer .newsletter .form-control { height:40px; border-radius:6px 0 0 6px; border:0; }
.footer .newsletter .btn-primary { height:40px; background:var(--mg-orange) !important; border-color:var(--mg-orange) !important; border-radius:0 6px 6px 0; }
.footer .bg-footer-bottom { background:#12151b !important; border-top:1px solid rgba(255,255,255,.06); }
.footer .fot_copyright { color:#8f96a2 !important; font-size:11px; }

/* Floating contact icons - reduce visual noise */
.hotline_float_icon a span { border-radius:5px !important; box-shadow:0 6px 18px rgba(0,0,0,.15); }

@media (max-width: 991px) {
    body { font-size:14px; }
    .header .mid-header { padding:10px 0; }
    .header .content_header, .header .header-main { display:block; }
    .header .textlogo { font-size:26px !important; text-align:center; margin-top:0 !important; }
    .header .textsologan { display:none; }
    .header .header-right { display:none; }
    .mg-home .awe-section-6, .mg-home #news_by_category-0 { padding-top:42px !important; }
    .mg-home .title-head { font-size:22px !important; }
    .mg-home .mg-section-subtitle { font-size:13px; }
    .mg-home .mg-product-image { min-height:215px; height:215px !important; }
}

@media (max-width: 767px) {
    .container { padding-left:15px; padding-right:15px; }
    .mg-home .awe-section-6, .mg-home #news_by_category-0 { padding-top:34px !important; }
    .mg-home .heading, .mg-home .heading_flash_sale { margin-bottom:22px !important; }
    .mg-home .title-head { font-size:20px !important; }
    .mg-home .mg-product-image { min-height:230px; height:230px !important; }
    .mg-home .mg-news-image { height:210px; }
    .footer .logo_footer .wrapper { font-size:30px !important; }
}