/**
 * "О СОРТЕ" specification card — single product page.
 * Light warm styling matching the catalog theme (white surface, gold accent,
 * serif heading). Shop-archive styles live in catalog.css.
 */

.ber4u-specs {
	--b4u-gold: #d4a03c;
	--b4u-gold-dark: #b9862c;
	--b4u-surface: #ffffff;
	--b4u-row: #faf7f2;
	--b4u-row-alt: #f4efe6;
	--b4u-border: #e9e1d2;
	--b4u-title: #23201a;
	--b4u-label: #2b2620;
	--b4u-value: #8b8371;

	display: block;
	margin: 2.5rem 0;
	padding: 0;
	background: var(--b4u-surface);
	border: 1px solid var(--b4u-border);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(35, 32, 26, 0.05);
	color: var(--b4u-label);
}

.ber4u-specs__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.1rem 1.35rem;
	cursor: pointer;
	list-style: none;
	border-bottom: 1px solid var(--b4u-border);
}

/* Hide the native disclosure marker across browsers. */
.ber4u-specs__head::-webkit-details-marker { display: none; }
.ber4u-specs__head::marker { content: ""; }

.ber4u-specs__title {
	position: relative;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 1.35rem;
	font-weight: 600;
	color: var(--b4u-title);
	padding-left: 0.9rem;
}
/* Small gold accent bar before the title. */
.ber4u-specs__title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 1.05em;
	background: var(--b4u-gold);
	border-radius: 2px;
}

/* The "+" / "−" toggle, driven purely by the open state. */
.ber4u-specs__toggle {
	position: relative;
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
}
.ber4u-specs__toggle::before,
.ber4u-specs__toggle::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13px;
	height: 2.5px;
	background: var(--b4u-gold);
	border-radius: 2px;
	transform: translate(-50%, -50%);
	transition: opacity 0.15s ease;
}
.ber4u-specs__toggle::after { transform: translate(-50%, -50%) rotate(90deg); }
.ber4u-specs[open] .ber4u-specs__toggle::after { opacity: 0; }

.ber4u-specs__list {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 0.75rem;
}

.ber4u-specs__row {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	padding: 0.8rem 0.9rem;
	background: var(--b4u-row);
	border-radius: 10px;
}
.ber4u-specs__row:nth-child(even) { background: var(--b4u-row-alt); }

.ber4u-specs__icon {
	font-size: 1.3rem;
	line-height: 1.35;
	flex: 0 0 auto;
	width: 1.9rem;
	text-align: center;
}

.ber4u-specs__body {
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
	min-width: 0;
}

.ber4u-specs__label {
	font-weight: 600;
	font-size: 0.97rem;
	color: var(--b4u-label);
}

.ber4u-specs__value {
	font-size: 0.9rem;
	line-height: 1.4;
	color: var(--b4u-value);
	overflow-wrap: anywhere;
}

@media (max-width: 480px) {
	.ber4u-specs { margin: 1.75rem 0; }
	.ber4u-specs__head { padding: 0.95rem 1.05rem; }
	.ber4u-specs__icon { font-size: 1.15rem; }
}