.belle-popup-lock { overflow: hidden !important; }
.belle-popup { position: fixed; inset: 0; z-index: 999999; opacity: 0; transition: opacity .18s ease; }
.belle-popup.is-open { opacity: 1; }
.belle-popup__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, var(--belle-popup-overlay, .72)); backdrop-filter: blur(3px); }
.belle-popup__dialog { position: absolute; top: 50%; left: 50%; width: min(calc(100vw - 40px), var(--belle-popup-width, 760px)); max-height: calc(100vh - 40px); overflow: hidden; outline: 0; border-radius: var(--belle-popup-radius, 12px); background: #fff; box-shadow: 0 28px 80px rgba(0,0,0,.3); transform: translate(-50%, calc(-50% + 12px)) scale(.985); transition: width .18s ease, transform .2s ease; }
.belle-popup.is-open .belle-popup__dialog { transform: translate(-50%, -50%) scale(1); }
.belle-popup__close { position: absolute; z-index: 5; top: 12px; right: 12px; display: grid; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid rgba(0,0,0,.08); border-radius: 50%; color: #111; background: rgba(255,255,255,.94); box-shadow: 0 5px 18px rgba(0,0,0,.14); font: 300 30px/1 Arial,sans-serif; cursor: pointer; transition: transform .15s ease, background .15s ease; }
.belle-popup__close:hover { background: #fff; transform: scale(1.05); }
.belle-popup__slides { position: relative; overflow: hidden; user-select: none; touch-action: pan-y; cursor: grab; background: #fff; }
.belle-popup__slides.is-dragging { cursor: grabbing; }
.belle-popup__slide { display: none; }
.belle-popup__slide.is-active { display: block; animation: bellePopupFade .24s ease; }
.belle-popup__slide img { display: block; width: 100%; height: auto; object-fit: cover; }
.belle-popup__navigation { display: flex; align-items: center; justify-content: center; gap: 46px; width: 100%; min-height: 50px; padding: 3px 18px 5px; margin: 0; background: transparent; }
.belle-popup__arrow { display: inline-flex; align-items: center; gap: 11px; min-height: 40px; padding: 6px 0 !important; border: 0 !important; border-radius: 0 !important; color: #111 !important; background: transparent !important; box-shadow: none !important; font: 750 13px/1.2 Arial,sans-serif; letter-spacing: .01em; cursor: pointer; opacity: .94; transition: opacity .2s ease, transform .2s ease; }
.belle-popup__arrow:hover { color: #000 !important; background: transparent !important; opacity: 1; }
.belle-popup__arrow.is-prev:hover { transform: translateX(-3px); }
.belle-popup__arrow.is-next:hover { transform: translateX(3px); }
.belle-popup__arrow:focus-visible { outline: 1px solid #111; outline-offset: 4px; }
.belle-popup__nav-icon { position: relative; display: block; width: 29px; height: 2px; background: currentColor; }
.belle-popup__nav-icon::after { content: ""; position: absolute; top: -4px; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
.belle-popup__arrow.is-prev .belle-popup__nav-icon::after { left: 0; transform: rotate(-135deg); }
.belle-popup__arrow.is-next .belle-popup__nav-icon::after { right: 0; transform: rotate(45deg); }
.belle-popup__dots { position: absolute; z-index: 3; bottom: 14px; left: 50%; display: flex; gap: 7px; padding: 7px 10px; border-radius: 999px; background: rgba(0,0,0,.38); transform: translateX(-50%); }
.belle-popup__dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.52); cursor: pointer; }
.belle-popup__dots button.is-active { background: #fff; transform: scale(1.25); }
.belle-popup__actions { display: flex; gap: 10px; padding: 16px; border-top: 1px solid #ececec; background: #fff; }
.belle-popup__button { flex: 1; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; border: 1px solid #111; border-radius: 7px; font-size: 14px; font-weight: 650; text-align: center; text-decoration: none !important; transition: opacity .15s ease, transform .15s ease; }
.belle-popup__button:hover { opacity: .86; transform: translateY(-1px); }
.belle-popup__button.is-primary { color: #fff !important; background: #111; }
.belle-popup__button.is-secondary { color: #111 !important; background: #fff; }
.belle-popup__helper { position: fixed; z-index: 1000002; top: 58%; display: flex; align-items: center; gap: 9px; width: var(--belle-helper-expanded-width, 180px); max-width: calc(100vw - 24px); min-width: 46px; min-height: 46px; padding: 10px 15px; border: 1px solid rgba(255,255,255,.15); color: #fff; background: #111; box-shadow: 0 10px 30px rgba(0,0,0,.2); box-sizing: border-box; overflow: hidden; font-size: 13px; font-weight: 650; white-space: nowrap; cursor: pointer; transform: translateY(-50%); transition: width .42s cubic-bezier(.22,.72,.2,1), padding .42s cubic-bezier(.22,.72,.2,1), gap .42s cubic-bezier(.22,.72,.2,1), background .15s ease; }
.belle-popup__helper.is-right { right: 0; border-radius: 8px 0 0 8px; }
.belle-popup__helper.is-left { left: 0; border-radius: 0 8px 8px 0; }
.belle-popup__helper-icon { display: grid; flex: 0 0 22px; width: 22px; height: 22px; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; font-family: Georgia,serif; font-size: 14px; }
.belle-popup__helper-text { max-width: 190px; overflow: hidden; opacity: 1; transition: max-width .38s cubic-bezier(.22,.72,.2,1), opacity .24s ease; }
.belle-popup__helper.is-collapsed { width: 46px; padding: 10px 11px; gap: 0; }
.belle-popup__helper.is-collapsed .belle-popup__helper-text { max-width: 0; opacity: 0; }
@media (hover: hover) and (pointer: fine) {
	.belle-popup__helper.is-collapsed:hover,
	.belle-popup__helper.is-collapsed:focus-visible { width: var(--belle-helper-expanded-width, 180px); padding: 10px 15px; gap: 9px; background: #000; }
	.belle-popup__helper.is-collapsed:hover .belle-popup__helper-text,
	.belle-popup__helper.is-collapsed:focus-visible .belle-popup__helper-text { max-width: 190px; opacity: 1; }
}
@keyframes bellePopupFade { from { opacity: .35; } to { opacity: 1; } }
@media (max-width: 600px) {
	.belle-popup__dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
	.belle-popup__close { top: 9px; right: 9px; width: 40px; height: 40px; }
	.belle-popup__navigation { gap: 28px; min-height: 46px; padding: 2px 12px 4px; }
	.belle-popup__arrow { gap: 8px; min-height: 38px; font-size: 12px; }
	.belle-popup__nav-icon { width: 24px; }
	.belle-popup__actions { flex-direction: column; padding: 12px; }
	.belle-popup__helper { top: 58%; bottom: auto; transform: translateY(-50%); }
	.belle-popup__helper.is-right { right: 0 !important; left: auto !important; border-radius: 8px 0 0 8px !important; }
	.belle-popup__helper.is-left { right: auto !important; left: 0 !important; border-radius: 0 8px 8px 0 !important; }
}
@media (prefers-reduced-motion: reduce) { .belle-popup, .belle-popup__dialog, .belle-popup__slide.is-active { transition: none; animation: none; } }
