.compare-bar{position:fixed;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -4px 20px rgba(0, 0, 0, 0.1);z-index:1000;padding:15px 0;border-top:1px solid #eee}.compare-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.compare-bar__items{display:flex;align-items:center;gap:15px;flex:1}.compare-bar .compare-item{flex:1;max-width:320px;height:100px;border-radius:12px;overflow:hidden;transition:all 0.3s ease}.compare-bar .compare-item__inner{display:flex;align-items:center;height:100%;padding:10px;position:relative}.compare-bar .compare-item.active{background:#fff;border:1px solid #f0f0f0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.05)}.compare-bar .compare-item.active .compare-item__image{width:70px;height:70px;min-width:70px;background:#f7f7f7;border-radius:8px;padding:5px;margin-right:12px}.compare-bar .compare-item.active .compare-item__image img{width:100%;height:100%;object-fit:contain}.compare-bar .compare-item.active .compare-item__title{font-size:14px;font-weight:600;line-height:1.3;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compare-bar .compare-item.active .btn-remove-compare{position:absolute;top:5px;right:5px;background:transparent;border:none;color:#ccc;font-size:14px;cursor:pointer;transition:color 0.2s}.compare-bar .compare-item.active .btn-remove-compare:hover{color:#d93915}.compare-bar .compare-item.empty{background:#F9F7F6;border:1px dashed #B08D82;display:flex;align-items:center;justify-content:center;cursor:pointer}.compare-bar .compare-item.empty:hover,.compare-bar .compare-item.empty:focus-visible{border-color:#601808;background:#fffdfb}.compare-bar .compare-item.empty .compare-item__inner{flex-direction:column;justify-content:center;text-align:center;gap:5px}.compare-bar .compare-item.empty .compare-item__icon{color:#B08D82;font-size:20px}.compare-bar .compare-item.empty .compare-item__text{font-size:12px;color:#7A5C53;font-weight:500;max-width:150px}.compare-bar__actions{display:flex;flex-direction:column;gap:10px;min-width:200px}.compare-bar__actions .btn-compare-now{background:#601808;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;transition:background 0.3s}.compare-bar__actions .btn-compare-now:hover{background:#4a1206}.compare-bar__actions .btn-clear-compare{background:#fff;color:#333;border:1px solid #D1D5DB;border-radius:8px;padding:10px 20px;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.3s}.compare-bar__actions .btn-clear-compare:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:991px){.compare-bar__inner{flex-direction:column;gap:15px}.compare-bar__items{width:100%;overflow-x:auto;padding-bottom:5px}.compare-bar .compare-item{min-width:200px;height:80px}.compare-bar__actions{width:100%;flex-direction:row}.compare-bar__actions .btn-compare-now,.compare-bar__actions .btn-clear-compare{flex:1}}.compare-picker-modal{z-index:1060}.compare-picker-modal.modal.fade .modal-dialog{transition:transform 0.25s ease-out}body.modal-open:has(#compare-picker-modal.fade.show),body.modal-open:has(#compare-picker-modal.show){overflow-y:auto !important;overflow-x:hidden !important;padding-right:0 !important}.compare-picker-modal__dialog.modal-dialog{width:auto;max-width:min(1140px, 96vw);max-height:calc(100vh - 2rem)}@media (min-width:1200px){.compare-picker-modal__dialog.modal-dialog{max-width:1140px}}.compare-picker-modal__content.modal-content{border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column;min-height:0;width:100%;max-height:calc(100vh - 2rem)}.compare-picker-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef0f2;flex-shrink:0}.compare-picker-modal__title{font-size:1.125rem;font-weight:700;margin:0;color:#111927}.compare-picker-modal__close{flex-shrink:0}.compare-picker-modal__body{padding:16px 20px 24px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.compare-picker-modal__hint{text-align:center;font-size:13px;color:#4b5563;margin:0}.compare-picker-modal__search-wrap{position:relative;flex-shrink:0}.compare-picker-modal__search-wrap .compare-picker-modal__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px;pointer-events:none}.compare-picker-modal__search-wrap .compare-picker-modal__input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:12px 14px 12px 42px;font-size:14px}.compare-picker-modal__search-wrap .compare-picker-modal__input:focus{outline:none;border-color:var(--primary_color, #601808);box-shadow:0 0 0 3px rgba(96, 24, 8, 0.12)}.compare-picker-modal__sections{display:flex;flex-direction:column;gap:14px;flex:0 0 auto;min-height:0}.compare-picker-section--recent{flex:0 0 auto;display:flex;flex-direction:column}.compare-picker-section--search{flex:0 0 auto;display:flex;flex-direction:column}.compare-picker-recent-embed .title-sb{font-size:18px;font-weight:700}.compare-picker-section--recent .compare-picker-recent-splide.splide{padding:0 2px 4px}#compare-picker-modal #splide-recently-viewed-compare-picker.compare-picker-recent--grid-mode{overflow:visible !important}#compare-picker-modal #splide-recently-viewed-compare-picker.compare-picker-recent--grid-mode .splide__track{overflow:visible !important;height:auto !important}#compare-picker-modal #splide-recently-viewed-compare-picker.compare-picker-recent--grid-mode .recently-viewed-list.row.splide__list{display:flex;flex-wrap:wrap;width:100%}#compare-picker-modal #splide-recently-viewed-compare-picker.compare-picker-recent--splide-mode{overflow:hidden}#compare-picker-modal .compare-picker-products-scroll{flex:0 0 auto;min-height:0;max-height:none;overflow:visible}.compare-picker-section__heading{font-size:13px;font-weight:700;color:#111927;margin:0 0 8px;flex-shrink:0}.compare-picker-section__heading[hidden]{display:none}.compare-picker-empty{font-size:13px;color:#6b7280;margin:0;padding:12px 0}