/**
 * Shop 2 — OLD-lander-card variant of the Master Shop.
 *
 * Presentation tweaks ONLY. Three layers do the heavy lifting:
 *   - sale-products-styles-top.css → the OLD cards + the lander filter dropdowns.
 *   - shop.css + shop-filters.css  → the SHARED backend header banner
 *     (.sbr-shop-wrap .sbr-v1-banner), identical to /shop.
 * This file only smooths the seams. It intentionally has NO card color
 * variables — the OLD cards stay un-themed (their .sbr-shop-wrap-scoped rules
 * never match the plain #newsalePage card grid). Keep this file small so
 * region 2 stays cheap to delete.
 */

/* The banner wrapper is a standalone .sbr-shop-wrap (banner only). Keep it flush
 * to the site header and to the filter/cards below it. */
.shop2-banner-wrap {
	margin: 0;
}

/* Keep the card area flush under the banner. */
#newsalePage {
	margin-top: 0;
}

/* Lander filter section sits on its own below the shared banner (no hero image
 * on this section, so no background needed — the shared stylesheet paints the
 * .pageheaderBotm bar). */
#newsalePage section.shopLanderPageHader.shop2-filter {
	margin-top: 0;
}

/* ------------------------------------------------------------------ *
 * /shop2 old-card polish fixes (issues surfaced in QA)
 * ------------------------------------------------------------------ */

/* 1) Consistent brand-yellow CTA on every card. Subscription cards render
 *    .btn.btn-primary-blue, which otherwise falls back to the site-wide blue
 *    (#3c98cc) because their dedicated per-product stylesheet isn't loaded here.
 *    The "Choose your package" popup uses .btn-general, so it's unaffected. */
#newsalePage .btn.btn-primary-blue {
	background-color: #f0c23a !important;
	border-color: #f0c23a !important;
	color: #2d2e2f !important;
}
#newsalePage .btn.btn-primary-blue:hover {
	background-color: #e6b421 !important;
	border-color: #e6b421 !important;
	color: #2d2e2f !important;
}

/* 3) "Choose your package" popup: the fixed site header (#sbr-header, ~96px)
 *    overlaps the top of the popup. Rather than fight the header's stacking
 *    context, push the popup's content down so it clears the header, and move
 *    the close button below the header too. */
#newsalePage .selectPackageWrapper.openPackage {
	/* position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	overflow-y: auto !important;
	z-index: 900 !important; */
}
#newsalePage .selectPackageWrapper.openPackage .selectPackageBox {
	/* padding-top: 120px !important; */
}
#newsalePage .selectPackageWrapper.openPackage .packageheader a.iconCloseBox {
	/* top: 106px !important; */
}

/* 4) Quantity stepper (.packageQuantityBox) is position:absolute with no
 *    z-index, so the product image can cover it. Lift it above the image. */
#newsalePage .packageQuantityBox {
	z-index: 40 !important;
}
#newsalePage .product-selection-image-wrap {
	position: relative;
	z-index: 1;
}