:root{--vn-compare-color:#3b82f6}.vn-compare-trigger{display:flex;align-items:center}.vn-compare-shop{margin:5px 0}.btn-vn-compare-trigger{border:none;border-radius:6px;color:var(--vn-compare-color);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;transition:all 0.3s ease;text-decoration:none;background:none}.vn-compare-shop .btn-vn-compare-trigger{padding:8px 16px;font-size:13px}.btn-vn-compare-trigger:hover{transform:translateY(-1px)}.btn-vn-compare-trigger svg{width:24px;height:24px;flex-shrink:0}.vn-compare-shop .btn-vn-compare-trigger svg{width:14px;height:14px}.vn-compare-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);z-index:999999999;display:flex;align-items:flex-end;justify-content:center}.vn-compare-modal-box{background:#fff;border-radius:6px;bottom:0;box-shadow:0 -4px 20px rgb(0 0 0 / .15);margin:auto;max-width:880px;position:relative;width:100%;max-height:80vh;overflow:hidden}.compare-modal-content{padding:20px;max-height:80vh;overflow-y:auto}.popup-select-product{margin-bottom:20px}.popup-select-product.show{display:block}.form-group.box-search{position:relative;margin-bottom:15px}.vn-icon-search{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:2}.vn-compare-modal-box .popup-select-product .form-group.box-search .box-search__input{width:100%;padding:12px 12px 12px 45px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color 0.3s ease}.box-search__input:focus{border-color:var(--vn-compare-color)}.compare-search-product-list{max-height:300px;overflow-y:auto;border:1px solid #eee;border-radius:8px;background:#fff}.vn-compare-modal-box .product-item{display:flex;align-items:center;padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background 0.2s ease}.vn-compare-modal-box .product-item:hover{background:#f8f9fa}.vn-compare-modal-box .product-item:last-child{border-bottom:none}.vn-compare-modal-box .product-image{width:56px;height:56px;margin-right:12px;overflow:hidden;border-radius:6px;background:#f5f5f5;flex-shrink:0}.vn-compare-modal-box .product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vn-compare-modal-box .product-info{flex:1;margin-right:12px}.vn-compare-modal-box .product-name{font-size:14px;font-weight:500;margin:0 0 6px 0;line-height:1.3;color:#333}.is-flex.is-align-items-center{display:flex;align-items:center;gap:8px}.vn-compare-modal-box .select-to-compare{background:var(--vn-compare-color);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;text-decoration:none;transition:background 0.2s ease;flex-shrink:0}.vn-compare-modal-box .select-to-compare:hover{background:#005a87;color:#fff}.vn-compare-modal-box .compare-products{border-top:1px solid #eee;padding-top:20px}.vn-compare-modal-box .compare-product.has-product{background:#fff;border:1px solid #e0e0e0;border-style:solid}.vn-compare-modal-box .compare-product:not(.has-product){cursor:pointer}.vn-compare-modal-box .compare-product:not(.has-product):hover{background:#e3f2fd;border-color:var(--vn-compare-color);border-style:solid;transform:translateY(-2px)}.vn-compare-modal-box .compare-product:not(.has-product):hover svg{color:var(--vn-compare-color)}.vn-compare-modal-box .compare-product:not(.has-product):hover p{color:var(--vn-compare-color)}.vn-compare-modal-box .compare-product img{margin-bottom:10px;width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.vn-compare-modal-box .compare-product p{font-size:13px;margin:0;color:#666;line-height:1.3;transition:color 0.3s ease}.vn-compare-modal-box .compare-product.has-product p{color:#333;font-weight:500}.vn-compare-modal-box .remove-compare-product{position:absolute;top:8px;right:8px;background:#fff;border:1px solid #ddd;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease}.vn-compare-modal-box .remove-compare-product:hover{background:#f5f5f5;border-color:#999}.vn-compare-modal-box .compare-actions{text-align:center}.vn-compare-modal-box .compare-button-group{display:flex;gap:10px;justify-content:center}.vn-compare-modal-box .btn-compare{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease}.vn-compare-modal-box .btn-exit-compare{background:#f5f5f5;color:#666}.vn-compare-modal-box .btn-exit-compare:hover{background:#e0e0e0}.vn-compare-modal-box .btn-go-compare{background:var(--vn-compare-color);color:#fff}.vn-compare-modal-box .btn-go-compare:hover{background:#005a87}.vn-compare-modal-box .btn-go-compare:disabled{background:#ccc;cursor:not-allowed}.vn-compare-modal-box .comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vn-compare-modal-box .comparison-header h3{margin:0;font-size:18px;color:#333}.vn-compare-modal-box .btn-close-comparison{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.2s ease}.vn-compare-modal-box .btn-close-comparison:hover{background:#eee;color:#333}.vn-compare-modal-box .comparison-table-container{overflow-x:auto}.vn-compare-modal-box .comparison-table{width:100%;border-collapse:collapse;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;table-layout:fixed}.vn-compare-modal-box .comparison-table th,.vn-compare-modal-box .comparison-table td{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0;vertical-align:top}.vn-compare-modal-box .comparison-table thead tr{background:#f8f9fa}.vn-compare-modal-box .field-label{font-weight:600;background:#f8f9fa;min-width:150px;color:#333;position:sticky;left:0;z-index:1}.vn-compare-modal-box .product-images td{text-align:center;padding:15px}.vn-compare-modal-box .product-images img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.vn-compare-modal-box .product-names td{text-align:center;font-weight:600;color:#333;font-size:14px}.vn-compare-modal-box .product-names td a{color:var(--vn-compare-color);text-decoration:none}.vn-compare-modal-box .product-names td a:hover{text-decoration:underline}.vn-compare-modal-box .related-products-header{padding:10px 15px;background:#f8f9fa;border-bottom:1px solid #dee2e6;font-weight:600;color:#495057;font-size:14px;position:sticky;top:0;z-index:1}.vn-compare-modal-box .loading{position:relative;pointer-events:none;opacity:.7}.vn-compare-modal-box .loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #ccc;border-top-color:var(--vn-compare-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vn-compare-modal-box .compare-error-message{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin:10px 0;font-size:14px;border:1px solid #f5c6cb}.vn-compare-modal-box .no-products-found{padding:20px;text-align:center;color:#666;font-style:italic}.vn-compare-modal-box .compare-status{margin-bottom:10px;text-align:center;color:#666;font-size:13px;font-style:italic}.vn-compare-modal-box .comparison-table .button{display:inline-block;padding:6px 12px;background:var(--vn-compare-color);color:#fff;text-decoration:none;border-radius:4px;font-size:12px;border:none;cursor:pointer;transition:background 0.3s ease}.vn-compare-modal-box .comparison-table .button:hover{background:#005a87;color:#fff}.vn-compare-modal-box .comparison-table .button.product_type_variable,.comparison-table .button.product_type_grouped{background:#666}.vn-compare-modal-box .comparison-table .button.product_type_variable:hover,.comparison-table .button.product_type_grouped:hover{background:#444}.vn-compare-modal-box .star-rating{display:inline-block;font-family:star;line-height:1;font-size:1em;color:#ffc107;position:relative;overflow:hidden}.vn-compare-modal-box .star-rating::before{content:"★★★★★";color:#ddd}.vn-compare-modal-box .star-rating span{position:absolute;top:0;left:0;color:#ffc107;overflow:hidden}.vn-compare-modal-box .star-rating span::before{content:"★★★★★"}@media (max-width:768px){.vn-compare-modal{align-items:flex-start}.vn-compare-modal-box{max-height:90vh;margin:10px}.vn-compare-modal-box .compare-product{max-width:100%;min-width:auto}.vn-compare-modal-box .compare-button-group{flex-direction:column}.vn-compare-modal-box .btn-compare{width:100%}.vn-compare-modal-box .comparison-table-container{font-size:13px}.vn-compare-modal-box .comparison-table th,.comparison-table td{padding:8px}.vn-compare-modal-box .product-images img{width:60px;height:60px}.vn-compare-modal-box .field-label{min-width:120px}.vn-compare-modal-box .btn-vn-compare-trigger{padding:10px 16px;font-size:13px}.vn-compare-modal-box .btn-vn-compare-trigger svg{width:14px;height:14px}}@media (max-width:480px){.vn-compare-modal-box .compare-modal-content{padding:15px}.vn-compare-modal-box .product-item{padding:10px}.vn-compare-modal-box .product-image{width:48px;height:48px}.vn-compare-modal-box .product-name{font-size:13px}.vn-sale-price{font-size:14px}.vn-compare-modal-box{max-height:95vh}.comparison-table th,.comparison-table td{padding:6px;font-size:12px}.field-label{min-width:100px;font-size:11px}.product-images img{width:50px;height:50px}.vn-compare-modal-box .btn-vn-compare-trigger{padding:8px 12px;font-size:12px}}.has-text-centered{text-align:center}.is-flex{display:flex}.is-align-items-center{align-items:center}.is-justify-content-center{justify-content:center}.mt-3{margin-top:1rem}.compare-search-product-list::-webkit-scrollbar{width:6px}.compare-search-product-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.compare-search-product-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.compare-search-product-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.vn-compare-modal{transition:opacity 0.3s ease}.vn-compare-modal-box{transition:transform 0.3s ease;transform:translateY(20px)}.vn-compare-modal.show .vn-compare-modal-box{transform:translateY(0)}.btn-vn-compare-trigger:focus,.box-search__input:focus,.select-to-compare:focus,.btn-compare:focus{outline:1px solid var(--vn-compare-color);outline-offset:2px}@media (prefers-contrast:high){.btn-vn-compare-trigger{border:2px solid}.compare-product{border-width:2px}.field-label{border-right:2px solid #000}}.compare-search-product-list.loading{position:relative;min-height:80px;pointer-events:none}.compare-search-product-list.loading::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / .9);z-index:10;border-radius:8px}.compare-search-product-list.loading::after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid rgb(0 124 186 / .2);border-top-color:var(--vn-compare-color);border-radius:50%;animation:productListSpin 1s linear infinite;z-index:11}@keyframes productListSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.compare-search-product-list.loading .product-item,.compare-search-product-list.loading .related-products-header{opacity:.3;transition:opacity 0.2s ease}.compare-product-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.vn-compare-modal-box .compare-product{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center;position:relative;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(.25,.46,.45,.94);transform:translateY(0) scale(1)}.comparison-row[data-field=title] td{font-weight:700}.comparison-row[data-field=price] td,.vn-sale-price{font-weight:600;font-size:.75rem}.comparison-row[data-field=price] td ins span bdi{color:#e53e3e}.comparison-row[data-field=price] td del span bdi{color:#666;opacity:.5}.vn-sale-price ins span bdi{color:#e53e3e}.vn-sale-price del span bdi{color:#666;opacity:.5}@media (max-width:768px){.compare-product-slots{grid-template-columns:1fr 1fr}.comparison-table{table-layout:auto!important}.comparison-table tr td:nth-child(n+2){min-width:50vw}}.vnwoo-variation-items-wrapper{max-width:250px;margin:0 auto}.variation-selector{margin-bottom:15px}.variation-selector label{display:block;margin-bottom:5px;font-weight:700;font-size:13px}.vn-variation-select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px}.vn-selected-variation-price{font-weight:700;margin-bottom:10px;text-align:center;color:#e74c3c}button.vn-variable-buy-now-button,button.vn-buy-now-button{width:100%;background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}button.vn-variable-buy-now-button:hover,button.vn-buy-now-button:hover{opacity:.9}.vn-variable-buy-now-button:hover:not(:disabled){background:#c0392b}.vn-variable-buy-now-button:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.vn-buy-now-actions{margin-top:15px;text-align:center}.vn-variable-buy-now-wrapper .vn-variation-swatches{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.vn-variable-buy-now-wrapper .variable-item{position:relative;cursor:pointer;border:2px solid #ddd;border-radius:6px;transition:all 0.3s ease;background:#fff;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vn-variable-buy-now-wrapper .variable-item:hover{border-color:var(--vn-compare-color,#3b82f6);transform:translateY(-1px);box-shadow:0 2px 8px rgb(0 0 0 / .1)}.vn-variable-buy-now-wrapper .variable-item.selected{border-color:var(--vn-compare-color,#3b82f6);box-shadow:0 0 0 1px var(--vn-compare-color,#3b82f6)}.vn-variable-buy-now-wrapper .variable-item.selected::after{content:"✓";position:absolute;top:-5px;right:-5px;background:var(--vn-compare-color,#3b82f6);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #fff;box-shadow:0 1px 3px rgb(0 0 0 / .2);z-index:1}.vn-variable-buy-now-wrapper .color-variable-item{width:40px;height:40px;border-radius:50%;padding:3px}.vn-variable-buy-now-wrapper .color-variable-item .variable-item-span{width:100%;height:100%;border-radius:50%;display:block;border:1px solid rgb(0 0 0 / .1)}.vn-variable-buy-now-wrapper .color-variable-item.selected{transform:scale(1.1)}.vn-variable-buy-now-wrapper .image-variable-item{padding:3px;min-width:56px;min-height:56px}.vn-variable-buy-now-wrapper .image-variable-item .variable-item-contents{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.vn-variable-buy-now-wrapper .image-variable-item .variable-item-image{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:4px;display:block}.vn-variable-buy-now-wrapper .image-variable-item.selected{background:#f0f6fc}.vn-variable-buy-now-wrapper .button-variable-item{padding:8px 16px;min-height:40px;border-radius:4px}.vn-variable-buy-now-wrapper .button-variable-item .variable-item-span{font-size:13px;font-weight:500;color:#333;white-space:nowrap}.vn-variable-buy-now-wrapper .button-variable-item.selected{background:var(--vn-compare-color,#3b82f6);color:#fff}.vn-variable-buy-now-wrapper .button-variable-item.selected .variable-item-span{color:#fff}.vn-variable-buy-now-wrapper .button-variable-item.selected::after{display:none}.vn-variable-buy-now-wrapper .radio-variable-item{padding:0;border:none;background:none;display:block;width:100%}.vn-variable-buy-now-wrapper .radio-variable-item input[type=radio]{margin:0 8px 0 0;vertical-align:middle}.vn-variable-buy-now-wrapper .radio-variable-item label{display:flex;align-items:center;padding:8px 12px;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all 0.3s ease;font-size:13px;background:#fff;margin:0;width:100%}.vn-variable-buy-now-wrapper .radio-variable-item:hover label{border-color:var(--vn-compare-color,#3b82f6)}.vn-variable-buy-now-wrapper .radio-variable-item input[type=radio]:checked+label{border-color:var(--vn-compare-color,#3b82f6);background:#f0f6fc;color:var(--vn-compare-color,#3b82f6)}.vn-variable-buy-now-wrapper .radio-variable-item.selected::after{display:none}.vn-variable-buy-now-wrapper .variable-item[title]:hover::before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgb(0 0 0 / .8);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:5px;pointer-events:none}.vn-variable-buy-now-wrapper .variable-item[title]:hover::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid #fff0;border-top-color:rgb(0 0 0 / .8);z-index:1000;pointer-events:none;display:none}.vn-variable-buy-now-wrapper .variable-item:focus,.vn-variable-buy-now-wrapper .radio-variable-item input:focus+label{outline:2px solid var(--vn-compare-color,#3b82f6);outline-offset:2px}.vn-variable-buy-now-wrapper .variable-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.vn-variable-buy-now-wrapper .variable-item.disabled::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(255 255 255 / .7);z-index:1;border-radius:inherit}.vn-variable-buy-now-wrapper .variable-item.out-of-stock{position:relative;opacity:.6}.vn-variable-buy-now-wrapper .variable-item.out-of-stock::before{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:red;transform:translateY(-50%) rotate(-45deg);z-index:1}.vn-variable-buy-now-wrapper .vn-selected-variation-price ins span bdi{color:#e53e3e}.vn-variable-buy-now-wrapper .vn-selected-variation-price del{color:#666}.vn-variable-buy-now-wrapper .vn-selected-variation-price del span bdi{color:#666;opacity:.5}@media (max-width:480px){.vn-variable-buy-now-wrapper .vn-variation-swatches{gap:6px}.vn-variable-buy-now-wrapper .color-variable-item{width:36px;height:36px}.vn-variable-buy-now-wrapper .image-variable-item{min-width:48px;min-height:48px}.vn-variable-buy-now-wrapper .image-variable-item .variable-item-image{width:42px;height:42px}.vn-variable-buy-now-wrapper .button-variable-item{padding:6px 12px;min-height:36px}.vn-variable-buy-now-wrapper .button-variable-item .variable-item-span{font-size:12px}.vn-variable-buy-now-wrapper .variable-item.selected::after{width:16px;height:16px;font-size:10px;top:-3px;right:-3px}.vn-variable-buy-now-wrapper .radio-variable-item label{padding:6px 10px;font-size:12px}}