/* ==========================================================================
   BIODINO THEME - RESPONSIVE STYLESHEET (responsive.css)
   Thứ tự nạp: Nạp sau style.css (fc-theme-responsive)
   Quy tắc:
   1. Chỉ override các thuộc tính thực sự thay đổi theo màn hình (Zero Duplicate).
   2. Không khai báo lại màu sắc hay thuộc tính nền tảng đã có ở style.css.
   3. Tổ chức tập trung theo 4 mốc Breakpoints chuẩn (Desktop-First).
   ========================================================================== */

/* ==========================================================================
   1. BREAKPOINT: LAPTOP & TABLET LANDSCAPE (< 1200px)
   ========================================================================== */
@media (max-width: 1199.98px) {

    /* Header Navigation & Sizing */
    .header-nav-col {
        display: none !important;
    }

    .btn-menu-mobile {
        display: inline-flex !important;
    }

    .header-main-inner {
        height: 68px;
    }

    .header-logo-img {
        height: 40px;
        max-width: 140px;
    }

    /* Biodino Single Product v7 - Laptop
       Khung gallery hẹp dần (~462px @1200) nên giảm padding 80px -> 44px
       để ảnh không bị bóp nhỏ. */
    .bd-gallery-main-slide {
        padding: 44px;
    }

    .bd-single-gallery-col .flex-control-thumbs {
        width: 70px;
    }

    .bd-single-gallery-col .flex-control-thumbs li {
        width: 70px;
        height: 70px;
    }

    .bd-single-summary .product_title {
        font-size: 26px;
    }

    /* Builder: Về Biodino Care (care-about / care-roles / care-info) */
    .builder-intro-title {
        font-size: 36px;
    }

    .builder-intro-desc {
        font-size: 16.5px;
    }

    .builder-care-media {
        min-height: 260px;
    }

    .builder-section-heading {
        font-size: 28px;
    }
}

/* ==========================================================================
   2. BREAKPOINT: TABLET PORTRAIT (< 992px)
   ========================================================================== */
@media (max-width: 991.98px) {

    /* Sidebar adjustments */
    .sidebar-template {
        display: none;
    }

    .layout-sidebar {
        width: 100%;
    }

    /* Footer — Tablet: 2 cột */
    .footer-template {
        padding: 40px 0 var(--fc_space_4, 16px);
    }

    .bd-footer-top {
        grid-template-columns: 1fr 1fr;
        gap: var(--fc_space_5, 24px);
    }

    .bd-footer-brand {
        grid-column: 1 / -1;
    }

    /* Single Post & Post Loop */
    .title-single {
        font-size: 24px;
    }

    .breadcrumb-template .container {
        padding: 0;
    }

    .title-item-post-loop {
        font-size: 22px;
    }

    /* General Utilities */
    .btn-to-top {
        display: none;
    }

    .customers-partners {
        font-size: 22px;
    }

    .review-of {
        font-size: 18px;
    }

    /* Builder: Slider */
    .item-builder-slider .sub-title-item-builder-slider {
        font-size: 24px;
    }

    .item-builder-slider .title-item-builder-slider {
        font-size: 16px;
    }

    /* Builder: Statics */
    .wrapper-builder-statics {
        width: calc(100% / 3);
        border-bottom: 1px dashed var(--fc_color_tertiary);
    }

    /* Builder: Title */
    .builder-title-content {
        font-size: 30px;
    }

    /* Builder: Hero */
    .builder-hero-split-wrapper {
        min-height: auto;
    }

    .builder-hero-half-visual {
        order: -1;
        flex: 0 0 100%;
        width: 100%;
        padding: 32px 16px 36px;
    }

    .builder-hero-half-content {
        order: 2;
        flex: 0 0 100%;
        width: 100%;
        padding: 36px 20px 24px;
        justify-content: center;
    }

    .builder-hero-content-inner {
        margin-left: 0;
    }

    .builder-hero-arch-card {
        max-width: 360px;
        min-height: 280px;
        max-height: 400px;
    }

    /* ==== Chuyển từ theme-woocommerce.css (đã chuẩn hóa breakpoint) ==== */

    /* Bảng responsive WooCommerce */
    .woocommerce-table-responsive thead {
        display: none;
    }

    .woocommerce-table-responsive tbody tr {
        display: block;
        margin-bottom: 15px;
    }

    .woocommerce-table-responsive tbody td {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 8px 5px;
        border: none;
        border-bottom: 1px dashed #ddd;
    }

    .woocommerce-table-responsive tbody td::before {
        content: attr(data-title);
        font-weight: 600;
        display: inline-block;
        padding-right: 15px;
    }

    /* Trang Giỏ hàng / Thanh toán */
    .woocommerce-cart .container-body,
    .woocommerce-checkout .container-body {
        margin: 0px;
        border: 0px;
        box-shadow: none;
    }

    .woocommerce-cart #shipping-calculator-form {
        max-width: 100%;
    }

    /* Trang Tài khoản: dashboard 4 cột */
    .woocommerce-account .item-dashboard {
        width: 25%;
    }

    /* Archive Biodino: lưới sản phẩm 2 cột cho toàn dải < 992px
       (Nút mở bộ lọc đã bị ẩn sẵn bởi base desktop trong theme-woocommerce.css) */
    .archive-product-biodino ul.products li.product,
    .archive-product-biodino .bd-product-card,
    .bd-product-card {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }

    /* Biodino Single Product v7 - Tablet
       Ảnh tràn gần hết chiều ngang (khung rộng ~700-930px) nên padding nhỏ. */
    .bd-gallery-main-slide {
        padding: 28px;
    }

    .bd-single-gallery-container {
        flex-direction: column-reverse;
        gap: 12px;
    }

    .bd-gallery-thumbs-col {
        flex-direction: row;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 6px;
    }

    .bd-gallery-thumb-btn {
        width: 80px;
        height: 84px;
        flex-shrink: 0;
    }

    .bd-gallery-main-frame {
        /* Chiều cao TƯỜNG MINH (không chỉ min-height) để `height: 100%` của slide
           giải được, tránh ảnh tràn khung ở dải 992-1199px. */
        height: 640px;
        min-height: 0;
        width: 100%;
        aspect-ratio: auto;
    }

    .bd-single-gallery-col .woocommerce-product-gallery {
        flex-direction: column;
    }

    .bd-single-gallery-col .flex-control-thumbs {
        flex-direction: row;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 6px;
    }

    .bd-single-gallery-col .flex-control-thumbs li {
        width: 68px;
        height: 68px;
        flex-shrink: 0;
    }

    .bd-single-summary {
        padding-left: 0;
    }

    .bd-single-summary .product_title {
        font-size: 24px;
    }

    .bd-cost-card,
    .bd-proof-card {
        margin-bottom: 24px;
    }

    /* Biodino Cart v7 - Tablet */
    .bd-cart-summary-card {
        position: static;
    }

    .bd-cart-col-sidebar {
        margin-top: 10px;
    }

    /* Biodino Checkout v7 - Tablet */
    .bd-checkout-fields-wrap .form-row-first,
    .bd-checkout-fields-wrap .form-row-last {
        float: none;
        width: 100%;
    }

    /* Base khai báo `position: sticky !important` nên override phải có !important (v7.md §7.8) */
    .bd-checkout-summary-card {
        position: static !important;
    }

    /* Biodino Thankyou v7 - Tablet */
    .bd-thankyou-hero-title {
        font-size: 32px;
    }

    /* Góc chăm sóc - Tablet: bài nổi bật xếp dọc */
    .bd-care-featured {
        grid-template-columns: 1fr;
    }

    .bd-care-title {
        font-size: 34px;
    }

    /* Chi tiết bài viết - Tablet: mục lục lên trên, bỏ dính + đường kẻ dọc */
    .bd-article-body {
        grid-template-columns: minmax(0, 1fr);
    }

    .bd-article-toc {
        position: static;
        padding-right: 0;
        padding-bottom: var(--fc_space_4, 16px);
        border-right: 0;
        border-bottom: 1px solid var(--fc_color_border, #E1E5DF);
    }

    .bd-article-title {
        font-size: 34px;
    }

    /* Trang Chính sách - Tablet: cột widget lên trên */
    .bd-policy-sidebar {
        position: static;
    }

    /* Builder: Về Biodino Care (care-about / care-roles / care-info) */
    .builder-care-about {
        padding-top: 48px;
    }

    .builder-intro-title {
        font-size: 34px;
    }

    .builder-care-media {
        aspect-ratio: 16 / 7;
        min-height: 240px;
    }

    .builder-care-about-divider {
        margin-top: 40px;
    }

    .builder-care-roles {
        padding-top: 40px;
        padding-bottom: 24px;
    }

    .builder-section-heading {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .builder-care-card,
    .builder-care-statement,
    .builder-care-info-panel {
        padding: 20px;
    }

    .builder-care-statements {
        margin-top: 24px;
    }

    .builder-care-info {
        padding-bottom: 48px;
    }

    /* Builder: Chất lượng & Tiêu chuẩn (proof-intro / proof-steps / proof-scope / proof-cta) */
    .builder-proof-steps {
        padding-top: 32px;
    }

    .builder-proof-scope {
        padding-top: 48px;
    }

    .builder-proof-scope-head {
        margin-bottom: 24px;
    }

    .builder-proof-step,
    .builder-proof-scope-card,
    .builder-proof-cta-panel {
        padding: 20px;
    }

    .builder-proof-cta {
        padding-top: 40px;
        padding-bottom: 48px;
    }

    /* Builder: Quiz chọn nhu cầu (quiz) */
    .builder-quiz {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .builder-quiz-title {
        font-size: 38px;
    }

    .builder-quiz-step {
        padding: 32px 40px 56px;
    }

    .builder-quiz-question {
        font-size: 30px;
    }

    .builder-quiz-progress,
    .builder-quiz-tabs {
        padding-left: 24px;
        padding-right: 24px;
    }

    .builder-quiz-footer {
        padding: 16px 24px;
    }

    .builder-quiz-option {
        min-height: 96px;
        padding: 20px;
    }

    /* Màn kết quả của quiz */
    .builder-quiz-result {
        padding: 32px 40px 0;
    }

    .builder-quiz-why {
        flex-direction: column;
        gap: var(--fc_space_3, 12px);
    }

    .builder-quiz-why-label {
        flex: 0 0 auto;
    }

    .builder-quiz-main {
        flex-direction: column;
        align-items: stretch;
    }

    .builder-quiz-main-media {
        flex: 0 0 auto;
        min-height: 108px;
    }

    .builder-quiz-main-btn {
        width: 100%;
    }

    .builder-quiz-result-footer {
        margin-left: -40px;
        margin-right: -40px;
        padding: 16px 24px;
    }

    /* Builder: Danh mục chính + Biến thể vận động (trang chủ) */
    .builder-cat-main,
    .builder-variant-cards {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* Builder: Danh mục chính + Biến thể vận động + Sản phẩm + CTA Zalo (trang chủ) */
    .builder-cat-main,
    .builder-variant-cards,
    .builder-product-grid,
    .builder-cta-zalo {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .builder-section-head,
    .builder-variant-cards-head {
        margin-bottom: 20px;
    }

    .builder-section-head-link {
        margin-top: var(--fc_space_3, 12px);
    }

    .builder-cat-card {
        min-height: 196px;
    }

    .builder-variant-card {
        min-height: 120px;
    }

    .builder-cta-zalo-box {
        padding: var(--fc_space_5, 24px) var(--fc_space_6, 32px);
    }

    .builder-cta-zalo-title {
        font-size: 26px;
    }
}


/* ==========================================================================
   3. BREAKPOINT: MOBILE LỚN & TABLET NHỎ (< 768px)
   (Gộp chuẩn hóa giữa 767px và 768px)
   ========================================================================== */
@media (max-width: 767.98px) {

    /* ----------------------------------------------------------------------
       Biodino Single Product v7 — GALLERY TRÊN MOBILE
       ẨN cột thumbnail (desktop/tablet vẫn hiện), thay bằng nút điều hướng
       ‹ › + chấm chỉ số. Dùng `display: none !important` để thắng
       `display: flex` khai báo ở base `theme-woocommerce.css` (nạp trước).
       ---------------------------------------------------------------------- */
    .bd-gallery-thumbs-col {
        display: none !important;
    }

    .bd-gallery-main-slide {
        padding: 22px;
    }

    /* Nút ‹ › đặt 2 bên, ngang tầm 40% chiều cao để không chồng chấm chỉ số */
    .bd-gallery-nav {
        top: 40%;
    }

    .bd-gallery-nav-prev {
        left: 8px;
    }

    .bd-gallery-nav-next {
        right: 8px;
    }

    /* Chấm chỉ số sát đáy khung */
    .bd-gallery-dots {
        bottom: 6px;
    }

    /* Header Top & Header Main */
    .header-top-inner {
        justify-content: center !important;
    }

    .header-top-left,
    .header-top-right {
        display: none !important;
    }

    .header-top-center {
        text-align: center !important;
        width: 100%;
    }

    .header-main-inner {
        height: 60px;
    }

    .header-logo-img {
        height: 36px;
        max-width: 120px;
    }

    .btn-consult-header span {
        display: none;
    }

    .btn-consult-header {
        width: 44px;
        padding: 0;
        justify-content: center;
    }

    .header-actions-col {
        gap: 6px !important;
    }

    /* Partners */
    .item-partner {
        width: calc(100% / 4);
    }

    .row-partner {
        margin-left: 0;
        margin-right: 0;
    }

    /* Builder: About */
    .image-builder-about {
        padding-left: 0;
    }

    /* Typography Tiêu đề chung */
    .sub-title-flex-builder,
    #title-quick-contact-us {
        font-size: 24px;
    }

    /* Builder: Statics Count Up */
    .count-up-animate {
        font-size: 30px;
        font-weight: 700;
    }

    .content-statics {
        font-size: 18px;
    }

    /* Builder: Video */
    .builder-video {
        height: 0 !important;
        padding-top: 56.25% !important;
    }

    .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
    }

    /* Builder: Title */
    .builder-title-content {
        font-size: 26px;
    }

    /* Builder: Contact */
    .builder-contact .builder-contact-title {
        font-size: 18px;
    }

    /* Builder: Hero */
    .builder-hero-title {
        font-size: 34px;
        line-height: 1.22;
    }

    .builder-hero-actions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 12px;
        margin-bottom: 28px;
        width: 100%;
    }

    .btn-hero-primary,
    .btn-hero-secondary {
        flex: 1 1 50%;
        padding: 13px 14px;
        font-size: 14.5px;
        text-align: center;
        justify-content: center;
        white-space: nowrap;
    }

    .builder-hero-trust-list {
        gap: 16px;
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .builder-hero-trust-item {
        justify-content: center;
    }

    /* WooCommerce */
    .woocommerce .flex-control-nav li img {
        width: 90%;
        height: 90%;
        object-fit: cover;
    }

    .onsale-flash {
        position: absolute;
        top: 150px;
        left: 10px;
        width: 40px;
        height: 40px;
        background-image: url(../images/sale-flash.png);
        z-index: 1;
    }

    .woo-category-tabs .products-in-category .item-category-tab {
        width: 50%;
    }

    /* Biodino Archive Mobile (360px - 767px): Top row xếp dọc, Chips trượt ngang, Trigger 48px, Drawer, 1 Cột SP */
    .shop-archive-header .row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .shop-archive-header-action {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .btn-guide-consultant {
        width: 100% !important;
        justify-content: center !important;
    }

    .quick-filter-chips {
        display: flex !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        padding-bottom: 8px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .quick-filter-chips::-webkit-scrollbar {
        display: none !important;
    }

    .btn-chip-filter {
        height: 44px !important;
        min-height: 44px !important;
        flex-shrink: 0 !important;
    }

    .btn-toggle-mobile-filter {
        display: flex !important;
        height: 48px !important;
        min-height: 48px !important;
        width: 100% !important;
        align-items: center !important;
        margin-bottom: 16px !important;
    }

    .bd-drawer-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.45);
        z-index: 99998;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .bd-drawer-backdrop.is-active {
        opacity: 1;
        visibility: visible;
    }

    .sidebar-filter-inner {
        display: flex !important;
        flex-direction: column;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 320px;
        max-width: 85vw;
        background-color: var(--fc_color_surface, #FFFFFF);
        z-index: 99999;
        transform: translateX(100%);
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    }

    .sidebar-filter-inner.is-open {
        transform: translateX(0);
    }

    .bd-sidebar {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .sidebar-filter-card {
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .sidebar-desktop-header {
        display: none !important;
    }

    .bd-sidebar-form {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .bd-drawer-header {
        display: flex !important;
        flex-shrink: 0;
    }

    .bd-sidebar-form-body {
        flex-grow: 1;
        overflow-y: auto;
        padding: 16px;
        -webkit-overflow-scrolling: touch;
    }

    .bd-drawer-footer {
        display: flex !important;
        flex-shrink: 0;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    }

    /* Sidebar & Layout 12 cột: để hệ thống Grid tự tính % (không ép pixel, không !important) */
    .archive-product-biodino aside.col-12 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
    }

    .archive-product-biodino .layout-sidebar {
        width: 100%;
        max-width: 100%;
    }

    /* Lưới sản phẩm Mobile/Tablet nhỏ: 2 cột đều đặn (Mục 9.2 sanpham.md)
       BẮT BUỘC !important: base desktop khai báo 33.333333% kèm !important trong
       theme-woocommerce.css, nên override responsive phải cùng độ ưu tiên mới thắng. */
    .archive-product-biodino ul.products li.product,
    .archive-product-biodino .bd-product-card,
    .bd-product-card {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    /* ==== Chuyển từ theme-woocommerce.css (đã chuẩn hóa breakpoint) ==== */

    .flex-slider-theme {
        padding-left: 30px;
        padding-right: 30px;
    }

    .woocommerce .flexslider .flex-direction-nav {
        width: calc(100% + 60px);
        left: -30px;
    }

    /* Biodino Checkout V7 - Mobile 767px (Grid form 1 cột) */
    .bd-field-grid,
    .woocommerce-billing-field-wrapper,
    .woocommerce-additional-field-wrapper {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .bd-checkout-fields-wrap .form-row-first,
    .bd-checkout-fields-wrap .form-row-last,
    #billing_first_name_field,
    #billing_phone_field,
    #billing_address_1_field,
    #order_comments_field {
        grid-column: 1 !important;
        grid-row: auto !important;
        width: 100% !important;
    }

    .woocommerce-checkout form.woocommerce-checkout {
        padding: 0px;
    }

    .woocommerce-order-details {
        padding: 0px;
        background: transparent;
    }

    /* Biodino Thankyou v7 - Mobile: 3 bước xếp dọc, hero gọn lại */
    .bd-thankyou-hero-icon {
        width: 72px;
        height: 72px;
        margin-bottom: var(--fc_space_4, 16px);
    }

    .bd-thankyou-hero-title {
        font-size: 28px;
    }

    .bd-thankyou-hero-desc {
        font-size: 15px;
    }

    .bd-thankyou-card {
        padding: var(--fc_space_4, 16px);
    }

    .bd-thankyou-steps {
        grid-template-columns: 1fr;
    }

    .note-order-tracking .item-tracking-left {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .note-order-tracking .item-tracking-right {
        padding-left: 0px;
    }

    .note-order-tracking:after {
        display: none;
    }

    .note-order-tracking .item-tracking-left:after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #000;
    }

    .note-order-tracking .item-tracking-left:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        height: 15px;
        background-color: #000;
    }

    .woocommerce-account .item-dashboard {
        width: calc(100% / 3);
    }

    .template-add-to-cart .button-contact-product {
        width: 100%;
        margin: 10px 0px 0px 0px !important;
    }

    .template-add-to-cart a.button-external-product,
    .template-add-to-cart button.single_add_to_cart_button,
    .template-add-to-cart form.cart .quantity input.qty,
    .template-add-to-cart form.cart .quantity {
        width: 100%;
        margin-bottom: 10px;
    }

    .close.toggle-quick-view-product {
        margin-right: 10px;
        margin-top: 0px;
    }

    .woocommerce-Reviews .review-breakdown:after,
    .woocommerce-Reviews .review-average:after {
        display: none;
    }

    .woocommerce-Reviews .list-reviews-product li {
        padding: 5px;
    }

    .woocommerce-Reviews .list-reviews-product li img {
        display: none;
    }

    .left-single-product {
        padding-right: 0px;
    }

    .content-quick-contact-us {
        padding: 20px 15px !important;
    }

    .left-quick-contact-us,
    .right-quick-contact-us {
        padding: 0px;
    }

    /* Khối giá card sản phẩm: cho phép đơn giá xuống dòng khi card hẹp */
    .product-card-price-row {
        flex-wrap: wrap;
        align-items: baseline;
        column-gap: 8px;
        row-gap: 4px;
    }

    .product-card-price {
        white-space: nowrap;
    }

    .product-card-unit-price {
        margin-left: 0 !important;
        text-align: left;
    }

    /* Biodino Single Product v7 - Mobile Lớn */
    .bd-single-product-container {
        padding-bottom: 74px;
    }

    .bd-sticky-bottom-bar.is-visible {
        display: block !important;
    }

    .bd-single-summary .product_title {
        font-size: 22px;
    }

    .bd-benefit-card {
        padding: 16px;
    }

    .bd-cost-row,
    .bd-proof-row {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* Biodino Cart v7 - Mobile */
    .bd-cart-header {
        flex-wrap: wrap;
        gap: 12px;
    }

    .bd-cart-title {
        font-size: 24px;
    }

    .bd-cart-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
    }

    .bd-cart-item-left {
        width: 100%;
        align-items: flex-start;
    }

    .bd-cart-item-thumb {
        width: 80px;
        height: 95px;
    }

    .bd-cart-item-right {
        width: 100%;
        margin-top: 16px;
        margin-left: 0 !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }

    .bd-cart-item-subtotal {
        margin-bottom: 0;
    }

    .bd-cart-crosssell {
        flex-direction: column;
        align-items: flex-start;
        padding: 18px;
    }

    .bd-cart-crosssell-action {
        width: 100%;
    }

    .bd-cart-crosssell-btn {
        width: 100%;
        text-align: center;
        display: block;
    }

    /* Góc chăm sóc - Mobile lớn */
    .bd-care-title {
        font-size: 30px;
    }

    .bd-care-featured-title {
        font-size: 24px;
    }

    .bd-care-section-title {
        font-size: 22px;
    }

    /* Chi tiết bài viết - Mobile lớn */
    .bd-article-title {
        font-size: 28px;
    }

    .bd-article-content h2 {
        font-size: 22px;
    }

    .bd-article-content h3 {
        font-size: 18px;
    }

    .bd-article-hint {
        flex-wrap: wrap;
    }

    .bd-article-hint-cta {
        width: 100%;
    }

    .bd-article-cta {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .bd-article-cta-btn {
        width: 100%;
    }

    /* Builder: Về Biodino Care (care-about / care-roles / care-info) */
    .builder-care-about {
        padding-top: 40px;
    }

    .builder-intro-title {
        font-size: 30px;
    }

    .builder-intro-desc {
        font-size: 16px;
    }

    .builder-care-media {
        aspect-ratio: 16 / 9;
        min-height: 200px;
    }

    .builder-care-about-divider {
        margin-top: 32px;
    }

    .builder-care-roles {
        padding-top: 32px;
        padding-bottom: 20px;
    }

    .builder-section-heading {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .builder-care-statements {
        margin-top: 20px;
    }

    .builder-care-statement+.builder-care-statement {
        border-left: 0;
        border-top: 1px solid var(--fc_color_border, #E1E5DF);
    }

    .builder-care-info {
        padding-bottom: 40px;
    }

    .builder-care-info-row {
        gap: var(--fc_space_2, 8px);
        padding: 12px 0;
    }

    .builder-care-info-label {
        flex: 0 0 100%;
    }

    /* Builder: Chất lượng & Tiêu chuẩn (proof-intro / proof-steps / proof-scope / proof-cta) */
    .builder-proof-intro {
        padding-top: 40px;
    }

    .builder-proof-steps {
        padding-top: 28px;
    }

    .builder-proof-scope {
        padding-top: 40px;
    }

    .builder-proof-scope-head {
        margin-bottom: 20px;
    }

    .builder-proof-scope-note {
        text-align: left;
    }

    .builder-proof-step {
        min-height: 92px;
    }

    .builder-proof-cta {
        padding-top: 32px;
        padding-bottom: 40px;
    }

    .builder-proof-cta-panel {
        min-height: auto;
    }

    /* Builder: Quiz chọn nhu cầu (quiz) */
    .builder-quiz {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .builder-quiz-title {
        font-size: 30px;
    }

    .builder-quiz-subtitle {
        font-size: 16px;
    }

    .builder-quiz-card {
        margin-top: 24px;
    }

    .builder-quiz-progress,
    .builder-quiz-tabs {
        padding-left: 20px;
        padding-right: 20px;
    }

    .builder-quiz-step {
        padding: 28px 20px 40px;
    }

    .builder-quiz-question {
        font-size: 26px;
    }

    .builder-quiz-helper {
        font-size: 16px;
    }

    .builder-quiz-options {
        margin-top: 24px;
    }

    .builder-quiz-option {
        min-height: 84px;
        padding: 16px;
    }

    .builder-quiz-footer {
        flex-direction: column;
        align-items: stretch;
        gap: var(--fc_space_3, 12px);
        padding: 16px 20px 20px;
    }

    .builder-quiz-footer-left {
        min-height: 24px;
    }

    .builder-quiz-next {
        width: 100%;
    }

    /* Màn kết quả của quiz */
    .builder-quiz-result {
        padding: 28px 20px 0;
    }

    .builder-quiz-main {
        padding: 16px;
    }

    .builder-quiz-why,
    .builder-quiz-size,
    .builder-quiz-mini {
        padding: 16px;
    }

    .builder-quiz-size {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--fc_space_3, 12px);
    }

    .builder-quiz-main-title,
    .builder-quiz-mini-title {
        font-size: 19px;
    }

    .builder-quiz-result-footer {
        flex-direction: column-reverse;
        align-items: stretch;
        margin-left: -20px;
        margin-right: -20px;
        padding: 16px 20px 20px;
    }

    .builder-quiz-consult {
        width: 100%;
    }

    /* Builder: Danh mục chính + Biến thể vận động + Sản phẩm + CTA Zalo (trang chủ) */
    .builder-cat-main,
    .builder-variant-cards,
    .builder-product-grid,
    .builder-cta-zalo {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .builder-section-head-link {
        text-align: left;
    }

    .builder-cat-card {
        min-height: 176px;
        padding: 20px;
    }

    .builder-variant-card {
        min-height: 104px;
        padding: 20px;
    }

    .builder-cat-card-title,
    .builder-variant-card-title {
        font-size: 18px;
    }

    /* CTA Zalo: xếp dọc, nút full width */
    .builder-cta-zalo-box {
        flex-direction: column;
        align-items: stretch;
        gap: var(--fc_space_4, 16px);
        padding: var(--fc_space_5, 24px);
    }

    .builder-cta-zalo-title {
        font-size: 22px;
    }

    .builder-cta-zalo-btn {
        width: 100%;
    }
}

/* ==========================================================================
   4. BREAKPOINT: MOBILE PORTRAIT (< 576px)
   ========================================================================== */
@media (max-width: 575.98px) {

    /* Biodino Single Product v7 - Mobile nhỏ: khung ~315-500px, padding 18px.
       Nút ‹ › và chấm chỉ số đã được đặt ở breakpoint 767.98px; ở đây chỉ
       thu nhỏ chấm cho vừa khung hẹp. */
    .bd-gallery-main-slide {
        padding: 18px;
    }

    .bd-gallery-dot {
        width: 36px;
    }

    /* ==========================================================================
       BIODINO ARCHIVE — TOOLBAR MOBILE (< 576px)
       Bố cục: [Lọc & sắp xếp · N sản phẩm] → [dropdown Sắp xếp | N sản phẩm phù hợp]
       ========================================================================== */

    /* Nút mở bộ lọc: viền xanh, chữ xanh đậm, căn giữa, full-width
       (dùng !important để đồng bộ với base khai báo !important cho border/color) */
    .btn-toggle-mobile-filter {
        justify-content: center !important;
        min-height: 48px;
        border-color: var(--fc_color_primary, #3F6234) !important;
        color: var(--fc_color_primary, #3F6234) !important;
        font-weight: 700;
    }

    .btn-toggle-mobile-filter .btn-filter-label {
        justify-content: center;
        font-size: 16px;
    }

    /* Đổi nhãn desktop "Mở bộ lọc" -> mobile "Lọc & sắp xếp · N sản phẩm" */
    .btn-toggle-mobile-filter .filter-label-desktop,
    .btn-toggle-mobile-filter .filter-label-mobile {
        display: none;
    }

    .btn-toggle-mobile-filter .filter-label-mobile {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-weight: 700;
        color: inherit;
    }

    /* Ẩn badge số đếm (thông tin đã nằm trong nhãn nút) */
    .btn-toggle-mobile-filter .badge-filter-count {
        display: none !important;
    }

    /* Toolbar: dropdown Sắp xếp + số sản phẩm nằm CÙNG MỘT HÀNG */
    .product-loop-toolbar {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .product-loop-sorting {
        min-width: 0;
    }

    .product-loop-sorting .bd-orderby-select {
        width: 100%;
    }

    .product-loop-toolbar #filter-result-count {
        white-space: nowrap;
        text-align: right;
    }

    /* Lưới sản phẩm Mobile nhỏ: 1 cột để bảo đảm khả đọc (Mục 9.2 sanpham.md)
       Card co gọn padding 12px theo đặc tả. */
    .archive-product-biodino ul.products li.product,
    .archive-product-biodino .bd-product-card,
    .bd-product-card {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .product-card-biodino {
        padding: 12px !important;
    }

    /* Partners & Brands */
    .item-partner {
        width: calc(100% / 2);
    }

    .read-more-item-brand {
        display: none !important;
    }

    /* Blog & Post Loop */
    .item-blog-wc {
        padding: 15px 0;
    }

    .content-item-post-loop {
        padding-left: 0;
        padding-top: 15px;
    }

    .read-more-blog {
        display: none;
    }

    /* Footer — Mobile nhỏ: Brand full width, menu 2 cột */
    .bd-footer-top {
        grid-template-columns: 1fr 1fr;
        gap: var(--fc_space_5, 24px) var(--fc_space_4, 16px);
    }

    .bd-footer-brand {
        grid-column: 1 / -1;
    }

    .bd-footer-bottom {
        margin-top: var(--fc_space_5, 24px);
    }

    /* Header Menu Logo Mobile */
    .header-menu-main .header-menu-logo a.logo img {
        max-width: 70px;
        margin-bottom: -20%;
    }

    .woo-category-tabs .products-in-category .item-category-tab {
        width: 100%;
    }

    .woocommerce-blog .sub-product-category .title-product-category {
        padding-left: 10px;
    }

    /* Quick Contact Form */
    #button-quick-contact-us a {
        width: 100%;
    }

    #button-quick-contact-us {
        width: 75%;
        margin: 20px auto;
    }

    .right-quick-contact-us .wpcf7-form .wpcf7-submit {
        width: 75%;
        display: block;
        margin: 0 auto;
    }

    /* Builder: Statics & Title */
    .wrapper-builder-statics {
        width: 50%;
    }

    .builder-title-content {
        font-size: 22px;
    }

    /* Builder: Hero */
    .builder-hero-half-visual {
        order: -1;
        padding: 24px 16px 28px;
    }

    .builder-hero-half-content {
        order: 2;
        padding: 28px 16px 20px;
    }

    .builder-hero-arch-card {
        max-width: 290px;
        min-height: 240px;
        max-height: 320px;
    }

    .builder-hero-title {
        font-size: 28px;
    }

    .builder-hero-actions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
        width: 100%;
        margin-bottom: 24px;
    }

    .btn-hero-primary,
    .btn-hero-secondary {
        flex: 1 1 50%;
        width: auto;
        padding: 12px 6px;
        font-size: 13.5px;
        text-align: center;
        justify-content: center;
        white-space: nowrap;
    }

    .builder-hero-trust-list {
        justify-content: center !important;
        gap: 12px 16px;
    }

    .builder-hero-trust-item {
        justify-content: center;
    }

    /* Biodino Product Archive & Filter Mobile
       (Chỉ giữ thuộc tính THỰC SỰ đổi giá trị so với base — Zero Duplicate Properties) */
    .shop-archive-title {
        font-size: 26px;
    }

    .shop-archive-desc {
        font-size: 14px;
    }

    .btn-chip-filter {
        padding: 6px 16px;
    }

    .btn-guide-consultant {
        width: 100%;
        justify-content: center;
    }

    /* ==== Chuyển từ theme-woocommerce.css (đã chuẩn hóa breakpoint) ==== */

    .woocommerce-account .item-dashboard {
        width: 50%;
    }

    .woocommerce-account .item-dashboard a {
        font-size: 14px;
    }

    .woocommerce-account .woocommerce-address-field-wrapper .form-row {
        width: 100%;
    }

    /* Biodino Checkout V7 - Mobile 575px */
    .bd-checkout-header h1 {
        font-size: 22px;
    }

    .bd-checkout-card,
    .bd-checkout-summary-card {
        padding: var(--fc_space_4, 16px) !important;
        border-radius: var(--fc_radius_md, 12px) !important;
    }

    .bd-shipping-card-body {
        padding: 10px 12px;
    }

    /* Góc chăm sóc - Mobile nhỏ */
    .bd-care-corner {
        padding-top: var(--fc_space_4, 16px);
    }

    .bd-care-title {
        font-size: 26px;
    }

    /* Biodino Thankyou v7 - Mobile nhỏ: 2 nút full-width */
    .bd-thankyou-hero-title {
        font-size: 24px;
    }

    .bd-thankyou-list li {
        font-size: 14px;
    }

    .bd-thankyou-actions .btn-ui,
    .bd-thankyou-actions .btn-secondary-ui {
        width: 100%;
    }

    /* Biodino Single Product v7 - Mobile Nhỏ */
    .bd-gallery-main-frame {
        /* Chiều cao tường minh để slide/ảnh tính được % */
        height: 360px;
        min-height: 0;
    }

    .bd-single-summary form.cart {
        flex-direction: column;
        align-items: stretch;
    }

    /* Hàng [Số lượng] + [Thêm vào giỏ]: xếp dọc, mỗi thành phần full-width.
       Khoảng cách 12px giữ nguyên từ utility .gap-3 nên không cần khai báo lại. */
    .bd-single-summary .bd-cart-action-row {
        flex-direction: column;
        align-items: stretch;
    }

    .bd-single-summary .quantity {
        width: 100%;
        justify-content: center;
    }

    .bd-single-summary .single_add_to_cart_button {
        width: 100%;
    }

    .bd-single-summary .bd-buy-now-btn {
        width: 100%;
        flex: 1 1 auto;
    }

    .bd-swatch-item {
        flex: 1 1 calc(50% - 8px);
        text-align: center;
    }

    .bd-single-summary .product_title {
        font-size: 20px;
    }

    .bd-single-subtitle {
        font-size: 13px;
    }

    .bd-suitable-box {
        flex-direction: column;
        gap: 8px;
        padding: 12px 16px;
    }

    .bd-suitable-box .bd-suitable-label {
        width: auto;
    }

    .bd-accordion-trigger {
        padding: 14px 16px;
        font-size: 15px;
    }

    .bd-accordion-collapse {
        padding: 0 16px 16px 16px;
    }

    /* Biodino Cart v7 - Mobile */
    .bd-cart-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .bd-cart-item-right {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 0 !important;
    }

    .bd-cart-item-subtotal {
        margin-bottom: 0 !important;
    }

    .bd-cart-item-thumb {
        width: 80px;
    }

    .cart-collaterals .cart_totals.bd-cart-summary-card {
        position: static;
    }

    .bd-change-size-dialog {
        padding: 16px;
        max-height: 94vh;
    }

    /* Biodino Cart Sidebar - Mobile */
    #cart-sidebar-content {
        max-width: 100%;
    }

    .bd-mini-cart-thumb,
    .bd-mini-cart-thumb a,
    .bd-mini-cart-thumb .bd-mini-cart-img,
    .bd-mini-cart-thumb img {
        width: 56px;
        height: 56px;
    }

    /* Builder: Về Biodino Care (care-about / care-roles / care-info) */
    .builder-intro-title {
        font-size: 26px;
    }

    .builder-care-media {
        min-height: 170px;
    }

    .builder-section-heading {
        font-size: 22px;
    }

    .builder-care-card,
    .builder-care-statement,
    .builder-care-info-panel {
        padding: 16px;
    }

    /* Builder: Chất lượng & Tiêu chuẩn (proof-intro / proof-steps / proof-scope / proof-cta) */
    .builder-proof-step,
    .builder-proof-scope-card,
    .builder-proof-cta-panel {
        padding: 16px;
    }

    .builder-proof-scope-card-title {
        font-size: 20px;
    }

    .builder-proof-cta-title {
        font-size: 18px;
    }

    .builder-proof-cta-desc {
        font-size: 15px;
    }

    .builder-proof-cta-btn {
        width: 100%;
    }

    /* Builder: Quiz chọn nhu cầu (quiz) */
    .builder-quiz-title {
        font-size: 26px;
    }

    .builder-quiz-step-kicker,
    .builder-quiz-kicker {
        font-size: 12px;
    }

    .builder-quiz-question {
        font-size: 23px;
    }

    .builder-quiz-tab {
        font-size: 12px;
    }

    .builder-quiz-option {
        min-height: 76px;
    }

    .builder-quiz-option-badge {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    .builder-quiz-option-title {
        font-size: 16px;
    }

    .builder-quiz-option-desc {
        font-size: 14px;
    }

    /* Builder: CTA Zalo (trang chủ) — điện thoại nhỏ */
    .builder-cta-zalo-box {
        padding: 20px;
    }

    .builder-cta-zalo-title {
        font-size: 20px;
    }

    .builder-cta-zalo-desc {
        font-size: 15px;
    }
}