﻿	/* DROPDOWN STYLE */
	.product-options dd select {width:100%;padding: 25px 15px 10px 15px; height:60px;border:1px solid #DDD}
	.product-options dt {padding: 5px 0 0 5px;position: absolute;z-index:1}
	.product-options dl {position: relative;}
	.disabled-option {display:none !important}
	.configurable-options.button_selector a.disabled-option {display:none !important}

	/* DISABLED OPTIONS */
	.product-options .disabled {color:#CCC;position:relative;cursor:not-allowed;border-style:dashed;}
	.product-options .disabled::after {  content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom right, transparent calc(50% - 2px), #DDD, transparent calc(50% + 2px));pointer-events: none;}
	.product-options .disabled img {opacity: .65;}

	/* SWATCH IMAGES */
	.slider_swatches .slick-track {display:flex;flex-wrap:nowrap}

	/* ADDRESS PLAQUE INPUT */
	.plaque-label {    white-space: nowrap; position: relative; top: 20px; left: 10px; font-size: 11px; margin: 0; font-weight: 400; color: #999; width: 100%;}
	.plaque-input {height: 60px; padding: 15px 0 0 9px; width: 100%; display: block; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;}
	.plaque-input:focus {
		border-color: #66afe9;
		outline: 0;
		/* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); */
	}

	/* VARIANT HELP */
	.variant-help-container {z-index:99999998;width:100%;height:100%;background:#000;opacity:.75;position:fixed;top:0;left:0;display:none;}
	.variant-help {position:fixed;top:0;height:100%;z-index:99999999;background:#FFF;width:100%;max-width:990px;overflow:hidden;right:-990px;text-align:left;color:#000}
	.variant-help h1 {font-size:24px;}
	.variant-help h2 {font-weight:bold;text-transform:uppercase;font-size:18px;}
	.variant-content iframe {border:0;width:100%;height:100vh;padding: 0 0 50px 0}
	.variant-help-close-container {text-align:right;padding:15px 25px;border-bottom:1px solid #DDD}
	.variant-help-button {background:#eee;font-weight:bold;cursor:pointer}
	a.variant-help-button {background:none;}

	/* BMU */
	.container_bm_3166, .container_bm_3167, .container_web_dev_50_bm_3166, .container_web_dev_50_bm_3167, .container_bmw_3166, .container_bmw_3167, .container_bmw_3168 {width:32%;margin-right:1%;float:left;}
	.container_bm_3168, .container_bm_3168, .container_web_dev_50_bm_3168 {width:34%;float:left;}
	.container_bm_3170, .container_web_dev_50_bm_3170, .container_bmw_3170 {width:59%;margin-right:1%;float:left;}
	.container_bm_3171, .container_web_dev_50_bm_3171 {width:40%;float:left;}
	.container_bm_3169, .container_bm_3172, .container_web_dev_50_bm_3169, .container_web_dev_50_bm_3172, .container_bmw_3169, .container_bmw_3202 {clear:both;overflow:hidden}

	/* CUPOLAS */


	/* GVA */
	.container_gva_3166 {width:49%;margin-right:1%;float:left;}
	.container_gva_3167 {width:50%;float:left;}
	.container_gva_3198, .container_gva_3199, .container_gva_3172 {clear:both;overflow:hidden}

	/* GVUR */
	.container_gvur_3166 {width:49%;margin-right:1%;float:left;}
	.container_gvur_3167, container_CUSTOM-GVURTR_3198 {width:50%;float:left;}
	.container_gvur_3169 {clear:both;overflow:hidden}
	.container_CUSTOM-GVURDI_3166,.container_CUSTOM-GVURHR_3166, .container_CUSTOM-GVUROC_3166  {width:100%;margin-right:0;float:none;}
	.container_CUSTOM-GVURTR_3198 {width:40%;margin-right:1%;float:left;}
	.container_CUSTOM-GVURTR_3166 {width:59%;float:left;margin-right:0px;}

	/* MANU */
	.container_manu_3204  {width:32%;float:left;}
	.container_manu_3167  {width:32%;float:left; margin:0 1%;}
	.container_manu_3166  {width:34%;float:left;}
	.container_manu_3169, .container_manu_3171, .container_manu_3172 {width:100%;clear:both;overflow:hidden}

	/* SHUTTERS - ATLANTIC */
	.container_shutters_atlantic_3201, .container_shutters_atlantic_3166 {width:49%;margin-right:1%;float:left;}
	.container_shutters_atlantic_3200, .container_shutters_atlantic_3167 {width:50%;float:left;}
	.container_shutters_atlantic_3199, .container_shutters_atlantic_3172 {clear:both;overflow:hidden}
	.container_APB101_3166, .container_APB101_3167, .container_APF101_3166, .container_APF101_3167, .container_APL101_3166, .container_APL101_3167, .container_APP101_3166, .container_APP101_3167 {width:100%;margin-right:0;float:none;}

	/* SHUTTERS - COMPOSITE */
	.container_shutters_composite_3166 {width:49%;margin-right:1%;float:left;}
	.container_shutters_composite_3167 {width:50%;float:left;}
	.container_shutters_composite_3171, .container_shutters_composite_3172 {clear:both;overflow:hidden}
	.container_shutters_composite_3199 {clear:both;overflow:hidden}

	/* SHUTTERS - PVC */
	.container_shutters_pvc_3166 {width:49%;margin-right:1%;float:left;}
	.container_shutters_pvc_3167 {width:50%;float:left;}
	.container_shutters_pvc_3171, .container_shutters_pvc_3172 {clear:both;overflow:hidden}
	.container_shutters_pvc_3199 {clear:both;overflow:hidden}

	/* SHUTTERS - URETHANE */
	.container_shutters_urethane_3166 {width:49%;margin-right:1%;float:left;}
	.container_shutters_urethane_3167 {width:50%;float:left;}
	.container_shutters_urethane_3169 {clear:both;overflow:hidden}

	/* SHUTTERS - VINYL */
	.container_shutters_vinyl_3166, .container_MVB_3171, .container_MVS_3171 {margin-right:1%;float:left;}
	.container_shutters_vinyl_3167 {clear: both; overflow: hidden;}
	.container_mvb_3167, .container_mvp_3167 {width:100%;}
	.container_shutters_vinyl_3197 {clear:both;overflow:hidden}

	/* SHUTTERS - WOOD */
	.container_shutters_wood_3166 {width:49%;margin-right:1%;float:left;}
	.container_shutters_wood_3167 {width:50%;float:left;}
	.container_shutters_wood_3172 {clear:both;overflow:hidden}

	/* Adjustable Wood Slat Wall Panel Kit */
	.product-options:has(> .container_walw_3160):has(> .container_walw_3162):has(> .container_walw_3146) {
		display: flex !important;
		flex-wrap: wrap;
		gap: 5%;
	}
	.product-options:has(> .container_walw_3160):has(> .container_walw_3162):has(> .container_walw_3146) > dl {
		width: 30%;
		position: relative;
		box-sizing: border-box;
	}
	.product-options:has(> .container_walw_3160):has(> .container_walw_3162):has(> .container_walw_3146) > dl > dd {
		margin: 0;
	}
	.product-options:has(> .container_walw_3160):has(> .container_walw_3162):has(> .container_walw_3146) > dl > dd select {
		box-sizing: border-box;
	}
	.product-options:has(> .container_walw_3160):has(> .container_walw_3162):has(> .container_walw_3146) .container_walw_3143 {width: 100%; margin-top: 10px;}
	.product-options:has(> .container_walw_3160):has(> .container_walw_3162):has(> .container_walw_3146) .container_walw_3143 .slider_swatches a {
		margin: 2px;
	}
	/* Fix since walw has changed */
	.product-options:has(> .SlatWalls_3160):has(> .SlatWalls_3162):has(> .SlatWalls_3146) {
		display: flex !important;
		flex-wrap: wrap;
		gap: 5%;
	}
	.product-options:has(> .SlatWalls_3160):has(> .SlatWalls_3162):has(> .SlatWalls_3146) > dl {
		width: 30%;
		position: relative;
		box-sizing: border-box;
	}
	.product-options:has(> .SlatWalls_3160):has(> .SlatWalls_3162):has(> .SlatWalls_3146) > dl > dd {
		margin: 0;
	}
	.product-options:has(> .SlatWalls_3160):has(> .SlatWalls_3162):has(> .SlatWalls_3146) > dl > dd select {
		box-sizing: border-box;
	}
	.product-options:has(> .SlatWalls_3160):has(> .SlatWalls_3162):has(> .SlatWalls_3146) .SlatWalls_3143 {width: 100%; margin-top: 10px;}
	.product-options:has(> .SlatWalls_3160):has(> .SlatWalls_3162):has(> .SlatWalls_3146) .SlatWalls_3143 .slider_swatches a {
		margin: 2px;
	}

	.info-icon-svg text {
            font-family: serif;
            font-weight: bolder;
            text-anchor: middle; /* Center the text horizontally */
            dominant-baseline: central; /* Center the text vertically */
            /* Ensure text is crisp at small sizes */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
	.icon-container {
            width: 13px;
            height: 13px;
            display: inline-block;
            align-items: center;
            justify-content: center;
			margin-left: 3px;
        }

	@media (max-width: 767px) {
		.product-options [class*="container_"] {
			width:100%;
			float:none;
			margin:0px;
		}

		.configurable-options.button_selector {display: flex; flex-wrap: wrap; justify-content: flex-start;}
		.button_selector .mobile-col {
			height: 48px;
			padding: 8px 10px;
			font-size: 13px;
			/* display: inline-flex !important; */
			align-items: center;
			flex-wrap: wrap;
			justify-content: center;
		}

		/* Only show .mobile-col elements if NOT hidden-option */
		.button_selector .mobile-col:not(.hidden-option) {
			display: inline-flex !important;
		}

		/* Keep hidden-option hidden */
		.hidden-option.mobile-col {
			display: none !important;
		}
		.button_selector .mobile-1-col {
			width: 99%;
		}
		 .button_selector .mobile-2-col {
			width: 49%;
		}
		.button_selector .mobile-3-col {
			width: 32%;
		}

		/* WALW mobile: stack vertically */
		.product-options:has(> .container_walw_3160):has(> .container_walw_3162):has(> .container_walw_3146),
		.product-options:has(> .SlatWalls_3160):has(> .SlatWalls_3162):has(> .SlatWalls_3146) {
			display: block !important;
		}
		.product-options:has(> .container_walw_3160):has(> .container_walw_3162):has(> .container_walw_3146) > dl,
		.product-options:has(> .SlatWalls_3160):has(> .SlatWalls_3162):has(> .SlatWalls_3146) > dl {
			width: 100% !important;
			float: none !important;
			margin-bottom: 10px;
		}

	}