/* .mg-upsell - офертата на UpsellWP на мобилен (Р38-Р45). Само ≤767px. */
/* Маркъпът на офертата е с inline style на всяко ниво (Ф43) - затова !important там, където inline стилът би бил правилото. */

@media (min-width:768px) {
	.mg-upsell { display: none !important; }
}

@media (max-width:767px) {
	/* Р42: попъпът на mh-tools не се вижда на мобилен. */
	body.mg-upsell-on .jquery-modal.blocker { display: none !important; }

	/* Общи за картата и лентата */
	.mg-upsell .cuw-offer { margin: 0; }
	.mg-upsell .cuw-container { margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fff !important; position: static !important; }
	.mg-upsell .cuw-badge { position: static !important; top: auto !important; }
	.mg-upsell .cuw-offer-title { display: inline-block; background: var(--mg-pink) !important; color: #fff !important; font: 600 12px/1 var(--mg-font-body) !important; letter-spacing: .06em; text-transform: uppercase; padding: 7px 12px !important; border-radius: 999px; }
	.mg-upsell h4.cuw-product-title { font: 700 20px/1.25 var(--mg-font-head) !important; color: var(--mg-ink) !important; margin: 0 !important; text-align: left !important; }
	.mg-upsell .cuw-product-price { font-size: 20px; font-weight: 700; color: var(--mg-pink); margin: 6px 0 0 !important; }
	.mg-upsell .cuw-product-price .woocommerce-Price-amount { color: inherit; }
	.mg-upsell .cuw-product-quantity,
	.mg-upsell .cuw-product-variants:empty { display: none !important; }
	.mg-upsell .cuw-offer-cta-section { margin: 0 !important; padding: 0 !important; background: transparent !important; }
	.mg-upsell button.cuw-button { display: block; width: 100% !important; min-height: 52px !important; padding: 12px 16px !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: var(--mg-pink) !important; color: #fff !important; font: 700 16px/1.2 var(--mg-font-body) !important; box-shadow: none !important; cursor: pointer; }
	.mg-upsell button.cuw-button:hover { background: var(--mg-pink-hover) !important; }
	.mg-upsell__close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 999px; background: #fff; color: var(--mg-ink); box-shadow: var(--mg-sh-sm); font: 400 22px/36px var(--mg-font-body); text-align: center; cursor: pointer; }
	/* лентата е вътре в .mg-entry: base.css body.mg .mg-entry button (0,2,2) и :hover (0,3,2) иначе я правят розов пил */
	body.mg .mg-upsell .mg-upsell__close, body.mg .mg-upsell .mg-upsell__close:hover { display: block; width: 36px; height: 36px; min-height: 0; padding: 0; border: 0; border-radius: 999px; background: #fff; color: var(--mg-ink); box-shadow: var(--mg-sh-sm); font: 400 22px/36px var(--mg-font-body); }

	/* Картата след добавяне (видът „B 390") */
	.mg-upsell--card { position: fixed; inset: 0; z-index: 10001; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(58,21,40,.55); }
	.mg-upsell__card { position: relative; width: 100%; max-width: 358px; background: #fff; border-radius: 20px; box-shadow: var(--mg-sh-lg); overflow: hidden; }
	.mg-upsell--card .cuw-container { display: flex !important; flex-direction: column; }
	.mg-upsell--card .cuw-product-section { order: 1; }
	.mg-upsell--card .cuw-badge { order: 2; align-self: flex-start; margin: 16px 20px 0; }
	.mg-upsell--card .cuw-offer-cta-section { order: 3; margin: 18px 20px 0 !important; }
	.mg-upsell--card .cuw-product-image { width: 100% !important; height: auto !important; }
	.mg-upsell--card .cuw-product-image img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 16/10; object-fit: cover; }
	.mg-upsell--card .cuw-product-section > div:not(.cuw-product-image) { padding: 10px 20px 0; }
	.mg-upsell__decline { display: block; width: calc(100% - 40px); margin: 10px 20px 20px; min-height: 48px; padding: 12px 16px; border: 2px solid var(--mg-pink); border-radius: 999px; background: #fff; color: var(--mg-pink); font: 700 16px/1.2 var(--mg-font-body); cursor: pointer; }

	/* Лентата над „Общо" (видът „A 390") */
	.mg-upsell--bar { position: sticky; bottom: var(--mg-upsell-offset, 75px); z-index: 49; margin: 16px -16px 0; padding: 14px 16px 16px; background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 -6px 20px rgba(51,38,43,.12); }
	.mg-upsell--bar .cuw-badge { margin: 0 44px 10px 0; }
	.mg-upsell--bar .cuw-product-section { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 12px; align-items: center; }
	.mg-upsell--bar .cuw-product-image { width: 88px !important; height: 88px !important; }
	.mg-upsell--bar .cuw-product-image img { display: block; width: 88px !important; height: 88px !important; object-fit: cover; border-radius: 14px; }
	.mg-upsell--bar h4.cuw-product-title { font-size: 16px !important; }
	.mg-upsell--bar .cuw-product-price { font-size: 16px; margin-top: 4px !important; }
	.mg-upsell--bar .cuw-offer-cta-section { margin-top: 12px !important; }
	.mg-upsell--bar button.cuw-button { min-height: 48px !important; }
}