/*
 * Ring Sizing Down prototype: desktop-only progressive disclosure.
 * Native <details> preserves keyboard interaction and has a no-JS fallback.
 */
@media (min-width: 782px) {
	/* Let the page own scrolling; never trap the configurator in a nested pane. */
	.qjr-pdp-v3 .qjr-order-card-v3 {
		position: static !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		scrollbar-gutter: auto;
	}

	.qjr-pdp-v3 .qjr-order-card-v3 .qjr-order-card__body > .wp-block-woocommerce-add-to-cart-form {
		padding-bottom: 104px;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-sections {
		display: grid;
		grid-column: 1 / -1;
		gap: 12px;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section {
		border: 1px solid var(--wp--preset--color--border-default);
		border-radius: 10px;
		background: var(--wp--preset--color--bg-base);
		overflow: clip;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section[open] {
		border-color: var(--wp--preset--color--bg-brand);
		box-shadow: 0 2px 10px rgba(32, 74, 72, .08);
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section > summary {
		display: flex;
		align-items: center;
		gap: 12px;
		min-height: 62px;
		padding: 14px 18px;
		cursor: pointer;
		list-style: none;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section > summary::-webkit-details-marker {
		display: none;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section > summary::before {
		content: "";
		inline-size: 9px;
		block-size: 9px;
		flex: 0 0 auto;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg) translateY(-2px);
		transition: transform 150ms ease;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section[open] > summary::before {
		transform: rotate(225deg) translate(-2px, -1px);
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section > summary:focus-visible {
		outline: 3px solid var(--wp--preset--color--bg-brand);
		outline-offset: -3px;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section__title {
		color: var(--wp--preset--color--fg-primary);
		font-size: .9375rem;
		font-weight: 800;
		line-height: 1.25;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section__status {
		margin-inline-start: auto;
		color: var(--wp--preset--color--fg-secondary);
		font-size: .8125rem;
		line-height: 1.35;
		text-align: right;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section.is-complete > summary {
		background: #edf4f3;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section.is-complete .qjr-form-section__status {
		color: var(--wp--preset--color--bg-brand);
		font-weight: 700;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section__body {
		display: grid;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		gap: 18px;
		padding: 4px 18px 20px;
		border-top: 1px solid var(--wp--preset--color--border-default);
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section__body > .gfield {
		grid-column: 1 / -1;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section__body > .gfield.gfield--width-half {
		grid-column: span 6;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section__body > .gfield.gfield--width-third {
		grid-column: span 4;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section__body > .gfield.gfield--width-quarter {
		grid-column: span 3;
	}

	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section__body > .gfield.gform_validation_container,
	.qjr-pdp-v3 #gform_wrapper_87 .qjr-form-section__body > .gfield.gform_hidden {
		display: none !important;
	}
}