/* =========================================================================
       1. CSS DÀNH CHO DESKTOP (PC) & CƠ BẢN
       ========================================================================= */
    /* Reset & Utilities */
    .ds-gift-landing { color: #333; line-height: 1.5; background: #f9f9f9; }
    .ds-container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
    .ds-text-primary { color: #a31526; }
    .ds-bg-primary { background-color: #a31526; color: #fff; }
    .ds-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; border-radius: 8px; font-weight: bold; text-decoration: none; transition: 0.3s; cursor: pointer; }
    .ds-btn-red { background: #a31526; color: #fff; border: 1px solid #a31526; }
   
    .ds-btn-red:hover { background: #8a101f; color: #fff; }
    .ds-btn-outline { background: transparent; color: #a31526; border: 1px solid #a31526; }
    
    .ds-btn-outline:hover { background: #a31526; color: #fff; }
    .ds-hide-mb { display: flex; }
    .ds-show-mb-flex, .ds-show-mb-block, .ds-show-mb-inline { display: none; }
    /* Hero Section */
            .ds-gift-hero {
                background: url('/wp-content/uploads/2026/06/QT.png') center/cover no-repeat;
                padding: 60px 0;
                color: #fff;
                position: relative;
            }
            .ds-gift-hero::before {
                content: '';
                position: absolute;
                top: 0; left: 0; right: 0; bottom: 0;
                background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
            }
            .ds-gift-hero .ds-container { position: relative; z-index: 1; color: #333; }
            .ds-hero-title { font-size: 36px; font-weight: 900; color: #b91c1c; margin-bottom: 10px; line-height: 1.2; }
            .ds-hero-subtitle { font-size: 20px; font-weight: bold; margin-bottom: 0px; text-transform: uppercase; }
            .ds-hero-subtitle1 { font-size: 16px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; }
            .ds-hero-usps { display: flex; gap: 20px; margin-bottom: 30px; font-weight: bold; font-size: 14px; }
            .ds-hero-usps span { display: flex; align-items: center; gap: 8px; }
            .ds-hero-actions { display: flex; gap: 15px; }
    

    /* Filter Section */
    .ds-gift-filters { background: #fff; padding: 40px 0; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
    .ds-filter-title { font-size: 15px; font-weight: 800; margin-bottom: 15px; text-transform: uppercase; color: #a31526; }
    .ds-filter-col { background: #fff; border: 1px solid #eaeaea; border-radius: 12px; padding: 20px; }
    .ds-filter-needs { display: grid; grid-template-columns: repeat(8, 1fr); gap: 12px; margin-bottom: 40px; }
    .ds-need-card { position: relative; background: #fff; border: 1px solid #f0f0f0; border-radius: 12px; text-align: center; cursor: pointer; transition: all 0.2s; color: #333; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
    .ds-need-card:hover { border-color: #a31526; box-shadow: 0 4px 10px rgba(163, 21, 38, 0.1); }
    .ds-need-card.active { background: #a31526; color: #fff; border-color: #a31526; }
    .ds-need-card-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 15px 5px; text-decoration: none; color: inherit; width: 100%; height: 100%; }
    .ds-need-icon { width: 32px; height: 32px; color: #a31526; transition: 0.2s; }
    .ds-need-card.active .ds-need-icon { color: #fff; }
    .ds-need-text { font-size: 13px; font-weight: 600; line-height: 1.4; }
    
    /* Dropdown */
    .ds-dropdown-trigger { overflow: visible; }
    .ds-need-dropdown { position: absolute; top: calc(100% + 15px); right: 0; min-width: 220px; background: #fff; border: 1px solid #eaeaea; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 100; text-align: left; padding: 8px 0; }
    .ds-need-dropdown.active { opacity: 1; visibility: visible; transform: translateY(0); }
    .ds-need-dropdown::before { content: ''; position: absolute; top: -6px; right: 40px; width: 12px; height: 12px; background: #fff; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; transform: rotate(45deg); }
    .ds-need-dropdown a { display: block; padding: 10px 20px; color: #444; font-size: 14px; font-weight: 600; text-decoration: none; transition: background 0.2s, color 0.2s; }
    .ds-need-dropdown a:hover { background: #f4f4f4; color: #a31526; }

    /* Split Layout */
    .ds-filter-split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 40px; }
    .ds-filter-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .ds-option-btn { background: #fff; border: 1px solid #eaeaea; border-radius: 8px; padding: 12px 10px; text-align: center; cursor: pointer; transition: 0.2s; font-size: 13px; font-weight: 600; color: #333; }
    .ds-option-btn:hover { border-color: #a31526; color: #a31526; }
    .ds-option-btn.active { background: #a31526; color: #fff; border-color: #a31526; }

    /* Zalo Banner */
    .ds-zalo-banner-adv { background: #fff; border: 1px solid #eaeaea; border-radius: 12px; padding: 25px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 20px rgba(0,0,0,0.04); }
    .ds-zb-left { display: flex; align-items: center; gap: 20px; }
    .ds-zb-icon { width: 50px; height: 50px; }
    .ds-zb-info { margin-left: 50px; }
    .ds-zb-info h3 {font-size: 18px; font-weight: 800; color: #111; }
    .ds-zb-info p { margin: 0; font-size: 13px; color: #555; }
    .ds-zb-btn { background: #a31526; color: #fff!important; border: none; border-radius: 30px; padding: 10px 20px; font-weight: bold; font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; text-decoration: none; }
    .ds-zb-right { display: flex; align-items: center; gap: 15px;width: 500px; }
    .ds-zb-step { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px;padding-right: 20px; }
    .ds-zb-step svg { width: 24px; height: 24px; color: #a31526; }
    .ds-zb-step span { font-size: 11px; font-weight: 600; color: #333; line-height: 1.3; }
    .ds-zb-arrow { color: #ccc; margin-top: -15px; padding-right: 20px;}

    /* Projects Section (Vì sao) */
    .ds-gift-projects { padding: 40px 0; background: #fff; }
    .ds-section-title { font-size: 20px; font-weight: 800; text-align: left; margin-bottom: 25px; text-transform: uppercase; color: #111; }
    .ds-projects-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin-bottom: 25px; }
    .ds-project-card { border: 1px solid #eaeaea; border-radius: 12px; overflow: hidden; padding: 15px; text-align: left; background: #fff; cursor: pointer; transition: 0.3s; }
    .ds-project-card:hover, .ds-project-card.active { border-color: #a31526; box-shadow: 0 6px 15px rgba(163,21,38,0.1); }
    .ds-project-logo { height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
    .ds-project-logo img { max-height: 100%; max-width: 100%; object-fit: contain; }
    .ds-project-img { border-radius: 8px; overflow: hidden; margin-bottom: 12px; aspect-ratio: 4/3; background: #f4f4f4;}
    .ds-project-img img { width: 100%; height: 100%; object-fit: cover; }
    .ds-project-info p { margin: 0 0 4px; font-size: 13px; color: #444; }
    .ds-project-info strong { color: #111; font-weight: 600; }

    /* Products Section (Gợi ý) */
    .ds-gift-products { padding: 40px 0; background: #f9f9f9; }
    .ds-products-slider-wrap { position: relative; margin-bottom: 20px; }
    .ds-products-slider { display: flex; gap: 15px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; padding-bottom: 15px; }
    .ds-products-slider::-webkit-scrollbar { display: none; }
    .ds-products-slider > div { flex: 0 0 calc(16.666% - 12.5px); scroll-snap-align: start; min-width: 0; }
    .ds-slider-nav { position: absolute; top: 40%; transform: translateY(-50%); background: #fff; border: 1px solid #eaeaea; border-radius: 50%; width: 44px; height: 44px; font-size: 20px; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.1); color: #a31526; transition: 0.2s; }
    .ds-slider-nav:hover { background: #a31526; color: #fff; }
    .ds-slider-prev { left: -20px; }
    .ds-slider-next { right: -20px; }

    /* Product Suggest Card Layout (Nếu có dùng riêng) */
    .ds-suggest-card { border: 1px solid #eaeaea; border-radius: 10px; padding: 12px; text-align: left; display: flex; flex-direction: column; background: #fafafa; transition: 0.3s; }
    .ds-suggest-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
    .ds-suggest-img { aspect-ratio: 1; border-radius: 6px; overflow: hidden; margin-bottom: 12px; background: #fff; }
    .ds-suggest-img img { width: 100%; height: 100%; object-fit: cover; }
    .ds-suggest-title { font-size: 13px; font-weight: 700; color: #222; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4;}
    .ds-suggest-price { font-size: 15px; font-weight: bold; color: #a31526; margin-bottom: 15px; }
    .ds-suggest-btn { margin-top: auto; display: block; padding: 8px; text-align: center; border: 1px solid #eaeaea; color: #a31526; border-radius: 6px; font-size: 12px; font-weight: 600; text-decoration: none; transition: 0.2s; background: #fff; }
    .ds-suggest-btn:hover { border-color: #a31526; background: #a31526; color: #fff; }

    /* USPs in Products */
    .ds-gift-usps-container { display: flex; justify-content: space-between; border-top: 1px solid #ddd; margin-top: 30px; padding-top: 20px; font-size: 14px; flex-wrap: wrap; gap: 10px; }
    .ds-usp-card-item { display: flex; align-items: center; gap: 8px; }
    .ds-usp-card-icon { display: flex; align-items: center; color: #a31526; }
    .ds-usp-card-icon svg { width: 20px; height: 20px; }
    .ds-usp-card-info strong { color: #111; }
    .ds-usp-card-info span { color: #555; margin-left: 4px; }

    /* CTA Form */
    .ds-gift-cta { background: #900b14; color: #fff; padding:0; position: relative; }
    .ds-cta-wrap { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
    .ds-cta-text { flex: 1.1; }
    .ds-cta-text h2 { font-size: 24px; font-weight: 900; margin-bottom: 8px; text-transform: uppercase; color: #fff;}
    .ds-cta-text p { font-size: 13px; margin-bottom: 25px; color: #f0f0f0; }
    .ds-cta-usps { display: flex; gap: 20px; list-style: none; padding: 0; margin: 0; }
    .ds-cta-usps li { display: flex; flex-direction: column; gap: 8px; font-size: 13px; font-weight: 600; line-height: 1.4; color: #fff; }
    .ds-cta-usps svg { width: 26px; height: 26px; color: #fff; }
    .ds-cta-form-wrap { flex: 1.3; }
    .ds-cta-form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 20px; }
    .ds-form-group { display: flex; flex-direction: column; gap: 6px; }
    .ds-form-group label { font-size: 13px; font-weight: 600; color: #fff; }
    .ds-cta-form input { padding: 12px 15px; border: none; border-radius: 4px; width: 100%; outline: none; font-size: 13px; background: #fff; color: #333; box-sizing: border-box; }
    .ds-full-width {
    max-width:336px;
    resize: vertical; /* Cho phép người dùng kéo giãn khung */
    word-wrap: break-word; /* Tương thích các trình duyệt cũ */
    word-break: break-word; /* Ngắt từ khi quá dài */
    white-space: pre-wrap; /* Tự động xuống dòng khi chạm mép phải */
    }
    .ds-cta-submit { grid-column: span 2; background: #ffbc00; color: #111; font-weight: 800; border: none; padding: 14px; border-radius: 4px; cursor: pointer; font-size: 15px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; gap: 10px; transition: 0.2s; }
    .ds-cta-submit:hover { background: #e5a900; }
    .ds-cta-image { flex: 0.8; display: flex; justify-content: flex-end; }
    .ds-cta-image img { width: 100%; max-width: 250px; height: auto; border-radius: 8px; box-shadow: 0 10px 20px rgba(0,0,0,0.3); }

    /* FAQ */
    .ds-gift-faq { padding: 50px 0 20px; background: #fff; }
    .ds-section-title-left { font-size: 18px; font-weight: 800; text-align: left; margin-bottom: 25px; text-transform: uppercase; color: #111; }
    .ds-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 20px; align-items: start; }
    .ds-faq-item { border: 1px solid #f0f0f0; border-radius: 8px; background: #fff; overflow: hidden; transition: 0.3s; }
    .ds-faq-item:hover { border-color: #e0e0e0; }
    .ds-faq-question { padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 600; font-size: 14px; color: #333; user-select: none; }
    .ds-faq-icon { transition: transform 0.3s ease; color: #888; display: flex; align-items: center; }
    .ds-faq-item.active .ds-faq-icon { transform: rotate(180deg); }
    .ds-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: #fafafa; }
    .ds-faq-answer-inner { padding: 15px 20px; font-size: 13.5px; color: #555; border-top: 1px solid #f0f0f0; line-height: 1.6; }

    /* Partners Slider */
    .ds-partner-section { background: #fff; padding-bottom: 60px; }
    .ds-partner-title { font-size: 15px; font-weight: 800; text-align: center; margin-bottom: 30px; text-transform: uppercase; color: #111; }
    .ds-partner-slider-wrap { position: relative; display: flex; align-items: center; justify-content: center; }
    .ds-partner-slider { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; width: calc(100% - 120px); }
    .ds-partner-slider::-webkit-scrollbar { display: none; }
    .ds-partner-slide { flex: 0 0 calc((100% / 8) - 17.5px); display: flex; align-items: center; justify-content: center; scroll-snap-align: start; height: 50px; }
    .ds-partner-slide img { max-width: 100%; max-height: 100%; object-fit: contain; transition: 0.3s; }
    .ds-partner-slide img:hover { transform: scale(1.05); }
    .ds-partner-nav { background: #fff; border: 1px solid #eaeaea; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #333; transition: 0.2s; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
    .ds-partner-nav:hover { background: #f4f4f4; color: #a31526; }
    .ds-partner-prev { left: 10px; }
    .ds-partner-next { right: 10px; }

   
    /* =========================================================================
       2. CSS DÀNH CHO TABLET (Tối đa 1024px)
       ========================================================================= */
    @media (max-width: 1024px) {
        .ds-cta-wrap { flex-direction: column; }
        .ds-cta-image { display: none; } 
        .ds-cta-text { text-align: center; }
        .ds-cta-usps { justify-content: center; }
        .ds-cta-form-wrap { width: 100%; }
        .ds-partner-slide { flex: 0 0 calc((100% / 5) - 16px); }
        .ds-products-slider > div { flex: 0 0 calc(33.333% - 10px); } /* 3 SP / hàng */
    }

    /* =========================================================================
       3. CSS DÀNH CHO MOBILE (Tối đa 768px)
       ========================================================================= */
    @media (max-width: 768px) {
        /* Helpers */
        /* =========================================================
           Hero Section Mobile Override (Giống ảnh thiết kế)
        ========================================================= */
        .ds-gift-hero {
            padding: 30px 15px 30px !important;
            text-align: center !important;
            background: url(/wp-content/uploads/2026/06/QT.png) right / cover no-repeat;
        }
        .ds-gift-hero::before {
            display: none !important; /* Xóa hiệu ứng gradient trắng đè lên nền */
        }
        .ds-gift-hero .ds-container {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            background: linear-gradient(to bottom, rgba(244, 236, 232) 88%, rgba(255, 255, 255, 0) 100%);
            height: 360px;
            max-width:360px;
            padding-top: 10px;
        }
        .ds-hero-subtitle {
            color: #111 !important;
            font-size: 18px !important;
            font-weight: 900 !important;
            margin-bottom: 5px !important;
        }
        .ds-hero-title {
            color: #a31526 !important; /* Màu đỏ đô */
            font-size: 26px !important;
            font-weight: 900 !important;
            margin-bottom: 15px !important;
            line-height: 1.2 !important;
        }
        .ds-hero-subtitle1 {
            color: #222 !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 1.6 !important;
            margin-bottom: 30px !important;
            text-transform: none !important;
        }
        
        /* Chỉnh lại bố cục 4 Icon ngang nhau */
        .ds-hero-usps {
            display: flex !important;
            flex-direction: row !important;
            justify-content: space-between !important;
            align-items: flex-start !important;
            width: 100% !important;
            gap: 0 !important;
            margin-bottom: 25px !important;
        }
        .ds-hero-usps span {
            display: flex !important;
            flex-direction: column !important; /* Icon nằm trên, chữ nằm dưới */
            align-items: center !important;
            text-align: center !important;
            width: 25% !important; /* Chia đều 4 cột */
            font-size: 11px !important;
            font-weight: 600 !important;
            color: #333 !important;
            line-height: 1.4 !important;
            position: relative !important;
        }
        .ds-hero-usps span img {
            width: 28px !important;
            height: 28px !important;
            object-fit: contain !important;
            margin-bottom: 8px !important;
        }
        
        /* Tạo dấu + giữa các icon */
        .ds-hero-usps span:not(:last-child)::after {
            content: '+' !important;
            position: absolute !important;
            top: 14px !important; /* Căn giữa theo chiều cao của icon */
            right: 0 !important; 
            transform: translate(50%, -50%) !important; 
            color: #a31526 !important; 
            font-size: 18px !important;
            font-weight: 400 !important;
        }

        /* Xếp dọc 2 nút bấm ở mobile nếu có hiển thị */
        .ds-hero-actions {
            display: flex !important;
            flex-direction: column !important;
            width: 100% !important;
            gap: 12px !important;
        }
        .ds-hero-actions .ds-btn {
            width: 100% !important; font-size: 11px;
        }
        .ds-hide-mb { display: none !important; }
        .ds-show-mb-flex { display: flex !important; }
        .ds-show-mb-block { display: block !important; }
        .ds-show-mb-inline { display: inline-block !important; }

        /* Filter Section */
        .ds-gift-filters { padding: 20px 0; }
        .ds-filter-title { color: #111; font-size: 15px; margin-bottom: 15px; }
        .ds-filter-needs { grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 30px; }
        .ds-need-card { border-radius: 10px; }
        .ds-need-card-inner { padding: 15px 5px; gap: 8px; }
        .ds-need-icon { width: 30px; height: 30px; }
        .ds-need-text { font-size: 12px; }
        .ds-filter-col { border: none; padding: 0; background: transparent; }
        .ds-filter-split { grid-template-columns: 1fr; gap: 25px; margin-bottom: 30px; }
        .ds-filter-split > .ds-filter-col:first-child { border-top: 1px solid #f0f0f0; padding-top: 20px; }
        .ds-filter-grid-3 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
        .ds-option-btn { padding: 12px 10px; font-size: 13px; border-radius: 8px; }
        .ds-need-dropdown { right: auto; left: 50%; transform: translate(-50%, -10px); min-width: 200px; }
        .ds-need-dropdown.active { transform: translate(-50%, 0); }
        .ds-need-dropdown::before { right: auto; left: 50%; margin-left: -6px; }

        /* Zalo Banner */
        .ds-gift-projects {padding: 20px 0;}
        .ds-zalo-banner-adv { flex-direction: column; background: #fffafa; border: none; padding: 20px 15px; gap: 20px; }
        .ds-zb-left { text-align: center; width: 100%; flex-direction: column; gap: 5px; }
        .ds-zb-info {margin:0 auto;}
        .ds-zb-info h3 { font-size: 16px; margin-bottom: 5px; text-transform: uppercase; color: #111; text-align: center;}
        .ds-zb-info p { font-size: 13px; color: #555; text-align: center; margin: 0;}
        .ds-zb-right { display: flex !important; flex-direction: row; width: 100%; justify-content: space-between; align-items: flex-start; margin: 5px 0; gap: 0; }
        .ds-zb-step { width: 22%; gap: 6px; }
        .ds-zb-step svg { width: 26px; height: 26px; color: #a31526; }
        .ds-zb-step span { font-size: 10px; line-height: 1.3; color: #111; font-weight: 500; text-align: center; }
        .ds-zb-arrow { margin-top: 0; font-size: 12px; color: #a31526; opacity: 0.5; padding-top: 6px; }
        .ds-zb-btn-mobile { width: 100%; border-radius: 8px; justify-content: center; font-size: 15px; padding: 12px; background: #a31526; color: #fff; text-decoration: none; font-weight: bold; display: flex; align-items: center; gap: 8px; border: none; }

        /* Projects Section */
        .ds-section-title { font-size: 16px; margin-bottom: 25px; text-align: center; line-height: 1.4; padding: 0 10px; }
        .ds-projects-grid { display: none !important; }
        .ds-mobile-stats { display: flex !important; justify-content: space-between; align-items: center; margin-bottom: 30px; padding: 0 5px; }
        .ds-stat-item { text-align: center; flex: 1; }
        .ds-stat-item h4 { color: #a31526; font-size: 18px; font-weight: 900; margin: 0 0 5px 0; }
        .ds-stat-item p { font-size: 11px; color: #333; margin: 0; line-height: 1.4; font-weight: 500; }
        .ds-stat-divider { width: 1px; height: 35px; border-right: 1px dashed #ccc; }
        .ds-mobile-client-title { font-size: 14px; font-weight: 800; text-align: center; margin-bottom: 15px; color: #111; text-transform: uppercase; display: block !important; }
        .ds-mobile-clients { display: flex !important; justify-content: space-between; gap: 8px; margin-bottom: 20px; flex-wrap: nowrap; }
        .ds-mc-logo { flex: 1; background: #fff; border: 1px solid #f0f0f0; border-radius: 8px; padding: 5px; display: flex; justify-content: center; align-items: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02); height: 45px; }
        .ds-mc-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
        .ds-mc-logo span { font-size: 10px !important; }
        .ds-btn-project { border: none !important; background: transparent !important; color: #a31526 !important; padding: 10px !important; font-size: 14px !important; width: 100%; text-align: center; display: inline-block; font-weight: bold; }

        /* Mobile Projects List */
        .ds-mobile-projects-section { padding: 10px 0 20px 0; background: #fff; }
        .ds-mobile-projects-section .ds-section-title-left { font-size: 15px; font-weight: 800; margin-bottom: 15px; text-transform: uppercase; color: #111; text-align: left; padding: 0 5px; }
        .ds-mp-list { display: flex; flex-direction: column; gap: 15px; }
        .ds-mp-card { display: flex; flex-direction: row; background: #fff; border-radius: 12px; padding: 12px; gap: 15px; box-shadow: 0 2px 10px rgba(0,0,0,0.04); border: 1px solid #f0f0f0; align-items: center; }
        .ds-mp-img { width: 105px; min-width: 105px; height: 105px; border-radius: 8px; overflow: hidden; background: #f4f4f4; position: relative; }
        .ds-mp-img img { width: 100%; height: 100%; object-fit: cover; }
        .ds-mp-info { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
        .ds-mp-info h4 { font-size: 14px; font-weight: 800; margin: 0 0 6px 0; color: #111; }
        .ds-mp-info p { font-size: 12px; margin: 0 0 4px 0; color: #444; line-height: 1.4; }
        .ds-mp-info p strong { color: #222; font-weight: 700; }
        .ds-mp-btn { margin-top: 6px; padding: 6px 15px; border: 1px solid #a31526; color: #a31526; border-radius: 4px; font-size: 12px; font-weight: 700; text-decoration: none; display: inline-block; }
        .ds-mp-footer { text-align: center; margin-top: 25px; }
        .ds-mp-footer a { color: #a31526; font-weight: 700; font-size: 14px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }

        /* Products Slider to Vertical List */
        .ds-gift-products .ds-container > div:first-child { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin-bottom: 25px !important; }
        .ds-gift-products .ds-container > div:first-child a { display: none !important; }
        .ds-gift-products .ds-section-title { font-size: 16px !important; font-weight: 800 !important; color: #111 !important; text-align: center !important; text-transform: uppercase !important; }
        .ds-gift-products .ds-section-title span { display: block !important; font-size: 14px !important; color: #111 !important; margin-top: 5px !important; text-transform: none !important; font-weight: normal !important; }
        .ds-products-slider-wrap .ds-slider-nav { display: none !important; }
        .ds-products-slider { flex-direction: column !important; overflow-x: visible !important; gap: 20px !important; }
        .ds-products-slider > div:nth-child(n+5) { display: none !important; }
        .ds-products-slider > div { flex: 0 0 100% !important; width: 100% !important; }
        
        /* Product Card Mobile */
         .ds-gift-products { padding: 20px 0; }
        .ds-gift-products .ds-product-card { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 15px !important; border: none !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; }
        .ds-gift-products .ds-product-card__image { width: 110px !important; min-width: 110px !important; max-width: 110px !important; aspect-ratio: 1 / 1 !important; border-radius: 8px !important; overflow: hidden !important; }
        .ds-gift-products .ds-product-card__image img, .ds-gift-products .ds-product-card__image video { width: 100% !important; height: 100% !important; object-fit: cover !important; }
        .ds-gift-products .ds-product-card__content { padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; flex: 1 !important; }
        .ds-gift-products .ds-product-card__title { font-size: 14px !important; font-weight: 700 !important; color: #222 !important; margin: 0 0 6px 0 !important; line-height: 1.4 !important; }
        .ds-gift-products .ds-product-card__price { font-size: 15px !important; font-weight: bold !important; color: #a31526 !important; margin: 0 0 10px 0 !important; }
        .ds-gift-products .ds-qty-control, .ds-gift-products .add_to_cart_button { display: none !important; }
        .ds-gift-products .ds-product-card-actions { width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; }
        .ds-gift-products .ds-product-card-actions a.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 110px !important; padding: 6px 15px !important; background: #fff !important; color: #a31526 !important; border: 1px solid #a31526 !important; border-radius: 4px !important; text-transform: none !important; box-shadow: none !important; font-size: 0 !important; }
        .ds-gift-products .ds-product-card-actions a.button::after { content: "Xem chi tiết" !important; font-size: 12px !important; font-weight: 600 !important; color: #a31526 !important; }

        /* USPs Grid */
        
        .ds-gift-usps-container { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px 10px !important; text-align: center !important; border-top: 1px solid #eee !important; margin-top: 35px !important; padding-top: 25px !important; }
        .ds-gift-cta { padding: 0; }
        .ds-usp-card-item { flex-direction: column !important; align-items: center !important; gap: 6px !important; }
        .ds-usp-card-icon { justify-content: center !important; }
        .ds-usp-card-icon svg { width: 36px !important; height: 36px !important; }
        .ds-usp-card-info { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 4px !important; text-align: center !important; }
        .ds-usp-card-info strong { font-size: 10px !important; line-height: 1.3 !important; font-weight: bold !important; display: block !important; color: #111 !important;}
        .ds-usp-card-info span { font-size: 11px !important; color: #666 !important; margin-left: 0 !important; display: block !important; }
        .ds-cta-usps svg { margin: 0 auto; }
        /* CTA & FAQ & Partners */
        .ds-cta-form { grid-template-columns: 1fr; gap: 15px; }
        .ds-cta-text h2 {font-size: 18px;}
        .ds-full-width, .ds-cta-submit { grid-column: span 1; }
        .ds-faq-grid { display: block; }
        .ds-gift-faq { padding: 10px 0 20px;}
        .ds-partner-section { display: none; }
        
    }