:root{--dc-header:#094D8A;--dc-navy:#06325A;--dc-accent:#FF8A00;--dc-white:#FFFFFF;--dc-content-link-color:#094D8A;--dc-content-link-hover:#B45309;}
header.header .header-main{background:var(--dc-header)!important;}
header.header .header-main .logo .logo-wrapper{display:inline-flex!important;align-items:center;justify-content:center;position:static;width:auto;height:auto;max-width:100%;margin:0;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;}
header.header .header-main .logo .logo-wrapper img{display:block;position:static;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain;opacity:1!important;filter:none!important;}
@media (min-width: 992px){
header.header .header-main{display:block!important;height:auto!important;min-height:92px!important;padding:12px 0!important;margin:0!important;box-sizing:border-box;}
header.header .header-main > .row{display:flex!important;align-items:center;flex-wrap:nowrap;width:auto!important;margin-top:0!important;margin-bottom:0!important;}
header.header .header-main > .row > .col-md-3, header.header .header-main > .row > .col-md-5, header.header .header-main > .row > .col-md-4{float:none!important;min-width:0;height:auto!important;min-height:0!important;box-sizing:border-box;}
header.header .header-main > .row > .col-md-3{flex:0 0 26%;width:26%!important;}
header.header .header-main > .row > .col-md-5{flex:1 1 0;width:auto!important;}
header.header .header-main > .row > .col-md-4{flex:0 0 330px;width:330px!important;}
header.header .header-main .col-md-3.col-100-h, header.header .header-main .col-md-3.col-100-h .logo{display:flex;align-items:center;justify-content:center;}
header.header .header-main .col-md-3.col-100-h .logo{width:100%;margin:0;padding:0;transform:none!important;}
header.header .header-main .col-md-3.col-100-h .logo .logo-wrapper{position:static!important;transform:none!important;max-width:100%!important;}
header.header .header-main .col-md-3.col-100-h .logo .logo-wrapper img{width:265px!important;}
header.header .header-main .header_search, header.header .header-main .header-right{padding-top:0!important;padding-bottom:0!important;}
header.header .header-main .search, header.header .header-main .header_search form{width:100%;max-width:100%;margin-top:0!important;margin-bottom:0!important;}
header.header .header-main .header-right{display:flex!important;align-items:center;justify-content:flex-end;gap:10px;width:100%;}
header.header .header-main .header-right .hotline_dathang, header.header .header-main .header-right .top-cart-contain{display:flex!important;align-items:center;flex:1 1 0;float:none!important;width:auto!important;min-width:0;margin:0!important;padding:7px 9px!important;box-sizing:border-box;}
header.header .header-main .header-right .hotline_dathang, header.header .header-main .header-right .heading-cart{gap:6px;}
header.header .header-main .header-right .heading-cart{display:flex;align-items:center;width:100%;}
header.header .header-main .header-right .icon_hotline{float:none!important;flex:0 0 24px;width:24px!important;line-height:normal!important;text-align:center;}
header.header .header-main .header-right .content_hotline, header.header .header-main .header-right .content_cart_header{float:none!important;min-width:0;white-space:nowrap;text-align:left;}
header.header .header-main .header-right .content_hotline a, header.header .header-main .header-right .content_cart_header a{font-size:14px!important;}
header.header nav > .row, header.header nav > .container > .row{display:flex;align-items:stretch;flex-wrap:nowrap;}
header.header nav > .row > .col-md-3, header.header nav > .container > .row > .col-md-3{float:none;flex:0 0 25%;width:25%;min-width:0;}
header.header nav > .row > .col-md-9, header.header nav > .container > .row > .col-md-9{float:none;flex:1 1 0;width:auto;min-width:0;}
header.header nav #nav{display:flex!important;align-items:stretch;justify-content:space-between;flex-wrap:nowrap!important;float:none!important;width:100%;margin:0!important;padding:0!important;}
header.header nav #nav > .nav-item{float:none!important;flex:0 1 auto;width:auto!important;margin:0!important;padding:0!important;}
header.header nav #nav > .nav-item > a{display:flex!important;align-items:center;justify-content:center;min-height:53px;padding:0 clamp(7px, 1vw, 15px)!important;font-size:clamp(12px, 1.1vw, 15px);line-height:1.3!important;white-space:nowrap;}
header.header nav #nav > .nav-item > a i{margin-left:4px;}
}
@media (min-width: 992px) and (max-width: 1199px){
header.header .header-main > .row > .col-md-3{flex-basis:25%;width:25%!important;}
header.header .header-main > .row > .col-md-4{flex-basis:290px;width:290px!important;}
header.header .header-main .col-md-3.col-100-h .logo .logo-wrapper img{width:225px!important;}
header.header .header-main .header-right{gap:6px;}
header.header .header-main .header-right .hotline_dathang, header.header .header-main .header-right .top-cart-contain{padding:7px 5px!important;}
header.header .header-main .header-right .content_hotline a, header.header .header-main .header-right .content_cart_header a{font-size:13px!important;}
header.header nav #nav > .nav-item > a{padding-right:7px!important;padding-left:7px!important;font-size:12px!important;}
header.header nav .mainmenu > span{font-size:13px!important;}
}
@media (max-width: 991px){
header.header .header-main .col-100-h{position:relative;min-height:45px;}
header.header .header-main .col-100-h .logo{display:block;width:100%;margin:0;padding:0;}
header.header .header-main .col-100-h .logo .logo-wrapper{position:absolute!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%, -50%)!important;width:210px!important;max-width:calc(100% - 120px)!important;height:auto!important;}
header.header .header-main .col-100-h .logo .logo-wrapper img{position:static!important;top:auto!important;width:100%!important;height:auto!important;}
}
body a:hover:not(.dc-toc a), body a:focus-visible:not(.dc-toc a){color:var(--dc-accent)!important;}
header.header nav, header.header nav .mainmenu, header.header nav #nav{background:var(--dc-navy)!important;}
header.header nav .mainmenu{position:relative;min-height:53px;color:var(--dc-white)!important;}
header.header nav .mainmenu > span{background:transparent!important;color:var(--dc-white)!important;}
header.header nav .mainmenu .nav-cate{top:100%!important;}
header.header nav #nav > .nav-item{background:transparent!important;}
header.header nav #nav > .nav-item > a{background:transparent!important;color:var(--dc-white)!important;}
header.header nav .mainmenu:hover, header.header nav .mainmenu:focus-within, header.header nav #nav > .nav-item:hover > a, header.header nav #nav > .nav-item.active > a, header.header nav #nav > .nav-item > a:focus-visible{background:var(--dc-accent)!important;color:var(--dc-navy)!important;}
header.header nav .mainmenu:hover > span, header.header nav .mainmenu:focus-within > span{color:var(--dc-navy)!important;}
header.header nav #nav > .nav-item > a i, header.header nav .mainmenu > span i{color:inherit!important;}
header.header nav #nav .dropdown-menu, header.header nav .mainmenu .nav-cate ul{background:var(--dc-white)!important;}
header.header nav #nav .dropdown-menu li > a{color:var(--dc-navy)!important;}
header.header nav #nav .dropdown-menu li > a:hover, header.header nav #nav .dropdown-menu li > a:focus-visible, header.header nav .mainmenu .nav-cate ul li:hover, header.header nav .mainmenu .nav-cate .subcate2 a:hover, header.header nav .mainmenu .nav-cate .subcate2 a:focus-visible{background:var(--dc-accent)!important;color:var(--dc-navy)!important;}
header.header nav .mainmenu .nav-cate ul li:hover > h3 > a, header.header nav .mainmenu .nav-cate ul li:hover > h3 > a::before, header.header nav .mainmenu .nav-cate ul li:hover > .sub-a, header.header nav .mainmenu .nav-cate ul li:hover > .sub-a::before{color:var(--dc-navy)!important;}
header.header nav .mainmenu .nav-cate ul li:hover > h3 > img{filter:none!important;}
header.header nav .mainmenu .nav-cate li:hover > .subcate, header.header nav .mainmenu .nav-cate li:hover > .subcate2{border-color:var(--dc-accent)!important;}
body :is( .products-view-grid .button-link .btn_df, .category-products .products-view-list .product-box .pro-action button, .details-product .form-product .form-group button:not(.btn-minus):not(.btn-plus):not(.items-count), .btn-primary, .btn-blues, .btn-cart, .btn-buy-now, .btn-buyNow, .add_to_cart, #right-affix .btn-checkout, .shopping-cart .btn-proceed-checkout, .cart-empty .btn-cart-empty a ):not(.btn_buy){background:var(--dc-accent)!important;border-color:var(--dc-accent)!important;color:var(--dc-navy)!important;}
body :is( .products-view-grid .button-link .btn_df, .category-products .products-view-list .product-box .pro-action button, .details-product .form-product .form-group button:not(.btn-minus):not(.btn-plus):not(.items-count), .btn-primary, .btn-blues, .btn-cart, .btn-buy-now, .btn-buyNow, .add_to_cart, #right-affix .btn-checkout, .shopping-cart .btn-proceed-checkout, .cart-empty .btn-cart-empty a ):is(:hover, :focus-visible):not(.btn_buy){background:var(--dc-accent)!important;border-color:var(--dc-navy)!important;color:var(--dc-navy)!important;}
body :is( .products-view-grid .button-link .btn_df, .category-products .products-view-list .product-box .pro-action button, .details-product .form-product .form-group button:not(.btn-minus):not(.btn-plus):not(.items-count), .btn-primary, .btn-blues, .btn-cart, .btn-buy-now, .btn-buyNow, .add_to_cart, #right-affix .btn-checkout, .shopping-cart .btn-proceed-checkout, .cart-empty .btn-cart-empty a ) :is(span, i, a){color:inherit!important;}
.cart-empty .btn-cart-empty a::after{background:var(--dc-accent)!important;}
body :is( .btn, .mt-button > a, #right-affix .btn-checkouts ):is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.btn_buy){background:var(--dc-accent)!important;border-color:var(--dc-accent)!important;color:var(--dc-navy)!important;}
body :is( .btn-primary, .btn-blues, .btn-cart, .btn-buy-now, .btn-buyNow, .add_to_cart, .products-view-grid .button-link .btn_df, .details-product .form-product .form-group button, #right-affix .btn-checkout ):is(:disabled, [aria-disabled="true"], .disabled){background:#E5E5E5!important;border-color:#D5D5D5!important;color:#666666!important;cursor:not-allowed;}

/* Nut Mua ngay: 1 quy tac hover rieng, khong bi hover chung ghi de. */
body .details-product .form-product .form-group button.btn_buy.add_to_cart:not(:disabled) {
    background: var(--dc-accent) !important;
    border-color: var(--dc-accent) !important;
    color: var(--dc-navy) !important;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
}
body .details-product .form-product .form-group button.btn_buy.add_to_cart:not(:disabled):is(:hover, :focus-visible) {
    background: #fff !important;
    border-color: var(--dc-accent) !important;
    color: var(--dc-header) !important;
    box-shadow: 0 3px 10px rgba(9, 77, 138, .12);
}
body .details-product .form-product .form-group button.btn_buy.add_to_cart .txt-main {
    color: inherit !important;
}

header.header .header-main .header_search form button, .search-main form button, .aside-filter .aside-item .field-search button{background:var(--dc-accent)!important;border-color:var(--dc-accent)!important;color:var(--dc-navy)!important;}
header.header .header-main .header_search form button:is(:hover, :focus-visible), .search-main form button:is(:hover, :focus-visible), .aside-filter .aside-item .field-search button:is(:hover, :focus-visible){background:var(--dc-accent)!important;border-color:var(--dc-navy)!important;color:var(--dc-navy)!important;}
header.header .header-main .header-right .hotline_dathang, header.header .header-main .header-right .top-cart-contain{background:var(--dc-navy)!important;}
header.header .header-main .header-right .hotline_dathang:hover, header.header .header-main .header-right .top-cart-contain:hover{border-color:var(--dc-accent)!important;}
header.header .header-main .header-right .content_hotline a:hover, header.header .header-main .header-right .content_cart_header a:hover{color:var(--dc-accent)!important;}
body .pagination :is(a, .page-link):is(:hover, :focus-visible), body .pagination li.active > a, body .pagination .page-item.active .page-link, body .pagination .page-item.active .page-link:hover, .category-products .sortPagiBar .view-mode .button-view-mode:is(.active, :hover), .details-product .form-product .custom-btn-number button:is(:hover, :focus-visible), .owl-carousel .owl-nav .owl-prev:is(:hover, :focus-visible), .owl-carousel .owl-nav .owl-next:is(:hover, :focus-visible){background:var(--dc-accent)!important;border-color:var(--dc-accent)!important;color:var(--dc-navy)!important;}
.collections_des_and_menu_list .list-inline li:is(:hover, .active) a, .expandable-content_toggle:is(:hover, :focus-visible){border-color:var(--dc-accent)!important;color:var(--dc-accent)!important;}
.expandable-content_toggle:is(:hover, :focus-visible) .expandable-content_toggle-icon::before, .expandable-content_toggle:is(:hover, :focus-visible) .expandable-content_toggle-icon::after, .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span{background:var(--dc-accent)!important;}
body :is(a, button, input, select):focus-visible{outline:2px solid var(--dc-accent);outline-offset:3px;}
body :is(.rte, .dc-content) a[href]:not(.btn):not([role="button"]):not(.dc-toc a){color:var(--dc-content-link-color)!important;font-weight:700!important;text-decoration:none!important;text-underline-offset:3px;text-decoration-skip-ink:auto;}
body :is(.rte, .dc-content) a[href]:not(.btn):not([role="button"]):not(.dc-toc a):visited{color:var(--dc-content-link-color)!important;}
body :is(.rte, .dc-content) a[href]:not(.btn):not([role="button"]):not(.dc-toc a) :is(span, strong, b, em, i, font, u){color:inherit!important;font-weight:inherit!important;text-decoration:none!important;}
body :is(.rte, .dc-content) a[href]:not(.btn):not([role="button"]):not(.dc-toc a):is(:hover, :focus-visible, :active){color:var(--dc-content-link-hover)!important;text-decoration-line:underline!important;text-decoration-color:currentColor!important;text-decoration-style:solid!important;text-decoration-thickness:1px!important;}
body :is(.rte, .dc-content) a[href]:not(.btn):not([role="button"]):not(.dc-toc a):focus-visible{outline:2px solid var(--dc-content-link-hover)!important;outline-offset:3px!important;}
body #table-content-container ul li, body #clone-table ul li, body #table-content-container ul li a, body #clone-table ul li a, body #table-content-container ul li a *, body #clone-table ul li a *{font-weight:400!important;}
body #table-content-container ul li a, body #clone-table ul li a{color:#094D8A!important;text-decoration:none!important;}
body #table-content-container ul li a *, body #clone-table ul li a *{color:inherit!important;text-decoration:none!important;}
body #table-content-container ul li a:is(:hover, :focus-visible), body #clone-table ul li a:is(:hover, :focus-visible){color:#094D8A!important;text-decoration-line:underline!important;text-decoration-color:currentColor!important;text-decoration-style:solid!important;text-decoration-thickness:1px!important;text-underline-offset:3px;}
/* Accessibility - ngay dang bai trang chu */
.section-news .blog-item .post-time {
    color: #595959 !important;
}
/*
============================================================
DAYCUROAGIASI.COM - CUSTOM CSS
PHAN NOI DUNG CUOI FILE

Toi uu:
- Gop quy tac trung lap
- Bo ghi de CSS khong can thiet
- Chuan hoa typography desktop/mobile
- H1 danh muc 28px / 24px
- Giu nguyen chuc nang cua theme
============================================================
*/

/* ============================================================
   1. TIEU DE NHOM SAN PHAM, POPUP, LUOI SAN PHAM
   ============================================================ */

.section_product:is(.color_group_1, .color_group_2, .color_group_5)
.group-top-product .section_product_title {
    color: #1f2937;
}

/* Nut dong popup */

.addcart-popup button.close-window {
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

/* Ten san pham trong luoi danh muc va nhom trang chu */

.products-view-grid .product-item .product-item-container
.right-block div.title-product,
.section_product.section_product_4 .group-list-product
.products-view-grid .product-item .product-item-container
.right-block .title-product {
    display: block;
    font-size: 14px !important;
    line-height: 19px !important;
    font-weight: 500;
    margin: 0 0 5px;
}

.products-view-grid .product-item .product-item-container
.right-block div.title-product a {
    color: #222;
}

/* Chi ap dung cho cac nhom san pham trang chu */

.section_product.section_product_4 .group-list-product
.products-view-grid .product-item .product-item-container
.right-block .title-product {
    padding: 0;
}

.section_product.section_product_4 .group-list-product
.products-view-grid .product-item .product-item-container
.right-block .title-product > a.product-name {
    font-size: 14px !important;
    line-height: 19px !important;
    font-weight: 500;
    color: #222;
    text-decoration: none;
}

/* ============================================================
   2. MENU DANH MUC - DIV THAY THE H3
   ============================================================ */

header.header nav .mainmenu .nav-cate ul li .nav-cate-heading {
    position: relative;
    display: block;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

header.header nav .mainmenu .nav-cate ul li .nav-cate-heading a {
    display: block;
    color: #666;
    font-size: 14px;
}

/* Màu hover va focus */

header.header nav .mainmenu .nav-cate ul li .nav-cate-heading a:is(:hover, :focus),
header.header nav .mainmenu .nav-cate ul li:hover > .nav-cate-heading > a,
header.header nav .mainmenu .nav-cate ul li.dropdown:hover > .nav-cate-heading > a::before {
    color: var(--dc-navy, #06325a) !important;
}

/* Anh icon danh muc */

header.header nav .mainmenu .nav-cate ul li .nav-cate-heading img {
    max-width: 22px;
    float: left;
    margin-right: 5px;
}

header.header nav .mainmenu .nav-cate ul li:last-child .nav-cate-heading {
    border-bottom: none;
}

/* Mui ten danh muc con */

header.header nav .mainmenu .nav-cate ul li.dropdown .nav-cate-heading a::before {
    content: '\f0da';
    font-family: FontAwesome;
    text-align: center;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 1;
    transform: translateY(-50%);
    color: #999;
}

header.header nav .mainmenu .nav-cate ul li:hover > .nav-cate-heading > img {
    filter: none !important;
}

/* ============================================================
   3. ACCESSIBILITY - DO TUONG PHAN
   ============================================================ */

/* Breadcrumb */

.bread-crumb .breadcrumb li.home > a,
.bread-crumb .breadcrumb li.home > a > span[itemprop="name"],
.breadcrumb [itemprop="name"] {
    color: #595959 !important;
}

/* Nhan giam gia */

.products-view-grid .product-item .product-item-container
.left-block .label-product.label-sale {
    background-color: #b91c1c;
    color: #fff;
}

/* Gia goc gach ngang */

.products-view-grid .product-item .product-item-container
.right-block .price .price-old {
    color: #595959;
}

/* Tab mo ta san pham: nen trang, chu xanh, gach chan cam. */
body .details-product .product-tab.e-tabs .tabs-title {
    display: block;
    text-align: left;
}
body .details-product .product-tab.e-tabs .tabs-title .tab-link {
    margin-right: 24px !important;
    padding: 0 0 10px !important;
    background: transparent !important;
    border: 0;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
}
body .details-product .product-tab.e-tabs .tabs-title .tab-link:is(.current, :hover, :focus-within) {
    background: transparent !important;
    border-bottom-color: var(--dc-accent) !important;
}
body .details-product .product-tab.e-tabs .tabs-title .tab-link h2,
body .details-product .product-tab.e-tabs .tabs-title .tab-link h2 span {
    margin: 0 !important;
    color: var(--dc-header) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}
body .details-product .product-tab.e-tabs .tabs-title .tab-link:not(.current) h2,
body .details-product .product-tab.e-tabs .tabs-title .tab-link:not(.current) h2 span {
    color: #65758b !important;
}

/* Lien he trong cot thong tin san pham: nho gon, khong ap dung footer chung. */
body .details-product .details-pro .footer-contact ul > li.contact-2 {
    margin-bottom: 8px;
    line-height: 1.5;
}
body .details-product .details-pro .footer-contact ul > li.contact-2 img {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    vertical-align: middle;
    object-fit: contain;
}

/* Trang thai con hang */

.details-product .inventory_quantity .a-stock:not(.a-stock-out) {
    color: #166534 !important;
}

/* ============================================================
   4. CONTENT TYPOGRAPHY - BIEN DUNG CHUNG

   Desktop:
   - Van ban 17px
   - H2 24px
   - H3 20px
   - H4 18px
   - Bang 15px

   Mobile se thay gia tri bien tai breakpoint 767px.
   ============================================================ */

:root {
    --dc-tp-copy: 17px;
    --dc-tp-leading: 1.75;

    --dc-tp-h1-page: 30px;
    --dc-tp-h1-compact: 28px;

    --dc-tp-h2: 24px;
    --dc-tp-h3: 20px;
    --dc-tp-h4: 18px;
    --dc-tp-h5: 17px;
    --dc-tp-h6: 16px;

    --dc-tp-h4-leading: 1.4;
    --dc-tp-h2-top: 1.4em;

    --dc-tp-table: 15px;
    --dc-tp-table-leading: 1.55;
    --dc-tp-cell-padding: 9px 10px;
}

/* ============================================================
   5. H1 CAC LOAI TRANG
   ============================================================ */

/* H1 danh muc - 28px desktop / 24px mobile */

body .main_container.collection h1.title-head {
    font-size: var(--dc-tp-h1-compact) !important;
    line-height: 1.3;
    font-weight: 600;
    text-transform: none !important;
}

/* H1 chi tiet san pham */

body .details-product .details-pro h1.title-head {
    font-size: var(--dc-tp-h1-compact) !important;
    line-height: 1.35;
    font-weight: 600;
}

/* H1 blog va trang noi dung */

body .article-wraper .article-main h1.title-head,
body .page-title.category-title h1.title-head {
    font-size: var(--dc-tp-h1-page) !important;
    line-height: 1.3;
    font-weight: 600;
}

/* ============================================================
   6. NOI DUNG CHI TIET

   Ap dung:
   - Mo ta danh muc
   - Blog
   - Trang noi dung
   - Mo ta chi tiet san pham

   Khong ap dung vao menu, sidebar, footer, gia,
   nut mua hang hoac luoi san pham.
   ============================================================ */

/* Co chu va gian dong */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) {
    font-size: var(--dc-tp-copy);
    line-height: var(--dc-tp-leading);
    letter-spacing: 0;
    overflow-wrap: break-word;
}

/* Chu mo ta chi tiet san pham: nho gon hon, khong thay doi blog/danh muc. */
body .details-product .product-tab .tab-content .rte {
    --dc-tp-copy: 16px;
    --dc-tp-leading: 1.7;
}

/* Dinh dang chung cho H2 - H6 */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) :is(h2, h3, h4, h5, h6) {
    font-weight: 600;
    line-height: 1.4;
}

/* H2 */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) h2 {
    font-size: var(--dc-tp-h2) !important;
    line-height: 1.35;
    margin: var(--dc-tp-h2-top) 0 0.6em !important;
}

/* H3 */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) h3 {
    font-size: var(--dc-tp-h3) !important;
    margin: 1.25em 0 0.55em !important;
}

/* H4 */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) h4 {
    font-size: var(--dc-tp-h4) !important;
    line-height: var(--dc-tp-h4-leading);
    margin: 1.15em 0 0.5em !important;
}

/* H5 */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) h5 {
    font-size: var(--dc-tp-h5) !important;
}

/* H6 */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) h6 {
    font-size: var(--dc-tp-h6) !important;
}

/* Doan van */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) p {
    line-height: inherit;
    margin-bottom: 1em;
}

/*
   Chuan hoa cac span co font-size inline trong HTML cu.
   Chi ap dung ben trong doan van, danh sach va heading.
*/

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) :is(p, li, h2, h3, h4, h5, h6) span[style*="font-size"] {
    font-size: inherit !important;
}

/* ============================================================
   7. BANG THONG SO KY THUAT
   ============================================================ */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) table {
    font-size: var(--dc-tp-table);
    line-height: var(--dc-tp-table-leading);
    max-width: 100%;
}

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) :is(th, td) {
    padding: var(--dc-tp-cell-padding);
    vertical-align: top;
}

/* ============================================================
   8. HINH ANH VA IFRAME
   ============================================================ */

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) :is(img, iframe) {
    max-width: 100%;
}

body :is(
    .main_container.collection .description-productdetail,
    .article-wraper .article-main .article-content .rte,
    .content-page.rte,
    .details-product .product-tab .tab-content .rte
) img {
    height: auto;
}

/* ============================================================
   MOBILE - TOI DA 767PX
   ============================================================ */

@media (max-width: 767px) {

    :root {
        --dc-tp-copy: 16px;
        --dc-tp-leading: 1.7;

        --dc-tp-h1-page: 25px;
        --dc-tp-h1-compact: 24px;

        --dc-tp-h2: 21px;
        --dc-tp-h3: 19px;
        --dc-tp-h4: 17px;
        --dc-tp-h5: 16px;
        --dc-tp-h6: 15px;

        --dc-tp-h4-leading: 1.45;
        --dc-tp-h2-top: 1.3em;

        --dc-tp-table: 14px;
        --dc-tp-table-leading: 1.5;
        --dc-tp-cell-padding: 7px 8px;
    }

    /* Can giua H1 danh muc tren mobile */

    body .main_container.collection h1.title-head {
        text-align: center;
    }
}

/* ============================================================
   TRANG CHU - CAC THUONG HIEU DAY CUROA
   Website: daycuroagiasi.com
   Theme: Ant Tool - Haravan

   Ap dung rieng cho .dc-brand-section
   3 cot desktop/tablet, 2 cot mobile
   Giu nguyen CSS cua cac section khac
   ============================================================ */

.section_ss_collection.dc-brand-section {
    margin-top: 24px;
    margin-bottom: 30px;
}

/* Tieu de va mo ta */
.section_ss_collection.dc-brand-section .dc-brand-header {
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    text-align: left;
}

.section_ss_collection.dc-brand-section .dc-brand-accent {
    display: block;
    width: 46px;
    height: 4px;
    margin: 0 0 11px;
    border-radius: 4px;
    background: #FF8A00;
}

.section_ss_collection.dc-brand-section .dc-brand-heading {
    display: block;
    margin: 0 0 9px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #06325A;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.2px;
    text-align: left;
}

.section_ss_collection.dc-brand-section .dc-brand-description {
    max-width: 820px;
    margin: 0;
    padding: 0;
    color: #526174;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    text-align: left;
    overflow-wrap: break-word;
}

/* Luoi 3 cot, khong dung flex/grid tu theme cu */
.section_ss_collection.dc-brand-section .dc-brand-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.section_ss_collection.dc-brand-section .dc-brand-col {
    display: block;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.section_ss_collection.dc-brand-section .dc-brand-item {
    height: 100%;
    margin: 0;
    transform: none;
    transition: none;
}

.section_ss_collection.dc-brand-section .collections-slide .item:hover {
    transform: none;
}

/* The nhan hieu */
.section_ss_collection.dc-brand-section .dc-brand-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 158px;
    padding: 12px 12px 11px;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #E0E6ED;
    border-radius: 10px;
    color: #06325A;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(6, 50, 90, 0.035);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* Khung anh giu dung ti le logo */
.section_ss_collection.dc-brand-section .dc-brand-media {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 78px;
    width: 100%;
    height: 78px;
    margin: 0 0 9px;
    padding: 0;
    overflow: hidden;
    background: #FFFFFF;
}

.section_ss_collection.dc-brand-section .dc-brand-img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}

.section_ss_collection.dc-brand-section .dc-brand-card-title {
    display: block;
    width: 100%;
    margin: 0;
    color: #06325A;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    overflow-wrap: break-word;
}

.section_ss_collection.dc-brand-section .dc-brand-card-action {
    display: block;
    margin-top: auto;
    padding-top: 7px;
    color: #526174;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.section_ss_collection.dc-brand-section .dc-brand-arrow {
    display: inline-block;
    margin-left: 3px;
    font-size: 15px;
}

/* Hover chi trong module, khong anh huong menu */
.section_ss_collection.dc-brand-section .dc-brand-card:hover {
    border-color: #FF8A00;
    box-shadow: 0 5px 14px rgba(6, 50, 90, 0.09);
    transform: translateY(-2px);
    text-decoration: none;
}

body .section_ss_collection.dc-brand-section a.dc-brand-card:is(:hover, :focus-visible) {
    color: #06325A !important;
}

.section_ss_collection.dc-brand-section .dc-brand-card:hover .dc-brand-card-title,
.section_ss_collection.dc-brand-section .dc-brand-card:hover .dc-brand-card-action {
    color: #094D8A;
}

.section_ss_collection.dc-brand-section .dc-brand-card:focus-visible,
.section_ss_collection.dc-brand-section .dc-brand-all-link:focus-visible {
    outline: 3px solid #FF8A00;
    outline-offset: 3px;
}

/* Xem tat ca */
.section_ss_collection.dc-brand-section .dc-brand-footer {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.section_ss_collection.dc-brand-section .dc-brand-all-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #094D8A;
    border: 1px solid #094D8A;
    border-radius: 7px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.section_ss_collection.dc-brand-section .dc-brand-all-link:hover {
    background: #06325A;
    border-color: #06325A;
    text-decoration: none;
}

body .section_ss_collection.dc-brand-section a.dc-brand-all-link:is(:hover, :focus-visible) {
    color: #FFFFFF !important;
}

/* Can lai logo theo HREF - khong phu thuoc thu tu coll_1..coll_12 */
.section_ss_collection.dc-brand-section
.dc-brand-card[href*="/collections/day-curoa-gates"] .dc-brand-img,
.section_ss_collection.dc-brand-section
.dc-brand-card[href*="/collections/day-curoa-megadyne"] .dc-brand-img {
    transform: scale(1.25);
}

.section_ss_collection.dc-brand-section
.dc-brand-card[href*="/collections/day-curoa-optibelt"] .dc-brand-img {
    transform: scale(1.15);
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .section_ss_collection.dc-brand-section .dc-brand-grid {
        gap: 12px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-card {
        min-height: 155px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-heading {
        font-size: 24px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .section_ss_collection.dc-brand-section {
        margin-top: 22px;
        margin-bottom: 26px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-header {
        margin-bottom: 14px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-accent {
        width: 42px;
        margin-bottom: 10px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-heading {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 1.4;
        letter-spacing: 0;
    }

    .section_ss_collection.dc-brand-section .dc-brand-description {
        max-width: 100%;
        font-size: 14px;
        line-height: 1.65;
    }

    .section_ss_collection.dc-brand-section .dc-brand-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-card {
        min-height: 145px;
        padding: 10px 8px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-media {
        flex-basis: 66px;
        height: 66px;
        margin-bottom: 7px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-card-title {
        font-size: 13px;
        line-height: 1.4;
    }

    .section_ss_collection.dc-brand-section .dc-brand-card-action {
        padding-top: 6px;
        font-size: 11px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-footer {
        margin-top: 16px;
    }
}

/* Thiet bi rat hep */
@media (max-width: 359px) {
    .section_ss_collection.dc-brand-section .dc-brand-grid {
        gap: 8px;
    }

    .section_ss_collection.dc-brand-section .dc-brand-card {
        padding: 9px 6px;
    }
}

/* Ho tro giam chuyen dong */
@media (prefers-reduced-motion: reduce) {
    .section_ss_collection.dc-brand-section .dc-brand-card,
    .section_ss_collection.dc-brand-section .dc-brand-all-link {
        transition: none;
    }

    .section_ss_collection.dc-brand-section .dc-brand-card:hover {
        transform: none;
    }
}

/* ============================================================
   DAYCUROAGIASI.COM - FOOTER HEADING CLEAN
   Scoped CSS: only footer
   ============================================================ */

.footer .site-footer .footer-widget .dc-footer-title {
    display: block;
    margin: 20px 0 10px;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    text-transform: uppercase;
    color: #ffffff;
}

/* Desktop: show plain title, hide button */

.footer .site-footer .footer-widget
.dc-footer-title-desktop {
    display: inline;
}

.footer .site-footer .footer-widget
.dc-footer-toggle {
    display: none;
}

/* Mobile footer menu */

@media (max-width: 767px) {

    .footer .site-footer .col-mb
    .footer-widget .dc-footer-title-desktop {
        display: none;
    }

    .footer .site-footer .col-mb
    .footer-widget .dc-footer-toggle {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0 32px 0 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        font: inherit;
        font-weight: inherit;
        line-height: 1.4;
        color: inherit;
        text-align: left;
        text-transform: inherit;
        cursor: pointer;
    }

    /* Arrow */

    .footer .site-footer .col-mb
    .footer-widget .dc-footer-toggle::after {
        content: "";
        position: absolute;
        top: 40%;
        right: 12px;
        width: 7px;
        height: 7px;
        border-right: 1.5px solid currentColor;
        border-bottom: 1.5px solid currentColor;
        transform: translateY(-50%) rotate(45deg);
    }

    .footer .site-footer .col-mb
    .footer-widget.dc-footer-open
    .dc-footer-toggle::after {
        top: 60%;
        transform: translateY(-50%) rotate(225deg);
    }

    /* Closed by default */

    .footer .site-footer .footer-inner
    .col-mb .footer-widget .list-menu {
        display: none;
    }

    /* Expanded */

    .footer .site-footer .footer-inner
    .col-mb .footer-widget.dc-footer-open .list-menu {
        display: block;
    }

    /* Contact info is always visible */

    .footer .site-footer .footer-inner
    .col-no-mb .footer-widget .list-menu {
        display: block !important;
    }

}

/* Keyboard focus */

.footer .site-footer .footer-widget
.dc-footer-toggle:focus-visible {
    outline: 2px solid #FF8A00;
    outline-offset: 4px;
}

/* ============================================================
   H3 TEN THUONG HIEU - TRANG CHU
   Chi ap dung cho module .dc-brand-section
   Giu nguyen giao dien card
============================================================ */

.section_ss_collection.dc-brand-section
.dc-brand-card h3.dc-brand-card-title {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    background: transparent;
    color: #06325A;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-align: center;
    text-transform: none;
    overflow-wrap: break-word;
}

/* Mobile */

@media (max-width: 767px) {
    .section_ss_collection.dc-brand-section
    .dc-brand-card h3.dc-brand-card-title {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}

/* ================================================
   TOI UU NUT XEM THEM / RUT GON
   DAYCUROAGIASI.COM
   ================================================ */

/* 1. Bo lop phu trang khi noi dung da mo */
.product-description
.description-content.opened
.description-productdetail::before,
.product-description
.description-content.opened
.description-productdetail::after {
    content: none !important;
    display: none !important;
}

/* 2. Thiet ke nut gon va dong nhat */
.product-description
.description-content
.expandable-content_toggle {
    box-sizing: border-box;
    width: fit-content;
    min-width: 200px;
    max-width: calc(100% - 24px);
    height: auto;
    min-height: 44px;

    align-items: center;
    justify-content: center;

    margin: 14px auto 20px !important;
    padding: 10px 18px !important;

    border: 1px solid #094d8a !important;
    border-radius: 6px;

    background: #ffffff;
    color: #094d8a !important;

    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;

    box-shadow: none;
    cursor: pointer;
}

/* 3. Can chinh bieu tuong */
.product-description
.description-content
.expandable-content_toggle-icon {
    margin-right: 10px;
}

/* 4. Hieu ung hover va focus */
.product-description
.description-content
.expandable-content_toggle:hover,
.product-description
.description-content
.expandable-content_toggle:focus-visible {
    border-color: #ff8a00 !important;
    background: #fff8f0;
    color: #a94f00 !important;
}

/* Related products - stable CSS grid */
.related-product .related-products-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.related-product .related-products-grid > * {
    min-width: 0;
    max-width: 100%;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .related-product .related-products-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .related-product .related-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}