/*!
 * painel.css: componentes próprios do painel.
 *
 * Este arquivo nasceu como compat.css, uma PONTE de 40 KB e 339 regras para o
 * tema antigo. A migração desmontou a ponte: 1.301 usos de classe foram
 * trocados pelos equivalentes do Gradient Able (`form-group` -> `mb-3`, a
 * escala `fs-*` -> `f-*`, `fw-500/600` -> `fw-medium/semibold`), e
 * `.color-changer` e `.box-shadow` saíram de vez, a primeira era marcador de
 * dark mode do tema antigo, inerte; a segunda somava sombra ao `.card`, que
 * já tem a sua.
 *
 * O que restou não é resíduo: são componentes que o painel tem e o Gradient
 * Able não, o interruptor de duas posições das telas de configuração, o
 * seletor de tema com miniatura, a caixa de 30px dos ícones de ação em
 * tabela, o corte de texto em N linhas. Continuam aqui porque reimplementá-los
 * seria trocar código que funciona por código novo sem ganho.
 */

.form-check-input-secondary:checked { background-color: var(--bs-secondary); border-color: var(--bs-secondary); }
.cursor-pointer { cursor: pointer; }
.dn { display: none; }
.hw-70 { width: 70px; height: 70px; object-fit: cover; object-position: center; }
.h-40 { height: 40px; }
.theme-selection li { display: inline-block; margin: 10px 5px; width: 165px; }
.theme-selection li input[type=checkbox],
.theme-selection li input[type=radio] { display: none; }
.theme-selection li label { padding: 5px; display: block; position: relative; cursor: pointer; width: 100%; margin: auto; border-radius: 5px; }
.theme-selection li input:checked+label::before { content: "✓"; transform: scale(1); z-index: 2; }
.theme-selection li label::before { font-size: 15px; background-color: var(--bs-white); color: var(--bs-primary); content: ""; display: block; border-radius: 50%; border: 1px solid var(--bs-primary); position: absolute; top: -6px; right: -6px; width: 25px; height: 25px; line-height: 25px; text-align: center; transition-duration: 0.4s; transform: scale(0); }
.theme-selection li input:checked+label img { z-index: -1; border: 2px dotted var(--bs-primary); }
.theme-selection li label:hover img { object-position: bottom; }
.theme-selection li label img { width: 100%; transition-duration: 0.2s; transform-origin: 50% 50%; object-fit: cover; object-position: top; height: 300px; transition: 4s all ease-in-out; }
#themeinfo .theme-selection:hover img { object-position: bottom; }
.theme-selection img { transition-duration: 0.2s; transform-origin: 50% 50%; object-fit: cover; object-position: top; height: 300px; transition: 4s all ease-in-out; }
.settings .card-sticky-top { position: sticky; top: 80px; z-index: 1020; background-color: transparent; height: 78vh; overflow-y: auto; }
.settings .list-group-item .tab:hover,
.settings .list-group-item .tab.active { color: var(--bs-white); }
.payments .card .cod-card,
.payments .card .wallet-card { padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); display: flex; justify-content: space-between; }
.stripe-form #card-element .__PrivateStripeElement iframe { height: 40px !important; width: 100% !important; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); display: block; padding: 10px; margin-bottom: 16px; }
.checkbox-switch { display: none; }
.checkbox-switch:checked~.switch { background-color: var(--bs-primary); }
.checkbox-switch:not(:checked)~.switch { background-color: gray; }
.switch__left,
.switch__right { color: white; font-size: small; text-transform: uppercase; }
.checkbox-switch:checked~.switch .switch__left { visibility: hidden; }
.checkbox-switch:not(:checked)~.switch .switch__right { visibility: hidden; }
.switch__circle { height: 30px; padding: 5px; position: absolute; transition: all 0.1s linear; width: 30px; }
.checkbox-switch:checked~.switch .switch__circle { left: 0; right: calc(100% - 30px); }
.checkbox-switch:checked~.switch .switch__circle-rtl { left: calc(100% - 30px); right: 0; }
.checkbox-switch:not(:checked)~.switch .switch__circle { left: calc(100% - 30px); right: 0; }
.checkbox-switch:not(:checked)~.switch .switch__circle-rtl { right: calc(100% - 30px); left: 0; }
.switch__circle-inner { background-color: white; border-radius: 50%; display: block; height: 100%; width: 100%; }
.hw-50 { width: 50px; height: 50px; object-fit: cover; object-position: center; }
.hw-20 { height: 20px; width: 20px; object-fit: cover; object-position: center; }
.transaction-select { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; }
.product-image { height: 150px; }
.img-height { height: 70px; }
.h-100vh { height: 100vh; }
.righ-side .price-range .circle,
.offcanvas .offcanvas-body .price-range .circle,
.modal .modal-footer .price-range .circle { width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; color: var(--bs-primary); border: 1px solid var(--bs-primary); }
.righ-side .price-range .fa-minus,
.righ-side .price-range .fa-plus,
.offcanvas .offcanvas-body .price-range .fa-minus,
.offcanvas .offcanvas-body .price-range .fa-plus,
.modal .modal-footer .price-range .fa-minus,
.modal .modal-footer .price-range .fa-plus { font-weight: 400 !important; }
.righ-side .price-range .circle:hover,
.offcanvas .offcanvas-body .price-range .circle:hover,
.modal .modal-footer .price-range .circle:hover { background-color: var(--bs-primary); color: #fff; }
.righ-side.righ-side .price-range input,
.offcanvas .offcanvas-body .price-range input,
.modal .modal-footer .price-range input { width: 20%; margin: 0px 5px; border: none; text-align: center; font-size: 18px; font-weight: 500; background-color: transparent; }
.lag-img { width: 20px !important; height: 20px !important; border-radius: 50%; object-fit: cover !important; }
.one-card { background-color: #eff3f6; height: 100%; width: 100%; padding: 0px; border: 0px; overflow: hidden; border-radius: 0px; position: relative; }
.one-card .one-img { height: 200px; width: 100%; overflow: hidden; }
.one-card .one-img img { height: 200px; width: 100%; object-fit: cover; object-position: center; overflow: hidden; }
.one-card .card-body { display: flex; align-items: center; justify-content: center; padding: 0px; }
.one-card .card-footer { border: none; background-color: #f0f0f0; display: flex; align-items: center; justify-content: space-between; padding: 8px; }
.one-card .card-footer p { font-weight: 600; text-transform: capitalize; color: #000; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 1px; word-break: break-all; font-size: 14px; }
.one-card .dropdown { position: absolute; top: 8px; right: 8px; }
.one-card .one-card-dropdown,
.one-card .one-card-dropdown:is(:hover, :active, :focus, .show) { width: 25px; height: 25px; background-color: var(--bs-secondary) !important; color: #fff; font-size: 15px; border-radius: 0px; cursor: pointer; border: none !important; padding-top: 2px; }
.one-card .dropdown-toggle::after { display: none; }
.one-card .dropdown-menu { min-width: fit-content; border-radius: 0px; border: none; margin-top: 2px !important; }
.one-card .dropdown-menu li .dropdown-item { font-size: 14px; font-weight: 500; cursor: pointer; }
.one-card .dropdown-item:hover { background-color: var(--bs-secondary); color: #fff; }
.sort_menu .card .card-header { color: #000; background-color: var(--bs-secondary) !important; box-shadow: inset 0 calc(var(--bs-accordion-border-width)* -1) 0 var(--bs-accordion-border-color); font-size: 18px; padding: 16px 20px; }
.btn.hov:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); }
.settings .list-item-primary.active,
.settings .list-item-primary.active a { z-index: 2; color: #FFF; font-weight: 500; background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary); }
.settings .list-item-secondary.active,
.settings .list-item-secondary.active a { z-index: 2; font-weight: 500; color: #FFF; background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary); }
.lag-img { width: 25px !important; height: 25px !important; object-fit: cover !important; object-position: center !important; border-radius: 50%; }
.object { object-fit: cover !important; object-position: center !important; }
.hov { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }
.hight-50 { height: 50px !important; object-fit: cover; object-position: center; }
.right-side { position: relative; }
.right-side { border-left: 2px dotted rgb(215, 214, 214); padding-left: 1px; }
.coupon .coupn-circle-up-left { position: absolute; width: 20px; height: 20px; background: rgb(215, 214, 214); border-radius: 100%; left: -11px; }
.coupon .coupn-circle-up-right { position: absolute; width: 20px; height: 20px; background: rgb(215, 214, 214); border-radius: 100%; right: -11px; }
.cursor-pointer label { font-size: 13px; color: #000; text-transform: capitalize; }
.coupon .coupn-circle-up { position: absolute; width: 20px; height: 20px; background: rgb(215, 214, 214); border-radius: 100%; left: -11px; }
.bg-gray { background-color: rgb(229 229 229); }
.sub-plan { padding: 16px 20px; }
.dasbord-img { width: 35px; height: 35px; }
.line-2 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.line-1 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.line-3 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.h-10-px { height: 10px; }
.gradient-6 { background-image: linear-gradient(135deg, #97ABFF 10%, #123597 100%); }
.add-extra-class .bootstrap-select .dropdown-toggle .filter-option { position: static; top: 0; left: 0; float: left; height: 100%; width: 100%; text-align: left; display: flex !important; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }
.add-extra-class .dropdown-item { display: flex !important; }
.add-extra-class .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 0px !important; }
.add-extra-class.rtl .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; left: 15px !important; right: unset !important; top: 5px; }
.add-extra-class .bootstrap-select .dropdown-menu { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.logo-size { height: 50px; }
.sidebares { position: fixed; z-index: 100; padding: 30px 0; border-right: 1px solid var(--bs-secondary); background-color: var(--bg-white); overflow: auto; width: auto; transition: all 0.3s; padding: 20px; }
.underline { border-bottom: 1px solid var(--bs-secondary); }
.product-name { font-size: calc(14px + (18 - 13) * ((100vw - 320px) / (1920 - 320))) !important; }
.font-8px { font-size: 8px; }
.offer-box { width: 55px; top: 10px; display: flex; justify-content: center; left: 10px; padding: 3px; border-radius: 12px; font-size: 11px !important; border: 1px solid #000; font-weight: 600 !important; background-color: var(--bs-secondary); color: var(--bs-primary) !important; }
.offer-box h6 { line-height: 1; }
.cart-btn { bottom: 20px; width: 70px; height: 70px; border: none; background-color: var(--bs-secondary); animation: mymove 2s infinite; }
}

.cart-count { position: absolute; top: -13px; width: 30px; height: 30px; right: 0px; }
.closing-button-1 { position: absolute; width: 50px; height: 50px; border: 1px solid var(--bs-secondary); }
.imgs { max-height: 300px; height: 300px; }
.underline-2 { border-top: 2px dotted #808080; border-bottom: 2px dotted #808080; }
.total-pay { width: 100%; padding: 10px; }
.box-product-2 { width: 100%; height: 300px !important; overflow-y: scroll; }
.notes-box { border: 2px dotted var(--bg-date); }
.modal-price { font-size: 13px !important; }
.from-name { font-size: 13px !important; }
.customer::placeholder { font-size: 13px !important; }
.closing-button-2 { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; }
.total-pay1 { padding: 1rem; }
.font-8px { font-size: 10px; }
.category-name { font-size: 22px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: auto; }
.fiex-width { width: 40px; display: flex; justify-content: center; }
.w-5 { width: 5rem !important; }
.alert-icons { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; }
.hw-58 { height: 58px; width: 58px; }
.light body .bg-change-mode { background-color: var(--bs-white) !important; color: #000 !important; }
.light body .fixed-bg-card-changer { border: 1px solid #eeeeee !important; background-color: #faf4f4 !important; }
.dark body .card.fixed-bg-card-changer { border: 1px solid #35363b !important; background-color: #35363b !important; }
.dark body .bg-change-mode { background-color: #26272f !important; color: #FFF !important; }
.dark body .card.rgb-danger-light { background-color: color-mix(in srgb, var(--bs-danger), transparent 50%) !important; }
.rgb-danger-light { background-color: color-mix(in srgb, var(--bs-danger), transparent 80%) !important; }
.dark body .tab-content .addons_card { background-color: #ffffff !important; }
.dark body .tab-content .addons_card .text-muted { color: #494949 !important; }
.dark body .input_icon_trnspernt { background-color: #272727 !important; color: #aab8c5 !important; border-color: #464f5b !important }
.dark body .theme-selection li input:checked+label img { border: 2px dotted var(--bs-secondary) !important; }
.dark body .theme-selection li label::before { background-color: var(--bs-secondary) !important; color: #ffffff !important; border: 1px solid var(--bs-white) !important; }
.dark body .checkbox-switch:checked~.switch { background-color: var(--bs-secondary) !important; }
.dark body .card-header .checkbox-switch:checked~.switch { background-color: var(--bs-primary) !important; }
.dark body .settings .list-group-item { color: #FFF !important; }
.dark body .rolmangement_dark { background-color: #1f1f1f !important; }
.dark body .domain_color_changer p { color: #aab8c5 !important; }
.offcanvas .offcanvas-body .price-range input { font-size: 14px; }
.dark body .offcanvas .offcanvas-body .price-range .circle:hover { background-color: #f5f5f5; color: var(--bs-primary); }
.dark body .notes-box { border: 2px dotted #585454; }
.checkbox-style { border: 1px solid black; }
.hw-50 { width: 44px !important; height: 44px !important; border-radius: 10px !important; object-fit: cover; }
.hw-70 { width: 70px !important; height: 70px !important; border-radius: 12px !important; object-fit: cover; }
.dark body .notice_card,
.dark body .card.fixed-bg-card-changer { background-color: var(--dk-card-alt) !important; border-color: var(--dk-border) !important; }
.dark body .rgb-danger-light { background-color: rgba(239,68,68,0.1) !important; }
.dark body .card.fixed-bg-card-changer { border-color: var(--dk-border) !important; background-color: var(--dk-card-alt) !important; }
.dark body .card.rgb-danger-light { background-color: rgba(239,68,68,0.12) !important; border-color: rgba(239,68,68,0.2) !important; }
.dark body .bg-change-mode { background-color: var(--dk-card-alt) !important; color: var(--dk-text) !important; }
.dark body .tab-content .addons_card { background-color: var(--dk-card-alt) !important; }
.dark body .tab-content .addons_card .text-muted { color: var(--dk-text-secondary) !important; }
.dark body .hw-50,
.dark body .hw-70 { border: 1px solid var(--dk-border) !important; }
.navbar.fixed-top.position-sticky,
.navbar.bg-white.underline { background: var(--theme-card-bg) !important; border-bottom: 1px solid var(--theme-border) !important; box-shadow: 0 1px 8px rgba(0,0,0,0.04) !important; padding: 10px 0 !important; border-radius: 0 !important; }
.logo-size { height: 46px !important; border-radius: 8px; }
.pos-user-info { min-width: 0; }
.pos-user-avatar { width: 38px; height: 38px; border-radius: 10px; background: var(--theme-accent-light); color: var(--theme-accent); display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }
.pos-user-name { font-family: var(--theme-font) !important; font-size: 0.82rem !important; color: var(--theme-text-primary); }
.pos-clock { font-family: 'Inter', monospace !important; font-size: 0.72rem !important; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
.pos-quick-actions { display: flex; gap: 4px; }
.pos-action-btn { width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--theme-border); background: var(--theme-card-bg); color: var(--theme-text-secondary); display: flex; align-items: center; justify-content: center; font-size: 0.9rem; cursor: pointer; transition: all 0.2s ease; text-decoration: none; }
.pos-action-btn:hover { background: var(--theme-accent) !important; color: #fff !important; border-color: var(--theme-accent) !important; transform: translateY(-1px); }
.pos-calculator-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 9999; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(3px); }
.pos-calculator-box { background: var(--theme-card-bg); border-radius: 18px; box-shadow: 0 20px 60px rgba(0,0,0,0.15); overflow: hidden; width: 280px; }
.pos-calc-display { padding: 16px 16px 8px; }
.pos-calc-display input { width: 100%; background: var(--theme-body-bg); border: 1px solid var(--theme-border); border-radius: 12px; padding: 12px 16px; font-size: 1.5rem; font-family: 'Inter', monospace; font-weight: 600; text-align: right; color: var(--theme-text-primary); outline: none; }
.pos-calc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 10px 16px 16px; }
.pos-calc-grid button { height: 48px; border: none; border-radius: 10px; font-size: 1.1rem; font-weight: 600; font-family: var(--theme-font); cursor: pointer; transition: all 0.15s ease; background: var(--theme-body-bg); color: var(--theme-text-primary); }
.pos-calc-grid button:hover { background: var(--theme-border); }
.pos-calc-grid button.calc-op { background: var(--theme-accent-light); color: var(--theme-accent); }
.pos-calc-grid button.calc-op:hover { background: var(--theme-accent); color: #fff; }
.pos-calc-grid button.calc-eq { background: var(--theme-accent); color: #fff; }
.pos-calc-grid button.calc-eq:hover { background: #4338ca; }
.pos-calc-grid button.calc-clear { background: var(--theme-danger-light); color: var(--theme-danger); }
.pos-calc-grid button.calc-clear:hover { background: var(--theme-danger); color: #fff; }
.sidebares,
.sidebares.bg-white,
.sidebares.bg-change-mode,
div.sidebares.bg-white.bg-change-mode { background: var(--theme-sidebar-bg) !important; background-color: var(--theme-sidebar-bg) !important; border-right: none !important; padding: 16px 10px !important; padding-top: 8px !important; top: 62px !important; height: calc(100vh - 62px) !important; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.1) transparent; }
.sidebares::-webkit-scrollbar { width: 3px !important; }
.sidebares::-webkit-scrollbar-track { background: transparent !important; }
.sidebares::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12) !important; border-radius: 10px !important; }
.offer-box { background: var(--theme-danger) !important; color: #fff !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 0.7rem !important; padding: 3px 8px !important; font-family: var(--theme-font) !important; }
.offer-box p { color: #fff !important; }
.cart-btn { background: var(--theme-accent) !important; border: none !important; width: 64px !important; height: 64px !important; box-shadow: 0 4px 20px rgba(79,70,229,0.35) !important; animation: pos-pulse 2s infinite !important; transition: all 0.25s ease !important; z-index: 1050 !important; }
.cart-btn:hover { transform: scale(1.08); box-shadow: 0 6px 28px rgba(79,70,229,0.45) !important; }
}

.cart-count { background: var(--theme-danger) !important; font-family: var(--theme-font) !important; font-weight: 700 !important; font-size: 0.7rem !important; }
.offcanvas .price-range .circle { border-color: var(--theme-accent) !important; color: var(--theme-accent) !important; background: var(--theme-accent-light) !important; width: 24px !important; height: 24px !important; border-radius: 8px !important; transition: all 0.2s ease; }
.offcanvas .price-range .circle:hover { background: var(--theme-accent) !important; color: #fff !important; }
.offcanvas-footer { background: var(--theme-card-bg) !important; border-top: 1px solid var(--theme-border) !important; padding: 16px !important; }
.offcanvas-footer .fw-600 { font-family: var(--theme-font) !important; color: var(--theme-text-primary) !important; }
.offcanvas-footer .text-success { color: var(--theme-success) !important; font-family: var(--theme-font) !important; }
.offcanvas-footer .underline-2 { border-top: 2px dashed var(--theme-border); margin-top: 4px; padding-top: 8px; }
.offcanvas-footer .total-pay { padding: 10px 0 !important; border-radius: 10px !important; font-family: var(--theme-font) !important; font-weight: 600 !important; font-size: 0.85rem !important; transition: all 0.2s ease; }
.offcanvas-footer .Empty-cart { background: #fee2e2 !important; color: var(--theme-danger) !important; border: none !important; }
.offcanvas-footer .Empty-cart:hover { background: var(--theme-danger) !important; color: #fff !important; }
.offcanvas-footer .orderButton { background: var(--theme-accent) !important; border: none !important; }
.offcanvas-footer .orderButton:hover { background: #4338ca !important; }
.closing-button-1 { background: var(--theme-card-bg) !important; border: 1px solid var(--theme-border) !important; border-radius: 50% !important; width: 36px !important; height: 36px !important; display: flex !important; align-items: center; justify-content: center; transition: all 0.2s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.closing-button-1:hover { background: var(--theme-danger-light) !important; border-color: var(--theme-danger) !important; color: var(--theme-danger) !important; }
.offcanvas-footer .input-group .form-control { border-radius: 10px 0 0 10px !important; border: 1px solid var(--theme-border) !important; font-family: var(--theme-font) !important; }
.offcanvas-footer .input-group .btn { border-radius: 0 10px 10px 0 !important; font-family: var(--theme-font) !important; font-weight: 600 !important; }
.underline { border-bottom-color: var(--theme-border) !important; }
.h-100vh .text-muted.fs-2 { font-family: var(--theme-font) !important; color: var(--theme-text-muted) !important; font-weight: 300 !important; }
.dark .navbar.bg-white,
.dark .navbar.bg-change-mode { background: var(--dk-card) !important; border-bottom-color: var(--dk-border) !important; }
.dark .sidebares,
.dark .sidebares.bg-white,
.dark .sidebares.bg-change-mode { background: #0a1022 !important; border-right: none !important; }
.dark .sidebares::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08) !important; }
.dark .pos-user-avatar { background: rgba(79,70,229,0.15); }
.dark .pos-user-name { color: var(--dk-text) !important; }
.dark .pos-action-btn { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; color: var(--dk-text-secondary) !important; }
.dark .pos-action-btn:hover { background: var(--theme-accent) !important; color: #fff !important; }
.dark .pos-calculator-box { background: var(--dk-card) !important; }
.dark .pos-calc-display input { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; color: var(--dk-text) !important; }
.dark .pos-calc-grid button { background: var(--dk-surface) !important; color: var(--dk-text) !important; }
.dark .pos-calc-grid button:hover { background: var(--dk-border) !important; }
.dark .pos-calc-grid button.calc-op { background: rgba(79,70,229,0.15) !important; color: #818cf8 !important; }
.dark .pos-calc-grid button.calc-clear { background: rgba(239,68,68,0.12) !important; color: #f87171 !important; }
.dark .offer-box { background: var(--theme-danger) !important; }
.dark .offcanvas-footer { background: var(--dk-card) !important; border-top-color: var(--dk-border) !important; }
.dark .offcanvas-footer .fw-600,
.dark .offcanvas-footer .fw-semibold { color: var(--dk-text) !important; }
.dark .offcanvas-footer .underline-2 { border-top-color: var(--dk-border); }
.dark .closing-button-1 { background: var(--dk-surface) !important; border-color: var(--dk-border) !important; color: var(--dk-text) !important; }
.dark .offcanvas-footer .input-group .form-control { background-color: var(--dk-input) !important; border-color: var(--dk-border) !important; color: var(--dk-text) !important; }
.dark .offcanvas .price-range .circle { background: rgba(79,70,229,0.15) !important; border-color: var(--theme-accent) !important; }
.dark .offcanvas .price-range input { color: var(--dk-text) !important; }
.shared-cart-modal .modal-content { border-radius: 18px !important; overflow: hidden; }
.shared-cart-modal .modal-header { padding: 20px 24px 8px !important; }
.shared-cart-modal .modal-header .modal-title { font-family: var(--theme-font) !important; color: var(--theme-text-primary); font-size: 0.95rem; }
.shared-cart-modal .modal-body { padding: 16px 24px 24px !important; }
.shared-cart-code-input { font-family: 'Inter', monospace !important; letter-spacing: 0.35em !important; border: 2px solid var(--theme-border) !important; border-radius: 12px !important; padding: 12px 16px !important; transition: border-color 0.2s ease; }
.shared-cart-code-input:focus { border-color: var(--theme-accent) !important; box-shadow: 0 0 0 3px rgba(79,70,229,0.1) !important; }
.shared-cart-btn { background: var(--theme-accent) !important; border: none !important; border-radius: 12px !important; padding: 10px 20px !important; font-family: var(--theme-font) !important; font-size: 0.85rem !important; transition: all 0.2s ease; }
.shared-cart-btn:hover { background: #4338ca !important; transform: translateY(-1px); }
.shared-cart-share-btn { background: var(--theme-accent-light) !important; color: var(--theme-accent) !important; font-family: var(--theme-font) !important; transition: all 0.2s ease; }
.shared-cart-share-btn:hover { background: var(--theme-accent) !important; color: #fff !important; }
.shared-cart-code-display { background: var(--theme-body-bg); border-radius: 14px; padding: 16px 20px; display: inline-block; }
.shared-cart-code-text { font-family: 'Inter', monospace !important; font-size: 2rem !important; font-weight: 800 !important; letter-spacing: 0.3em; color: var(--theme-accent); }
.shared-cart-qr { border-radius: 12px; border: 1px solid var(--theme-border); padding: 8px; background: #fff; }
.dark .shared-cart-code-input { background: var(--dk-input) !important; border-color: var(--dk-border) !important; color: var(--dk-text) !important; }
.dark .shared-cart-code-input:focus { border-color: var(--theme-accent) !important; }
.dark .shared-cart-code-display { background: var(--dk-surface); }
.dark .shared-cart-code-text { color: #818cf8; }
.dark .shared-cart-share-btn { background: rgba(79,70,229,0.15) !important; color: #818cf8 !important; }
.dark .shared-cart-share-btn:hover { background: var(--theme-accent) !important; color: #fff !important; }
.dark .shared-cart-qr { border-color: var(--dk-border); }
@media only screen and (min-width: 768px) and (max-width: 3216px) {
  .moveing-img { height: 250px; }
}
@media only screen and (min-width: 200px) and (max-width: 767px) {
  .moveing-img { height: 180px; }
}
@media screen and (min-device-width: 376px) and (max-device-width: 420px) {
  .sidebares { top: 65px; width: 100%; border-right: 0px solid var(--bs-secondary); border-bottom: 1px solid var(--bs-secondary) !important; padding: 10px 5px !important; }
  .imgs { height: 200px; }
}
@media screen and (min-device-width: 200px) and (max-device-width: 375px) {
  .imgs { height: 190px; }
}
@media screen and (min-device-width: 576px) and (max-device-width: 767px) {
  .sidebares { top: 62px; width: 100%; border-right: 0px solid var(--bs-secondary); border-bottom: 1px solid var(--bs-secondary) !important; padding: 10px 10px !important; }
  .imgs { height: 200px; }
}
@media screen and (min-device-width: 425px) and (max-device-width: 768px) {
  .imgs { height: 250px; }
}
@media screen and (min-device-width: 421px) and (max-device-width: 424px) {
  .imgs { height: 200px; }
}
@media screen and (min-device-width: 200px) and (max-device-width: 576px) {
  .total-pay1 { width: 100%; }
  .sidebares { top: 62px; width: 100%; border-right: 0px solid var(--bs-secondary); border-bottom: 1px solid var(--bs-secondary) !important; padding: 10px 10px !important; }
}
@media screen and (min-device-width: 200px) and (max-device-width: 767px) {
  .logo-size { height: 35px; }
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {
  .sidebares { border-right: 1px solid var(--bs-secondary); }
}
@media screen and (min-device-width: 845px) and (max-device-width: 2560px) {
  .sidebares { top: 0; bottom: 0; overflow-y: scroll; height: 100%; border-right: 1px solid var(--bs-secondary); padding: 90px 10px !important; }
}
@media screen and (min-device-width: 768px) and (max-device-width: 844px) {
  .sidebares { top: 77px; width: 100%; border-right: 0px solid var(--bs-secondary); border-bottom: 1px solid var(--bs-secondary) !important; padding: 10px 10px !important; }
  .d-contents-flex { display: flex !important; flex-direction: row !important; }
}