.filter{width:100%;margin-bottom:10px;background:#f0f8f5;border:1px solid #b8d4c4;border-radius:8px;padding:10px 10px 5px;box-shadow:0 2px 6px rgba(76,175,80,0.08);position:relative;}.filter-main{margin-bottom:10px;}.filter-main::after{content:'';display:table;clear:both;}.filter select{float:left;width:160px;margin-right:10px;background-color:#fff;border:1px solid #9fccaf;padding:9px 12px;border-radius:5px;color:#4a5c54;font-size:clamp(13px,3.5vw,14px);cursor:pointer;transition:all 0.2s ease;}.filter select:hover{border-color:#81c784;background-color:#f5faf7;}.filter select:focus{outline:none;border-color:#66bb6a;box-shadow:0 0 0 2px rgba(102,187,106,0.2);}.filter-toggle-input{display:none;}.filter-toggle-btn{position:absolute;top:10px;right:90px;flex:0 0 auto;padding:9px 18px;background:linear-gradient(135deg,#c8e6c9 0%,#a5d6a7 100%);border:1px solid #81c784;border-radius:5px;cursor:pointer;font-size:clamp(13px,3.5vw,14px);color:#2e7d32;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(76,175,80,0.2);line-height:1.5;vertical-align:middle;}.filter-toggle-btn:hover{background:linear-gradient(135deg,#a5d6a7 0%,#81c784 100%);border-color:#66bb6a;box-shadow:0 3px 6px rgba(76,175,80,0.3);transform:translateY(-1px);}.filter-toggle-btn-text{white-space:nowrap;}.filter-toggle-btn-text::before{content:'Mở rộng bộ lọc';}.filter-toggle-input:checked ~ .filter-toggle-btn .filter-toggle-btn-text::before{content:'Thu gọn bộ lọc';}.filter-toggle-btn-icon{font-size:10px;transition:transform 0.2s ease;}.filter-toggle-input:checked ~ .filter-toggle-btn .filter-toggle-btn-icon{transform:rotate(180deg);}.filter-submit-btn{float:right;padding:10px 20px;background:linear-gradient(135deg,#43a047 0%,#388e3c 100%);color:#fff;border:none;border-radius:5px;font-size:clamp(13px,3.5vw,14px);font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(67,160,71,0.3);line-height:1.5;}.filter-submit-btn:hover{background:linear-gradient(135deg,#388e3c 0%,#2e7d32 100%);box-shadow:0 3px 6px rgba(67,160,71,0.4);transform:translateY(-1px);}.filter-submit-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(67,160,71,0.2);}.filter-submit-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:0.7;box-shadow:none;transform:none;}.filter-clear-btn{display:inline-block;float:right;margin:15px 0;padding:6px 12px;background:#d63054;border:1px solid #d81841;color:#fff;border-radius:20px;font-size:clamp(13px,3.5vw,14px);font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all 0.2s ease;line-height:1.4;}.filter-clear-btn:hover{background:#dcedc8;color:#33691e;border-color:#9ccc65;}.filter-advanced{max-height:0;overflow:hidden;opacity:0;transition:all 0.3s ease;margin-top:0;}.filter-toggle-input:checked ~ .filter-advanced{max-height:500px;opacity:1;margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef;}.filter-current-results{display:flex;align-items:center;padding:8px 12px;margin-bottom:10px;background:#ffffff;border:1px solid #a5d6a7;border-radius:6px;font-size:13px;text-align:right !important;color:#000000;}.filter-results-text{display:flex;align-items:center;gap:4px;}.filter-results-loading{display:inline-flex;align-items:center;margin-left:6px;}.filter-results-loading .spinner{display:inline-block;width:14px;height:14px;border:2px solid #a5d6a7;border-top-color:#2e7d32;border-radius:50%;animation:spin .6s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.selected-filters-container{display:none;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0;border-top:1px solid #b8d4c4;margin-top:10px;}.selected-filters{display:flex;flex-wrap:wrap;gap:8px;flex:1;}.selected-filter-tag{display:inline-flex;align-items:center;padding:6px 12px;background:#f0f8f5;border:1px solid #a5d6a7;border-radius:20px;font-size:13px;color:#4a5c54;gap:6px;transition:all 0.2s ease;}.selected-filter-tag:hover{background:#e8f5e9;border-color:#81c784;}.selected-filter-tag .remove-filter{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:pointer;font-size:14px;color:#6b9080;transition:color 0.2s ease;line-height:1;}.selected-filter-tag .remove-filter:hover{color:#dc2626;}.clear-all-filters{font-size:13px;color:#43a047;text-decoration:none;white-space:nowrap;padding:6px 0;transition:color 0.2s ease;}.clear-all-filters:hover{color:#2e7d32;text-decoration:underline;}.filter-group{margin-bottom:15px;}.filter-group:last-child{margin-bottom:0;}.filter-group-label{display:block;font-size:clamp(11px,3vw,11px);font-weight:600;color:#4a5c54;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px;}.filter-options{display:flex;flex-wrap:wrap;gap:8px;}.filter-checkbox{display:inline-flex;align-items:center;padding:4px 8px;background:#f0f8f5;border:1px solid #a5d6a7;border-radius:20px;cursor:pointer;font-size:clamp(11px,3vw,12px);color:#4a5c54;transition:all 0.2s ease;user-select:none;position:relative;}.filter-checkbox:hover{background:#f0f4f1;border-color:#6b9080;color:#4a5c54;}.filter-checkbox input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer;width:0;height:0;}.filter-checkbox span{position:relative;padding-left:0;}.filter-checkbox input[type="checkbox"]:checked ~ span::before{content:'✓ ';color:#43a047;font-size:14px;font-weight:bold;margin-right:4px;}.filter-checkbox input[type="checkbox"]:checked ~ span{color:#4a5c54;font-weight:600;}.filter-checkbox:has(input:checked){background:#f0f4f1;border-color:#6b9080;color:#4a5c54;}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:3px;border:1px solid #ddd;vertical-align:middle;transform:translateY(-1px);box-shadow:0 1px 2px rgba(0,0,0,0.1);}.filter-energy-types{display:inline-block;margin-bottom:10px;margin-right:10px;float:left;}.filter-label{font-size:clamp(14px,3.7vw,15px);color:#333;margin-right:8px;font-weight:600;}.energy-type-checkbox{display:inline-block;margin-right:12px;cursor:pointer;font-size:clamp(14px,3.7vw,15px);color:#333;user-select:none;}.energy-type-checkbox input[type="checkbox"]{margin-right:4px;cursor:pointer;width:16px;height:16px;vertical-align:middle;}.energy-type-checkbox span{vertical-align:middle;}.energy-type-checkbox:hover{color:#e63946;}@media only screen and (max-width:680px){.filter{padding:5px;}.filter-main{margin-bottom:10px;}.filter-main::after{content:'';display:table;clear:both;}.filter select{float:left;width:calc(50% - 36px);margin-right:8px;font-size:clamp(13px,3.5vw,14px);padding:7px 8px;}.filter select:last-of-type{margin-right:8px;}.filter-submit-btn{float:right;padding:7px 16px;font-size:clamp(13px,3.5vw,14px);}.filter-toggle-btn{position:static;width:100%;margin-top:0;padding:8px;justify-content:center;}.filter-toggle-btn-text{display:inline;font-size:clamp(13px,3.5vw,14px);}.filter-toggle-btn-icon{display:inline;}.filter-submit-btn{padding:7px 16px;font-size:13px;}.filter-toggle-input:checked ~ .filter-advanced{max-height:800px;margin-top:12px;padding-top:12px;}.selected-filters-container{padding:8px 0;gap:6px;}.selected-filters{gap:6px;}.selected-filter-tag{padding:5px 10px;font-size:12px;gap:4px;}.selected-filter-tag .remove-filter{width:14px;height:14px;font-size:12px;}.clear-all-filters{font-size:12px;}.filter-clear-btn{margin:8px 0 12px;padding:5px 10px;font-size:clamp(12px,3.2vw,13px);}}.sub-category{width:100%;height:40px;display:flex;overflow-x:auto;overflow-y:hidden;margin-bottom:15px;gap:10px;}.sub-category::-webkit-scrollbar{width:0;height:0;}.sub-category a{height:35px;display:block;background:#f8fafc;border-radius:20px;color:#475569;border:1px solid #e2e8f0;font-size:clamp(13px,3.5vw,14px);font-weight:500;padding:10px 16px 0;white-space:nowrap;text-decoration:none;font-family:Arial,Helvetica,sans-serif;box-shadow:0 2px 4px rgba(0,0,0,0.05);}.product-list{width:100%;display:grid;margin-bottom:20px;grid-row-gap:20px;}.product-list .no-products{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#f9fafb;border-radius:12px;list-style:none;}.lazy-load-status{grid-column:1 / -1;width:100%;margin:0;padding:40px 20px;color:#6b7280;}.product-list .no-products p{color:#6b7280;font-size:clamp(16px,4.3vw,17px);font-weight:500;margin:0;}@media only screen and (min-width:1281px){.product-list{grid-column-gap:16px;grid-template-columns:calc(20% - 12.8px) calc(20% - 12.8px) calc(20% - 12.8px) calc(20% - 12.8px) calc(20% - 12.8px);}}@media only screen and (min-width:721px) and (max-width:1280px){.product-list{grid-column-gap:14px;grid-template-columns:calc(25% - 10.5px) calc(25% - 10.5px) calc(25% - 10.5px) calc(25% - 10.5px);}}@media only screen and (min-width:601px) and (max-width:720px){.product-list{grid-column-gap:12px;grid-template-columns:calc(33.33% - 8px) calc(33.33% - 8px) calc(33.33% - 8px);}}@media only screen and (max-width:600px){.product-list{grid-column-gap:12px;grid-template-columns:calc(50% - 6px) calc(50% - 6px);}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.product-list{grid-column-gap:14px;grid-template-columns:calc(25% - 10.5px) calc(25% - 10.5px) calc(25% - 10.5px) calc(25% - 10.5px);}}.product-list li{background:#fff;list-style:none;position:relative;border-radius:12px;font-family:Arial,Helvetica,sans-serif;z-index:0;padding-bottom:8px;box-shadow:0 2px 8px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.06);overflow:hidden;}.product-list li .product-colors{display:flex !important;flex-wrap:wrap;gap:4px !important;margin-top:5px !important;padding:0;}.product-list li .product-colors .product-code{display:inline-flex !important;align-items:center;gap:0 !important;padding:1px 5px !important;border:1px solid #f0f0f0 !important;border-radius:6px !important;font:500 clamp(10px,2.6vw,11px) "Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#f5f5f5 !important;color:#333;line-height:1.45;}.product-list li .product-colors .product-code:hover{border-color:#e0e0e0 !important;background-color:#efefef !important;}.product-list li .product-colors .color-name{font-size:clamp(10px,2.7vw,11px) !important;color:#333;font-weight:500;letter-spacing:0.02em;}.product-list li .product-colors .color-code{font-size:clamp(10px,2.7vw,11px) !important;margin-left:4px;padding-left:4px;border-left:1px solid #e0e0e0;color:#333;font-weight:500;letter-spacing:0.03em;}@media only screen and (max-width:380px){.product-list li .product-colors .product-code{padding:1px 4px !important;border-radius:7px !important;}.product-list li .product-colors .color-name{font-size:9.5px !important;}.product-list li .product-colors .color-code{font-size:9.5px !important;}}.product-list li .edit-btn{padding:2px 5px;position:absolute;border:1px solid #ddd;background:#fff;color:#666;font-size:11px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;border-radius:4px;top:5px;right:5px;cursor:pointer;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,0.1);}.product-list li a{text-decoration:none;}.product-list li img{width:100%;border-radius:12px 12px 0 0;margin:auto;z-index:0;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;aspect-ratio:1;object-fit:cover;}.product-list li .product-name{min-height:2.8em;line-height:1.4;font-size:clamp(12px,3.2vw,15px);font-weight:500;color:#1a202c;margin-top:0;margin-bottom:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}.product-list .new-price,.product-list .dct-price{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(13px,3.5vw,14px);font-weight:600;line-height:1.3;}.product-list .new-price{float:left;background:linear-gradient(135deg,#e53935 0%,#c62828 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.product-list .old-price,.product-list .cur-price{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(13px,3.5vw,14px);font-weight:400;line-height:1.3;}.product-list .old-price{color:#718096;float:right;}.product-list .old-price span{text-decoration:line-through;opacity:0.8;}.product-list .price{width:100%;padding:0 10px 10px;color:#ec3939;text-align:left;position:relative;}.product-list .dct-price,.product-list .cur-price{width:120px;}.product-list .dct-price{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.product-list .cur-price{color:#718096;text-decoration:line-through;opacity:0.8;}.product-list .flash-sale-clock{padding:5px 10px 5px 4px;position:absolute;right:10px;top:0;display:inline-flex;align-items:center;gap:4px;font:500 clamp(12px,3.2vw,14px) Helvetica Neue,Helvetica,Arial,sans-serif;color:#FFF;text-transform:uppercase;letter-spacing:0.3px;background:linear-gradient(135deg,#ff6b6b 0%,#ff3d7f 100%);border-radius:14px;border:1px solid rgba(255,255,255,0.25);}.product-list .flash-sale-clock::before{content:"";display:inline-block;width:14px;height:14px;transform:translateY(1px);margin-right:1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2C12 2 7 7 7 11a5 5 0 0 0 10 0c0-4-5-9-5-9Z' fill='%23ffffff'/%3E%3Cpath d='M12 9c-1.5 1.5-2.25 2.25-2.25 3.75A2.25 2.25 0 0 0 12 15a2.25 2.25 0 0 0 2.25-2.25C14.25 11.25 13.5 10.5 12 9Z' fill='%23ffe3ec'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0;}.more-category{display:block;font-family:Arial,Helvetica,sans-serif;margin-bottom:50px;text-align:center;padding:12px 24px;cursor:pointer;color:#4CAF50;font-weight:600;font-size:clamp(14px,3.7vw,15px);text-decoration:none;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}@media only screen and (max-width:860px){.product-list .old-price,.product-list .new-price{float:none;display:block;}.product-list .new-price{margin-top:8px;}}.details{width:calc(100% - 20px);left:0;right:0;margin:auto;margin-top:-25px;display:flex;position:absolute;gap:6px;}.details .icon{width:22px;height:22px;float:left;display:block;padding:3px;background-color:#ffffff;border-radius:50%;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,0.12);user-select:none;-webkit-user-select:none;touch-action:manipulation;border:1px solid rgba(223,47,191,0.08);background-size:95%;background-repeat:no-repeat;background-position:center;}@media only screen and (min-width:769px) and (max-width:1024px){.product-list .flash-sale-clock{padding:2px 6px 2px 3px;right:8px;border-radius:12px;gap:3px;font:500 12px Helvetica Neue,Helvetica,Arial,sans-serif;}.product-list .flash-sale-clock::before{width:12px;height:12px;}}@media only screen and (max-width:768px){.product-list .flash-sale-clock{padding:2px 5px 2px 2px;right:6px;border-radius:12px;gap:2px;}.product-list .flash-sale-clock::before{width:11px;height:11px;transform:translateY(1px);}.product-list li .product-name{min-height:2.8em !important;}.status-label,.gift{height:16px !important;padding:3px 5px !important;}.gift{padding:3px 7px 3px 18px !important;background-size:11px !important;background-position:left 3px center !important;}}@media only screen and (max-width:380px){.product-list li .product-name{font-size:11px;min-height:2.8em;}.product-list .new-price,.product-list .dct-price{font-size:11px;font-weight:600;}.product-list .old-price,.product-list .cur-price{font-size:11px;font-weight:400;}.product-list .flash-sale-clock{font:500 10px Helvetica Neue,Helvetica,Arial,sans-serif;padding:3px 6px 3px 2px;gap:2px;}.product-list .flash-sale-clock::before{width:10px;height:10px;}.product-list .quick-information{font-size:10px;line-height:1.2;}.product-list .sold-information .sold-text{font-size:10px;}.product-list .details{width:calc(100% - 12px);gap:4px;margin-top:-20px;}.product-list .details .icon{width:18px;height:18px;padding:2px;box-shadow:0 1px 5px rgba(0,0,0,0.1);}}@media only screen and (max-width:860px){.details .icon{padding:2px;width:22px;height:22px;}}.details .icon-battery{background-image:url('https://yeu365.com/public/images/icons/battery.svg');}.details .icon-water{background-image:url('https://yeu365.com/public/images/icons/water.svg');}.details .icon-hot{background-image:url('https://yeu365.com/public/images/icons/fire.svg');}.details .icon-remote{background-image:url('https://yeu365.com/public/images/icons/remote.svg');}.details .icon-app{background-image:url('https://yeu365.com/public/images/icons/app.svg');}.details .icon-double-head{background-image:url('https://yeu365.com/public/images/icons/double.svg');}.details .icon-video{background-image:url('https://yeu365.com/public/images/icons/play.svg');}.quick-information{width:calc(100% - 20px);margin:0 auto 0;padding:0;font-size:clamp(12px,3.2vw,13px);line-height:1.25;color:#666;margin-bottom:0;}.sold-information{width:100%;padding:0 10px;}.sold-information .sold-text{font-size:clamp(12px,3vw,12px);color:#c8436b;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-style:italic;}.sold-information .sold-text::before{content:"Đã bán";margin-right:3px;}.sold-information .sold-text strong{font-weight:500;}.status-label{height:18px;padding:3px 8px;border-radius:4px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#FFF;font-size:clamp(11px,2.9vw,12px);font-weight:600;line-height:1;top:8px;left:8px;display:block;z-index:1;position:absolute;box-shadow:0 1px 3px rgba(16,185,129,0.4);}.status-label::after{content:"Có hàng";}.gift{height:18px;display:inline-block;border-radius:4px;padding:3px 8px 3px 24px;color:#ffffff;font-size:clamp(11px,2.9vw,12px);font-weight:600;line-height:1;text-align:center;background:url("data:image/svg+xml,%3Csvg height='200px' width='200px' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ffffff;%7D %3C/style%3E%3Cg%3E%3Cpath class='st0' d='M0,78.41v157.724h217.084l-7.827-8.116c-0.327-0.03-0.597-0.048-0.942-0.077 c-4.078-0.328-9.732-0.847-16.367-1.597c-13.28-1.528-30.406-4-46.734-8.019c-10.906-2.712-21.445-6.02-30.656-10.684 c-5.25-2.682-10.155-5.808-14.443-10.068c-13.723-13.713-20.656-31.83-20.636-49.821c-0.02-17.992,6.895-36.118,20.636-49.85 c13.731-13.722,31.848-20.646,49.83-20.636c17.982-0.01,36.108,6.914,49.831,20.646c3.961,3.981,6.933,8.501,9.5,13.346 c2.558,4.847,4.683,10.068,6.558,15.53c3.732,10.924,6.463,22.896,8.559,34.436c3.491,19.299,5.174,37.348,5.846,46.158 l5.904,6.116V0H78.41C35.108,0,0,35.099,0,78.41z'%3E%3C/path%3E%3Cpath class='st0' d='M383.355,181.417c3.414-1.721,5.847-3.49,6.972-4.654c8.049-8.059,12.011-18.463,12.021-29.022 c-0.01-10.558-3.972-20.982-12.011-29.02h-0.01c-8.058-8.049-18.463-12.002-29.021-12.02c-10.559,0.019-20.963,3.98-29.022,12.02 c-1,0.98-2.462,2.904-3.933,5.616c-1.491,2.702-3.01,6.154-4.423,10.077c-2.857,7.847-5.299,17.559-7.222,27.377 c-2.538,12.886-4.211,25.896-5.25,35.8c1.443-0.144,2.942-0.307,4.5-0.49c12.501-1.433,28.657-3.798,43.042-7.347 C368.576,187.408,377.384,184.476,383.355,181.417z'%3E%3C/path%3E%3Cpath class='st0' d='M433.59,0H275.857v212.727l5.155-5.356c0.029-0.414,0.057-0.769,0.096-1.221 c0.327-4.077,0.836-9.732,1.596-16.366c1.519-13.27,3.99-30.416,8.009-46.754c2.703-10.914,6.029-21.444,10.684-30.675 c2.702-5.26,5.827-10.165,10.077-14.444c13.723-13.732,31.849-20.656,49.831-20.646c17.982-0.01,36.108,6.914,49.83,20.636 c13.732,13.732,20.656,31.839,20.646,49.84c0.01,17.982-6.914,36.118-20.646,49.84c-3.99,3.952-8.51,6.914-13.347,9.491 c-4.856,2.558-10.068,4.683-15.53,6.558c-10.914,3.722-22.876,6.443-34.416,8.539c-19.078,3.462-36.926,5.155-45.85,5.847 l-7.827,8.116H512V78.41C512,35.099,476.892,0,433.59,0z'%3E%3C/path%3E%3Cpath class='st0' d='M374.557,357.2l-21.195,20.414l-77.506-80.458V512H433.59c43.302,0,78.41-35.098,78.41-78.41V275.858H296.205 L374.557,357.2z'%3E%3C/path%3E%3Cpath class='st0' d='M136.692,357.2l78.353-81.342H0V433.59C0,476.902,35.108,512,78.41,512h157.733V296.388l-78.256,81.227 L136.692,357.2z'%3E%3C/path%3E%3Cpath class='st0' d='M191.966,150.05c-2.346-9.578-5.288-18.376-8.346-24.348c-1.721-3.423-3.491-5.846-4.655-6.98 c-8.049-8.04-18.463-12.002-29.022-12.02c-10.558,0.019-20.963,3.971-29.021,12.02c-8.039,8.039-12.002,18.463-12.02,29.03 c0.018,10.549,3.981,20.973,12.02,29.012c0.981,0.999,2.904,2.462,5.616,3.933c2.692,1.491,6.144,3,10.059,4.413 c7.856,2.847,17.559,5.299,27.367,7.222c12.894,2.548,25.925,4.222,35.839,5.26c-0.144-1.433-0.317-2.924-0.49-4.481 C197.89,180.62,195.524,164.455,191.966,150.05z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left 4px center / 13px no-repeat,linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);position:absolute;left:75px;top:8px;box-shadow:0 1px 3px rgba(255,107,53,0.4);}.gift::before{content:'+ Quà Tặng';}.color-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:3px;border:1px solid #ddd;vertical-align:middle;transform:translateY(-1px);box-shadow:0 1px 2px rgba(0,0,0,0.1);}@media only screen and (max-width:600px){.color-dot{width:12px;height:12px;margin-left:2px;}}.category-board{width:100%;margin:20px 0 30px;border:none;padding:0;background:transparent;}.category-board a{text-decoration:none;display:inline-block;}.category-board .category-icon{width:clamp(20px,5.6vw,22px);height:clamp(20px,5.6vw,22px);background-color:#FFF;border-radius:50%;margin-right:6px;padding:3px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,0.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.category-board .category-icon img{width:100%;height:100%;object-fit:contain;}.category-board .block-category{width:100%;box-sizing:border-box;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border:1px solid #e2e8f0;padding:8px 10px 8px 10px;border-radius:8px;display:block;text-decoration:none;font-weight:bold;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,0.06);}.category-board .block-category a img{width:100%;border-radius:8px;}.category-board .block-category a{display:flex;align-items:center;gap:6px;font-weight:700;color:#1a202c;margin-bottom:4px;font-size:clamp(13px,3.5vw,14px);}.category-board .block-category a:hover{color:#4CAF50;}.category-board .block-category a span{display:inline-flex;align-items:center;margin-top:0;}.category-board .main-sub-category{width:100%;margin-bottom:0;display:grid;margin-top:6px;grid-column-gap:10px;grid-row-gap:4px;grid-template-columns:calc(33.33% - 7px) calc(33.33% - 7px) calc(33.33% - 7px);}.category-board .main-sub-category a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;margin-right:6px;color:#64748b;font-size:clamp(11px,3vw,12.5px);font-weight:500;}.category-board .main-sub-category a:hover{color:#4CAF50;}.category-board .main-sub-category span{display:inline-flex;align-items:center;margin-top:0 !important;}@media only screen and (min-width:861px) and (max-width:1080px){.category-board .main-sub-category{grid-template-columns:calc(50% - 9px) calc(50% - 9px);}}@media only screen and (max-width:860px){.category-board .block-category{padding:6px 8px 6px 8px;width:100%;box-sizing:border-box;margin-bottom:8px;}.category-board .main-sub-category{display:block;margin-top:4px;}.category-board .main-sub-category a{display:flex;align-items:center;gap:5px;margin-bottom:4px;padding:3px 0;}}.promo-slider-wrapper{width:100%;position:relative;margin-bottom:30px;}.promo-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.95);border:1px solid #ddd;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.promo-nav-btn:hover{background:#fff;border-color:#e53935;box-shadow:0 4px 16px rgba(229,57,53,0.2);}.promo-nav-btn:active{transform:translateY(-50%) scale(0.94);}.promo-nav-left{left:8px;}.promo-nav-right{right:8px;}.promo-nav-icon{display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:18px 18px;}.promo-nav-left .promo-nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");}.promo-nav-right .promo-nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");}.promo-nav-left:hover .promo-nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53935' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");}.promo-nav-right:hover .promo-nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e53935' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");}.promo-slider-container{width:100%;overflow:hidden;position:relative;}.promo-slider-row{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:10px;will-change:transform;transition:transform 0.6s ease-out;}.promo-slider-row .promo-item{flex:0 0 auto;width:320px;min-width:320px;list-style:none;display:flex;align-items:center;border:1px solid #e3e3e3;border-radius:8px;padding:8px;transition:all 0.3s ease;cursor:pointer;text-decoration:none;color:inherit;}.promo-slider-row .promo-item.available{border-color:#ddd;background:#f9f9f9;}.promo-slider-row .promo-item:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1);}.promo-slider-row .promo-item img{width:60px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0;}.promo-slider-row .promo-item .promo-info{flex:1;padding-left:10px;margin-top:-5px;}.promo-slider-row .promo-item .promo-info p{margin:0;line-height:1.4;}.promo-slider-row .promo-item .promo-name{font-size:12px;color:#333;font-weight:500;margin-bottom:2px !important;}.promo-slider-row .promo-item .promo-name:hover{color:#1a73e8;}.promo-slider-row .promo-item .promo-prices{font-size:13px;}.promo-slider-row .promo-item .promo-original{color:#454545;text-decoration:line-through;margin-left:8px;}.promo-slider-row .promo-item .promo-price{font-weight:bold;color:#e53935;}.promo-slider-row .promo-item .promo-savings{font-size:11px;color:#2e7d32;font-weight:500;}.promo-slider-row .promo-item .promo-requirement.met{color:#333;}.promo-slider-container::before,.promo-slider-container::after{content:'';position:absolute;top:0;bottom:0;width:50px;z-index:2;pointer-events:none;}.promo-slider-container::before{left:0;background:linear-gradient(to right,#fff,transparent);}.promo-slider-container::after{right:0;background:linear-gradient(to left,#fff,transparent);}@media only screen and (max-width:768px){.promo-slider-row .promo-item{width:280px;min-width:280px;}.promo-nav-btn{width:32px;height:32px;}.promo-nav-left{left:5px;}.promo-nav-right{right:5px;}}@media only screen and (max-width:480px){.promo-slider-row .promo-item{width:260px;min-width:260px;}.promo-slider-row{gap:8px;}.promo-nav-btn{width:28px;height:28px;}.promo-nav-icon{width:16px;height:16px;background-size:14px 14px;}}#product-promotions-placeholder{font-size:clamp(11px,2.75vw,13px);-webkit-text-size-adjust:100%;text-size-adjust:100%;}#product-promotions-placeholder .section-header .section-title,#product-promotions-placeholder .promo-slider-row .promo-item .promo-name,#product-promotions-placeholder .promo-slider-row .promo-item .promo-prices,#product-promotions-placeholder .promo-slider-row .promo-item .promo-savings{font-size:inherit;}@media only screen and (max-width:380px){#product-promotions-placeholder{font-size:clamp(10px,2.5vw,12px);}}.pagination-bar{display:flex;justify-content:center;align-items:center;margin-bottom:0;}.pagination{display:inline-block;margin-top:10px;white-space:nowrap;}.pagination li{width:30px;display:block;float:left;color:black;padding:3px;list-style:none;text-decoration:none;transition:background-color .3s;background:#FFF;color:#333;border:1px solid #ddd;border-radius:5px;margin:0 4px;cursor:pointer;text-align:center;font:400 .85rem Arial,Helvetica,sans-serif;}.pagination li a{text-decoration:none;display:block;width:38px;opacity:0;}.pagination li span{color:#333;font-size:.9rem;}.pagination li.active{background-color:#4CAF50;color:white;border:1px solid #4CAF50;}.pagination li:hover:not(.active){background-color:#ddd;}.slider-top{width:100%;max-width:100%;margin:20px 0;position:relative;overflow:visible;display:flex;align-items:stretch;gap:10px;box-sizing:border-box;}.banner{width:calc(65% - 5px);flex:0 0 calc(65% - 5px);height:auto;float:none;aspect-ratio:2.2/1;position:relative;border-radius:8px;padding:0;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;overflow:hidden;background:#f5f0eb;}.banner img{display:block;width:100%;height:100%;border-radius:8px;margin:0;padding:0;object-fit:contain;object-position:center center;vertical-align:top;}.banner-right-wrapper{flex:0 0 calc(35% - 5px);width:calc(35% - 5px);min-width:0;height:auto;float:none;display:flex;flex-direction:column;gap:10px;align-self:stretch;}.small-banners{width:calc(40% - 10px);height:100%;float:right;border-radius:5px;padding:10px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;}.small-banners img{width:100%;aspect-ratio:5/2 !important;object-fit:cover;object-position:center;border-radius:5px;border:1px solid #ddd;position:static;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;}.small-banners-wrapper{width:100%;flex:0 0 auto;min-height:0;height:auto;aspect-ratio:5 / 2 !important;border-radius:8px;overflow:visible;position:relative;padding:5px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;}.small-banners-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:38px;border-radius:5px;background:rgba(255,255,255,0.95);border:1px solid #ddd;cursor:pointer;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);pointer-events:auto;z-index:999;}.small-banners-nav-btn:hover{background:#fff;border-color:#1a73e8;box-shadow:0 4px 12px rgba(0,0,0,0.15);}.small-banners-nav-btn:active{transform:translateY(-50%) scale(0.95);}.small-banners-nav-left{left:3px;}.small-banners-nav-right{right:3px;}@media (max-width:600px){.small-banners-nav-left{left:3px;}.small-banners-nav-right{right:3px;}}.small-banners-nav-icon{display:block;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:18px 18px;font-size:22px;line-height:1;color:#333;font-weight:bold;text-align:center;}.small-banners-nav-left .small-banners-nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");}.small-banners-nav-left .small-banners-nav-icon::before{display:block;}.small-banners-nav-right .small-banners-nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");}.small-banners-nav-right .small-banners-nav-icon::before{display:block;}.small-banners-nav-left:hover .small-banners-nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a73e8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");}.small-banners-nav-right:hover .small-banners-nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231a73e8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");}.small-banners-container{width:100%;height:100%;min-height:0;overflow:hidden;border-radius:6px;position:relative;z-index:1;}.small-banners-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;height:auto;align-items:flex-start;transition:transform 0.6s ease-out;will-change:transform;}.small-banner-item{flex:0 0 auto;width:100%;aspect-ratio:10 / 4;border-radius:8px;overflow:hidden;}.small-banner-item img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px;border:1px solid #e3e3e3;}.welcome-card{width:100%;flex:1 1 60%;min-height:0;background-color:#ffffff;border-radius:8px;padding:10px;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;display:flex;flex-direction:column;justify-content:flex-start;transition:box-shadow 0.25s ease,border-color 0.25s ease;}.banner-right-wrapper:not(:has(.small-banners-wrapper)) .welcome-card,.banner-right-wrapper .welcome-card:only-child{height:auto !important;}.welcome-card--slider{--announcement-gap:8px;overflow:hidden;position:relative;margin-top:2px;padding:6px 5px;flex:1 1 0;min-height:0;border-radius:8px;}.welcome-card--slider .welcome-list-viewport{flex:1 1 0;min-height:0;overflow:hidden;width:100%;border-radius:8px;}.welcome-card--slider .welcome-list{width:100%;height:100%;padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:var(--announcement-gap);will-change:transform;}.welcome-card--slider .welcome-item{flex:0 0 calc((100% - var(--announcement-gap)) / 2 + 2px);min-height:0;width:100%;box-sizing:border-box;margin:0;padding:12px;display:flex;align-items:center;gap:14px;border-radius:10px;background:#c5dda5;border:1px solid #e3e3e3;transition:all 0.2s ease;position:relative;overflow:visible;}.welcome-card--slider .welcome-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.9) inset,0 2px 4px rgba(255,255,255,0.6);background:#ffe0f0;}.welcome-card--slider .welcome-item-header{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;padding-bottom:2px;}.welcome-card--slider .welcome-item-icon-img{width:65px;height:65px;border-radius:15px;object-fit:contain;flex-shrink:0;border:none;background:transparent;padding:0;box-shadow:none;transition:transform 0.2s ease;margin:0;box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.9) inset,0 2px 4px rgba(255,255,255,0.6);}.welcome-card--slider .welcome-item:hover .welcome-item-icon-img{transform:scale(1.05);}.welcome-card--slider .welcome-item .welcome-info-icon{flex-shrink:0;width:24px;height:24px;}.welcome-card--slider .welcome-item:last-child{margin-bottom:0;}.welcome-card--slider .welcome-item-title{font-weight:700;font-size:clamp(12px,3.1vw,15px);line-height:1.3;color:#1a1a1a;letter-spacing:0;margin:0;display:block;transition:color 0.2s ease;}.welcome-card--slider .welcome-desc{margin:0;color:#333333;line-height:1.45;font-size:clamp(10px,2.8vw,13px);font-weight:400;transition:color 0.2s ease;}.welcome-card--slider .welcome-item:hover .welcome-desc{color:#1a1a1a;}.welcome-card--slider .welcome-desc *{font-size:inherit !important;line-height:inherit !important;font-family:inherit !important;}.welcome-card--slider .welcome-desc p{margin:0;font-weight:inherit;color:inherit;}@media only screen and (max-width:1080px){.slider-top{flex-wrap:wrap;}.banner{flex:0 0 100%;width:100%;}.banner-right-wrapper{flex:0 0 100%;width:100%;min-width:0;flex-direction:row;flex-wrap:wrap;}.small-banners-wrapper{width:calc(50% - 5px);flex:0 0 calc(50% - 5px);aspect-ratio:10/4;}.welcome-card{width:calc(50% - 5px);flex:0 0 calc(50% - 5px);aspect-ratio:10/4;}}@media only screen and (min-width:721px) and (max-width:860px){.welcome-item{padding:5px !important;gap:5px !important;}.welcome-item-icon-img{width:40px !important;height:40px !important;margin:6px !important;margin-left:0 !important;}}@media only screen and (max-width:720px){.banner-right-wrapper{flex-direction:column;}.small-banners-wrapper{width:100%;height:auto;aspect-ratio:auto !important;flex:0 0 auto;border:1px solid #e3e3e3;}.small-banners-container{height:auto;}.small-banners-row{aspect-ratio:auto;height:auto;gap:10px;}.small-banner-item{width:calc((100% - 10px) / 2);flex:0 0 calc((100% - 10px) / 2);}.small-banners-nav-btn{width:20px;height:28px;opacity:0.8;}.small-banners-nav-btn:hover{opacity:1;}.small-banners-nav-btn .small-banners-nav-icon{width:14px;height:14px;background-size:14px 14px;}.welcome-card.welcome-card--slider{width:100%;flex:0 0 auto;display:flex;flex-direction:column;height:100px;min-height:100px;padding:0;overflow:hidden;}.welcome-card.welcome-card--slider .welcome-list-viewport{flex:0 0 100px;height:100px;min-height:100px;overflow:hidden;}.welcome-card.welcome-card--slider .welcome-list{width:100%;height:auto;min-height:100%;flex:0 0 auto;overflow:visible;gap:0;}.welcome-card.welcome-card--slider .welcome-item{flex:0 0 100px;min-height:100px;height:100px;box-sizing:border-box;border-radius:0;}}.banner-flashe-sale{width:100%;height:auto;margin-top:10px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08);}.banner-flashe-sale img{width:100%;border-radius:inherit;object-fit:cover;}