html { overflow-x: hidden; } body { overflow-x: hidden; max-width: 100%; } .before-after .tab-panel { display: none !important; } .before-after .tab-panel.active { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 24px; }  .before-after .tab.active, .before-after .tab:hover { background: #FFD400 !important; border-color: #FFD400 !important; color: #000000 !important; } .before-after .tabs-see-all:hover { background: #FFD400 !important; border-color: #FFD400 !important; color: #000000 !important; }  @media (min-width: 768px) { .ba-nav { display: none; } }  .ba-slider { cursor: ew-resize; user-select: none; -webkit-user-select: none; } .ba-before, .ba-after { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; pointer-events: none; display: block; } .ba-after { clip-path: inset(0 50% 0 0); }  .ba-handle { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #FFFFFF; transform: translateX(-50%); z-index: 3; cursor: ew-resize; display: flex; align-items: center; justify-content: center; } .ba-handle-circle { width: 36px; height: 36px; background: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; gap: 1px; box-shadow: 0 2px 10px rgba(0,0,0,0.22); flex-shrink: 0; } .ba-arrow { font-size: 15px; font-weight: 700; color: #1A1A1A; line-height: 1; }  .ba-label { position: absolute; bottom: 12px; font-family: 'Futura', sans-serif; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; background: rgba(0,0,0,0.55); color: #FFFFFF; padding: 4px 10px; border-radius: 4px; pointer-events: none; z-index: 2; } .ba-label-before { left: 12px; } .ba-label-after { right: 12px; }  .ba-placeholder-before { position: absolute; inset: 0; background: linear-gradient(135deg, #c8bdb4, #b8a89e); pointer-events: none; } .ba-placeholder-after { position: absolute; inset: 0; background: linear-gradient(135deg, #e0d5cc, #d0c0b4); pointer-events: none; clip-path: inset(0 50% 0 0); }  @media (max-width: 1023px) { .before-after .tab-panel.active { grid-template-columns: repeat(2, 1fr) !important; gap: 16px; } .tabs-see-all { margin-left: 0; order: 99; } }  @media (max-width: 767px) { .tabs-see-all.brxe-text-link { margin-left: 0 !important; } .before-after.brxe-section { overflow: hidden !important; } #brxe-lhppsg { overflow: hidden !important; max-width: 100% !important; } #brxe-cpgaub { flex-wrap: wrap !important; overflow-x: visible !important; gap: 8px !important; } .before-after .tab.brxe-button, .tabs-see-all.brxe-text-link { white-space: nowrap !important; font-size: 13px !important; padding: 8px 14px !important; margin-left: 0 !important; }  .before-after .section__title.brxe-heading { font-size: 28px !important; white-space: normal !important; overflow-wrap: break-word !important; word-break: break-word !important; }  .before-after .tabs.brxe-div { overflow-x: visible; flex-wrap: wrap !important; gap: 8px; padding-bottom: 4px; } .before-after .tabs.brxe-div::-webkit-scrollbar { display: none; }  #panel-acne, #panel-pigment, #panel-lifting, #panel-cellulite, #panel-correction { display: none !important; }  #panel-acne.active, #panel-pigment.active, #panel-lifting.active, #panel-cellulite.active, #panel-correction.active { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; -webkit-overflow-scrolling: touch; gap: 16px !important; padding-bottom: 4px; scrollbar-width: none; } #panel-acne.active::-webkit-scrollbar, #panel-pigment.active::-webkit-scrollbar, #panel-lifting.active::-webkit-scrollbar, #panel-cellulite.active::-webkit-scrollbar, #panel-correction.active::-webkit-scrollbar { display: none; }  #panel-acne .ba-card, #panel-pigment .ba-card, #panel-lifting .ba-card, #panel-cellulite .ba-card, #panel-correction .ba-card { flex: 0 0 calc(100vw - 32px) !important; min-width: 0 !important; scroll-snap-align: start !important; } .ba-slider { height: 240px; } .tab, .tabs-see-all { font-size: 13px; padding: 8px 14px; } .tabs-see-all { margin-left: 0; order: 99; }  .ba-nav { display: flex !important; align-items: center; justify-content: center; gap: 20px; margin-top: 24px; } .ba-nav__btn { width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid #1A1A1A !important; background: #FFFFFF !important; display: flex !important; align-items: center; justify-content: center; cursor: pointer; font-size: 22px; line-height: 1; padding: 0; transition: all .2s; }  .ba-nav__btn:not(.is-disabled):active, .ba-nav__btn:not(.is-disabled):hover { background: #FFD400 !important; border-color: #FFD400 !important; }  .ba-nav__btn.is-disabled, #brxe-kinlmt.is-disabled, #brxe-onnuhb.is-disabled { opacity: 0.3 !important; background: #FFFFFF !important; border-color: #1A1A1A !important; color: #1A1A1A !important; cursor: default !important; } .ba-nav__counter { font-family: 'Futura', sans-serif; font-size: 14px; font-weight: 600; color: #666666; min-width: 40px; text-align: center; } #brxe-zgusbi.ba-nav, #brxe-zgusbi { display: flex !important; align-items: center; justify-content: center; gap: 20px; margin-top: 24px; } #brxe-kinlmt, #brxe-onnuhb { background: #FFFFFF !important; color: #1A1A1A !important; border: 1.5px solid #1A1A1A !important; border-radius: 50% !important; width: 52px !important; height: 52px !important; } }