/**
 * Продуктовата страница (ЕТАП D Task 36) - produkt.html 19-84, bmg.css 279-321 (pdp), 641-681 (профил),
 * 568-578 и 683-697 (1100/767). Маркъпът е на Woo (single-product не е override-нат) - стиловете са върху
 * неговите селектори: .bmgf-pdp-top (обвивка на темата в div.product, Task 47) = .pdp, .woocommerce-product-gallery = .gallery, .summary = .buy.
 *
 * Префиксът `.woocommerce #content .bmgf-produkt` (1,2,0) бие woocommerce(-layout).css
 * (`.woocommerce #content div.product div.images` (1,2,2) с div.product → (1,3,1)) - само специфичност.
 * Разрешени по D.5: sticky галерия/лента, position:absolute само за визуално скрития селект (Woo .onsale е absolute от woocommerce.css)
 * (етикет върху снимка), overflow-x на реда с миниатюри (≤767).
 */

/* ======================== РАМКАТА: .bmgf-pdp-top = .pdp (280) ======================== */
/* .pdp държи само галерията и покупката (produkt.html 19-84) - профилът, табовете и свързаните са под
   обвивката в div.product (обикновен блок), за да спре залепената галерия в края на горния ред (Task 47). */
.woocommerce #content .bmgf-produkt div.product {
	display: block;
	padding-top: 10px;
}

.woocommerce #content .bmgf-produkt .bmgf-pdp-top {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	column-gap: 48px;
	row-gap: 0;
	position: relative;
}

/* чужди плъгини на woocommerce_before_single_product_summary - на цялата ширина */
.woocommerce #content .bmgf-produkt .bmgf-pdp-top > * {
	grid-column: 1 / -1;
	min-width: 0;
}

.woocommerce #content .bmgf-produkt div.product > * {
	min-width: 0;
}

.woocommerce #content .bmgf-produkt .bmgf-pdp-top > .woocommerce-product-gallery,
.woocommerce #content .bmgf-produkt .bmgf-pdp-top > .summary {
	float: none;
	width: auto;
	margin: 0 0 56px;
}

/* ======================== ГАЛЕРИЯТА = .gallery (281-286) ======================== */
.woocommerce #content .bmgf-produkt .bmgf-pdp-top > .woocommerce-product-gallery {
	grid-column: 1;
	grid-row: 1;
	align-self: start;
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	gap: 14px;
	align-content: start;
	position: sticky;
	top: 150px;
}

/* галерия, по-висока от екрана минус 150px (main.js слага data-bmgf-tall, Task 49) - не се залепя */
.woocommerce #content .bmgf-produkt .bmgf-pdp-top > .woocommerce-product-gallery[data-bmgf-tall] {
	position: static;
}

/* голямата снимка: .flex-viewport (с flexslider) или самата обвивка (една снимка) = .main-img */
.woocommerce #content .bmgf-produkt .woocommerce-product-gallery > .flex-viewport,
.woocommerce #content .bmgf-produkt .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	grid-column: 2;
	grid-row: 1;
	border: 1px solid var(--bmgf-line);
	border-radius: 20px;
	padding: 24px;
	background: #fff;
	margin: 0;
}

/* само една снимка (без миниатюри) - на цялата ширина на галерията */
.woocommerce #content .bmgf-produkt .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) > .flex-viewport,
.woocommerce #content .bmgf-produkt .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) > .woocommerce-product-gallery__wrapper {
	grid-column: 1 / -1;
}

.woocommerce #content .bmgf-produkt .woocommerce-product-gallery__image img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

/* миниатюрите = .thumbs (283-285) */
.woocommerce #content .bmgf-produkt .woocommerce-product-gallery ol.flex-control-thumbs {
	grid-column: 1;
	grid-row: 1;
	display: grid;
	gap: 10px;
	align-content: start;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce #content .bmgf-produkt .woocommerce-product-gallery ol.flex-control-thumbs li {
	width: auto;
	float: none;
	margin: 0;
	clear: none;
}

.woocommerce #content .bmgf-produkt .woocommerce-product-gallery ol.flex-control-thumbs li img {
	border: 1.5px solid var(--bmgf-line);
	border-radius: 10px;
	padding: 4px;
	background: #fff;
	opacity: 1;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	cursor: pointer;
}

.woocommerce #content .bmgf-produkt .woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active {
	border-color: var(--bmgf-navy);
}

/* лупата на Woo - кръгче в ъгъла на снимката */
.woocommerce #content .bmgf-produkt .woocommerce-product-gallery__trigger {
	top: 14px;
	right: 14px;
	background: #fff;
	border: 1px solid var(--bmgf-line);
	z-index: 2;
}

/* „Промоция" (Woo .onsale, absolute от woocommerce.css) = .card-flag.red - етикет върху снимката */
.woocommerce #content .bmgf-produkt .bmgf-pdp-top > span.onsale {
	top: 26px;
	left: 106px;
	right: auto;
	z-index: 3;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 4px 10px;
	border-radius: 8px;
	background: var(--bmgf-red);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: .02em;
}

/* ======================== ДЯСНАТА КОЛОНА: .summary = .buy (287-291) ======================== */
.woocommerce #content .bmgf-produkt .bmgf-pdp-top > .summary {
	grid-column: 2;
	grid-row: 1;
	display: grid;
	gap: 18px;
	align-content: start;
}

.woocommerce #content .bmgf-produkt .summary > * {
	margin: 0;
	min-width: 0;
}

/* марка · категория = .brand (156) */
.woocommerce #content .bmgf-produkt .summary .bmgf-brand {
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--bmgf-gold-ink);
}

.woocommerce #content .bmgf-produkt .summary h1.product_title {
	font-family: var(--bmgf-f-display);
	font-weight: 700;
	font-size: 38px;
	line-height: 1.06;
	letter-spacing: -.005em;
	text-wrap: balance;
	color: var(--bmgf-ink);
	margin: 0;
	padding: 0;
}

/* оценка = .rate (160-161) */
.woocommerce #content .bmgf-produkt .summary .bmgf-rate {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	font-size: 13px;
	color: var(--bmgf-muted);
}

.woocommerce #content .bmgf-produkt .summary .bmgf-rate .star-rating {
	font-size: 13px;
	color: var(--bmgf-gold);
	margin: 0;
	float: none;
}

.woocommerce #content .bmgf-produkt .summary .bmgf-rate .star-rating::before {
	color: #DCE2EE;
}

.woocommerce #content .bmgf-produkt .summary .bmgf-rate .bmgf-link {
	font-size: 13px;
}

/* цената = .buy-price .price (167, 290) */
.woocommerce #content .bmgf-produkt .summary p.price {
	font-size: 34px;
	font-weight: 800;
	color: var(--bmgf-navy);
	font-variant-numeric: tabular-nums;
	letter-spacing: -.01em;
	line-height: 1.15;
}

.woocommerce #content .bmgf-produkt .summary p.price del {
	color: var(--bmgf-muted);
	opacity: .6;
	font-size: .6em;
	font-weight: 700;
}

.woocommerce #content .bmgf-produkt .summary p.price ins {
	text-decoration: none;
	font-weight: 800;
}

.woocommerce #content .bmgf-produkt .summary p.price .woocommerce-price-suffix,
.woocommerce #content .bmgf-produkt .summary .bmgf-buy__vat {
	color: var(--bmgf-muted);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
}

/* разфасовката е на реда под цената (в пробата - до нея); без избор редът изчезва */
.woocommerce #content .bmgf-produkt .summary .bmgf-buy__vat {
	margin-top: -14px;
}

.woocommerce #content .bmgf-produkt .summary .bmgf-buy__vat:has(> [data-bmgf-size]:empty) {
	display: none;
}

.woocommerce #content .bmgf-produkt .summary .woocommerce-product-details__short-description {
	color: #3A4152;
}

.woocommerce #content .bmgf-produkt .summary .woocommerce-product-details__short-description p {
	margin: 0 0 .6em;
}

.woocommerce #content .bmgf-produkt .summary .woocommerce-product-details__short-description p:last-child {
	margin-bottom: 0;
}

/* наличност (D.4 т.7): изчерпан = малко съобщение за грешка */
.woocommerce #content .bmgf-produkt .summary .stock {
	font-size: 14px;
	font-weight: 700;
	color: var(--bmgf-ok);
}

.woocommerce #content .bmgf-produkt .summary .stock.out-of-stock {
	justify-self: start;
	padding: 10px 14px;
	border-radius: 14px;
	background: #FCE9EC;
	color: var(--bmgf-red);
}

/* ======================== ПРОФИЛ ЛЕНТАТА = .pp-strip (641-654) ======================== */
.bmgf-pp-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	border: 1px solid var(--bmgf-line);
	border-radius: 16px;
	padding: 14px 16px;
}

.bmgf-pp-item {
	display: grid;
	gap: 6px;
	align-content: start;
}

.bmgf-pp-k {
	font-size: 11.5px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--bmgf-muted);
	font-weight: 800;
}

.bmgf-pp-item b {
	font-size: 14.5px;
}

.bmgf-beans {
	display: flex;
	gap: 2px;
	flex-wrap: wrap;
}

.bmgf-bn-i {
	width: 14px;
	height: 14px;
	fill: #DCE2EE;
}

.bmgf-bn-i.is-on {
	fill: var(--bmgf-navy);
}

.bmgf-beans--big .bmgf-bn-i {
	width: 26px;
	height: 26px;
}

.bmgf-roast {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 3px;
	max-width: 120px;
}

.bmgf-roast i {
	height: 9px;
	border-radius: 5px;
	opacity: .28;
}

.bmgf-roast i.is-on {
	opacity: 1;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--bmgf-navy);
}

.bmgf-r0 {
	background: #D7B48A;
}

.bmgf-r1 {
	background: #A26B38;
}

.bmgf-r2 {
	background: #6E4220;
}

.bmgf-r3 {
	background: #38200E;
}

.bmgf-prep {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.bmgf-prep .bmgf-ico {
	width: 24px;
	height: 24px;
	color: var(--bmgf-navy);
}

/* ======================== ВАРИАЦИИТЕ: разфасовката = .size-opts (296-301) ======================== */
.woocommerce #content .bmgf-produkt form.variations_form table.variations {
	border: 0;
	margin: 0;
	width: 100%;
}

.woocommerce #content .bmgf-produkt form.variations_form table.variations tr {
	display: grid;
	gap: 8px;
	margin-bottom: 12px;
}

.woocommerce #content .bmgf-produkt form.variations_form table.variations th.label,
.woocommerce #content .bmgf-produkt form.variations_form table.variations td.label,
.woocommerce #content .bmgf-produkt form.variations_form table.variations td.value {
	display: block;
	padding: 0;
	border: 0;
	line-height: 1.4;
	text-align: left;
}

.woocommerce #content .bmgf-produkt form.variations_form table.variations .label label {
	font-weight: 700;
	font-size: 14.5px;
	margin: 0;
}

.woocommerce #content .bmgf-produkt form.variations_form table.variations td.value {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
}

/* при 2+ атрибута селектите остават - видът на полетата (bmg.css 356) */
.woocommerce #content .bmgf-produkt form.variations_form table.variations select {
	min-width: 0;
	max-width: 100%;
	margin: 0;
	font: inherit;
	font-size: 15px;
	border: 1.5px solid #CCD5E6;
	border-radius: 12px;
	padding: 11px 14px;
	background-color: #fff;
	color: var(--bmgf-ink);
}

/* селектът зад бутоните - визуално скрит, достъпен за четец на екрана (разрешено) */
.woocommerce #content .bmgf-produkt form.variations_form table.variations select.bmgf-size-opts__select {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	opacity: 0;
	pointer-events: none;
}

.bmgf-size-opts {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.bmgf-size {
	border: 1.5px solid #CCD5E6;
	border-radius: 14px;
	background: #fff;
	padding: 12px 18px;
	cursor: pointer;
	text-align: left;
	display: grid;
	gap: 2px;
	min-width: 130px;
	color: var(--bmgf-ink);
}

.bmgf-size b {
	font-size: 16px;
}

.bmgf-size span {
	font-size: 13.5px;
	color: var(--bmgf-muted);
}

.bmgf-size[aria-pressed="true"] {
	border-color: var(--bmgf-navy);
	box-shadow: inset 0 0 0 1px var(--bmgf-navy);
	background: var(--bmgf-sky);
}

.bmgf-size:disabled {
	opacity: .45;
	cursor: not-allowed;
}

/* „Изчистване" = .remove (346) */
.woocommerce #content .bmgf-produkt form.variations_form .reset_variations {
	font-size: 13px;
	color: var(--bmgf-muted);
	text-decoration: underline;
	margin: 0;
}

/* цената на избраната вариация отива в .summary > .price (produkt.js); без JS - изгледът на Woo */
html.js .woocommerce #content .bmgf-produkt .single_variation_wrap .woocommerce-variation-price {
	display: none;
}

.woocommerce #content .bmgf-produkt .single_variation_wrap .woocommerce-variation-description p,
.woocommerce #content .bmgf-produkt .single_variation_wrap .woocommerce-variation-availability p {
	margin: 0 0 12px;
}

/* ======================== КОЛИЧЕСТВО + БУТОН = .qty-row / .qty (302-306) ======================== */
.woocommerce #content .bmgf-produkt form.cart:not(.variations_form),
.woocommerce #content .bmgf-produkt form.variations_form .woocommerce-variation-add-to-cart {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0;
}

.woocommerce #content .bmgf-produkt form.cart::before,
.woocommerce #content .bmgf-produkt form.cart::after {
	content: none;
}

.woocommerce #content .bmgf-produkt .bmgf-qty {
	display: flex;
	align-items: center;
	border: 1.5px solid #CCD5E6;
	border-radius: var(--bmgf-r-pill);
	background: #fff;
	margin: 0;
	float: none;
}

.woocommerce #content .bmgf-produkt .bmgf-qty .quantity {
	display: flex;
	align-items: center;
	margin: 0;
	float: none;
}

.woocommerce #content .bmgf-produkt .bmgf-qty button,
.woocommerce #content .bmgf-produkt .bmgf-qty .dvk-minus,
.woocommerce #content .bmgf-produkt .bmgf-qty .dvk-plus {
	width: 42px;
	height: 46px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: var(--bmgf-r-pill);
	background: transparent;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	color: var(--bmgf-navy);
	box-shadow: none;
}

/* иконите в − / + (SVG на WPCode снипета е 42×42 - запълва бутона): 16px, центрирани, navy (Task 60) */
.woocommerce #content .bmgf-produkt .bmgf-qty button svg,
.woocommerce #content .bmgf-produkt .bmgf-qty .dvk-minus svg,
.woocommerce #content .bmgf-produkt .bmgf-qty .dvk-plus svg {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	color: var(--bmgf-navy);
}

.woocommerce #content .bmgf-produkt .bmgf-qty button:hover {
	background: var(--bmgf-mist);
	color: var(--bmgf-navy);
}

.woocommerce #content .bmgf-produkt .bmgf-qty input.qty {
	width: 44px;
	min-height: 0;
	height: 46px;
	padding: 0;
	margin: 0;
	text-align: center;
	border: 0;
	background: transparent;
	font: inherit;
	font-weight: 800;
	font-size: 16px;
	color: var(--bmgf-ink);
	-moz-appearance: textfield;
	appearance: textfield;
}

.woocommerce #content .bmgf-produkt .bmgf-qty input.qty::-webkit-inner-spin-button,
.woocommerce #content .bmgf-produkt .bmgf-qty input.qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.woocommerce #content .bmgf-produkt .single_add_to_cart_button {
	flex: 1;
	min-height: 50px;
	font-size: 16px;
	float: none;
}

/* ======================== КУТИЯТА ПОД ФОРМАТА = .buy-notes (307-313) ======================== */
.bmgf-buy-notes {
	display: grid;
	gap: 10px;
	border: 1px solid var(--bmgf-line);
	border-radius: 16px;
	padding: 16px 18px;
}

.bmgf-bn {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	font-size: 14.5px;
	color: var(--bmgf-muted);
	line-height: 1.45;
}

.bmgf-bn > span {
	flex: 1;
	min-width: 0;
}

.bmgf-bn b {
	color: var(--bmgf-ink);
}

.bmgf-bn .bmgf-ico {
	width: 22px;
	height: 22px;
	color: var(--bmgf-navy);
	margin-top: 1px;
	flex: none;
}

.bmgf-progress {
	display: block;
	height: 6px;
	border-radius: 3px;
	background: #E1E6F0;
	margin-top: 6px;
	overflow: hidden;
}

.bmgf-progress i {
	display: block;
	height: 100%;
	background: var(--bmgf-ok);
	border-radius: 3px;
}

/* dlp „Спечели N точки" = .bn.gold (309-311); dlp.css е (1,1,0) - тук (2,2,0) */
.woocommerce #content .bmgf-produkt .bmgf-buy-notes #dlp-earn.dlp-earn {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	border-radius: 0;
	font-size: 14.5px;
	line-height: 1.45;
	color: var(--bmgf-muted);
}

.woocommerce #content .bmgf-produkt .bmgf-buy-notes #dlp-earn .dlp-coin {
	width: 22px;
	height: 22px;
	color: var(--bmgf-gold);
	margin-top: 1px;
}

.woocommerce #content .bmgf-produkt .bmgf-buy-notes #dlp-earn .dlp-num {
	color: var(--bmgf-ink);
}

/* ======================== ПРОФИЛЪТ НА КАФЕТО = .profile (655-681) ======================== */
/* фонът --mist до ръба на .bmgf-site: сянка + clip-path (без скрол и без излизане извън 1600px) */
.woocommerce #content .bmgf-produkt div.product > .bmgf-profile {
	background: var(--bmgf-mist);
	box-shadow: 0 0 0 100vmax var(--bmgf-mist), 0 -1px 0 100vmax var(--bmgf-line);
	clip-path: inset(-1px calc((100% - min(100vw, var(--bmgf-site))) / 2) 0);
	padding-block: 56px;
}

.bmgf-pp-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.bmgf-pp-card {
	background: #fff;
	border-radius: 16px;
	padding: 18px 20px;
	display: grid;
	gap: 12px;
	align-content: start;
	border: 1px solid var(--bmgf-line);
}

.bmgf-pp-card h3 {
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--bmgf-muted);
	margin: 0;
	font-family: var(--bmgf-f-body);
}

.bmgf-pp-v {
	margin: 0;
	font-size: 14.5px;
	color: #3A4152;
	display: flex;
	gap: 8px;
	align-items: center;
}

.bmgf-pp-v b {
	color: var(--bmgf-ink);
	font-size: 20px;
}

.bmgf-pp-v .bmgf-ico {
	width: 20px;
	height: 20px;
	color: var(--bmgf-navy);
	flex: none;
}

.bmgf-roast-lg {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px;
}

.bmgf-roast-lg span {
	display: grid;
	gap: 6px;
	font-size: 12.5px;
	color: var(--bmgf-muted);
	text-align: center;
	line-height: 1.25;
}

.bmgf-roast-lg span i {
	height: 12px;
	border-radius: 6px;
	display: block;
	opacity: .3;
}

.bmgf-roast-lg span.is-on {
	color: var(--bmgf-ink);
	font-weight: 800;
}

.bmgf-roast-lg span.is-on i {
	opacity: 1;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--bmgf-navy);
}

.bmgf-note-chip {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	background: var(--bmgf-gold-soft);
	color: var(--bmgf-gold-ink);
	border-radius: var(--bmgf-r-pill);
	padding: 7px 14px;
	font-weight: 800;
	font-size: 14px;
}

.bmgf-pp-card .bmgf-chip:hover {
	border-color: #CCD5E6;
	color: var(--bmgf-ink);
}

/* равни плочки: еднаква ширина (най-дългият надпис „Еспресо машина" ~128px) и височина (Task 65) */
.bmgf-prep-lg {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
	grid-auto-rows: 1fr;
	gap: 10px;
}

.bmgf-prep-lg span {
	display: grid;
	justify-items: center;
	align-content: center;
	gap: 6px;
	background: var(--bmgf-mist);
	border-radius: 14px;
	padding: 12px 10px;
	font-size: 13px;
	font-weight: 700;
	min-width: 0;
	text-align: center;
	overflow-wrap: anywhere;
}

.bmgf-prep-lg .bmgf-ico {
	width: 36px;
	height: 36px;
	color: var(--bmgf-navy);
	stroke-width: 1.5;
}

/* съставът с проценти = .blend (676-680); цветовете - gold / navy от пробата, после токените */
.bmgf-blend {
	display: flex;
	height: 14px;
	border-radius: 7px;
	overflow: hidden;
	background: #DCE2EE;
}

.bmgf-blend i {
	display: block;
	height: 100%;
}

.bmgf-blend-leg {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	font-size: 14px;
	font-weight: 700;
}

.bmgf-blend-leg span {
	display: flex;
	gap: 6px;
	align-items: center;
}

.bmgf-blend-leg i {
	width: 12px;
	height: 12px;
	border-radius: 3px;
	display: block;
}

.bmgf-blend__c1 {
	background: var(--bmgf-gold);
}

.bmgf-blend__c2 {
	background: var(--bmgf-navy);
}

.bmgf-blend__c3 {
	background: #A26B38;
}

.bmgf-blend__c4 {
	background: var(--bmgf-muted);
}

/* ======================== ТАБОВЕТЕ = .ptabs / .ptab / .attr (314-320) ======================== */
.woocommerce #content .bmgf-produkt div.product .woocommerce-tabs {
	border-top: 1px solid var(--bmgf-line);
	padding-block: 40px 64px;
	margin: 0;
}

.woocommerce #content .bmgf-produkt div.product .woocommerce-tabs ul.tabs {
	margin: 0 0 24px;
}

.woocommerce #content .bmgf-produkt div.product .woocommerce-tabs .woocommerce-Tabs-panel {
	max-width: 760px;
	color: #3A4152;
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
}

.woocommerce #content .bmgf-produkt div.product .woocommerce-tabs .woocommerce-Tabs-panel[hidden],
.woocommerce #content .bmgf-produkt div.product .woocommerce-tabs .woocommerce-Tabs-panel[style*="none"] {
	display: none;
}

.woocommerce #content .bmgf-produkt div.product .woocommerce-tabs .woocommerce-Tabs-panel p {
	margin: 0;
}

/* снимки в текста на описанието („Кафето е идеално за:" - иконите на Miscela d'Oro) - в реда на абзаца, както на сегашния сайт (Task 60) */
.woocommerce #content .bmgf-produkt .woocommerce-Tabs-panel--description p img {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	margin-block: 4px;
}

/* абзац с няколко снимки = ред икони: центриран, с отстъп между тях; самостоятелната снимка остава както е */
.woocommerce #content .bmgf-produkt .woocommerce-Tabs-panel--description p:has(img + img) {
	text-align: center;
}

.woocommerce #content .bmgf-produkt .woocommerce-Tabs-panel--description p:has(img + img) img {
	margin-inline: 6px;
}

/* поредни снимки в каквато и да е обвивка (p, h2, strong, em) - в реда, центрирани от text-align на обвивката (Task 63) */
.woocommerce #content .bmgf-produkt .woocommerce-Tabs-panel--description img:has(+ img),
.woocommerce #content .bmgf-produkt .woocommerce-Tabs-panel--description img + img {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	margin: 4px 6px;
}

/* заглавието в панела повтаря таба (в пробата го няма) */
.woocommerce #content .bmgf-produkt .woocommerce-Tabs-panel--description > h2:first-child:not(:has(img)),
.woocommerce #content .bmgf-produkt .woocommerce-Tabs-panel--additional_information > h2:first-child {
	display: none;
}

.woocommerce #content .bmgf-produkt table.woocommerce-product-attributes {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	max-width: 560px;
	font-size: 15px;
	margin: 0;
}

.woocommerce #content .bmgf-produkt table.woocommerce-product-attributes th,
.woocommerce #content .bmgf-produkt table.woocommerce-product-attributes td {
	text-align: left;
	padding: 12px 0;
	border: 0;
	border-bottom: 1px solid var(--bmgf-line);
	background: transparent;
	font-style: normal;
	line-height: 1.5;
}

.woocommerce #content .bmgf-produkt table.woocommerce-product-attributes th {
	width: 40%;
	color: var(--bmgf-muted);
	font-weight: 600;
}

.woocommerce #content .bmgf-produkt table.woocommerce-product-attributes td p {
	margin: 0;
	padding: 0;
}

/* ======================== СВЪРЗАНИ / ДОПЪЛНИТЕЛНИ = .sec(tight) + .h2 30px ======================== */
.woocommerce #content .bmgf-produkt div.product > .related.products,
.woocommerce #content .bmgf-produkt div.product > .upsells.products {
	padding-block: 0 72px;
	margin: 0;
}

.woocommerce #content .bmgf-produkt div.product > .related.products > h2,
.woocommerce #content .bmgf-produkt div.product > .upsells.products > h2 {
	font-family: var(--bmgf-f-display);
	font-weight: 700;
	font-size: 30px;
	line-height: 1.12;
	letter-spacing: -.005em;
	color: var(--bmgf-ink);
	margin: 0 0 28px;
}

/* ======================== МОБИЛНАТА ЛЕНТА = .sticky-buy (321, 576-578) ======================== */
.bmgf-sticky-buy {
	display: none;
}

/* ======================== ТАБЛЕТ (≤1100, 683-685) ======================== */
@media (max-width: 1100px) {
	.woocommerce #content .bmgf-produkt .bmgf-pdp-top > .woocommerce-product-gallery {
		position: static;
	}

	.bmgf-pp-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ======================== ТЕЛЕФОН (≤767, 568-578, 686-697) ======================== */
@media (max-width: 767px) {
	.woocommerce #content .bmgf-produkt .bmgf-pdp-top {
		grid-template-columns: minmax(0, 1fr);
	}

	/* табовете = .tabs на цялата ширина, три бутона на един ред (549-550); по-дългият етикет взима
	   повече място и се пренася вътре в бутона, но бутонът не става по-тесен от най-дългата си дума
	   (min-width:auto) - иначе „Допълнителна" прелива върху „Отзиви" (Task 54) */
	.woocommerce #content .bmgf-produkt div.product .woocommerce-tabs ul.tabs {
		display: flex;
		width: 100%;
		flex-wrap: nowrap;
	}

	.woocommerce #content .bmgf-produkt div.product .woocommerce-tabs ul.tabs li {
		flex: 1 1 auto;
		min-width: auto;
		display: flex;
	}

	.woocommerce #content .bmgf-produkt div.product .woocommerce-tabs ul.tabs li a {
		flex: 1 1 auto;
		display: grid;
		place-items: center;
		padding: 9px 10px;
		text-align: center;
		line-height: 1.25;
		overflow-wrap: break-word;
	}

	.woocommerce #content .bmgf-produkt .bmgf-pdp-top > .woocommerce-product-gallery {
		grid-column: 1;
		grid-row: 1;
		grid-template-columns: minmax(0, 1fr);
		margin-bottom: 20px;
	}

	.woocommerce #content .bmgf-produkt .bmgf-pdp-top > .summary {
		grid-column: 1;
		grid-row: 2;
	}

	.woocommerce #content .bmgf-produkt .woocommerce-product-gallery > .flex-viewport,
	.woocommerce #content .bmgf-produkt .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
		grid-column: 1;
		padding: 12px;
	}

	/* миниатюрите - в ред под снимката, хоризонтален скрол на реда със снимки (разрешено) */
	.woocommerce #content .bmgf-produkt .woocommerce-product-gallery ol.flex-control-thumbs {
		grid-column: 1;
		grid-row: 2;
		grid-auto-flow: column;
		grid-auto-columns: 64px;
		justify-content: start;
		overflow-x: auto;
	}

	.woocommerce #content .bmgf-produkt .bmgf-pdp-top > span.onsale {
		top: 22px;
		left: 12px;
	}

	.woocommerce #content .bmgf-produkt .summary h1.product_title {
		font-size: 26px;
	}

	.woocommerce #content .bmgf-produkt .summary p.price {
		font-size: 28px;
	}

	.bmgf-pp-strip {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	.bmgf-pp-item {
		grid-template-columns: 96px minmax(0, 1fr) auto;
		align-items: center;
	}

	/* „Подходящо за": иконите се пренасят в колоната си, текстът без икона - под тях (нищо не се застъпва) */
	.bmgf-pp-strip .bmgf-pp-item--prep {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.bmgf-pp-strip .bmgf-pp-item--prep b {
		grid-column: 2;
	}

	.bmgf-prep-lg {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bmgf-pp-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.woocommerce #content .bmgf-produkt div.product > .bmgf-profile {
		padding-block: 36px;
	}

	.bmgf-beans--big .bmgf-bn-i {
		width: 22px;
		height: 22px;
	}

	/* бутонът във формата се крие, когато лентата долу го замества (575) */
	body.has-sticky .woocommerce #content .bmgf-produkt form.cart .single_add_to_cart_button {
		display: none;
	}

	.woocommerce #content .bmgf-produkt .bmgf-sticky-buy {
		display: flex;
		position: sticky;
		bottom: 0;
		z-index: 15;
		margin-inline: -16px;
		background: #fff;
		border-top: 1px solid var(--bmgf-line);
		padding: 10px 16px;
		gap: 12px;
		align-items: center;
		justify-content: space-between;
		box-shadow: 0 -8px 20px rgba(9, 23, 58, .08);
	}

	.bmgf-sticky-buy > div {
		min-width: 0;
	}

	.bmgf-sticky-buy .price {
		display: block;
		font-size: 20px;
		font-weight: 800;
		color: var(--bmgf-navy);
		font-variant-numeric: tabular-nums;
		line-height: 1.2;
	}

	.bmgf-sticky-buy .price del {
		font-size: .7em;
		color: var(--bmgf-muted);
		opacity: .6;
	}

	.bmgf-sticky-buy .price ins {
		text-decoration: none;
	}

	.bmgf-sticky-buy small {
		display: block;
		font-size: 12px;
		color: var(--bmgf-muted);
	}

	.bmgf-sticky-buy [data-bmgf-size]:empty + .bmgf-sticky-buy__sep {
		display: none;
	}

	.bmgf-sticky-buy .bmgf-add {
		flex: none;
	}

	.bmgf-sticky-buy .bmgf-add .bmgf-ico {
		width: 18px;
		height: 18px;
	}

	.bmgf-sticky-buy .bmgf-add:disabled,
	.bmgf-sticky-buy .bmgf-add:disabled:hover {
		background: var(--bmgf-navy);
		color: #fff;
		opacity: .45;
		cursor: not-allowed;
	}
}
