/*
Theme Name: Siêu Thị Làm Đẹp Template
Theme URI: https://sieuthilamdep.com/
Author: Antigravity Team
Description: Giao diện Landing Page Siêu Thị Làm Đẹp chuẩn ACF & WooCommerce
Version: 1.0.2
Text Domain: sieuthilamdep
*/

/* CF7 hidden-fields-container and screen-reader-response reset */
.stld-cf7-subscribe-wrapper .screen-reader-response,
.wpcf7 .screen-reader-response {
    display: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.stld-cf7-subscribe-wrapper fieldset,
.stld-cf7-subscribe-wrapper fieldset.hidden-fields-container,
.stld-cf7-subscribe-wrapper .hidden-fields-container,
.wpcf7 fieldset,
.wpcf7-form fieldset {
    display: none !important;
    border: 0 !important;
    border-style: none !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}

/* Đồng bộ 2 khối Giữ kết nối & Mạng xã hội bằng nhau 100% */
.ut2-bottom > .row-fluid {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
}
.ut2-bottom > .row-fluid::before,
.ut2-bottom > .row-fluid::after {
    display: none !important;
}
.ut2-bottom > .row-fluid > .span8 {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    width: 48.9% !important;
    margin-left: 0 !important;
}
.ut2-bottom .ty-wysiwyg-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    width: 100% !important;
}
.ty-footer-form-block, .ut2-social-link-block {
    background: #f8f9fa !important;
    padding: 24px 28px !important;
    border-radius: 6px !important;
    height: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
}

/* === MỞ RỘNG CHIỀU DÀI Ô TÌM KIẾM HEADER === */
.tygh-header .top-search,
.light-header [class*="span"].top-search,
.top-search {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 820px !important;
    min-width: 280px !important;
    margin: 0 20px !important;
    position: relative !important;
    float: none !important;
    box-sizing: border-box !important;
}
.tygh-header .ty-search-block,
.light-header .ty-search-block,
.light-header [class*="span"].top-search .ty-search-block,
.top-search .ty-search-block,
.ty-search-block {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 240px !important;
    max-width: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    display: block !important;
    float: none !important;
}
.tygh-header .ty-search-block form,
.top-search form,
.ty-search-block form {
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
}
.tygh-header .ty-search-block .clsContainer,
.top-search .clsContainer,
.clsContainer {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    height: 42px !important;
    overflow: visible !important;
}
.tygh-header input#search_input,
.tygh-header .ty-search-block__input,
.top-search input#search_input,
.top-search .ty-search-block__input,
#search_input,
input#search_input,
input.ty-search-block__input,
.ty-search-block__input {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 46px 0 18px !important;
    border-radius: 6px !important;
    border: 1px solid #ebebeb !important;
    background-color: #f4f4f4 !important;
    font-size: 14px !important;
    color: #333333 !important;
    outline: none !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
}
.tygh-header input#search_input::placeholder,
.tygh-header .ty-search-block__input::placeholder,
#search_input::placeholder {
    color: #888888 !important;
    font-size: 13.5px !important;
}
.tygh-header input#search_input:focus,
.tygh-header .ty-search-block__input:focus,
#search_input:focus {
    background-color: #ffffff !important;
    border-color: #ff6600 !important;
    box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.15) !important;
}
.tygh-header button.ty-search-magnifier,
.tygh-header .ty-search-magnifier,
.top-search .ty-search-magnifier,
button.ty-search-magnifier {
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    outline: none !important;
    z-index: 10 !important;
    box-shadow: none !important;
}
.tygh-header button.ty-search-magnifier svg,
.tygh-header .ty-search-magnifier svg,
.top-search .ty-search-magnifier svg {
    width: 19px !important;
    height: 19px !important;
    stroke: #ff6600 !important;
    display: block !important;
}

/* === BỐ CỤC SẢN PHẨM ĐỒNG BỘ CHIỀU RỘNG HEADER (1320PX) VÀ TO RÕ ĐẸP MẮT === */
.tygh-content .container-fluid,
.tygh-content .container-fluid-row:not(.container-fluid-row-full-width):not(.container-fluid-row-no-limit) {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    float: none !important;
}

.tygh-content .ty-mainbox-title,
.ty-mainbox-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin-top: 10px !important;
    margin-bottom: 16px !important;
    text-transform: none !important; /* Đồng bộ chuẩn chữ thường hoa đầu như Tin tức */
    letter-spacing: normal !important;
    display: block !important;
}

.grid-list {
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
.grid-list .grid-list__load-more {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}
.grid-list .grid-list__load-more:before,
.grid-list .grid-list__load-more:after {
    display: none !important;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .grid-list .grid-list__load-more {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 14px !important;
    }
}
@media (max-width: 991px) and (min-width: 680px) {
    .grid-list .grid-list__load-more {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
    }
}
@media (max-width: 679px) {
    .grid-list,
    .ty-pagination-container > .grid-list {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    .grid-list .grid-list__load-more,
    .grid-list__load-more {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        justify-content: stretch !important;
    }
}

.grid-list .ty-column5 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    position: relative !important;
}
.grid-list .ut2-gl__item {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: auto !important;
    aspect-ratio: auto !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
.grid-list .ut2-gl__item form {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
.grid-list .ut2-gl__body {
    position: relative !important;
    background: #ffffff !important;
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
    padding: 14px 12px !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.grid-list .ut2-gl__item:hover .ut2-gl__body {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12) !important;
    border-color: #ff6600 !important;
    z-index: 5 !important;
}
.grid-list .ut2-gl__body.content-on-hover {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
}
.grid-list .ut2-gl__image {
    width: 100% !important;
    height: 260px !important;
    max-height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
}
.grid-list .ut2-gl__image a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.grid-list .ut2-gl__image img {
    max-width: 100% !important;
    max-height: 250px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}
.grid-list .ut2-gl__item:hover .ut2-gl__image img {
    transform: scale(1.05) !important;
}
.grid-list .ut2-gl__content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    min-height: auto !important;
    height: auto !important;
}
.grid-list .ut2-gl__name {
    margin-bottom: 4px !important;
    min-height: 38px !important;
}
.grid-list .ut2-gl__name .product-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #222222 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    padding-bottom: 2px !important;
    text-decoration: none !important;
    word-break: break-word !important;
    transition: color 0.2s ease !important;
}
.grid-list .ut2-gl__name .product-title:hover {
    color: #ff6600 !important;
}


/* Fix triệt để lỗi cắt mất chân chữ tiếng Việt trên mọi card sản phẩm */
.ld-prod-card-title,
.lamdep-single-wrapper .ld-prod-card-title,
.lamdep-cat-wrapper .ld-prod-card-title {
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    line-height: 1.42 !important;
    color: #1f2937 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 38px !important;
    height: auto !important;
    max-height: 42px !important;
    padding-bottom: 2px !important;
    margin: 0 0 6px 0 !important;
    word-break: break-word !important;
}
.ld-prod-card-title a {
    color: #1f2937 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.ld-prod-card-title:hover,
.ld-prod-card-title a:hover {
    color: #f26522 !important;
}
.grid-list .ut2-gl__rating {
    margin-bottom: 8px !important;
}
.grid-list .ut2-gl__rating .ut2-rating-stars-num,
.grid-list .ut2-gl__rating .cn-reviews {
    font-size: 13px !important;
}
.grid-list .ut2-gl__amount {
    margin-bottom: 6px !important;
}
.grid-list .ut2-gl__amount .ty-qty-in-stock {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2b704c !important;
}
.grid-list .ut2-gl__mix-price-and-button {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px dashed #ebebeb !important;
}
.grid-list .ut2-gl__price {
    min-height: auto !important;
}
.grid-list .ut2-gl__price .ty-price {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #ff6600 !important;
}
.grid-list .ut2-gl__price .ty-list-price {
    font-size: 13px !important;
    color: #999999 !important;
    margin-right: 6px !important;
}
.grid-list .ut2-gl__control .ty-btn__add-to-cart {
    width: 38px !important;
    height: 38px !important;
    border-radius: 6px !important;
    background: #ff6600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}
.grid-list .ut2-gl__control .ty-btn__add-to-cart:hover {
    background: #e55c00 !important;
    transform: scale(1.06) !important;
}
.grid-list .ut2-gl__control .ty-btn__add-to-cart i {
    font-size: 16px !important;
    color: #ffffff !important;
}
.grid-list .ut2-gl__content.content-on-hover {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    position: relative !important;
}

/* === BANNER GIỮA TRANG (banners-grid) === */
.banners-grid {
    width: 100% !important;
    clear: both !important;
}
.banners-grid > .row-fluid {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    align-items: stretch !important;
    width: 100% !important;
}
.banners-grid > .row-fluid:before,
.banners-grid > .row-fluid:after {
    display: none !important;
}
.banners-grid .span5 {
    flex: 5 !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}
.banners-grid .span6 {
    flex: 6 !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}
.banners-grid .ut2-banner,
.banners-grid .ut2-a__bg-banner {
    border-radius: 8px !important;
    overflow: hidden !important;
}
/* 4 Banner nhỏ ở 2 cột bên: cao 250px */
.banners-grid .span5 .ut2-banner,
.banners-grid .span5 .ut2-a__bg-banner,
.banners-grid .small-banner .ut2-banner,
.banners-grid .small-banner .ut2-a__bg-banner {
    height: 250px !important;
    max-height: 250px !important;
}
.banners-grid .span5 > div:first-child,
.banners-grid .span5 > .banners:first-child,
.banners-grid .span5 > .ut2-banner:first-child {
    margin-bottom: 10px !important;
}
/* Banner lớn ở cột giữa: cao 510px bao trọn cả 2 hàng */
.banners-grid .span6,
.banners-grid .big-banner {
    height: 510px !important;
}
.banners-grid .span6 .ut2-banner,
.banners-grid .span6 .ut2-banner > a,
.banners-grid .span6 .ut2-a__bg-banner,
.banners-grid .big-banner .ut2-banner,
.banners-grid .big-banner .ut2-banner > a,
.banners-grid .big-banner .ut2-a__bg-banner {
    height: 510px !important;
    min-height: 510px !important;
    max-height: 510px !important;
}
.banners-grid .span6 .ut2-a__content,
.banners-grid .big-banner .ut2-a__content {
    height: 510px !important;
    min-height: 510px !important;
}
@media (max-width: 991px) {
    .banners-grid > .row-fluid {
        flex-direction: column !important;
        gap: 12px !important;
    }
    .banners-grid .span5,
    .banners-grid .span6 {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
    .banners-grid .span6,
    .banners-grid .big-banner {
        height: auto !important;
    }
    .banners-grid .span6 .ut2-banner,
    .banners-grid .span6 .ut2-banner > a,
    .banners-grid .span6 .ut2-a__bg-banner,
    .banners-grid .big-banner .ut2-banner,
    .banners-grid .big-banner .ut2-banner > a,
    .banners-grid .big-banner .ut2-a__bg-banner {
        height: 380px !important;
        min-height: 380px !important;
        max-height: 380px !important;
    }
    .banners-grid .span6 .ut2-a__content,
    .banners-grid .big-banner .ut2-a__content {
        height: 380px !important;
        min-height: 380px !important;
    }
}

/* === SLIDER CHO CÁC Ô BANNER CÓ TỪ 2 ẢNH TRỞ LÊN === */
#banner_slider_2433,
#banner_slider_2434,
#banner_slider_2437 {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    height: 250px !important;
    max-height: 250px !important;
    width: 100% !important;
}
#banner_slider_2433.stld-slider-ready,
#banner_slider_2434.stld-slider-ready,
#banner_slider_2437.stld-slider-ready {
    display: block !important;
}
#banner_slider_2433 .stld-slider-track,
#banner_slider_2434 .stld-slider-track,
#banner_slider_2437 .stld-slider-track {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    height: 100% !important;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    will-change: transform;
}
#banner_slider_2433 .stld-slider-track > .ut2-banner,
#banner_slider_2434 .stld-slider-track > .ut2-banner,
#banner_slider_2437 .stld-slider-track > .ut2-banner {
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.stld-mini-dots {
    position: absolute !important;
    bottom: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 6px !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}
.stld-mini-dot {
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.5) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}
.stld-mini-dot.active {
    width: 20px !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important;
}

/* === CĂN CHỈNH KHUNG MEGA MENU DANH MỤC (CHUẨN HÌNH 2) === */
.tygh-header .top-search,
.light-header [class*="span"].top-search,
.top-search {
    position: static !important;
}
.tygh-header .top-menu-grid-vetrtical {
    position: static !important;
}
/* =========================================================================
   NÚT DANH MỤC CAM (#sw_dropdown_2409) - CHỈ ĐÚNG 2 MŨI TÊN (ĐÓNG: v, MỞ: ^)
   TRIỆT TIÊU TOÀN BỘ ICON/PSEUDO-ELEMENT TỰ ĐỘNG CỦA CS-CART VÀ NOTCH TAM GIÁC
   ========================================================================= */
.tygh-header #sw_dropdown_2409 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #ff5500 !important;
    color: #ffffff !important;
    height: 40px !important;
    padding: 0 16px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    user-select: none !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    transition: background 0.2s ease !important;
    position: relative !important;
    z-index: 9999995 !important;
    border: none !important;
    box-shadow: none !important;
}

.tygh-header #sw_dropdown_2409:hover {
    background: #e64a00 !important;
}

/* Triệt tiêu dứt điểm toàn bộ pseudo-element ::before / ::after tự sinh của CS-Cart trên nút Danh mục */
.tygh-header #sw_dropdown_2409::before,
.tygh-header #sw_dropdown_2409::after,
.tygh-header #sw_dropdown_2409 *::before,
.tygh-header #sw_dropdown_2409 *::after,
.tygh-header #sw_dropdown_2409 > span::before,
.tygh-header #sw_dropdown_2409 > span::after,
.tygh-header #sw_dropdown_2409 > a > span::before,
.tygh-header #sw_dropdown_2409 > a > span::after,
.ty-dropdown-box__title#sw_dropdown_2409 > span:after,
.ty-dropdown-box__title#sw_dropdown_2409 > a > span:after,
.ty-dropdown-box__title#sw_dropdown_2409.open > span:after,
.ty-dropdown-box__title#sw_dropdown_2409.open > a > span:after,
.tygh-header .top-menu-grid-vetrtical .ty-dropdown-box__title:before,
.tygh-header .top-menu-grid-vetrtical .ty-dropdown-box__title:after,
.tygh-header .top-menu-grid-vetrtical .ty-dropdown-box__title > span:before,
.tygh-header .top-menu-grid-vetrtical .ty-dropdown-box__title > span:after,
.tygh-header #sw_dropdown_2409 i,
.tygh-header #sw_dropdown_2409 .ut2-icon,
.tygh-header #sw_dropdown_2409 .ty-icon {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Icon và chữ trên nút Danh mục cam */
.tygh-header #sw_dropdown_2409 .stld-cat-icon-squares {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
}

.tygh-header #sw_dropdown_2409 .stld-cat-icon-close {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
}

.tygh-header #sw_dropdown_2409 .stld-cat-title-text {
    display: inline-block !important;
    line-height: normal !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.tygh-header #sw_dropdown_2409 .stld-cat-arrow-down {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
    margin-left: 2px !important;
}

.tygh-header #sw_dropdown_2409 .stld-cat-arrow-up {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #ffffff !important;
    margin-left: 2px !important;
}

/* Khi mở menu danh mục (.open): icon ô vuông ẩn, icon X hiện, mũi tên chuyển từ down sang up */
.tygh-header #sw_dropdown_2409.open .stld-cat-icon-squares {
    display: none !important;
}
.tygh-header #sw_dropdown_2409.open .stld-cat-icon-close {
    display: inline-flex !important;
}
.tygh-header #sw_dropdown_2409.open .stld-cat-arrow-down {
    display: none !important;
}
.tygh-header #sw_dropdown_2409.open .stld-cat-arrow-up {
    display: inline-flex !important;
}

/* Lớp phủ tối mờ toàn màn hình phía dưới Header (Che khuất sản phẩm dưới, không bị lộ lộn xộn) */
.ut2-menu__backdrop {
    position: fixed !important;
    top: 70px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(100vh - 70px) !important;
    background: rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    z-index: 999990 !important;
    display: none;
    cursor: pointer !important;
    transition: opacity 0.2s ease !important;
}
#dropdown_2409.open ~ .ut2-menu__backdrop,
.top-menu-grid-vetrtical.open .ut2-menu__backdrop,
body.stld-cat-menu-open .ut2-menu__backdrop {
    display: block !important;
}

/* KHUNG MEGA MENU DROPDOWN CĂN GIỮA CHUẨN XÁC VỚI MÀN HÌNH (1320PX), KHÔNG BỊ LỆCH TRÁI */
#dropdown_2409 {
    position: fixed !important;
    top: 70px !important; /* Áp sát đáy Header 70px, không có khe hở */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 1320px !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 !important;
    z-index: 9999999 !important;
    background: #ffffff !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22) !important;
    border-radius: 0 0 10px 10px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-top: none !important;
    height: 540px !important;
    max-height: calc(100vh - 85px) !important;
    display: none;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Tương thích vị trí khi thanh WordPress Admin Bar hiển thị */
body.admin-bar .tygh-header.stld-sticky-header {
    top: 32px !important;
}
@media (max-width: 782px) {
    body.admin-bar .tygh-header.stld-sticky-header {
        top: 46px !important;
    }
}
body.admin-bar #dropdown_2409 {
    top: 102px !important;
}
body.admin-bar .ut2-menu__backdrop {
    top: 102px !important;
    height: calc(100vh - 102px) !important;
}
@media (max-width: 782px) {
    body.admin-bar #dropdown_2409 {
        top: 116px !important;
    }
    body.admin-bar .ut2-menu__backdrop {
        top: 116px !important;
        height: calc(100vh - 116px) !important;
    }
}

/* Triệt tiêu vĩnh viễn mũi tên nhọn tam giác sticking up gây hiểu nhầm là mũi tên thừa */
#dropdown_2409::before,
#dropdown_2409::after {
    display: none !important;
    content: none !important;
}

#dropdown_2409.active,
#dropdown_2409.open {
    display: block !important;
}
#dropdown_2409 .ut2-menu-vetrtical {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 540px !important;
    display: flex !important;
    overflow: hidden !important;
    border-radius: 0 0 10px 10px !important;
}

/* CỘT TRÁI DANH MỤC CẤP 1 (RỘNG 270PX, CÓ THANH TRƯỢT MÀU CAM, VUỐT/CUỘN MƯỢT MÀ) */
#dropdown_2409 .ut2-menu__inbox {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
    height: 100% !important;
    max-height: 540px !important;
    background: #ffffff !important;
    border-right: 1px solid #f0f0f0 !important;
    border-radius: 0 0 0 10px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    padding: 6px 0 !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    scrollbar-color: #ff5500 #f1f1f1 !important;
}
#dropdown_2409 .ut2-menu__inbox::-webkit-scrollbar {
    width: 6px !important;
    display: block !important;
}
#dropdown_2409 .ut2-menu__inbox::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 3px !important;
}
#dropdown_2409 .ut2-menu__inbox::-webkit-scrollbar-thumb {
    background: #ff5500 !important;
    border-radius: 3px !important;
}
#dropdown_2409 .ut2-menu__inbox::-webkit-scrollbar-thumb:hover {
    background: #e64a00 !important;
}

#dropdown_2409 .ty-menu__submenu {
    position: absolute !important;
    top: 0 !important;
    left: 270px !important;
    right: 0 !important;
    width: calc(100% - 270px) !important;
    min-height: 540px !important;
    height: 100% !important;
    max-height: 540px !important;
    background: #ffffff !important;
    border-radius: 0 0 10px 0 !important;
    z-index: 100 !important;
    display: none !important;
    padding: 24px 28px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: #ff5500 #f1f1f1 !important;
}
#dropdown_2409 .ty-menu__submenu::-webkit-scrollbar {
    width: 6px !important;
    display: block !important;
}
#dropdown_2409 .ty-menu__submenu::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    border-radius: 3px !important;
}
#dropdown_2409 .ty-menu__submenu::-webkit-scrollbar-thumb {
    background: #ff5500 !important;
    border-radius: 3px !important;
}
#dropdown_2409 .ty-menu__item.is-active > .ty-menu__submenu,
#dropdown_2409 .ty-menu__item:hover > .ty-menu__submenu {
    display: block !important;
}
    @media (min-width: 1024px) {
		.ut2-menu-vetrtical .ut2-menu__inbox .ty-menu__items .ty-menu__item .ty-menu__submenu .ty-menu__submenu-items {
        min-height: var(--ut2-vertical-menu-block-height);
		 margin-left: 0px !important;}
}

/* Nút Xem thêm chuẩn đồng bộ toàn trang như ở single-product */
.stld-see-more-wrap {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 6px 0 0 0 !important;
    clear: both !important;
}
.ld-btn-see-more {
    display: inline-block !important;
    color: #3e77aa !important;
    border: 1px solid #3e77aa !important;
    background-color: #ffffff !important;
    padding: 0.35rem 2rem !important;
    border-radius: 0.375rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    text-align: center !important;
    line-height: 1.5 !important;
}
.ld-btn-see-more:hover {
    color: #f26522 !important;
    border-color: #f26522 !important;
    background-color: #fff9f5 !important;
}

/* === BỐ CỤC TIN TỨC: 1 BÀI NỔI BẬT BÊN TRÁI + 6 KHỐI LƯỚI (3x2) BÊN PHẢI THEO MẪU HÌNH 2 === */
.stld-news-layout {
    display: grid !important;
    grid-template-columns: 35% 1fr !important;
    gap: 22px !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* CỘT BÊN TRÁI: CHIẾM 35%, CHIỀU CAO BẰNG 100% CỘT BÊN PHẢI */
.stld-news-left {
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

.stld-news-featured-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: 100% !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.stld-news-featured-card > a {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0% !important;
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
}

/* HÌNH 1 (BÀI NỔI BẬT): KÉO DÀI RA CHIẾM TOÀN BỘ CHIỀU CAO ĐỂ CÂN BẰNG TỈ LỆ 2 KHỐI LAYOUT BÊN PHẢI */
.stld-news-featured-thumb {
    position: relative !important;
    width: 100% !important;
    flex: 1 1 0% !important;
    height: 100% !important;
    min-height: 320px !important;
    aspect-ratio: auto !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #f0f0f0 !important;
}

.stld-news-featured-thumb img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s ease !important;
}

.stld-news-featured-card:hover .stld-news-featured-thumb img {
    transform: scale(1.04) !important;
}

.stld-news-featured-info {
    padding: 10px 0 0 0 !important;
    background: transparent !important;
    flex-shrink: 0 !important;
}

.stld-news-featured-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: color 0.2s ease !important;
}

.stld-news-featured-card:hover .stld-news-featured-title {
    color: #ff5500 !important;
}

/* NÚT TẤT CẢ BÀI VIẾT NẰM Ở ĐÁY CỘT TRÁI, CANH BẰNG VỚI ĐÁY CỦA 6 KHỐI BÊN PHẢI */
.stld-news-btn-wrap {
    flex-shrink: 0 !important;
    margin-top: 14px !important;
    text-align: left !important;
    display: block !important;
}

.stld-news-btn {
    display: inline-block !important;
    background-color: #ff5500 !important;
    color: #ffffff !important;
    padding: 8px 18px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    transition: background-color 0.25s ease, opacity 0.2s ease !important;
    border: none !important;
}

.stld-news-btn:hover {
    background-color: #e54c00 !important;
    color: #ffffff !important;
}

/* CỘT PHẢI: CÁC KHỐI TIN TỨC ĐỒNG BỘ THEO SỐ LƯỢNG BÀI VIẾT ADMIN */
.stld-news-right {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px 14px !important;
    box-sizing: border-box !important;
    align-content: start !important;
}

.stld-news-subcard {
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.stld-news-subcard > a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
}

.stld-news-subcard-thumb {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #f0f0f0 !important;
}

.stld-news-subcard-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s ease !important;
}

.stld-news-subcard:hover .stld-news-subcard-thumb img {
    transform: scale(1.05) !important;
}

.stld-news-card-date {
    position: absolute !important;
    bottom: 6px !important;
    left: 6px !important;
    background: rgba(0, 0, 0, 0.45) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    pointer-events: none !important;
    backdrop-filter: blur(2px) !important;
    z-index: 2 !important;
}

.stld-news-subcard-info {
    padding: 8px 0 0 0 !important;
    background: transparent !important;
    flex: 1 1 auto !important;
}

.stld-news-subcard-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: color 0.2s ease !important;
}

.stld-news-subcard:hover .stld-news-subcard-title {
    color: #ff5500 !important;
}

/* RESPONSIVE CHO TABLET & MOBILE */
@media (max-width: 991px) {
    .stld-news-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
    .stld-news-left {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .stld-news-featured-card {
        height: auto !important;
        flex: 0 0 auto !important;
    }
    .stld-news-featured-card > a {
        height: auto !important;
        flex: 0 0 auto !important;
    }
    .stld-news-featured-thumb {
        min-height: 0 !important;
        aspect-ratio: 16 / 10 !important;
        height: auto !important;
        flex: 0 0 auto !important;
    }
    .stld-news-featured-thumb img {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
    }
    .stld-news-right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        grid-template-columns: repeat(3, 1fr) !important;
        grid-template-rows: auto !important;
        gap: 14px !important;
    }
}
@media (max-width: 767px) {
    .stld-news-right {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}
@media (max-width: 480px) {
    .stld-news-right {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

/* ========================================================================= */
/* ĐỒNG BỘ KHUNG NỘI DUNG SẢN PHẨM & FOOTER CHUẨN 1320PX VỚI HEADER */
/* ========================================================================= */
html body .lamdep-single-wrapper > div:first-child {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
}

.tygh-footer {
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    clear: both !important;
}

.tygh-footer .container-fluid,
.tygh-footer .ty-footer-grid,
.tygh-footer .container-fluid-row:not(.container-fluid-row-full-width):not(.container-fluid-row-no-limit),
.tygh-footer .container-fluid-row-full-width > .row-fluid,
.tygh-footer .ty-footer-menu > .row-fluid,
.tygh-footer .footer-copyright > .row-fluid,
.tygh-footer .span16.footer-copyright {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Dàn đều 4 cột menu & thông tin liên hệ / doanh nghiệp / chung / giờ làm việc */
.tygh-footer .ty-footer-menu .span16 > .row-fluid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}
.tygh-footer .ty-footer-menu .span16 > .row-fluid::before,
.tygh-footer .ty-footer-menu .span16 > .row-fluid::after {
    display: none !important;
}

.tygh-footer .ty-footer-menu .span4,
.tygh-footer .ty-footer-menu .my-account-grid,
.tygh-footer .ty-footer-menu .demo-store-grid,
.tygh-footer .ty-footer-menu .customer-service-grid,
.tygh-footer .ty-footer-menu .about-grid {
    flex: 0 0 23.5% !important;
    width: 23.5% !important;
    max-width: 23.5% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* Hàng bản quyền chân trang căn đều 2 bên với 1320px */
.tygh-footer .footer-copyright .row-fluid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}
.tygh-footer .footer-copyright .row-fluid::before,
.tygh-footer .footer-copyright .row-fluid::after {
    display: none !important;
}
.tygh-footer .footer-copyright .span8 {
    width: auto !important;
    margin-left: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

@media (max-width: 991px) {
    .tygh-footer .ty-footer-menu .span4,
    .tygh-footer .ty-footer-menu .my-account-grid,
    .tygh-footer .ty-footer-menu .demo-store-grid,
    .tygh-footer .ty-footer-menu .customer-service-grid,
    .tygh-footer .ty-footer-menu .about-grid {
        flex: 0 0 48% !important;
        width: 48% !important;
        max-width: 48% !important;
        margin-bottom: 24px !important;
    }
}
@media (max-width: 576px) {
    .tygh-footer .ty-footer-menu .span4,
    .tygh-footer .ty-footer-menu .my-account-grid,
    .tygh-footer .ty-footer-menu .demo-store-grid,
    .tygh-footer .ty-footer-menu .customer-service-grid,
    .tygh-footer .ty-footer-menu .about-grid {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }
    .tygh-footer .footer-copyright .row-fluid {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }
    .tygh-footer .footer-copyright .span8 {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        float: none !important;
    }
    .tygh-footer .footer-copyright .ty-float-right,
    .tygh-footer .footer-copyright .ty-float-left {
        float: none !important;
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    .ty-payment-icons {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 8px auto !important;
        width: auto !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    .ty-payment-icons__item {
        flex-shrink: 0 !important;
    }
}

/* ========================================================================= */
/* BỐ CỤC 2 CỘT CHI TIẾT SẢN PHẨM KHỚP 100% KHUNG 1320PX KHÔNG BỊ THỪA RA */
/* ========================================================================= */
@media (min-width: 992px) {
    .ld-single-main-layout {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .ld-single-col-gallery {
        width: 440px !important;
        max-width: 440px !important;
        flex: 0 0 440px !important;
        flex-shrink: 0 !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    .ld-single-col-summary {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        max-width: calc(100% - 464px) !important;
        box-sizing: border-box !important;
        background-color: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 16px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
        padding: 24px !important;
    }
    .ld-gallery-vertical-wrapper {
        max-width: 440px !important;
        margin-left: auto !important;
    }
}

.ld-single-col-summary {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    padding: 24px !important;
    box-sizing: border-box !important;
}
@media (max-width: 768px) {
    .ld-single-col-summary {
        padding: 16px !important;
        border-radius: 12px !important;
    }
}

/* ========================================================================= */
/* BADGES TINH TẾ, HIỆN ĐẠI CHUẨN E-COMMERCE CAO CẤP */
/* ========================================================================= */
.ld-badges-stack {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    pointer-events: none !important;
}
.ld-badge-discount {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #e53935 0%, #c62828 100%) !important;
    background-color: #e53935 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 3px 9px !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.2px !important;
    box-shadow: 0 2px 6px rgba(198, 40, 40, 0.35) !important;
    border: none !important;
}
.ld-badge-bestseller {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    background: linear-gradient(135deg, #f26522 0%, #ff7a30 100%) !important;
    background-color: #f26522 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 3px 9px !important;
    border-radius: 4px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 6px rgba(242, 101, 34, 0.35) !important;
    border: none !important;
}

/* ========================================================================= */
/* ĐỒNG BỘ MÀU CAM THƯƠNG HIỆU CHO NÚT ĐẶT HÀNG & MODAL TƯ VẤN */
/* ========================================================================= */
html body #ld-btn-add-to-cart,
html body .single_add_to_cart_button#ld-btn-add-to-cart,
html body form.cart #ld-btn-add-to-cart,
html body button#ld-btn-add-to-cart {
    background: #f26522 !important;
    background-color: #f26522 !important;
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 2px 6px rgba(242, 101, 34, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
html body #ld-btn-add-to-cart:hover,
html body .single_add_to_cart_button#ld-btn-add-to-cart:hover,
html body form.cart #ld-btn-add-to-cart:hover,
html body button#ld-btn-add-to-cart:hover {
    background: #d9531e !important;
    background-color: #d9531e !important;
    box-shadow: 0 4px 10px rgba(217, 83, 30, 0.45) !important;
}

html body #ld-btn-submit-advice,
html body #ld-advice-modal button[type="submit"],
html body #ld-advice-modal form button[type="submit"] {
    background: #f26522 !important;
    background-color: #f26522 !important;
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 2px 6px rgba(242, 101, 34, 0.35) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
html body #ld-btn-submit-advice:hover,
html body #ld-advice-modal button[type="submit"]:hover,
html body #ld-advice-modal form button[type="submit"]:hover {
    background: #d9531e !important;
    background-color: #d9531e !important;
    box-shadow: 0 4px 10px rgba(217, 83, 30, 0.45) !important;
}

/* CONTACT FORM 7 TRONG MODAL TƯ VẤN SẢN PHẨM */
.stld-cf7-advice-modal-wrap .wpcf7-form p {
    margin: 0 0 12px 0 !important;
}
.stld-cf7-advice-modal-wrap .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
.stld-cf7-advice-modal-wrap input[type="text"],
.stld-cf7-advice-modal-wrap input[type="tel"],
.stld-cf7-advice-modal-wrap input[type="email"] {
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    outline: none !important;
    font-family: inherit !important;
    background: #ffffff !important;
    transition: border-color 0.2s ease !important;
}
.stld-cf7-advice-modal-wrap input[type="text"]:focus,
.stld-cf7-advice-modal-wrap input[type="tel"]:focus,
.stld-cf7-advice-modal-wrap input[type="email"]:focus {
    border-color: #f26522 !important;
    box-shadow: 0 0 0 2px rgba(242, 101, 34, 0.2) !important;
}
.stld-cf7-advice-modal-wrap input[type="submit"] {
    width: 100% !important;
    background: #f26522 !important;
    background-color: #f26522 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.2s ease !important;
}
.stld-cf7-advice-modal-wrap input[type="submit"]:hover {
    background: #d9531e !important;
    background-color: #d9531e !important;
}
.stld-cf7-advice-modal-wrap .wpcf7-spinner {
    margin: 8px auto 0 auto !important;
    display: block !important;
}
.stld-cf7-advice-modal-wrap .wpcf7-response-output {
    margin: 10px 0 0 0 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    border: 1px solid #d1d5db !important;
}
.stld-cf7-advice-modal-wrap form.sent .wpcf7-response-output {
    border-color: #46b450 !important;
    background: #f0fdf4 !important;
    color: #166534 !important;
}
.stld-cf7-advice-modal-wrap form.invalid .wpcf7-response-output,
.stld-cf7-advice-modal-wrap form.failed .wpcf7-response-output {
    border-color: #dc2626 !important;
    background: #fef2f2 !important;
    color: #991b1b !important;
}

/* ========================================================================= */
/* SECTION CUỐI TRANG SINGLE PRODUCT: BANNER GIỚI THIỆU & 3 CAM KẾT */
/* ========================================================================= */

.stld-sp-bottom-section {
    width: 100% !important;
    margin-top: 14px !important;
    font-family: 'Be Vietnam Pro', sans-serif !important;
    box-sizing: border-box !important;
    clear: both !important;
}

/* 1. KHỐI BANNER ĐỎ (MÀU CHUẨN #be0107, KHỚP 1320PX HEADER) */
.stld-sp-banner-container {
    max-width: 1320px !important;
    margin: 6px auto 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}

/* BANNER QUẢNG CÁO NGUYÊN TẤM CHUẨN ĐỒ HOẠ */
.stld-sp-banner-link-wrap {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.2s ease !important;
    background-color: transparent !important;
}

.stld-sp-banner-link-wrap:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
    opacity: 0.98 !important;
}

.stld-sp-banner-full-img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    border-radius: 12px !important;
    object-fit: cover !important;
}

/* ACCORDION HOTLINE ITEM */
.ld-hotline-item {
    color: #f26522 !important;
    text-decoration: none !important;
    display: flex !important;
    transition: all 0.2s ease !important;
}

.ld-hotline-item:hover {
    background-color: #ffede2 !important;
    border-color: #f26522 !important;
    transform: translateY(-1px) !important;
}

.ld-hotline-item strong {
    color: #f26522 !important;
}

.stld-sp-banner-card {
    background-color: #be0107 !important;
    background: #be0107 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    box-shadow: 0 4px 16px rgba(190, 1, 7, 0.15) !important;
    text-decoration: none !important;
    position: relative !important;
    min-height: 195px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.stld-sp-banner-card:hover {
    box-shadow: 0 8px 24px rgba(190, 1, 7, 0.25) !important;
}

.stld-sp-banner-content {
    flex: 0 0 52% !important;
    max-width: 52% !important;
    padding: 22px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.stld-sp-banner-title {
    color: #ffd700 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

.stld-sp-banner-subtitle {
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.35 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.stld-sp-banner-desc {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    opacity: 0.95 !important;
}

.stld-sp-banner-media {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 54% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
    pointer-events: none !important;
    z-index: 1 !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.6) 12%, black 28%, black 100%) !important;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.6) 12%, black 28%, black 100%) !important;
}

.stld-sp-banner-img {
    height: 100% !important;
    max-height: none !important;
    width: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: right center !important;
    display: block !important;
}

/* Responsive Banner */
@media (max-width: 991px) {
    .stld-sp-banner-card {
        min-height: 175px !important;
    }
    .stld-sp-banner-content {
        flex: 0 0 55% !important;
        max-width: 55% !important;
        padding: 18px 20px !important;
    }
    .stld-sp-banner-title {
        font-size: 18px !important;
    }
    .stld-sp-banner-subtitle {
        font-size: 13.5px !important;
    }
    .stld-sp-banner-desc {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }
    .stld-sp-banner-media {
        width: 52% !important;
    }
}

@media (max-width: 767px) {
    .stld-sp-bottom-section {
        margin-top: 10px !important;
    }
    .stld-sp-banner-container {
        margin: 8px auto 0 auto !important;
        padding: 0 10px !important;
    }
    .stld-sp-banner-card {
        display: flex !important;
        flex-direction: row !important;
        min-height: 145px !important;
        height: auto !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        position: relative !important;
        background: #be0107 !important;
        align-items: stretch !important;
    }
    .stld-sp-banner-content {
        flex: 0 0 58% !important;
        max-width: 58% !important;
        padding: 10px 8px 10px 12px !important;
        z-index: 3 !important;
        position: relative !important;
        background: linear-gradient(90deg, #be0107 0%, #be0107 72%, rgba(190, 1, 7, 0.88) 86%, rgba(190, 1, 7, 0) 100%) !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }
    .stld-sp-banner-title {
        font-size: 13px !important;
        font-weight: 800 !important;
        margin: 0 0 3px 0 !important;
        line-height: 1.25 !important;
        color: #ffd700 !important;
        white-space: normal !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    }
    .stld-sp-banner-subtitle {
        font-size: 9.5px !important;
        font-weight: 700 !important;
        margin: 0 0 4px 0 !important;
        line-height: 1.25 !important;
        color: #ffffff !important;
        white-space: normal !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    }
    .stld-sp-banner-desc {
        font-size: 8.5px !important;
        line-height: 1.35 !important;
        color: #ffffff !important;
        opacity: 0.95 !important;
        margin: 0 !important;
        white-space: normal !important;
        overflow: visible !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
    }
    .stld-sp-banner-media {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 48% !important;
        height: 100% !important;
        display: block !important;
        z-index: 1 !important;
        pointer-events: none !important;
        overflow: hidden !important;
    }
    .stld-sp-banner-img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: right center !important;
        display: block !important;
    }
}

/* 2. KHỐI 3 CAM KẾT (#f5f5f7) */
.stld-sp-commitments-wrap {
    background-color: #f5f5f7 !important;
    width: 100% !important;
    margin-top: 14px !important;
    padding: 18px 0 !important;
    box-sizing: border-box !important;
}

.stld-sp-commitments-container {
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}

.stld-sp-commitments-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
    align-items: flex-start !important;
}

.stld-sp-commitment-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

/* ICON TO ĐẬM THEO MẪU HÌNH 2 (74PX VÀ ICON 38PX) */
.stld-sp-commitment-icon-wrap {
    width: 74px !important;
    height: 74px !important;
    border-radius: 50% !important;
    background-color: #f26522 !important; /* Màu cam chuẩn thương hiệu */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 14px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 14px rgba(242, 101, 34, 0.25) !important;
    transition: transform 0.2s ease !important;
}

.stld-sp-commitment-item:hover .stld-sp-commitment-icon-wrap {
    transform: translateY(-3px) !important;
}

.stld-sp-commitment-icon-svg {
    width: 38px !important;
    height: 38px !important;
    color: #ffffff !important;
    fill: currentColor !important;
    display: block !important;
}

.stld-sp-commitment-icon-img {
    max-width: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    display: block !important;
}

.stld-sp-commitment-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.35 !important;
}

.stld-sp-commitment-desc {
    font-size: 13px !important;
    color: #666666 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
}

/* Responsive 3 Cam Kết */
@media (max-width: 991px) {
    .stld-sp-commitment-desc {
        white-space: normal !important;
        max-width: 360px !important;
    }
}

@media (max-width: 767px) {
    .stld-sp-commitments-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .stld-sp-commitments-wrap {
        padding: 18px 0 16px 0 !important;
        margin-top: 14px !important;
    }
    .stld-sp-commitment-icon-wrap {
        width: 58px !important;
        height: 58px !important;
        margin-bottom: 8px !important;
    }
    .stld-sp-commitment-icon-svg {
        width: 30px !important;
        height: 30px !important;
    }
    .stld-sp-commitment-title {
        font-size: 14px !important;
        margin-bottom: 4px !important;
    }
    .stld-sp-commitment-desc {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
}

/* ==========================================================================
   STLD - GALLERY THUMBNAILS SLIDER (GIỚI HẠN 4-5 ẢNH + MŨI TÊN + CUỘN)
   ========================================================================== */
.ld-gallery-vertical-thumbs-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.ld-gallery-vertical-thumbs {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 68px !important;
    max-height: 372px !important; /* Chuẩn 4-5 ảnh */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scroll-behavior: smooth !important;
    padding: 2px 0 !important;
    box-sizing: border-box !important;
    scrollbar-width: thin !important;
    scrollbar-color: #d1d5db transparent !important;
}

.ld-gallery-vertical-thumbs::-webkit-scrollbar {
    width: 4px !important;
}

.ld-gallery-vertical-thumbs::-webkit-scrollbar-track {
    background: transparent !important;
}

.ld-gallery-vertical-thumbs::-webkit-scrollbar-thumb {
    background: #d1d5db !important;
    border-radius: 4px !important;
}

.ld-gallery-vertical-thumbs::-webkit-scrollbar-thumb:hover {
    background: #f26522 !important;
}

.ld-thumb-nav-btn {
    width: 100% !important;
    height: 22px !important;
    background: #f8f9fa !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: #555555 !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}

.ld-thumb-nav-btn:hover {
    background: #f26522 !important;
    border-color: #f26522 !important;
    color: #ffffff !important;
}

.ld-thumb-nav-up {
    margin-bottom: 6px !important;
}

.ld-thumb-nav-down {
    margin-top: 6px !important;
}

.ld-gallery-thumb {
    width: 68px !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}


/* ==========================================================================
   STLD - CHUYÊN MỤC TIN TỨC / BÀI VIẾT (CHUẨN HÌNH 1 & HÌNH 2)
   ========================================================================== */

.stld-news-archive-page,
.stld-news-single-page {
    background-color: #ffffff;
    font-family: inherit;
    color: #333333;
    padding-bottom: 50px;
}

.stld-news-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* 1. Breadcrumbs */
.stld-news-breadcrumbs-bar {
    background-color: #ffffff;
    padding: 14px 0 12px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 25px;
}

.stld-news-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    color: #777777;
}

.stld-crumb-link {
    color: #666666;
    text-decoration: none;
    transition: color 0.2s;
}

.stld-crumb-link:hover {
    color: #f26522;
}

.stld-crumb-separator {
    color: #bbbbbb;
    font-size: 12px;
}

.stld-crumb-current {
    color: #222222;
    font-weight: 500;
}

/* 2. Main Layout (70% - 30%) */
.stld-news-main-layout {
    display: flex;
    gap: 35px;
    align-items: flex-start;
}

.stld-news-main-col {
    flex: 1;
    min-width: 0;
}

.stld-news-sidebar-col {
    width: 330px;
    flex-shrink: 0;
}

/* 3. Category Header */
.stld-news-category-header {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eaeaea;
}

.stld-news-cat-title {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.stld-news-cat-desc {
    font-size: 14px;
    color: #666666;
    line-height: 1.65;
    margin: 0;
}

.stld-news-cat-desc p {
    margin: 0 0 8px 0;
}

.stld-news-cat-desc p:last-child {
    margin-bottom: 0;
}

/* 4. Posts List & Card */
.stld-news-posts-list {
    display: flex;
    flex-direction: column;
}

.stld-news-post-card {
    display: flex;
    gap: 24px;
    padding: 22px 0;
    border-bottom: 1px solid #ebebeb;
    transition: background-color 0.2s;
}

.stld-news-post-card:first-child {
    padding-top: 6px;
}

.stld-news-post-thumb-wrap {
    width: 270px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stld-news-post-img {
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: contain; /* NGUYÊN GỐC - KHÔNG CẮT ẢNH */
    display: block;
    transition: transform 0.35s ease;
}

.stld-news-post-card:hover .stld-news-post-img {
    transform: scale(1.04);
}

.stld-news-post-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.stld-news-post-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    color: #888888;
}

.stld-news-author-avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
}

.stld-news-author-name {
    font-weight: 600;
    color: #333333;
}

.stld-news-meta-dot {
    color: #cccccc;
    font-size: 11px;
}

.stld-news-post-date {
    color: #888888;
}

.stld-news-post-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    margin: 0 0 10px 0;
}

.stld-news-title-link {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.stld-news-title-link:hover {
    color: #f26522;
}

.stld-news-post-excerpt {
    font-size: 13.5px;
    color: #555555;
    line-height: 1.6;
    margin: 0 0 16px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stld-news-readmore-wrap,
.stld-news-post-action {
    margin-top: auto;
}

.stld-news-readmore-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    background: #e4e4e4;
    border: 1px solid #b8b8b8;
    color: #333333;
    font-size: 12.5px;
    font-weight: 500;
    border-radius: 3px;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0,0,0,0.08);
    transition: all 0.2s ease;
    width: fit-content;
}

.stld-news-readmore-btn:hover {
    background: #f26522;
    border-color: #d75417;
    color: #ffffff;
}

.stld-news-post-thumb {
    width: 270px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stld-news-post-thumb img {
    width: 100%;
    height: auto;
    max-height: 220px;
    object-fit: contain; /* NGUYÊN GỐC - KHÔNG CẮT ẢNH */
    display: block;
    transition: transform 0.35s ease;
}

.stld-news-post-card:hover .stld-news-post-thumb img {
    transform: scale(1.04);
}

.stld-news-author-pic {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
}

.stld-news-author-pic-fallback {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #d71921;
    display: inline-block;
}

.stld-news-post-time {
    color: #888888;
}

/* 5. Pagination */
.stld-news-pagination {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.stld-news-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #444444;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    background: #ffffff;
    transition: all 0.2s;
}

.stld-news-pagination .page-numbers.current {
    background-color: #f26522;
    border-color: #f26522;
    color: #ffffff;
    font-weight: 700;
}

.stld-news-pagination .page-numbers:hover:not(.current) {
    border-color: #f26522;
    color: #f26522;
}

/* 6. Sidebar Widgets */
.stld-news-widget {
    margin-bottom: 28px;
}

/* Widget 1: Bài viết mới nhất (Hình 1) */
.stld-widget-recent-box {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 18px 20px;
    background-color: #ffffff;
}

.stld-widget-recent-title {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1a1a1a;
    margin: 0 0 14px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee;
    letter-spacing: 0.3px;
}

.stld-recent-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.stld-recent-item {
    padding: 10px 0;
    border-bottom: 1px dashed #e8e8e8;
}

.stld-recent-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.stld-recent-link {
    color: #0284c7;
    font-size: 13.5px;
    line-height: 1.5;
    text-decoration: none;
    display: block;
    transition: color 0.2s;
}

.stld-recent-link:hover {
    color: #f26522;
    text-decoration: underline;
}

/* Widget 2: Danh mục bài viết (Hình 2) */
.stld-widget-cats-box {
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ffffff;
}

.stld-widget-cats-header {
    background-color: #f5f5f5;
    padding: 13px 18px;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #222222;
    border-bottom: 1px solid #e6e6e6;
}

.stld-widget-cats-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.stld-cat-item {
    border-bottom: 1px solid #f0f0f0;
}

.stld-cat-item:last-child {
    border-bottom: none;
}

.stld-cat-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
    color: #333333;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s;
}

.stld-cat-name {
    font-weight: 500;
}

.stld-cat-count {
    color: #888888;
    font-size: 13px;
    font-weight: 400;
}

.stld-cat-item:hover .stld-cat-link {
    color: #f26522;
    background-color: #fafafa;
}

.stld-cat-item.active .stld-cat-link {
    color: #f26522;
    font-weight: 700;
    background-color: #fff9f6;
}

.stld-cat-item.active .stld-cat-count {
    color: #f26522;
    font-weight: 600;
}

/* 7. Single Post Content Layout */
.stld-single-article {
    padding-bottom: 30px;
}

.stld-single-title {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.35;
    margin: 0 0 14px 0;
}

.stld-single-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom: 1px solid #eee;
    font-size: 13.5px;
    color: #777;
}

.stld-single-content {
    font-size: 15px;
    line-height: 1.8;
    color: #333333;
}

.stld-single-content img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 16px 0;
}

.stld-single-content p {
    margin-bottom: 16px;
}

.stld-single-content h2,
.stld-single-content h3 {
    color: #1a1a1a;
    margin: 24px 0 12px 0;
}

/* 8. Responsive Design */
@media (max-width: 991px) {
    .stld-news-main-layout {
        flex-direction: column;
        gap: 30px;
    }
    .stld-news-sidebar-col {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .stld-news-post-card {
        flex-direction: column;
        gap: 14px;
    }
    .stld-news-post-thumb-wrap,
    .stld-news-post-thumb {
        width: 100% !important;
        background-color: transparent !important;
    }
    .stld-news-post-img,
    .stld-news-post-thumb img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important; /* NGUYÊN GỐC - KHÔNG CẮT ẢNH */
    }
    .stld-news-cat-title {
        font-size: 20px;
    }
    .stld-single-title {
        font-size: 21px;
    }
}

/* === XÓA TRIỆT ĐỂ THANH ĐEN TRÊN HEADER (ADMIN BAR & TOP PANEL) === */
#wpadminbar,
.tygh-top-panel,
.top-grid,
.sticky-top-panel .tygh-top-panel {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

html,
body,
html.sticky-top-panel,
body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* === ĐỒNG BỘ 100% DRAWER MENU GIỮA TRANG CHỦ & TRANG SẢN PHẨM === */
.stld-drawer-menu,
#dropdown_219 .ty-wysiwyg-content ul,
#dropdown_219 ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.stld-drawer-menu li,
#dropdown_219 ul li {
    border-bottom: 1px solid #f0f0f0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.stld-drawer-menu li a,
#dropdown_219 a.stld-drawer-link,
#dropdown_219 ul li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.stld-drawer-menu li a:hover,
#dropdown_219 ul li a:hover {
    background-color: #fff9f5 !important;
    color: #ff6600 !important;
    padding-left: 24px !important;
}

.stld-menu-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin-right: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.stld-menu-icon svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
    flex-shrink: 0 !important;
}

.stld-menu-icon img.emoji {
    display: none !important;
}

.stld-menu-title {
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #333333 !important;
}

.stld-menu-badge,
.stld-badge {
    display: inline-block !important;
    padding: 2px 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
}

.stld-badge.hot,
.stld-menu-badge.hot {
    background-color: #e74c3c !important;
}

.stld-badge.new,
.stld-menu-badge.new {
    background-color: #3498db !important;
}

.stld-badge.best,
.stld-menu-badge.best {
    background-color: #f39c12 !important;
}

body.admin-bar .tygh-header {
    top: 0 !important;
}

/* ========================================================================= */
/* THIẾT KẾ GIAO DIỆN GIỎ HÀNG (CART) - CHUẨN XÁC THEO HÌNH 1 */
/* ========================================================================= */
.stld-cart-wrapper,
.woocommerce-cart .site-main-container,
.woocommerce-cart .woocommerce {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 10px 16px 50px 16px !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
.woocommerce-cart .site-main-container > .stld-cart-wrapper,
.woocommerce-cart .site-main-container .woocommerce > .stld-cart-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Breadcrumb & Tiêu đề */
.stld-cart-breadcrumb {
    font-size: 13px !important;
    color: #888888 !important;
    margin-bottom: 12px !important;
}
.stld-cart-breadcrumb a {
    color: #888888 !important;
    text-decoration: none !important;
}
.stld-cart-breadcrumb a:hover {
    color: #f26522 !important;
}
.stld-cart-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 0 0 20px 0 !important;
}

/* Thanh nút hành động trên & dưới */
.stld-cart-top-bar,
.stld-cart-bottom-bar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 22px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.stld-cart-bottom-bar {
    margin-top: 25px !important;
}
.stld-bottom-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Nút xám (Chọn thêm, Xóa giỏ hàng) */
.stld-btn-grey,
.woocommerce-cart a.button.stld-btn-grey,
.woocommerce-cart button[name="apply_coupon"] {
    background: #e0e0e0 !important;
    background: linear-gradient(to bottom, #eaeaea, #d8d8d8) !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 4px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}
.stld-btn-grey:hover,
.woocommerce-cart a.button.stld-btn-grey:hover,
.woocommerce-cart button[name="apply_coupon"]:hover {
    background: #d4d4d4 !important;
    color: #111111 !important;
    border-color: #aaaaaa !important;
}

/* Nút cam (Tiến hành đặt hàng) */
.stld-btn-orange {
    background: #ff5722 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 9px 22px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(255, 87, 34, 0.3) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}
.stld-btn-orange svg {
    stroke: #ffffff !important;
    width: 17px !important;
    height: 17px !important;
}
.stld-btn-orange:hover {
    background: #f24b15 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(255, 87, 34, 0.4) !important;
}

/* Định dạng Bảng giỏ hàng WooCommerce chuẩn */
.woocommerce-cart .woocommerce-cart-form {
    float: none !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.woocommerce-cart table.shop_table.cart,
.stld-cart-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 20px !important;
    border: none !important;
}
.woocommerce-cart table.shop_table.cart thead th,
.stld-cart-table thead th {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    padding: 12px 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
}
.woocommerce-cart table.shop_table.cart thead th.product-name,
.stld-cart-table .stld-col-product {
    text-align: left !important;
}
.woocommerce-cart table.shop_table.cart thead th.product-price,
.stld-cart-table .stld-col-price {
    text-align: right !important;
}
.woocommerce-cart table.shop_table.cart thead th.product-quantity,
.stld-cart-table .stld-col-qty {
    text-align: center !important;
}
.woocommerce-cart table.shop_table.cart thead th.product-subtotal,
.stld-cart-table .stld-col-total {
    text-align: right !important;
}

.woocommerce-cart table.shop_table.cart tbody td,
.stld-cart-table tbody td {
    padding: 20px 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: top !important;
    background: transparent !important;
}

/* Ảnh sản phẩm */
.woocommerce-cart table.shop_table.cart td.product-thumbnail,
.stld-prod-thumb {
    width: 80px !important;
    min-width: 80px !important;
}
.woocommerce-cart table.shop_table.cart td.product-thumbnail img,
.stld-prod-thumb img {
    width: 75px !important;
    height: 95px !important;
    object-fit: contain !important;
    border: none !important;
    padding: 0 !important;
}

/* Tên sản phẩm, Mã SKU & Nút xóa */
.woocommerce-cart table.shop_table.cart td.product-name a,
.stld-prod-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2478c6 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}
.woocommerce-cart table.shop_table.cart td.product-name a:hover,
.stld-prod-name:hover {
    color: #ff5722 !important;
}

.woocommerce-cart table.shop_table.cart td.product-remove a.remove,
.stld-remove-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #cccccc !important;
    border-radius: 50% !important;
    color: #888888 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
}
.woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover,
.stld-remove-btn:hover {
    background: #ff4d4f !important;
    border-color: #ff4d4f !important;
    color: #ffffff !important;
}

.stld-prod-sku {
    font-size: 12.5px !important;
    color: #888888 !important;
    margin-top: 4px !important;
}
.stld-prod-sale-badge {
    display: inline-block !important;
    width: fit-content !important;
    border: 1px solid #e0e0e0 !important;
    background: #fafafa !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
    color: #666666 !important;
    border-radius: 2px !important;
    margin-top: 4px !important;
}

/* Đơn giá & Thành tiền */
.woocommerce-cart table.shop_table.cart td.product-price,
.stld-price-amount {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #b35c00 !important;
    text-align: right !important;
}
.woocommerce-cart table.shop_table.cart td.product-subtotal,
.stld-total-amount {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    text-align: right !important;
}

/* Ô số lượng */
.woocommerce-cart .quantity input.qty,
.stld-qty-wrapper input.qty {
    width: 44px !important;
    height: 32px !important;
    border: 1px solid #e0e0e0 !important;
    background: #f5f5f5 !important;
    text-align: center !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    border-radius: 3px !important;
    padding: 0 !important;
}

/* Khu vực Coupon & Bảng tổng tiền dưới giỏ hàng */
.woocommerce-cart table.shop_table.cart td.actions {
    border-top: 1px solid #e0e0e0 !important;
    padding: 20px 0 !important;
    background: transparent !important;
}
.woocommerce-cart .coupon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.woocommerce-cart .coupon input#coupon_code {
    height: 34px !important;
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
    padding: 0 10px !important;
    width: 180px !important;
    font-size: 13px !important;
    outline: none !important;
}
.woocommerce-cart .coupon input#coupon_code:focus {
    border-color: #ff5722 !important;
}

.woocommerce-cart .cart-collaterals {
    float: none !important;
    width: 100% !important;
    margin-top: 15px !important;
}
.woocommerce-cart .cart_totals {
    float: right !important;
    width: 380px !important;
    max-width: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.woocommerce-cart .cart_totals h2 {
    display: none !important;
}
.woocommerce-cart .cart_totals table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
}
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
    padding: 8px 0 !important;
    border: none !important;
    background: transparent !important;
}
.woocommerce-cart .cart_totals table.shop_table th {
    color: #888888 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    text-align: left !important;
}
.woocommerce-cart .cart_totals table.shop_table td {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: right !important;
}
.woocommerce-cart .cart_totals table.shop_table tr.order-total th {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #555555 !important;
    padding-top: 15px !important;
}
.woocommerce-cart .cart_totals table.shop_table tr.order-total td,
.woocommerce-cart .cart_totals table.shop_table tr.order-total td .amount {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #ff5722 !important;
    padding-top: 15px !important;
}
.woocommerce-cart .wc-proceed-to-checkout {
    display: none !important;
}


/* ========================================================================= */
/* THIẾT KẾ GIAO DIỆN TIẾN HÀNH ĐẶT HÀNG (CHECKOUT) - CHUẨN XÁC THEO HÌNH 2 */
/* ========================================================================= */
.stld-checkout-page-wrapper,
.woocommerce-checkout .site-main-container,
.woocommerce-checkout .woocommerce {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 15px 16px 15px 16px !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
.woocommerce-checkout .site-main-container > .stld-checkout-page-wrapper,
.woocommerce-checkout .site-main-container .woocommerce > .stld-checkout-page-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.stld-checkout-title,
.woocommerce-checkout h1 {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 0 0 25px 0 !important;
}

/* Bố cục 2 cột Checkout */
form.checkout.woocommerce-checkout,
.stld-checkout-form {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 35px !important;
    width: 100% !important;
}

/* Cột trái (64%): Khách hàng, Địa chỉ, Ghi chú */
form.checkout.woocommerce-checkout #customer_details,
.stld-checkout-left {
    flex: 0 0 64% !important;
    max-width: 64% !important;
    width: 64% !important;
    float: none !important;
    box-sizing: border-box !important;
}
form.checkout.woocommerce-checkout #customer_details .col-1,
form.checkout.woocommerce-checkout #customer_details .col-2 {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Header Bước 1: (1) Khách hàng */
.stld-step-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 18px !important;
    width: 100% !important;
}
.stld-step-left-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.stld-step-num {
    width: 26px !important;
    height: 26px !important;
    background: #e8f5e9 !important;
    color: #00a651 !important;
    border: 1.5px solid #a5d6a7 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.stld-step-name {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #00a651 !important;
}
.stld-btn-login {
    background: #e0e0e0 !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    text-decoration: none !important;
}

/* Chia 3 cột: Tên, Điện thoại, Email */
.woocommerce-billing-fields__field-wrapper,
.stld-row-three-fields {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.stld-row-three-fields .stld-field-col {
    flex: 1 1 0 !important;
    width: 33.333% !important;
    min-width: 0 !important;
    max-width: 33.333% !important;
    box-sizing: border-box !important;
}
.stld-col-third,
#billing_first_name_field,
#billing_last_name_field:not(.stld-hidden-field),
#billing_phone_field,
#billing_email_field {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}
.stld-hidden-field {
    display: none !important;
}
#billing_address_1_field {
    width: 100% !important;
    float: none !important;
    margin-bottom: 12px !important;
}
#billing_state_field,
#billing_city_field {
    width: 49% !important;
    float: none !important;
    margin-bottom: 12px !important;
}

/* Ô nhập liệu checkout */
.woocommerce-billing-fields input.input-text,
.woocommerce-billing-fields select,
.stld-checkout-page-wrapper input.input-text,
.stld-checkout-page-wrapper select,
.woocommerce-checkout textarea {
    width: 100% !important;
    height: 40px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 4px !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
}
.woocommerce-billing-fields input.input-text:focus,
.woocommerce-billing-fields select:focus,
.stld-checkout-page-wrapper input.input-text:focus,
.woocommerce-checkout textarea:focus {
    border-color: #00a651 !important;
    box-shadow: 0 0 0 2px rgba(0, 166, 81, 0.1) !important;
}
.woocommerce-billing-fields {
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.woocommerce-billing-fields h3 {
    display: none !important;
}

/* Ghi chú khách hàng */
.woocommerce-additional-fields {
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin-top: 15px !important;
}
.woocommerce-additional-fields h3,
.stld-notes-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 0 0 12px 0 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    text-transform: none !important;
}
.woocommerce-additional-fields textarea,
.stld-notes-textarea {
    height: 105px !important;
    padding: 10px 12px !important;
    resize: vertical !important;
}

/* (Đã chuẩn hóa phần Checkout ở cuối file để tránh xung đột) */


/* ========================================================================= */
/* THIẾT KẾ GIAO DIỆN TÀI KHOẢN (MY ACCOUNT) - CỐ ĐỊNH BÊN TRÁI, KHÔNG ĐÈ */
/* ========================================================================= */
.woocommerce-account .site-main-container {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px 16px 60px 16px !important;
    box-sizing: border-box !important;
}

/* Bố cục rõ ràng: Navigation bên trái (240px) & Content bên phải (margin-left: 270px) */
.woocommerce-account .woocommerce {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}
.woocommerce-account .woocommerce::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* CỘT TRÁI: SIDEBAR MENU TÀI KHOẢN (240px) */
.woocommerce-MyAccount-navigation {
    float: left !important;
    width: 240px !important;
    max-width: 240px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    position: static !important; /* Không sticky để không bao giờ đè lên nội dung */
    margin: 0 0 30px 0 !important;
}

/* Thẻ Avatar & Tên người dùng */
.stld-account-user-card {
    padding: 20px 16px !important;
    background: linear-gradient(135deg, #fff8f5 0%, #ffffff 100%) !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.stld-user-avatar {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
}
.stld-user-avatar img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 2px solid #ff5722 !important;
    object-fit: cover !important;
    display: block !important;
}
.stld-user-meta {
    flex: 1 !important;
    min-width: 0 !important;
}
.stld-user-greeting {
    font-size: 11.5px !important;
    color: #888888 !important;
}
.stld-user-displayname {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.stld-user-email {
    font-size: 11.5px !important;
    color: #777777 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Danh sách Menu Tab */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
}
.woocommerce-MyAccount-navigation ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f9f9f9 !important;
}
.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 18px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #4b5563 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border-left: 3px solid transparent !important;
    box-sizing: border-box !important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #ff5722 !important;
    background: #fff8f5 !important;
    border-left-color: #ff5722 !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #ff5722 !important;
    background: #fff5f0 !important;
    border-left-color: #ff5722 !important;
    font-weight: 700 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #ef4444 !important;
}

/* CỘT PHẢI: NỘI DUNG TÀI KHOẢN (CÁCH 270px TỪ TRÁI SANG -> KHÔNG BAO GIỜ BỊ ĐÈ) */
.woocommerce-MyAccount-content {
    margin-left: 270px !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 25px 30px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    min-height: 420px !important;
}

/* Form chỉnh sửa Tài khoản & Sổ địa chỉ */
.woocommerce-MyAccount-content fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 24px 0 10px 0 !important;
}
.woocommerce-MyAccount-content legend {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    border-bottom: 2px solid #f3f4f6 !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
    display: block !important;
    width: 100% !important;
}
.woocommerce-MyAccount-content p.form-row {
    margin-bottom: 14px !important;
}
.woocommerce-MyAccount-content label {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content select {
    width: 100% !important;
    height: 40px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    outline: none !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}
.woocommerce-MyAccount-content input.input-text:focus {
    border-color: #ff5722 !important;
    box-shadow: 0 0 0 2px rgba(255, 87, 34, 0.15) !important;
}
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content button.woocommerce-Button {
    background: #ff5722 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    text-transform: none !important;
    margin-top: 10px !important;
}

/* Responsive cho Giỏ hàng, Thanh toán & Tài khoản */
@media (max-width: 900px) {
    .woocommerce-MyAccount-navigation {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }
    .woocommerce-MyAccount-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
    form.checkout.woocommerce-checkout {
        flex-direction: column !important;
    }
    form.checkout.woocommerce-checkout #customer_details,
    form.checkout.woocommerce-checkout #order_review {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        position: static !important;
    }
}
@media (max-width: 640px) {
    #billing_first_name_field,
    #billing_phone_field,
    #billing_email_field,
    #billing_state_field,
    #billing_city_field {
        width: 100% !important;
        float: none !important;
    }
}


/* Breadcrumb */
.stld-cart-breadcrumb {
    font-size: 13px;
    color: #888888;
    margin-bottom: 12px;
}
.stld-cart-breadcrumb a {
    color: #888888;
    text-decoration: none;
}
.stld-cart-breadcrumb a:hover {
    color: #f26522;
}

/* Tiêu đề trang */
.stld-cart-title {
    font-size: 26px;
    font-weight: 700;
    color: #222222;
    margin: 0 0 20px 0;
    text-transform: none;
}

/* Thanh nút hành động trên & dưới */
.stld-cart-top-bar,
.stld-cart-bottom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}
.stld-cart-bottom-bar {
    margin-top: 25px;
}
.stld-bottom-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Nút xám (Chọn thêm, Xóa giỏ hàng) */
.stld-btn-grey {
    background: #e0e0e0 !important;
    background: linear-gradient(to bottom, #eaeaea, #d8d8d8) !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 4px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}
.stld-btn-grey:hover {
    background: #d4d4d4 !important;
    color: #111111 !important;
    border-color: #aaaaaa !important;
}

/* Nút cam (Tiến hành đặt hàng) */
.stld-btn-orange {
    background: #ff5722 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 9px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(255, 87, 34, 0.3) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}
.stld-btn-orange svg {
    stroke: #ffffff !important;
    width: 17px !important;
    height: 17px !important;
}
.stld-btn-orange:hover {
    background: #f24b15 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(255, 87, 34, 0.4) !important;
}

/* Bảng danh sách sản phẩm giỏ hàng */
.stld-cart-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 20px !important;
    border: none !important;
}
.stld-cart-table thead th {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    padding: 12px 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
}
.stld-cart-table .stld-col-product {
    text-align: left !important;
    width: 52% !important;
}
.stld-cart-table .stld-col-price {
    text-align: right !important;
    width: 16% !important;
}
.stld-cart-table .stld-col-qty {
    text-align: center !important;
    width: 16% !important;
}
.stld-cart-table .stld-col-total {
    text-align: right !important;
    width: 16% !important;
}

.stld-cart-table tbody td {
    padding: 20px 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: top !important;
    background: transparent !important;
}

/* Cột Sản phẩm chi tiết */
.stld-prod-cell {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
}
.stld-prod-thumb {
    width: 75px !important;
    min-width: 75px !important;
    height: 95px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.stld-prod-thumb img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}
.stld-prod-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}
.stld-prod-title-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
.stld-prod-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2478c6 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}
.stld-prod-name:hover {
    color: #ff5722 !important;
}

/* Nút xóa icon (x) nhỏ màu xám cạnh tên sản phẩm */
.stld-remove-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #cccccc !important;
    border-radius: 50% !important;
    color: #888888 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
.stld-remove-btn:hover {
    background: #ff4d4f !important;
    border-color: #ff4d4f !important;
    color: #ffffff !important;
}

.stld-prod-sku {
    font-size: 12.5px !important;
    color: #888888 !important;
}
.stld-prod-options {
    font-size: 12.5px !important;
    color: #555555 !important;
}
.stld-prod-options p {
    margin: 0 !important;
}
.stld-prod-sale-badge {
    display: inline-block !important;
    width: fit-content !important;
    border: 1px solid #e0e0e0 !important;
    background: #fafafa !important;
    padding: 3px 10px !important;
    font-size: 12px !important;
    color: #666666 !important;
    border-radius: 2px !important;
    margin-top: 4px !important;
}

/* Cột Đơn giá */
.stld-price-amount {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #b35c00 !important;
}

/* Cột Số lượng [-] [1] [+] */
.stld-qty-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    background: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}
.stld-qty-ctrl {
    background: transparent !important;
    border: none !important;
    width: 26px !important;
    height: 30px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #666666 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.15s ease !important;
}
.stld-qty-ctrl:hover {
    background: #e5e5e5 !important;
    color: #111111 !important;
}
.stld-qty-wrapper input.qty {
    width: 36px !important;
    height: 30px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    padding: 0 !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}
.stld-qty-wrapper input.qty::-webkit-outer-spin-button,
.stld-qty-wrapper input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Cột Tổng giá */
.stld-total-amount {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #222222 !important;
}

/* Khu vực tóm tắt & Mã giảm giá dưới bảng */
.stld-cart-summary-box {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    margin-bottom: 25px !important;
}
.stld-coupon-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.stld-coupon-title {
    font-size: 13px !important;
    color: #666666 !important;
}
.stld-coupon-form {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.stld-coupon-form input#coupon_code {
    height: 34px !important;
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
    padding: 0 10px !important;
    width: 180px !important;
    font-size: 13px !important;
    outline: none !important;
    background: #ffffff !important;
}
.stld-coupon-form input#coupon_code:focus {
    border-color: #ff5722 !important;
}
.stld-coupon-form button[name="apply_coupon"] {
    height: 34px !important;
    padding: 0 16px !important;
}

/* Bảng tiền bên phải */
.stld-totals-col {
    min-width: 300px !important;
    text-align: right !important;
}
.stld-calc-row {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 40px !important;
    margin-bottom: 8px !important;
    font-size: 13.5px !important;
    color: #666666 !important;
}
.stld-calc-label {
    color: #888888 !important;
}
.stld-calc-val {
    color: #333333 !important;
    font-weight: 500 !important;
}
.stld-discount-row .stld-calc-val {
    color: #e55353 !important;
    font-weight: 600 !important;
}
.stld-grand-total-row {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 35px !important;
    align-items: center !important;
    margin-top: 15px !important;
}
.stld-grand-label {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #555555 !important;
}
.stld-grand-val {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #ff5722 !important;
}

/* Giỏ hàng trống */
.stld-cart-empty {
    text-align: center;
    padding: 50px 20px;
}
.stld-empty-msg {
    font-size: 16px;
    color: #666666;
    margin-bottom: 20px;
}

/* ========================================================================= */
/* TỐI ƯU TOÀN DIỆN TRANG GIỎ HÀNG TRÊN MOBILE (< 768PX) - CHUẨN XÁC THEO ẢNH */
/* ========================================================================= */
@media (max-width: 768px) {
    .stld-cart-wrapper {
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    /* Thanh nút trên đầu trang (Chọn thêm & Tiến hành đặt hàng) */
    .stld-cart-top-bar {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 16px !important;
        width: 100% !important;
    }
    .stld-cart-top-bar .stld-btn-grey {
        flex: 0 0 auto !important;
        padding: 9px 16px !important;
        font-size: 13.5px !important;
        height: 40px !important;
        box-sizing: border-box !important;
    }
    .stld-cart-top-bar .stld-btn-orange {
        flex: 1 1 auto !important;
        justify-content: center !important;
        padding: 9px 16px !important;
        font-size: 14px !important;
        height: 40px !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    /* Bảng giỏ hàng chuyển sang dạng Card sản phẩm hiện đại */
    .stld-cart-table {
        border: none !important;
        display: block !important;
        width: 100% !important;
    }
    .stld-cart-table thead {
        display: none !important;
    }
    .stld-cart-table tbody {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .stld-cart-table tbody tr.stld-cart-item {
        display: block !important;
        background: #ffffff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        padding: 12px !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* Khối thông tin sản phẩm trên Card */
    .stld-cart-table tbody td.stld-col-product {
        display: block !important;
        width: 100% !important;
        padding: 0 0 10px 0 !important;
        border-bottom: 1px dashed #e5e7eb !important;
    }
    .stld-cart-table .stld-prod-cell {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
        width: 100% !important;
    }
    .stld-cart-table .stld-prod-thumb {
        flex: 0 0 70px !important;
        width: 70px !important;
        height: 70px !important;
        max-width: 70px !important;
    }
    .stld-cart-table .stld-prod-thumb img {
        width: 70px !important;
        height: 70px !important;
        object-fit: contain !important;
        border: 1px solid #f0f0f0 !important;
        border-radius: 6px !important;
        display: block !important;
    }
    .stld-cart-table .stld-prod-info {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
    }
    .stld-cart-table .stld-prod-title-wrap {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .stld-cart-table .stld-prod-name {
        font-size: 13.5px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        color: #1a56db !important;
        flex: 1 1 auto !important;
        word-break: break-word !important;
    }
    .stld-cart-table .stld-remove-btn {
        flex: 0 0 20px !important;
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
        border: 1px solid #d1d5db !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        color: #9ca3af !important;
        line-height: 1 !important;
        margin-top: 1px !important;
    }
    .stld-cart-table .stld-prod-sku {
        font-size: 12px !important;
        color: #6b7280 !important;
        margin-top: 2px !important;
    }

    /* Hàng Đơn giá, Số lượng & Thành tiền gộp gọn gàng */
    .stld-cart-table tbody td.stld-col-price {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 8px 0 4px 0 !important;
        border: none !important;
    }
    .stld-cart-table tbody td.stld-col-price::before {
        content: "Đơn giá:" !important;
        font-size: 13px !important;
        color: #888888 !important;
        font-weight: normal !important;
    }
    .stld-cart-table tbody td.stld-col-price .stld-price-amount {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #b35c00 !important;
    }

    .stld-cart-table tbody td.stld-col-qty {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 4px 0 !important;
        border: none !important;
    }
    .stld-cart-table tbody td.stld-col-qty::before {
        content: "Số lượng:" !important;
        font-size: 13px !important;
        color: #888888 !important;
        font-weight: normal !important;
    }
    .stld-cart-table .stld-qty-wrapper {
        border-radius: 4px !important;
        background: #f3f4f6 !important;
        border: 1px solid #d1d5db !important;
    }
    .stld-cart-table .stld-qty-ctrl {
        width: 28px !important;
        height: 28px !important;
        font-size: 16px !important;
    }
    .stld-cart-table .stld-qty-wrapper input.qty {
        width: 38px !important;
        height: 28px !important;
        font-size: 14px !important;
    }

    .stld-cart-table tbody td.stld-col-total {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 6px 0 0 0 !important;
        border-top: 1px dotted #e5e7eb !important;
        margin-top: 4px !important;
    }
    .stld-cart-table tbody td.stld-col-total::before {
        content: "Thành tiền:" !important;
        font-size: 13.5px !important;
        color: #333333 !important;
        font-weight: 600 !important;
    }
    .stld-cart-table tbody td.stld-col-total .stld-total-amount {
        font-size: 15.5px !important;
        font-weight: 700 !important;
        color: #ff5500 !important;
    }

    /* Mã giảm giá & Tóm tắt tổng tiền */
    .stld-cart-summary-box {
        flex-direction: column !important;
        gap: 16px !important;
        padding: 16px 0 !important;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
    .stld-coupon-col {
        width: 100% !important;
    }
    .stld-coupon-form {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
    }
    .stld-coupon-form input#coupon_code {
        flex: 1 1 auto !important;
        width: 100% !important;
        height: 38px !important;
        border: 1px solid #d1d5db !important;
        border-radius: 4px !important;
        padding: 0 12px !important;
        font-size: 14px !important;
    }
    .stld-coupon-form button[name="apply_coupon"] {
        flex: 0 0 auto !important;
        height: 38px !important;
        padding: 0 16px !important;
        font-size: 13.5px !important;
        white-space: nowrap !important;
    }

    .stld-totals-col {
        width: 100% !important;
        min-width: 0 !important;
        background: #f9fafb !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        padding: 14px !important;
        box-sizing: border-box !important;
    }
    .stld-calc-row {
        display: flex !important;
        justify-content: space-between !important;
        gap: 10px !important;
        margin-bottom: 8px !important;
        font-size: 14px !important;
    }
    .stld-grand-total-row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
        margin-top: 12px !important;
        padding-top: 10px !important;
        border-top: 1px dashed #d1d5db !important;
    }
    .stld-grand-label {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #1f2937 !important;
    }
    .stld-grand-val {
        font-size: 19px !important;
        font-weight: 800 !important;
        color: #ff5500 !important;
    }

    /* Thanh nút dưới chân giỏ hàng (Chọn thêm, Xóa giỏ hàng, Tiến hành đặt hàng) */
    .stld-cart-bottom-bar {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        margin-top: 15px !important;
        margin-bottom: 30px !important;
    }
    .stld-bottom-left {
        display: flex !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .stld-bottom-left .stld-btn-grey {
        flex: 1 1 50% !important;
        height: 38px !important;
        justify-content: center !important;
        font-size: 13px !important;
        padding: 0 10px !important;
        white-space: nowrap !important;
        text-align: center !important;
    }
    .stld-bottom-right {
        width: 100% !important;
    }
    .stld-bottom-right .stld-btn-orange {
        width: 100% !important;
        height: 44px !important;
        justify-content: center !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
    }
}


/* ========================================================================= */
/* THIẾT KẾ GIAO DIỆN TIẾN HÀNH ĐẶT HÀNG (CHECKOUT) - KHỚP 100% HÌNH 2 */
/* ========================================================================= */
.stld-checkout-page-wrapper {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 15px 16px 15px 16px !important;
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* Tiêu đề trang */
.stld-checkout-title {
    font-size: 26px;
    font-weight: 700;
    color: #222222;
    margin: 0 0 25px 0;
    text-transform: none;
}

/* Bố cục 2 cột Form Checkout */
.stld-checkout-form {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 35px !important;
    width: 100% !important;
}

/* Cột trái (65%): Khách hàng, Địa chỉ, Ghi chú */
.stld-checkout-left {
    flex: 0 0 65% !important;
    max-width: 65% !important;
    box-sizing: border-box !important;
}

/* Bước 1: (1) Khách hàng */
.stld-step-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 18px !important;
}
.stld-step-left-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.stld-step-num {
    width: 26px !important;
    height: 26px !important;
    background: #e8f5e9 !important;
    color: #00a651 !important;
    border: 1.5px solid #a5d6a7 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.stld-step-name {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #00a651 !important;
}

/* Nút Đăng nhập góc phải */
.stld-btn-login {
    background: #e0e0e0 !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 4px !important;
    padding: 6px 14px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.stld-btn-login:hover {
    background: #d0d0d0 !important;
    color: #111111 !important;
}

/* Hàng 3 ô nhập: Tên, Điện thoại, Email */
.stld-row-three-fields {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 15px !important;
    width: 100% !important;
}
.stld-field-col {
    flex: 1 !important;
}
.stld-field-col p.form-row {
    margin: 0 !important;
    padding: 0 !important;
}
.stld-field-col input.input-text,
.stld-address-input-wrap input.input-text,
.stld-row-two-fields select {
    width: 100% !important;
    height: 40px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 4px !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
}
.stld-field-col input.input-text:focus,
.stld-address-input-wrap input.input-text:focus,
.stld-row-two-fields select:focus,
.stld-notes-textarea:focus {
    border-color: #00a651 !important;
    box-shadow: 0 0 0 2px rgba(0, 166, 81, 0.1) !important;
}

/* Phần Địa chỉ */
.stld-address-section {
    margin-bottom: 25px !important;
    padding-bottom: 25px !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
.stld-address-label {
    font-size: 13px !important;
    color: #666666 !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.stld-address-input-wrap {
    margin-bottom: 12px !important;
}
.stld-row-two-fields {
    display: flex !important;
    gap: 12px !important;
}

/* Bước 2: Ghi chú của khách hàng */
.stld-checkout-notes-step {
    margin-top: 15px !important;
}
.stld-notes-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 0 0 12px 0 !important;
}
.stld-notes-textarea {
    width: 100% !important;
    height: 105px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
    font-size: 13.5px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    outline: none !important;
    resize: vertical !important;
    background: #ffffff !important;
}

/* (Đã chuẩn hóa phần Checkout ở cuối file để tránh xung đột) */

/* ========================================================================= */
/* 1. THIẾT KẾ GIAO DIỆN TÀI KHOẢN (MY ACCOUNT) - CỐ ĐỊNH BÊN TRÁI, KHÔNG BAO GIỜ ĐÈ */
/* ========================================================================= */
.woocommerce-account .site-main-container {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px 16px 60px 16px !important;
    box-sizing: border-box !important;
}

/* Bố cục 2 cột tiêu chuẩn của WooCommerce Account */
.woocommerce-account .woocommerce,
.woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    position: relative !important;
}
.woocommerce-account .woocommerce::after,
.woocommerce:has(.woocommerce-MyAccount-navigation)::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* NÚT 3 GẠCH TOGGLE MENU TÀI KHOẢN TRÊN MOBILE / RESPONSIVE */
.stld-account-toggle-btn {
    display: none !important; /* Mặc định ẩn trên màn hình lớn */
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    background: #f8f9fa !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    cursor: pointer !important;
    margin-bottom: 12px !important;
    box-sizing: border-box !important;
}
.stld-toggle-bars {
    display: flex !important;
    flex-direction: column !important;
    gap: 3.5px !important;
    width: 18px !important;
}
.stld-toggle-bars span {
    display: block !important;
    height: 2px !important;
    width: 100% !important;
    background: #ff5722 !important;
    border-radius: 2px !important;
}

/* CỘT TRÁI: SIDEBAR MENU TÀI KHOẢN (240px) */
.woocommerce-MyAccount-navigation {
    flex: 0 0 240px !important;
    width: 240px !important;
    max-width: 240px !important;
    min-width: 240px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    position: static !important; /* TUYỆT ĐỐI KHÔNG FLOAT / KHÔNG ABSOLUTE / KHÔNG STICKY ĐÈ LÊN FORM */
    float: none !important;
    margin: 0 !important;
}

/* Thẻ Avatar & Tên người dùng */
.stld-account-user-card {
    padding: 20px 16px !important;
    background: linear-gradient(135deg, #fff8f5 0%, #ffffff 100%) !important;
    border-bottom: 1px solid #f0f0f0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.stld-user-avatar {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
}
.stld-user-avatar img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 2px solid #ff5722 !important;
    object-fit: cover !important;
    display: block !important;
}
.stld-user-meta {
    flex: 1 !important;
    min-width: 0 !important;
}
.stld-user-greeting {
    font-size: 11.5px !important;
    color: #888888 !important;
}
.stld-user-displayname {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.stld-user-email {
    font-size: 11.5px !important;
    color: #777777 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Danh sách Menu Tab */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
}
.woocommerce-MyAccount-navigation ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f9f9f9 !important;
}
.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 18px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #4b5563 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border-left: 3px solid transparent !important;
    box-sizing: border-box !important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #ff5722 !important;
    background: #fff8f5 !important;
    border-left-color: #ff5722 !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #ff5722 !important;
    background: #fff5f0 !important;
    border-left-color: #ff5722 !important;
    font-weight: 700 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #ef4444 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #fef2f2 !important;
    border-left-color: #ef4444 !important;
}

/* CỘT PHẢI: NỘI DUNG TÀI KHOẢN (CONTENT) */
.woocommerce-MyAccount-content {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 25px 30px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
    min-height: 420px !important;
    margin: 0 !important;
    float: none !important;
}

/* Form chỉnh sửa Tài khoản & Sổ địa chỉ */
.woocommerce-MyAccount-content fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 24px 0 10px 0 !important;
}
.woocommerce-MyAccount-content legend {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
    border-bottom: 2px solid #f3f4f6 !important;
    padding-bottom: 8px !important;
    margin-bottom: 16px !important;
    display: block !important;
    width: 100% !important;
}
.woocommerce-MyAccount-content p.form-row {
    margin-bottom: 14px !important;
}
.woocommerce-MyAccount-content label {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content select {
    width: 100% !important;
    height: 40px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    outline: none !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}
.woocommerce-MyAccount-content input.input-text:focus {
    border-color: #ff5722 !important;
    box-shadow: 0 0 0 2px rgba(255, 87, 34, 0.15) !important;
}
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content button.woocommerce-Button {
    background: #ff5722 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    text-transform: none !important;
    margin-top: 10px !important;
}

/* ========================================================================= */
/* 2. GIAO DIỆN GIỎ HÀNG (CART) - CHUẨN XÁC THEO HÌNH 1 */
/* ========================================================================= */
.woocommerce-cart .site-main-container,
.stld-cart-wrapper {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px 16px 60px 16px !important;
    box-sizing: border-box !important;
}

/* Breadcrumb Giỏ hàng */
.stld-cart-breadcrumb {
    font-size: 13px !important;
    color: #888888 !important;
    margin-bottom: 12px !important;
}
.stld-cart-breadcrumb a {
    color: #888888 !important;
    text-decoration: none !important;
}
.stld-cart-breadcrumb a:hover {
    color: #ff5722 !important;
}

/* Tiêu đề trang */
.stld-cart-title,
.woocommerce-cart h1.entry-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 0 0 20px 0 !important;
    text-transform: none !important;
}

/* Thanh nút hành động trên & dưới (Chọn thêm + Tiến hành đặt hàng) */
.stld-cart-top-bar,
.stld-cart-bottom-bar {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 22px !important;
}
.stld-cart-bottom-bar {
    margin-top: 25px !important;
}
.stld-bottom-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Nút xám (Chọn thêm, Xóa giỏ hàng) */
.stld-btn-grey {
    background: #e0e0e0 !important;
    background: linear-gradient(to bottom, #eaeaea, #d8d8d8) !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 4px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}
.stld-btn-grey:hover {
    background: #d4d4d4 !important;
    color: #111111 !important;
    border-color: #aaaaaa !important;
}

/* Nút cam (Tiến hành đặt hàng) có icon tròn tích */
.stld-btn-orange,
.woocommerce-cart .checkout-button.button.alt {
    background: #ff5722 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 9px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(255, 87, 34, 0.3) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}
.stld-btn-orange svg {
    stroke: #ffffff !important;
    width: 17px !important;
    height: 17px !important;
}
.stld-btn-orange:hover,
.woocommerce-cart .checkout-button.button.alt:hover {
    background: #f24b15 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(255, 87, 34, 0.4) !important;
}

/* BẢNG SẢN PHẨM GIỎ HÀNG (Áp dụng cho CẢ .stld-cart-table VÀ table.cart chuẩn của WooCommerce) */
.stld-cart-table,
.woocommerce-cart table.shop_table.cart,
.woocommerce-cart table.woocommerce-cart-form__contents {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 20px !important;
    border: none !important;
    background: transparent !important;
}
.stld-cart-table thead th,
.woocommerce-cart table.shop_table.cart thead th {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #333333 !important;
    padding: 12px 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
}
.stld-cart-table .stld-col-product,
.woocommerce-cart table.shop_table.cart thead th.product-name {
    text-align: left !important;
}
.stld-cart-table .stld-col-price,
.woocommerce-cart table.shop_table.cart thead th.product-price {
    text-align: right !important;
}
.stld-cart-table .stld-col-qty,
.woocommerce-cart table.shop_table.cart thead th.product-quantity {
    text-align: center !important;
}
.stld-cart-table .stld-col-total,
.woocommerce-cart table.shop_table.cart thead th.product-subtotal {
    text-align: right !important;
}

.stld-cart-table tbody td,
.woocommerce-cart table.shop_table.cart tbody td {
    padding: 18px 10px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle !important;
    background: transparent !important;
}

/* Ẩn cột xóa & thumbnail riêng nếu là table mặc định để gộp tự nhiên */
.woocommerce-cart table.shop_table.cart thead th.product-remove,
.woocommerce-cart table.shop_table.cart thead th.product-thumbnail {
    font-size: 0 !important;
    width: 30px !important;
    padding: 0 !important;
}
.woocommerce-cart table.shop_table.cart td.product-remove {
    width: 25px !important;
    padding-right: 0 !important;
    text-align: center !important;
}
.woocommerce-cart table.shop_table.cart td.product-thumbnail {
    width: 75px !important;
    padding-right: 15px !important;
}
.woocommerce-cart table.shop_table.cart td.product-thumbnail img,
.stld-prod-thumb img {
    width: 70px !important;
    max-height: 90px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Nút xóa icon (x) nhỏ màu xám tròn theo Hình 1 */
.stld-remove-btn,
.woocommerce-cart table.shop_table.cart a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #cccccc !important;
    border-radius: 50% !important;
    color: #888888 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
}
.stld-remove-btn:hover,
.woocommerce-cart table.shop_table.cart a.remove:hover {
    background: #ff4d4f !important;
    border-color: #ff4d4f !important;
    color: #ffffff !important;
}

/* Tên sản phẩm màu xanh #2478c6 theo Hình 1 */
.stld-prod-name,
.woocommerce-cart table.shop_table.cart td.product-name a {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2478c6 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}
.stld-prod-name:hover,
.woocommerce-cart table.shop_table.cart td.product-name a:hover {
    color: #ff5722 !important;
}

/* Mã SKU và nhãn Giảm giá */
.stld-prod-sku {
    font-size: 12.5px !important;
    color: #888888 !important;
    margin-top: 4px !important;
}
.stld-prod-sale-badge {
    display: inline-block !important;
    width: fit-content !important;
    border: 1px solid #e0e0e0 !important;
    background: #fafafa !important;
    padding: 2px 8px !important;
    font-size: 11.5px !important;
    color: #666666 !important;
    border-radius: 2px !important;
    margin-top: 4px !important;
}

/* Cột Đơn giá */
.stld-price-amount,
.woocommerce-cart table.shop_table.cart td.product-price,
.woocommerce-cart table.shop_table.cart td.product-price .woocommerce-Price-amount {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #b35c00 !important;
    text-align: right !important;
}

/* Cột Số lượng [-] [1] [+] */
.stld-qty-wrapper,
.woocommerce-cart table.shop_table.cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    background: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
}
.woocommerce-cart table.shop_table.cart .quantity input.qty,
.stld-qty-wrapper input.qty {
    width: 36px !important;
    height: 30px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    padding: 0 !important;
    outline: none !important;
    -moz-appearance: textfield !important;
}

/* Cột Tổng giá */
.stld-total-amount,
.woocommerce-cart table.shop_table.cart td.product-subtotal,
.woocommerce-cart table.shop_table.cart td.product-subtotal .woocommerce-Price-amount {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    text-align: right !important;
}

/* KHU VỰC TỔNG TIỀN VÀ MÃ GIẢM GIÁ DƯỚI BẢNG (Áp dụng cho CẢ .cart-collaterals) */
.stld-cart-summary-box,
.woocommerce-cart .cart-collaterals {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    margin-bottom: 25px !important;
    width: 100% !important;
}
.woocommerce-cart .cart_totals {
    float: right !important;
    width: 380px !important;
    max-width: 100% !important;
    text-align: right !important;
}
.woocommerce-cart .cart_totals table.shop_table {
    border: none !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}
.woocommerce-cart .cart_totals table.shop_table td,
.woocommerce-cart .cart_totals table.shop_table th {
    border: none !important;
    padding: 8px 0 !important;
    background: transparent !important;
}
.woocommerce-cart .cart_totals table.shop_table .order-total th {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222222 !important;
}
.woocommerce-cart .cart_totals table.shop_table .order-total td .woocommerce-Price-amount {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #ff5722 !important;
}

/* ========================================================================= */
/* 3. GIAO DIỆN THANH TOÁN (CHECKOUT) - CHUẨN XÁC THEO HÌNH 2 */
/* ========================================================================= */
.woocommerce-checkout .site-main-container,
.stld-checkout-page-wrapper {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 15px 16px 15px 16px !important;
    box-sizing: border-box !important;
}

/* Bố cục 2 cột (Trái 65%, Phải 35%) */
form.checkout.woocommerce-checkout,
.stld-checkout-form {
    display: flex !important;
    flex-direction: row !important;
    gap: 30px !important;
    align-items: flex-start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
form.checkout.woocommerce-checkout::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* CỘT TRÁI (65%): THÔNG TIN KHÁCH HÀNG & GHI CHÚ */
form.checkout.woocommerce-checkout #customer_details,
.stld-checkout-left {
    flex: 0 0 calc(65% - 15px) !important;
    max-width: calc(65% - 15px) !important;
    width: calc(65% - 15px) !important;
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 !important;
}
form.checkout.woocommerce-checkout .col-1,
form.checkout.woocommerce-checkout .col-2 {
    float: none !important;
    width: 100% !important;
}

/* Header Bước 1: (1) Khách hàng */
.stld-step-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 16px !important;
}
.stld-step-left-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.stld-step-num {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    background-color: #4caf50 !important; /* Xanh lá chuẩn theo Hình 2 */
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}
.stld-step-name {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #222222 !important;
}
.stld-btn-login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #cccccc !important;
    background-color: #cccccc !important;
    color: #333333 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    border: 1px solid #b8b8b8 !important;
    transition: background 0.2s ease !important;
}
.stld-btn-login:hover {
    background: #bfbfbf !important;
    color: #111111 !important;
}

/* HÀNG 3 Ô NHẬP TRÊN CÙNG: [ TÊN ] [ ĐIỆN THOẠI * ] [ E-MAIL ] */
.stld-row-three-fields {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    width: 100% !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
}
.stld-row-three-fields .stld-field-col {
    flex: 1 1 0 !important;
    width: 33.333% !important;
    min-width: 0 !important;
    max-width: 33.333% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}
#billing_first_name_field,
#billing_last_name_field:not(.stld-hidden-field),
#billing_phone_field,
#billing_email_field,
.stld-row-three-fields .form-row,
.stld-row-three-fields p.form-row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    clear: none !important;
}
.stld-hidden-field {
    display: none !important;
}

/* Ô Địa chỉ * full width */
#billing_address_1_field {
    width: 100% !important;
    clear: both !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
}

/* 2 ô Tỉnh/Thành phố & Phường/Xã nằm ngang nhau */
#billing_state_field,
#billing_city_field,
.stld-row-two-fields > div {
    width: 48.8% !important;
    float: left !important;
    display: inline-block !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
    clear: none !important;
}
#billing_state_field,
.stld-row-two-fields > div:first-child {
    margin-right: 2.4% !important;
}

/* Các ô input & textarea thanh toán */
form.checkout.woocommerce-checkout input.input-text,
form.checkout.woocommerce-checkout select,
.stld-input-text {
    width: 100% !important;
    height: 40px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 4px !important;
    padding: 0 12px !important;
    font-size: 13.5px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    outline: none !important;
    background: #ffffff !important;
    pointer-events: auto !important;
}
form.checkout.woocommerce-checkout input.input-text:focus {
    border-color: #ff5722 !important;
}

/* TƯƠNG THÍCH SELECT2 & CHỌN TỈNH/THÀNH - QUẬN/HUYỆN/XÃ */
.woocommerce-checkout .select2-container,
.stld-checkout-page-wrapper .select2-container {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
}
.woocommerce-checkout .select2-container .select2-selection--single,
.stld-checkout-page-wrapper .select2-container .select2-selection--single {
    height: 40px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    background-color: #ffffff !important;
    outline: none !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered,
.stld-checkout-page-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
    padding-left: 12px !important;
    padding-right: 28px !important;
    font-size: 13.5px !important;
    color: #333333 !important;
    pointer-events: auto !important;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow,
.stld-checkout-page-wrapper .select2-container .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
    right: 8px !important;
    pointer-events: auto !important;
}
.select2-dropdown {
    z-index: 999999 !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    font-size: 13.5px !important;
    background-color: #ffffff !important;
}
.select2-results__option {
    padding: 8px 12px !important;
}
.select2-results__option--highlighted[aria-selected] {
    background-color: #f26522 !important;
    color: #ffffff !important;
}
#billing_state_field select,
#billing_city_field select {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Bước 2: Ghi chú của khách hàng */
.stld-step-notes {
    margin-top: 22px !important;
    clear: both !important;
}
#order_comments_field {
    width: 100% !important;
    clear: both !important;
}
#order_comments,
.stld-notes-textarea {
    width: 100% !important;
    height: 105px !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
    font-size: 13.5px !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    outline: none !important;
    resize: vertical !important;
    background: #ffffff !important;
}

/* ========================================================================= */
/* CỘT PHẢI TRANG THANH TOÁN (35%): THẺ THÔNG TIN ĐƠN HÀNG CHUẨN XÁC */
/* ========================================================================= */
.stld-checkout-right {
    flex: 0 0 calc(35% - 15px) !important;
    max-width: calc(35% - 15px) !important;
    width: calc(35% - 15px) !important;
    min-width: 340px !important;
    box-sizing: border-box !important;
    float: none !important;
    margin: 0 !important;
}

.stld-order-review-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #fbfbfb !important;
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
    padding: 24px 20px !important;
    position: sticky !important;
    top: 20px !important;
}

#order_review,
.woocommerce-checkout-review-order {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Tiêu đề thẻ Thông tin đơn hàng (Khử hoàn toàn duplicate title) */
#order_review_heading {
    display: none !important;
}
.stld-card-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 0 16px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
    display: block !important;
}

/* Bảng tóm tắt đơn hàng bên phải */
table.woocommerce-checkout-review-order-table,
.stld-checkout-summary-table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 16px !important;
    border: none !important;
    background: transparent !important;
}
table.woocommerce-checkout-review-order-table tr,
.stld-checkout-summary-table tr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    border: none !important;
    background: transparent !important;
}
table.woocommerce-checkout-review-order-table td,
table.woocommerce-checkout-review-order-table th,
.stld-checkout-summary-table td {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    line-height: 1.5 !important;
}
.stld-checkout-summary-table .stld-label,
table.woocommerce-checkout-review-order-table th {
    font-size: 14px !important;
    color: #4b5563 !important;
    white-space: nowrap !important;
    min-width: 130px !important;
    text-align: left !important;
    font-weight: 500 !important;
}
.stld-checkout-summary-table .stld-val,
table.woocommerce-checkout-review-order-table td {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    text-align: right !important;
}
.stld-checkout-summary-table .stld-total-row,
table.woocommerce-checkout-review-order-table tr.order-total {
    border-top: 1px solid #e5e7eb !important;
    padding-top: 14px !important;
    margin-top: 10px !important;
}
.stld-checkout-summary-table .stld-total-row .stld-label,
table.woocommerce-checkout-review-order-table tr.order-total th {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111827 !important;
}
.stld-checkout-summary-table .stld-total-row .stld-total-val,
table.woocommerce-checkout-review-order-table tr.order-total td .woocommerce-Price-amount {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ff5722 !important;
}

/* PHƯƠNG THỨC THANH TOÁN (Tránh co hẹp, bẻ dọc chữ) */
#payment,
.woocommerce-checkout #payment {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
#payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
}
#payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    padding: 8px 0 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
#payment ul.payment_methods li label,
.woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    cursor: pointer !important;
    display: inline !important;
    margin-left: 6px !important;
}
#payment ul.payment_methods li input[type="radio"],
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
    margin-right: 6px !important;
    accent-color: #ff5722 !important;
    cursor: pointer !important;
}
#payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    padding: 12px 14px !important;
    margin: 10px 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #4b5563 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    white-space: normal !important;
    word-break: normal !important;
}
#payment div.payment_box::before {
    display: none !important;
}
#payment div.payment_box p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #4b5563 !important;
    white-space: normal !important;
    word-break: normal !important;
}

/* NÚT HOÀN TẤT ĐẶT HÀNG */
#place_order,
.woocommerce-checkout #place_order,
.stld-place-order-btn {
    background: #ff5722 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 6px !important;
    height: 48px !important;
    line-height: 48px !important;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    cursor: pointer !important;
    text-transform: none !important;
    box-shadow: 0 2px 6px rgba(255, 87, 34, 0.3) !important;
    transition: all 0.2s ease !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
    margin-top: 15px !important;
}
#place_order:hover,
.woocommerce-checkout #place_order:hover,
.stld-place-order-btn:hover {
    background: #f24b15 !important;
    box-shadow: 0 4px 12px rgba(255, 87, 34, 0.45) !important;
}

/* ========================================================================= */
/* CÁC TRƯỜNG CHỌN TỈNH/THÀNH VÀ PHƯỜNG/XÃ */
/* ========================================================================= */
.stld-row-two-fields {
    display: flex !important;
    gap: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 12px !important;
}
.stld-row-two-fields .stld-field-col {
    flex: 1 1 calc(50% - 7.5px) !important;
    max-width: calc(50% - 7.5px) !important;
    width: calc(50% - 7.5px) !important;
    box-sizing: border-box !important;
}
.stld-row-two-fields .stld-field-col .form-row,
#billing_state_field,
#billing_city_field {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
.stld-row-two-fields label,
#billing_state_field label,
#billing_city_field label {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* Ép Select2 và Native Select luôn Full Width và Dễ Nhấn */
#billing_state_field .select2-container,
#billing_city_field .select2-container,
.stld-field-col .select2-container,
.woocommerce-checkout .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}
.select2-container--default .select2-selection--single,
.woocommerce-checkout .select2-container .select2-selection--single {
    height: 42px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
    border-color: #ff5722 !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
    padding-left: 12px !important;
    padding-right: 28px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.select2-container .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    right: 8px !important;
}
#billing_state_field select,
#billing_city_field select {
    width: 100% !important;
    height: 42px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
}

/* ========================================================================= */
/* THIẾT KẾ MY ACCOUNT BÊN PHẢI (DASHBOARD & SỔ ĐỊA CHỈ CAO CẤP) */
/* ========================================================================= */
/* Khung nội dung My Account bên phải */
.woocommerce-MyAccount-content {
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 12px !important;
    padding: 28px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

/* Welcome Banner trang Dashboard */
.stld-dash-welcome-banner {
    background: linear-gradient(135deg, #fff7f2 0%, #ffffff 100%) !important;
    border: 1px solid #ffedd5 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    box-shadow: 0 4px 12px rgba(255, 87, 34, 0.05) !important;
}
.stld-dash-welcome-main {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    flex: 1 1 320px !important;
}
.stld-dash-avatar-circle {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ff5722 0%, #ff8a65 100%) !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(255, 87, 34, 0.3) !important;
    flex-shrink: 0 !important;
}
.stld-dash-welcome-text h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.3 !important;
}
.stld-dash-welcome-text h2 strong {
    color: #ff5722 !important;
}
.stld-dash-welcome-text p {
    font-size: 14px !important;
    color: #4b5563 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}
.stld-dash-welcome-badge {
    align-self: flex-start !important;
}
.stld-badge-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #fff3ed !important;
    color: #ea580c !important;
    border: 1px solid #ffedd5 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    letter-spacing: 0.2px !important;
}
.stld-badge-label svg {
    color: #f59e0b !important;
}

/* Lưới 3 Card chức năng Dashboard */
.stld-dash-shortcuts-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
}
.stld-dash-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 22px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    position: relative !important;
    overflow: hidden !important;
}
.stld-dash-card:hover {
    transform: translateY(-4px) !important;
    border-color: #ff5722 !important;
    box-shadow: 0 10px 24px rgba(255, 87, 34, 0.12) !important;
}
.stld-card-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
    background: #fff3ed !important;
    color: #ff5722 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 14px !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}
.stld-dash-card:hover .stld-card-icon {
    background: #ff5722 !important;
    color: #ffffff !important;
}
.stld-card-body h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.3 !important;
}
.stld-card-body p {
    font-size: 13.5px !important;
    color: #6b7280 !important;
    margin: 0 0 14px 0 !important;
    line-height: 1.5 !important;
    min-height: 38px !important;
}
.stld-card-body p strong {
    color: #111827 !important;
    font-weight: 700 !important;
}
.stld-card-link-text {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #ff5722 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: auto !important;
    transition: gap 0.2s ease !important;
}
.stld-dash-card:hover .stld-card-link-text {
    gap: 8px !important;
}
.stld-dash-footer-note {
    background: #f9fafb !important;
    border: 1px dashed #d1d5db !important;
    border-radius: 8px !important;
    padding: 12px 18px !important;
    font-size: 13.5px !important;
    color: #4b5563 !important;
    text-align: center !important;
}
.stld-dash-footer-note p {
    margin: 0 !important;
}
.stld-dash-logout-link {
    color: #dc2626 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

/* ========================================================================= */
/* SỔ ĐỊA CHỈ DẠNG 2 CARD SONG SONG HIỆN ĐẠI (HÌNH 2) */
/* ========================================================================= */
.stld-my-addresses-wrapper {
    width: 100% !important;
}
.stld-address-page-header {
    margin-bottom: 22px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}
.stld-address-page-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 0 6px 0 !important;
}
.stld-address-page-desc {
    font-size: 14px !important;
    color: #6b7280 !important;
    margin: 0 !important;
}

/* Lưới 2 Card Địa chỉ */
.stld-addresses-grid,
.u-columns.woocommerce-Addresses,
.woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.stld-address-card,
.woocommerce-Address {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 22px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}
.stld-address-card:hover,
.woocommerce-Address:hover {
    border-color: #ff5722 !important;
    box-shadow: 0 6px 18px rgba(255, 87, 34, 0.08) !important;
}
.stld-address-card-header,
.woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}
.stld-address-type-info {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.stld-address-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: #fff3ed !important;
    color: #ff5722 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.stld-address-card-title,
.woocommerce-Address-title h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 !important;
}
.stld-edit-address-btn,
.woocommerce-Address-title a.edit {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #ffffff !important;
    color: #ff5722 !important;
    border: 1px solid #ff5722 !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}
.stld-edit-address-btn:hover,
.woocommerce-Address-title a.edit:hover {
    background: #ff5722 !important;
    color: #ffffff !important;
}
.stld-address-card-body,
.woocommerce-Address address {
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #374151 !important;
    flex: 1 !important;
}
.stld-address-content {
    background: #f9fafb !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    border: 1px solid #f3f4f6 !important;
}
.stld-address-empty {
    text-align: center !important;
    padding: 20px 10px !important;
    background: #f9fafb !important;
    border-radius: 8px !important;
    border: 1px dashed #d1d5db !important;
}
.stld-empty-notice {
    font-size: 13.5px !important;
    color: #6b7280 !important;
    margin: 0 0 10px 0 !important;
}
.stld-add-address-link {
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ff5722 !important;
    text-decoration: underline !important;
}

/* ========================================================================= */
/* 4. RESPONSIVE CHO GIỎ HÀNG, THANH TOÁN & TÀI KHOẢN */
/* ========================================================================= */
@media (max-width: 991px) {
    form.checkout.woocommerce-checkout,
    .stld-checkout-form {
        flex-direction: column !important;
    }
    form.checkout.woocommerce-checkout #customer_details,
    form.checkout.woocommerce-checkout #order_review,
    .stld-checkout-left,
    .stld-checkout-right {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        position: static !important;
    }
    .stld-dash-shortcuts-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .stld-dash-shortcuts-grid {
        grid-template-columns: 1fr !important;
    }
    .stld-addresses-grid,
    .u-columns.woocommerce-Addresses,
    .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
    }
    .stld-account-toggle-btn {
        display: flex !important;
    }
    .woocommerce-account .site-main-container,
    .site-main-container {
        padding: 16px 12px 35px 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        clear: both !important;
        overflow: visible !important;
        display: block !important;
    }
    .woocommerce-account .woocommerce,
    .woocommerce {
        display: block !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    .woocommerce-account .woocommerce::after,
    .woocommerce::after,
    .site-main-container::after {
        content: "" !important;
        display: table !important;
        clear: both !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-navigation {
        display: none !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px 0 !important;
        box-sizing: border-box !important;
        clear: both !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation.stld-nav-expanded,
    .woocommerce-MyAccount-navigation.stld-nav-expanded {
        display: block !important;
    }
    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-MyAccount-content {
        margin: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 16px !important;
        min-height: auto !important;
        display: block !important;
        position: relative !important;
    }
    .stld-dashboard-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        clear: both !important;
        display: block !important;
    }
    .stld-dash-shortcuts-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
        margin-bottom: 24px !important;
        box-sizing: border-box !important;
        clear: both !important;
    }
    .stld-dash-card {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: both !important;
    }
    .tygh-footer {
        clear: both !important;
        position: relative !important;
        width: 100% !important;
        margin-top: 30px !important;
        display: block !important;
        z-index: 10 !important;
    }
    .stld-row-two-fields {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .stld-row-two-fields .stld-field-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    #billing_first_name_field,
    #billing_phone_field,
    #billing_email_field,
    #billing_state_field,
    #billing_city_field,
    .stld-row-three-fields > div,
    .stld-row-two-fields > div {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
    }
}

/* ========================================================================= */
/* 5. KHỐI GIỮ KẾT NỐI (NEWSLETTER) & MẠNG XÃ HỘI CHUẨN MẪU HÌNH 2           */
/* ========================================================================= */
.cm-block-add-subscribe,
.ty-footer-form-block__input,
.stld-ajax-subscribe-form .cm-block-add-subscribe,
.stld-cf7-subscribe-wrapper .wpcf7 form,
.stld-cf7-subscribe-wrapper .wpcf7 form p,
.stld-cf7-subscribe-wrapper .cm-block-add-subscribe,
.stld-cf7-subscribe-wrapper .cm-block-add-subscribe p {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Kéo dài ô E-mail tới sát nút Đăng ký theo mẫu */
.stld-cf7-subscribe-wrapper .wpcf7-form-control-wrap,
.stld-cf7-subscribe-wrapper .wpcf7-form-control-wrap[data-name="your-email"] {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.cm-block-add-subscribe input[type="email"],
.cm-block-add-subscribe input[type="text"],
.stld-cf7-subscribe-wrapper input[type="email"],
.stld-cf7-subscribe-wrapper input[type="text"],
#subscr_email249,
input.ty-input-text-medium {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 0 16px !important;
    font-size: 14.5px !important;
    color: #1f2937 !important;
    background: #ffffff !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.cm-block-add-subscribe input:focus,
.stld-cf7-subscribe-wrapper input:focus,
#subscr_email249:focus {
    border-color: #ff5722 !important;
    box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.15) !important;
}

/* Nút Đăng ký màu cam đồng bộ với web, chữ to rõ theo mẫu Hình 2 */
.ty-btn__subscribe,
.stld-btn-orange,
#stld_btn_subscribe,
.stld-cf7-subscribe-wrapper input[type="submit"],
.stld-cf7-subscribe-wrapper button[type="submit"] {
    flex: 0 0 auto !important;
    background: #ff5722 !important;
    background-color: #ff5722 !important;
    color: #ffffff !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 26px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    text-align: center !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 6px rgba(255, 87, 34, 0.25) !important;
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
}
.ty-btn__subscribe:hover,
.stld-btn-orange:hover,
#stld_btn_subscribe:hover,
.stld-cf7-subscribe-wrapper input[type="submit"]:hover,
.stld-cf7-subscribe-wrapper button[type="submit"]:hover {
    background: #e64a19 !important;
    background-color: #e64a19 !important;
    box-shadow: 0 4px 12px rgba(230, 74, 25, 0.35) !important;
    color: #ffffff !important;
}

/* ========================================================================= */
/* 6. LOGO THƯƠNG HIỆU SLIDER CHUẨN HÌNH 3 SIÊU THỊ LÀM ĐẸP                  */
/* ========================================================================= */
.stld-brand-logo-item,
.ty-scroller__item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 14px !important;
    box-sizing: border-box !important;
}
.stld-brand-img-link,
.stld-brand-item-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
}
.stld-brand-logo-img,
.stld-brand-item-link img {
    max-height: 116px !important;
    max-width: 180px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    filter: grayscale(100%) opacity(0.8) !important;
    transition: all 0.3s ease !important;
}
.stld-brand-img-link:hover .stld-brand-logo-img,
.stld-brand-item-link:hover img {
    filter: grayscale(0%) opacity(1) !important;
    transform: scale(1.05) !important;
}

/* ========================================================================= */
/* 7. CHI TIẾT TỪNG SẢN PHẨM KHỐI THÔNG TIN ĐƠN HÀNG (CHECKOUT HÌNH 2 & 3)   */
/* ========================================================================= */
.stld-checkout-items-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f0f2f5 !important;
    max-height: 380px !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}
.stld-checkout-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 0 !important;
    border-bottom: 1px dashed #f3f4f6 !important;
}
.stld-checkout-item:last-child {
    border-bottom: none !important;
}
.stld-item-thumb {
    position: relative !important;
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.stld-item-thumb img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    border-radius: 6px !important;
}
.stld-item-qty-badge {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    background: #ff5722 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    text-align: center !important;
    border-radius: 9px !important;
    padding: 0 4px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    z-index: 2 !important;
}
.stld-item-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.stld-item-name {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #1f2937 !important;
    margin: 0 0 4px 0 !important;
}
.stld-item-name a {
    color: #1f2937 !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}
.stld-item-name a:hover {
    color: #ff5722 !important;
}
.stld-item-meta {
    font-size: 12px !important;
    color: #6b7280 !important;
}
.stld-item-subtotal {
    flex: 0 0 auto !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ff5722 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

/* Bảng tổng kết đơn hàng checkout */
.stld-checkout-summary-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}
.stld-checkout-summary-table tr.stld-sum-row {
    border-bottom: 1px solid #f3f4f6 !important;
}
.stld-checkout-summary-table tr.stld-sum-row td {
    padding: 10px 0 !important;
    font-size: 14px !important;
    border: none !important;
    background: transparent !important;
}
.stld-checkout-summary-table td.stld-label {
    color: #4b5563 !important;
    font-weight: 500 !important;
    text-align: left !important;
}
.stld-checkout-summary-table td.stld-val {
    color: #111827 !important;
    font-weight: 600 !important;
    text-align: right !important;
}
.stld-checkout-summary-table tr.stld-total-row td {
    padding-top: 14px !important;
    border-top: 2px solid #ff5722 !important;
}
.stld-checkout-summary-table tr.stld-total-row td.stld-label {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
}
.stld-checkout-summary-table tr.stld-total-row td.stld-val,
.stld-checkout-summary-table tr.stld-total-row .stld-total-val strong {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #ff5722 !important;
}

/* ========================================================================= */
/* 8. CÂN ĐỐI Ô HỌ TÊN, ĐIỆN THOẠI, EMAIL & ĐỊA CHỈ TRANG THANH TOÁN         */
/* ========================================================================= */
.stld-row-three-fields {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 12px !important;
}
.stld-row-three-fields .stld-field-col {
    flex: 1 1 0% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.stld-row-three-fields .stld-field-col:empty,
.stld-row-three-fields .stld-field-col:has(p:empty),
.stld-row-three-fields .stld-field-col:has(span:empty:only-child) {
    display: none !important;
}
.stld-row-three-fields .stld-field-col .form-row,
.stld-row-three-fields .stld-field-col p.form-row,
.stld-row-three-fields #billing_first_name_field,
.stld-row-three-fields #billing_last_name_field,
.stld-row-three-fields #billing_phone_field,
.stld-row-three-fields #billing_email_field,
#billing_first_name_field,
#billing_last_name_field,
#billing_phone_field,
#billing_email_field,
.stld-address-input-wrap .form-row,
.stld-address-input-wrap p.form-row {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
}
.stld-row-three-fields .woocommerce-input-wrapper,
#billing_first_name_field .woocommerce-input-wrapper,
#billing_last_name_field .woocommerce-input-wrapper,
#billing_phone_field .woocommerce-input-wrapper,
#billing_email_field .woocommerce-input-wrapper,
.stld-address-input-wrap .woocommerce-input-wrapper {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.stld-row-three-fields input.input-text,
.stld-row-three-fields input[type="text"],
.stld-row-three-fields input[type="tel"],
.stld-row-three-fields input[type="email"],
.stld-row-three-fields input,
#billing_phone_field input,
#billing_email_field input,
#billing_first_name_field input,
#billing_last_name_field input,
.stld-address-input-wrap input.input-text,
.stld-address-input-wrap input[type="text"],
#billing_address_1_field input {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    line-height: 42px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.stld-row-three-fields input:focus,
#billing_phone_field input:focus,
#billing_email_field input:focus,
#billing_first_name_field input:focus,
#billing_address_1_field input:focus {
    border-color: #ff5722 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.15) !important;
}

/* ========================================================================= */
/* 9. ĐẢM BẢO CHỌN TỈNH/THÀNH VÀ PHƯỜNG/XÃ LUÔN NHẤN ĐƯỢC 100%              */
/* ========================================================================= */
.woocommerce-checkout .select2-container,
.stld-checkout-page-wrapper .select2-container,
.woocommerce-account .select2-container,
#billing_state_field .select2-container,
#billing_city_field .select2-container,
#billing_country_field .select2-container,
#shipping_state_field .select2-container,
#shipping_city_field .select2-container,
#shipping_country_field .select2-container {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
}

.woocommerce-checkout select,
.stld-checkout-page-wrapper select,
.woocommerce-account select,
#billing_state_field select,
#billing_city_field select,
#billing_country_field select,
#shipping_state_field select,
#shipping_city_field select,
#shipping_country_field select,
select#billing_state,
select#billing_city,
select#billing_country {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: 100% !important;
    height: 44px !important;
    line-height: 42px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 0 36px 0 14px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: #1f2937 !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px 16px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    clip: auto !important;
    clip-path: none !important;
}
select#billing_state:focus,
select#billing_city:focus,
select#billing_country:focus {
    border-color: #ff5722 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.15) !important;
}

/* ========================================================================= */
/* 10. ĐỒNG BỘ CHI TIẾT TỪNG SẢN PHẨM TRÊN CHECKOUT                          */
/* ========================================================================= */
.stld-checkout-items-list {
    margin-bottom: 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding-bottom: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.stld-checkout-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.stld-item-thumb {
    position: relative !important;
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    overflow: visible !important;
    background: #fafafa !important;
}
.stld-item-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 5px !important;
    display: block !important;
}
.stld-item-qty-badge {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    background: #ff5722 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
.stld-item-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.stld-item-name {
    margin: 0 0 4px 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #222222 !important;
    word-break: break-word !important;
}
.stld-item-name a {
    color: #222222 !important;
    text-decoration: none !important;
}
.stld-item-name a:hover {
    color: #ff5722 !important;
}
.stld-item-meta {
    font-size: 12px !important;
    color: #888888 !important;
}
.stld-item-subtotal {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ff5722 !important;
    text-align: right !important;
    margin-left: 8px !important;
}

/* ========================================================================= */
/* 11. ĐỒNG BỘ BỐ CỤC TRANG SHOP (/mua/) & CÁC THẺ SẢN PHẨM BẰNG NHAU 100%    */
/* ========================================================================= */
.stld-shop-page-wrapper,
.woocommerce-shop #primary,
.woocommerce-shop main.site-main,
.post-type-archive-product #primary,
.post-type-archive-product main.site-main {
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px 16px 60px 16px !important;
    box-sizing: border-box !important;
}
.stld-shop-page-wrapper .woocommerce-products-header {
    margin-bottom: 20px !important;
}
.stld-shop-page-wrapper .woocommerce-products-header__title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin: 0 0 10px 0 !important;
}
.stld-shop-page-wrapper .woocommerce-result-count {
    float: left !important;
    margin: 0 0 20px 0 !important;
    font-size: 14px !important;
    color: #555555 !important;
    line-height: 38px !important;
}
.stld-shop-page-wrapper .woocommerce-ordering {
    float: right !important;
    margin: 0 0 20px 0 !important;
}
.stld-shop-page-wrapper .woocommerce-ordering select.orderby {
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 35px 0 14px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    color: #333333 !important;
    outline: none !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 14px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.stld-shop-page-wrapper .woocommerce-ordering select.orderby:hover,
.stld-shop-page-wrapper .woocommerce-ordering select.orderby:focus {
    border-color: #ff5722 !important;
    box-shadow: 0 0 0 2px rgba(255, 87, 34, 0.15) !important;
}

/* Lưới sản phẩm 4 cột đều nhau tuyệt đối */
.woocommerce ul.products,
.woocommerce-page ul.products,
ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px 20px !important;
    margin: 0 0 40px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    clear: both !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
    display: none !important;
}

/* Thẻ sản phẩm: chiều cao 100% bằng nhau, flex column */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: all 0.25s ease !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover,
ul.products li.product:hover {
    border-color: #ffb74d !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px) !important;
}

.woocommerce ul.products li.product > a:first-child,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    text-decoration: none !important;
    color: inherit !important;
    width: 100% !important;
    margin: 0 0 6px 0 !important;
    overflow: visible !important;
}

/* Ảnh sản phẩm kích thước đồng nhất 240px */
.woocommerce ul.products li.product .woocommerce-loop-product__thumbnail,
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 240px !important;
    max-height: 240px !important;
    min-height: 240px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 12px auto !important;
    background-color: #ffffff !important;
    border-radius: 4px !important;
    transition: transform 0.3s ease !important;
}
.woocommerce ul.products li.product:hover a img {
    transform: scale(1.02) !important;
}

/* Tiêu đề cố định 3 dòng (60px) - Tránh mất chữ, hiển thị trọn vẹn tên dài */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    font-size: 14px !important;
    line-height: 20px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    font-weight: 600 !important;
    color: #222222 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    word-break: break-word !important;
    text-align: left !important;
}
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: #ff5722 !important;
}

/* Thương hiệu trong danh sách sản phẩm - Chiều cao 22px chuẩn xác, không bị cắt chữ */
.woocommerce ul.products li.product .pwb-brands-in-loop,
.woocommerce-page ul.products li.product .pwb-brands-in-loop,
.woocommerce ul.products li.product .stld-product-brand-loop,
.woocommerce ul.products li.product .product-brand,
.woocommerce ul.products li.product .product_brand {
    font-size: 13px !important;
    line-height: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    margin: 2px 0 6px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    display: block !important;
    text-align: left !important;
    box-sizing: border-box !important;
}
.woocommerce ul.products li.product .pwb-brands-in-loop *,
.woocommerce ul.products li.product .pwb-brands-in-loop span,
.woocommerce ul.products li.product .pwb-brands-in-loop a,
.woocommerce ul.products li.product .stld-product-brand-loop a,
.woocommerce ul.products li.product .product-brand a {
    font-size: 13px !important;
    line-height: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    vertical-align: top !important;
    color: #0073aa !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce ul.products li.product .pwb-brands-in-loop a:hover,
.woocommerce ul.products li.product .stld-product-brand-loop a:hover,
.woocommerce ul.products li.product .product-brand a:hover {
    color: #ff5722 !important;
    text-decoration: underline !important;
}

/* Giá sản phẩm */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ff5722 !important;
    line-height: 22px !important;
    min-height: 22px !important;
    margin: 4px 0 12px 0 !important;
    text-align: left !important;
}
.woocommerce ul.products li.product .price del {
    color: #999999 !important;
    font-size: 13px !important;
    font-weight: normal !important;
    margin-right: 6px !important;
    display: inline-block !important;
}
.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
    color: #ff5722 !important;
    font-weight: 700 !important;
}

/* NÚT THÊM VÀO GIỎ HÀNG: Ghim đáy thẻ (margin-top: auto), luôn thẳng 1 hàng ngang tuyệt đối */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
a.button.add_to_cart_button {
    margin-top: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #ff5722 !important;
    background-color: #ff5722 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    border: none !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 14px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    text-transform: none !important;
    box-shadow: 0 2px 6px rgba(255, 87, 34, 0.25) !important;
    cursor: pointer !important;
    text-align: center !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
a.button.add_to_cart_button:hover {
    background: #e64a19 !important;
    background-color: #e64a19 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(255, 87, 34, 0.35) !important;
}

/* Phân trang */
.woocommerce nav.woocommerce-pagination,
.woocommerce-pagination {
    text-align: center !important;
    margin: 30px 0 10px 0 !important;
    clear: both !important;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination ul {
    display: inline-flex !important;
    gap: 6px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-pagination ul li {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    min-width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    border: 1px solid #ddd !important;
    color: #444 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    background: #fff !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li span.current {
    background: #ff5722 !important;
    color: #fff !important;
    border-color: #ff5722 !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li a:hover {
    background: #f5f5f5 !important;
    border-color: #ff5722 !important;
    color: #ff5722 !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px !important;
    }
    .woocommerce ul.products li.product a img,
    .woocommerce ul.products li.product img {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }
}
@media (max-width: 768px) {
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px 10px !important;
    }
    .stld-shop-page-wrapper .woocommerce-result-count,
    .stld-shop-page-wrapper .woocommerce-ordering {
        float: none !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }
    .stld-shop-page-wrapper .woocommerce-ordering select.orderby {
        width: 100% !important;
    }
    .woocommerce ul.products li.product a img,
    .woocommerce ul.products li.product img {
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
    }
}

/* ========================================================================= */
/* 12. KHỐI LOGO THƯƠNG HIỆU (BRAND SCROLLER) - CHUẨN 100% HÌNH 2 MẪU       */
/* ========================================================================= */
.stld-brand-box {
    position: relative !important;
    margin: 15px 0 10px 0 !important; /* Kéo lên gọn gàng, đồng bộ nhịp nhàng */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Tiêu đề "Thương hiệu" đồng bộ kích thước & độ đậm 20px bold 700 như tiêu đề "Tin tức" */
.tygh-content .stld-brand-box .ty-mainbox-title,
.tygh-content .stld-brand-box .ty-mainbox-title span,
.stld-brand-box .ty-mainbox-title,
.stld-brand-box .ty-mainbox-title span {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 20px !important; /* Đồng bộ chuẩn 20px như tiêu đề Tin tức */
    font-weight: 700 !important; /* Đồng bộ chuẩn Bold 700 như tiêu đề Tin tức */
    text-transform: none !important; /* Chữ thường hoa đầu, không in hoa */
    color: #222222 !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
    border: none !important;
    letter-spacing: normal !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Nút điều hướng mũi tên < > chuẩn hình 2 mẫu */
.stld-brand-controls {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: auto !important;
}
.stld-brand-nav-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    background: #eeeeee !important;
    color: #444444 !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    line-height: 1 !important;
    user-select: none !important;
}
.stld-brand-nav-btn:hover {
    background: #e0e0e0 !important;
    color: #111111 !important;
}
.stld-brand-nav-btn:active {
    background: #d5d5d5 !important;
    transform: scale(0.95) !important;
}

/* Container dải thương hiệu */
#scroll_list_247 {
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* Khi Owl Carousel kích hoạt (Owl quản lý bề rộng .owl-item) */
#scroll_list_247.owl-carousel {
    display: block !important;
    overflow: hidden !important;
}
#scroll_list_247 .owl-wrapper-outer {
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    border: none !important;
    background: transparent !important;
}
#scroll_list_247 .owl-wrapper {
    display: flex !important;
    align-items: center !important;
    border: none !important;
    background: transparent !important;
}
#scroll_list_247 .owl-item {
    float: left !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Khi Owl Carousel chưa nạp hoặc chế độ fallback cuộn ngang mượt */
#scroll_list_247:not(.owl-carousel) {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    gap: 0 !important;
}
#scroll_list_247:not(.owl-carousel)::-webkit-scrollbar {
    display: none !important;
}
#scroll_list_247:not(.owl-carousel) .stld-brand-logo-item {
    flex: 0 0 12.5% !important;
    max-width: 12.5% !important;
    min-width: 12.5% !important;
}

/* HOÀN TOÀN KHÔNG CÓ VIỀN HỘP, KHÔNG NỀN Ô, PHẲNG 100% TRÊN NỀN TRẮNG NHƯ HÌNH 2 MẪU */
#scroll_list_247 .ty-scroller__item,
#scroll_list_247 .stld-brand-logo-item,
.stld-brand-scroller .ty-scroller__item,
.stld-brand-logo-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 116px !important; /* Đặt chuẩn 116px theo yêu cầu người dùng */
    min-height: 116px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
}
#scroll_list_247 .ty-scroller__item:hover,
#scroll_list_247 .stld-brand-logo-item:hover,
.stld-brand-scroller .ty-scroller__item:hover,
.stld-brand-logo-item:hover {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
}

.stld-brand-img-link,
.stld-brand-item-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 116px !important;
    min-height: 116px !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

/* Ảnh logo thương hiệu: Cho to rõ lên max-height 116px chuẩn xác */
.stld-brand-logo-img,
#scroll_list_247 img,
.stld-brand-scroller img {
    max-height: 116px !important; /* Đặt max-height 116px theo yêu cầu người dùng */
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    opacity: 0.95 !important;
    filter: grayscale(100%) contrast(1.1) !important;
    transition: all 0.3s ease !important;
}

/* Khi rê chuột lên logo: hiển thị màu gốc và phóng to nhẹ sang trọng */
#scroll_list_247 .stld-brand-logo-item:hover .stld-brand-logo-img,
#scroll_list_247 .stld-brand-img-link:hover .stld-brand-logo-img,
.stld-brand-logo-item:hover .stld-brand-logo-img,
.stld-brand-img-link:hover .stld-brand-logo-img,
#scroll_list_247 .ty-scroller__item:hover img {
    opacity: 1 !important;
    filter: grayscale(0%) contrast(1) !important;
    transform: scale(1.08) !important;
}

/* Đồng bộ tiêu đề phần Giới thiệu Siêu Thị Làm Đẹp */
.stld-about-box h1.ty-mainbox-title,
.stld-about-box .ty-mainbox-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    text-transform: none !important;
    margin-top: 5px !important;
    margin-bottom: 14px !important;
    letter-spacing: normal !important;
}

/* Phần nội dung Giới thiệu Siêu Thị Làm Đẹp: viết chữ thường, không viết hoa */
.stld-about-box .ty-mainbox-body,
.stld-about-box .ty-wysiwyg-content,
.stld-about-box .ty-wysiwyg-content p,
.stld-about-box .ty-wysiwyg-content span,
.stld-about-box p,
.stld-about-box span {
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333333 !important;
    line-height: 1.6 !important;
}

/* Responsive fallback */
@media (max-width: 1200px) {
    #scroll_list_247:not(.owl-carousel) .stld-brand-logo-item {
        flex: 0 0 16.666% !important;
        max-width: 16.666% !important;
        min-width: 16.666% !important;
    }
}
@media (max-width: 900px) {
    #scroll_list_247:not(.owl-carousel) .stld-brand-logo-item {
        flex: 0 0 25% !important;
        max-width: 25% !important;
        min-width: 25% !important;
    }
}
@media (max-width: 660px) {
    #scroll_list_247:not(.owl-carousel) .stld-brand-logo-item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        min-width: 50% !important;
    }
}

/* ========================================================================= */
/* 13. FORM GIỮ KẾT NỐI (EMAIL INPUT & NÚT ĐĂNG KÝ MÀU CAM)                 */
/* ========================================================================= */
.cm-block-add-subscribe,
.ty-footer-form-block__input.cm-block-add-subscribe {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.cm-block-add-subscribe input[type="email"],
.cm-block-add-subscribe input[type="text"],
#subscr_email249 {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 0 16px !important;
    font-size: 14.5px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}
.cm-block-add-subscribe input:focus,
#subscr_email249:focus {
    border-color: #ff5722 !important;
    box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.15) !important;
}
.ty-btn__subscribe,
.stld-btn-orange,
#stld_btn_subscribe {
    flex: 0 0 auto !important;
    background: #ff5722 !important;
    background-color: #ff5722 !important;
    color: #ffffff !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 24px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(255, 87, 34, 0.25) !important;
    text-align: center !important;
    white-space: nowrap !important;
}
.ty-btn__subscribe:hover,
.stld-btn-orange:hover,
#stld_btn_subscribe:hover {
    background: #e64a19 !important;
    background-color: #e64a19 !important;
}

/* ========================================================================= */
/* 14. KHỬ HOÀN TOÀN SIDEBAR MẶC ĐỊNH KHÔNG MONG MUỐN                       */
/* ========================================================================= */
aside#secondary,
.widget-area,
.woocommerce-sidebar {
    display: none !important;
}

/* ========================================================================= */
/* 15. TỐI ƯU TOÀN DIỆN MOBILE (iOS, ANDROID) VÀ IPAD / TABLETS             */
/* ========================================================================= */

/* 15.1. NỀN TẢNG HỆ ĐIỀU HÀNH & HIỂN THỊ CHUẨN XÁC TRÊN TẤT CẢ THIẾT BỊ */
html {
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    scroll-behavior: smooth !important;
    -webkit-tap-highlight-color: rgba(255, 102, 0, 0.12) !important;
}

body {
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Khử hoàn toàn độ trễ 300ms của thao tác chạm màn hình (Touch Delay) */
a, button, input, select, textarea, .ty-hand, [onclick] {
    touch-action: manipulation !important;
}

/* Khử triệt để lỗi tự động phóng to (Auto-zoom) trên trình duyệt iOS Safari khi click ô nhập liệu */
@media (max-width: 768px) {
    input[type="text"],
    input[type="search"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    select,
    textarea {
        font-size: 16px !important;
        -webkit-appearance: none !important;
        appearance: none !important;
    }
}

/* Khử bo tròn mặc định quá mức của form control trên iOS */
input, textarea, select {
    border-radius: 4px;
}

/* 15.2. TỐI ƯU HEADER TRÊN ĐIỆN THOẠI (< 768PX) - CHUẨN 2 TẦNG TIỆN LỢI */
@media (max-width: 767px) {
    /* Header dính trên cùng kèm khoảng trống tai thỏ / dynamic island (Safe-Area) */
    .tygh-header,
    .tygh-header.light_header,
    .tygh-header.light_header.v2 {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 99999 !important;
        padding-top: max(0px, env(safe-area-inset-top, 0px)) !important;
        padding-left: max(0px, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(0px, env(safe-area-inset-right, 0px)) !important;
        background: #ffffff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    }

    /* Khung Header chia 2 tầng: Tầng 1 Logo + Nút tiện ích; Tầng 2 Tìm kiếm full width */
    .tygh-header .header-grid.top-menu-grid,
    .header-grid.top-menu-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 6px 10px 8px 10px !important;
        min-height: auto !important;
        height: auto !important;
        gap: 0 !important;
        box-sizing: border-box !important;
    }

    /* TẦNG 1 - BÊN TRÁI: Nút 3 gạch + Logo VK MARKET */
    .tygh-header .top-logo {
        order: 1 !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 116px) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .tygh-header #sw_dropdown_219 {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        flex-shrink: 0 !important;
        border-radius: 50% !important;
        border: 1px solid #e5e7eb !important;
        background: #ffffff !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .tygh-header .ty-logo-container {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        overflow: hidden !important;
        margin: 0 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    .tygh-header .ty-logo-container a {
        display: flex !important;
        align-items: center !important;
        max-width: 100% !important;
    }

    .tygh-header .ty-logo-container img {
        height: 48px !important;
        max-height: 48px !important;
        max-width: 100% !important;
        width: auto !important;
        object-fit: contain !important;
        display: block !important;
        transform: none !important;
    }

    /* TẦNG 1 - BÊN PHẢI: 3 ICON (Hotline tròn + Tài khoản + Giỏ hàng) TRÊN CÙNG 1 HÀNG */
    .tygh-header .top-right-group {
        order: 2 !important;
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .tygh-header .stld-hotline-dropdown-wrap {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
    }

    /* Ẩn chữ số hotline dài trên mobile tránh tràn màn hình, biến thành nút gọi nhanh tròn màu cam */
    .tygh-header .stld-hotline-text,
    .tygh-header .stld-hotline-arrow-btn {
        display: none !important;
    }

    .tygh-header .stld-hotline-main-link {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 50% !important;
        background-color: #fff5ee !important;
        border: 1px solid #ffd8c2 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        color: #ff5500 !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }

    .tygh-header .stld-hotline-phone-icon {
        width: 16px !important;
        height: 16px !important;
        stroke: #ff5500 !important;
    }

    .tygh-header .top-buttons {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        flex-shrink: 0 !important;
    }

    .tygh-header .ut2-top-my-account,
    .tygh-header .ut2-top-cart-content {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .tygh-header .ut2-top-my-account a,
    .tygh-header .ut2-top-cart-content a {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 50% !important;
        background-color: #fff5ee !important;
        border: 1px solid #ffd8c2 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        color: #ff5500 !important;
        flex-shrink: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    .tygh-header .ut2-top-my-account a svg,
    .tygh-header .ut2-top-cart-content a svg {
        width: 17px !important;
        height: 17px !important;
        stroke: #ff5500 !important;
    }

    .tygh-header .ty-minicart-count {
        top: -4px !important;
        right: -4px !important;
        min-width: 16px !important;
        height: 16px !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        background: #ff5500 !important;
        border: 2px solid #ffffff !important;
        border-radius: 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 3px !important;
        color: #ffffff !important;
        line-height: 1 !important;
    }

    /* TẦNG 2: THANH TÌM KIẾM 100% CHIỀU RỘNG */
    .tygh-header .top-search {
        order: 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin: 8px 0 0 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    /* Khử nút danh mục cam desktop trong ô tìm kiếm khi trên màn hình điện thoại (vì đã có menu 3 gạch) */
    .tygh-header .top-menu-grid-vetrtical {
        display: none !important;
    }

    .tygh-header .stld-header-search-wrap {
        width: 100% !important;
        min-width: 100% !important;
    }

    .tygh-header .stld-search-box-inner {
        width: 100% !important;
        height: 40px !important;
        position: relative !important;
    }

    .tygh-header .stld-search-input {
        width: 100% !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 16px !important; /* Đảm bảo iOS không bị phóng to màn hình */
        border-radius: 20px !important;
        background-color: #f3f4f6 !important;
        border: 1px solid #e5e7eb !important;
        padding: 0 44px 0 16px !important;
        box-sizing: border-box !important;
    }

    .tygh-header .stld-search-input:focus {
        background-color: #ffffff !important;
        border-color: #ff5500 !important;
        box-shadow: 0 0 0 3px rgba(255, 85, 0, 0.12) !important;
    }

    .tygh-header .stld-search-submit {
        position: absolute !important;
        right: 4px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 50% !important;
    }

    /* 15.3. DRAWER MENU MOBILE (VUỐT MƯỢT MÀ VỚI GIA TỐC PHẦN CỨNG) */
    .ut2-sw-w {
        width: 320px !important;
        max-width: 86vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        transform: translate3d(0, 0, 0) !important;
        will-change: left, opacity !important;
    }

    #dropdown_219.ut2-sw-b {
        height: 100vh !important;
        height: 100dvh !important;
        touch-action: none !important;
    }

    /* Khoá cuộn trang nền khi đang mở menu 3 gạch trên điện thoại */
    body.stld-drawer-open {
        overflow: hidden !important;
        touch-action: none !important;
    }
}

/* 15.4. TỐI ƯU GIAO DIỆN TRÊN IPAD VÀ MÁY TÍNH BẢNG (768PX - 1024PX) */
@media (min-width: 768px) and (max-width: 1024px) {
    .tygh-header,
    .tygh-header.light_header,
    .tygh-header.light_header.v2 {
        padding-top: max(0px, env(safe-area-inset-top, 0px)) !important;
    }

    .tygh-header .header-grid.top-menu-grid,
    .header-grid.top-menu-grid {
        padding: 0 16px !important;
        min-height: 64px !important;
        gap: 10px !important;
    }

    .tygh-header .ty-logo-container img {
        max-height: 52px !important;
        max-width: 200px !important;
        height: 52px !important;
        width: auto !important;
    }

    .tygh-header .top-search {
        margin: 0 12px !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        max-width: none !important;
    }

    .tygh-header #sw_dropdown_2409 {
        height: 38px !important;
        line-height: 38px !important;
        padding: 0 12px !important;
        font-size: 13.5px !important;
    }

    .tygh-header .stld-search-box-inner {
        height: 38px !important;
    }

    .tygh-header .stld-search-input {
        height: 38px !important;
        line-height: 38px !important;
        font-size: 14px !important;
    }

    .tygh-header .stld-hotline-main-link {
        font-size: 13.5px !important;
    }

    .tygh-header .top-right-group {
        gap: 12px !important;
    }
}

/* 15.5. LƯỚI SẢN PHẨM RESPONSIVE: 2 CỘT TRÊN MOBILE, 3-4 CỘT TRÊN IPAD */
@media (max-width: 767px) {
    .tygh-content .container-fluid,
    .tygh-content .container-fluid-row:not(.container-fluid-row-full-width):not(.container-fluid-row-no-limit),
    .container-fluid-row:not(.container-fluid-row-full-width):not(.container-fluid-row-no-limit) {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    /* Banner hero sát khung 100% không viền lề trên Mobile */
    .tygh-content .container-fluid-row.container-fluid-row-no-limit,
    .container-fluid-row.container-fluid-row-no-limit,
    .container-fluid-row.container-fluid-row-no-limit > .row-fluid,
    .container-fluid-row.container-fluid-row-no-limit > .row-fluid > .span16,
    .container-fluid-row.container-fluid-row-no-limit .homepage-banners {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    /* Khối Tin tức: Căn lề chuẩn 10px đồng bộ đều với các khối sản phẩm phía trên */
    .container-fluid-row.fill--gray > .row-fluid,
    .container-fluid-row.fill--gray .ty-mainbox-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .tygh-content .row-fluid,
    .tygh-content .span16,
    .tygh-content .ty-mainbox-container,
    .tygh-content .ty-mainbox-body,
    .tygh-content .cm-tabs-content,
    .tygh-content .ty-tabs__content,
    .row-fluid,
    .span16,
    .ty-mainbox-container,
    .ty-mainbox-body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    .ty-mainbox-title {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .grid-list,
    .ty-pagination-container > .grid-list {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .grid-list .grid-list__load-more,
    .grid-list__load-more,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        justify-content: stretch !important;
        align-content: start !important;
    }

    .grid-list::before,
    .grid-list::after,
    .grid-list__load-more::before,
    .grid-list__load-more::after {
        display: none !important;
        content: none !important;
    }

    .grid-list .ut2-gl__item form,
    .grid-list__load-more .ty-column5 .ut2-gl__item form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .grid-list .ty-column5,
    .grid-list__load-more .ty-column5,
    .grid-list div[class*="ty-column"],
    .grid-list__load-more div[class*="ty-column"],
    .woocommerce ul.products li.product,
    ul.products li.product {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .grid-list .ut2-gl__item,
    .grid-list__load-more .ut2-gl__item,
    .grid-list__load-more div[class*="ty-column"] .ut2-gl__item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        left: 0 !important;
        right: 0 !important;
    }

    .grid-list .grid-list__load-more .ty-column5 .ut2-gl__body,
    .grid-list .ut2-gl__body,
    .grid-list__load-more .ty-column5 .ut2-gl__body,
    .mouseevents .grid-list:not(.owl-theme):not(.ut2-native-scroller) .ut2-gl__item:hover .ut2-gl__body,
    .mouseevents .grid-list > .grid-list__load-more:not(.view) .ut2-gl__item:hover .ut2-gl__body,
    .mouseevents .grid-list > .grid-list__load-more.view .ut2-gl__item:hover .ut2-gl__body,
    .ut2-gl__body,
    ul.products li.product {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        border-radius: 8px !important;
        padding: 8px !important;
        box-sizing: border-box !important;
    }

    /* Ảnh sản phẩm vuông vắn chuẩn 1:1 trên điện thoại */
    .grid-list .ut2-gl__image,
    .grid-list .ut2-gl__image img,
    .woocommerce ul.products li.product a img,
    .woocommerce ul.products li.product img,
    ul.products li.product img {
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;
        max-height: 180px !important;
        width: 100% !important;
        height: auto !important;
    }

    /* Tiêu đề sản phẩm hiển thị 2 dòng gọn gàng, to rõ, không bị hổng khoảng trắng */
    .ut2-gl__name,
    .product-title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title a,
    .grid-list .ut2-gl__name .product-title {
        font-size: 13.5px !important;
        line-height: 1.4 !important;
        height: auto !important;
        min-height: 38px !important;
        max-height: 60px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: break-word !important;
        padding-bottom: 2px !important;
        margin: 4px 0 3px 0 !important;
        font-weight: 700 !important;
    }

    /* Giá bán trên điện thoại nổi bật */
    .ut2-gl__price .ty-price,
    .woocommerce ul.products li.product .price,
    ul.products li.product .price {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #ff5500 !important;
    }

    .ut2-gl__price .ty-list-price,
    .woocommerce ul.products li.product .price del,
    ul.products li.product .price del {
        font-size: 11.5px !important;
    }

    /* Nút Thêm vào giỏ hàng trên mobile: luôn 1 hàng không bị rớt dòng cắt chữ */
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product .add_to_cart_button,
    a.button.add_to_cart_button {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        height: 36px !important;
        min-height: 36px !important;
        line-height: 36px !important;
        padding: 0 4px !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
    }
}

/* iPad Portrait (768px - 991px): 3 cột sản phẩm */
@media (min-width: 768px) and (max-width: 991px) {
    .grid-list .grid-list__load-more,
    .grid-list__load-more,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 14px 12px !important;
    }

    .grid-list .ty-column5,
    .grid-list__load-more .ty-column5,
    .woocommerce ul.products li.product,
    ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }
}

/* iPad Landscape (992px - 1199px): 4 cột sản phẩm */
@media (min-width: 992px) and (max-width: 1199px) {
    .grid-list .grid-list__load-more,
    .grid-list__load-more,
    .woocommerce ul.products,
    .woocommerce-page ul.products,
    ul.products {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 16px 14px !important;
    }

    .grid-list .ty-column5,
    .grid-list__load-more .ty-column5,
    .woocommerce ul.products li.product,
    ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }
}

/* 15.6. TỐI ƯU CHI TIẾT SẢN PHẨM TRÊN MOBILE: THƯ VIỆN ẢNH & NÚT MUA GHIM DƯỚI ĐÁY */
@media (max-width: 640px) {
    /* Đổi dải thumbnail ảnh xếp ngang phía dưới ảnh lớn thay vì ép cột dọc bên trái */
    .ld-gallery-vertical-wrapper {
        flex-direction: column-reverse !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .ld-gallery-vertical-thumbs-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        margin-top: 6px !important;
    }

    .ld-thumb-nav-btn {
        display: none !important;
    }

    .ld-gallery-vertical-thumbs {
        flex-direction: row !important;
        width: 100% !important;
        max-height: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 4px 0 !important;
        gap: 8px !important;
        scrollbar-width: none !important;
    }

    .ld-gallery-vertical-thumbs::-webkit-scrollbar {
        display: none !important;
    }

    .ld-gallery-thumb {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        flex-shrink: 0 !important;
    }

    .ld-gallery-main-frame {
        width: 100% !important;
        min-height: 290px !important;
        max-height: 380px !important;
        padding: 8px !important;
    }

    .ld-gallery-main-frame img#ld-main-image {
        max-height: 350px !important;
        width: auto !important;
    }
}

/* THANH NÚT MUA GHIM DƯỚI ĐÁY MÀN HÌNH (STICKY BUY BAR) TRÊN MOBILE */
.ld-mobile-sticky-buy-bar {
    display: none;
}

@media (max-width: 768px) {
    .ld-mobile-sticky-buy-bar {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 99990 !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border-top: 1px solid #e5e7eb !important;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)) 12px !important;
        box-sizing: border-box !important;
        -webkit-backdrop-filter: blur(12px) !important;
        backdrop-filter: blur(12px) !important;
    }

    .ld-msb-container {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .ld-msb-action-icon {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        color: #4b5563 !important;
        text-decoration: none !important;
        font-size: 10.5px !important;
        font-weight: 600 !important;
        padding: 2px 6px !important;
        flex: 0 0 auto !important;
        line-height: 1 !important;
    }

    .ld-msb-action-icon svg {
        stroke: #ff5500 !important;
    }

    .ld-msb-zalo-badge {
        background-color: #0088fe !important;
        color: #ffffff !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        padding: 2px 4px !important;
        border-radius: 4px !important;
        line-height: 1 !important;
    }

    .ld-msb-btn {
        flex: 1 1 50% !important;
        height: 42px !important;
        border-radius: 8px !important;
        font-weight: 700 !important;
        font-size: 13.5px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        cursor: pointer !important;
        border: none !important;
        transition: all 0.15s ease !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .ld-msb-cart-btn {
        background-color: #fff5ee !important;
        color: #ff5500 !important;
        border: 1px solid #ffccb0 !important;
    }

    .ld-msb-cart-btn:active {
        background-color: #ffe3d1 !important;
    }

    .ld-msb-buy-btn {
        background: linear-gradient(135deg, #ff6600 0%, #e64a00 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 3px 10px rgba(255, 102, 0, 0.3) !important;
    }

    .ld-msb-buy-btn:active {
        transform: scale(0.98) !important;
    }

    /* Đệm khoảng trống chân trang để không bị thanh mua che khuất nội dung */
    body.single-product,
    body.single-product-view {
        padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
    }
    .lamdep-single-wrapper {
        padding-bottom: 0 !important;
    }
}

/* 15.7. TỐI ƯU CỤM NÚT NỔI (FLOATING BUTTONS) TRÁNH ĐÈ LÊN THANH MUA HÀNG */
@media (max-width: 768px) {
    .floating-buttons {
        bottom: calc(75px + env(safe-area-inset-bottom, 0px)) !important;
        right: 12px !important;
        gap: 8px !important;
    }

    .floating-buttons .zalo-chat-widget,
    .floating-buttons .fb-chat-widget,
    .floating-buttons .stld-scroll-top-btn {
        width: 42px !important;
        height: 42px !important;
    }

    .floating-buttons .zalo-chat-widget img,
    .floating-buttons .fb-chat-widget svg {
        width: 42px !important;
        height: 42px !important;
    }
}

/* 15.8. TỐI ƯU TRANG DANH MỤC: THANH BẬT TẮT BỘ LỌC TRÊN MOBILE */
@media (max-width: 991px) {
    .ld-cat-main-layout {
        flex-direction: column !important;
    }

    .ld-mobile-filter-bar {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        background: #ffffff !important;
        padding: 10px 14px !important;
        border-radius: 8px !important;
        border: 1px solid #e5e7eb !important;
        margin-bottom: 14px !important;
        box-sizing: border-box !important;
    }

    .ld-mobile-filter-btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 8px 14px !important;
        background-color: #fff5ee !important;
        color: #ff5500 !important;
        border: 1px solid #ffd8c2 !important;
        border-radius: 6px !important;
        font-weight: 700 !important;
        font-size: 13.5px !important;
        cursor: pointer !important;
    }

    .ld-cat-sidebar {
        display: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .ld-cat-sidebar.is-open {
        display: block !important;
        animation: ldFadeIn 0.25s ease !important;
    }

    @keyframes ldFadeIn {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }
}

/* TIÊU ĐỀ KHỐI SECTION SẢN PHẨM TRANG CHỦ */
.ty-mainbox-title,
h1.ty-mainbox-title,
.ty-mainbox-simple-title {
    text-transform: uppercase !important;
}

/* ĐỒNG BỘ TOÀN BỘ DANH MỤC: CHỮ THƯỜNG IN HOA CHỮ CÁI ĐẦU, KHÔNG ÉP IN HOA TOÀN BỘ */
.stld-drawer-cats-list,
.stld-drawer-cats-list a,
.stld-drawer-cats-list span,
.stld-subcat-drawer-wrap,
.stld-subcat-drawer-wrap a,
.stld-qc-title,
.woocommerce-loop-category__title,
.woocommerce-products-header__title {
    text-transform: none !important;
}

/* ========================================================================= */
/* TỐI ƯU GIAO DIỆN THEO YÊU CẦU CỦA ANH KHÁNH ĐẸP TRAI NHẤT VŨ TRỤ */
/* ========================================================================= */

/* 1. Tiêu đề khối to hơn, khoảng cách gọn gàng */
.ty-mainbox-title,
h1.ty-mainbox-title,
.ty-mainbox-simple-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #222222 !important;
    text-transform: uppercase !important;
    letter-spacing: normal !important;
    margin-top: 6px !important;
    margin-bottom: 12px !important;
}

@media (max-width: 768px) {
    .ty-mainbox-title,
    h1.ty-mainbox-title,
    .ty-mainbox-simple-title {
        font-size: 21px !important;
        font-weight: 800 !important;
        margin-top: 4px !important;
        margin-bottom: 8px !important;
    }
}

/* 2. Tiêu đề các ô thông tin thanh toán & in đậm các tiêu đề checkout */
.stld-custom-field-label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    margin-bottom: 6px !important;
    margin-top: 4px !important;
    line-height: 1.4 !important;
}
.stld-custom-field-label strong {
    font-weight: 700 !important;
    color: #222222 !important;
}
.stld-step-name,
.stld-notes-title,
.stld-card-title,
.stld-checkout-title,
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3 {
    font-weight: 700 !important;
    color: #111827 !important;
}

/* 3. Nút Hoàn tất đặt hàng & các nút CTA to chữ rõ ràng */
#place_order,
.woocommerce-checkout #place_order,
button.single_add_to_cart_button,
a.single_add_to_cart_button,
#ld-btn-add-to-cart,
.ld-btn-add-to-cart,
button[name="add-to-cart"],
.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
}
#ld-btn-cart-text {
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* 4. Khắc phục triệt để khoảng trắng lớn ở đáy thẻ thanh toán và chân trang */
.stld-order-review-card {
    padding-bottom: 16px !important;
}
#payment .form-row.place-order,
.woocommerce-checkout #payment .form-row.place-order,
.woocommerce-checkout-payment .place-order {
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-privacy-policy-text p {
    margin-bottom: 12px !important;
}
#place_order,
.woocommerce-checkout #place_order {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}

.woocommerce-checkout .site-main-container,
.woocommerce-checkout .woocommerce,
.stld-checkout-page-wrapper {
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    /* Chuyển 3 ô Tên, Điện thoại, Email thành 3 hàng riêng biệt trên Mobile (chuẩn 100% yêu cầu) */
    .stld-row-three-fields {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }
    .stld-row-three-fields .stld-field-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 0 !important;
    }
    .stld-row-three-fields .stld-field-col input,
    .stld-row-three-fields .stld-field-col input.input-text,
    .stld-row-three-fields .stld-field-col .woocommerce-input-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Thu gọn tối đa khoảng trắng dưới nút Hoàn tất đặt hàng và trước footer */
    .stld-order-review-card {
        padding: 16px 14px 12px 14px !important;
        margin-bottom: 6px !important;
    }
    .stld-checkout-right {
        margin-bottom: 4px !important;
    }
    .stld-checkout-form {
        margin-bottom: 0 !important;
    }
    .woocommerce-checkout .site-main-container,
    .woocommerce-checkout .woocommerce,
    .stld-checkout-page-wrapper {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .woocommerce-checkout .tygh-footer {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .woocommerce-checkout .ty-footer-menu.b-top {
        margin-top: 0 !important;
        padding-top: 8px !important;
    }
    .woocommerce-checkout .ty-footer-menu {
        padding-top: 0 !important;
    }
}

/* 5. Tăng kích cỡ chữ chung toàn website để đọc dễ dàng hơn */
body, p, input, select, textarea, .woocommerce {
    font-size: 14.5px;
}
.product-title,
.ty-grid-list__item-name a {
    font-size: 14.5px !important;
    font-weight: 700 !important;
}

/* 6. Thu gọn triệt để khoảng trắng giữa phân trang sản phẩm và footer trên trang danh mục / lưu trữ */
.tax-product_cat .lamdep-cat-wrapper,
.archive.woocommerce .lamdep-cat-wrapper,
.post-type-archive-product .lamdep-cat-wrapper,
.lamdep-cat-wrapper {
    min-height: auto !important;
    padding-bottom: 8px !important;
    margin-bottom: 0 !important;
}
.tax-product_cat .lamdep-cat-wrapper .page-numbers,
.archive.woocommerce .lamdep-cat-wrapper .page-numbers {
    margin: 12px 0 4px 0 !important;
}
.tax-product_cat .tygh-footer,
.archive.woocommerce .tygh-footer,
.post-type-archive-product .tygh-footer {
    margin-top: 10px !important;
}
@media (max-width: 768px) {
    .tax-product_cat .lamdep-cat-wrapper,
    .archive.woocommerce .lamdep-cat-wrapper,
    .post-type-archive-product .lamdep-cat-wrapper,
    .lamdep-cat-wrapper {
        padding-top: 8px !important;
        padding-bottom: 4px !important;
    }
    .tax-product_cat .lamdep-cat-wrapper .page-numbers,
    .archive.woocommerce .lamdep-cat-wrapper .page-numbers {
        margin: 8px 0 2px 0 !important;
    }
    .tax-product_cat .tygh-footer,
    .archive.woocommerce .tygh-footer,
    .post-type-archive-product .tygh-footer {
        margin-top: 8px !important;
    }
}

/* Trang chi tiết sản phẩm: Đồng bộ khoảng cách nút Xem thêm sát sản phẩm như trang chủ */
.lamdep-single-wrapper .stld-see-more-wrap {
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 6px 0 0 0 !important;
    clear: both !important;
}
.lamdep-single-wrapper .ld-rel-pane .grid,
.lamdep-single-wrapper .ld-sug-pane .grid {
    margin-bottom: 6px !important;
}
.lamdep-single-wrapper .ld-rel-section-wrap {
    margin-bottom: 24px !important;
}
.lamdep-single-wrapper > div:first-child {
    padding-bottom: 8px !important;
}
.stld-sp-bottom-section {
    margin-top: 8px !important;
}
.stld-sp-banner-container {
    margin: 4px auto 0 auto !important;
}

/* ========================================================================= */
/* TỔNG HỢP FIX LỖI MOBILE KHOẢNG TRẮNG & FOOTER ACCORDION (TEST 28/9)       */
/* ========================================================================= */
@media (max-width: 767px) {
    /* 1. Trang chi tiết sản phẩm: Giảm khoảng trắng trước banner đỏ và 3 cam kết, nút Xem thêm sát sản phẩm */
    .lamdep-single-wrapper .stld-see-more-wrap {
        margin: 4px 0 0 0 !important;
    }
    .lamdep-single-wrapper .ld-rel-pane .grid,
    .lamdep-single-wrapper .ld-sug-pane .grid {
        margin-bottom: 4px !important;
    }
    .lamdep-single-wrapper .ld-rel-section-wrap {
        margin-bottom: 18px !important;
    }
    .stld-sp-bottom-section {
        margin-top: 4px !important;
    }
    .stld-sp-banner-container {
        margin: 4px auto 0 auto !important;
        padding: 0 10px !important;
    }
    .lamdep-single-wrapper {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .lamdep-single-wrapper > div:first-child {
        padding-bottom: 0 !important;
    }
    .lamdep-single-wrapper .ld-btn-see-more {
        margin-bottom: 0 !important;
    }

    /* 2. Trang Shop (/mua/): Thu gọn khoảng trắng dưới phân trang và footer */
    .stld-shop-page-wrapper,
    .woocommerce-shop #primary,
    .woocommerce-shop main.site-main,
    .post-type-archive-product #primary,
    .post-type-archive-product main.site-main {
        padding: 12px 10px 12px 10px !important;
    }
    .stld-shop-page-wrapper .woocommerce-pagination,
    .woocommerce-shop .woocommerce-pagination,
    .post-type-archive-product .woocommerce-pagination {
        margin-top: 12px !important;
        margin-bottom: 10px !important;
    }

    /* 3. Trang Tin tức & Chuyên mục (/bai-viet/huong-dan/): Thu gọn khoảng trắng dưới widget danh mục */
    .stld-news-archive-page,
    .stld-news-single-page {
        padding-bottom: 12px !important;
    }
    .stld-news-widget {
        margin-bottom: 12px !important;
    }

    /* 4. Trang chủ: Thu gọn tối đa khoảng cách giữa các khối danh mục (Xem thêm -> Tiêu đề tiếp theo) */
    .span16.ut2-bottom,
    .ut2-bottom {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .span16.ut2-top-bottom,
    .ut2-top-bottom {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
    .stld-see-more-wrap {
        margin: 4px 0 0 0 !important;
    }
    .container-fluid-row {
        margin-bottom: 2px !important;
    }
    .ty-mainbox-container {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
    .ty-mainbox-title,
    h1.ty-mainbox-title,
    .ty-mainbox-simple-title {
        margin-top: 2px !important;
        margin-bottom: 6px !important;
        padding-bottom: 2px !important;
    }

    /* 5. Trang Tài khoản: Thu gọn khoảng cách trước Footer */
    .woocommerce-account .site-main-container {
        min-height: auto !important;
        padding-bottom: 15px !important;
    }
    .woocommerce-account .tygh-footer {
        margin-top: 10px !important;
    }

    /* 6. Footer Accordion: Đảm bảo ấn được 100%, ẩn/hiện mượt mà và xoay icon chính xác trên Mobile */
    .ty-footer-general__header,
    .ty-footer-menu__header {
        position: relative !important;
        cursor: pointer !important;
        user-select: none !important;
        touch-action: manipulation !important;
        z-index: 5 !important;
    }
    .ty-footer-general__header *,
    .ty-footer-menu__header * {
        pointer-events: none !important;
    }
    .ty-footer-general__header .ty-footer-menu__icon-open,
    .ty-footer-general__header .ty-footer-menu__icon-hide {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 16px !important;
        pointer-events: none !important;
    }
    .ty-footer-general__header:not(.open) .ty-footer-menu__icon-open {
        display: block !important;
    }
    .ty-footer-general__header:not(.open) .ty-footer-menu__icon-hide {
        display: none !important;
    }
    .ty-footer-general__header.open .ty-footer-menu__icon-open {
        display: none !important;
    }
    .ty-footer-general__header.open .ty-footer-menu__icon-hide {
        display: block !important;
    }
    .ty-footer-general__body,
    .ty-footer-menu__items {
        display: none;
    }
    .ty-footer-general__header.open + .ty-footer-general__body,
    .ty-footer-general__body.open {
        display: block !important;
    }
}

/* TỐI ƯU DESKTOP / LAPTOP: TĂNG KÍCH THƯỚC LOGO & THU GỌN KHOẢNG TRẮNG KHỐI */
@media (min-width: 1025px) {
    .tygh-header .ty-logo-container img {
        max-height: 58px !important;
        height: 58px !important;
        width: auto !important;
        object-fit: contain !important;
    }
    .span16.ut2-bottom,
    .ut2-bottom {
        padding-bottom: 12px !important;
        margin-bottom: 0 !important;
    }
    .ty-mainbox-container {
        margin-bottom: 4px !important;
    }
    .stld-see-more-wrap {
        margin: 6px 0 0 0 !important;
    }
}

/* TẮT THÔNG BÁO THÊM GIỎ HÀNG & LỖI NONCE_FAILURE TRÊN TRANG GIỎ HÀNG */
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-error:has([data-id="nonce_failure"]),
.woocommerce-notice--nonce_failure {
    display: none !important;
}

/* TỐI ƯU FORM ĐĂNG NHẬP / TÀI KHOẢN: LÙI CTA QUÊN MẬT KHẨU XUỐNG DƯỚI NÚT ĐĂNG NHẬP */
.woocommerce-form-login .stld-auth-actions,
.woocommerce form.login .stld-auth-actions {
    margin-bottom: 20px !important;
}
.stld-auth-card .lost_password,
.woocommerce-form-login .woocommerce-LostPassword,
.woocommerce form.login .woocommerce-LostPassword,
.woocommerce form.login .lost_password,
.woocommerce-LostPassword.lost_password {
    margin-top: 20px !important;
    margin-bottom: 16px !important;
    text-align: center !important;
    clear: both !important;
    display: block !important;
}
.stld-auth-card .lost_password a,
.woocommerce-form-login .woocommerce-LostPassword a,
.woocommerce form.login .lost_password a {
    color: #0077cc !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 4px 10px !important;
    transition: all 0.2s ease !important;
}
.stld-auth-card .lost_password a:hover,
.woocommerce-form-login .woocommerce-LostPassword a:hover,
.woocommerce form.login .lost_password a:hover {
    color: #ff5500 !important;
    text-decoration: underline !important;
}

@media (max-width: 767px) {
    .woocommerce-form-login .stld-auth-actions,
    .woocommerce form.login .stld-auth-actions {
        margin-bottom: 18px !important;
    }
    .stld-auth-card .lost_password,
    .woocommerce-form-login .woocommerce-LostPassword,
    .woocommerce form.login .lost_password {
        margin-top: 18px !important;
        margin-bottom: 14px !important;
    }
}