/**
 * IOY layout guards on Bee1 Ultra.
 * Container width is owned by parent Customizer (generate_settings[container_width]).
 */

/* ULG archive gutters — products must not touch the viewport edge (RTL-safe). */
.bee1-ulg-shell {
	box-sizing: border-box;
	padding-inline: clamp(16px, 2vw, 32px);
}

/* Prefer clip over hidden so full-bleed sections do not shift the page. */
html,
body {
	overflow-x: clip;
}

/*
 * Desktop filters: white panel on #efefef archive bg looks unfinished ("torn").
 * Match page background; keep mobile drawer as a solid sheet.
 */
@media (min-width: 1025px) {
	.bee1-ulg-shell .bee1-ulg-filters-panel {
		background-color: transparent;
		border: 0;
		box-shadow: none;
	}
}

/*
 * Mobile PhotoSwipe: UI auto-hides (pswp__ui--hidden → top-bar opacity ~0),
 * so the close X disappears. Keep a clear, tappable close control.
 */
@media (max-width: 1024px) {
	.pswp__ui--hidden .pswp__top-bar,
	.pswp__ui--idle .pswp__top-bar {
		opacity: 1 !important;
		visibility: visible !important;
	}

	.pswp__button--close {
		opacity: 1 !important;
		visibility: visible !important;
		width: 48px !important;
		height: 48px !important;
		margin-block-start: max(8px, env(safe-area-inset-top, 0px));
		margin-inline-start: 8px;
		border-radius: 999px;
		z-index: 1600;
		/* PhotoSwipe `background` shorthand clears bg-color — use shadow disc. */
		box-shadow: 0 0 0 24px rgba(0, 0, 0, 0.45);
	}

	.pswp__ui--hidden .pswp__button--close,
	.pswp__ui--idle .pswp__button--close {
		opacity: 1 !important;
		visibility: visible !important;
	}
}