/* Accordion Pro minimal styles */
.wpap-accordion { --content-width: var(--wp--style--global--content-size, 1140px); --gutter-max: 640px; --media-max: clamp(160px, 18vw, 520px); }
.wpap-accordion__header { position: relative; max-width: var(--content-width); margin: 16px auto; display: grid; grid-template-columns: var(--media-col) 1fr auto; gap: 16px; align-items: center; --gutter: clamp(0px, calc(50vw - var(--content-width) / 2), var(--gutter-max)); --media-col: clamp(0px, var(--gutter), var(--media-max)); }
.wpap-accordion__titles { min-width: 0; }
.wpap-accordion__title { margin: 0; }
.wpap-accordion__subtitle { margin: 0; opacity: .85; }
/* Make the entire header clickable via overlay button */
.wpap-accordion__toggle { position: absolute; inset: 0; width: auto; height: auto; background: none; border: 0; cursor: pointer; color: inherit; padding: 0; border-radius: 0; z-index: 2; }
.wpap-accordion__toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.wpap-accordion__toggle .wpap-ico { position: absolute; right: 0; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); display: inline-block; }
.wpap-accordion__toggle .wpap-ico::before, .wpap-accordion__toggle .wpap-ico::after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background: currentColor; transform: translateY(-50%); }
.wpap-accordion__toggle .wpap-ico::after { transform: translateY(-50%) rotate(90deg); transition: transform .2s ease; }
.wpap-accordion__toggle[aria-expanded="true"] .wpap-ico::after { transform: translateY(-50%) rotate(0deg); }

/* Group spacing and separators */
.wpap-accordion-group .wpap-accordion { padding: 12px 0; }
.wpap-accordion-group .wpap-accordion + .wpap-accordion { border-top: 1px solid rgba(0,0,0,.08); }

/* Left-gutter media column */
.wpap-accordion__media { width: var(--media-col); overflow: hidden; pointer-events: none; align-self: center; }
.wpap-accordion__media img { display: block; width: var(--media-max); height: auto; object-fit: contain; transform: translateX(calc(var(--media-col) - var(--media-max))); }

/* Panel: full-bleed background with inner container */
.wpap-accordion__panel { position: relative; margin: 12px 0 0; }
.wpap-accordion__panel::before { content: ""; position: absolute; inset: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: #E5E5E5; z-index: 0; }
.wpap-accordion__panel-inner { position: relative; z-index: 1; max-width: var(--content-width); margin: 0 auto; padding: 16px; }

.wpap-accordion__panel[hidden] { display: none; }

@media (max-width: 1200px) { :root { --gutter-max: 360px; } }
@media (max-width: 992px) {
	/* На узких экранах показываем медиа над заголовком, на всю ширину контейнера */
	.wpap-accordion__header { --media-col: 0px; grid-template-columns: 1fr auto; grid-template-rows: auto auto; }
	.wpap-accordion__media { width: 100%; grid-column: 1 / -1; margin: 0 0 8px 0; pointer-events: auto; }
	.wpap-accordion__media img { width: 100%; max-width: 100%; height: auto; transform: none; }
}