/*
 * Inline styles lifted verbatim out of index.blade.php by tools/blade-to-jsx.mjs.
 *
 * It lived inline in the template, so it loads after the shared stylesheets and keeps the
 * same precedence here. Edit the Blade original and re-run the port rather than editing
 * this file, or the two versions drift silently — which is the whole thing this rebuild
 * is trying to avoid.
 */
.custom-product-bundle__product-add {
			background: #ed0f69;
			color: #fff;
			font-size: 15px;
			text-align: center;
			border-radius: 6px;
			min-width: 92px;
			}
			.custom-product-bundle__product-add span {
			display: none;
			padding: 3px 15px;
			}
			.custom-product-bundle__product-add span:first-child {
			border: 1px solid #ed0f69;
			border-radius: 5px;
			}
			.custom-product-bundle__product-add span.remove {
			border-radius: 5px;
			background: #fff;
			color: #333;
			border: 1px #b5b4b4 dashed;
			box-sizing: border-box;
			font-size: 14px;
			}
			.custom-product-bundle__product-add span.active {
			display: block;
			}
			.kit-container-box {
			width: 100%;
			max-width: 1280px;
			margin: 0 auto;
			padding: 15px;
			overflow: auto;
			display: flex;
			margin-bottom: 35px;
			}
			.kit-left {
			float: left;
			width: 60%;
			padding-right: 30px;
			}
			.kit-left img {
			width: 100%;
			}
			.kit-right {
			float: right;
			width: 40%;
			position: relative;
			}
			.pro-kit {
			float: left;
			width: 100%;
			margin: 0 0 15px 0;
			cursor: pointer;
			border-bottom: 1px dotted #d1d1d1;
			padding-bottom: 15px;
			}
			.pro-kit img {
			float: left;
			width: 90px;
			border-radius: 5px;
			}
			.pro-kit-content {
			float: right;
			width: calc(100% - 110px);
			}
			h2.custom-product-bundle__product-title {
			font-size: 14px;
			color: #ed0f69;
			}
			.custom-product-bundle__product-vendor {
			font-size: 12px;
			line-height: 14px;
			margin-bottom: 10px;
			}
			.custom-product-bundle__price-and-atc-wrapper {
			display: flex;
			justify-content: space-between;
			flex-direction: row;
			align-items: center;
			gap: .8rem;
			}
			.custom-product-bundle__product-price-wrapper {
			display: flex;
			gap: 8px;
			align-items: center;
			width: 100%;
			justify-content: space-between;
			}
			.custom-product-bundle__product-price {
			color: #333;
			font-size: 16px;
			font-weight: 900;
			line-height: normal;
			display: flex;
			align-items: center;
			}
			button.product-bundle-atc-btn {
			background: #ed0f69;
			width: 100%;
			height: 54px;
			border-radius: 8px;
			color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
			line-height: normal;
			gap: 8px;
			margin: 0;
			font-weight: 400;
			font-size: 20px;
			border: none;
			position: absolute;
			bottom: 6px;
			right: 0;
			cursor: pointer;
			}
			
			@media only screen and (max-width: 840px) {
			.kit-container-box {
			padding: 0;
			display: block;
			}
			.kit-left {
			float: left;
			width: 100%;
			padding-right: 0;
			}
			.kit-right {
			float: right;
			width: 100%;
			position: relative;
			}
			
			button.product-bundle-atc-btn {
			position: relative;
			}
			
			}
			@media only screen and (max-width: 540px) {
			section.video-section {
			height: calc(100vh - 55px);
			}
			section video {
			width: auto;
			height: 100%;
			}
			}