/*
 Theme Name:   V-ON
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* Tăng tốc nút Di chuyển lên đầu trang */
html { scroll-behavior: unset !important;}

/* Bảng */
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) table { border: 2px solid #1357909e; }
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) table caption { background: #135790; color: white; padding: 10px; }

/* ul, ol, link */
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) ul, ol { margin-top: -1em; }
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) ul li ul, ol li ul { margin-top: 0px !important; }
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) .has-sub ul { margin-top: 8px; }
/* Thêm icon Link vào trước các đường dẫn trong đoạn văn bản */
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) a::before {
    content: "";
    display: inline-block;
    width: 13px;  /* Kích thước chiều rộng của icon */
    height: 13px; /* Kích thước chiều cao của icon */
    margin-right: 2px; /* Khoảng cách giữa icon và chữ */
    vertical-align: -2px; /* Căn chỉnh icon cho đều với dòng chữ */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 512.176 512.176'%3E%3Cpath fill='%231689FC' d='M253.422 172.886L346.8 79.507c11.341-11.342 26.288-17.016 41.229-17.016 14.94 0 29.887 5.674 41.229 17.016l.068.072c11.296 11.334 16.948 26.251 16.948 41.157 0 14.937-5.673 29.884-17.013 41.226l-95.985 95.987c-6.917 6.917-15.622 11.896-24.986 14.67-9.375 2.775-19.459 3.322-29.103 1.37-12.796-2.59-20.783-9.21-28.727-15.795-16.45-17.096-43.529-18.599-62.063-.065l-.075.075c4.42 13.375 13.19 26.417 24.152 37.514 11.64 11.781 25.634 21.27 39.45 26.58 19.788 7.605 41.42 9.238 62.029 4.903 19.889-4.186 38.83-13.981 54.226-29.377l97.982-97.981c21.144-21.144 31.719-49.029 31.719-76.914 0-27.868-10.561-55.732-31.676-76.872l-.044-.042c-21.145-21.145-49.028-31.719-76.913-31.719-27.886 0-55.769 10.574-76.913 31.717l-97.982 97.983c-5.604 5.604-10.447 11.639-14.522 17.981a108.1 108.1 0 00-5.37 9.341 124.273 124.273 0 0126.274-2.805c11.003 0 22.005 1.459 32.688 4.373z'/%3E%3Cpath fill='%235B9FFC' d='M214.476 297.698l37.91-37.911c7.339 6.035 15.038 11.82 26.801 14.202 9.644 1.952 19.728 1.405 29.103-1.37 9.364-2.774 18.069-7.753 24.986-14.67l95.985-95.987c11.34-11.342 17.013-26.289 17.013-41.226 0-14.185-5.118-28.381-15.349-39.488l35.235-35.233.044.042c21.115 21.14 31.676 49.004 31.676 76.872 0 27.885-10.575 55.77-31.719 76.914l-97.982 97.981c-15.396 15.396-34.337 25.191-54.226 29.377-20.609 4.335-42.241 2.702-62.029-4.903-13.034-5.009-26.225-13.737-37.448-24.6z'/%3E%3Cpath fill='%23A3D4FF' d='M41.107 471.058h.001c45.123 45.124 118.96 45.124 164.083 0l96.531-96.531a114.972 114.972 0 0028.236-46.213c-29.88 4.82-60.152 5.081-76.034.476l-95.341 95.34c-20.391 20.392-53.763 20.394-74.158 0-20.393-20.393-20.392-53.763.001-74.157l94.298-94.297c20.393-20.394 53.763-20.394 74.156-.001 1.992 1.991 6.739 4.885 12.357 7.736 22.287 11.305 43.499 7.568 63.749-9.638a114.963 114.963 0 00-27.264-43.33c-45.123-45.123-118.961-45.123-164.084 0l-96.531 96.531c-45.123 45.123-45.123 118.961 0 164.084z'/%3E%3Cpath fill='%23BFE0FF' d='M84.045 428.128l-38.208 38.208.002.002c21.143 21.144 49.027 31.718 76.914 31.718 27.886 0 55.769-10.574 76.914-31.718l97.981-97.981c5.798-5.798 10.771-12.039 14.913-18.581a106.457 106.457 0 004.983-8.762l-.685.148a124.32 124.32 0 01-63.515-3.282l-88.581 88.58c-11.342 11.342-26.289 17.016-41.23 17.016-14.185 0-28.382-5.119-39.488-15.348zm213.601-213.601l-35.11 35.11c5.672 4.593 11.642 8.813 19.443 10.391 7.33 1.483 15.056 1.051 22.29-1.09 6.2-1.837 12.019-4.952 16.884-9.214a107.295 107.295 0 00-8.817-16.984c-4.083-6.39-8.98-12.503-14.688-18.212l-.002-.001z'/%3E%3Cpath fill='%231A1A1A' fill-rule='nonzero' d='M176.52 176.649a121.866 121.866 0 0111.304-22.38 122.478 122.478 0 0116.419-20.382l97.981-97.981C326.16 11.97 357.709 0 389.247 0c68.144 0 122.929 54.782 122.929 122.929 0 31.54-11.971 63.087-35.906 87.023l-97.982 97.981a121.905 121.905 0 01-42.769 27.74 122.073 122.073 0 01-10.898 21.696 122.37 122.37 0 01-16.864 21.096l-97.981 97.981c-47.639 47.639-126.409 47.641-174.046 0-47.64-47.637-47.639-126.407 0-174.046l97.981-97.981a121.978 121.978 0 0142.809-27.77zm76.824 161.231l-88.581 88.58c-22.575 22.575-59.882 22.575-82.457 0-22.67-22.671-22.669-59.784-.002-82.458l95.984-95.982c8.853-8.852 20.073-14.579 32.443-16.521 25.13-3.947 36.941 5.84 48.833 15.695 6.602 5.474 13.243 10.978 22.415 12.834 7.33 1.483 15.056 1.051 22.29-1.09 6.2-1.837 12.019-4.952 16.884-9.214-16.645-40.465-56.234-66.915-100.419-66.915-27.887 0-55.771 10.574-76.914 31.719l-97.981 97.981c-42.087 42.087-42.088 111.744 0 153.829 42.085 42.088 111.742 42.086 153.828 0l97.981-97.981c5.798-5.798 10.771-12.039 14.913-18.581a106.457 106.457 0 004.983-8.762l-.685.148a124.32 124.32 0 01-63.515-3.282zm78.67-98.887l87.135-87.136c8.552-8.554 12.829-19.836 12.829-31.121a43.808 43.808 0 00-43.949-43.949c-11.285 0-22.57 4.278-31.121 12.829l-88.438 88.44c28.065 11.729 50.64 33.492 63.544 60.937zm-78.592-66.107L346.8 79.507c11.341-11.342 26.288-17.016 41.229-17.016 32.278 0 58.245 25.968 58.245 58.245 0 14.937-5.673 29.884-17.013 41.226l-95.985 95.987c-6.917 6.917-15.622 11.896-24.986 14.67-9.375 2.775-19.459 3.322-29.103 1.37-12.796-2.59-20.783-9.21-28.727-15.795-9.427-7.813-18.791-15.57-37.552-12.624-9.378 1.471-17.887 5.935-24.586 12.634 4.42 13.375 13.19 26.417 24.152 37.514 11.64 11.781 25.634 21.27 39.45 26.58 19.788 7.605 41.42 9.238 62.029 4.903 19.889-4.186 38.83-13.981 54.226-29.377l97.982-97.981c21.144-21.144 31.719-49.029 31.719-76.914A108.31 108.31 0 00389.247 14.296c-27.886 0-55.769 10.574-76.913 31.717l-97.982 97.983c-5.604 5.604-10.447 11.639-14.522 17.981a108.1 108.1 0 00-5.37 9.341 124.273 124.273 0 0126.274-2.805c11.003 0 22.005 1.459 32.688 4.373zm-76.169 96.387l-84.84 84.838c-17.12 17.123-17.121 45.117.002 62.24 17.022 17.023 45.216 17.023 62.239 0l84.217-84.215c-13.02-6.271-25.752-15.483-36.561-26.423-10.645-10.774-19.509-23.299-25.057-36.44z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	margin-left: 5px;
}

/* Note, Warning, Read more */
.note {
    position: relative;
    padding: 15px 20px 15px 70px;
    background-color: #e8f3ff;
    border: 1px solid #538ac6;
    border-radius: 4px;
    color: #111;
    font-size: 16px;
    line-height: 1.6;
    overflow: hidden;
    margin-bottom: 20px;
}
.note::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    background-color: #538ac6;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113 122.9'%3E%3Cpath fill='%23ffffff' d='M90.5,53.6c-0.1-4.3-1.1-8.3-2.5-11.8c-2.7-6.5-7.5-11.7-13.4-15.2c-4.6-2.7-9.9-4.4-15.4-4.9c-5.4-0.5-11,0.2-16.1,2.3 c-6.1,2.5-11.5,6.9-15.5,13.5h0c0,0,0,0.1-0.1,0.1c-3,5.8-4.4,11.3-4.4,16.7c0,5.4,1.2,10.6,3.6,15.6c2.4,5.1,5.4,8.6,8.3,11.9 c3.8,4.3,7.3,8.4,8.6,15.7c-1.2,0.2-2,1.3-1.8,2.5c0.2,1.2,1.2,2,2.3,2c0,1.1,0.1,2.3,0,3.5l-0.5,0.1c-1.2,0.2-2.1,1.3-1.9,2.6 c0.2,1.2,1.3,2.1,2.6,1.9l0.1,0c0.2,1.4,0.5,2.7,0.9,3.8c-0.1,0.3-0.1,0.6-0.1,0.9c0.1,0.8,0.6,1.4,1.2,1.8c1.3,2.4,3.2,4.1,5.3,5.1 c1.8,0.9,3.8,1.2,5.8,1.1c1.9-0.1,3.9-0.7,5.6-1.7c2.5-1.5,4.7-3.8,5.9-6.9l1.7-0.2c1.2-0.2,2.1-1.3,2-2.5c-0.1-1.2-1.3-2.1-2.5-2 l-0.1,0c0-0.4,0-0.8,0-1.2c0-0.5,0-0.9-0.1-1.4c0-0.2,0-0.3,0-0.5l0.8-0.1c1.2-0.2,2.1-1.3,1.9-2.6c-0.2-1.2-1.3-2.1-2.6-1.9l-0.2,0 c0-1.2,0.1-2.4,0.3-3.5l0.8-0.1c1.2-0.2,2.1-1.3,1.9-2.6c-0.1-1-0.8-1.7-1.7-1.9c1.6-5,4.4-8.3,7.4-11.8c3.3-3.8,6.8-7.9,9.5-14.5 C89.8,62.6,90.6,57.9,90.5,53.6z M48.3,101.5L65.6,99c-0.1,1.1-0.2,2.3-0.2,3.5l-17,2.4C48.4,103.7,48.4,102.6,48.3,101.5z M60.9,117.5c-1.2,0.7-2.5,1.1-3.7,1.1c-1.3,0.1-2.5-0.2-3.7-0.7c-0.8-0.4-1.5-0.9-2.1-1.5l12.4-1.5C63,116,62,116.8,60.9,117.5z M65.6,110l-16.6,2c-0.2-0.8-0.4-1.6-0.5-2.5l17.1-2.4l0,0.2v0C65.7,108.3,65.7,109.2,65.6,110z M83.9,65.9 c-2.4,5.9-5.7,9.8-8.8,13.3c-3.7,4.4-7.2,8.4-8.8,15.1L47.9,97c-1.4-8.5-5.4-13.1-9.7-17.9c-2.7-3.1-5.6-6.4-7.7-10.9 c-2.1-4.5-3.2-9.1-3.2-13.8c0-4.7,1.3-9.6,3.9-14.7c3.4-5.7,8.1-9.6,13.4-11.7c4.5-1.8,9.4-2.5,14.1-2c4.8,0.4,9.5,2,13.6,4.4 c5.2,3,9.4,7.5,11.7,13.2c1.3,3.1,2.1,6.6,2.2,10.3C86.3,57.5,85.7,61.6,83.9,65.9z M10.8,54.3L2,54.6c-1.2,0-2.1,1-2,2.2 s1,2.1,2.2,2l8.7-0.3c1.2,0,2.1-1,2-2.2C12.9,55.2,11.9,54.3,10.8,54.3z M113,52.1c-0.1-1.2-1.2-2-2.3-1.9l-8.7,0.9 c-1.2,0.1-2,1.2-1.9,2.3c0.1,1.2,1.2,2,2.3,1.9l8.7-0.9C112.3,54.3,113.1,53.3,113,52.1z M97.8,14.2c-1-0.7-2.3-0.4-2.9,0.6L90.1,22 c-0.7,1-0.4,2.3,0.6,2.9c1,0.7,2.3,0.4,2.9-0.6l4.8-7.2C99.1,16.2,98.8,14.8,97.8,14.2z M59.8,0c-1.2,0-2.1,0.9-2.2,2.1l-0.2,8.7 c0,1.2,0.9,2.1,2.1,2.2c1.2,0,2.1-0.9,2.2-2.1l0.2-8.7C61.9,1,61,0,59.8,0z M23.1,18.4l-6.4-5.9c-0.9-0.8-2.2-0.8-3,0.1 c-0.8,0.9-0.8,2.2,0.1,3l6.4,5.9c0.9,0.8,2.2,0.8,3-0.1C24,20.5,24,19.2,23.1,18.4z'/%3E%3C/svg%3E");
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
}
.note strong:first-child {
    display: block;
    color: #538ac6;
    font-size: 18px;
    margin-bottom: 5px;
}

.warning {
    position: relative;
    padding: 15px 20px 15px 70px;
    background-color: #df730717;
    border: 1px solid #df7307;
    border-radius: 4px;
    color: #111;
    font-size: 16px;
    line-height: 1.6;
    overflow: hidden;
    margin-bottom: 20px;
}
.warning::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    background-color: #df7307;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 122.88 111.54'%3E%3Cpath fill='%23cf1f25' d='M2.35 84.42 45.28 10.2l.17-.27a23 23 0 0 1 7.05-7.24A17 17 0 0 1 61.57 0a16.7 16.7 0 0 1 9.11 2.69 22.8 22.8 0 0 1 7 7.26q.19.32.36.63l42.23 73.34.24.44a22.5 22.5 0 0 1 2.37 10.19 17.6 17.6 0 0 1-2.17 8.35 15.94 15.94 0 0 1-6.93 6.6c-.19.1-.39.18-.58.26a21.2 21.2 0 0 1-9.11 1.75H16.96a18.1 18.1 0 0 1-6.2-1.15A16.4 16.4 0 0 1 3 104.24a17.53 17.53 0 0 1-3-9.57 23 23 0 0 1 1.57-8.74 7.7 7.7 0 0 1 .77-1.51Z'/%3E%3Cpath fill='%23fec901' fill-rule='evenodd' d='m9 88.75 43.12-74.59c5.24-8.25 13.54-8.46 18.87 0l42.43 73.69c3.39 6.81 1.71 16-9.33 15.77H17.61c-7.26.18-11.94-6.19-8.61-14.87'/%3E%3Cpath fill='%23010101' d='M57.57 83.78A5.53 5.53 0 0 1 61 82.2a5.6 5.6 0 0 1 2.4.36 5.7 5.7 0 0 1 2 1.3 5.56 5.56 0 0 1 1.54 5 6.2 6.2 0 0 1-.42 1.35 5.57 5.57 0 0 1-5.22 3.26 5.7 5.7 0 0 1-2.27-.53A5.5 5.5 0 0 1 56.28 90a5.2 5.2 0 0 1-.36-1.27 5.8 5.8 0 0 1-.06-1.31 6.5 6.5 0 0 1 .57-2 4.7 4.7 0 0 1 1.14-1.56Zm8.15-10.24c-.19 4.79-8.31 4.8-8.49 0-.82-8.21-2.92-29.34-2.86-37.05.07-2.38 2-3.79 4.56-4.33a12.8 12.8 0 0 1 5 0c2.61.56 4.65 2 4.65 4.44v.24z'/%3E%3C/svg%3E");
    background-size: 26px;
    background-repeat: no-repeat;
    background-position: center;
}

/* Container chính: Thêm Flexbox để căn giữa icon ngón tay và văn bản */
.read-more {
    display: flex;
    align-items: center; 
    padding: 16px 15px;
    background: transparent;
    border: 1px dashed #94a3b8; /* Viền đứt đoạn màu xám tro */
    border-radius: 6px;
    margin: 24px 0;
    transition: all 0.3s ease;
}

/* Hiệu ứng nổi bật khi người dùng trỏ chuột vào nguyên khối */
.read-more:hover {
    background: #f0f9ff;
    border-style: solid;
    border-color: #0ea5e9;
}

/* Chèn biểu tượng ngón tay qua pseudo-element */
.read-more::before {
    content: "";
    display: inline-block;
    width: 32px; /* Kích thước chiều ngang của ngón tay */
    height: 20px; /* Kích thước chiều dọc tương ứng tỷ lệ gốc */
    margin-right: 12px;
    flex-shrink: 0; /* Giúp icon không bị bóp méo trên màn hình điện thoại nhỏ */
    /* SVG ngón tay được mã hóa - Mặc định màu xám (#64748b) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 527 315'%3E%3Cpath fill='%2364748b' d='M511.4,45.1l1.3,1.3c8.6,9.5,12.3,22.7,10.8,35.2c-2.6,15.7-15,29.3-30.4,33.5c-8.7,2.7-17.9,1.9-26.9,1.9c-26.7-0.1-53.5-0.3-80.2-0.4c5.1,8.3,8.2,18.2,6.5,28c-1.8,13-9.9,25.1-21.6,31.3c-3.8,2.1-8,3.4-12.1,4.6c5.3,8.8,7.6,19.5,5.8,29.7c-2.2,12.5-10,24.2-21.3,30.2c-6.1,3.5-13.1,4.8-20,5c4.2,12.8,1.8,27.5-6.2,38.4c-9.2,12.9-26.5,19.4-42,15.6c-4.3-1.3-8.6,0.6-12.7,1.4c-19.9,4.2-40,7.4-60.2,8.8c-16.7,0.8-33.5,0.3-50.2-0.1c-16.8-0.7-34.1-2.2-49.5-9.6c-9.1-4.1-17.4-9.7-25.3-15.6c-1.5-1-2.9-2.3-4.8-2.3c-10.6-0.3-21.2-0.4-31.9-0.8C31,281,21.6,277.5,14.7,271l-1.7-1.7C6.3,261.5,3.5,251,4,240.8c0.1-54.2,0.1-108.5,0.3-162.7C4,64,12,49.7,25.2,43.9c7.8-3.8,16.6-3.2,24.9-3.2c7.3,0,14.6,0.1,22,0.1c2.4,0.2,3.8-2.1,5.5-3.4C92,23.6,109.5,12.7,128.8,7.1c9.2-2.6,18.8-3.4,28.3-3.1c14.6,0.2,29.9,1.1,42.9,8.4c8.6,4.6,15.3,11.8,21.3,19.4c83.9,0.5,167.9,0.9,251.8,1.3c7.6,0,15.4-0.1,22.7,2.4C501.6,37.5,506.8,41,511.4,45.1 M487.9,52.8c-5.5-1.8-11.4-1.1-17-1.3c-77.7-0.1-155.4-0.5-233-0.5c11.4,14.8,22.4,30,33.8,44.7c68.7,0.1,137.3,0.7,206,1c4.8-0.1,9.8,1.2,14.3-1c10-4.4,16.2-17.3,12-27.7C501.5,60.7,495.3,54.9,487.9,52.8 M355.3,115c-3-0.7-6.2-0.5-9.2-0.5c-20.4-0.1-40.8-0.2-61.2-0.3c7.6,10.9,14.3,23.1,15.8,36.5c7,2.6,14.1,5.1,21.1,7.7c3.9,1.6,8.1,1.4,12.2,2.1c6.8,0.7,13.6,2.4,20.5,1.6c7.1-0.7,13.4-5.3,17.2-11.3c3.7-6.5,4.4-14.9,1.3-21.7C369.5,122,362.9,116.6,355.3,115 M187.6,27.1c-10.8-4.4-22.7-4-34.2-4.8c-11.2,0-22.4,2.8-32.4,7.8c-12.9,6-24.4,14.7-34.1,25c-2.4,2.6-5.7,4.1-9.2,4c-11.8-0.2-23.6-0.6-35.4-0.8C37,58.3,31.6,60.2,28,64.1c-3.4,3.6-4.9,8.6-4.8,13.5c-0.3,55.1-0.6,110.3-0.9,165.5c-0.1,4.2,0.8,8.5,3.4,11.9c3.7,5.1,10,7.8,16.1,8c11.1,0.3,22.2,0.5,33.3,0.8c3.5,0.1,7.3,0.5,10.1,3c10.9,8.3,22.3,16.6,35.7,20.3c9.6,2.8,19.7,3.4,29.7,3.9c16.2,0.4,32.5,0.5,48.7,0c12.6-0.5,25-2.7,37.4-4.3c-19.3-6.8-38.5-13.6-57.8-20.4c-11.4-3.7-22.1-10.8-27.7-21.7c-8-14-6.6-32.6,3.4-45.3c6.1-8.1,15.5-13.4,25.4-15.4c-5.8-13.5-4.1-30,4.7-41.8c-12.3-11-24.4-22.3-35.3-34.8C143.3,100,137.1,92.7,133,84c-1.9-3.7-1.3-8.6,1.8-11.5c2.9-2.9,7.7-3.1,11.1-1.1c2.4,1.3,3.6,3.9,4.9,6.2c3.6,7,9.2,12.6,14.1,18.6c19.3,21,40.8,39.8,63.8,56.5c9.4,6.1,18.6,13,29.3,16.6c6.9,2.2,15.4,1.2,20.7-4c4-3.9,4.6-9.8,3.5-15c-1.3-7.1-5.3-13.3-8.8-19.5c-15.7-23.1-32.6-45.4-49.5-67.6c-5.7-5.4-9.9-12-15-17.9C203.5,37.7,196.6,30.6,187.6,27.1 M331.6,182.6c-10.1-3.6-20.3-7.2-30.4-10.8c-5.6,7.1-13.4,12.2-21.9,15.2c-10.1,3.6-21.7,4.6-31.8,0.4c-17.2-9.4-33-21.2-48.4-33.3c-4.8,8.6-5.6,20.2,1.2,28c4,5.4,10.8,6.7,16.7,8.9c25.2,8.8,50.3,17.8,75.5,26.6c10.8-0.2,19.9,7.2,30.5,8.3c7.2,0.5,14.6-2.8,19-8.5c3.5-5.9,5.3-13.3,3.2-20.1C343,190.9,338.3,184.8,331.6,182.6 M297.1,240.1c-5.4-2.6-11.2-4.2-16.8-6.3c-27.5-9.7-55-19.4-82.5-29.1c-10-4.4-23.5-1.9-29.2,8.1c-3.2,5.9-4.3,13.2-2.2,19.6c2,6.3,6.9,11.7,13.3,13.7c29.4,10.5,58.9,20.8,88.4,31.2c3.6,1.5,7.6,1.7,11.4,2.8c7.4,1.9,15.2-1.7,20.6-6.6c6.4-5.8,8.5-15.5,5.7-23.6C304.1,245.9,301,242.3,297.1,240.1z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}

/* Đổi màu ngón tay sang màu xanh dương khi hover để đồng bộ với viền */
.read-more:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 527 315'%3E%3Cpath fill='%230ea5e9' d='M511.4,45.1l1.3,1.3c8.6,9.5,12.3,22.7,10.8,35.2c-2.6,15.7-15,29.3-30.4,33.5c-8.7,2.7-17.9,1.9-26.9,1.9c-26.7-0.1-53.5-0.3-80.2-0.4c5.1,8.3,8.2,18.2,6.5,28c-1.8,13-9.9,25.1-21.6,31.3c-3.8,2.1-8,3.4-12.1,4.6c5.3,8.8,7.6,19.5,5.8,29.7c-2.2,12.5-10,24.2-21.3,30.2c-6.1,3.5-13.1,4.8-20,5c4.2,12.8,1.8,27.5-6.2,38.4c-9.2,12.9-26.5,19.4-42,15.6c-4.3-1.3-8.6,0.6-12.7,1.4c-19.9,4.2-40,7.4-60.2,8.8c-16.7,0.8-33.5,0.3-50.2-0.1c-16.8-0.7-34.1-2.2-49.5-9.6c-9.1-4.1-17.4-9.7-25.3-15.6c-1.5-1-2.9-2.3-4.8-2.3c-10.6-0.3-21.2-0.4-31.9-0.8C31,281,21.6,277.5,14.7,271l-1.7-1.7C6.3,261.5,3.5,251,4,240.8c0.1-54.2,0.1-108.5,0.3-162.7C4,64,12,49.7,25.2,43.9c7.8-3.8,16.6-3.2,24.9-3.2c7.3,0,14.6,0.1,22,0.1c2.4,0.2,3.8-2.1,5.5-3.4C92,23.6,109.5,12.7,128.8,7.1c9.2-2.6,18.8-3.4,28.3-3.1c14.6,0.2,29.9,1.1,42.9,8.4c8.6,4.6,15.3,11.8,21.3,19.4c83.9,0.5,167.9,0.9,251.8,1.3c7.6,0,15.4-0.1,22.7,2.4C501.6,37.5,506.8,41,511.4,45.1 M487.9,52.8c-5.5-1.8-11.4-1.1-17-1.3c-77.7-0.1-155.4-0.5-233-0.5c11.4,14.8,22.4,30,33.8,44.7c68.7,0.1,137.3,0.7,206,1c4.8-0.1,9.8,1.2,14.3-1c10-4.4,16.2-17.3,12-27.7C501.5,60.7,495.3,54.9,487.9,52.8 M355.3,115c-3-0.7-6.2-0.5-9.2-0.5c-20.4-0.1-40.8-0.2-61.2-0.3c7.6,10.9,14.3,23.1,15.8,36.5c7,2.6,14.1,5.1,21.1,7.7c3.9,1.6,8.1,1.4,12.2,2.1c6.8,0.7,13.6,2.4,20.5,1.6c7.1-0.7,13.4-5.3,17.2-11.3c3.7-6.5,4.4-14.9,1.3-21.7C369.5,122,362.9,116.6,355.3,115 M187.6,27.1c-10.8-4.4-22.7-4-34.2-4.8c-11.2,0-22.4,2.8-32.4,7.8c-12.9,6-24.4,14.7-34.1,25c-2.4,2.6-5.7,4.1-9.2,4c-11.8-0.2-23.6-0.6-35.4-0.8C37,58.3,31.6,60.2,28,64.1c-3.4,3.6-4.9,8.6-4.8,13.5c-0.3,55.1-0.6,110.3-0.9,165.5c-0.1,4.2,0.8,8.5,3.4,11.9c3.7,5.1,10,7.8,16.1,8c11.1,0.3,22.2,0.5,33.3,0.8c3.5,0.1,7.3,0.5,10.1,3c10.9,8.3,22.3,16.6,35.7,20.3c9.6,2.8,19.7,3.4,29.7,3.9c16.2,0.4,32.5,0.5,48.7,0c12.6-0.5,25-2.7,37.4-4.3c-19.3-6.8-38.5-13.6-57.8-20.4c-11.4-3.7-22.1-10.8-27.7-21.7c-8-14-6.6-32.6,3.4-45.3c6.1-8.1,15.5-13.4,25.4-15.4c-5.8-13.5-4.1-30,4.7-41.8c-12.3-11-24.4-22.3-35.3-34.8C143.3,100,137.1,92.7,133,84c-1.9-3.7-1.3-8.6,1.8-11.5c2.9-2.9,7.7-3.1,11.1-1.1c2.4,1.3,3.6,3.9,4.9,6.2c3.6,7,9.2,12.6,14.1,18.6c19.3,21,40.8,39.8,63.8,56.5c9.4,6.1,18.6,13,29.3,16.6c6.9,2.2,15.4,1.2,20.7-4c4-3.9,4.6-9.8,3.5-15c-1.3-7.1-5.3-13.3-8.8-19.5c-15.7-23.1-32.6-45.4-49.5-67.6c-5.7-5.4-9.9-12-15-17.9C203.5,37.7,196.6,30.6,187.6,27.1 M331.6,182.6c-10.1-3.6-20.3-7.2-30.4-10.8c-5.6,7.1-13.4,12.2-21.9,15.2c-10.1,3.6-21.7,4.6-31.8,0.4c-17.2-9.4-33-21.2-48.4-33.3c-4.8,8.6-5.6,20.2,1.2,28c4,5.4,10.8,6.7,16.7,8.9c25.2,8.8,50.3,17.8,75.5,26.6c10.8-0.2,19.9,7.2,30.5,8.3c7.2,0.5,14.6-2.8,19-8.5c3.5-5.9,5.3-13.3,3.2-20.1C343,190.9,338.3,184.8,331.6,182.6 M297.1,240.1c-5.4-2.6-11.2-4.2-16.8-6.3c-27.5-9.7-55-19.4-82.5-29.1c-10-4.4-23.5-1.9-29.2,8.1c-3.2,5.9-4.3,13.2-2.2,19.6c2,6.3,6.9,11.7,13.3,13.7c29.4,10.5,58.9,20.8,88.4,31.2c3.6,1.5,7.6,1.7,11.4,2.8c7.4,1.9,15.2-1.7,20.6-6.6c6.4-5.8,8.5-15.5,5.7-23.6C304.1,245.9,301,242.3,297.1,240.1z'/%3E%3C/svg%3E");
}

.read-more strong {
    color: #64748b;
    font-weight: 400;
    font-style: italic;
    margin-right: 8px;
}

.read-more a {
    color: #0369a1;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
	margin-right: 5px;
}

.read-more a:hover {
    text-decoration: underline;
    text-underline-offset: 4px; /* Dấu gạch chân cách xa chữ một chút cho sang */
}


/* ==========================================================================
   CSS CHO LIGHTBOX THÔNG SỐ KỸ THUẬT (Sử dụng Native Dialog)
   ========================================================================== */

/* 1. Xóa định dạng mặc định của trình duyệt cho thẻ Dialog */
.gp-lightbox-dialog {
    padding: 0;
    border: none;
    border-radius: 8px;
    width: 90%;
    max-width: 600px; /* Độ rộng tối đa của hộp thoại */
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    background: transparent; 
}

/* 2. Tính năng tạo nền mờ ảo (Backdrop) siêu nhẹ của trình duyệt */
.gp-lightbox-dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.6);
}

/* 3. Vùng chứa nội dung màu trắng bên trong */
.gp-dialog-inner {
    background: #fff;
    padding: 25px 30px;
    border-radius: 8px;
    position: relative;
    max-height: 90vh; /* Ngăn hộp thoại tràn màn hình */
    overflow-y: auto; /* Thêm thanh cuộn nếu nội dung quá dài */
}

/* 4. Nút Đóng (Dấu X) tinh tế và hiện đại hơn */
.gp-lightbox-dialog .gp-close-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    background-color: transparent !important; /* Xóa nền đen mặc định của theme */
    border: none !important;
    color: #999 !important; /* Màu xám thanh lịch */
    font-size: 32px !important; /* Kích thước dấu X to và rõ hơn */
    font-weight: 300 !important; /* Nét chữ mỏng tinh tế */
    line-height: 1;
    cursor: pointer;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* Tạo khung bo tròn ẩn */
    transition: all 0.2s ease;
    box-shadow: none !important; /* Xóa đổ bóng mặc định */
}

.gp-lightbox-dialog .gp-close-btn:hover {
    background-color: #f1f2f6 !important; /* Hiện nền xám tròn mờ khi di chuột */
    color: #e74c3c !important; /* Đổi sang màu đỏ cảnh báo */
}

/* 5. Tiêu đề của Hộp thoại */
.gp-lightbox-title {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #1a5e9a; /* Màu viền xanh đồng bộ với web */
    font-size: 20px;
    text-transform: uppercase;
}

/* 6. Định dạng lại nội dung nhập từ khung ACF */
.thong-so-acf-content {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

/* Làm đẹp cho danh sách (Bullet points) bạn nhập trong ACF */
.thong-so-acf-content ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 0;
}

.thong-so-acf-content li {
    margin-bottom: 8px;
    border-bottom: 1px dashed #eee; /* Đường kẻ ngang mờ phân cách các dòng */
    padding-bottom: 8px;
}

.thong-so-acf-content li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* 7. Hiệu ứng trượt nhẹ từ dưới lên khi mở Lightbox */
.gp-lightbox-dialog[open] .gp-dialog-inner {
    animation: hien_dialog 0.25s ease-out forwards;
}
@keyframes hien_dialog {
    from { transform: translateY(-15px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* TỐI ƯU HÓA CHO THIẾT BỊ DI ĐỘNG (MOBILE) */
@media (max-width: 768px) {
    .gp-lightbox-dialog {
        width: 95%; /* Mở rộng tối đa bề ngang trên màn hình nhỏ */
    }

    .gp-dialog-inner {
        padding: 20px 15px; /* Giảm lề trắng 2 bên để ưu tiên diện tích cho chữ */
        max-height: 85vh; /* Tránh bị che bởi thanh điều hướng của trình duyệt mobile */
    }

    .gp-lightbox-title {
        font-size: 17px; /* Thu nhỏ tiêu đề */
        padding-right: 30px; /* Đẩy chữ tránh bị đè dưới nút X ở góc */
    }

    .gp-lightbox-dialog .gp-close-btn {
        top: 8px;
        right: 8px;
        width: 32px; /* Thu nhỏ vùng chạm một chút nhưng vẫn dễ bấm */
        height: 32px;
        font-size: 28px !important;
    }

    .thong-so-acf-content {
        font-size: 14px; /* Thu nhỏ chữ nội dung 1px để hiển thị nhiều thông tin hơn trên 1 dòng */
    }

    .thong-so-acf-content ul {
        padding-left: 15px; /* Kéo các chấm bullet ra sát lề ngoài hơn */
    }
}

/* ====================================================
   WOOCOMMERCE GLOBAL & ARCHIVES
==================================================== */
.wp-block-woocommerce-product-collection { margin-bottom: 0 !important; }
.woocommerce-archive-wrapper .woocommerce-products-header { padding-top: 20px; }
.woocommerce-archive-wrapper #wc-column-container, .archive .term-description {
    background-color: #fff; border-radius: 12px; padding: 20px 15px 15px; margin-bottom: 20px;
}

/* Lưới sản phẩm (Tránh reflow DOM) */
.home .woocommerce ul.products::before, .home .woocommerce ul.products::after { display: none; }
:is(.home, .single-product.woocommerce .related) ul.products.columns-6 {
    display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px; margin: 15px 0 0;
}

/* Product Card */
:is(.home, .single-product.woocommerce .related, .search-results .woocommerce-archive-wrapper #wc-column-container, .archive.woocommerce) ul.products li.product, .home .tin-tuc-home {
    width: 100%; margin: 0; display: flex; flex-direction: column; align-items: stretch;
    border: 1px solid #ddd; border-radius: 8px; padding: 10px;
    position: relative; box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Tối ưu hiệu suất, bỏ transition: all */
}
:is(.home, .single-product.woocommerce .related, .search-results .woocommerce-archive-wrapper #wc-column-container, .archive.woocommerce) ul.products li.product:hover, .home .tin-tuc-home:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); transform: translateY(-3px);
}
:is(.home, .single-product.woocommerce .related, .search-results .woocommerce-archive-wrapper #wc-column-container, .archive.woocommerce) ul.products li.product > a.woocommerce-LoopProduct-link {
    display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; color: var(--viva-text); transition: color 0.2s;
}
:is(.home, .single-product.woocommerce .related, .search-results .woocommerce-archive-wrapper #wc-column-container, .archive.woocommerce) ul.products li.product > a.woocommerce-LoopProduct-link:hover,
.single-product .viva-recently-viewed-wrapper ul.products li.product > a .woocommerce-loop-product__title:hover {
    color: #135790;
}
:is(.home, .single-product.woocommerce .related, .archive.woocommerce) ul.products li.product .star-rating { margin-top: auto !important; margin-bottom: 5px !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 0.8em; font-weight: 500; }
.woocommerce ul.products li.product .price { font-size: 0.8em; }
.woocommerce ul.products li.product .price del { font-weight: normal; margin-right: 4px; }
.woocommerce ul.products li.product .price ins { font-weight: bold; color: #135790; line-height: 1.2; text-decoration: none; }

.home.separate-containers .inside-article{ padding: 0px !important; }

/* Menu */
.gb-sub-menu-sm81846c .menu-item {
    border-bottom: 1px solid #ddd;
}
:where(.gb-menu-container--mobile) .gb-menu--base .gb-sub-menu .gb-menu-link {
    text-transform: none;
}
:where(.gb-menu-container--mobile) .gb-menu--base.gb-menu--hover .menu-item>a {
    padding: 1em;
}
.gb-menu--base.gb-menu .gb-sub-menu--open>.gb-sub-menu>a {
    padding-left: 20px;
}
:where(.gb-menu-container--mobile) .gb-menu--base .gb-sub-menu .gb-sub-menu {
    padding-left: 20px;
}
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
        padding: 0px;
    }

.search-menu-top .wp-block-search.wp-block-search__button-only .wp-block-search__input {
    border-radius: 50px;
    height: 40px;
    margin-top: 5px;
}

.main-navigation .main-nav ul ul li a {
    font-size: 0.8rem;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
	
}

/* Trang SP */
.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description {
	counter-reset: h2-counter; 
}
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) h2 { 
	counter-increment: h2-counter; 
    counter-reset: h3-counter; 
}
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) h2::before {
    content: counter(h2-counter) ". ";
	color: #d9534f;
}
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) h3 {
    counter-increment: h3-counter; 
}
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) h3::before {
    content: counter(h2-counter) "." counter(h3-counter) ". ";
    margin-left: 20px;
	color: #ff962c;
}
:is(.single-post .dynamic-entry-content, .single-product #tab-description, .archive .term-description) h2 {
    color: #333;
    background-color: #f8f9fa;
    border-left: 5px solid #0056b3;
    padding: 12px 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* blockquote */
blockquote {
    padding: 22px;
    background: #0a0a18;
    font-size: 1em;
    border: 1.5px solid #00e5ff;
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.2), 0 0 18px rgba(0, 229, 255, 0.35);
    color: #d8f7ff;
    animation: cbq-neon-pulse 3.2s ease-in-out infinite;
}

blockquote a {
    color: #ffffff;
}
@keyframes blockquote-pulse {
  0%, 100% {
    box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.2), 0 0 18px rgba(0, 229, 255, 0.35);
  }
  50% {
    box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.32), 0 0 26px rgba(0, 229, 255, 0.55);
  }
}
@media (prefers-reduced-motion: reduce) {
  blockquote {
    animation: none !important;
  }
}

/* Trang Thanh toán, giỏ hàng */
:is(.woocommerce-checkout, .woocommerce-cart) .entry-header {
    margin: 20px 0;
}
.woocommerce-checkout .checkout, .woocommerce-cart .entry-content {
    padding: 15px;
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 20px;
}
.woocommerce-checkout .woocommerce-info {
    border-radius: 12px;
}
.woocommerce-checkout .woocommerce button.button, .woocommerce-cart .woocommerce button.button, .woocommerce-cart .woocommerce a.button.alt {
    border-radius: 4px;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled] {
    opacity: 1;
    color: #ffffff;
}



/* ============================================================
   REDESIGN TRANG KẾT QUẢ TÌM KIẾM BÀI VIẾT (vanongnhua.com)
   Chỉ áp dụng cho trang search (body.search-results) — không
   ảnh hưởng tới trang chủ, blog, hay trang sản phẩm.
   ============================================================ */

/* 1. Tiêu đề trang "Kết quả tìm kiếm cho: ..." */
body.search-results .page-header {
    grid-column: 1 / -1; /* full chiều rộng, không bị kẹt trong 1 ô lưới */
    padding: 20px 0 20px;
    border-bottom: none;
}
body.search-results .page-title {
    font-size: 26px;
    font-weight: 700;
    color: #1a2233;
    margin: 0;
}
body.search-results .page-title span {
    color: var(--accent);
}

/* 2. Lưới responsive - tự chia cột, không cần media query riêng */
body.search-results .generate-columns-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 28px;
}
/* Vô hiệu hoá hệ thống grid % cũ của GeneratePress trên trang này */
body.search-results .generate-columns-container > article.grid-parent {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

/* 3. Thẻ (card) cho từng kết quả */
body.search-results .inside-article {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    transition: transform .25s ease, box-shadow .25s ease;
}
body.search-results .inside-article:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
}

/* 4. Ảnh đại diện - tỷ lệ đều nhau, không bị lệch cao thấp */
body.search-results .post-image {
    order: 1;
    margin: 0;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
body.search-results .post-image a,
body.search-results .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 5. Tiêu đề bài viết - bỏ kiểu "h2 to đậm", đổi thành card title */
body.search-results .entry-header {
    order: 2;
    padding: 18px 20px 0;
}
body.search-results .entry-title {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    margin-bottom: 6px !important;
}
body.search-results .entry-title a {
    color: #1a2233;
}
body.search-results .entry-title a:hover {
    color: var(--accent);
    text-decoration: none;
}
body.search-results .entry-meta {
    font-size: 13px;
    color: #8a8f98;
    margin-bottom: 0;
}

/* 6. Đoạn trích + nút "Đọc tiếp" */
body.search-results .entry-summary {
    order: 3;
    padding: 10px 20px 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
body.search-results .entry-summary p {
    font-size: 14.5px;
    color: #4a4f57;
    line-height: 1.6;
    margin: 0 0 14px;
    flex-grow: 1;
}
body.search-results a.read-more {
    align-self: flex-start;
    margin-top: auto;
    display: inline-block;
    padding: 8px 18px;
    background: var(--accent);
    color: #fff !important;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: background .2s;
}
body.search-results a.read-more:hover {
    background: #135790;
}

/* 7. Phân trang (nếu có nhiều kết quả) - full chiều rộng + style pill đẹp */
body.search-results .paging-navigation {
    grid-column: 1 / -1; /* full chiều rộng, không bị kẹt trong 1 ô lưới */
    margin-top: 10px;
    text-align: center;
	margin-bottom: 20px;
}
body.search-results .paging-navigation .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
body.search-results .paging-navigation .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    background: #fff;
    color: #1a2233;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    transition: background .2s, color .2s;
}
body.search-results .paging-navigation .page-numbers:hover {
    background: var(--accent);
    color: #fff !important;
}
body.search-results .paging-navigation .page-numbers.current {
    background: var(--accent);
    color: #fff;
}
body.search-results .paging-navigation .page-numbers.dots {
    background: transparent;
    box-shadow: none;
}

/* ==========================================================================
   CSS TẠO FORM LIÊN HỆ
   ========================================================================== */
.custom-contact-form { margin: 0 auto; }
.custom-contact-form .form-group { margin-bottom: 15px; }
.custom-contact-form label { display: block; margin-bottom: 5px; font-weight: bold; }
.custom-contact-form input, .custom-contact-form textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.custom-contact-form button, .custom-contact-form input[type="submit"] { padding: 10px 20px; background: #0073aa; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
.custom-contact-form button:hover, .custom-contact-form input[type="submit"]:hover { background: #005177; }


@media (max-width: 768px) {

    /* Woo Slider thay vì Grid (Cực kỳ tốt cho Mobile UX) */
    :is(.home, .single-product.woocommerce .related) ul.products {
        display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; overflow-y: hidden;
        scroll-snap-type: x mandatory; gap: 15px; padding-bottom: 10px; scrollbar-width: none; /* Chuẩn Firefox */
    }
    :is(.home, .single-product.woocommerce .related) ul.products::-webkit-scrollbar { display: none; }
    :is(.home, .single-product.woocommerce .related) ul.products li.product {
        flex: 0 0 50%; min-width: 50%; scroll-snap-align: start; margin-bottom: 0;
    }

	.woocommerce-archive-wrapper #wc-column-container, .archive .term-description {
    margin: 0;
    }
    
	 /* Ép container sản phẩm chia thành 2 cột đều nhau */
    .archive.woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 10px !important; /* Bạn có thể tăng/giảm số này để chỉnh khoảng cách giữa 2 sản phẩm */
    }

    .archive.woocommerce ul.products li.product {
        width: 100% !important; 
        margin: 0 !important; /* Xóa margin thừa để không bị rớt dòng */
    }
	
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, 
	.inside-page-header {
        padding: 0px;
	}
	
	.slideout-navigation.main-navigation .main-nav ul ul ul ul li a {
    padding-left: 35px;
    }
	.main-navigation .main-nav ul li a {
    padding-left: 0px;
    padding-right: 0px;
    }
	body.search-results .generate-columns-container {
    margin: 15px;
}

/* Tối ưu Layout chống CLS cho trang sản phẩm */
.gp-optimized-single-product .product-top-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2em;
    margin-bottom: 3em;
}

@media (min-width: 768px) {
    .gp-optimized-single-product .product-top-wrapper {
        grid-template-columns: 1fr 1fr; /* Chia đôi màn hình: Trái (Ảnh) - Phải (Thông tin) */
    }
}

/* Đảm bảo hình ảnh không gây layout shift */
.product-gallery-section img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1; /* Thay đổi tỷ lệ này cho phù hợp với ảnh sản phẩm van của bạn */
    object-fit: cover;
}

/* Khoảng trống cho các tool kỹ thuật */
.technical-utilities-wrapper {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px dashed #e2e2e2;
}