/* Поправки по сайта (Mashini.bg, 02.11.2026). Зарежда се от header.tpl.html и header-promo.tpl.html. */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&display=swap');

/* ---------- Бутон „Абонирай се за цена Черен петък" (компютър и телефон) ---------- */
body .btn.pa-btn#open_popover_price_alert,
body .btn.pa-btn#open_popover_price_alert_mobile {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 12px 16px !important;
	border: 2px solid #FFD800 !important;
	border-radius: 10px !important;
	background: #111 !important;
	box-shadow: 0 0 0 3px #111, 0 8px 18px rgba(0, 0, 0, .22) !important;
	color: #FFD800 !important;
	font-family: 'Oswald', 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	letter-spacing: .4px;
	line-height: 1.15 !important;
	text-transform: uppercase;
	text-align: center;
	white-space: normal;
	overflow: hidden;
}
body .btn.pa-btn#open_popover_price_alert::before,
body .btn.pa-btn#open_popover_price_alert_mobile::before { display: none !important; content: none !important; }
body .btn.pa-btn#open_popover_price_alert:hover,
body .btn.pa-btn#open_popover_price_alert_mobile:hover { background: #000 !important; color: #FFE45C !important; }
body .btn.pa-btn#open_popover_price_alert .pa-bell,
body .btn.pa-btn#open_popover_price_alert_mobile .pa-bell {
	position: static !important;
	margin: 0 !important;
	color: #FFD800 !important;
	font-size: 20px !important;
	transform-origin: 50% 0;
	animation: af-bell 3.6s ease-in-out infinite;
}
/* Отблясък, който минава през бутона */
body .btn.pa-btn#open_popover_price_alert::after,
body .btn.pa-btn#open_popover_price_alert_mobile::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60%;
	width: 40%;
	background: linear-gradient(100deg, transparent, rgba(255, 216, 0, .35), transparent);
	transform: skewX(-20deg);
	animation: af-shine 3.6s ease-in-out infinite;
	pointer-events: none;
}
@keyframes af-shine { 0%, 60% { left: -60%; } 85%, 100% { left: 130%; } }
@keyframes af-bell {
	0%, 62%, 100% { transform: rotate(0); }
	66% { transform: rotate(16deg); }
	70% { transform: rotate(-14deg); }
	74% { transform: rotate(10deg); }
	78% { transform: rotate(-6deg); }
	82% { transform: rotate(0); }
}
@media (prefers-reduced-motion: reduce) {
	body .btn.pa-btn .pa-bell, body .btn.pa-btn::after { animation: none !important; }
}

/* ---------- Телефон ---------- */
@media (max-width: 768px) {
	/* Бутонът „нагоре" беше точно под Марио - вдигаме го над него */
	/* Марио (кръгчето) - най-долу вдясно; бутонът „нагоре" стои точно над него */
	html body .mashini-chat-launcher.is-compact { bottom: 14px !important; right: 12px !important; }
	.scroll-to-top { bottom: 80px !important; right: 19px !important; }

	/* Точките на галерията лежаха върху жълтата линия на карето с цената */
	.product-page .product-image .products-pagination { bottom: -22px !important; }
	.product-page .product-image { margin-bottom: 34px !important; }

	/* Любими / Сравни - два еднакви бутона един до друг, без двойните икони */
	body.product-page .product-info .product-details .wishlist-compare.wishlist-compare-mobile-under-cart {
		display: grid !important;
		grid-template-columns: 1.4fr 1fr !important;
		gap: 10px;
		width: 100%;
		margin: 14px 0 4px !important;
		padding: 0 !important;
	}
	body.product-page .product-info .product-details .wishlist-compare.wishlist-compare-mobile-under-cart .btn {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px;
		flex: 1 1 auto !important;
		width: 100% !important;
		height: 48px !important;
		min-height: 48px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		border: 1.5px solid #d6d6d6 !important;
		border-radius: 8px !important;
		background: #fff !important;
		color: #111 !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
		box-shadow: none !important;
	}
	body.product-page .product-info .product-details .wishlist-compare.wishlist-compare-mobile-under-cart .btn::before,
	body.product-page .product-info .product-details .wishlist-compare.wishlist-compare-mobile-under-cart .btn::after { display: none !important; content: none !important; }
	body.product-page .product-info .product-details .wishlist-compare.wishlist-compare-mobile-under-cart .ndl-ic {
		display: inline-flex !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
		color: #E3141B !important;
	}
	body.product-page .product-info .product-details .wishlist-compare.wishlist-compare-mobile-under-cart .btn-compare .btn-text::before {
		content: '';
		display: inline-block;
		width: 18px;
		height: 18px;
		margin-right: 8px;
		vertical-align: -4px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4L3 8l4 4M3 8h13M17 20l4-4-4-4M21 16H8'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	body.product-page .product-info .product-details .wishlist-compare.wishlist-compare-mobile-under-cart .btn-text { margin: 0 !important; color: #111 !important; }

	/* Логото на марката беше 34 px и надписът в него не се четеше */
	.product-page .ndl-brand img,
	.product-page .nd-lite .ndl-brand img {
		/* contain - логото се вижда цялото, без изрязване, каквито и да са пропорциите му */
		width: 150px !important;
		height: 110px !important;
		max-width: none !important;
		max-height: none !important;
		object-fit: contain;
		object-position: left center;
	}
}

/* ---------- Телефон: карето с цената - само подравняване, видът е както си беше ---------- */
@media (max-width: 768px) {
	/* „Спестявате" - центрирано под цената, както е и цената */
	html body #product-product .product-info .product-details .flexCol > .product-price-group .ndl-save {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px;
		width: 100%;
		text-align: center !important;
	}
	/* Каталожният номер (и „Последна бр.", ако има) - в средата */
	html body #product-product .product-info .product-details .flexCol > .mobile-price-meta {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-wrap: wrap;
		gap: 10px;
	}
	/* С „Последни … бр." до него - както на живия сайт: номерът вляво, наличността вдясно */
	html body #product-product .product-info .product-details .flexCol > .mobile-price-meta:has(.mobile-last-qty-badge) {
		justify-content: space-between !important;
	}
	html body #product-product .product-info .product-details .flexCol > .mobile-price-meta .mobile-price-meta-left,
	html body #product-product .product-info .product-details .flexCol > .mobile-price-meta .mobile-price-meta-right {
		flex: 0 0 auto !important;
		width: auto !important;
		margin: 0 !important;
	}
}

/* ---------- Телефон: бутоните под „Добави в количка" ---------- */
@media (max-width: 768px) {
	/* „Добави в любими" да се побира в рамката */
	body.product-page .product-info .product-details .wishlist-compare.wishlist-compare-mobile-under-cart .btn { gap: 5px !important; padding: 0 4px !important; }
	body.product-page .product-info .product-details .wishlist-compare.wishlist-compare-mobile-under-cart .btn .btn-text { font-size: 13px !important; letter-spacing: -.1px; white-space: nowrap !important; }

	/* Бутонът за абонамент - под „Любими / Сравни", на цял ред */
	body.product-page .wishlist-compare-mobile-under-cart + .pa-btn#open_popover_price_alert_mobile,
	body.product-page .pa-btn#open_popover_price_alert_mobile {
		width: 100% !important;
		margin: 12px 0 4px !important;
		gap: 8px;
		padding: 12px 10px !important;
		font-size: 15px !important;
		letter-spacing: .2px;
		white-space: nowrap !important;
	}
}

/* ---------- „Купи заедно": бутонът на цял ред, текстът не излиза навън ---------- */
@media (max-width: 991px) {
	body.product-page .buy-together #add-bundle-to-cart {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: none !important;
		justify-content: center !important;
		box-sizing: border-box;
		margin: 14px 0 0 !important;
		padding-right: 12px !important;
		font-size: 15px !important;
		white-space: nowrap !important;
	}
}

/* ---------- „Други предложения за теб от …" - заглавието се пренася, без лента за плъзгане отдолу ---------- */
@media (max-width: 768px) {
	html body .related-products-slider h3.section--title {
		text-wrap-mode: wrap !important;
		white-space: normal !important;
		overflow: visible !important;
	}
}


/* ---------- Продукт: описание и характеристики - подредени, в средата (виж site-fixes.js) ---------- */
.af-desc-box,
.af-spec-box {
	max-width: 880px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 26px 30px !important;
	border: 1.5px solid #e2e2e2;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .05);
}
#product_description > .page-title,
#product_data > .page-title { max-width: 880px; margin-left: auto; margin-right: auto; }

.af-desc-box { font-size: 16px; line-height: 1.75; color: #2b2b2b; }
.af-desc-box > p { margin: 0 0 14px; }
.af-desc-box > p.af-empty { display: none; }
.af-desc-box > p.af-lead {
	margin: 0 0 18px;
	padding-bottom: 14px;
	border-bottom: 1.5px solid #eee;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	color: #111;
}
.af-desc-box > p.af-subhead {
	margin: 24px 0 10px;
	padding-left: 12px;
	border-left: 4px solid #FFD800;
	font-size: 17px;
	line-height: 1.4;
	color: #111;
}
.af-desc-box > p.af-subhead em,
.af-desc-box > p.af-subhead strong { font-style: normal; font-weight: 700; }
.af-desc-box ul { margin: 0 0 16px; padding-left: 20px; }
.af-desc-box li { margin-bottom: 6px; }

.af-spec-box { padding: 10px 14px !important; }
.af-spec { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.af-spec th,
.af-spec td { padding: 11px 14px; border-bottom: 1px solid #eee; vertical-align: top; text-align: left; }
.af-spec tr:last-child th,
.af-spec tr:last-child td { border-bottom: 0; }
.af-spec tbody tr:nth-child(even):not(.af-spec-head) { background: #fafafa; }
.af-spec th[scope="row"] { width: 42%; font-weight: 400; color: #666; }
.af-spec td { font-weight: 600; color: #111; }
.af-spec td ul { margin: 0; padding-left: 18px; }
.af-spec td li { margin: 0 0 3px; font-weight: 600; }
.af-spec .af-spec-head th {
	padding: 18px 14px 8px;
	border-bottom: 2px solid #FFD800;
	background: #fff;
	font-size: 15px;
	font-weight: 700;
	color: #111;
	text-transform: none;
}
.af-spec .af-spec-raw td { font-weight: 400; color: #333; }

@media (max-width: 768px) {
	.af-desc-box { padding: 18px 16px !important; font-size: 15px; line-height: 1.7; }
	.af-desc-box > p.af-lead { font-size: 18px; }
	.af-desc-box > p.af-subhead { font-size: 16px; }
	.af-spec-box { padding: 4px 6px !important; }
	.af-spec { font-size: 14px; }
	.af-spec th, .af-spec td { padding: 10px 10px; }
	.af-spec th[scope="row"] { width: 45%; }
}

/* Преместеният мобилен бутон за абонамент (site-fixes.js) се крие на широк екран, както и редът „Любими / Сравни",
   под който стои - иначе при завъртане на телефона излиза втори бутон. */
@media (min-width: 769px) {
	html body .btn.pa-btn#open_popover_price_alert_mobile.af-moved { display: none !important; }
}