
/* GCU DRAWER SETTINGS */
:root {

	--samGCUD_Width: 90%;
	--samGCUD_Thumbnail_Size: 100px;
	--samGCUD_Custom_Option_Size: 90px;
	--samGCUD_Color: #005dac;
	--samGCUD_Color_Red: #8f2110;
	--samGCUD_Color_Red_Hover: #be1b00;

	--samGCUD_FontSize_LG: 18px;
	--samGCUD_FontSize_ME: 16px;
	--samGCUD_FontSize_SM: 14px;
	--samGCUD_FontSize_XS: 12px;
	--samGCUD_FontSize_XXS: 10px;

	/* --samGCUD_BorderRadius_ME: 12px;
	--samGCUD_BorderRadius_SM: 6px; */
	--samGCUD_BorderRadius_ME: 0;
	--samGCUD_BorderRadius_SM: 0;
	--samGCUD_BorderColor: 1px solid #E3E3E3;

	--samGCUD_BoxShadow_SM: 0 5px 5px -2px #0003;

	--samGCUD_Wrapper_Padding_ME: 20px;
	--samGCUD_Wrapper_Padding_SM: 12px;

	--samGCUD_VAS_InputSelect_Padding_SM: 6px;

	--samGCUD_Row_Padding_TB_LR_LG: 8px 16px;
	--samGCUD_Row_Padding_TB_LR_ME: 6px 12px;
	--samGCUD_Row_Padding_TB_LR_SM: 6px 6px;

	--samGCUD_Row_Margin_TB_LR_SM: 6px 0;
	--samGCUD_Row_Margin_TB_LR_ME: 12px 0;

	--samGCUD_Flex_Gap_ME: 10px;
	--samGCUD_Flex_Gap_SM: 5px;

	--samGCUD_Row_CheckList_Padding: 12px;
	--samGCUD_Row_CheckList_Margin_T_R_B_L: 0 12px 12px 0;
	--samGCUD_Row_CheckList_VAS_Margin_T_R_B_L: 0 0 12px 12px;

	--samGCUD_AddToCart_Height: 50px;

}
/* scrollbar */
@media (max-width: 991px) {
	.samGCUD .samGCUD_Left ::-webkit-scrollbar {height: 0;}   /* width */
	.samGCUD .samGCUD_Left ::-webkit-scrollbar-track {background-color: transparent;}  /* Main Scrollbar */
	.samGCUD .samGCUD_Left ::-webkit-scrollbar-thumb {background-color: transparent;}  /* Cart Item Scrollbar */
	.samGCUD .samGCUD_Left ::-webkit-scrollbar-thumb:hover {background-color: #cfcfcf;}    /* Cart Item Scrollbar:hover */

	:root {
		--samGCUD_Custom_Option_Size: calc(25% - 8px);	/* at max 4 Checklist items per row */
	}
}
/* end */

/* Buttons (Override) */
.samGCUD .btn-primary,
.samGCUD .btn-secondary {
	/* Override btn-primary */
	border-radius: var(--samGCUD_BorderRadius_SM);
	text-transform: initial;
}
.samGCUD .btn-primary:hover {
	/* Override btn-primary */
	opacity: 0.9;
	background-color: #303030 !important;
	border: 1px solid #303030 !important;
}
.samGCUD .btn-primary.disabled:hover,
.samGCUD .btn-primary.disabled:active,
.samGCUD .btn-primary.disabled:focus {
	cursor: not-allowed !important;

	/* Override btn-primary */
	background-color: #303030 !important;
	border: 1px solid #303030 !important;
	opacity: .65 !important;
}
.samGCUD .btn-secondary:hover {
	/* Override btn-secondary */
	opacity: 0.9;
	background-color: transparent !important;
	color: var(--samGCUD_Color_Red_Hover) !important;
	border: 1px solid var(--samGCUD_Color_Red_Hover) !important;
}
.samGCUD .btn-primary.samGCUD_SaveBtn_NoVAS {
	margin-left: 10px;
}
.samGCUD .btn-secondary.samGCUD_ClearSelection {
	background-color: transparent;
	color: var(--samGCUD_Color_Red);
	border: 1px solid var(--samGCUD_Color_Red);
	position: relative;
	padding-left: 30px;
	margin-left: 10px;
	line-height: var(--samGCUD_FontSize_ME);
}
.samGCUD .btn-secondary.samGCUD_ClearSelection::before {
	content: '\f00d';
	font-family: 'FontAwesome';
	position: absolute;
	left: 10px;
}
/* end */

/* Notification */
.samGCUD_NotificationBar {
	z-index: 99999;
	border-radius: 0;
}
.samGCU_NotificationBar.samGCU_NotificationBar_Success {
	width: max-content;
	max-width: 90%;
	top: var(--samGCUD_Wrapper_Padding_ME);
}
@media (max-width: 991px) {
	.samGCU_NotificationBar.samGCU_NotificationBar_Success {
		top: var(--samGCUD_Wrapper_Padding_SM);
	}
}
/* end */

/* Close Buttons */
.samGCUD .samGCUD_Close {
	position: fixed;
	left: 0;
	top: 0;
	width: calc(100% - var(--samGCUD_Width));
	height: 100%;
}
/* mobile experience */
@media (max-width: 991px) {
	.samGCUD .samGCUD_Close {
		display: none;
	}
}

.samGCUD .samFeatherIcon.samFeatherIcon_Close {
 	width: 28px;
	height: 28px;
	stroke: #000000;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;

	background-color: #ffffff;
	border: 1px solid #303030;

	position: fixed;
	margin-top: -10px;
	margin-left: -60px;
}
.samGCUD .samFeatherIcon.samFeatherIcon_Close:hover {
	cursor: pointer;
	stroke-width: 3;
}
/* end */

/* Overall Others */
.samGCUD {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10000;
	width: 100%;
	height: 100vh;
	transition: all 0.5s ease;
	font-family:'Rajdhani',Helvetica,sans-serif;
}
.samGCUD img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.samGCUD .samGCUD_Overlay {
	position: absolute;
	left: 0;
	z-index: 10001;

	width: 0%;
	height: 100%;
	background-color: #000000;
	opacity: 0.5;
}
.samGCUD.samGCUD_Active .samGCUD_Overlay {
	width: 100%;	/* Toggle the Drawer */
}
.samGCUD .samGCUD_Wrapper {	
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10002;
	transition: all 0.5s ease;

	width: 0%;
	height: 100%;
	background-color: #ffffff;
	padding: var(--samGCUD_Wrapper_Padding_ME);
}
.samGCUD.samGCUD_Active .samGCUD_Wrapper {
	width: var(--samGCUD_Width);	/* Toggle the Drawer */
	/* overflow-y: scroll; */
	background-color: #f7f7f7;
}

/* desktop experience */
@media (min-width: 992px) {
	.samGCUD .samGCUD_Mobile_Only {
		display: none;
	}
}
/* end */

/* mobile experience */
@media (max-width: 991px) {
	.samGCUD .samGCUD_Desktop_Only {
		display: none;
	}
	.samGCUD .samGCUD_Wrapper {
		top: unset;
		bottom: 0;
		width: 100%;
		height: 0;
		padding: var(--samGCUD_Wrapper_Padding_SM);
	}
	.samGCUD .samGCUD_Overlay {
		display: none;
	}
	.samGCUD.samGCUD_Active .samGCUD_Wrapper {
		width: 100%;
		height: 100%;
	}
	.samGCUD .samFeatherIcon.samFeatherIcon_Close {
		display: none;
	}
}
/* end */

/* END GCU DRAWER SETTINGS */


/* NO CUSTOMIZATION */
/* @media (min-width: 992px) {
	.samGCUD .samGCUD_Wrapper.NoCustomize,
	.samGCUD .samGCUD_Wrapper.NoCustomize .samGCUD_Close {
		width: 50% !important;
	}
	.samGCUD .samGCUD_Wrapper.NoCustomize .samGCUD_Left {
		width: 100% !important;
	}
} */
/* end */


/* ASC DROPDOWN GLOBAL CLASS - OVERRIDE CSS */
.samGCUD .samASC_DropDown {
    border-radius: var(--samGCUD_BorderRadius_ME);
	box-shadow: var(--samGCUD_BoxShadow_SM);
	padding: 0; 
}
.samGCUD .samASC_DropDown.samASC_DropDown_Plain {
	box-shadow: none;
	border: none;
}
.samGCUD .samASC_DropDown .samASC_DropDown_Desc {
	padding: 10px 0 0 0;
}
.samGCUD .samASC_DropDown .samASC_DropDown_Desc ul,
.samGCUD .samASC_DropDown .samASC_DropDown_Desc p {
    font-weight: 600;
	font-size: var(--samGCUD_FontSize_SM);
}
.samGCUD .samASC_DropDown .samASC_DropDown_Desc ul {
	padding-left: 12px;
}
.samGCUD .samASC_DropDown label.samGCUD_Chevron {
	width: 100%;

	/* Icon at the right */
	background-image: url("/images/checkout_page/chevron-down.svg");
	background-repeat: no-repeat;
	background-position: right 0 center;
	background-size: 18px;
	
}
.samGCUD .samASC_DropDown label.samGCUD_Chevron_Active {
	background-image: url("/images/checkout_page/chevron-up.svg");
}
/* end */

/* END ASC DROPDOWN GLOBAL CLASS - OVERRIDE CSS */



/* GCU DRAWER - LEFT and RIGHT */
.samGCUD .samGCUD_Left {
	width: 50%;
    overflow: scroll;
	padding: 0 20px 100px 0;
	float: left;
	height: 100vh;
}
.samGCUD .samGCUD_Left::-webkit-scrollbar {
	display: none;
}
.samGCUD .samGCUD_Right {
	width: 50%;
	overflow: scroll;
	padding: 0;

	float: right;
}
.samGCUD .samGCUD_Right::-webkit-scrollbar {
	display: none;
}
/* mobile experience */
@media (max-width: 991px) {
	.samGCUD .samGCUD_Left {
		width: 100%;
		padding: 0;
		/* overflow: hidden; */
		padding-bottom: 250px;
	}
	.samGCUD .samGCUD_Right {
		width: 100%;
		float: right;
		padding: 0;
	}
}
/* end */

/* END GCU DRAWER - LEFT and RIGHT */



/* PRODUCT INFO - THUMBNAIL and MAIN INFO */
.samGCUD .samGCUD_Product_Info .samGCUD_Product_Info_Row {
	align-items: flex-start;
	justify-content: left;
	align-items: flex-start;
	gap: var(--samGCUD_Flex_Gap_ME);
}
.samGCUD .samGCUD_Product_Info img.samGCUD_PI_Thumbnail {
    border: 1px solid #000;
    border-radius: var(--samGCUD_BorderRadius_SM);
	width: var(--samGCUD_Thumbnail_Size);
	height: var(--samGCUD_Thumbnail_Size);
}
.samGCUD .samGCUD_Product_Info .samGCUD_PI_MainInfo {
	width: 100%;
	font-weight: bold;
	/* text-transform: uppercase; */ /* (For Agency Changes) */
	font-size: var(--samGCUD_FontSize_ME);
}
.samGCUD .samGCUD_Product_Info .samGCUD_PI_MainInfo .samGCUD_PI_Title {
	text-transform: initial;	/* (For Agency Changes) */
}

/* desktop experience */
@media (min-width: 991px) {
	.samGCUD .samGCUD_Product_Info.samASC_DropDown {
		margin: unset;
		margin-bottom: 50px;
		box-shadow: unset;
		padding: unset;
	
		font-family: unset;
		font-weight: unset;
		font-size: unset;
	}
	.samGCUD .samGCUD_Product_Info.samASC_DropDown_Secondary {
		border: unset;
		border-radius: unset;
		background-color: unset;
		color: unset;
	}
}
/* end */

/* mobile experience */
@media (max-width: 991px) {
	
	/* Preview */
	.samGCUD .samGCUD_Product_Preview {
		margin: var(--samGCUD_Row_Margin_TB_LR_ME);
		margin-top: 0;
	}
	.samGCUD .samGCUD_Product_Preview .samGCUD_Product_Preview_Silhouette {
		margin: var(--samGCUD_Row_Margin_TB_LR_ME);
		padding: var(--samGCUD_Row_Padding_TB_LR_ME);
		background-color: #ffffff;
	}
	.samGCUD .samGCUD_Product_Preview .samGCUD_Product_Preview_Icon_Wrapper {
		background-color: #EDEDED;
		gap: var(--samGCUD_Flex_Gap_ME);
		font-weight: 700;
		border-radius: var(--samGCUD_BorderRadius_SM);
		padding: var(--samGCUD_Row_Padding_TB_LR_SM);
		display: inline-flex;
	}
	.samGCUD .samGCUD_Product_Preview .samGCUD_Product_Preview_Icon_Wrapper .samFeatherIcon {
		width: var(--samGCUD_FontSize_ME);
		height: var(--samGCUD_FontSize_ME);
		stroke: #000000;
		stroke-width: 2;
		stroke-linecap: round;
		stroke-linejoin: round;
		fill: none;	
	}
	.samGCUD .samGCUD_Product_Preview .samGCUD_Product_Preview_Icon_Wrapper .samFeatherIcon.samFeatherIcon.samGCUD_Product_EyesOff,
	.samGCUD .samGCUD_Product_Preview_Active .samGCUD_Product_Preview_Icon_Wrapper .samFeatherIcon.samFeatherIcon.samGCUD_Product_EyesOn {
		display: none;
	}
	.samGCUD .samGCUD_Product_Preview_Active .samGCUD_Product_Preview_Icon_Wrapper .samFeatherIcon.samFeatherIcon.samGCUD_Product_EyesOff {
		display: block;
	}
	.samGCUD .samGCUD_Product_Preview_Active .samGCUD_Product_Preview_Icon_Wrapper label::before {
		content: 'Hide ';
	}
	.samGCUD .samGCUD_Product_Preview_Icon {
		position: relative;
		width: 100%;
	}
	.samGCUD .samGCUD_Product_Preview_Icon .samFeatherIcon.samFeatherIcon_Close {
		display: block;
		background-color: #EDEDED;
		border: 1px solid #EDEDED;
		color: #000;

		margin: unset;
		position: absolute;
		top: 0;
		right: 0;
	}
	/* end */

	/* Product Info */
	.samGCUD .samGCUD_Product_Info {
		margin: var(--samGCUD_Row_Margin_TB_LR_ME);
	}
	.samGCUD .samGCUD_Product_Info .samGCUD_Product_Title_Mobile {
		padding: var(--samGCUD_Row_Padding_TB_LR_ME);
	}
	.samGCUD .samGCUD_Product_Info .samGCUD_Product_Info_Content {
		padding: var(--samGCUD_Row_Padding_TB_LR_ME);
		display: none; 	/* Default to NONE on mobile to make slideToggle() */
	}
	/* end */
	
}
/* end */

/* END PRODUCT INFO - THUMBNAIL and MAIN INFO */



/* CUSTOMIZE - SELECT ASSET PROMPT */
.samGCUD .samGCUD_Customize {
	flex-direction: column;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_SelectAssetPrompt {
	width: 100%;
	position: relative;
	min-height: var(--samGCUD_Thumbnail_Size);
}
.samGCUD .samGCUD_Customize .samASC_Notification {
	border-radius: 0;
}
/* desktop experience */
@media (min-width: 992px) {
	.samGCUD .samGCUD_Customize .samASC_Notification {
		font-weight: 500;   /* Override samASC_Notification */
		width: fit-content;
	}
}
/* end */

/* mobile experience */
@media (max-width: 991px) {
	.samGCUD .samGCUD_Customize .samGCUD_Customize_SelectAssetPrompt {
		min-height: unset;
		justify-content: flex-start;
		flex-direction: row !important;
	}
	.samGCUD .samGCUD_Customize .samASC_Notification {
		/* Override samASC_Notification */
		padding: 10px 20px 10px 36px; 
		font-weight: 500;
		background-position: 10px 12px;
		background-size: var(--samGCUD_FontSize_ME);
		/* end */
	}
}
/* end */

/* END CUSTOMIZE - SELECT ASSET PROMPT */


/* CUSTOMIZE - Title and Radio Option */
.samGCUD .samGCUD_Customize .samGCUD_Customize_Title {
	color: var(--samGCUD_Color);
    font-weight: bold;
	flex-direction: row !important;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Title span {
	text-transform: initial;
	color: #000000;
	font-weight: normal;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Option input {
	margin: 0 5px 0 0;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Option label {
	width: 100%;

    /* Icon at the right */
	background-image: url("/images/checkout_page/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 18px;
	
}
.samGCUD .samGCUD_Customize .samGCUD_Radio_Active label {
    background-image: url("/images/checkout_page/chevron-up.svg");
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Option label span.radio_label_desc {
	font-weight: 500;
	font-size: var(--samGCUD_FontSize_SM);
	display: block;
	margin-right: 20px;
}
/* END CUSTOMIZE - Title and Radio Option */


/* CUSTOMIZE - Radio Option Details */
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row {
	width: 100%;
	justify-content: flex-start;
	/* text-transform: uppercase; */ /* (For Agency Changes) */
	flex-direction: column;

	margin: var(--samGCUD_Row_Margin_TB_LR_SM);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row.Excluded_List,
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row.No_Upload_Allowed .samGCUD_Customize_Option_CreateCustom {
	display: none !important;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Row {
	width: 100%;
	align-items: flex-start;
	justify-content: flex-start;
	padding: var(--samGCUD_Row_Padding_TB_LR_LG);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Row.flexSpaceBetween {
	justify-content: space-between;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Title {
	align-items: center;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Title.hasLockedVas input {
	align-self: flex-start;
	margin-top: 2px;
}
/* .samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Title.hasLockedVas label {
	background-position: right 0 top;
} */
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Content {
	border-top: var(--samGCUD_BorderColor);
	padding: var(--samGCUD_Row_CheckList_Padding);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_NoVAS {
	border-top: var(--samGCUD_BorderColor);
	justify-content: flex-end;
}
/* mobile experience */
@media (max-width: 991px) {
	.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Content {
		display: block;
	}
	.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_NoVAS .btn {
		font-size: var(--samGCUD_FontSize_ME);
	}
}
/* end */

.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details {
	/* width: 100%;
	overflow-y: scroll; */
	flex-wrap: wrap; 
	justify-content: flex-start;
	align-items: flex-start; 
	gap: var(--samGCUD_Flex_Gap_ME);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_Details_List {
    width: var(--samGCUD_Custom_Option_Size);
	height: var(--samGCUD_Custom_Option_Size);
    border: var(--samGCUD_BorderColor);
	border-radius: var(--samGCUD_BorderRadius_ME);
	position: relative; /* For Checkbox Absolute */
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_Details_List:hover {
	cursor: pointer;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_Details_List input[type="checkbox"]  {
	position: absolute;
	left: 6px;
	top: 6px;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_Details_List img {
	padding: 0;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_Details_List.disabled {
    opacity: 0.5;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_CreateCustom {
	width: fit-content;
	padding: var(--samGCUD_Flex_Gap_ME);
	gap: var(--samGCUD_Flex_Gap_ME);
	max-width: 150px;
}
@media (max-width: 991px) {
	.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_CreateCustom {
		height: calc(25vw - 20px);
	}
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_CreateCustom:hover {
    cursor: pointer;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_CreateCustom.samGCUD_AddCustom_Active {
	border: 1px solid #303030;
	opacity: 1;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_CreateCustom img {
	width: 38px;
	height: 38px;
	padding: 5px;
	background-color: #f7f7f7;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_CreateCustom label {
    background: none;
	color: #303030;
	font-weight: 600;
	font-size: var(--samGCUD_FontSize_SM);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_Details_List.disabled img,
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_Details_List.disabled input,
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_CreateCustom.disabled img,
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_Details .samGCUD_Customize_Option_CreateCustom.disabled label {
    cursor: not-allowed
}
/* END CUSTOMIZE - Radio Option Details */

/* CUSTOMIZE - VAS Details */
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS {
	width: 100%;
	max-width: 50%;
    text-align: left;
    height: 100%;
    border: var(--samGCUD_BorderColor);
	border-radius: var(--samGCUD_BorderRadius_ME);
	background-color: #ffffff;
	box-shadow: var(--samGCUD_BoxShadow_SM);
	/* margin: var(--samGCUD_Row_CheckList_VAS_Margin_T_R_B_L); */
	overflow-x: hidden;

	/* Override ASC class */
	font-weight: 500;
	text-transform: initial;
	/* END */

}
/* mobile experience */
@media (max-width: 991px) {
	.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS {
		margin: 0;
		margin-top: var(--samGCUD_Flex_Gap_ME);
		max-width: 100%;
		width: 100%;
	}
}
/* end */

.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS hr {
	height: 1px;
	margin: 0 var(--samGCUD_Flex_Gap_ME);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row {
    /* border-bottom: var(--samGCUD_BorderColor); */
    border-radius: var(--samGCUD_BorderRadius_SM);
    background-color: #ffffff;
	font-size: var(--samGCUD_FontSize_SM);
	font-weight: 600;
	justify-content: flex-start;
	padding: var(--samGCUD_Flex_Gap_ME);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Title {
	font-weight: 700;
	width: fit-content;
	padding-right: 5px;
}
@media (max-width: 600px) {
	.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row {
		font-size: var(--samGCUD_FontSize_ME);
	}
	.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Title {
		max-width: 80px;
	}
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Option {
	flex: 1;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Option input,
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Option select {
	color: #303030;
	background-color: #ffffff;
	border: 1px solid #303030;
	border-radius: var(--samGCUD_BorderRadius_SM);
	padding: var(--samGCUD_VAS_InputSelect_Padding_SM);
	line-height: 1.25;
	width: 100%;
	min-width: max-content;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Option select:disabled {
	appearance: none;
    border: 0;
	white-space: normal;
	opacity: 1;
	background: none;
	min-width: unset;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Upload #iframe-upload-section-PO {
	height: 100px;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Confirm {
	align-items: flex-start;
	gap: var(--samGCUD_Flex_Gap_SM);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Confirm input {
	margin-top: 2px;
	width: fit-content;
	min-width: unset;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Confirm label {
	background-image: unset;
	font-weight: 500;
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Buttons {
	gap: var(--samGCUD_Flex_Gap_ME);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Buttons .btn {
	width: 100%;
	font-size: var(--samGCUD_FontSize_ME);
}
.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Buttons #samGCUD_Upload_Cancel {
	width: fit-content;
}
@media (max-width: 991px) {
	.samGCUD .samGCUD_Customize .samGCUD_Customize_Row .samGCUD_Customize_Option_VAS .samGCUD_Customize_Option_VAS_Row_Buttons .btn {
		font-size: var(--samGCUD_FontSize_LG);
	}
}
/* END CUSTOMIZE - VAS Details */




/* SILHOUETTE - Main Image */
.samGCUD .samGCUD_Silhouette {
    padding: 0 20px;
	margin: 0;
	border-radius: var(--samGCUD_BorderRadius_ME);
	border: var(--samGCUD_BorderColor);
    position: relative;
	background-color: #ffffff;
}
.samGCUD .samGCUD_Silhouette img.samGCUD_Silhouette_MainImage {
	max-height: 100% !important;
}
/* END SILHOUETTE - Main Image */


/* SILHOUETTE - Location */
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location {
	position: absolute;
	top: 0;
	left: 0;
    display: flex;
	align-items: center;
	justify-content: center;	
    border-radius: var(--samGCUD_BorderRadius_ME);
    border: var(--samGCUD_BorderColor);
    padding: 0;
    width: 12%;
	height: 12%;
    
	/* background-color: rgba(255, 255, 255, 0.50); */
	background-color: #ffffff;
    backdrop-filter: blur(5px);
    background-image: url(/css/sam_gcu/images/plus.svg);
	background-size: 40%;
    background-repeat: no-repeat;
	background-position: center;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location .samGCUD_Silhouette_Location_Wrapper {
	width: 100%;
	height: 100%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location.samGCUD_Silhouette_Location_Saved {
	background-size: contain;
    background-color: #ffffff;
	backdrop-filter: unset;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location:hover {
    cursor: pointer;
    color: #303030;
    border: var(--samGCUD_BorderColor);
    box-shadow: inset 0 0 0 0px #e3e3e3, 0 0 0 2px #ffffff, 0 0 0 4px #303030;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location:hover > label {
    cursor: pointer;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_Active {
    color: #303030;
    border: var(--samGCUD_BorderColor);
    box-shadow: inset 0 0 0 0px #e3e3e3, 0 0 0 2px #ffffff, 0 0 0 4px #303030;
}
.samGCUD .samGCUD_Silhouette.samGCUD_Product_Preview_Silhouette .samGCUD_Silhouette_Location_Active {
	box-shadow: inset 0 0 0 0px #e3e3e3, 0 0 0 1px #ffffff, 0 0 0 2px #303030;	/* For Mobile (Preview Section) */
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_Active > label {
    cursor: pointer;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location strong {
	margin-top: -15px;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location label {
	background: none;
	font-weight: 600;
    background-color: #ffffff;
	background: transparent;
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: var(--samGCUD_FontSize_XS);
	line-height: var(--samGCUD_FontSize_XS);
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_Saved .samGCUD_Silhouette_Location_Remove::after {
	content: '\f00d';
	font: 10px 'FontAwesome';
	color: var(--samGCUD_Color_Red);
	position: absolute;
	top: 4px;
	right: 4px;
	background-color: #ffffff;
	border: 1px solid var(--samGCUD_Color_Red);
	border-radius: 50%;
	padding: 2px 4px 2px 4px;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_Saved .samGCUD_Silhouette_Location_Remove:hover::after {
	background-color: #000000;
	border: 1px solid #000000;
	color: #ffffff;
}
@media (max-width: 991px) {
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_Saved .samGCUD_Silhouette_Location_Remove::after {
		display: none;
	}
}

/* Any unmatched LOCATIONS from my map function */
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_ {
	display: none;
}
/* end */


/* RS1 & LS1 */
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RS1,
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LS1 {
	top: 8%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RS1 {
	right: unset;
	left: 23%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RS1 label {
	text-align: right;
	width: 40px;
	left: -50px;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LS1 {
	left: unset;
	right: 23%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LS1 label {
	text-align: left;
	width: 40px;
	right: -50px;
}
@media (max-width: 600px) {
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RS1 label {
		left: -45px;
	}
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LS1 label {
		right: -45px;
	}
}
/* end */

/* RS2 & LS2 */
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RS2,
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LS2 {
	top: 22%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RS2 {
	right: unset;
	left: 14%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RS2 label {
	text-align: right;
	width: 40px;
	left: -50px;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LS2 {
	left: unset;
	right: 14%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LS2 label {
	text-align: left;
	width: 40px;
	right: -50px;
}
@media (max-width: 600px) {
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RS2 label {
		left: -45px;
	}
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LS2 label {
		right: -45px;
	}
}
/* end */

/* RC1 & LC1 */
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RC1,
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LC1 {
	top: 26%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RC1 {
	right: unset;
	left: 33%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LC1 {
	left: unset;
	right: 33%;
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RC1 label,
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LC1 label {
	top: calc(100% + 10px);
	min-width: max-content;
}
@media (max-width: 600px) {
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_RC1 label,
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_LC1 label {
		top: calc(100% + 5px);
	}
}
/* end */

/* FT1 */
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_FT1 {
	top: 30%;
	right: unset;
	left: 50%;
	transform: translateX(-50%);
}
.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_FT1 label {
	top: calc(100% + 10px);
	min-width: max-content;
}
@media (max-width: 600px) {
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location_FT1 label {
		top: calc(100% + 5px);
	}
}
/* end */

/* IF BC1 if available */
.samGCUD .samGCUD_Silhouette.samGCUD_HasBC1 {
	width: 87%; /* Because Width of Asset Location is 12% */
    position: relative;
}
.samGCUD .samGCUD_Silhouette.samGCUD_HasBC1 .samGCUD_Silhouette_Location_BC1 {
	left: unset;
	right: calc(-13% - 2px);
}
.samGCUD .samGCUD_Silhouette.samGCUD_HasBC1 .samGCUD_Silhouette_Location_BC1 label {
	top: calc(100% + 10px);
	min-width: max-content;
}
.samGCUD .samGCUD_Silhouette.samGCUD_HasBC1 .samGCUD_Silhouette_Location_Active.samGCUD_Silhouette_Location_BC1,
.samGCUD .samGCUD_Silhouette.samGCUD_HasBC1 .samGCUD_Silhouette_Location_BC1:hover {
	margin-top: 3px;
}
/* end */

/* mobile experience */
@media (max-width: 991px) {
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location label {
		background-color: transparent;
		font-size: var(--samGCUD_FontSize_ME);
		line-height: var(--samGCUD_FontSize_ME);
	}
	.samGCUD_Silhouette_Location_Mobile {
		margin: var(--samGCUD_Row_Margin_TB_LR_SM);
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Scrollable {
		overflow-x: scroll;
		scroll-behavior: smooth;
		padding: 0 2px; /* Because of border and box-shadow from samGCUD_Silhouette_Location_Active */
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper {
		display: inline-flex;
		width: max-content;
		gap: var(--samGCUD_Flex_Gap_SM);
		margin: var(--samGCUD_Row_Margin_TB_LR_SM);
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row {
		border: var(--samGCUD_BorderColor);
		border-radius: var(--samGCUD_BorderRadius_ME);
		/* box-shadow: var(--samGCUD_BoxShadow_SM); */
		padding: var(--samGCUD_Row_Padding_TB_LR_SM);
		background-color: #ffffff;
		gap: var(--samGCUD_Flex_Gap_SM);
	} 

	/* Reoder the Location passed from backend */
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row.samGCUD_Silhouette_Location_Mobile_RS1 {
		order: 1;
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row.samGCUD_Silhouette_Location_Mobile_RS2 {
		order: 2;
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row.samGCUD_Silhouette_Location_Mobile_LS1 {
		order: 3;
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row.samGCUD_Silhouette_Location_Mobile_LS2 {
		order: 4;
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row.samGCUD_Silhouette_Location_Mobile_FT1 {
		order: 5;
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row.samGCUD_Silhouette_Location_Mobile_RC1 {
		order: 6;
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row.samGCUD_Silhouette_Location_Mobile_LC1 {
		order: 7;
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row.samGCUD_Silhouette_Location_Mobile_BC1 {
		order: 8;
	}
	/* end */

	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Active {
		background-color: #EDEDED;
		border: var(--samGCUD_BorderColor);
		box-shadow: inset 0 0 0 0px #e3e3e3, 0 0 0 1px #ffffff, 0 0 0 2px #303030;
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Saved {
		appearance: none;
		background-image: url("/css/sam_gcu/images/notification_checked2.svg");
		background-repeat: no-repeat;
		background-position: right top;
		background-size: var(--samGCUD_FontSize_LG);
		background-color: #CCFEE1;
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row img {
		width: 60px;
		border: var(--samGCUD_BorderColor);
	}
	.samGCUD_Silhouette_Location_Mobile .samGCUD_Silhouette_Location_Mobile_Wrapper .samGCUD_Silhouette_Location_Mobile_Row label {
		width: 45px;
		font-size: var(--samGCUD_FontSize_SM);
		font-weight: 600;
	}
}
@media (max-width: 500px) {
	.samGCUD .samGCUD_Silhouette .samGCUD_Silhouette_Location label {
	    font-size: var(--samGCUD_FontSize_XXS);
		line-height: var(--samGCUD_FontSize_XXS);
		font-weight: 500;
	}
}
/* end */

/* END SILHOUETTE - Location */





/* ADD TO CART BUTTON */
.samGCUD_AddToCart_Wrapper {
	z-index: 999999;
	position: fixed;
	bottom: 40px;
	right: 50px;
}
.samGCUD_AddToCart_Wrapper #samGCUD_AddToCart:hover {
	cursor: pointer;
	opacity: 0.9;
}

/* mobile experience */
@media (max-width: 991px) {
	.samGCUD_AddToCart_Wrapper {
		right: unset;
		bottom: 0;
		background: #ffffff;
		width: 100%;
		padding: 12px 12px;
		border-top: var(--samGCUD_BorderColor);
	}
	.samGCUD_AddToCart_Wrapper #samGCUD_AddToCart {
		width: 100%;
		height: var(--samGCUD_AddToCart_Height);
		display: flex;
		padding: 0;
		justify-content: center;
		align-items: center;
		border: 1px solid #303030;
		border-radius: var(--samGCUD_BorderRadius_SM);
		font-size: var(--samGCUD_FontSize_LG);
	}

}


/* END ADD TO CART BUTTON */


