.filter{width:100%;margin:20px 0 10px;background:#fafafa;border:1px solid #d1d1d1;border-radius:8px;padding:10px 10px 5px;box-shadow:0 2px 5px rgba(0,0,0,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 #d1d1d1;padding:9px 12px;border-radius:5px;color:#555;font-size:clamp(13px,3.5vw,14px);cursor:pointer;transition:all 0.2s ease;}.filter select:hover{border-color:#999;background-color:#f5f5f5;}.filter select:focus{outline:none;border-color:#888;box-shadow:0 0 0 2px rgba(136,136,136,0.15);}.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,#f2efef 0%,#ededed 100%);border:1px solid #e9e9e9;border-radius:5px;cursor:pointer;font-size:clamp(13px,3.5vw,14px);color:#555;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(147,147,147,0.1);line-height:1.5;vertical-align:middle;}.filter-toggle-btn:hover{background:linear-gradient(135deg,#d8d8d8 0%,#c9c9c9 100%);border-color:#aaa;box-shadow:0 3px 6px rgba(0,0,0,0.15);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:'Ẩ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 11px;background:linear-gradient(135deg,#717171 0%,#454a4f 100%);color:#fff;border:none;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(74,144,226,0.3);line-height:1.5;}.filter-submit-btn:hover{background:linear-gradient(135deg,#357abd 0%,#2a5d8f 100%);box-shadow:0 3px 6px rgba(74,144,226,0.4);transform:translateY(-1px);}.filter-submit-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(74,144,226,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:left;margin:15px 0;padding:6px 12px;background:#e3f2fd;color:#1976d2;border:1px solid #90caf9;border-radius:20px;font-size:clamp(13px,3.2vw,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:#bbdefb;color:#1565c0;border-color:#64b5f6;}.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:800px;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:#e3f2fd;border:1px solid #90caf9;border-radius:6px;font-size:13px;color:#1565c0;}.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 #90caf9;border-top-color:#1565c0;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 #d1d1d1;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:#e3f2fd;border:1px solid #90caf9;border-radius:20px;font-size:13px;color:#1976d2;gap:6px;transition:all 0.2s ease;}.selected-filter-tag:hover{background:#bbdefb;border-color:#64b5f6;}.selected-filter-tag .remove-filter{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;cursor:pointer;font-size:14px;color:#1976d2;transition:color 0.2s ease;line-height:1;}.selected-filter-tag .remove-filter:hover{color:#dc2626;}.clear-all-filters{font-size:13px;color:#1976d2;text-decoration:none;white-space:nowrap;padding:6px 0;transition:color 0.2s ease;}.clear-all-filters:hover{color:#1565c0;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:#495057;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:3px 8px;background:#f8f9fa;border:1px solid #e3e3e3;border-radius:20px;cursor:pointer;font-size:clamp(11px,3vw,12px);color:#495057;transition:all 0.2s ease;user-select:none;}.filter-checkbox:hover{background:#e9ecef;border-color:#e63946;color:#e63946;}.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{color:#357abd;font-weight:600;}.filter-checkbox:has(input:checked){background:#e3f2fd;border-color:#4a90e2;color:#357abd;}.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{width:100%;padding:8px;}.filter-main{margin-bottom:0;}.filter-main::after{content:'';display:table;clear:both;}.filter select{float:left;width:calc(50% - 36px);margin-right:8px;padding:7px 8px;}.filter select:last-of-type{margin-right:8px;}.filter-submit-btn{float:right;padding:7px 14px;}.filter-toggle-btn{position:static;width:100%;margin-top:10px;padding:8px;justify-content:center;font-size:clamp(12px,3.2vw,13px);}.filter-toggle-btn-text{display:inline;font-size:clamp(12px,3.2vw,13px);}.filter-toggle-btn-icon{display:inline;}.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-group{margin-bottom:12px;}.filter-group-label{font-size:clamp(11px,2.9vw,12px);margin-bottom:6px;}.filter-options{gap:6px;}.filter-checkbox{font-size:clamp(11px,2.9vw,12px);padding:3px 10px;}.filter-checkbox input[type="checkbox"]{width:14px;height:14px;}.filter-clear-btn{float:left;margin-top:8px;padding:5px 10px;font-size:clamp(12px,3.2vw,13px);}}.sub-category{width:100%;height:40px;display:block;display:flex;overflow-x:auto;overflow-y:hidden;margin-bottom:10px;}.sub-category::-webkit-scrollbar{width:0;height:0;}.sub-category a{height:33px;display:block;background-color:#f3f4f6;border-radius:10px;color:#333;border:1px solid #e3e3e3;font-size:clamp(13px,3.5vw,14px);padding:6px 10px 0;white-space:nowrap;text-decoration:none;margin-right:10px;font:400 clamp(13px,3.5vw,14px) Arial;}.sub-category a:hover{color:brown;}.product-list{width:100%;display:grid;margin-bottom:15px;}.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:10px;grid-row-gap:10px;grid-template-columns:calc(20% - 8px) calc(20% - 8px) calc(20% - 8px) calc(20% - 8px) calc(20% - 8px);}}@media only screen and (min-width:721px) and (max-width:1280px){.product-list{grid-column-gap:8px;grid-row-gap:8px;grid-template-columns:calc(25% - 6px) calc(25% - 6px) calc(25% - 6px) calc(25% - 6px);}}@media only screen and (min-width:601px) and (max-width:720px){.product-list{grid-column-gap:9px;grid-row-gap:9px;grid-template-columns:calc(33.33% - 6px) calc(33.33% - 6px) calc(33.33% - 6px);}}@media only screen and (max-width:600px){.product-list{grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:calc(50% - 5px) calc(50% - 5px);}}@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:12px;grid-template-columns:calc(25% - 9px) calc(25% - 9px) calc(25% - 9px) calc(25% - 9px);}}.product-list li{background:#fff;border-radius:6px;list-style:none;position:relative;-webkit-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;transition:all 300ms ease-in;font-family:Arial,Helvetica,sans-serif;}.product-list li:hover{background-color:#cccccc;}.product-list li .product-code{font:bold clamp(12px,3.2vw,13px) "Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;}.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:4px !important;padding:2px 7px !important;border:1px solid #c9c3d1 !important;border-radius:8px !important;font:500 clamp(10px,2.6vw,11px) "Helvetica Neue",Helvetica,Arial,sans-serif;background:#f3f1f5 !important;color:#524a5e;box-shadow:0 1px 2px rgba(72,66,86,0.06);transition:border-color 0.15s ease,background-color 0.15s ease;line-height:1.45;}.product-list li .product-colors .product-code:hover{border-color:#a89eb2 !important;background:#eae7ef !important;}.product-list li .product-colors .color-name,.product-list li .product-colors .color-code{font-size:clamp(10px,2.6vw,11px) !important;font-weight:500;line-height:1.45;vertical-align:baseline;}.product-list li .product-colors .color-name{color:#524a5e;letter-spacing:0.02em;}.product-list li .product-colors .color-code{color:#3a3542;}@media only screen and (max-width:380px){.product-list li .product-colors .product-code{padding:1px 6px !important;border-radius:7px !important;}.product-list li .product-colors .color-name,.product-list li .product-colors .color-code{font-size:10px !important;}}.product-list li .edit-btn{padding:3px 5px;position:absolute;border:1px solid #e3e3e3;background-color:#FFF;color:#555;font-size:12px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;border-radius:10px;top:2px;right:2px;cursor:pointer;z-index:1;}.product-list li .edit:hover{opacity:1;}.product-list li a{text-decoration:none;}.product-list li img{width:100%;border-radius:6px 6px 0 0;margin:auto;-webkit-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;transition:all 300ms ease-in;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;}.product-list li .product-name{min-height:2.6em;line-height:1.3;font-size:clamp(12px,3.3vw,14px);color:#363b3f;margin-top:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;}.old-price{color:#555;font-size:clamp(12px,3.2vw,14px);}.old-price span{text-decoration:line-through;}.new-price{font-weight:bold;color:rgb(188,68,68);font-size:clamp(15px,4vw,16px);}.product-list .price{width:100%;padding:0 10px 10px;color:#ec3939;text-align:left;position:relative;}.product-list .dct-price{width:120px;font:bold clamp(15px,4vw,16px) Helvetica Neue,Helvetica,Arial,sans-serif;}.product-list .cur-price{width:120px;color:#666;font:400 clamp(13px,3.5vw,14px) Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:line-through;}.product-list .flash-sale-clock{position:absolute;right:5px;top:0;font:500 clamp(15px,3.8vw,17px) Helvetica Neue,Helvetica,Arial,sans-serif;color:rgb(79,79,79);}.more-category{display:block;font-family:Arial,Helvetica,sans-serif;margin-bottom:50px;text-align:center;border-bottom:1px solid #e3e3e3;padding-bottom:5px;cursor:pointer;color:#000;text-decoration:none;}@media only screen and (max-width:600px){.old-price,.new-price{float:none;display:block;}.new-price{margin-top:8px;}.product-list li .product-name{min-height:2.6em !important;}.gift{font-size:clamp(9px,2.4vw,10px) !important;padding:2px 10px 0 5px !important;background-size:9px,100% !important;background-position:center top 0;}.gift::after{position:relative;top:-1px;}}.details{width:20px;position:absolute;right:5px;top:30px;z-index:111;}.details .icon{width:22px;height:22px;padding:2px;background-color:white;border:0;border-radius:50%;box-sizing:border-box;text-align:center;text-decoration:none #D1D5DB solid;text-decoration-thickness:auto;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-bottom:5px;background-size:90%;background-repeat:no-repeat;background-position:center;}.details .icon-battery{background-image:url('https://123yeu.com/public/images/icons/battery.svg');}.details .icon-water{background-image:url('https://123yeu.com/public/images/icons/water.svg');}.details .icon-hot{background-image:url('https://123yeu.com/public/images/icons/hot.svg');}.details .icon-remote{background-image:url('https://123yeu.com/public/images/icons/remote.svg');}.details .icon-app{background-image:url('https://123yeu.com/public/images/icons/phone.svg');}.details .icon-double-head{background-image:url('https://123yeu.com/public/images/icons/double-headed.svg');}.details .icon-video{background-image:url('https://123yeu.com/public/images/icons/video.svg');}.quick-information{width:calc(100% - 20px);margin:auto;font-size:clamp(11px,3vw,12px);line-height:1.4em;font-style:italic;color:#6b6b6b;margin-bottom:5px;}.sold-information{width:100%;padding:0 12px 3px;margin-top:0;}.sold-information .sold-text{font-size:clamp(12px,3.2vw,13px);color:#6b7280;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;}.sold-information .sold-text::before{content:"Đã bán ";color:#6b7280;}.sold-information .sold-text strong{color:#505050;font-weight:500;}.status-label{font-size:clamp(11px,2.9vw,12px);background-color:#FFF;color:green;padding:3px 5px;border-radius:3px;display:block;position:absolute;top:5px;left:10px;box-shadow:rgba(149,157,165,0.2) 0px 8px 24px;}.status-label::after{content:"Có hàng";}.gift{display:inline-flex;align-items:center;gap:3px;border-radius:999px;padding:3px 8px 3px 8px;font-size:clamp(10px,2.7vw,11px);color:#ffffff;position:absolute;margin-top:-28px;background:linear-gradient(120deg,#f97316 0%,#fb7185 45%,#ec4899 100%);box-shadow:0 4px 12px rgba(236,72,153,0.22);letter-spacing:0.4px;text-transform:uppercase;font-weight:600;}.gift::before{content:'';width:14px;height:16px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7'%3E%3C/path%3E%3Crect x='2' y='7' width='20' height='5' rx='1'%3E%3C/rect%3E%3Cpath d='M12 22V7'%3E%3C/path%3E%3Cpath d='M12 7c-1.7-1.7-5-2.3-5-0.5S9.5 10 12 10'%3E%3C/path%3E%3Cpath d='M12 7c1.7-1.7 5-2.3 5-0.5S14.5 10 12 10'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center top 0;background-size:14px;}.gift::after{content:'Có 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:10px 0 32px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;background:transparent;}.category-board a{text-decoration:none;display:inline-flex;align-items:center;}.category-board .category-icon{width:clamp(26px,7.2vw,30px);height:clamp(26px,7.2vw,30px);min-width:clamp(26px,7.2vw,30px);display:inline-flex;align-items:center;justify-content:center;margin-right:10px;border-radius:10px;background:linear-gradient(145deg,#ffffff,#f3f4f6);border:1px solid rgba(15,118,110,0.12);box-shadow:0 6px 18px rgba(15,23,42,0.08);overflow:hidden;}.category-board .category-icon img{width:100%;height:100%;object-fit:contain;}.category-board .block-category{padding:16px 18px;border-radius:16px;background:linear-gradient(140deg,rgba(236,253,245,0.95),#ffffff);border:1px solid rgba(21,128,61,0.12);box-shadow:0 18px 38px rgba(15,118,110,0.08);display:flex;flex-direction:column;gap:12px;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;}.category-board .category-main-link{color:#0f172a;font-weight:600;font-size:clamp(13px,3.5vw,14px);gap:10px;}.category-board .category-main-link .category-name{margin-right:6px;}.category-board .category-main-link .category-qty{font-size:clamp(11px,3vw,12px);color:#6b7280;font-weight:500;}.category-board .category-main-link:hover{color:#15803d;}.category-board .main-sub-category{display:flex;flex-wrap:wrap;gap:6px 8px;}.category-board .main-sub-category a{padding:5px 12px 5px 9px;background:rgba(248,250,252,0.85);border-radius:999px;color:#475569;font-size:clamp(11px,3vw,12px);font-weight:500;gap:6px;transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease;}.category-board .main-sub-category a:hover{color:#15803d;background:rgba(236,253,245,0.95);transform:translateY(-1px);}.category-board .main-sub-category .category-icon{width:clamp(20px,5.6vw,22px);height:clamp(20px,5.6vw,22px);min-width:clamp(20px,5.6vw,22px);border-radius:10px;margin-right:6px;box-shadow:none;background:#ffffff;border:1px solid rgba(15,23,42,0.08);}.category-board .main-sub-category .subcategory-name{font-weight:500;}.category-board .main-sub-category .subcategory-qty{color:#94a3b8;font-size:clamp(10px,2.8vw,11px);margin-left:4px;}@media only screen and (max-width:1024px){.category-board{gap:14px;}.category-board .block-category{padding:14px 16px;}}@media only screen and (max-width:680px){.category-board{grid-template-columns:1fr;gap:12px;}.category-board .category-icon{width:clamp(26px,7.2vw,28px);height:clamp(26px,7.2vw,28px);min-width:clamp(26px,7.2vw,28px);}.category-board .main-sub-category{gap:5px;}.category-board .main-sub-category a{width:100%;justify-content:flex-start;}}@media only screen and (min-width:381px){.category-board .category-main-link{font-size:clamp(14px,3.65vw,15px);}.category-board .category-main-link .category-qty{font-size:clamp(12px,3.2vw,13px);}.category-board .main-sub-category a{font-size:clamp(12px,3.2vw,13px);}.category-board .main-sub-category .subcategory-qty{font-size:clamp(11px,3vw,12px);}.section-header:has(+ .category-board) .section-title{font-size:clamp(16px,4vw,18px);}}.promo-slider-wrapper{width:100%;position:relative;margin-bottom:30px;}.promo-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #e8e8e8;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease;box-shadow:0 2px 10px rgba(0,0,0,0.06);}.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 #eee;border-radius:10px;padding:12px;transition:all 0.3s ease;cursor:pointer;text-decoration:none;color:inherit;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.04);}.promo-slider-row .promo-item.available{border-color:#e8e8e8;}.promo-slider-row .promo-item:hover{border-color:#e53935;box-shadow:0 6px 20px rgba(229,57,53,0.12);}.promo-slider-row .promo-item:hover .promo-name{color:#e53935;}.promo-slider-row .promo-item img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0;}.promo-slider-row .promo-item .promo-info{flex:1;padding-left:12px;margin-top:-5px;min-width:0;}.promo-slider-row .promo-item .promo-info p{margin:0;line-height:1.45;}.promo-slider-row .promo-item .promo-name{font-size:13px;color:#333;font-weight:500;margin-bottom:2px !important;transition:color 0.2s ease;}.promo-slider-row .promo-item .promo-name:hover{color:#e53935;}.promo-slider-row .promo-item .promo-prices{font-size:14px;}.promo-slider-row .promo-item .promo-original{color:#999;text-decoration:line-through;margin-left:6px;font-size:12px;}.promo-slider-row .promo-item .promo-price{font-weight:700;color:#e53935;}.promo-slider-row .promo-item .promo-savings{font-size:11px;color:#2e7d32;font-weight:600;}.promo-slider-row .promo-item .promo-requirement.met{color:#666;}.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:600px){.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;}.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 .85em Arial,Helvetica,sans-serif;}.pagination li a{text-decoration:none;display:block;width:38px;opacity:0;}.pagination li span{color:#333;font-size:.9em;}.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;cursor:pointer;}.small-banners img{width:100%;aspect-ratio:6/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:6 / 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:100%;align-items:stretch;transition:transform 0.6s ease-out;will-change:transform;}.small-banner-item{flex:0 0 calc((100% - 10px) / 2);width:calc((100% - 10px) / 2);height:100%;min-height:0;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:12px;background:#ffe9c3;border:1px solid #ffe4ad;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:60px;height:60px;border-radius:20px;object-fit:contain;flex-shrink:0;border:none;background:transparent;padding:0;border:2px solid #ffffff;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:#3c3c3c;letter-spacing:0;margin:0;display:block;transition:color 0.2s ease;}.welcome-card--slider .welcome-desc{margin:0;color:#292929;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;align-items:flex-start;gap:10px;}.small-banner-item{width:calc((100% - 20px) / 3);flex:0 0 calc((100% - 20px) / 3);height:auto;aspect-ratio:3 / 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:90px;min-height:90px;padding:0;overflow:hidden;}.welcome-card.welcome-card--slider .welcome-list-viewport{flex:0 0 90px;height:90px;min-height:90px;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 90px;min-height:90px;height:90px;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;}