/* Light storefront comparison workspace. */
.store-theme-light #badman-instant-compare-modal .btn-close { position:static!important; width:30px!important; height:30px!important; padding:7px!important; margin:0!important; background-color:#eef4f0!important; color:#19382f!important; opacity:1; flex-shrink:0; }
.store-theme-light #badman-instant-compare-modal .btn-close i { color:#19382f!important; }
.store-theme-light #badman-instant-compare-modal .btn-close { background-image:none!important; filter:none!important; display:flex!important; align-items:center; justify-content:center; border:1px solid #cbded1!important; box-sizing:border-box; }
.store-theme-light #badman-instant-compare-modal .btn-close::before { content:'×'; display:block; color:#19382f; font:26px/1 Arial,sans-serif; }
.store-theme-light #badman-instant-compare-modal .btn-close:hover { background-color:#dcebe2!important; }
.store-theme-light #badman-instant-compare-modal .btn-close:focus-visible { outline:3px solid #b99551; outline-offset:3px; }
.store-theme-light #badman-instant-compare-modal .modal-dialog { max-width:1060px; margin:24px auto; padding:0 12px; }
.store-theme-light #badman-instant-compare-modal .modal-content { background:#fff!important; color:#19382f!important; border:1px solid #dce7df!important; border-radius:18px!important; overflow:hidden; max-height:calc(100dvh - 48px); }
.store-theme-light #badman-instant-compare-modal .modal-header { padding:22px 24px!important; background:#fff!important; border-bottom:1px solid #e0e9e3!important; flex-shrink:0; gap:16px; flex-wrap:wrap; }
.store-theme-light #badman-instant-compare-modal :is(h5,h6,.text-white,strong,a.text-white) { color:#19382f!important; text-transform:none!important; letter-spacing:0!important; }
.store-theme-light #badman-instant-compare-modal .modal-title { font-size:20px!important; }
.store-theme-light #badman-instant-compare-modal .text-muted { color:#6a7e72!important; }
.store-theme-light #badman-instant-compare-modal .modal-body { overflow-y:auto!important; max-height:none!important; padding:24px!important; }
.store-theme-light #instant-compare-modal-content > .row > div > .p-3 { background:#f8fbf9!important; border:1px solid #dce8df!important; border-radius:14px!important; padding:20px!important; }
.store-theme-light #instant-compare-modal-content > .row > div:last-child > .p-3 { background:#fff!important; }
.store-theme-light #instant-compare-modal-content .text-center img { width:150px!important; height:150px!important; object-fit:contain!important; background:#eff5f1; border:1px solid #dfe9e2!important; border-radius:12px!important; }
.store-theme-light #instant-compare-modal-content ul li { gap:20px; padding:10px 0!important; border-color:#dce8df!important; }
.store-theme-light #instant-compare-modal-content ul li > span:first-child { color:#6a7e72!important; }
.store-theme-light #instant-compare-modal-content ul strong { text-align:right; overflow-wrap:anywhere; }
.store-theme-light #badman-instant-compare-modal .btn { letter-spacing:0!important; text-transform:none!important; font-size:12px!important; border-radius:8px!important; }
.store-theme-light #badman-instant-compare-modal .btn-fitness-primary { background:#0b594a!important; color:white!important; border:1px solid #0b594a!important; box-shadow:none!important; }
.store-theme-light #badman-instant-compare-modal .btn-fitness-primary i { color:white!important; }
.store-theme-light #badman-instant-compare-modal :is(.form-control,.form-select) { color:#19382f!important; background:white!important; border:1px solid #cbded1!important; border-radius:9px!important; min-height:44px; padding:10px 12px!important; }
.store-theme-light #badman-instant-compare-modal .form-control:focus { box-shadow:0 0 0 3px #0b594a18!important; border-color:#0b594a!important; }
.store-theme-light #badman-instant-compare-modal .compare-table-wrapper { overflow-x:auto; border:1px solid #dce8df; border-radius:12px; }
.store-theme-light #badman-instant-compare-modal .compare-table { background:white!important; color:#19382f!important; }
.store-theme-light #badman-instant-compare-modal .compare-table :is(th,td) { border-color:#e0e9e3!important; background:#fff!important; color:#19382f!important; padding:18px!important; }
.store-theme-light #badman-instant-compare-modal .compare-table .feature-col { background:#f4f8f5!important; color:#6a7e72!important; }
.store-theme-light #badman-instant-compare-modal .compare-product-img-wrap img { object-fit:contain; background:#f2f7f3; }
@media(max-width:575px) { .store-theme-light #badman-instant-compare-modal .modal-dialog { margin:12px auto; } .store-theme-light #badman-instant-compare-modal .modal-content { max-height:calc(100dvh - 24px); } .store-theme-light #badman-instant-compare-modal :is(.modal-header,.modal-body) { padding:16px!important; } .store-theme-light #instant-compare-modal-content > .row > div { width:100%; } }