/* Sticky Button Logic - Final Refinement */
.button-group.in_product.is-sticky {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147483640 !important;
    background: #ffffff !important;
    padding: 12px 20px !important;
    box-shadow: 0 -8px 25px rgba(0, 0, 0, 0.12) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    transition: transform 0.3s ease, opacity 0.3s ease;
    animation: slideUpSticky 0.4s ease-out;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    border: none !important;
}

@keyframes slideUpSticky {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* PC Version Transformation: Keep Capsule Look */
@media (min-width: 801px) {
    .button-group.in_product.is-sticky {
        width: 600px !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        bottom: 20px !important; /* Floating effect on PC */
        border-radius: 15px !important;
        border: 1px solid rgba(0,0,0,0.08) !important;
    }
}

/* Hide widgets when sticky is active */
body.sticky-active iframe,
body.sticky-active #binotel_callback_widget_container,
body.sticky-active #bingc-passive,
body.sticky-active .bingc-passive-overlay,
body.sticky-active #bingc-active,
body.sticky-active #bwc-widget-action,
body.sticky-active #bingc-passive-background,
body.sticky-active #preorder-widgets-container,
body.sticky-active div[id^="bingc"],
body.sticky-active div[id^="binotel"],
body.sticky-active .cart-link-fixed, 
body.sticky-active .floating-widgets-container,
body.sticky-active .bnotel-widget,
body.sticky-active #bwc-fr-container,
body.sticky-active #bwc-iframe-sounds {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Ensure cart icon is visible and moved up when sticky bar is active */
body.sticky-active .cart-top {
    bottom: 90px !important; /* Move above the sticky bar (approx 80px height) */
    z-index: 2147483647 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Hide sticky bar when cart is open */
body.cart-open .button-group.in_product {
    display: none !important;
}



.sticky-placeholder {
    display: none;
}
.sticky-placeholder.active {
    display: block;
}

/* Опис товару. Текст приходить з Poster ПЛОСКИМ — без тегів <p>, тому
 правило .tab-content p з основного stylesheet.css на нього не діяло,
 і опис успадковував базовий кегль сторінки. Стилюємо сам блок. */
#tab-description {
	font-size: 15px;
	line-height: 1.65;
	text-align: left;
	color: #3a3a3a;
	max-width: 78ch;
	hyphens: auto;
}

#tab-description p {
	font-size: inherit;
	line-height: inherit;
	margin: 0 0 0.85em;
}

#tab-description p:last-child {
	margin-bottom: 0;
}

#tab-description ul,
#tab-description ol {
	margin: 0 0 0.85em 1.25em;
	padding: 0;
}

#tab-description li {
	margin-bottom: 0.3em;
}

@media (max-width: 767px) {
	#tab-description {
		font-size: 14px;
		line-height: 1.6;
		max-width: none;
	}
}