/*** am_registrationSettings - styleCss ****/
/*****************************************************/
/*************** BEGIN FORM STYLING ******************/
/*****************************************************/
.pdForm{}
.pdFormHeadline{
	font-size:28px;
	font-weight:500;
	margin-bottom:18px;
}
.pdFormRequiredMessage{
	color:#c80000;
	font-size:12px;
	font-weight:700;
}
.pdFormFieldSet{margin-bottom:42px;}
.pdFormField{
	text-align:left;
	clear: both;
 	overflow: hidden;
	margin-bottom:18px;
	font-size:12px;
	font-weight:500;
	max-width:900px;
}
.pdFormField div{
	font-size:12px;
	font-weight:500;
	vertical-align:middle;
}


/*** FORM LABEL/TITLE STYLE ***/
.pdForm label.pdLabel,
.pdForm div.pdLabel{
	box-sizing: border-box;
	padding:0px 0px 0px 2px;
	margin:0px 0px 4px 0px;
	font-family:;
	font-size:14px;
	color:#291f18;
	font-weight:500;
}

/*** FORM INPUT STYLE ***/
input.pdInput.text,
textarea.pdInput.textarea,
select.pdInput.select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

	display:block;
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:10px;
	border:1px solid #deccbe;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	line-height:normal;
	font-family:;
	font-size:14px;
	font-weight:;
	color:#291f18;
	text-transform:;

	background-color:#ffffff;
}
/*** SELECT STYLING/CROSS BROWSER AND DEVICE ***/
select.pdInput.select{}
.pdFormFieldSelectWrapper{
	position:relative;
	padding:0;
	background:#fff;
}
.pdFormFieldSelectWrapper select{
	padding-right:40px;
}
.pdFormFieldSelectWrapper:after{
	content:" ";
	position:absolute;
	pointer-events:none;
	background-color:#fff;
}
.pdFormFieldSelectWrapper:after{
	position:absolute;
	font-family:"FontAwesome", sans-serif;
	display:block;
  top: 12px;
  right: 10px;
	content:'\f078';
	color:#8e8e8e;
	font-size:14px;
}




input.pdInput.checkbox{
	width:20px;
	height:20px;
	padding:0px;
	margin:0;
	margin-right:4px;
	text-indent:0px;
	vertical-align:middle;
	display:inline-block;
}

.pdForm span.pdRequiredField{
	vertical-align:middle;
	padding-right:3px;
	color:#c80000;
	font-size:18px;
	font-weight:700;
}
/*** EMAIL DISPLAY ***/
.pdForm div.pdFormEmailDisplay{
margin-bottom:20px;
}
.pdForm div.pdFormEmailDisplay div.pdFormEmailLinks{}
.pdForm div.pdFormEmailDisplay span{
	color:#000000;
	font-size:15px;
	font-weight:700;
	display:block;
	padding-bottom:6px;
}
.pdForm div.pdFormEmailDisplay a{
	font-size:12px;
	font-weight:500;
	text-decoration:underline;
}
.pdForm div.pdFormEmailDisplay div.pdFormEmailLinks span.pdChangePassword{
	display:inline;
	padding-left:12px;
}
.pdForm label.pdLabel > span.emailMessage{
	float: none;
	font-size:13px;
	font-weight:500;
	line-height:20px;
	font-style:italic;
	padding-left:10px;
	padding-right:6px;
}
/******************************/
/******** NAME ENTRY **********/
/******************************/
.pdForm div.pdFormFieldsName{
	clear: both;
 	overflow: hidden;
 	padding: 0;
	padding-bottom:7px;
	line-height:30px;
	width:auto;
	clear:both;
}
.pdForm div.pdFormFieldsName div.pdFormField{
	width:auto;
	float:left;
	clear:none;
}
/*** FIRST NAME ***/
.pdForm div.pdFormFieldsName div.pdFormField.firstName{
	float:left;
}
.pdForm div.pdFormFieldsName div.pdFormField.firstName input.pdInput.text{
	width:232px;
}
/*** LAST NAME ***/
.pdForm div.pdFormFieldsName div.pdFormField.lastName{
	float:right;
}
.pdForm div.pdFormFieldsName div.pdFormField.lastName input.pdInput.text{
	width:232px;
}

/******************************/
/*** CITY, STATE, ZIP ENTRY ***/
/******************************/
.pdForm div.pdFormFieldsCityStateZip{
	clear: both;
 	overflow: hidden;
 	padding: 0;
	padding-bottom:8px;
}
.pdForm div.pdFormFieldsCityStateZip div.pdFormField{
	display:inline-block;
	clear:none;
}
/*** CITY ***/
.pdForm div.pdFormFieldsCityStateZip div.pdFormField.city{
	width:auto;
}
.pdForm div.pdFormFieldsCityStateZip div.pdFormField.city input.pdInput.text{
	width:136px;
}
/*** STATE ***/
.pdForm div.pdFormFieldsCityStateZip div.pdFormField.state{
	width:auto;
}
.pdForm div.pdFormFieldsCityStateZip div.pdFormField.state input.pdInput.text,
.pdForm div.pdFormFieldsCityStateZip div.pdFormField.state select.pdInput.select{
	width:auto;
}
/*** ZIP ***/
.pdForm div.pdFormFieldsCityStateZip div.pdFormField.zip{
	width:auto;
}
.pdForm div.pdFormFieldsCityStateZip div.pdFormField.zip input.pdInput.text{
	width:110px;
}
.pdFormFieldSubmitBtns{
	clear:both;
	overflow:hidden;
	margin-top:10px;
}

/***** BEGIN FONT AWESOME RADIO/CHECKOUT STYLING OF FORM ELEMENTS ******/
.pdCheckbox span{font-weight:700;}

.pdRadio input[type=radio],
.pdCheckbox input[type=checkbox] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	font-size: 16px;
	font-weight: ;
	color: #888888;
	vertical-align:middle;
}
.pdRadio input[type=radio] ~  label,
.pdCheckbox input[type=checkbox] ~ label {
	font-size: 16px;
	font-weight: ;
    color: #888888;
	cursor:pointer;
	cursor:hand;
	vertical-align:middle;
}
.pdRadio input[type=radio] ~ label:before,
.pdCheckbox input[type=checkbox] ~ label:before {
	display: inline-block;
	margin-right:8px;
	vertical-align:top;
	font-family: "FontAwesome";
	content: "\f1db";
	font-size: 18px;
	color: #888888;
	width: 18px;
}

.pdRadio input[type=radio]:checked ~ label,
.pdCheckbox input[type=checkbox]:checked ~ label{
	font-size: 16px;
	font-weight: 700;
	color: #291f18;
}
.pdRadio input[type=radio]:checked ~ label:before,
.pdCheckbox input[type=checkbox]:checked ~ label:before  {
	content: "\f00c";
	font-size: 18px;
	font-weight: 700;
	color: #291f18;
	letter-spacing: 5px;
}
.pdCheckbox input[type=checkbox] ~ label:before {
    content: "\f0c8";
}
.pdCheckbox input[type=checkbox]:checked ~ label:before {
    content: "\f14a";
		font-weight:700;
}
.pdRadio input[type=radio]:focus ~ label:before,
.pdCheckbox input[type=checkbox]:focus ~ label:before,
.pdRadio input[type=radio]:focus ~ label,
.pdCheckbox input[type=checkbox]:focus ~ label{
/*
	font-size: 16px;
	font-weight: 700;
    color: #291f18;
*/
}
/***** END FONT AWESOME RADIO/CHECKOUT STYLING OF FORM ELEMENTS ******/

/*****************************************************/
/***************** END FORM STYLING ******************/
/*****************************************************/

/*****************************************************/
/****** BEGIN LOGIN/REGISTRATION FORM STYLING ********/
/*****************************************************/
.pdLoginBox,
.pdRegBox{

	margin:0 auto;
	padding:0px;
	
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow:1px 1px 4px rgba(0,0,0,0);
	max-width:900px;
}
.pdLoginBoxInner,
.pdRegBoxInner{
	max-width:900px;
}
.pdLoginFieldTitle{
display:block;
	box-sizing: border-box;
	padding:0px 0px 0px 2px;
	margin:0px 0px 4px 0px;
	font-family:;
	font-size:14px;
	color:#291f18;
	font-weight:500;
	clear:both;
}
.pdLoginFieldTitle .forgot,
.pdLoginFieldTitle .register{
    float:right;
	font-weight:100;
	display:inline;
	margin-left:20px;
}
.pdLoginFieldTitle > div.forgot > a,
.pdLoginFieldTitle > div.register > a{
	text-decoration:underline;
}
.pdLoginBtn{}
.pdFbLoginBtn{}

.pdLoginNewCustomer{}
.pdLoginNewCustomer > a{}
.pdRegFormHeadline{
	font-size:26px;
	font-weight:500;
	margin-bottom:15px;
}
.pdRegSignUpEmailTitle{
	font-size:26px;
	font-weight:500;
	margin-bottom:10px;
}
/*****************************************************/
/****** END LOGIN/REGISTRATION FORM STYLING **********/
/*****************************************************/

/*****************************************************/
/********** BEGIN FACEBOOK BUTTON STYLING ************/
/*****************************************************/
.pdFbLoginButton{}
.pdFbSignupButton{}
/*****************************************************/
/*********** END FACEBOOK BUTTON STYLING *************/
/*****************************************************/


/**************************************************/
/*********** BEGIN MODAL WINDOW STYLE *************/
/**************************************************/
.pdModalCompanyLogo{margin-bottom:30px; text-align:left;}
.pdModalCompanyLogo img{display:inline-block; max-width:150px; height:auto;}
/*****************************************************/
/********* END BEGIN MODAL WINDOW STYLE **************/
/*****************************************************/

/*** RESPONSIVE CODING ***/
@media only screen and (min-width: 600px) {
	.pdForm div.pdFormFieldsCityStateZip div.pdFormField.zip,
	.pdForm div.pdFormFieldsCityStateZip div.pdFormField.state{
		margin-left:10px;
	}
}

/*** am_secureLogin - styleCss ****/

/*** BEGIN SECURE HEADER/FOOTER WRAPPER STYLING ***/
.pdSecureBody{
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
}
.pdMerchantLogo{
	max-width:280px;
	margin:0 auto;
}
.pdMerchantLogo img{
	display:inline-block;
	max-height:auto;
	max-width:280px;
	width:100%;
}
.pdSecureWrapper{
	margin:20px auto;
	max-width:900px;
	padding:30px;
	border:1px solid #b2a272;
	border-radius:4px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.25);
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/*** END SECURE HEADER/FOOTER WRAPPER STYLING ***/
/*** mod_addressBook - styleCss ****/
/******** ADDRESSES TABLE **********/
.pdAddressBook{
}
.pdAddressBook table{width:100%;}
.pdAddressBook table td{
	text-align:left;
	padding:20px 0px;
	border-top:1px solid #e1e1e1;
	font-size:14px;
	font-weight:500;
}
.pdAddressBookLabel{
	margin-bottom:6px;
	font-family:;
	color:#1e1e1e;
	font-size:18px;
	font-weight:700;
}
.pdAddressBookLabel a{
	font-family:;
	color:#1e1e1e;
	font-size:18px;
	font-weight:700;
}
.pdAddressBookName{
	font-size:14px;
	font-weight:700;
	margin-bottom:5px;
}
.pdAddressBookAddress{
	margin-bottom:2px;
font-weight:400;
opacity:.7;
}
.pdAddressPhone,
.pdAddressBookPhone{
	margin-top:5px;
font-weight:400;
opacity:.7;
}
/******* END ADDRESSES TABLE *******/


/*** mod_favorites - styleCss ****/
.pdFavoritesTable{}
.pdFavoritesWrapper{
	position:relative;
	border-bottom:1px solid #e1e1e1;
	padding:20px 20px;
	margin:20px 20px;
	clear:both;
}
.pdFavoritesTable{
	margin-bottom:20px;
}
.pdFavoritesImage{
	display:block;
	margin-bottom:8px;
}
/**** CUSTOMER FAVORITES PRODUCT INFORMATION ****/
.pdFavoritesInfo{
	display:block;
}
.pdFavoritesLink{
	margin-bottom:4px;
}
.pdFavoritesLink a{
	font-family:;
	font-size:14px;
	color:;
	font-weight:700;
}
.favoritesPriceWrapper{
}
.pdFavoritesCode{
}
.pdFavoritesOptions{
}
.pdFavoritesNotAvailable{
}
.favoritesQtySelect{
	margin-top:20px;
}

.pdFavTotal{
	font-size:24px;
	color:#3e3e3e;
	font-weight:700;
	padding-right:15px;
}
.pdFavTotal span{
	font-weight:400;
}
.pdFavBtnAddToCart{
	display: none;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
}
.pdFavBtnAddToCart input,
.pdFavBtnAddToCart a{
	max-height:36px;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-family: ;
	font-size: 14px;
	font-weight: 700;
	text-transform: ;
	padding: 8px 12px;
	margin: 0px 0px 0px 5px;
	border: 0px solid ;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #666;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	white-space: nowrap;
}
.pdFavBtnAddToCart input:hover,
.pdFavBtnAddToCart a:hover{
	background-color:#333;
}
.pdFlexDisplayItem.active .pdFavBtnAddToCart{
	display:inline-block;
}
.pdFavDeleteBtn{
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top:10px;
	right:10px;
	z-index:99;
}
.pdFlexDisplayItem.active .pdFavDeleteBtn{
	display:none;
}
.pdFavDeleteBtn a{
	display:block;
	color:#e1e1e1;
	text-decoration:none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.pdFavDeleteBtn a:before{
	vertical-align:middle;
	display: inline-block;
	content:"\f057";
	color:#e1e1e1;
	font-family:"FontAwesome";
	font-weight:700;
	font-size:24px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.pdFavDeleteBtn a:hover:before{
	color:#c80000;
}
/******* CUSTOMER FAVORITES RESPONSIVE CSS *****/
@media only screen and (min-width: 500px) {
	.pdFavoritesImage,
	.pdFavoritesInfo{
		display:table-cell;
		vertical-align:top;
		padding-right:20px;
	}
	.pdFavoritesInfo{
		padding-right:100px;
	}
	.favoritesQtySelect{
		margin-top:0px;
		position:absolute;
		top:20px;
		right:0;
	}
}
#brpPriceAndQtyDisplay .pdPriceWrapper {
 float: left;
}
#brpPriceAndQtyDisplay .pdFavoritesAdditionalInfo {
float: left;
margin-top: 10px;
margin-left: 25px;
}
.pdFavoritesDiscontinuedMessage{margin-bottom:15px;}

.pdFlexDisplayItem{background:#fff;}
/*** mod_orderHistory - styleCss ****/
/***************************************/
/******** ORDER HISTORY STYLE **********/
/***************************************/
:root {
	/***** CORE TYPE *****/
	--oh-font-family: Arial, Helvetica, sans-serif;
	--oh-heading-font-family: Arial, Helvetica, sans-serif;
	--oh-icon-font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
	--oh-font-size: 1em;

	/***** GRAYSCALE PALETTE *****/
	--oh-color: #111827;
	--oh-color-muted: #6b7280;
	--oh-color-subtle: #4b5563;
	--oh-color-inverse: #ffffff;
	--oh-font-color-primary: var(--oh-color);
	--oh-font-color-secondary: var(--oh-color-muted);
	--oh-background: #ffffff;
	--oh-background-light: #f8fafc;
	--oh-background-muted: #f3f4f6;
	--oh-surface: #ffffff;
	--oh-surface-alt: #f9fafb;
	--oh-border-color-light: #eef2f7;
	--oh-border-color: #d9e2ec;
	--oh-border-color-dark: #b8c4d2;
	--oh-border: 1px solid var(--oh-border-color);

	/***** BLUE ACCENT PALETTE *****/
	--oh-blue: #2563eb;
	--oh-blue-hover: #1d4ed8;
	--oh-blue-dark: #1e3a8a;
	--oh-blue-soft: #eff6ff;
	--oh-blue-border: #bfdbfe;
	--oh-blue-shadow: rgba(37, 99, 235, 0.18);

	/***** UI SHAPE AND MOTION *****/
	--oh-radius: 6px;
	--oh-radius-lg: 10px;
	--oh-radius-pill: 999px;
	--oh-padding: 12px;
	--oh-transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
	--oh-shadow-sm: 0 1px 3px rgba(17, 24, 39, 0.08);
	--oh-shadow-md: 0 4px 16px rgba(17, 24, 39, 0.1);
	--oh-focus-ring: 0 0 0 3px var(--oh-blue-shadow);

	/***** BUTTONS AND LINKS *****/
	--oh-link-color: var(--oh-blue-dark);
	--oh-link-hover-color: var(--oh-blue-hover);
	--oh-btn-color: var(--oh-blue-soft);
	--oh-btn-hover-color: var(--oh-blue-border);
	--oh-btn-border-color: var(--oh-blue-border);
	--oh-btn-border-hover-color: var(--oh-blue);
	--oh-btn-text-color: var(--oh-blue-dark);
	--oh-btn-color-dark: var(--oh-blue);
	--oh-btn-hover-color-dark: var(--oh-blue-hover);
	--oh-btn-solid-color: var(--oh-blue);
	--oh-btn-solid-hover-color: var(--oh-blue-hover);
	--oh-btn-solid-text-color: var(--oh-color-inverse);
	--oh-tooltip-background: var(--oh-color);
	--oh-tooltip-color: var(--oh-color-inverse);

	/***** LEGACY STYLE VARIABLE EQUIVALENTS *****/
	--oh-order-number-link-color: var(--oh-link-color);
	--oh-order-number-link-font-family: var(--oh-font-family);
	--oh-order-number-link-font-size: 14px;
	--oh-order-details-font-family: var(--oh-font-family);
	--oh-order-details-font-size: 14px;
	--oh-order-details-font-style: normal;
	--oh-order-details-padding: 7px 10px;
	--oh-order-details-background: var(--oh-btn-color);
	--oh-order-details-background-hover: var(--oh-btn-hover-color);
	--oh-order-details-color: var(--oh-btn-text-color);
	--oh-order-details-radius: var(--oh-radius);
	--oh-detail-title-font-family: var(--oh-heading-font-family);
	--oh-detail-title-font-size: 18px;
	--oh-detail-title-font-weight: 700;
	--oh-detail-title-color: var(--oh-color);
	--oh-detail-title-background: var(--oh-background-muted);
	--oh-detail-title-padding: 12px;
	--oh-detail-title-radius: var(--oh-radius);
	--oh-detail-title-margin: 0 0 12px;

	/***** SEMANTIC STATES *****/
	--oh-success-color: #166534;
	--oh-success-background: #dcfce7;
	--oh-warning-color: #854d0e;
	--oh-warning-background: #fef3c7;
	--oh-danger-color: #b91c1c;
	--oh-danger-background: #fee2e2;
	--oh-state-neutral-color: var(--oh-color-subtle);
	--oh-state-neutral-background: var(--oh-surface-alt);
	--oh-state-neutral-border: var(--oh-border-color);
	--oh-state-pending-color: var(--oh-warning-color);
	--oh-state-pending-background: var(--oh-warning-background);
	--oh-state-pending-border: var(--oh-warning-background);
	--oh-state-processing-color: var(--oh-blue-dark);
	--oh-state-processing-background: var(--oh-blue-soft);
	--oh-state-processing-border: var(--oh-blue-border);
	--oh-state-shipped-color: var(--oh-blue-dark);
	--oh-state-shipped-background: var(--oh-blue-soft);
	--oh-state-shipped-border: var(--oh-blue-border);
	--oh-state-success-color: var(--oh-success-color);
	--oh-state-success-background: var(--oh-success-background);
	--oh-state-success-border: var(--oh-success-background);
	--oh-state-danger-color: var(--oh-danger-color);
	--oh-state-danger-background: var(--oh-danger-background);
	--oh-state-danger-border: var(--oh-danger-background);

	/***** ORDER SUMMARY REPORT *****/
	--oh-report-page-background: transparent;
	--oh-report-ink: var(--oh-color);
	--oh-report-heading: var(--oh-color);
	--oh-report-muted: var(--oh-color-muted);
	--oh-report-soft: var(--oh-blue-soft);
	--oh-report-soft-dark: var(--oh-blue-soft);
	--oh-report-border: var(--oh-border-color);
	--oh-report-border-light: var(--oh-border-color-light);
	--oh-report-accent: var(--oh-blue);
	--oh-report-accent-dark: var(--oh-blue-hover);
	--oh-report-accent-soft: var(--oh-blue-border);
	--oh-report-shadow: var(--oh-shadow-md);

	/***** PRINTABLE ORDER DETAIL *****/
	--oh-print-ink: var(--oh-color);
	--oh-print-muted: var(--oh-color-muted);
	--oh-print-line: var(--oh-border-color);
	--oh-print-soft: var(--oh-background-light);
	--oh-print-blue: var(--oh-color-subtle);
	--oh-print-background: #eef2f6;
	--oh-print-document-background: var(--oh-background);
	--oh-print-header-background: linear-gradient(180deg, var(--oh-background) 0%, var(--oh-surface-alt) 100%);
	--oh-print-badge-background: var(--oh-background-light);
	--oh-print-badge-border: var(--oh-border-color);
	--oh-print-table-heading-background: var(--oh-background-light);
	--oh-print-table-heading-color: var(--oh-color-subtle);
	--oh-print-document-shadow: 0 18px 42px rgba(20, 33, 56, 0.14);
}

.pdOrderHistory{
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
 }
.pdOrderHistory > table{width:100%;}

.pdOrderHistory > table th,
.pdOrderHistory > table td{
	text-align:left;
	font-size:14px;
	padding:8px;
}
.pdOrderHistory > table th{
	font-weight:700;
}
.pdOrderHistory > table td{
	border-top:1px solid #e1e1e1;
}
.pdOrderHistory > table tr:last-child td{
/*
	border-bottom:1px solid #e1e1e1;
*/
}

/*** HEADER ROW ***/
.pdOrderHistoryHeaderPoints{}
.pdOrderHistoryHeaderDetails{}

/*** DATA ROW ***/
.pdOrderHistoryDataPoints{}
.pdOrderHistoryDataDetails{
	text-align:right;
}
.pdOrderTotal{
	font-weight:700;
}

.pdOrderLink{padding-bottom:3px;}
.pdOrderLink a{
	color: var(--oh-order-number-link-color);
	font-family: var(--oh-order-number-link-font-family);
	font-size: var(--oh-order-number-link-font-size);
	font-weight:700;
	text-decoration:underline;
}
.pdOrderDate{
	font-size:12px;
	font-weight:100;
	color:#888888;
}

/*** ORDER LIST DETAILS BUTTON ***/
.pdBtnDetails{
	display:inline-block;
	vertical-align:middle;
	white-space:nowrap;
	margin-bottom:4px;
}
.pdBtnDetails a:before{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
  font-family: var(--oh-icon-font-family);
	font-size:10px;
	font-weight:700;
	content:"\f054";
	text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
	color: var(--oh-order-details-color);
}
.pdBtnDetails a{display:block;}

.pdBtnDetails a:link,
.pdBtnDetails a:active,
.pdBtnDetails a:visited,
.pdBtnDetails a:hover{
	font-family: var(--oh-order-details-font-family);
	font-size: var(--oh-order-details-font-size);
	font-style: var(--oh-order-details-font-style);
	padding: var(--oh-order-details-padding);
	background-color: var(--oh-order-details-background);
	color: var(--oh-order-details-color);
	border-radius: var(--oh-order-details-radius);
	text-decoration:none;
	-webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.pdBtnDetails a:hover{
	background-color: var(--oh-order-details-background-hover);
}
.pdBtnDetails a span{
	display:inline-block;
	vertical-align:middle;
}
/***************************************/
/******* END ORDER HISTORY TABLE *******/
/***************************************/

/***************************************/
/******** ORDER DETAIL PAGE ************/
/***************************************/
.pdOrderDetailBox{}
.pdOrderDetailBoxInner{}

/*** INFORMATION SUMMARY DISPLAY ****/
.pdOrderDetailTitleBar{
	font-family: var(--oh-detail-title-font-family);
	font-size: var(--oh-detail-title-font-size);
	font-weight: var(--oh-detail-title-font-weight);
	color: var(--oh-detail-title-color);
	background-color: var(--oh-detail-title-background);
	padding: var(--oh-detail-title-padding);
	border-radius: var(--oh-detail-title-radius);
	-moz-border-radius: var(--oh-detail-title-radius);
	-webkit-border-radius: var(--oh-detail-title-radius);
	margin: var(--oh-detail-title-margin);
}
.pdOrderDetailBoxTitle{
	font-size:32px;
	font-weight:100;
	margin-bottom:8px;
}
.pdOrderDetailOrderDate{
	color:#4e4e4e;
	font-size:16px;
	font-weight:100;
	margin-bottom:2px;
}
.pdOrderDetailOrderDate span{
	font-weight:700;
}
.pdOrderStatus{
	color:#4e4e4e;
	font-size:16px;
	font-weight:100;
	margin-bottom:2px;
}
.pdOrderStatus span{
	font-weight:700;
}
.pdOrderTrackingInfo{
}
.pdOrderTrackingInfo ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #e1e1e1;
}
.pdOrderTrackingInfo ul li{
	margin-bottom:2px;
	font-weight:700;
}
/*
.pdOrderTrackingInfo ul li:before{
	display:inline-block;
	margin-right:6px;
    font-family: var(--oh-icon-font-family);
	font-size:14px;
    color:#4e4e4e;
	content:"\f0da";
	text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
*/

.pdPaymentInfo{
}
.pdPaymentInfo ul{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #e1e1e1;
}
.pdPaymentInfo ul li{
	margin-bottom:2px;
	font-weight:700;
}
.pdPaymentInfo ul li:before{
	display:inline-block;
	margin-right:6px;
    font-family: var(--oh-icon-font-family);
	font-size:14px;
    color:#4e4e4e;
	content:"\f0da";
	text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.pdOrderDetailBillTo,
.pdOrderDetailShipTo{
}
.pdOrderDetailBillToTitle,
.pdOrderDetailShipToTitle{
	margin-bottom:4px;
	font-weight:700;
}
.pdOrderDetailBillToInner,
.pdOrderDetailShipToInner{
	padding-top:0px;
}

/**********************/
/*** ITEMS DISPLAY ****/
/**********************/
.pdOrderDetailItems{
}
.pdOrderDetailItems > table{
	width:100%;
}
.pdOrderDetailItems > table th,
.pdOrderDetailItems > table td{
	padding:8px;
	text-align:left;
}
.pdOrderDetailItems > table th.pdCost,
.pdOrderDetailItems > table td.pdCost{
	text-align:right;
}
.pdOrderDetailItems > table th{
	font-size:14px;
	font-weight:700;
}
.pdOrderDetailItems > table td{
	border-top:1px solid #e1e1e1;
	font-size:14px;
	font-weight:500;
}
.pdOrderDetailItemImg{
	float:left;
	position:relative;
  vertical-align: top;
  width:100px !important;
	height:100px !important;
	white-space: nowrap;
  box-sizing: content-box;
  text-align: center;
  padding:5px;
	margin:0 auto;
	margin-bottom:10px;
  background:#fff;
}
.pdOrderDetailItemImg a{display:inline-block;}
.pdOrderDetailItemImg img{
	vertical-align: middle;
	display:inline-block;
  width:auto;
	height:auto;
  max-width:100px !important;
	max-height:100px !important;
}


.pdOrderDetailItemWrap{
	float:left;
	padding-left:18px;
}
.pdOrderDetailItemWrap .pdOrderDetailItemLink{
	margin-bottom:2px;
}
.pdOrderDetailItemWrap .pdOrderDetailItemLink a{
	font-size:14px;
	font-weight:700;
	text-decoration:underline;
}
.pdOrderDetailItemWrap .pdOrderDetailItemCode{
	color:#8e8e8e;
	margin-bottom:6px;
}
/*** OPTIONS ***/
.pdOrderDetailItemOptions{
	margin-top:4px;
}
.pdOrderDetailItemOptionsTitle{
	background-color:#F2F2F2;
	padding:8px;
	font-weight:700;
}
.pdOrderDetailItemOptionsInner{
	padding:8px;
}
.pdOrderDetailItemOptionsInner a{
	text-decoration:underline;
}
.pdOrderDetailItemOptionsInner > div{
	padding-bottom:3px;
	font-weight:700;
}
.pdOrderDetailItemOptionsInner > ul{
	margin-top:4px;
	margin-bottom:8px;
}
.pdOrderDetailItemOptionsInner > ul > li{
	margin-bottom:3px;
	color:#444444;
}
.pdOrderDetailItemOptionsInner > ul > li span{
	color:#444444;
	font-weight:700;
}

.pdOrderDetailItemsPrice{
	font-size:14px;
	font-weight:700;
}
.pdOrderDetailItemsPriceDetails{
}

/*** SUMMARY INFORMATION (SUBTOTALS) ***/
.pdOrderDetailSummary{
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background-color:#f6f6f6;
    padding-top: 10px;
    padding-bottom: 10px;
	margin-bottom:20px;
}
.pdOrderDetailItemsTax,
.pdOrderDetailItemsShipping,
.pdOrderDetailItemsDiscount,
.pdOrderDetailItemsTotal,
.pdOrderDetailItems{
	margin-top:2px;
	text-align:right;
	font-size:18px;
	font-weight:100;
}
.pdOrderDetailItemsTax span,
.pdOrderDetailItemsShipping span,
.pdOrderDetailItemsDiscount span,
.pdOrderDetailItemsTotal span{
}
.pdOrderDetailItemsTotal{
	margin-top:4px;
	font-weight:700;
	font-size:26px;
}

/***** HELP WITH ORDER LINK AND RE-ORDER BUTTON **********/
.pdHelpWithOrder{margin-top:10px;}
.pdHelpWithOrder a{
}
.pdReorder{
}

/***************************************/
/****** END ORDER DETAIL PAGE **********/
/***************************************/

/****************************************************/
/**** REORDER/PREVIOUSLY PURCHASED PRODUCTS TABLE ***/
/****************************************************/
.pdReorderTable{
}
.pdReorderTable > table{
	width:100%;
}
.pdReorderTable > table th,
.pdReorderTable > table td{
	padding:10px;
	font-size:14px;
	text-align:left;
}
.pdReorderTable > table th{
	font-weight:700;
	text-align:left;
}
.pdReorderTable > table td{
	border-top:1px solid #e1e1e1;
}
.pdReorderTable > table td.pdLast{
}

.pdReorderTableItemImg{
	float:left;
}
.pdReorderTableItemWrap{
	float:left;
	padding-left:18px;
}
.pdReorderTableItemWrap .pdReorderTableItemLink{
	margin-bottom:2px;
}
.pdReorderTableItemWrap .pdReorderTableItemLink > a{
	font-size:14px;
	font-weight:700;
	text-decoration:underline;
}
.pdReorderTableItemWrap .pdReorderTableItemCode{
	font-size:12px;
	margin-bottom:6px;
}
.pdReorderTableItemOptions{
	margin-top:4px;
}
.pdReorderTableItemOptionsMessage{
	margin-top:10px;
	color:#c80000;
	font-weight:700;
	font-style:italic;
}
.pdReorderTableItemOptionsTitle{
	background-color:#F2F2F2;
	padding:8px;
	font-weight:700;
}
.pdReorderTableItemOptionsInner{
	padding:8px;
}
.pdReorderTableItemOptionsInner a{
	text-decoration:underline;
}
.pdReorderTableItemOptionsInner > div{
	padding-bottom:3px;
	font-weight:700;
}
.pdReorderTableItemOptionsInner > ul{
	margin-top:4px;
	margin-bottom:8px;
}
.pdReorderTableItemOptionsInner > ul > li{
	margin-bottom:3px;
	color:#444444;
}
.pdReorderTableItemOptionsInner > ul > li span{
	color:#444444;
	font-weight:700;
}
.pdReorderTableItemPrice{
	font-size:14px;
	font-weight:500;
}
.pdReorderTableItemSalePrice{
	color:#c80000;
	font-size:14px;
	font-weight:500;
}
.pdReorderTableItemSalePrice span{
	font-weight:700;
}
.pdReorderTableItemRegPrice{
	color:#333333;
	font-size:10px;
	font-weight:500;
}
.pdReorderTableItemRegPrice span{
	text-decoration:line-through;
}
.pdReorderTableItemQty input.pdInput.text{
	display:block;
	width:40px;
	height:30px;
	line-height:30px;
	text-indent:6px;
	vertical-align: middle;
	font-family:arial,verdana,sans-serif;
	font-size:15px;
	font-weight:500;
	border:1px solid #aaaaaa;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: inset 4px 4px 4px 0px #e8e8e8;
	-webkit-box-shadow: inset 4px 4px 4px 0px #e8e8e8;
	-moz-box-shadow: inset 4px 4px 4px 0px #e8e8e8;
}
/*******************************************************/
/*** END REORDER/PREVIOUSLY PURCHASED PRODUCTS TABLE ***/
/*******************************************************/



/********************************/
/*** RE-ORDERING FLEX DISPLAY ***/
/********************************/
.pdReorderTitle{}
.pdFlexReorderWrapper{
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.pdFlexReorderRow{
  position:relative;
  padding:10px;
  border-bottom: 1px solid #e1e1e1;
  background-color: #fff;
  margin-bottom:20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.pdFlexReorderItem{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-flow: column nowrap;
	position: relative;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
	padding: 12px;
	margin: 4px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
}
.pdFlexReorderItem.active{
	border: 1px solid #b5b5b5;
}
.pdFlexReorderItem.active:before{
	z-index:9;
	position:absolute;
	top:10px;
	left:10px;
	color:#a1a1a1;
  font-family: var(--oh-icon-font-family);
	font-size:2em;
	font-weight:700;
	content:"\f058";
	text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/*** ITEM IMAGE DISPLAY ***/
.pdFlexReorderItemImg{
	display:inline-block;
	position:relative;
  vertical-align: top;
  width:150px !important;
	height:150px !important;
	white-space: nowrap;
  box-sizing: content-box;
  text-align: center;
  padding:5px;
	margin:0 auto;
	margin-bottom:10px;
  background:#fff;
}
.pdFlexReorderItemImg a{display:inline-block;}
.pdFlexReorderItemImg img{
	vertical-align: middle;
	display:inline-block;
  width:auto;
	height:auto;
  max-width:150px !important;
	max-height:150px !important;
}
/*** ITEM INFO DISPLAY ***/
.pdFlexReorderItemInfo{
	margin-top:auto;
}
.pdFlexReorderItemLink{
  color:#2e2e2e;
  text-decoration:none;
}
.pdFlexReorderItemLink:hover{
  color:#7e7e7e;
  text-decoration:underline;
}
.pdFlexReorderItemCode{}
.pdFlexReorderItemInfo .pdQtyToggleMinus img,
.pdFlexReorderItemInfo .pdQtyTogglePlus img{
  width: 10px;
}

/*** PRICE DISPLAY ***/
.pdFlexReorderPriceWrapper{
	margin-top:10px;
  margin-bottom:20px;
}
.pdFlexReorderPrice{
  display: inline-block;
  vertical-align: middle;
  color: #3e3e3e;
  font-size: 1.1em;
  font-weight: 700;
}
.pdFlexReorderRegPrice{
  display: inline-block;
  vertical-align: middle;
  color: #7e7e7e;
  font-size: 1.1em;
  font-weight: 100;
  text-decoration:line-through;
  margin-left:4px;
  margin-right:4px;
}
.pdFlexReorderSalePrice{
  display:inline-block;
  vertical-align:middle;
  color:#bb3232;
  font-size: 1.1em;
  font-weight: 700;
  margin-left:4px;
  margin-right:4px;
}
.pdFlexReorderYouSave{
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #e1e1e1;
  background: #f6f6f6;
  padding: 8px;
  color: #bb3232;
  font-size: .8em;
  font-weight: 700;
}
.pdFlexReorderYouSave:before{
  content: "You Saved ";
}
.pdFlexReorderItemOptions{
  margin-top:10px;
}
.pdFlexReorderItemOptionsList{
  margin:0;
  padding:0;
  list-style-type:none;
}
.pdFlexReorderItemOptionsList li{
  margin-top:10px;
  color:#7e7e7e;
  font-size:.8em;
}

.pdFlexReorderItemOrder{
	box-sizing:border-box;
	margin-top: auto;
	padding-bottom: 10px;
	padding-top: 19px;
	border-top: 1px solid #f1f1f1;
	text-align: center;
}
.pdFlexReorderItemNa{padding:8px; color:#7e7e7e;}
.pdReorderBackTo{}
.pdReorderBackTo a{
	vertical-align:middle;
	display:block;
	padding:15px 20px;
	font-size:16px;
	font-weight:100;
	color:#3e3e3e;
	text-decoration:none;
	background-color:#ffffff;
	border:1px solid #e1e1e1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    white-space:nowrap;
}
.pdReorderBackTo a:before{
	vertical-align:middle;
	display: inline-block;
	margin-right:10px;
	content:"\f053";
	color:#3e3e3e;
	font: normal normal normal 14px/1 var(--oh-icon-font-family);
}
.pdReorderBackTo a:hover{
	background-color:#e1e1e1;
}

.pdFlexReorderActions{
  margin-top:30px;
  margin-bottom:20px;
	clear:both;
	text-align:center;
}
.pdFlexReorderActions > div{
  display:inline-block;
  vertical-align:middle;
	margin:4px;
	margin-top:10px;
}

/*** LINE ITEM STATUS DISPLAY ***/
.pdOrderDisplayLineItemStatusInfo { float: left; margin: 3px 0 3px 0; width: 100%; }
.pdOrderDisplayLineItemStatus { float: left; margin-right: 5px; }
.pdOrderDisplayLineItemStatus b { font-weight: 700; }
.pdOrderDisplayLineItemStatusDate { float: left; margin-right: 5px; }
.pdOrderDisplayLineItemTrackingNumber { float: left; margin-right: 5px; }
.pdOrderDisplayLineItemCarrier { float: left; margin-right: 5px; }
.pdOrderDisplayLineItemQuantity { float: left; }


/*************** FLEX RESPONSIVE SETTINGS ***********************/
@media only screen and (min-width: 468px){
	.pdFlexReorderActions{text-align:left;}
	.pdFlexReorderActions > div{margin-top:0px;}
	.pdFlexReorderActions > div.pdBtnPrimary{float:right;}
}
@media only screen and (min-width: 768px){
  .pdFlexReorderItem{
    width: calc(100% * (1/2) - 10px);
  }
}
@media only screen and (min-width: 900px){
  .pdFlexReorderItem{
    width: calc(100% * (1/3) - 10px);
  }
}
@media only screen and (min-width: 1200px){
  .pdFlexReorderItem{
    width: calc(100% * (1/4) - 10px);
  }
}
@media only screen and (min-width: 1500px){
  .pdFlexReorderItem{
    width: calc(100% * (1/5) - 10px);
  }
}

/* ===== MODERN ORDER HISTORY STYLES ===== */

/***************************************/
/******** SHARED UTILITIES ********/
/***************************************/
.oh-formInline {
	display: inline;
}

.oh-isHidden,
.reorderForm {
	display: none;
}

.oh-isVisibleBlock {
	display: block;
}

.oh-productImageMax150 {
	max-width: 150px;
}

.pdOrderDetailPrintAction {
	float: right;
	display: inline;
	margin-top: -10px;
}

.pdReorderInlineAction {
	display: inline-block;
	margin-right: 10px;
}

.pdOrderStatusStrong {
	font-weight: 700;
}

.pdOrderStatusCancelled {
	color: red;
	font-weight: 700;
}

.pdOrderStatusShipped {
	color: green;
	font-weight: 700;
}

.pdClearBoth {
	clear: both;
}

.oh-widthAuto {
	width: auto;
}

.pdSearchBtnRevealForm,
.pdSearchBtnExport {
	display: inline-block;
	margin-bottom: 50px;
}

.pdBtnDetailsSpacing {
	margin-right: 8px;
}

.pdMarginRight20 {
	margin-right: 20px;
}

.oh-verifyEmail {
	margin: 10px;
}

.oh-verifyEmail-message {
	margin: 10px;
	padding-bottom: 10px;
}

.oh-verifyEmail-title {
	color: red;
	font-size: 16px;
	font-weight: 700;
}

.oh-verifyEmail-input {
	width: 180px;
}

.oh-page-title {
	margin: 0 0 18px;
	color: var(--oh-color);
	font-family: var(--oh-heading-font-family);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
}

/***************************************/
/******** MODERN ORDER LIST ********/
/***************************************/
.oh-ordersList {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .oh-order {
    /*
    border: var(--oh-border);
    padding: var(--oh-padding);
    margin-bottom: 10px;
    */
    border: 1px solid var(--oh-border-color-dark);
    border-radius: 5px;
    background: var(--oh-background);
    box-shadow: -1px 3px 5px rgba(0, 0, 0, .10);
    overflow: hidden;
  }

 .oh-orderHeader {
    display: flex;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid var(--oh-border-color);
    border-left: 10px solid var(--oh-border-color);
    border-right: 10px solid var(--oh-border-color);
    padding: 10px;
    /* background: var(--oh-border-color-light); */
    box-shadow: 0px 1px 10px rgba(0, 0, 0, .08);
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
  .oh-orderDetails > div{
    color: var(--oh-color);
  }
  .oh-orderDetails > div:first-child,
  .oh-orderDetails span{
    font-weight: 300;
    font-size: .9em;
    color: var(--oh-color-muted);
    margin-bottom: 3px;
  }
  .oh-orderDetails > div:first-child{
    display: none;
  }
  .oh-orderDetails.oh-total{
  font-weight: 700;
  }
  .oh-orderDetails.oh-orderId{
  font-weight: 700;
  }
  .oh-orderDetails.oh-total span{
  font-weight: 400;
  }
/*** ORDER STATUS ***/
  .oh-orderDetails.oh-status {
    text-align: right;
    justify-content: right;
    flex: 1;
  }
.oh-orderStatus{
    font-weight: 700;
    font-size: 1em;
    text-transform: capitalize;
}
.oh-orderStatus:after{
   display: inline;
    margin-left: 5px;
 }
.oh-orderStatus.oh-shipped::after {
    content: "\2705";
}

.oh-orderStatus.oh-cancelled::after {
    content: "\274C";
}

.oh-orderStatus.oh-pending::after {
    content: "\23F3";
}


  .oh-orderShipToStatus-container{
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 5px;
    padding: 14px 10px 12px 10px;
    text-transform: capitalize;
  }
  .oh-orderShipToStatus.oh-shipTo{
    flex: 1;
  }
  .oh-shippedToName{
    font-weight: 600;
  }
  .oh-orderShipToStatus.oh-shipTo > div:first-child{
    font-weight: 300;
    font-size: .9em;
    color: var(--oh-color-muted);
    margin-bottom: 3px;
  }

  .oh-orderShipToStatus.oh-actions{
   text-align:right;
  }

  /*** ORDER ACTIONS ***/
  .oh-orderActions {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

.oh-orderActionBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  font-size: 0.9em;
  font-weight: 600;
  text-decoration: none;
  color: #111;
  background-color:   var(--oh-btn-color);
  border: 1px solid   var(--oh-btn-border-color);
  border-radius: 4px;
  transition: background 0.3s, border-color 0.3s, color 0.3s;
  gap: 6px;
}
.oh-orderActionBtn:hover {
  background-color: #eaeaea;
  border-color: #888;
  color: #000;
}
.oh-orderActionBtn svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.oh-orderActionBtn.oh-reorder{
  color: #fff;
  background-color:   var(--oh-btn-solid-color);
  border: 1px solid   var(--oh-btn-solid-color);
  border-radius: 4px;
  transition: background 0.3s, border-color 0.3s, color 0.3s;
}
.oh-orderActionBtn.oh-details svg {
  width: 18px;
  height: 18px;
}

.oh-orderActionBtnSm {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  font-size: 0.8em;
  font-weight: 500;
  text-decoration: none;
  color: #111;
  background-color:   var(--oh-btn-color);
  border: 1px solid   var(--oh-btn-border-color);
  border-radius: 3px;
  transition: background 0.3s, border-color 0.3s, color 0.3s;
  gap: 1px;
 transition: border-color 0.2s ease-in-out;
}
.oh-orderActionBtnSm:hover {
  background-color:var(--oh-btn-border-color);
  border-color: #888;
  color: #000;
}
.oh-orderActionBtnSm.oh-reorder {
  color: #fff;
  background-color: #111;
  border: 1px solid #111;
}
.oh-orderActionBtnSm.oh-reorder:hover {
  background-color: #222;
  border: 1px solid #222;
}
/*** ORDER AGAIN SPARKLES ***/
.oh-orderActionBtnSm.oh-reorder:before{
    display: inline;
    margin-right: 5px;
    content: "\2728 ";
}
.oh-orderActionBtn.oh-reorder::before ,
.oh-orderActionBtnSm.oh-reorder::before {
    content: '\2728'; /* the emoji */
    display: inline-block;
    margin-right: 4px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    will-change: transform, opacity;
}
.oh-orderActionBtn.oh-reorder:hover::before,
.oh-orderActionBtnSm.oh-reorder:hover::before {
    animation: twinkleAnim 0.8s infinite;
}
@keyframes twinkleAnim {
    0%   { opacity: 1; transform: scale(1); }
    50%  { opacity: 0.5; transform: scale(1.3); }
    100% { opacity: 1; transform: scale(1); }
}
.oh-orderActionBtn.oh-orderAgain:hover {
    background-color: #000;
}

.oh-orderActionBtnSm svg {
  width: 10px;
  height: 10px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

  .oh-orderFilter-searchWrapper {
    align-self: stretch;
    width: 100%;
    box-sizing: border-box;
  }

  .oh-orderFilter-searchForm {
    position: relative;
    display: flex;
  }

  .oh-orderFilter-searchForm input[type="text"] {
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding: 0 40px 0 12px;
    font-size: 1em;
    border: var(--oh-border-color);
    border-radius: 8px;
    box-sizing: border-box;
  }
  .oh-orderFilter-searchForm input[type="text"]::placeholder {
  opacity: 0.5; /* Optional: controls transparency */
}

.oh-orderFilter-searchBtn {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .oh-orderFilter-searchBtn svg {
    display: block;
    width: 20px;
    height: 20px;
    stroke: #000;
  }

  .oh-orderFilter-container {
    display: flex;
    flex-direction: column;
    margin: 20px 0px 25px 0px;
    gap: 10px;
    align-items: center;
    padding: var(--oh-padding);
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, .14);
  }

  .oh-orderFilter-container form {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
  }
  .oh-orderFilter-retrieveCount-container{
display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    width: 100%;
  }
  .oh-orderFilter-retrieve{
    flex: 1;
  }

  .oh-orderFilter-selectWrapper {
    position: relative;
    display: block;
  }

  .oh-orderFilter-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: var(--oh-padding) 40px var(--oh-padding) 12px;
    font-size: var(--oh-font-size);
    border: var(--oh-border-color);
    border-radius: var(--oh-radius);
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 1.2em;
    box-sizing: border-box;
    cursor: pointer;
  }

  .oh-orderFilter-retrieve label {
    display: none;
  }
  .oh-orderCountText{
    font-size: 1.1em;
    font-weight: 500;
    padding: 0px 10px;
  }

  /* Remove focus outlines for cleaner look */
  .oh-orderFilter-container input:focus,
  .oh-orderFilter-container select:focus,
  .oh-orderFilter-container button:focus {
    outline: none;
    box-shadow: none;
  }

  /* Search input hover/focus enhancements */
  .oh-orderFilter-searchForm input[type="text"]:hover,
  .oh-orderFilter-searchForm input[type="text"]:focus {
    border-color: var(--oh-color);
  }

  /* Select hover/focus enhancements */
  .oh-orderFilter-select:hover,
  .oh-orderFilter-select:focus {
    border-color: var(--oh-color);
  }

  /* Optional: Adjust transition for smoother focus effect */
  .oh-orderFilter-searchForm input[type="text"],
  .oh-orderFilter-select {
    transition: border-color 0.2s ease-in-out;
  }


  .oh-pagingDisplayWrapper {
    margin: 56px 0 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .oh-pagingInfo {
    display: none;
  }

  .oh-pagingControls {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .oh-pagingArrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 1px solid var(--oh-border-color);
    border-radius: 8px;
    background: #fff;
    color: var(--oh-blue-dark);
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }

  .oh-pagingNumbers {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
  }

  .oh-pagingNumbers li {
    margin: 0;
  }

  .oh-pagingNumbers li a,
  .oh-pagingNumbers li.oh-active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    border: 1px solid var(--oh-border-color);
    border-radius: 8px;
    background: #fff;
    color: var(--oh-blue-dark);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    text-decoration: none;
  }

  .oh-pagingNumbers li a {
    padding: 0;
  }

  .oh-pagingNumbers li a:hover,
  .oh-pagingArrow:hover {
    border-color: var(--oh-blue-border);
    background: var(--oh-blue-soft);
    color: var(--oh-blue-hover);
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.08);
    text-decoration: none;
    transform: translateY(-1px);
  }

  .oh-pagingNumbers li.oh-active {
    border-color: var(--oh-blue-border);
    background: var(--oh-blue-soft);
    color: var(--oh-blue-dark);
  }

  .oh-pagingArrow svg {
    display: block;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.2s ease;
  }

  .oh-pagingArrow.oh-prev:hover svg {
    transform: translateX(-2px);
  }

  .oh-pagingArrow.oh-next:hover svg {
    transform: translateX(2px);
  }

/**** ORDER ITEMS DISPLAY ***/
.oh-orderItemsAndRevealContainer{
  padding: 0px;
    margin: 0px 10px;
    background: var(--oh-border-color);
background: linear-gradient(45deg, var(--oh-background), var(--oh-report-soft-dark));
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.oh-orderItemsRevealContainer{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid var(--oh-border-color-dark);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
      /* box-shadow: 0px -1px 3px rgba(0, 0, 0, .05); */
}
.oh-orderItemsTotal{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1.1em;
    font-weight: 700;
}
.oh-orderItemsTotal > div:first-child {
    font-weight: 500;
}
.oh-orderItemsTotal span{
font-size: .9em;
    font-weight: 400;
    /*   color: var(--oh-color-muted); */
}

.oh-showHideOrderItems{
    padding: 0px;
    text-align: right;
}
.oh-orderItemsLink{
    position: relative;
    cursor: pointer;
    font-weight: 500;
    font-size: .9em;
}
.oh-orderItemsLink:hover{
    text-decoration: underline;
}
.oh-order-items-link {
    margin-top: 10px;
    font-size: .9em;
    font-weight: 500;
}
.oh-order-items-link a {
    color: var(--oh-link-color);
    text-decoration: none;
}
.oh-order-items-link a:hover {
    color: var(--oh-link-hover-color);
    text-decoration: underline;
}
.oh-orderItemsLink i {
    display: inline-block;
    vertical-align: super;
    margin-left: 9px;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}
.oh-orderItemsLink.oh-show i {
    transform: rotate(90deg); /* Down arrow */
    top: 2px;
    position: relative;
    top: 3px;
}
.oh-orderItemsLink i:before, .oh-orderItemsLink i:after {
    border-right: 1.5px solid;
    content: '';
    display: block;
    height: 7px;
    margin-top: -5px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 2px;
    top: 50%;
    width: 0;
}
.oh-orderItemsLink i:after {
    margin-top: -1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.oh-orderItemsLink i:hover,
.oh-orderItemsLink i:focus,
.oh-orderItemsLink i:hover:before,
.oh-orderItemsLink i:hover:after,
.oh-orderItemsLink i:focus:before,
.oh-orderItemsLink i:focus:after {
    color: #000;
}

.oh-orderItemsContainer{
    display: grid;
    grid-template-rows: auto;
    gap: 10px;
    margin-top: 20px;
}
.oh-orderItem:first-child{
    /*
    border-top: 1px solid var(--oh-border-color);
    */
}
.oh-orderItem{
  display: grid;
  grid-template-columns: 90px 1fr auto;
  align-items: start;
  border-bottom: 1px solid var(--oh-border-color);
  padding: 10px;
  gap: 15px;
}
.oh-orderItem-img-wrapper{
    position: relative;
}
.oh-orderItem-img{
    width: 90px;
}
.oh-orderItem-img img{
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}
.oh-orderItem-img-qty{
    position: absolute;
    top: -4px;
    left: -10px;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    border-radius: 50%;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85em;
    font-weight: 600;
    box-shadow: 1px 1px 2px rgb(0, 0, 0, .2);
}
.oh-orderItem-description-wrapper{}
.oh-orderItem-description{
}
.oh-orderItem-description a{
    text-decoration:none;
}
.oh-orderItem-description a:hover{
    text-decoration:underline;
}
.oh-orderItem-code{
    font-weight: 600;
    margin-bottom: 3px;
}
.oh-orderItem-price-wrapper{
    font-weight: bold;
    text-align: right;
    padding-left: 10px;
}
.oh-orderItem-price{

}
.oh-orderItem-price i{
    display: block;
    font-weight: 300;
    text-decoration: none;
    font-style: normal;
    font-size: .9em;
}
.oh-orderItemsBottomTotal{
    padding: 10px;
    margin-top: 12px;
    text-align: right;
    font-weight: 700;
}
.oh-orderItemsBottomTotal > span{ /*** ORDER ITEM COUNT TEXT ***/
    flex: 1;
    font-weight: 300;
}
.oh-orderItemsBottomReorder{
    padding: 10px;
    text-align: right;
}
.oh-orderItemsBottomReorder a{
    display: inline-block;
}

/*** RESPONSIVE SETTINGS ***/
@media (min-width: 986px) {
  .oh-ordersList{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
    align-items: start;
  }
  .oh-orderFilter-container{
    flex-direction: row;
  }
  .oh-orderFilter-retrieveCount-container{
    flex-direction: row;
    width: auto;
  }
    .oh-orderFilter-searchWrapper {
    position: relative;
    margin: 0 auto;
    flex: 1;
  }
}

/***************************************/
/******** ORDER RANGE MENU ********/
/***************************************/
.oh-rangeMenu {
	position: relative;
	width: min(100%, 370px);
	z-index: 20;
}
	.oh-rangeMenu-trigger {
		width: 100%;
		min-height: 50px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		border: 1px solid var(--oh-border-color);
		border-radius: 8px;
		background: #fff;
		color: var(--oh-color);
		padding: 7px 12px;
		cursor: pointer;
		text-align: left;
		/* box-shadow: 0 8px 20px rgba(17, 24, 39, 0.08); */
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.oh-rangeMenu-trigger:hover,
.oh-rangeMenu-trigger:focus-visible {
	border-color: var(--oh-blue-dark);
	box-shadow: 0 10px 24px rgba(17, 24, 39, 0.14);
	outline: none;
}
	.oh-rangeMenu-triggerMain {
		min-width: 0;
		display: grid;
		gap: 2px;
	}
	.oh-rangeMenu-current {
		font-size: 15px;
		line-height: 1.15;
		font-weight: 700;
		white-space: normal;
	}
	.oh-rangeMenu-icon {
		flex: 0 0 30px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: var(--oh-blue-soft);
		position: relative;
	transition: background .18s ease;
}
.oh-rangeMenu-icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 47%;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--oh-color);
	border-bottom: 2px solid var(--oh-color);
	transform: translate(-50%, -50%) rotate(45deg);
	transition: transform .22s ease;
}
.oh-rangeMenu.is-open .oh-rangeMenu-icon::after {
	transform: translate(-50%, -35%) rotate(225deg);
}
.oh-rangeMenu-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(17, 24, 39, 0.18);
	opacity: 0;
	pointer-events: none;
	transition: opacity .22s ease;
	z-index: 80;
}
.oh-rangeMenu.is-open .oh-rangeMenu-backdrop {
	opacity: 1;
	pointer-events: auto;
}
.oh-rangeMenu-panel {
	position: absolute;
	left: 0;
	top: calc(100% + 10px);
	width: min(370px, calc(100vw - 32px));
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-8px);
	background: #fff;
	border: 1px solid var(--oh-border-color-light);
	border-radius: 8px;
	box-shadow: 0 22px 50px rgba(17, 24, 39, 0.22);
	transition: max-height .28s ease, opacity .18s ease, transform .24s ease;
	z-index: 90;
}
.oh-rangeMenu.is-open .oh-rangeMenu-panel {
	max-height: 430px;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
	.oh-rangeMenu-panelInner {
		padding: 10px;
	}
.oh-rangeMenu-panelHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 2px 2px 10px;
	color: var(--oh-color-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
.oh-rangeMenu-close {
	width: 30px;
	height: 30px;
	border: 0;
	border-radius: 50%;
	background: var(--oh-blue-soft);
	color: var(--oh-color);
	cursor: pointer;
	font-size: 20px;
	line-height: 1;
}
	.oh-rangeMenu .oh-rangeMenu-form {
		display: block;
	}
	.oh-rangeMenu .oh-rangeMenu-option {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr auto;
	gap: 10px;
	align-items: center;
		border: 1px solid var(--oh-border-color-light);
		border-radius: 8px;
		background: #fff;
		color: var(--oh-color);
		padding: 9px 12px;
		cursor: pointer;
		text-align: left;
		transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
	}
	.oh-rangeMenu .oh-rangeMenu-option + .oh-rangeMenu-option {
		margin-top: 5px;
	}
	.oh-rangeMenu-option strong {
		display: block;
		font-size: 15px;
		line-height: 1.1;
	}
	.oh-rangeMenu-option small {
		display: block;
		margin-top: 2px;
		color: var(--oh-color-muted);
		font-size: 12px;
		line-height: 1.15;
	}
.oh-rangeMenu-option:hover,
.oh-rangeMenu-option:focus-visible {
	border-color: var(--oh-blue-dark);
	background: var(--oh-background-light);
	box-shadow: 0 8px 18px rgba(17, 24, 39, 0.1);
	outline: none;
	transform: translateY(-1px);
}
	.oh-rangeMenu-option.is-selected,
	.oh-rangeMenu-option[aria-current="true"],
	.oh-rangeMenu-option[data-oh-range-current="true"],
	.oh-rangeMenu-option:disabled {
		border-color: var(--oh-color);
		background: var(--oh-blue-soft);
		opacity: 1;
	}
	.oh-rangeMenu-option[aria-disabled="true"],
	.oh-rangeMenu-option:disabled {
		cursor: default;
	}
	.oh-rangeMenu-option[aria-disabled="true"]:hover,
	.oh-rangeMenu-option[aria-disabled="true"]:focus-visible,
	.oh-rangeMenu-option:disabled:hover,
	.oh-rangeMenu-option:disabled:focus-visible {
		transform: none;
		box-shadow: none;
		background: var(--oh-blue-soft);
	}
.oh-rangeMenu-check {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid var(--oh-blue-border);
	background: var(--oh-background);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--oh-blue);
	opacity: 0;
	transform: scale(.76);
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease, transform .16s ease;
}
.oh-rangeMenu-check svg {
	display: block;
	width: 14px;
	height: 14px;
}
.oh-rangeMenu-check path {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.35;
}
	.oh-orderFilter-searchForm input[type="text"].oh-orderFilter-searchInput {
		height: 50px;
		min-height: 50px;
		padding-top: 0;
		padding-bottom: 0;
		border-radius: 8px;
		box-sizing: border-box;
	}
.oh-rangeMenu-option.is-selected .oh-rangeMenu-check,
.oh-rangeMenu-option[aria-current="true"] .oh-rangeMenu-check,
.oh-rangeMenu-option[data-oh-range-current="true"] .oh-rangeMenu-check,
.oh-rangeMenu-option:disabled .oh-rangeMenu-check {
	background: var(--oh-blue);
	border-color: var(--oh-blue);
	color: var(--oh-color-inverse);
	opacity: 1;
	transform: scale(1);
}
.oh-rangeMenu-loadingLabel {
	display: none;
	color: var(--oh-color-muted);
	font-size: 12px;
	font-weight: 700;
}
.oh-rangeMenu.is-loading .oh-rangeMenu-loadingLabel {
	display: inline;
}
.oh-rangeMenu.is-loading .oh-rangeMenu-option,
.oh-rangeMenu.is-loading .oh-rangeMenu-trigger {
	pointer-events: none;
	opacity: .72;
}
@media (max-width: 640px) {
	.oh-rangeMenu {
		width: 100%;
	}
	.oh-rangeMenu-panel {
		position: fixed;
		left: 14px;
		right: 14px;
		top: auto;
		bottom: 16px;
		width: auto;
		transform: translateY(14px);
	}
	.oh-rangeMenu.is-open .oh-rangeMenu-panel {
		transform: translateY(0);
	}
}
@media (prefers-reduced-motion: reduce) {
	.oh-rangeMenu *,
	.oh-rangeMenu *::before,
	.oh-rangeMenu *::after {
		transition: none !important;
	}
}

/***************************************/
/******** ORDER EMPTY STATE ********/
/***************************************/
.oh-noOrdersFoundDisplay {
	text-align: center;
	padding: 46px 20px;
	font-size: 1.05em;
	color: var(--oh-color, rgba(0, 0, 0, 0.9));
}
.oh-noOrdersFoundText {
	display: inline-block;
	font-weight: 600;
}
.oh-orderHistoryHelp {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
}
.oh-orderHistoryHelp summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--oh-color-muted, rgba(0, 0, 0, 0.5));
	cursor: pointer;
	list-style: none;
}
.oh-orderHistoryHelp summary::-webkit-details-marker {
	display: none;
}
.oh-orderHistoryHelp summary:hover,
.oh-orderHistoryHelp[open] summary,
.oh-orderHistoryHelp:focus-within summary {
	color: var(--oh-color, rgba(0, 0, 0, 0.9));
}
.oh-orderHistoryHelp svg {
	display: block;
	width: 22px;
	height: 22px;
}
.oh-orderHistoryHelpTooltip {
	display: none;
	position: absolute;
	left: 50%;
	bottom: calc(100% + 10px);
	z-index: 10;
	width: 260px;
	max-width: calc(100vw - 40px);
	transform: translateX(-50%);
	padding: 10px 12px;
	border: 1px solid var(--oh-border-color-dark, var(--oh-report-border));
	border-radius: 5px;
	background: var(--oh-background, #fff);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
	color: var(--oh-color, rgba(0, 0, 0, 0.9));
	font-size: 13px;
	font-weight: 400;
	line-height: 1.35;
	text-align: left;
}
.oh-orderHistoryHelpTooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 10px;
	height: 10px;
	transform: translate(-50%, -5px) rotate(45deg);
	border-right: 1px solid var(--oh-border-color-dark, var(--oh-report-border));
	border-bottom: 1px solid var(--oh-border-color-dark, var(--oh-report-border));
	background: var(--oh-background, #fff);
}
.oh-orderHistoryHelp:hover .oh-orderHistoryHelpTooltip,
.oh-orderHistoryHelp[open] .oh-orderHistoryHelpTooltip,
.oh-orderHistoryHelp:focus-within .oh-orderHistoryHelpTooltip {
	display: block;
}

/***************************************/
/******** MODERN ORDER DETAIL ********/
/***************************************/
/* ========== HEADER ========== */
.oh-orderDetail-header {
    margin-bottom: 15px;
}
@media (min-width: 985px) {
    .oh-orderDetail-header {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
}
.oh-orderDetail-header-numDate {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: baseline;
}

.oh-orderDetail-header-num {
    font-size: 2.1em;
    font-weight: 600;
    flex: 1;
}
.oh-orderText{
    display: block;
    font-size: .5em;
    font-weight: 400;
}
.oh-orderNum{
    font-weight: 700;
    font-size: .8em;
}
.oh-orderDetail-header-date {
    text-align: right;
    font-size: .9em;
    font-weight: 500;
    padding: 0px 4px;
}
@media (min-width: 985px) {
    .oh-orderDetail-header-numDate {
        align-items: center;
    }
    .oh-orderText{
        display: inline;
        font-size: inherit;
        font-weight: inherit;
    }
    .oh-orderNum{
        font-weight:  inherit;
    }
    .oh-orderDetail-header-date {
        font-size: 1em;
    }
}


/* ORDER STATUS IN HEADER */
.oh-orderDetail-header-status-wrapper {}
.oh-orderDetail-header-status-title {
    font-weight: 400;
    font-size: 0.9em;
    color: var(--oh-font-color-secondary);
}
.oh-orderDetail-header-status {
    font-weight: 700;
    font-size: 1.2em;
    text-transform: capitalize;
}
.oh-orderDetail-header-status:after {
    display: inline;
    margin-left: 5px;
}
.oh-orderDetail-header-status.oh-shipped::after {
    content: "\2705";
}
.oh-orderDetail-header-status.oh-cancelled::after {
    content: "\274C";
}
.oh-orderDetail-header-status.oh-pending::after {
    content: "\23F3";
}

/* ========== MAIN WRAPPER ========== */
.oh-orderDetail {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}

/* LEFT CONTENT COLUMN */
.oh-orderDetail-content {
/*
*/
    flex: 1 1 600px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* RIGHT SUMMARY COLUMN */
.oh-orderDetail-summary-container {
    flex: 0 0 300px;
    min-width: 280px;
/*
    align-self: flex-start;
*/
    height: fit-content;
    padding: 16px;
    border: 1px solid var(--oh-border-color-dark);
    border-radius: 5px;
    background-color: var(--oh-background);
    box-shadow: -1px 3px 5px rgba(0, 0, 0, 0.10);
}
.oh-orderDetail-summary-title {
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: 15px;
}

/* STICKY ON DESKTOP */
@media (min-width: 986px) {
    .oh-orderDetail-summary-container {
        position: sticky;
        top: 20px;
    }
}

/* ========== BLOCK STYLES ========== */
.oh-orderDetail-block {
    border-radius: 5px;
    padding: 18px;
    background-color: rgba(0, 0, 0, .03);
/*
    border: 1px solid rgba(0, 0, 0, 0.05);
    border: 1px solid var(--oh-border-color-dark);
    border-radius: 5px;
    padding: 18px;
    background-color: var(--oh-background);
    box-shadow: -1px 3px 5px rgba(0, 0, 0, 0.10);
*/
}
.oh-orderDetail-block-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.oh-orderDetail-block-title {
    font-size: 1.5em;
    font-weight: 600;
    border-bottom: 1px solid var(--oh-border-color);
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.oh-orderDetail-sectionTitle {
    font-size: 1.2em;
    font-weight: 600;
    margin: 0;
    padding: 0;
    margin-bottom: 22px;
}
.oh-orderDetail-sectionTitle.oh-itemsPurchased{
    display: flex;
}

/* SHIPPING / BILLING */
.oh-orderDetail-shipTo,
.oh-orderDetail-billTo {}
.oh-orderDetail-shipTo {
    border-right: none;
}
@media (min-width: 985px) {
    .oh-orderDetail-shipTo {
        border-right: 1px solid rgba(0, 0, 0, .05);
    }
}
.oh-orderDetail-shipToName,
.oh-orderDetail-shipToCompany,
.oh-orderDetail-shipToLocation,
.oh-orderDetail-shipToAddress,
.oh-orderDetail-shipToAddress2,
.oh-orderDetail-billToName,
.oh-orderDetail-billToCompany,
.oh-orderDetail-billToAddress,
.oh-orderDetail-billToAddress2,
.oh-orderDetail-billToLocation {
    font-size: 0.9rem;
    margin-bottom: 2px;
    text-transform: capitalize;
}
.oh-orderDetail-shipToName,
.oh-orderDetail-billToName {
    font-weight: 700;
    margin-bottom:5px;
}
.oh-orderDetail-email {
    margin-bottom: 10px;
}
.oh-orderDetail-email:before {
    display: inline;
    margin-right: 5px;
    content: "\1F4E9";
    font-size: 1.1em;
}
.oh-orderDetail-shipToPhone,
.oh-orderDetail-billToPhone {
    font-weight: 500;
    margin-top: 10px;
}
.oh-orderDetail-shipToPhone:before,
.oh-orderDetail-billToPhone:before {
    display: inline;
    margin-right: 5px;
    content: "\1F4DE";
    font-size: 0.9em;
}
/* ORDER ITEMS */
.oh-orderItemsContainer{
    display: grid;
    grid-template-rows: auto;
    gap: 10px;
    margin-top: 20px;
}
.oh-orderItem:first-child{
    /*
    border-top: 1px solid var(--oh-border-color);
    */
}
.oh-orderItem{
  display: grid;
  grid-template-columns: 90px 1fr auto;
  align-items: start;
  border-bottom: 1px solid var(--oh-border-color);
  padding: 10px;
  gap: 15px;
}
.oh-orderItem:last-child{
    border-bottom: none;
}
.oh-orderItem-img-wrapper{
    position: relative;
}
.oh-orderItem-img{
    width: 90px;
}
.oh-orderItem-img img{
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}
.oh-orderItem-img-qty{
    position: absolute;
    top: -4px;
    left: -10px;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    border-radius: 50%;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .85em;
    font-weight: 600;
    box-shadow: 1px 1px 2px rgb(0, 0, 0, .2);
}
.oh-orderItem-description-wrapper{}
.oh-orderItem-description{
}
.oh-orderItem-description a{
    text-decoration:none;
}
.oh-orderItem-description a:hover{
    text-decoration:underline;
}
.oh-orderItem-code{
    font-weight: 600;
    margin-bottom: 3px;
}
.oh-orderItem-price-wrapper{
    font-weight: bold;
    text-align: right;
    padding-left: 10px;
}
.oh-orderItem-price{

}
.oh-orderItem-price i{
    display: block;
    font-weight: 300;
    text-decoration: none;
    font-style: normal;
    font-size: .9em;
}

/* ORDER STATUS - RIGHT SUMMARY */
.oh-orderDetail-summary-status-container {
padding: 10px;
    border-radius: 5px;
    /* background: var(--oh-report-soft); */
    margin-bottom: 15px;
    border: 1px solid var(--oh-border-color);
    border-left: 8px solid var(--oh-border-color);
}
.oh-orderDetail-summary-status-title {
    font-weight: 600;
    font-size: 0.8em;
    color: #5b4f38;
    margin-bottom: 4px;
}
.oh-orderDetail-summary-status {
    font-weight: 700;
    font-size: 1.2em;
    text-transform: capitalize;
}
.oh-orderDetail-summary-status:after {
    display: inline;
    margin-left: 5px;
}
.oh-orderDetail-summary-status.oh-shipped::after {
    content: "\2705";
}
.oh-orderDetail-summary-status.oh-cancelled::after {
    content: "\274C";
}
.oh-orderDetail-summary-status.oh-pending::after {
    content: "\23F3";
}

/* ORDER SUMMARY GRID */
.oh-orderDetail-summary-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 8px;
    column-gap: 12px;
    font-size: 0.95rem;
    color: var(--oh-font-color-secondary);
    margin-bottom: 22px;
}
.oh-orderDetail-summary-label {
    font-size: 0.9em;
    font-weight: 400;
    align-self: end;
}
.oh-orderDetail-summary-value {
    text-align: right;
    font-size: 1em;
    font-weight: 500;
    color: var(--oh-btn-solid-color);
    align-self: end;
}
.oh-orderDetail-summary-label.oh-total {
    font-size: 1em;
    font-weight: 700;
}
.oh-orderDetail-summary-value.oh-total {
    font-size: 1.1em;
    font-weight: 700;
}

/* ITEM COUNT (unique / total) */
.oh-orderDetail-sectionTitle-itemSummary{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: .8em;
    color: var(--oh-font-color-secondary);
    font-weight: 400;
    flex: 1;
    text-align: right;
    justify-content: right;
}
.oh-orderItem-summary-item-qty {
    padding: 10px 0;
    border-bottom: 1px solid var(--oh-report-soft);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1em;
    font-weight: 500;
}

/* SUMMARY NOTES */
.oh-orderDetail-summary-notes {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 4px;
    column-gap: 12px;
    font-size: 0.9rem;
    color: var(--oh-font-color-secondary);
}
.oh-orderDetail-summary-notes .oh-orderDetail-summary-label {
    font-weight: 500;
}
.oh-orderDetail-summary-notes .oh-orderDetail-summary-value {
    text-align: right;
    font-style: italic;
}

/* PAYMENT INFO */
.oh-orderDetail-paymentInfo {
    border: 1px solid var(--oh-border-color);
    border-left: 10px solid var(--oh-border-color);
    border-radius: 5px;
    padding: 10px;
}
.oh-orderDetail-paymentLabel {
    font-size: 0.8rem;
    font-weight: 400;
    color: var(--oh-font-color-secondary);
    margin-bottom: 1px;
}
.oh-orderDetail-paymentValue {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 11px;
    display: flex;
    gap: 6px;
    align-items: center;
}
/* PAYMENT TYPE */
.oh-paymentTypeIcon > i{display:none;}
.oh-paymentTypeIcon > i svg{
    width: 50px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.oh-visa i.visa{display:block;}
.oh-mastercard i.mastercard{display:block;}
.oh-americanexpress i.americanexpress{display:block;}
.oh-paypal i.paypal{display:block;}
.oh-discover i.discover{display:block;}

.oh-paymentEndingIn{
    font-weight: 400;
    font-size: .85em;
}

/* SUMMARY ACTIONS */
.oh-orderDetail-summary-actions {
    margin-top: 20px;
}
.oh-orderDetail-action{
    margin-bottom: 5px;
}
.oh-orderDetail-action .oh-orderActionBtn {
    display: block;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    background-color: var(--oh-btn-color);
    border: 1px solid var(--oh-btn-border-color);
    font-weight: 600;
    transition: background 0.3s;
}
.oh-orderDetail-action .oh-orderActionBtn:hover {
    background-color: var(--oh-btn-hover-color);
}
.oh-orderActionBtn.oh-print:before{
    display: inline;
    margin-right: 8px;
    content: "\1f5a8";
}
.oh-orderActionBtn.oh-orderAgain{
    background-color: #111;
    color:#fff;
    border: 1px solid #111;
}
/*** ORDER AGAIN SPARKLES ***/
.oh-orderActionBtn.oh-orderAgain:before{
    display: inline;
    margin-right: 5px;
    content: "\2728 ";
}
.oh-orderActionBtn.oh-orderAgain::before {
    content: '\2728'; /* the emoji */
    display: inline-block;
    margin-right: 4px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    will-change: transform, opacity;
}
.oh-orderActionBtn.oh-orderAgain:hover::before {
    animation: twinkleAnim 0.8s infinite;
}
.oh-orderActionBtn.oh-orderAgain:hover {
    background-color: #000;
}

.oh-orderActionBtn.oh-back {
    display: flex;
    align-items: center;
    font-weight: 700;
    text-decoration: none;
    padding: 18px 30px;
    background-color: var(--oh-btn-color);
    border-radius: 5px;
    color: #000;
    transition: background 0.3s;
}
@media (min-width: 985px) {
    .oh-orderActionBtn.oh-back {
        display: inline-flex;
    }
}
.oh-orderActionBtn.oh-back:hover {
    background-color: var(--oh-btn-color);
}
.oh-back-chevron svg{
    width: 18px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.oh-orderDetail-header-date span::after{
    display:inline;
    margin-left: 8px;
    font-size: 1em;
     content: "\1F4CC \1F5D3\FE0F ";
}
/* ========== RESPONSIVE ========== */

@media (min-width: 985px) {
    .oh-orderDetail-block-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .oh-orderDetail-summary-container {
        position: sticky;
        width: 100%;
    }
}
@media (max-width: 985px) {
    .oh-orderDetail {
        flex-direction: column;
    }

}
@media (max-width: 600px) {
    .oh-orderDetail-summary-grid,
    .oh-orderDetail-summary-notes {
        grid-template-columns: 1fr;
        text-align: left;
    }
    .oh-orderDetail-summary-value {
        text-align: left;
    }
}

/***************************************/
/******** ORDER HISTORY USER REPORT ********/
/***************************************/
.oh-user-report-container {
	box-sizing: border-box;
	width: 100%;
}

.oh-user-report-order {
	margin: 10px;
	width: 800px;
	max-width: calc(100% - 20px);
	border-bottom: 1px solid grey;
	padding-bottom: 10px;
}

.oh-user-report-table {
	border-spacing: 0;
	width: 100%;
	border: 1px solid var(--oh-border-color);
}

.oh-user-report-table > tbody > tr:nth-child(odd) {
	background: var(--oh-background-muted);
}

.oh-user-report-table th {
	background-color: var(--oh-border-color);
	padding: 16px;
	color: var(--oh-color);
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	white-space: nowrap;
}

.oh-user-report-table td {
	padding: 16px;
	text-align: left;
	font-size: 14px;
	font-weight: 100;
}

/***************************************/
/******** ORDER SUMMARY REPORT ********/
/***************************************/
.oh-report,
body.oh-orderSummaryReportPage .ui-datepicker {
	--oh-report-page-background: transparent;
	--oh-report-ink: var(--oh-color);
	--oh-report-heading: #111827;
	--oh-report-muted: #6b7280;
	--oh-report-soft: #f3f4f6;
	--oh-report-soft-dark: #f8fafc;
	--oh-report-border: #d1d5db;
	--oh-report-border-light: #e5e7eb;
	--oh-report-accent: #374151;
	--oh-report-accent-dark: #111827;
	--oh-report-accent-soft: #d1d5db;
	--oh-report-shadow: 0 4px 16px rgba(17, 24, 39, 0.08);
	--oh-report-focus-ring: 0 0 0 3px rgba(17, 24, 39, 0.14);
}
.oh-report {
	box-sizing: border-box;
/*
	max-width: 1160px;
	margin: 24px auto 52px;
*/
	padding: 0 16px;
	color: var(--oh-report-ink);
	font-family: var(--oh-font-family);
	font-size: 14px;
}
.oh-report *,
.oh-report *:before,
.oh-report *:after {
	box-sizing: inherit;
}
.oh-report__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin: 24px 0 22px;
}
.oh-report__titleGroup {
	min-width: 0;
}
.oh-report__eyebrow {
	margin-bottom: 5px;
	color: var(--oh-report-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.oh-report__title {
	margin: 0;
	color: var(--oh-report-heading);
	font-size: 30px;
	line-height: 1.2;
	font-weight: 600;
}
.oh-report__subtitle {
	margin: 8px 0 0;
	color: var(--oh-report-muted);
	font-size: 14px;
	line-height: 1.55;
}
.oh-report__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}
.oh-report__button,
.oh-report__button:link,
.oh-report__button:active,
.oh-report__button:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 38px;
	padding: 0 18px;
	border: 1px solid var(--oh-report-border-light);
	border-radius: 33px;
	background: var(--oh-background);
	color: var(--oh-report-accent);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	box-shadow: var(--oh-shadow-sm);
	transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
.oh-report__button:hover {
	border-color: var(--oh-report-accent);
	background: var(--oh-report-soft);
	color: var(--oh-report-accent-dark);
	text-decoration: none;
	box-shadow: var(--oh-report-shadow);
}
.oh-report__button--primary,
.oh-report__button--primary:link,
.oh-report__button--primary:active,
.oh-report__button--primary:visited {
	border-color: var(--oh-blue);
	background: var(--oh-blue);
	color: var(--oh-color-inverse);
}
.oh-report__button--primary:hover {
	border-color: var(--oh-blue-hover);
	background: var(--oh-blue-hover);
	color: var(--oh-color-inverse);
}
.oh-report__buttonIcon {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex: 0 0 auto;
}
.oh-report__filter {
	display: grid;
	grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) auto auto;
	align-items: end;
	gap: 12px;
	margin-bottom: 20px;
	padding: 14px;
	border: 1px solid var(--oh-report-border);
	border-radius: 5px;
	background: linear-gradient(45deg, var(--oh-background), var(--oh-report-soft-dark));
	box-shadow: var(--oh-shadow-sm);
}
.oh-report__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	color: var(--oh-report-heading);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}
.oh-report__fieldLabel {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.oh-report__fieldIcon {
	width: 16px;
	height: 16px;
	color: var(--oh-report-accent);
	flex: 0 0 auto;
}
.oh-report__exportFields {
	grid-column: 1 / -1;
	padding-top: 4px;
}
.oh-report__exportFieldsTitle {
	display: block;
	margin-bottom: 10px;
	font-weight: 700;
}
.oh-report__exportGroups {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
}
.oh-report__exportGroup {
	min-width: 0;
	margin: 0;
	padding: 12px;
	border: 1px solid var(--oh-border-color);
	border-radius: 8px;
	background: var(--oh-surface);
}
.oh-report__exportGroup legend {
	padding: 0 5px;
	font-size: 0.82rem;
	font-weight: 700;
}
.oh-report__exportField {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 7px 0;
	font-size: 0.9rem;
	line-height: 1.25;
}
.oh-report__exportField input {
	flex: 0 0 auto;
	margin-top: 2px;
}
.oh-report__exportField--locked {
	color: var(--oh-report-muted);
}
.oh-report__field input {
	width: 100%;
	height: 38px;
	padding: 8px 10px;
	border: 1px solid var(--oh-report-border);
	border-radius: 4px;
	background: var(--oh-background);
	color: var(--oh-report-ink);
	font-size: 14px;
	font-family: "Poppins", Arial, sans-serif;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.oh-report__field input:focus {
	outline: none;
	border-color: var(--oh-report-accent);
	box-shadow: var(--oh-report-focus-ring);
}
.oh-report__summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}
.oh-report__metric {
	position: relative;
	overflow: hidden;
	min-width: 0;
	padding: 18px 16px 16px;
	border: 1px solid var(--oh-report-border-light);
	border-radius: 11px;
	background: var(--oh-background);
	box-shadow: var(--oh-report-shadow);
}
.oh-report__metric:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--oh-report-accent), var(--oh-report-accent-soft));
}
.oh-report__metricLabel {
	color: var(--oh-report-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
.oh-report__metricValue {
	margin-top: 8px;
	color: var(--oh-report-heading);
	font-size: 24px;
	line-height: 1.15;
	font-weight: 700;
}
.oh-report__metricNote {
	margin-top: 7px;
	color: var(--oh-report-muted);
	font-size: 12px;
	line-height: 1.45;
}
.oh-report__notice {
	margin-bottom: 16px;
	padding: 12px 14px;
	border: 1px solid var(--oh-report-border-light);
	border-left: 4px solid var(--oh-report-accent);
	border-radius: 5px;
	background: var(--oh-report-soft-dark);
	color: var(--oh-report-accent);
	font-size: 13px;
	line-height: 1.45;
}
.oh-report__tableWrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--oh-report-border);
	border-radius: 11px;
	background: var(--oh-background);
	box-shadow: var(--oh-report-shadow);
}
.oh-report__table {
	width: 100%;
	border-collapse: collapse;
}
.oh-report__table th,
.oh-report__table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--oh-report-border-light);
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.45;
}
.oh-report__table th {
	background: var(--oh-report-soft-dark);
	color: var(--oh-report-heading);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
}
.oh-report__table tbody tr:nth-child(even) {
	background: var(--oh-background-light);
}
.oh-report__table tbody tr:hover {
	background: var(--oh-report-soft);
}
.oh-report__table tbody tr:last-child td {
	border-bottom: 0;
}
.oh-report__tableFooter td {
	border-top: 2px solid var(--oh-report-border);
	background: var(--oh-report-soft-dark);
	font-weight: 700;
	vertical-align: bottom;
}
.oh-report__tableFooterLabel {
	font-size: 1.2em;
	line-height: 1;
	text-transform: uppercase;
}
.oh-report__tableFooterAmount {
	text-align: right !important;
	white-space: nowrap;
}
.oh-report__tableFooterStack {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 4px;
}
.oh-report__tableFooterCaption {
	color: var(--oh-report-muted);
	font-size: 0.75em;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1;
	text-transform: uppercase;
}
.oh-report__tableFooterValue {
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1;
}
.oh-report__orderId {
	color: var(--oh-report-accent);
	font-weight: 700;
	white-space: nowrap;
}
.oh-report__nameCell {
	text-transform: capitalize;
}
.oh-report__companyName {
	display: block;
	margin-top: 3px;
	color: var(--oh-report-muted);
	font-size: 0.85em;
	line-height: 1.35;
}
.oh-report__money {
	text-align: right !important;
	white-space: nowrap;
}
.oh-report__status {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 9px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
.oh-report__status--paid {
	background: var(--oh-state-success-background);
	color: var(--oh-state-success-color);
}
.oh-report__status--pending {
	background: var(--oh-state-pending-background);
	color: var(--oh-state-pending-color);
}
.oh-report__empty {
	padding: 42px 18px;
	text-align: center;
}
.oh-report__emptyTitle {
	margin: 0;
	color: var(--oh-report-heading);
	font-size: 18px;
	font-weight: 700;
}
.oh-report__emptyText {
	margin: 8px auto 0;
	max-width: 520px;
	color: var(--oh-report-muted);
	font-size: 14px;
	line-height: 1.45;
}
body.oh-orderSummaryReportPage .ui-datepicker {
	border: 1px solid var(--oh-report-border) !important;
	border-radius: 5px !important;
	background: var(--oh-background) !important;
	color: var(--oh-report-ink) !important;
	font-family: "Poppins", Arial, sans-serif !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
body.oh-orderSummaryReportPage .ui-datepicker .ui-widget-header {
	border: 0 !important;
	background: var(--oh-report-accent) !important;
	color: var(--oh-color-inverse) !important;
}
body.oh-orderSummaryReportPage .ui-datepicker .ui-datepicker-title {
	font-weight: 600;
}
body.oh-orderSummaryReportPage .ui-datepicker .ui-state-default {
	border-color: var(--oh-report-border-light) !important;
	background: var(--oh-report-soft) !important;
	color: var(--oh-report-heading) !important;
}
body.oh-orderSummaryReportPage .ui-datepicker .ui-state-hover,
body.oh-orderSummaryReportPage .ui-datepicker .ui-state-active {
	border-color: var(--oh-report-accent) !important;
	background: var(--oh-report-accent) !important;
	color: var(--oh-color-inverse) !important;
}
@media (max-width: 800px) {
	.oh-report__header {
		align-items: stretch;
		flex-direction: column;
	}
	.oh-report__actions {
		justify-content: flex-start;
	}
	.oh-report__filter {
		grid-template-columns: 1fr;
	}
	.oh-report__summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 620px) {
	.oh-report {
		margin-top: 18px;
		padding: 0 12px;
	}
	.oh-report__title {
		font-size: 24px;
	}
	.oh-report__button {
		width: 100%;
	}
	.oh-report__summary {
		grid-template-columns: 1fr;
	}
	.oh-report__tableWrap {
		border: 0;
		background: transparent;
	}
	.oh-report__table,
	.oh-report__table thead,
	.oh-report__table tbody,
	.oh-report__table tr,
	.oh-report__table th,
	.oh-report__table td {
		display: block;
		width: 100%;
	}
	.oh-report__table thead {
		position: absolute;
		left: -9999px;
	}
	.oh-report__table tbody tr {
		margin-bottom: 12px;
		border: 1px solid var(--oh-report-border);
		border-radius: 8px;
		background: var(--oh-background);
		box-shadow: 0 2px 8px rgba(17, 24, 39, 0.1);
	}
	.oh-report__table td {
		display: flex;
		justify-content: space-between;
		gap: 14px;
		border-bottom: 1px solid var(--oh-report-border-light);
	}
	.oh-report__table td:before {
		content: attr(data-label);
		flex: 0 0 110px;
		color: var(--oh-report-muted);
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
	}
	.oh-report__tableFooter {
		display: none !important;
	}
	.oh-report__money {
		text-align: left !important;
	}
}

/***************************************/
/******** PRINTABLE ORDER DETAIL *******/
/***************************************/
body.oh-printInvoice {
	margin: 0;
	background: var(--oh-print-background);
	color: var(--oh-print-ink);
	font-family: var(--oh-font-family);
	font-size: 14px;
	line-height: 1.45;
}

body.oh-printInvoice *,
body.oh-printInvoice *::before,
body.oh-printInvoice *::after {
	box-sizing: border-box;
}

body.oh-printInvoice p,
body.oh-printInvoice div,
body.oh-printInvoice td {
	font-family: var(--oh-font-family);
	font-size: 14px;
}

.oh-printInvoice .oh-print-capitalize-bold {
	font-weight: 700;
	text-transform: capitalize;
}

.oh-invoiceTable,
.oh-invoiceCell {
	border: 1px solid var(--oh-print-line);
}

.oh-invoiceTotalCell {
	border-color: var(--oh-print-line);
	border-style: solid;
	border-width: 0 1px 1px;
}

.oh-printShell {
	width: min(1040px, calc(100% - 32px));
	margin: 24px auto;
}

.oh-printToolbar {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-bottom: 12px;
}

.oh-printToolbar button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 8px 14px;
	border: 1px solid var(--oh-blue-dark);
	border-radius: var(--oh-radius);
	background: var(--oh-blue-dark);
	color: var(--oh-color-inverse);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.oh-printToolbar svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.1;
	stroke-linecap: round;
	stroke-linejoin: round;
}

body.oh-printInvoice--preview {
	background: var(--oh-background);
}

body.oh-printInvoice--preview .oh-printShell {
	width: 100%;
	margin: 0;
}

body.oh-printInvoice--preview .oh-printToolbar {
	display: none;
}

body.oh-printInvoice--preview .oh-printDocument {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.oh-printDocument {
	overflow: hidden;
	border: 1px solid var(--oh-print-line);
	border-radius: var(--oh-radius-lg);
	background: var(--oh-print-document-background);
	box-shadow: var(--oh-print-document-shadow);
}

.oh-printHeader {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 24px;
	padding: 30px 34px;
	border-bottom: 1px solid var(--oh-print-line);
	background: var(--oh-print-header-background);
}

.oh-printBrand {
	display: flex;
	align-items: flex-start;
	gap: 18px;
}

.oh-printLogo {
	display: block;
	max-width: 230px;
	max-height: 76px;
	object-fit: contain;
}

.oh-printLogoFallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 68px;
	min-height: 68px;
	padding: 12px;
	border-radius: 8px;
	background: var(--oh-print-blue);
	color: var(--oh-color-inverse);
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: 0.04em;
}

.oh-printMerchant h1,
.oh-printOrderTitle h2 {
	margin: 0;
	color: var(--oh-print-ink);
	line-height: 1.08;
}

.oh-printMerchant h1 {
	font-size: 1.45rem;
}

.oh-printMerchant p,
.oh-printOrderTitle p {
	margin: 7px 0 0;
	color: var(--oh-print-muted);
}

.oh-printOrderTitle {
	text-align: right;
}

.oh-printOrderTitle h2 {
	font-size: 1.85rem;
}

.oh-printBadge {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	margin-top: 12px;
	padding: 5px 10px;
	border: 1px solid var(--oh-print-badge-border);
	border-radius: var(--oh-radius-pill);
	background: var(--oh-print-badge-background);
	color: var(--oh-print-blue);
	font-weight: 700;
}

.oh-printContent {
	padding: 28px 34px 34px;
}

.oh-printSection {
	margin-top: 28px;
}

.oh-printSection:first-child {
	margin-top: 0;
}

.oh-printSection h3 {
	margin: 0 0 12px;
	color: var(--oh-print-blue);
	font-size: 0.9rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.oh-printMetaGrid,
.oh-printAddressGrid {
	display: grid;
	gap: 14px;
}

.oh-printMetaGrid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.oh-printAddressGrid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.oh-printPanel {
	min-width: 0;
	padding: 16px;
	border: 1px solid var(--oh-print-line);
	border-radius: 8px;
	background: var(--oh-print-soft);
}

.oh-printMetaRow span,
.oh-printPanelLabel {
	display: block;
	margin-bottom: 4px;
	color: var(--oh-print-muted);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.oh-printMetaRow strong {
	display: block;
	max-width: 100%;
	color: var(--oh-print-ink);
	font-size: 1rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.oh-printAddress {
	color: var(--oh-print-ink);
	overflow-wrap: anywhere;
	word-break: break-word;
}

.oh-printMuted {
	color: var(--oh-print-muted);
}

.oh-printTableWrap {
	overflow: hidden;
	border: 1px solid var(--oh-print-line);
	border-radius: 8px;
}

.oh-printTable {
	width: 100%;
	border-collapse: collapse;
}

.oh-printTable th {
	padding: 11px 12px;
	background: var(--oh-print-table-heading-background);
	color: var(--oh-print-table-heading-color);
	font-size: 0.76rem;
	letter-spacing: 0.06em;
	text-align: left;
	text-transform: uppercase;
}

.oh-printTable td {
	padding: 13px 12px;
	border-top: 1px solid var(--oh-print-line);
	vertical-align: top;
}

.oh-printItem {
	display: grid;
	grid-template-columns: 54px 1fr;
	gap: 12px;
	align-items: flex-start;
}

.oh-printItemImage {
	width: 54px;
	height: 54px;
	border: 1px solid var(--oh-print-line);
	border-radius: 6px;
	background: var(--oh-background);
	object-fit: contain;
}

.oh-printItem strong,
.oh-printItem span {
	display: block;
}

.oh-printItem span {
	margin-top: 3px;
	color: var(--oh-print-muted);
	font-size: 0.86rem;
}

.oh-printNumber {
	text-align: right;
	white-space: nowrap;
}

.oh-printEmpty {
	padding: 24px;
	color: var(--oh-print-muted);
	text-align: center;
}

.oh-printSummaryGrid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 26px;
	align-items: start;
}

.oh-printNotes {
	min-height: 120px;
}

.oh-printNotes p {
	margin: 0;
	color: var(--oh-print-muted);
}

.oh-printTotals {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 8px 18px;
	padding: 16px;
	border: 1px solid var(--oh-print-line);
	border-radius: 8px;
	background: var(--oh-background);
}

.oh-printTotalLabel,
.oh-printTotalValue {
	color: var(--oh-print-table-heading-color);
}

.oh-printTotalValue {
	text-align: right;
	white-space: nowrap;
}

.oh-printGrandTotal {
	margin-top: 8px;
	padding-top: 12px;
	border-top: 2px solid var(--oh-print-ink);
	color: var(--oh-print-ink);
	font-size: 1.1rem;
	font-weight: 800;
}

@media (max-width: 760px) {
	.oh-printShell {
		width: min(100% - 20px, 1040px);
		margin: 10px auto;
	}

	.oh-printHeader,
	.oh-printContent {
		padding: 20px;
	}

	.oh-printHeader,
	.oh-printMetaGrid,
	.oh-printAddressGrid,
	.oh-printSummaryGrid {
		grid-template-columns: 1fr;
	}

	.oh-printOrderTitle {
		text-align: left;
	}

	.oh-printTableWrap {
		overflow-x: auto;
	}

	.oh-printTable {
		min-width: 720px;
	}
}

@media print {
	@page {
		margin: 0.45in;
	}

	body.oh-printInvoice {
		background: var(--oh-background);
		color: #000000;
		font-size: 12px;
	}

	.oh-printInvoice h1,
	.oh-printInvoice h2,
	.oh-printInvoice h3,
	.oh-printInvoice h4,
	.oh-printInvoice h5,
	.oh-printInvoice h6 {
		page-break-after: avoid;
	}

	.oh-printInvoice table,
	.oh-printInvoice figure {
		page-break-inside: avoid;
	}

	.oh-printShell {
		width: 100%;
		margin: 0;
	}

	.oh-printToolbar {
		display: none;
	}

	.oh-printDocument {
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	.oh-printHeader,
	.oh-printContent {
		padding: 0 0 18px;
	}

	.oh-printHeader {
		margin-bottom: 20px;
	}

	.oh-printPanel,
	.oh-printTableWrap,
	.oh-printTotals,
	.oh-printBadge {
		background: var(--oh-background);
	}

	.oh-printSection,
	.oh-printPanel,
	.oh-printTable tr,
	.oh-printTotals {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	.oh-printLogo {
		max-height: 58px;
	}
}

/***************************************/
/******** BUY AGAIN ORDER SUMMARY ********/
/***************************************/
body.oh-buyagain-summary-visible {
	padding-bottom: 120px;
}

.oh-buyagain-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 18px;
	align-items: stretch;
	margin: 0 0 36px;
}

.oh-buyagain-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--oh-border-color);
	border-radius: var(--oh-radius-lg);
	background: var(--oh-background);
	box-shadow: var(--oh-shadow-sm);
	transition: var(--oh-transition);
}

.oh-buyagain-card:hover {
	border-color: var(--oh-blue-border);
	box-shadow: var(--oh-shadow-md);
}

.oh-buyagain-card.oh-is-active {
	border-color: var(--oh-blue);
	box-shadow: 0 0 0 2px var(--oh-blue-shadow), var(--oh-shadow-md);
}

.oh-buyagain-tags {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.oh-buyagain-tag {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 8px;
	border-radius: var(--oh-radius-pill);
	background: var(--oh-blue);
	color: var(--oh-color-inverse);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.oh-buyagain-card-media {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 1 / 1;
	padding: 18px;
	background: var(--oh-surface-alt);
	border-bottom: 1px solid var(--oh-border-color-light);
}

.oh-buyagain-card-media a {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
}

.oh-buyagain-card-media img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.oh-buyagain-image-badge {
	position: absolute;
	z-index: 2;
	max-width: 70%;
	padding: 5px 8px;
	border-radius: var(--oh-radius);
	background: rgba(17, 24, 39, 0.86);
	color: var(--oh-color-inverse);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}

.oh-buyagain-image-badge-top-left { top: 10px; left: 10px; }
.oh-buyagain-image-badge-top-right { top: 10px; right: 10px; }
.oh-buyagain-image-badge-bottom-left { bottom: 10px; left: 10px; }
.oh-buyagain-image-badge-bottom-right { right: 10px; bottom: 10px; }
.oh-buyagain-image-badge-corrugated { right: 10px; bottom: 10px; }

.oh-buyagain-card-code {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: calc(100% - 20px);
	padding: 4px 8px;
	border-radius: var(--oh-radius-pill);
	background: var(--oh-background);
	color: var(--oh-color-subtle);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	box-shadow: var(--oh-shadow-sm);
}

.oh-buyagain-card-code span {
	padding: 2px 5px;
	border-radius: var(--oh-radius-pill);
	background: var(--oh-blue-soft);
	color: var(--oh-blue-dark);
}

.oh-buyagain-card-code-inline {
	color: var(--oh-color-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	text-transform: uppercase;
}

.oh-buyagain-card-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 8px;
	padding: 14px 14px 0;
}

.oh-buyagain-card-dimensions,
.oh-buyagain-card-attributes {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	color: var(--oh-color-muted);
	font-size: 12px;
	line-height: 1.35;
	text-transform: uppercase;
}

.oh-buyagain-card-style,
.oh-buyagain-card-color {
	padding: 3px 7px;
	border: 1px solid var(--oh-border-color-light);
	border-radius: var(--oh-radius-pill);
	background: var(--oh-background-light);
}

.oh-buyagain-option-list {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 0;
	color: var(--oh-color-muted);
	font-size: 12px;
	list-style: none;
}

.oh-buyagain-option span {
	color: var(--oh-color);
	font-weight: 700;
}

.oh-buyagain-review-link {
	color: var(--oh-color-muted);
	font-size: 12px;
	line-height: 1.4;
}

.oh-buyagain-review-link a {
	color: var(--oh-link-color);
	font-weight: 700;
}

.oh-buyagain-options {
	display: grid;
	gap: 6px;
	padding: 9px;
	border: 1px solid var(--oh-border-color-light);
	border-radius: var(--oh-radius);
	background: var(--oh-background-light);
	color: var(--oh-color-muted);
	font-size: 12px;
	line-height: 1.45;
}

.oh-buyagain-options-title {
	color: var(--oh-color);
	font-weight: 800;
	text-transform: uppercase;
}

.oh-buyagain-options-list ul {
	margin: 0;
	padding-left: 17px;
}

.oh-buyagain-options-list li {
	margin: 3px 0;
}

.oh-buyagain-options-list span {
	color: var(--oh-color);
	font-weight: 700;
}

.oh-buyagain-card-title {
	color: var(--oh-color);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

.oh-buyagain-card-title a {
	color: inherit;
	text-decoration: none;
}

.oh-buyagain-card-title a:hover {
	color: var(--oh-link-hover-color);
	text-decoration: underline;
}

.oh-buyagain-card-reviews {
	min-height: 18px;
}

.oh-buyagain-card-order {
	padding: 14px;
}

.oh-buyagain-price-block {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 10px;
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid var(--oh-border-color-light);
}

.oh-buyagain-sale-price,
.oh-buyagain-your-price {
	color: var(--oh-danger-color);
	font-size: 14px;
	font-weight: 800;
}

.oh-buyagain-sale-price span,
.oh-buyagain-your-price span {
	margin-left: 4px;
}

.oh-buyagain-reg-price {
	color: var(--oh-color-muted);
	font-size: 13px;
	font-weight: 600;
}

.oh-buyagain-reg-price span {
	margin-left: 4px;
	text-decoration: line-through;
}

.oh-buyagain-purchase-options,
.oh-buyagain-set-options {
	display: grid;
	gap: 10px;
}

.oh-buyagain-price-option {
	display: grid;
	gap: 9px;
	padding: 11px;
	border: 1px solid var(--oh-border-color);
	border-radius: var(--oh-radius);
	background: var(--oh-background-light);
}

.oh-buyagain-price-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	color: var(--oh-color);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.oh-buyagain-price-title span {
	color: var(--oh-color-muted);
	font-weight: 700;
	letter-spacing: 0;
}

.oh-buyagain-price-option-inner,
.oh-buyagain-price-display {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.oh-buyagain-price-wrapper {
	min-width: 0;
}

.oh-buyagain-price {
	color: var(--oh-color);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.1;
}

.oh-buyagain-price-each {
	margin-top: 3px;
	color: var(--oh-color-muted);
	font-size: 12px;
	line-height: 1.2;
}

.oh-buyagain-qty-select select {
	min-width: 64px;
	min-height: 36px;
	padding: 6px 8px;
	border: 1px solid var(--oh-border-color-dark);
	border-radius: var(--oh-radius);
	background: var(--oh-background);
	color: var(--oh-color);
	font-size: 14px;
}

.oh-buyagain-qty-select select:focus {
	border-color: var(--oh-blue);
	box-shadow: var(--oh-focus-ring);
	outline: none;
}

.oh-buyagain-out-of-stock,
.oh-buyagain-discontinued,
.oh-buyagain-notice {
	margin: 14px;
	padding: 10px 12px;
	border-radius: var(--oh-radius);
	background: var(--oh-danger-background);
	color: var(--oh-danger-color);
	font-weight: 700;
	text-align: center;
}

.oh-buyagain-qty-toggle-inner label {
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	border: 1px solid var(--oh-border-color-dark);
	border-radius: var(--oh-radius-pill);
	background: var(--oh-background);
}

.oh-buyagain-qty-minus,
.oh-buyagain-qty-plus,
.oh-buyagain-qty-field {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	min-height: 36px;
	color: var(--oh-color);
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
}

.oh-buyagain-qty-minus,
.oh-buyagain-qty-plus {
	cursor: pointer;
	background: var(--oh-blue-soft);
	color: var(--oh-blue-dark);
	transition: var(--oh-transition);
}

.oh-buyagain-qty-minus:hover,
.oh-buyagain-qty-plus:hover {
	background: var(--oh-blue);
	color: var(--oh-color-inverse);
}

.oh-buyagain-qty-field {
	min-width: 44px;
	border-right: 1px solid var(--oh-border-color-light);
	border-left: 1px solid var(--oh-border-color-light);
	background: var(--oh-background);
}

.oh-buyagain-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 26px 0 22px;
}

.oh-buyagain-back a,
.oh-button-primary input {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 9px 18px;
	border-radius: var(--oh-radius-pill);
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	transition: var(--oh-transition);
}

.oh-buyagain-back a {
	border: 1px solid var(--oh-border-color);
	background: var(--oh-background);
	color: var(--oh-link-color);
}

.oh-buyagain-back a:hover {
	border-color: var(--oh-blue-border);
	background: var(--oh-blue-soft);
	color: var(--oh-link-hover-color);
}

.oh-button-primary input {
	border: 1px solid var(--oh-btn-solid-color);
	background: var(--oh-btn-solid-color);
	color: var(--oh-btn-solid-text-color);
}

.oh-button-primary input:hover {
	border-color: var(--oh-btn-solid-hover-color);
	background: var(--oh-btn-solid-hover-color);
}

.oh-buyagain-summary {
	position: fixed;
	z-index: 9999;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	padding: 12px;
	background: rgba(255, 255, 255, 0.96);
	border-top: 1px solid var(--oh-border-color);
	box-shadow: 0 -10px 30px rgba(17, 24, 39, 0.18);
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.oh-buyagain-summary.oh-is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.oh-buyagain-summary-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	max-width: 1180px;
	margin: 0 auto;
}

.oh-buyagain-summary-panel {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	order: 2;
}

.oh-buyagain-summary-title {
	display: none;
	color: var(--oh-color);
	font-size: 16px;
	font-weight: 800;
}

.oh-buyagain-summary-totals {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	color: var(--oh-color);
	text-align: right;
}

#oh-buyagain-item-count,
#oh-buyagain-item-count-text {
	color: var(--oh-color-muted);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

#oh-buyagain-order-total {
	font-size: 20px;
	font-weight: 800;
	white-space: nowrap;
}

.oh-buyagain-summary-submit > input {
	box-sizing: border-box;
	min-height: 40px;
	padding: 9px 18px;
	border: 1px solid var(--oh-btn-solid-color);
	border-radius: var(--oh-radius-pill);
	background: var(--oh-btn-solid-color);
	color: var(--oh-btn-solid-text-color);
	cursor: pointer;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	-webkit-appearance: none;
	transition: var(--oh-transition);
}

.oh-buyagain-summary-submit > input:hover {
	background: var(--oh-btn-solid-hover-color);
	border-color: var(--oh-btn-solid-hover-color);
}

.oh-buyagain-summary-items {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 4px 2px;
}

.oh-buyagain-empty {
	display: flex;
	align-items: center;
	min-height: 74px;
	color: var(--oh-color-muted);
	font-size: 13px;
	font-weight: 700;
}

.oh-buyagain-selected-card {
	position: relative;
	display: grid;
	grid-template-columns: 64px minmax(105px, 1fr);
	gap: 10px;
	flex: 0 0 auto;
	min-width: 190px;
	padding: 8px 10px 8px 8px;
	border: 1px solid var(--oh-border-color);
	border-radius: var(--oh-radius-lg);
	background: var(--oh-background);
	box-shadow: var(--oh-shadow-sm);
}

.oh-buyagain-selected-image-wrap {
	position: relative;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: var(--oh-radius);
	background: var(--oh-background-light);
}

.oh-buyagain-selected-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.oh-buyagain-selected-code {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 3px 5px;
	background: rgba(30, 58, 138, 0.92);
	color: var(--oh-color-inverse);
	font-size: 10px;
	font-weight: 800;
	line-height: 1.1;
	text-align: center;
}

.oh-buyagain-selected-remove {
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 1px solid var(--oh-border-color);
	border-radius: 50%;
	background: var(--oh-background);
	color: var(--oh-danger-color);
	cursor: pointer;
	box-shadow: var(--oh-shadow-sm);
}

.oh-buyagain-selected-remove > svg {
	display: inline-block;
	width: 14px;
	height: 14px;
}

.oh-buyagain-selected-meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 7px;
	min-width: 0;
}

.oh-buyagain-selected-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.oh-buyagain-selected-size {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 7px;
	border-radius: var(--oh-radius-pill);
	background: var(--oh-blue-soft);
	color: var(--oh-blue-dark);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

.oh-buyagain-selected-size > i {
	font-style: normal;
}

.oh-buyagain-selected-total {
	color: var(--oh-color);
	font-size: 15px;
	font-weight: 800;
	line-height: 1;
}

@media (min-width: 986px) {
	body.oh-buyagain-summary-visible {
		padding-right: 244px;
		padding-bottom: 0;
	}

	.oh-buyagain-summary {
		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		width: 244px;
		padding: 18px;
		border-top: 0;
		border-left: 1px solid var(--oh-border-color);
		box-shadow: -12px 0 30px rgba(17, 24, 39, 0.14);
		transform: translateX(100%);
	}

	.oh-buyagain-summary.oh-is-visible {
		transform: translateX(0);
	}

	.oh-buyagain-summary-layout {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		height: 100%;
		max-width: none;
	}

	.oh-buyagain-summary-panel {
		display: grid;
		gap: 14px;
		order: 0;
	}

	.oh-buyagain-summary-title {
		display: block;
		padding-bottom: 10px;
		border-bottom: 1px solid var(--oh-border-color-light);
		text-align: center;
	}

	.oh-buyagain-summary-totals {
		display: grid;
		gap: 6px;
		justify-content: stretch;
		text-align: center;
	}

	#oh-buyagain-order-total {
		font-size: 26px;
	}

	.oh-buyagain-summary-submit > input {
		width: 100%;
	}

	.oh-buyagain-summary-items {
		flex: 1 1 auto;
		flex-direction: column;
		overflow-x: visible;
		overflow-y: auto;
		padding: 0 2px 4px;
	}

	.oh-buyagain-empty {
		min-height: 0;
		padding: 14px 0;
		text-align: center;
	}

	.oh-buyagain-selected-card {
		grid-template-columns: 1fr;
		min-width: 0;
		padding: 12px;
		text-align: center;
	}

	.oh-buyagain-selected-image-wrap {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.oh-buyagain-selected-sizes {
		justify-content: center;
	}
}

/***************************************/
/******** LEGACY ORDER LIST FILTERS ********/
/***************************************/
/*******************************************/
/*********** PAGING DISPLAY ****************/
/*******************************************/
.pagingDisplayWrapper {
}

.pagingInfo {
	color: #aaaaaa;
	font-size: 11px;
	padding-right: 25px;
}

ul.pagingNumbers {
	border: 0;
	margin: 0;
	padding: 0;
}

ul.pagingNumbers li {
	display: block;
	float: left;
	list-style: none;
	border: 0;
	margin: 0;
	margin-right: 4px;
	font-size: 12px;
}

ul.pagingNumbers li.active {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 7px 5px 7px;
}

ul.pagingNumbers a {
	background-image: url(/mod_orderHistory/images/pagingNumBg.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	display: block;
	float: left;
	padding: 4px 6px 4px 6px;
	border: solid 1px #dedede;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #0e509e;
	text-decoration: none;
}

ul.pagingNumbers a:link, ul.pagingNumbers a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #0e509e;
	text-decoration: none;
}

ul.pagingNumbers a:hover {
	font-size: 12px;
	font-weight: bold;
	border: solid 1px #aaaaaa;
}
.pdSearchSectionMain{
	position: relative;
}

.pdFilterSearchBar {
	transition: all 0.3s ease;
	background-color: #ffffff;
	border-radius: 0;
	border: 1px solid #eaeaea;
	padding: 0;
	margin: 0;
	box-shadow: 0px 6px 32px rgba(0, 0, 0, .05);
	width: 100%;
}

.pdFilterSearchBarHeading {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 700;
	color: #111;
	border-radius: 0;
	padding: 12px 20px;
	background: #ececec;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pdFilterSearchBarHeading span {
	display: inline-block;
	font-size: 16px;
}

.pdFilterSearchBarCont {
	padding: 20px;
	box-sizing: border-box;
}

.pdFilterSearchBarHeading #pdCloseSearch {
	font-weight: 400;
	font-size: 20px;
	cursor: pointer;
}
.pdFilterSearchBarTitle {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 700;
	color: #222;
	white-space: nowrap;
}

.pdFilterSearchBarInput {
	width: 99%;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
}

.pdFilterSearchBarInput input {
	margin: 0;
	width: 100%;
	font-size: 0.8em;
}
.pdFilterSearchBarDates {
	padding: 0 !important;
}
.pdFilterSearchBarInput label {
	font-weight: normal;
	margin: 0 0 3px;
	font-size: 14px;
}
.pdFilterSearchBarRow {
	display: block;
	width: 50%;
	float: left;
	padding-bottom: 16px;
}
.pdFilterSearchBarRowRight {
	display: block;
	width: 50%;
	float: right;
	padding-bottom: 16px;
}
.pdFilterSearchBarRowRight.pdFilterSearchBarDates {
	width: 50%;
}
.pdFilterSearchBarFooter {
	/* padding: 16px 0 0 0; */
	display: flex;
}
.pdFilterSearchBarDates #foo {
	display: flex;
	align-items: center;
}
.pdFilterSearchBarBtn {
	display: block;
	max-width: 130px;
	width: 50%;
}
.pdFilterSearchBarFooter input {
	margin: 0;
	width: 100%;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	height: unset;
	line-height: 25px;
	padding: 5px 16px;
	letter-spacing: 0;
	transition: 0.3s;
}
.pdFilterSearchBarFooter input:hover{
	opacity: 0.7;
	color: #fff;
}
.pdFilterSearchBarBtn.pdReset input{
	border: 1px solid #2868c6;
	background: transparent;
	color: #2868c6;
}
.pdFilterSearchBarBtn.pdReset input:hover{
	color: #fff;
	background: #2868c6;
}
.pdFilterSearchBarBtn > a, .pdFilterSearchBarBtn > input {
	transition: all 0.3s ease;
	color: #ffffff;
	background-color: #2868c6;
	border: 1px solid #2868c6;
	text-decoration: none;
	cursor: pointer;
}
.pdFilterSearchBarBtn.pdReset {
	margin-left: 7px;
}
.pdSearchBtnRevealForm > a {
	display: block;
	transition: all 0.3s ease;
	padding: 10px 15px;
	color: #ffffff;
	background-color: #2868c6;
	border: 1px solid #2868c6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}
.pdFilterSearchBarFields {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pdDateBetween {
	padding: 0 8px;
}

@media only screen and (max-width: 767px) {
	.pdFilterSearchBarFields {
		flex-direction: column;
	}
	.pdFilterSearchBarRow {
		width: 100%;
	}
	.pdFilterSearchBarRow.pdFilterSearchBarDates {
		width: 100%;
		margin: 12px 0 0 0;
	}

}

#pdFilterSearchKeywordInput {
	height: 40px;
	border: 1px solid #aba4a4;
}

.datepicker-input {
	width:200px;
	height: 40px;
	border: 1px solid #aba4a4;
}

/***************************************/
/******** MODERN ORDER HISTORY CARDS ***/
/***************************************/
.oh-modernOrderHistory {
	--oh-card-radius: 8px;
	--oh-card-border: var(--oh-border-color);
	--oh-card-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
	--oh-card-shadow-hover: 0 12px 28px rgba(15, 23, 42, 0.11);
	color: var(--oh-color);
	font-family: var(--oh-font-family);
}

.oh-modernOrderHistory *,
.oh-modernOrderHistory *::before,
.oh-modernOrderHistory *::after {
	box-sizing: border-box;
}

.oh-modernOrderHistory .oh-modernOrderFilter {
	align-items: stretch;
	border: 1px solid var(--oh-border-color-light);
	background: var(--oh-background-light);
	box-shadow: var(--oh-shadow-sm);
}

.oh-modernOrderHistory .oh-orderFilter-searchBtn {
	color: var(--oh-blue-dark);
}

.oh-modernOrderHistory .oh-orderFilter-searchInput {
	color: var(--oh-color);
	font-size: 1.14rem;
	font-weight: 700;
}

.oh-modernOrderHistory .oh-orderFilter-searchInput::placeholder {
	color: var(--oh-color-muted);
	font-size: 1rem;
	font-weight: 400;
	opacity: 1;
}

.oh-modernOrderHistory .oh-orderCountText--searchResult {
	color: var(--oh-color);
	font-size: 1.08rem;
	font-weight: 700;
	white-space: nowrap;
}

.oh-modernOrderHistory .oh-orderStatusFilter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 20px;
	margin: -6px 0 18px;
	padding: 0 6px;
}

.oh-modernOrderHistory .oh-orderStatusFilter-link {
	display: inline-grid;
	color: var(--oh-color-muted);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
	text-underline-offset: 5px;
	text-decoration-thickness: 2px;
}

.oh-modernOrderHistory .oh-orderStatusFilter-link span,
.oh-modernOrderHistory .oh-orderStatusFilter-link::after {
	grid-area: 1 / 1;
}

.oh-modernOrderHistory .oh-orderStatusFilter-link::after {
	content: attr(data-label);
	font-weight: 700;
	visibility: hidden;
	pointer-events: none;
}

.oh-modernOrderHistory .oh-orderStatusFilter-link:hover,
.oh-modernOrderHistory .oh-orderStatusFilter-link:focus-visible,
.oh-modernOrderHistory .oh-orderStatusFilter-link.is-active {
	color: var(--oh-color);
	font-weight: 700;
	text-decoration: underline;
}

.oh-modernOrderHistory .oh-orderStatusFilter-link:focus-visible {
	outline: 2px solid var(--oh-blue-border);
	outline-offset: 4px;
}

@media (max-width: 985px) {
	.oh-modernOrderHistory .oh-orderStatusFilter {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 4px 6px 8px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}

	.oh-modernOrderHistory .oh-orderStatusFilter-link {
		flex: 0 0 auto;
		white-space: nowrap;
	}
}

.oh-modernOrderHistory .oh-modernOrderList {
	display: flex !important;
	grid-template-columns: none !important;
	width: 100%;
	gap: 18px;
	align-items: stretch;
}

.oh-modernOrderHistory .oh-orderHistory-card {
	position: relative;
	width: 100%;
	overflow: visible;
	border: 1px solid var(--oh-card-border);
	border-radius: var(--oh-card-radius);
	background: var(--oh-background);
	box-shadow: var(--oh-card-shadow);
	transition: border-color 0.22s ease, box-shadow 0.22s ease;
	z-index: 1;
}

.oh-modernOrderHistory .oh-orderHistory-card:hover,
.oh-modernOrderHistory .oh-orderHistory-card:focus-within {
	border-color: var(--oh-border-color-dark);
	box-shadow: var(--oh-card-shadow-hover);
	z-index: 20;
}

.oh-modernOrderHistory .oh-orderCard-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px;
	border-bottom: 1px solid var(--oh-border-color-light);
	border-radius: calc(var(--oh-card-radius) - 1px) calc(var(--oh-card-radius) - 1px) 0 0;
	background: var(--oh-background-muted);
	z-index: 3;
}

.oh-modernOrderHistory .oh-orderCard-titleGroup {
	min-width: 0;
	flex: 1 1 auto;
}

.oh-modernOrderHistory .oh-orderCard-orderMeta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.oh-modernOrderHistory .oh-orderCard-title {
	margin: 0;
	color: var(--oh-color);
	font-family: var(--oh-heading-font-family);
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}

.oh-modernOrderHistory .oh-orderStatusBadge,
.oh-report .oh-orderStatusBadge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 28px;
	padding: 4px 10px;
	border: 1px solid var(--oh-state-neutral-border);
	border-radius: var(--oh-radius-pill);
	background: var(--oh-state-neutral-background);
	color: var(--oh-state-neutral-color);
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1;
	text-transform: capitalize;
	white-space: nowrap;
}

.oh-modernOrderHistory .oh-orderStatusBadge svg,
.oh-report .oh-orderStatusBadge svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oh-modernOrderHistory .oh-orderStatusBadge--pending,
.oh-report .oh-orderStatusBadge--pending {
	border-color: var(--oh-state-pending-border);
	background: var(--oh-state-pending-background);
	color: var(--oh-state-pending-color);
}

.oh-modernOrderHistory .oh-orderStatusBadge--processing,
.oh-report .oh-orderStatusBadge--processing {
	border-color: var(--oh-state-processing-border);
	background: var(--oh-state-processing-background);
	color: var(--oh-state-processing-color);
}

.oh-modernOrderHistory .oh-orderStatusBadge--shipped,
.oh-report .oh-orderStatusBadge--shipped {
	border-color: var(--oh-state-shipped-border);
	background: var(--oh-state-shipped-background);
	color: var(--oh-state-shipped-color);
}

.oh-modernOrderHistory .oh-orderStatusBadge--success,
.oh-report .oh-orderStatusBadge--success {
	border-color: var(--oh-state-success-border);
	background: var(--oh-state-success-background);
	color: var(--oh-state-success-color);
}

.oh-modernOrderHistory .oh-orderStatusBadge--danger,
.oh-report .oh-orderStatusBadge--danger {
	border-color: var(--oh-state-danger-border);
	background: var(--oh-state-danger-background);
	color: var(--oh-state-danger-color);
}

.oh-modernOrderHistory .oh-orderCard-headerActions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: 16px;
}

.oh-modernOrderHistory .oh-orderCard-viewButton,
.oh-modernOrderHistory .oh-orderCard-secondaryAction,
.oh-modernOrderHistory .oh-orderCard-reorderAction {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 14px;
	border: 1px solid var(--oh-blue);
	border-radius: 6px;
	background: var(--oh-blue);
	color: var(--oh-color-inverse);
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	white-space: nowrap;
}

.oh-modernOrderHistory .oh-orderCard-viewButton:hover,
.oh-modernOrderHistory .oh-orderCard-reorderAction:hover {
	border-color: var(--oh-blue-hover);
	background: var(--oh-blue-hover);
	color: var(--oh-color-inverse);
	text-decoration: none;
}

.oh-modernOrderHistory .oh-orderCard-printButton {
	width: 42px;
	min-width: 42px;
	padding: 10px;
	border-color: var(--oh-blue-border);
	background: var(--oh-background);
	color: var(--oh-blue);
}

.oh-modernOrderHistory .oh-orderCard-printButton:hover {
	border-color: var(--oh-blue);
	background: var(--oh-blue-soft);
	color: var(--oh-blue-hover);
}

.oh-modernOrderHistory .oh-orderCard-viewButton svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.25;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.2s ease;
}

.oh-modernOrderHistory .oh-orderCard-viewButton:hover svg {
	transform: translateX(3px);
}

.oh-modernOrderHistory .oh-orderCard-reorderAction svg,
.oh-modernOrderHistory .oh-orderCard-reorderIconButton svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oh-modernOrderHistory .oh-orderCard-printButton:hover svg {
	transform: none;
}

.oh-modernOrderHistory .oh-orderTooltip {
	position: relative;
	z-index: 1;
}

.oh-modernOrderHistory .oh-orderTooltip:hover,
.oh-modernOrderHistory .oh-orderTooltip:focus-visible {
	z-index: 300;
}

.oh-modernOrderHistory .oh-orderTooltip::before,
.oh-modernOrderHistory .oh-orderTooltip::after {
	position: absolute;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 4px);
	transition: opacity 0.18s ease, transform 0.18s ease;
	z-index: 400;
}

.oh-modernOrderHistory .oh-orderTooltip::before {
	bottom: calc(100% + 6px);
	width: 9px;
	height: 9px;
	background: var(--oh-tooltip-background);
	content: "";
	transform: translate(-50%, 4px) rotate(45deg);
}

.oh-modernOrderHistory .oh-orderTooltip::after {
	bottom: calc(100% + 10px);
	max-width: min(190px, calc(100vw - 32px));
	padding: 7px 10px;
	border-radius: 6px;
	background: var(--oh-tooltip-background);
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.18);
	color: var(--oh-tooltip-color);
	content: attr(data-oh-tooltip);
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
	.oh-modernOrderHistory .oh-orderTooltip:hover::before,
	.oh-modernOrderHistory .oh-orderTooltip:hover::after {
		opacity: 1;
		transform: translate(-50%, 0);
	}

	.oh-modernOrderHistory .oh-orderTooltip:hover::before {
		transform: translate(-50%, 0) rotate(45deg);
	}
}

.oh-modernOrderHistory .oh-orderTooltip:focus-visible::before,
.oh-modernOrderHistory .oh-orderTooltip:focus-visible::after {
	opacity: 1;
	transform: translate(-50%, 0);
}

.oh-modernOrderHistory .oh-orderTooltip:focus-visible::before {
	transform: translate(-50%, 0) rotate(45deg);
}

.oh-modernOrderHistory button.oh-orderCard-viewButton {
	font-family: inherit;
	cursor: pointer;
}

.oh-modernOrderHistory .oh-orderHelpMenu {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.oh-modernOrderHistory .oh-orderHelpMenu-panel {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 600;
	width: min(320px, calc(100vw - 32px));
	padding: 10px;
	border: 1px solid var(--oh-border-color);
	border-radius: 8px;
	background: var(--oh-background);
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-4px);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
	visibility: hidden;
}

.oh-modernOrderHistory .oh-orderHelpMenu-panel.is-open {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.oh-modernOrderHistory .oh-orderHelpMenu-panel--tracking {
	width: min(360px, calc(100vw - 32px));
}

.oh-modernOrderHistory .oh-orderHelpMenu-list {
	display: grid;
	gap: 8px;
}

.oh-modernOrderHistory .oh-orderHelpMenu-item {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) 16px;
	align-items: center;
	gap: 10px;
	padding: 10px;
	border: 1px solid var(--oh-border-color-light);
	border-radius: 6px;
	background: var(--oh-surface-alt);
	color: var(--oh-color);
	text-decoration: none;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.oh-modernOrderHistory .oh-orderHelpMenu-item:hover,
.oh-modernOrderHistory .oh-orderHelpMenu-item:focus-visible {
	border-color: var(--oh-blue-border);
	background: var(--oh-blue-soft);
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
	color: var(--oh-blue-dark);
	outline: none;
	text-decoration: none;
}

.oh-modernOrderHistory .oh-orderHelpMenu-item--static,
.oh-modernOrderHistory .oh-orderHelpMenu-item--static:hover,
.oh-modernOrderHistory .oh-orderHelpMenu-item--static:focus-visible {
	border-color: var(--oh-border-color-light);
	background: var(--oh-surface-alt);
	box-shadow: none;
	color: var(--oh-color);
	cursor: default;
	outline: none;
}

.oh-modernOrderHistory .oh-orderHelpMenu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background: var(--oh-background);
	color: var(--oh-blue);
}

.oh-modernOrderHistory .oh-orderHelpMenu-icon svg,
.oh-modernOrderHistory .oh-orderHelpMenu-chevron svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oh-modernOrderHistory .oh-orderHelpMenu-text {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.oh-modernOrderHistory .oh-orderHelpMenu-title {
	color: inherit;
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1.15;
}

.oh-modernOrderHistory .oh-orderTrackingMenu .oh-orderHelpMenu-title {
	overflow-wrap: anywhere;
}

.oh-modernOrderHistory .oh-orderHelpMenu-subtitle {
	color: var(--oh-color-muted);
	font-size: 0.76rem;
	font-weight: 400;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.oh-modernOrderHistory .oh-orderHelpMenu-chevron {
	display: inline-flex;
	color: var(--oh-border-color-dark);
}

.oh-modernOrderHistory .oh-orderHelpMenu-item--static .oh-orderHelpMenu-chevron {
	visibility: hidden;
}

body.oh-printModal-open {
	overflow: hidden;
}

.oh-modernOrderHistory .oh-printModal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.22s ease, visibility 0.22s ease;
}

.oh-modernOrderHistory .oh-printModal.is-open {
	opacity: 1;
	visibility: visible;
}

.oh-modernOrderHistory .oh-printModal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.72);
	backdrop-filter: blur(3px);
}

.oh-modernOrderHistory .oh-printModal-dialog {
	position: relative;
	display: flex;
	flex-direction: column;
	width: min(1040px, 100%);
	max-height: min(88vh, 900px);
	overflow: hidden;
	border: 1px solid var(--oh-border-color);
	border-radius: 10px;
	background: var(--oh-background);
	box-shadow: 0 28px 70px rgba(15, 23, 42, 0.34);
	transform: translateY(10px) scale(0.985);
	transition: transform 0.22s ease;
}

.oh-modernOrderHistory .oh-printModal.is-open .oh-printModal-dialog {
	transform: translateY(0) scale(1);
}

.oh-modernOrderHistory .oh-printModal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 18px;
	border-bottom: 1px solid var(--oh-border-color);
	background: var(--oh-background-muted);
}

.oh-modernOrderHistory .oh-printModal-eyebrow {
	color: var(--oh-color-muted);
	font-size: 0.68rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}

.oh-modernOrderHistory .oh-printModal-title {
	margin: 2px 0 0;
	color: var(--oh-color);
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.2;
}

.oh-modernOrderHistory .oh-printModal-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.oh-modernOrderHistory .oh-printModal-printButton,
.oh-modernOrderHistory .oh-printModal-closeButton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	border: 1px solid var(--oh-border-color);
	border-radius: 6px;
	background: var(--oh-background);
	color: var(--oh-blue-dark);
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.oh-modernOrderHistory .oh-printModal-printButton {
	gap: 8px;
	padding: 10px 13px;
}

.oh-modernOrderHistory .oh-printModal-printButton {
	border-color: var(--oh-blue);
	background: var(--oh-blue);
	color: var(--oh-color-inverse);
	cursor: pointer;
}

.oh-modernOrderHistory .oh-printModal-closeButton {
	width: 40px;
	padding: 0;
	cursor: pointer;
}

.oh-modernOrderHistory .oh-printModal-closeButton:hover {
	border-color: var(--oh-blue);
	background: var(--oh-blue-soft);
	color: var(--oh-blue-hover);
	text-decoration: none;
}

.oh-modernOrderHistory .oh-printModal-printButton:hover {
	border-color: var(--oh-blue-hover);
	background: var(--oh-blue-hover);
	color: var(--oh-color-inverse);
}

.oh-modernOrderHistory .oh-printModal-printButton:disabled {
	border-color: var(--oh-border-color-dark);
	background: var(--oh-background-muted);
	color: var(--oh-color-muted);
	cursor: wait;
}

.oh-modernOrderHistory .oh-printModal-printButton:focus-visible,
.oh-modernOrderHistory .oh-printModal-closeButton:focus-visible {
	outline: 0;
	box-shadow: var(--oh-focus-ring);
}

.oh-modernOrderHistory .oh-printModal-printButton svg,
.oh-modernOrderHistory .oh-printModal-closeButton svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oh-modernOrderHistory .oh-printModal-body {
	position: relative;
	min-height: 420px;
	background: var(--oh-background-light);
}

.oh-modernOrderHistory .oh-printModal-loading {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--oh-color-muted);
	font-size: 0.92rem;
	font-weight: 700;
}

.oh-modernOrderHistory .oh-printModal-frame {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: min(72vh, 720px);
	border: 0;
	background: var(--oh-background);
	transition: opacity 0.18s ease;
}

.oh-modernOrderHistory .oh-printModal.is-loading .oh-printModal-frame {
	opacity: 0.28;
}

.oh-modernOrderHistory .oh-orderCard-body {
	padding: 18px 20px 20px;
	border-radius: 0 0 calc(var(--oh-card-radius) - 1px) calc(var(--oh-card-radius) - 1px);
	background: var(--oh-background);
	background-clip: padding-box;
}

.oh-modernOrderHistory .oh-orderCard-summary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
	gap: 14px;
	align-items: start;
	padding-bottom: 0;
}

.oh-modernOrderHistory .oh-orderCard-summaryItem {
	display: flex;
	align-items: flex-start;
	min-width: 0;
	gap: 10px;
	color: var(--oh-color-muted);
	font-size: 0.9rem;
	text-transform: capitalize;
}

.oh-modernOrderHistory .oh-orderCard-summaryIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--oh-blue-dark);
}

.oh-modernOrderHistory .oh-orderCard-summaryIcon svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oh-modernOrderHistory .oh-orderCard-summaryItem span:last-child {
	min-width: 0;
}

.oh-modernOrderHistory .oh-orderCard-summaryLabel {
	display: block;
	margin-bottom: 2px;
	color: var(--oh-color-muted);
	font-size: .65rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0;
}

.oh-modernOrderHistory .oh-orderCard-summaryItem strong {
	display: block;
	overflow-wrap: anywhere;
	color: var(--oh-color);
	font-size: 0.94rem;
	font-weight: 700;
	line-height: 1.3;
	text-transform: capitalize;
}

.oh-modernOrderHistory .oh-orderCard-summaryAction {
	display: flex;
	justify-content: flex-end;
}

.oh-modernOrderHistory .oh-orderCard-detailToggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 38px;
	min-height: 38px;
	padding: 8px;
	border: 1px solid var(--oh-border-color);
	border-radius: 6px;
	background: var(--oh-background);
	color: var(--oh-blue-dark);
	cursor: pointer;
	font-size: 0.86rem;
	font-weight: 700;
	transition: var(--oh-transition);
	white-space: nowrap;
}

.oh-modernOrderHistory .oh-orderCard-detailToggle:hover {
	border-color: var(--oh-blue-border);
	background: var(--oh-blue-soft);
}

.oh-modernOrderHistory .oh-orderDisclosurePanel {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.26s ease, opacity 0.22s ease, margin-top 0.22s ease;
}

.oh-modernOrderHistory .oh-orderDisclosurePanel[hidden] {
	display: none;
}

.oh-modernOrderHistory .oh-orderDisclosurePanel.is-open {
	max-height: 9000px;
	margin-top: 16px;
	overflow: visible;
	opacity: 1;
}

.oh-modernOrderHistory .oh-orderShip-details {
	border: 1px solid var(--oh-border-color-light);
	border-radius: 8px;
	background: var(--oh-surface-alt);
}

.oh-modernOrderHistory .oh-orderShip-detailGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding: 14px;
}

.oh-modernOrderHistory .oh-orderShip-detailRow {
	min-width: 0;
}

.oh-modernOrderHistory .oh-orderShip-detailRow span {
	display: block;
	margin-bottom: 3px;
	color: var(--oh-color-muted);
	font-size: 0.76rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0;
}

.oh-modernOrderHistory .oh-orderShip-detailRow strong,
.oh-modernOrderHistory .oh-orderShip-detailEmpty {
	display: block;
	color: var(--oh-color);
	font-size: 0.92rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.oh-modernOrderHistory .oh-orderItems-preview {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 16px;
	margin-top: 18px;
	padding: 14px 24px 14px 14px;
	border: 1px solid var(--oh-border-color);
	border-radius: 8px;
	background: var(--oh-background);
	color: inherit;
	cursor: pointer;
	font: inherit;
	text-align: left;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
	appearance: none;
	-webkit-appearance: none;
}

.oh-modernOrderHistory .oh-orderItems-preview:hover {
	border-color: var(--oh-blue-border);
	background: var(--oh-blue-soft);
	box-shadow: 0 6px 16px rgba(37, 99, 235, 0.08);
}

.oh-modernOrderHistory .oh-orderItems-previewMain {
	display: flex;
	align-items: center;
	min-width: 0;
	max-width: 180px;
	max-height: 56px;
	gap: 14px;
	overflow: hidden;
	opacity: 1;
	transition: max-width 0.22s ease, max-height 0.22s ease, opacity 0.18s ease;
}

.oh-modernOrderHistory .oh-orderHistory-card.is-items-expanded .oh-orderItems-preview {
	align-items: center;
	gap: 0;
	justify-content: flex-end;
	min-height: 82px;
	padding: 14px 24px 14px 16px;
	border-color: var(--oh-border-color);
	border-bottom-color: transparent;
	border-radius: 8px 8px 0 0;
	background: var(--oh-background);
	box-shadow: none;
}

.oh-modernOrderHistory .oh-orderHistory-card.is-items-expanded .oh-orderItems-preview:hover {
	background: var(--oh-background);
	box-shadow: none;
}

.oh-modernOrderHistory .oh-orderHistory-card.is-items-expanded .oh-orderItems-previewMain {
	max-width: 0;
	max-height: 0;
	opacity: 0;
	pointer-events: none;
}

.oh-modernOrderHistory .oh-orderThumbStack {
	position: relative;
	flex: 0 0 auto;
	height: 52px;
	min-width: 52px;
	margin: 0 0 0 5px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: inherit;
}

.oh-modernOrderHistory .oh-orderThumbStack-empty {
	width: 52px;
}

.oh-modernOrderHistory .oh-orderThumbStack-empty .oh-orderThumbFallback {
	left: 0;
}

.oh-modernOrderHistory .oh-orderThumb,
.oh-modernOrderHistory .oh-orderThumbFallback {
	position: absolute;
	top: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border: 2px solid var(--oh-background);
	border-radius: 7px;
	background: var(--oh-border-color-light);
	box-shadow: 0 2px 7px rgba(15, 23, 42, 0.16);
	color: var(--oh-color-muted);
}

.oh-modernOrderHistory .oh-orderThumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oh-modernOrderHistory .oh-orderThumbFallback svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media (min-width: 681px) {
	.oh-modernOrderHistory .oh-orderHistory-card:not(.is-items-expanded) .oh-orderItems-previewMain {
		flex: 1 1 420px;
		max-width: min(620px, 62%);
	}

	.oh-modernOrderHistory .oh-orderHistory-card:not(.is-items-expanded) .oh-orderThumbStack:not(.oh-orderThumbStack-empty) {
		display: inline-flex;
		align-items: center;
		justify-content: space-evenly;
		flex: 1 1 240px;
		width: auto !important;
		max-width: 420px;
		margin-left: 0;
	}

	.oh-modernOrderHistory .oh-orderHistory-card:not(.is-items-expanded) .oh-orderThumbStack:not(.oh-orderThumbStack-empty) .oh-orderThumb {
		position: relative;
		top: auto;
		left: auto !important;
		flex: 0 0 52px;
	}
}

.oh-modernOrderHistory .oh-orderItems-summary {
	display: flex;
	align-items: center;
	min-width: 0;
	min-height: 52px;
}

.oh-modernOrderHistory .oh-orderItems-summary strong {
	display: block;
	margin: 0;
	color: var(--oh-color);
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1;
}

.oh-modernOrderHistory .oh-orderItems-summary span {
	display: block;
	color: var(--oh-color-muted);
	font-size: 0.9rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.oh-modernOrderHistory .oh-orderItems-previewMeta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
	gap: 16px;
	text-align: right;
}

.oh-modernOrderHistory .oh-orderItems-expandText {
	display: inline-flex;
	align-items: baseline;
	gap: 12px;
	min-width: 0;
}

.oh-modernOrderHistory .oh-orderItems-expandCount {
	color: var(--oh-color);
	font-size: 0.86rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.oh-modernOrderHistory .oh-orderItems-expandTotal {
	color: var(--oh-color);
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

.oh-modernOrderHistory .oh-orderChevronIcon {
	display: inline-block;
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	margin-top: -3px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transform-origin: 50% 50%;
	transition: transform 0.24s ease, margin-top 0.24s ease;
}

.oh-modernOrderHistory .oh-orderItems-preview .oh-orderChevronIcon {
	color: var(--oh-blue-dark);
}

.oh-modernOrderHistory .oh-orderCard-detailToggle[aria-expanded="true"] .oh-orderChevronIcon,
.oh-modernOrderHistory .oh-orderItems-preview[aria-expanded="true"] .oh-orderChevronIcon {
	margin-top: 3px;
	transform: rotate(225deg);
}

.oh-modernOrderHistory .oh-orderLine-detailsInner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, 330px);
	gap: 18px;
	padding: 16px;
	border: 1px solid var(--oh-border-color-light);
	border-radius: 8px;
	background: var(--oh-background);
	overflow: visible;
}

.oh-modernOrderHistory .oh-orderHistory-card.is-items-expanded .oh-orderLine-details.is-open {
	margin-top: 0;
}

.oh-modernOrderHistory .oh-orderHistory-card.is-items-expanded .oh-orderLine-detailsInner {
	border-color: var(--oh-border-color);
	border-top: 0;
	border-radius: 0 0 8px 8px;
}

.oh-modernOrderHistory .oh-orderItems-preview:hover + .oh-orderLine-details .oh-orderLine-detailsInner {
	border-color: var(--oh-blue-border);
}

.oh-modernOrderHistory .oh-orderLine-list {
	display: grid;
	gap: 12px;
	min-width: 0;
	overflow: visible;
}

.oh-modernOrderHistory .oh-orderLine-row {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) minmax(170px, auto);
	gap: 14px;
	align-items: start;
	padding: 12px;
	border: 1px solid var(--oh-border-color-light);
	border-radius: 8px;
	background: rgba(243, 244, 246, 0.6);
	overflow: visible;
}

.oh-modernOrderHistory .oh-orderLine-imageWrap,
.oh-modernOrderHistory .oh-orderLine-imageFallback {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	overflow: hidden;
	border-radius: 7px;
	background: #eef2f7;
	color: var(--oh-color-muted);
}

.oh-modernOrderHistory .oh-orderLine-imageWrap {
	position: relative;
	overflow: visible;
}

.oh-modernOrderHistory .oh-orderLine-imageWrap img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	object-fit: cover;
}

.oh-modernOrderHistory .oh-orderLine-imageWrap a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 7px;
	color: inherit;
	text-decoration: none;
}

.oh-modernOrderHistory .oh-orderFavoriteButton {
	position: absolute;
	top: -9px;
	left: -9px;
	z-index: 50;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid var(--oh-blue-border);
	border-radius: 50%;
	background: var(--oh-background);
	box-shadow: 0 8px 16px rgba(15, 23, 42, 0.14);
	color: var(--oh-blue);
	cursor: pointer;
	transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}

.oh-modernOrderHistory .oh-orderFavoriteButton.oh-orderTooltip:hover,
.oh-modernOrderHistory .oh-orderFavoriteButton.oh-orderTooltip:focus-visible {
	z-index: 1200;
}

.oh-modernOrderHistory .oh-orderFavoriteButton.oh-orderTooltip::before,
.oh-modernOrderHistory .oh-orderFavoriteButton.oh-orderTooltip::after {
	z-index: 1300;
}

.oh-modernOrderHistory .oh-orderFavoriteButton svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oh-modernOrderHistory .oh-orderFavoriteButton:hover,
.oh-modernOrderHistory .oh-orderFavoriteButton:focus-visible {
	border-color: var(--oh-blue);
	background: #eff6ff;
	box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18);
	transform: translateY(-1px);
}

.oh-modernOrderHistory .oh-orderFavoriteButton.is-favorite {
	border-color: #fecaca;
	background: #fff1f2;
	color: #dc2626;
}

.oh-modernOrderHistory .oh-orderFavoriteButton.is-favorite svg {
	fill: currentColor;
}

.oh-modernOrderHistory .oh-orderFavoriteButton.is-loading {
	opacity: 0.68;
	pointer-events: none;
}

.oh-modernOrderHistory .oh-orderFavoriteButton.is-error {
	border-color: var(--oh-danger-background);
	background: var(--oh-danger-background);
	color: var(--oh-danger-color);
}

.oh-modernOrderHistory .oh-orderLine-imageFallback svg {
	width: 26px;
	height: 26px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oh-modernOrderHistory .oh-orderLine-name {
	margin-bottom: 5px;
	color: var(--oh-color);
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.32;
}

.oh-modernOrderHistory .oh-orderLine-name a {
	color: var(--oh-color);
	text-decoration: none;
}

.oh-modernOrderHistory .oh-orderLine-name a:hover {
	color: var(--oh-link-hover-color);
	text-decoration: underline;
}

.oh-modernOrderHistory .oh-orderLine-code,
.oh-modernOrderHistory .oh-orderLine-extra,
.oh-modernOrderHistory .oh-orderLine-options {
	color: var(--oh-color-muted);
	font-size: 0.86rem;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.oh-modernOrderHistory .oh-orderLine-options {
	margin-top: 6px;
	padding: 10px 0 0;
	border-top: 1px solid var(--oh-border-color-light);
	border-radius: 0;
	background: transparent;
}

.oh-modernOrderHistory .oh-orderLine-options span {
	margin-right: 6px;
	color: var(--oh-color);
	font-weight: 800;
}

.oh-modernOrderHistory .oh-orderLine-pricing {
	display: grid;
	grid-template-columns: auto auto;
	gap: 12px;
	justify-content: end;
	align-items: baseline;
	text-align: right;
}

.oh-modernOrderHistory .oh-orderLine-unitCalc {
	color: var(--oh-color-muted);
	font-size: 0.84rem;
	font-weight: 400;
	white-space: nowrap;
}

.oh-modernOrderHistory .oh-orderLine-lineTotal {
	color: var(--oh-color);
	font-size: 0.9rem;
	font-weight: 800;
	white-space: nowrap;
}

.oh-modernOrderHistory .oh-orderLine-empty {
	padding: 14px;
	border: 1px solid var(--oh-border-color-light);
	border-radius: 8px;
	background: rgba(243, 244, 246, 0.6);
	color: var(--oh-color-muted);
}

.oh-modernOrderHistory .oh-orderTotal-breakdown {
	align-self: start;
	padding: 14px;
	border: 1px solid var(--oh-border-color-light);
	border-radius: 8px;
	background: rgba(243, 244, 246, 0.6);
}

.oh-modernOrderHistory .oh-orderTotal-breakdown h3 {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	margin: 0 0 12px;
	color: var(--oh-color);
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0;
}

.oh-modernOrderHistory .oh-orderTotal-headingMeta {
	flex: 0 0 auto;
	color: var(--oh-color-muted);
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: right;
}

.oh-modernOrderHistory .oh-orderTotal-grid {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 9px 14px;
	align-items: baseline;
}

.oh-modernOrderHistory .oh-orderTotal-label,
.oh-modernOrderHistory .oh-orderTotal-value {
	color: var(--oh-color-muted);
	font-size: 0.9rem;
}

.oh-modernOrderHistory .oh-orderTotal-value {
	text-align: right;
	font-weight: 700;
	white-space: nowrap;
}

.oh-modernOrderHistory .oh-orderTotal-label.oh-total,
.oh-modernOrderHistory .oh-orderTotal-value.oh-total {
	margin-top: 7px;
	padding-top: 11px;
	border-top: 1px solid var(--oh-border-color-light);
	color: var(--oh-color);
	font-size: 1rem;
	font-weight: 900;
}

.oh-modernOrderHistory .oh-orderCard-actions {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
	padding-top: 2px;
}

.oh-modernOrderHistory .oh-orderCard-hiddenForm {
	display: none;
}

.oh-modernOrderHistory .oh-orderCard-secondaryAction {
	border-color: var(--oh-border-color);
	background: var(--oh-background);
	color: var(--oh-blue-dark);
}

.oh-modernOrderHistory .oh-orderCard-secondaryAction:hover {
	border-color: var(--oh-blue-border);
	background: var(--oh-blue-soft);
	color: var(--oh-blue-dark);
	text-decoration: none;
}

.oh-modernOrderHistory button:focus-visible,
.oh-modernOrderHistory a:focus-visible,
.oh-modernOrderHistory input:focus-visible {
	outline: none;
	box-shadow: var(--oh-focus-ring);
}

/***************************************/
/******** MODERN ORDER DETAIL **********/
/***************************************/
.oh-orderDetailModern {
	margin-top: 18px;
}

.oh-orderDetailModern .oh-orderDetailModern-card {
	margin-bottom: 24px;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.oh-orderDetailModern .oh-orderDetailModern-card:hover,
.oh-orderDetailModern .oh-orderDetailModern-card:focus-within {
	border-color: transparent;
	box-shadow: none;
}

.oh-orderDetailModern .oh-orderDetailModern-stickyHeader {
	position: sticky;
	top: 0;
	z-index: 80;
	padding: 14px 18px 16px;
	border: 0;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	background: var(--oh-background);
	box-shadow: none;
	transition: border-color 160ms ease, border-radius 160ms ease, box-shadow 160ms ease;
}

.oh-orderDetailModern .oh-orderDetailModern-stickyHeader.is-stuck {
	border-bottom-color: var(--oh-border-color-light);
	border-radius: 0 0 8px 8px;
	box-shadow: 0 10px 20px rgba(17, 24, 39, 0.08);
}

.oh-orderDetailModern .oh-orderDetailModern-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin-top: 6px;
	color: var(--oh-color-muted);
	font-size: 0.86rem;
	font-weight: 400;
	line-height: 1.25;
}

.oh-orderDetailModern .oh-orderDetailModern-metaItem {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

.oh-orderDetailModern .oh-orderDetailModern-actions {
	flex: 0 0 auto;
}

.oh-orderDetailModern .oh-orderDetailModern-helpMark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1;
}

.oh-orderDetailModern .oh-orderDetailModern-headerReorderAction {
	min-height: 42px;
}

.oh-orderDetailModern .oh-orderDetailModern-body {
	display: grid;
	gap: 22px;
	padding-right: 0;
	padding-left: 0;
	background: transparent;
}

.oh-orderDetailModern .oh-orderDetailModern-infoGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.oh-orderDetailModern .oh-orderDetailModern-infoPanel {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
	min-width: 0;
	overflow: hidden;
	padding: 18px;
	border: 1px solid var(--oh-border-color);
	border-radius: 8px;
	background: linear-gradient(180deg, var(--oh-background) 0%, var(--oh-background-light) 100%);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.oh-orderDetailModern .oh-orderDetailModern-infoPanel::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--oh-border-color) 0%, var(--oh-border-color-light) 100%);
	content: "";
}

.oh-orderDetailModern .oh-orderDetailModern-infoHeader {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--oh-border-color-light);
}

.oh-orderDetailModern .oh-orderDetailModern-infoIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	order: 2;
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	margin-left: auto;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--oh-color-muted);
}

.oh-orderDetailModern .oh-orderDetailModern-infoIcon svg {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oh-orderDetailModern .oh-orderDetailModern-infoPanel h2,
.oh-orderDetailModern .oh-orderDetailModern-sectionHeader h2 {
	margin: 0;
	color: var(--oh-color);
	font-family: var(--oh-heading-font-family);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0;
}

.oh-orderDetailModern .oh-orderDetailModern-infoHeader h2 {
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
	text-align: left;
}

.oh-orderDetailModern .oh-orderDetailModern-infoRows {
	display: grid;
	gap: 10px;
	align-content: start;
	margin-top: 14px;
}

.oh-orderDetailModern .oh-orderDetailModern-infoRow {
	min-width: 0;
}

.oh-orderDetailModern .oh-orderDetailModern-infoRow span {
	display: block;
	margin-bottom: 3px;
	color: var(--oh-color-muted);
	font-size: 0.62rem;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.oh-orderDetailModern .oh-orderDetailModern-infoRow strong,
.oh-orderDetailModern .oh-orderDetailModern-infoEmpty {
	display: block;
	color: var(--oh-color);
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.38;
	overflow-wrap: anywhere;
}

.oh-orderDetailModern .oh-orderDetailModern-section {
	display: grid;
	gap: 14px;
}

.oh-orderDetailModern .oh-orderDetailModern-sectionHeader {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	padding-top: 2px;
}

.oh-orderDetailModern .oh-orderDetailModern-sectionHeader p {
	margin: 5px 0 0;
	color: var(--oh-color-muted);
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.35;
}

.oh-orderDetailModern .oh-orderDetailModern-itemsSection .oh-orderLine-list {
	gap: 14px;
}

.oh-orderDetailModern .oh-orderDetailModern-itemsSection .oh-orderLine-row {
	padding: 16px 0;
	border: 0;
	border-bottom: 1px solid var(--oh-border-color-light);
	border-radius: 0;
	background: var(--oh-background);
}

.oh-orderDetailModern .oh-orderDetailModern-itemsSection .oh-orderLine-row:last-child {
	border-bottom: 0;
}

.oh-orderDetailModern .oh-orderLine-list--columns {
	gap: 0;
	overflow: visible;
	border: 1px solid var(--oh-border-color-light);
	border-radius: 8px;
	background: var(--oh-background);
}

.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-header,
.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-row {
	display: grid;
	grid-template-columns: minmax(280px, 1fr) 82px 118px 118px;
	gap: 16px;
	align-items: start;
}

.oh-orderDetailModern .oh-orderLine-list--columns.oh-orderLine-list--withActions .oh-orderLine-header,
.oh-orderDetailModern .oh-orderLine-list--columns.oh-orderLine-list--withActions .oh-orderLine-row {
	grid-template-columns: minmax(280px, 1fr) 82px 118px 118px 132px;
}

.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-header {
	padding: 11px 16px;
	border-radius: 7px 7px 0 0;
	background: var(--oh-background-light);
	color: var(--oh-color-subtle);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-headerQty,
.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-headerUnit,
.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-headerTotal,
.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-headerAction {
	text-align: right;
}

.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-row,
.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-row:last-child {
	padding: 16px;
	border: 0;
	border-top: 1px solid var(--oh-border-color-light);
	border-radius: 0;
	background: var(--oh-background);
}

.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-row:last-child {
	border-radius: 0 0 7px 7px;
}

.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-itemCell {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 14px;
	min-width: 0;
	overflow: visible;
}

.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-qty,
.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-unitPrice,
.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-lineTotalCell {
	color: var(--oh-color);
	font-size: 0.9rem;
	line-height: 1.35;
	text-align: right;
	white-space: nowrap;
}

.oh-orderDetailModern .oh-orderLine-action {
	display: flex;
	justify-content: flex-end;
	min-width: 0;
}

.oh-orderDetailModern .oh-orderLine-buyAgainAction {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 31px;
	padding: 0 11px;
	border: 1px solid var(--oh-blue-border);
	border-radius: 6px;
	background: var(--oh-background);
	color: var(--oh-blue);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	white-space: nowrap;
}

.oh-orderDetailModern .oh-orderLine-buyAgainAction:hover {
	border-color: var(--oh-blue);
	background: var(--oh-blue-soft);
	color: var(--oh-blue-hover);
	text-decoration: none;
}

.oh-orderDetailModern .oh-orderLine-buyAgainAction svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.oh-orderDetailModern .oh-orderLine-cellLabel {
	display: none;
}

.oh-orderDetailModern .oh-orderDetailModern-summarySection {
	display: block;
}

.oh-orderDetailModern .oh-orderDetailModern-summarySection .oh-orderTotal-breakdown {
	width: 100%;
	background: var(--oh-surface-alt);
}

.oh-orderDetailModern .oh-orderDetailModern-bottomActions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	padding-top: 18px;
}

.oh-orderDetailModern .oh-orderDetailModern-backAction {
	margin-right: auto;
	border-color: var(--oh-border-color);
	background: var(--oh-background);
	color: var(--oh-blue-dark);
}

.oh-orderDetailModern .oh-orderDetailModern-bottomActions .oh-orderCard-reorderAction {
	margin-left: auto;
}

.oh-orderDetailModern .oh-orderDetailModern-backAction:hover {
	border-color: var(--oh-blue-border);
	background: var(--oh-blue-soft);
	color: var(--oh-blue-dark);
	text-decoration: none;
}

.oh-orderDetailModern .oh-orderDetailModern-paymentPanel {
	grid-template-rows: auto auto 1fr;
}

.oh-orderDetailModern .oh-orderDetailModern-paymentMethod {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	margin-top: 14px;
	padding: 11px 12px;
	border: 1px solid var(--oh-border-color-light);
	border-radius: 8px;
	background: var(--oh-background);
}

.oh-orderDetailModern .oh-orderDetailModern-paymentBrand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 64px;
	width: 64px;
	height: 40px;
}

.oh-orderDetailModern .oh-orderDetailModern-paymentBrand svg {
	display: block;
	width: 64px;
	height: 40px;
}

.oh-orderDetailModern .oh-orderDetailModern-paymentMethodText {
	min-width: 0;
}

.oh-orderDetailModern .oh-orderDetailModern-paymentMethodText span {
	display: block;
	margin-bottom: 3px;
	color: var(--oh-color-muted);
	font-size: 0.66rem;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
}

.oh-orderDetailModern .oh-orderDetailModern-paymentMethodText strong {
	display: block;
	color: var(--oh-color);
	font-size: 0.86rem;
	font-weight: 500;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.oh-orderDetailModern .oh-orderDetailModern-paymentMethodText em {
	display: block;
	margin-top: 2px;
	color: var(--oh-color-muted);
	font-size: 0.82rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
}

@media (max-width: 900px) {
	.oh-modernOrderHistory .oh-orderCard-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oh-orderDetailModern .oh-orderDetailModern-infoGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oh-orderDetailModern .oh-orderDetailModern-infoPanel:last-child {
		grid-column: 1 / -1;
	}

	.oh-modernOrderHistory .oh-orderCard-summaryAction {
		justify-content: flex-start;
	}

	.oh-modernOrderHistory .oh-orderLine-detailsInner {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.oh-modernOrderHistory .oh-printModal {
		padding: 10px;
	}

	.oh-modernOrderHistory .oh-printModal-dialog {
		max-height: 92vh;
		border-radius: 8px;
	}

	.oh-modernOrderHistory .oh-printModal-header {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
		padding: 14px;
	}

	.oh-modernOrderHistory .oh-printModal-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 40px;
		width: 100%;
	}

	.oh-modernOrderHistory .oh-printModal-printButton {
		width: 100%;
	}

	.oh-modernOrderHistory .oh-printModal-body {
		min-height: 360px;
	}

	.oh-modernOrderHistory .oh-printModal-frame {
		height: 68vh;
	}

	.oh-modernOrderHistory .oh-orderCard-header {
		align-items: stretch;
		flex-direction: column;
		padding: 16px;
	}

	.oh-modernOrderHistory .oh-orderCard-headerActions {
		display: grid;
		grid-template-columns: 48px minmax(0, 1fr);
		gap: 10px;
		margin-left: 0;
		width: 100%;
	}

	.oh-modernOrderHistory .oh-orderCard-headerActions--hasReorder {
		grid-template-columns: 48px 48px minmax(0, 1fr);
	}

	.oh-modernOrderHistory:not(.oh-orderDetailModern) .oh-orderCard-headerActions--hasHelp {
		grid-template-columns: 48px 48px minmax(0, 1fr);
	}

	.oh-modernOrderHistory:not(.oh-orderDetailModern) .oh-orderCard-headerActions--hasHelp.oh-orderCard-headerActions--hasReorder {
		grid-template-columns: 48px 48px 48px minmax(0, 1fr);
	}

	.oh-orderDetailModern .oh-orderDetailModern-actions--noReorder {
		grid-template-columns: 48px 48px;
	}

	.oh-orderDetailModern .oh-orderDetailModern-actions--noHelp {
		grid-template-columns: 48px;
	}

	.oh-orderDetailModern .oh-orderDetailModern-actions--noHelp.oh-orderCard-headerActions--hasReorder {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.oh-orderDetailModern .oh-orderDetailModern-actions--hasTracking.oh-orderDetailModern-actions--noReorder {
		grid-template-columns: 48px 48px 48px;
	}

	.oh-orderDetailModern .oh-orderDetailModern-actions--hasTracking.oh-orderDetailModern-actions--noHelp.oh-orderDetailModern-actions--noReorder {
		grid-template-columns: 48px 48px;
	}

	.oh-orderDetailModern .oh-orderDetailModern-actions--hasTracking.oh-orderCard-headerActions--hasReorder {
		grid-template-columns: 48px 48px 48px minmax(0, 1fr);
	}

	.oh-orderDetailModern .oh-orderDetailModern-actions--hasTracking.oh-orderDetailModern-actions--noHelp.oh-orderCard-headerActions--hasReorder {
		grid-template-columns: 48px 48px minmax(0, 1fr);
	}

	.oh-modernOrderHistory .oh-orderCard-viewButton {
		width: 100%;
	}

	.oh-modernOrderHistory .oh-orderCard-viewLabel[data-mobile-label] {
		font-size: 0;
	}

	.oh-modernOrderHistory .oh-orderCard-viewLabel[data-mobile-label]::after {
		content: attr(data-mobile-label);
		font-size: 0.92rem;
	}

	.oh-modernOrderHistory .oh-orderCard-printButton {
		width: 48px;
		min-width: 48px;
	}

	.oh-modernOrderHistory .oh-orderHelpMenu {
		width: 48px;
	}

	.oh-modernOrderHistory .oh-orderHelpMenu-panel {
		right: auto;
		left: 0;
	}

	.oh-orderDetailModern .oh-orderDetailModern-infoGrid {
		grid-template-columns: 1fr;
	}

	.oh-orderDetailModern .oh-orderDetailModern-infoPanel:last-child {
		grid-column: auto;
	}

	.oh-orderDetailModern .oh-orderDetailModern-meta {
		flex-direction: column;
		gap: 4px;
	}

	.oh-orderDetailModern .oh-orderDetailModern-headerReorderAction {
		width: 100%;
	}

	.oh-modernOrderHistory .oh-orderCard-body {
		padding: 16px;
	}

	.oh-modernOrderHistory .oh-orderCard-summary,
	.oh-modernOrderHistory .oh-orderShip-detailGrid {
		grid-template-columns: 1fr;
	}

	.oh-modernOrderHistory .oh-orderCard-detailToggle {
		width: 38px;
	}

	.oh-modernOrderHistory .oh-orderItems-preview {
		align-items: flex-start;
		flex-direction: column;
	}

	.oh-modernOrderHistory .oh-orderItems-previewMain {
		width: 100%;
	}

	.oh-modernOrderHistory .oh-orderItems-previewMeta {
		width: 100%;
		justify-content: space-between;
		gap: 10px;
		text-align: left;
	}

	.oh-modernOrderHistory .oh-orderLine-row {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.oh-modernOrderHistory .oh-orderLine-imageWrap,
	.oh-modernOrderHistory .oh-orderLine-imageFallback {
		width: 64px;
		height: 64px;
	}

	.oh-modernOrderHistory .oh-orderFavoriteButton {
		top: -8px;
		left: -8px;
		width: 30px;
		height: 30px;
	}

	.oh-modernOrderHistory .oh-orderLine-pricing {
		grid-column: 1 / -1;
		grid-template-columns: auto auto;
		justify-content: flex-start;
		text-align: left;
	}

	.oh-orderDetailModern .oh-orderLine-list--columns {
		gap: 14px;
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-header {
		display: none;
	}

	.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-row,
	.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-row:last-child {
		grid-template-columns: 1fr;
		gap: 10px;
		padding: 14px;
		border: 1px solid var(--oh-border-color-light);
		border-radius: 8px;
		background: var(--oh-background);
	}

	.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-itemCell {
		grid-template-columns: 64px minmax(0, 1fr);
	}

	.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-qty,
	.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-unitPrice,
	.oh-orderDetailModern .oh-orderLine-list--columns .oh-orderLine-lineTotalCell {
		display: flex;
		justify-content: space-between;
		gap: 16px;
		padding-top: 8px;
		border-top: 1px solid var(--oh-border-color-light);
		text-align: right;
	}

	.oh-orderDetailModern .oh-orderLine-action {
		padding-top: 8px;
		border-top: 1px solid var(--oh-border-color-light);
	}

	.oh-orderDetailModern .oh-orderLine-buyAgainAction {
		width: 100%;
	}

	.oh-orderDetailModern .oh-orderLine-cellLabel {
		display: inline;
		color: var(--oh-color-muted);
		font-weight: 700;
		text-align: left;
		text-transform: uppercase;
	}

	.oh-modernOrderHistory .oh-orderCard-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.oh-modernOrderHistory .oh-orderCard-secondaryAction,
	.oh-modernOrderHistory .oh-orderCard-reorderAction {
		width: 100%;
	}

	.oh-orderDetailModern .oh-orderDetailModern-sectionHeader {
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	.oh-orderDetailModern .oh-orderDetailModern-summarySection .oh-orderTotal-breakdown {
		width: 100%;
	}

	.oh-orderDetailModern .oh-orderDetailModern-bottomActions {
		align-items: stretch;
		flex-direction: column;
	}

	.oh-orderDetailModern .oh-orderDetailModern-stickyHeader {
		padding: 12px;
	}

	.oh-orderDetailModern .oh-orderDetailModern-body {
		padding-right: 0;
		padding-left: 0;
	}

	.oh-orderDetailModern .oh-orderDetailModern-backAction,
	.oh-orderDetailModern .oh-orderDetailModern-bottomActions .oh-orderCard-reorderAction {
		margin-right: 0;
		margin-left: 0;
	}
}

@media (max-width: 430px) {
	.oh-modernOrderHistory .oh-orderItems-previewMeta {
		display: flex;
	}
}

@media (prefers-reduced-motion: reduce) {
	.oh-modernOrderHistory *,
	.oh-modernOrderHistory *::before,
	.oh-modernOrderHistory *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
}

/***************************************/
/******** BRP BOX SHOP BRANDING ********/
/***************************************/
:root {
	--oh-color: #291f18;
	--oh-color-muted: rgba(41, 31, 24, 0.62);
	--oh-color-subtle: #382e27;
	--oh-color-inverse: #ffffff;
	--oh-font-color-primary: var(--oh-color);
	--oh-font-color-secondary: var(--oh-color-muted);
	--oh-background: #ffffff;
	--oh-background-light: #fbf8f6;
	--oh-background-muted: #f7ede8;
	--oh-surface: #ffffff;
	--oh-surface-alt: #fbf8f6;
	--oh-border-color-light: #f9f5f2;
	--oh-border-color: #f0ebe8;
	--oh-border-color-dark: #ddd8d5;
	--oh-border: 1px solid var(--oh-border-color);
	--oh-blue: #99401e;
	--oh-blue-hover: #89391b;
	--oh-blue-dark: #7b3118;
	--oh-blue-soft: #f7ede8;
	--oh-blue-border: #e2c4b6;
	--oh-blue-shadow: rgba(153, 64, 30, 0.2);
	--oh-link-color: #99401e;
	--oh-link-hover-color: #89391b;
	--oh-btn-color: #fbf8f6;
	--oh-btn-hover-color: #f0ebe8;
	--oh-btn-border-color: #e2c4b6;
	--oh-btn-border-hover-color: #99401e;
	--oh-btn-text-color: #99401e;
	--oh-btn-color-dark: #99401e;
	--oh-btn-hover-color-dark: #89391b;
	--oh-btn-solid-color: #99401e;
	--oh-btn-solid-hover-color: #89391b;
	--oh-btn-solid-text-color: #ffffff;
	--oh-tooltip-background: #291f18;
	--oh-tooltip-color: #ffffff;
	--oh-state-processing-color: #7b3118;
	--oh-state-processing-background: #f7ede8;
	--oh-state-processing-border: #e2c4b6;
	--oh-state-shipped-color: #166534;
	--oh-state-shipped-background: #dcfce7;
	--oh-state-shipped-border: #bbf7d0;
	--oh-report-page-background: transparent;
	--oh-report-ink: #291f18;
	--oh-report-heading: #291f18;
	--oh-report-muted: rgba(41, 31, 24, 0.62);
	--oh-report-soft: #f7ede8;
	--oh-report-soft-dark: #fbf8f6;
	--oh-report-border: #ddd8d5;
	--oh-report-border-light: #f0ebe8;
	--oh-report-accent: #99401e;
	--oh-report-accent-dark: #89391b;
	--oh-report-accent-soft: #e2c4b6;
	--oh-report-shadow: 0 4px 16px rgba(41, 31, 24, 0.08);
	--oh-report-focus-ring: 0 0 0 3px rgba(153, 64, 30, 0.16);
	--oh-print-ink: #291f18;
	--oh-print-muted: rgba(41, 31, 24, 0.62);
	--oh-print-line: #ddd8d5;
	--oh-print-soft: #fbf8f6;
	--oh-print-blue: #99401e;
	--oh-print-background: #f7ede8;
	--oh-print-document-background: #ffffff;
	--oh-print-header-background: linear-gradient(180deg, #ffffff 0%, #fbf8f6 100%);
	--oh-print-badge-background: #f7ede8;
	--oh-print-badge-border: #e2c4b6;
	--oh-print-table-heading-background: #fbf8f6;
	--oh-print-table-heading-color: #382e27;
	--oh-print-document-shadow: 0 18px 42px rgba(41, 31, 24, 0.14);
}

.oh-report,
body.oh-orderSummaryReportPage .ui-datepicker {
	--oh-report-page-background: transparent;
	--oh-report-ink: #291f18;
	--oh-report-heading: #291f18;
	--oh-report-muted: rgba(41, 31, 24, 0.62);
	--oh-report-soft: #f7ede8;
	--oh-report-soft-dark: #fbf8f6;
	--oh-report-border: #ddd8d5;
	--oh-report-border-light: #f0ebe8;
	--oh-report-accent: #99401e;
	--oh-report-accent-dark: #89391b;
	--oh-report-accent-soft: #e2c4b6;
	--oh-report-shadow: 0 4px 16px rgba(41, 31, 24, 0.08);
	--oh-report-focus-ring: 0 0 0 3px rgba(153, 64, 30, 0.16);
}

.oh-modernOrderHistory {
	--oh-card-border: #ddd8d5;
	--oh-card-shadow: 0 8px 22px rgba(41, 31, 24, 0.08);
	--oh-card-shadow-hover: 0 12px 28px rgba(41, 31, 24, 0.12);
}

.oh-modernOrderHistory .oh-orderCard-header,
.oh-modernOrderHistory .oh-printModal-header {
	background: #fbf8f6;
}

.oh-modernOrderHistory .oh-orderHistory-card {
	border-color: #ddd8d5;
}

.oh-modernOrderHistory .oh-orderCard-summaryIcon,
.oh-modernOrderHistory .oh-orderItems-preview .oh-orderChevronIcon,
.oh-modernOrderHistory .oh-orderCard-detailToggle,
.oh-modernOrderHistory .oh-orderCard-printButton,
.oh-modernOrderHistory .oh-orderHelpMenu-icon,
.oh-modernOrderHistory .oh-orderFavoriteButton,
.oh-orderDetailModern .oh-orderLine-buyAgainAction {
	color: #99401e;
}

.oh-modernOrderHistory .oh-orderItems-preview:hover,
.oh-modernOrderHistory .oh-orderCard-detailToggle:hover,
.oh-modernOrderHistory .oh-orderCard-printButton:hover,
.oh-modernOrderHistory .oh-orderHelpMenu-item:hover,
.oh-modernOrderHistory .oh-orderHelpMenu-item:focus-visible,
.oh-orderDetailModern .oh-orderLine-buyAgainAction:hover,
.oh-orderDetailModern .oh-orderDetailModern-backAction:hover,
.oh-buyagain-back a:hover {
	border-color: #e2c4b6;
	background: #f7ede8;
	color: #89391b;
}

.oh-modernOrderHistory .oh-orderCard-viewButton,
.oh-modernOrderHistory .oh-orderCard-reorderAction,
.oh-modernOrderHistory .oh-printModal-printButton,
.oh-button-primary input,
.oh-buyagain-summary-submit > input {
	border-color: #99401e;
	background: #99401e;
	color: #ffffff;
}

.oh-modernOrderHistory .oh-orderCard-viewButton:hover,
.oh-modernOrderHistory .oh-orderCard-reorderAction:hover,
.oh-modernOrderHistory .oh-printModal-printButton:hover,
.oh-button-primary input:hover,
.oh-buyagain-summary-submit > input:hover {
	border-color: #89391b;
	background: #89391b;
	color: #ffffff;
}

.oh-buyagain-card:hover,
.oh-buyagain-card.oh-is-active {
	border-color: #99401e;
	box-shadow: 0 0 0 2px rgba(153, 64, 30, 0.16), var(--oh-shadow-md);
}

.oh-buyagain-tag,
.oh-buyagain-card-code span,
.oh-buyagain-selected-code {
	background: #79604f;
	color: #ffffff;
}

.oh-buyagain-selected-size {
	background: #f7ede8;
	color: #7b3118;
}

.oh-report__button--primary,
.oh-report__button--primary:link,
.oh-report__button--primary:active,
.oh-report__button--primary:visited,
body.oh-orderSummaryReportPage .ui-datepicker .ui-widget-header,
body.oh-orderSummaryReportPage .ui-datepicker .ui-state-hover,
body.oh-orderSummaryReportPage .ui-datepicker .ui-state-active {
	border-color: #99401e !important;
	background: #99401e !important;
	color: #ffffff !important;
}

.oh-report__button--primary:hover {
	border-color: #89391b;
	background: #89391b;
}

/*** mod_orderStatus - styleCss ****/
/***************************************/
/******** ORDER STATUS LOOKUP **********/
/***************************************/
:root{
	--os-font-family: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--os-font-size: 18px;
	--os-bg: #f9f5f2;
	--os-bg-soft: #f3ede7;
	--os-card-bg: #ffffff;
	--os-text: #100c0a;
	--os-muted: #4a4a4a;
	--os-border: #ede9e6;
	--os-border-strong: #d9d6d2;
	--os-accent: #AE8D73;
	--os-accent-soft: #79604F;
	--os-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	--os-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.06);
	--os-radius: 18px;
	--os-radius-sm: 12px;
	--os-surface-bg: var(--os-card-bg);
	--os-surface-border: var(--os-border);
	--os-surface-shadow: var(--os-shadow-soft);
	--os-surface-radius: var(--os-radius-sm);
	--os-surface-pad: 22px;
	--os-surface-lookup-bg: var(--os-surface-bg);
	--os-surface-lookup-border: var(--os-surface-border);
	--os-surface-lookup-shadow: var(--os-surface-shadow);
	--os-surface-lookup-radius: var(--os-surface-radius);
	--os-surface-lookup-pad: var(--os-surface-pad);
	--os-surface-detail-bg: var(--os-surface-bg);
	--os-surface-detail-border: var(--os-surface-border);
	--os-surface-detail-shadow: var(--os-surface-shadow);
	--os-surface-detail-radius: var(--os-surface-radius);
	--os-surface-detail-pad: var(--os-surface-pad);
	--os-max-width: 1120px;
	--os-input-bg: #ffffff;
	--os-input-border: #a3a9b0;
	--os-input-border: color-mix(in srgb, var(--os-surface-border) 75%, #000);
	--os-input-radius: 6px;
	--os-input-focus: #79604F;
	--os-btn-bg: #930B3A;
	--os-btn-bg-hover: #7D0931;
	--os-btn-text: #ffffff;
	--os-btn-border: #930B3A;
	--os-btn-radius: 999px;
	--os-btn-pad-y: 12px;
	--os-btn-pad-x: 24px;
	--os-btn-font-size: 1em;
	--os-btn-font-weight: 700;
	--os-btn-letter-spacing: 0.02em;
	--os-btn-sm-pad-y: 8px;
	--os-btn-sm-pad-x: 16px;
	--os-btn-sm-font-size: 0.8125em;
	--os-btn-ghost-bg: #79604F;
	--os-btn-ghost-bg-hover: #AE8D73;
	--os-btn-ghost-text-hover: var(--os-btn-text);
	--os-btn-ghost-text: var(--os-btn-text);
	--os-btn-ghost-border: #79604F;
	--os-link: #79604F;
	--os-link-hover: #AE8D73;
	--os-icon-size: 2em;
	--os-icon-radius: 0.625em;
	--os-icon-account-bg: #f3ede7;
	--os-icon-account-color: #79604F;
	--os-icon-help-bg: #f9f5f2;
	--os-icon-help-color: #AE8D73;
	--os-help-icon-nudge: 0em;
	--osd-bg: #f9f5f2;
	--osd-bg-2: #f3ede7;
	--osd-card-bg: rgba(255, 255, 255, 0.96);
	--osd-border: #ede9e6;
	--osd-text: #100c0a;
	--osd-muted: #79604F;
	--osd-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	--osd-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.06);
	--osd-accent: #AE8D73;
	--osd-accent-strong: #79604F;
	--osd-icon-bg: #f3ede7;
	--osd-icon-color: #AE8D73;
	--osd-icon-ship-bg: #f3ede7;
	--osd-icon-ship-color: #AE8D73;
	--osd-icon-bill-bg: #f3ede7;
	--osd-icon-bill-color: #AE8D73;
	--osd-icon-items-bg: #f3ede7;
	--osd-icon-items-color: #AE8D73;
	--osd-icon-help-bg: #f9f5f2;
	--osd-icon-help-color: #AE8D73;
	--osd-badge-bg: #f3ede7;
	--osd-badge-border: #d9d6d2;
	--osd-badge-text: #79604F;
	--osd-badge-good-bg: #f3ede7;
	--osd-badge-good-border: #d9d6d2;
	--osd-badge-good-text: #79604F;
	--osd-badge-warn-bg: #f9f5f2;
	--osd-badge-warn-border: #AE8D73;
	--osd-badge-warn-text: #AE8D73;
	--osd-badge-bad-bg: #efe7e1;
	--osd-badge-bad-border: #79604F;
	--osd-badge-bad-text: #79604F;
	--osd-progress-bg: #d9d6d2;
	--osd-progress-fill: #AE8D73;
	--osd-progress-dot: #d9d6d2;
	--osd-progress-dot-active: #AE8D73;
	--osd-progress-dot-done: #79604F;
	--osd-track-button-radius: 6px;
	--osd-progress-icon-size: 3em;
	--osd-progress-line: 0.265em;
	--osd-meta-icon: 1.125em;
	--osd-meta-gap: 0.25em;
	--osd-carrier-default: #64748b;
	--osd-carrier-ups: #4b2e1a;
	--osd-carrier-fedex: #4d148c;
	--osd-carrier-usps: #0052a5;
	--osd-carrier-dhl: #d40511;
	--osd-carrier-ontrac: #2f855a;
	--osd-carrier-lasership: #1e3a8a;
	--osd-carrier-logo-width: 2.75em;
	--osd-carrier-logo-height: 1.5em;
	--osd-carrier-gap: 0.35em;
	--osd-help-bg: #ffffff;
	--osd-help-border: #ede9e6;
	--osd-help-hover: #f9f5f2;
	--osd-help-icon-bg: #f3ede7;
	--osd-help-icon-color: #AE8D73;
	--osd-help-chevron: #d9d6d2;
}

.os-lookup{
	/*
	background: linear-gradient(135deg, var(--os-bg) 0%, var(--os-bg-soft) 100%);
	border: 1px solid var(--os-border);
	border-radius: var(--os-radius);
	box-shadow: var(--os-shadow);
	padding: clamp(20px, 3vw, 36px);
*/	color: var(--os-text);
	font-family: var(--os-font-family);
	font-size: var(--os-font-size, 16px);
	max-width: var(--os-max-width);
	margin: 0 auto;
	--os-surface-bg: var(--os-surface-lookup-bg);
	--os-surface-border: var(--os-surface-lookup-border);
	--os-surface-shadow: var(--os-surface-lookup-shadow);
	--os-surface-radius: var(--os-surface-lookup-radius);
	--os-surface-pad: var(--os-surface-lookup-pad);
}
.os-lookup *{
	box-sizing: border-box;
}
.os-lookup__hero{
	margin-bottom: 24px;
}
.os-lookup__eyebrow{
	color: var(--os-muted);
	font-size: 0.75em;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.os-lookup__title{
	font-size: clamp(24px, 3vw, 36px);
	margin: 0 0 8px 0;
	line-height: 1.5;
}
.os-lookup__subtitle{
	color: var(--os-muted);
	font-size: 0.9375em;
	margin: 0;
}
.os-lookup__cardIntro{
	color: var(--os-muted);
	font-size: 0.85em;
	margin-bottom: 30px;
}

.os-lookup__grid{
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 24px;
	align-items: stretch;
}
.os-lookup__card,
.os-lookup__asideCard,
.osd__card{
	background: var(--os-surface-bg);
	border: 1px solid var(--os-surface-border);
	border-radius: var(--os-surface-radius);
	box-shadow: var(--os-surface-shadow);
	padding: var(--os-surface-pad);
}
.os-lookup__aside{
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
	height: 100%;
}
.os-lookup__aside .os-lookup__asideCard{
	box-shadow: var(--os-surface-shadow);
}
.os-lookup__asideHeader{
	display: flex;
	align-items: center;
	gap: 0.5em;
	margin-bottom: 6px;
}
.os-lookup__asideIcon{
	width: var(--os-icon-size);
	height: var(--os-icon-size);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--os-accent);
	background: var(--os-icon-bg, transparent);
	border-radius: var(--os-icon-radius);
	flex: 0 0 auto;
	transform: translateY(var(--os-help-icon-nudge));
}
.os-lookup__asideIcon--account{
	--os-icon-bg: var(--os-icon-account-bg);
	--os-icon-color: var(--os-icon-account-color);
	color: var(--os-icon-color);
}
.os-lookup__asideIcon--help{
	--os-icon-bg: var(--os-icon-help-bg);
	--os-icon-color: var(--os-icon-help-color);
	color: var(--os-icon-color);
}
.os-lookup__icon{
	width: 1em;
	height: 1em;
	display: block;
}
.os-lookup__asideTitle{
	font-size: 1em;
	font-weight: 700;
	line-height: 1.15;
	margin-bottom: 6px;
}
.os-lookup__asideHeader .os-lookup__asideTitle{
	margin-bottom: 0;
}
.os-lookup__asideText{
	color: var(--os-muted);
	font-size: 0.875em;
	margin-bottom: 14px;
}
.os-lookup__help{
	color: var(--os-muted);
	font-size: 0.8125em;
	margin-bottom: 0;
}
.os-lookup__help a{
	color: var(--os-link);
	text-decoration: none;
	font-weight: 600;
	border-bottom: 1px solid transparent;
}
.os-lookup__help a:hover{
	color: var(--os-link-hover);
	border-bottom-color: var(--os-link-hover);
}
.os-lookup__dividerBar{
	height: 1px;
	width: 100%;
	background: var(--os-border);
	margin: 25px 0;
}
.os-lookup__links{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;

}
.os-link{
	color: var(--os-link);
	font-weight: 600;
	text-decoration: none;
}
.os-link:hover{
	color: var(--os-link-hover);
}
.os-divider{
	width: 1px;
	height: 16px;
	background: var(--os-border-strong);
	display: inline-block;
}

.os-form{
	display: grid;
	gap: 24px;
}
.os-field label{
	display: block;
	font-size: 0.8125em;
	font-weight: 600;
	margin-bottom: 8px;
	color: var(--os-text);
}
.os-field__input .os-input,
.os-field__input input{
	width: 100%;
	background: var(--os-input-bg) !important;
	border: 1px solid var(--os-input-border) !important;
	border-radius: var(--os-input-radius) !important;
	font-size: 0.9em !important;
	padding: 16px 14px !important;
	min-height: 3.2em !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
:is(.os-lookup, .osd) .os-field__input input.pdInput,
:is(.os-lookup, .osd) .os-field__input input.pdInput.text,
:is(.os-lookup, .osd) .os-field__input input.os-input{
	background: var(--os-input-bg) !important;
	border: 1px solid var(--os-input-border) !important;
	border-radius: var(--os-input-radius) !important;
	font-size: 1em !important;
	font-weight: 600 !important;
	padding: 16px 14px !important;
	min-height: 3.2em !important;
	line-height: 1.2 !important;
}
.os-field--float .os-field__input{
	position: relative;
}
.os-field--float .os-field__input input{
	padding-top: 26px;
	padding-bottom: 14px;
}
.os-field--float .os-field__input label{
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1em;
	font-weight: 500;
	color: var(--os-muted);
	pointer-events: none;
	transition: color 0.2s ease, transform 0.2s ease, font-size 0.2s ease, top 0.2s ease, opacity 0.2s ease;
	opacity: 0.6;
	background: transparent;
}
.os-field--float .os-field__input input:focus + label,
.os-field--float .os-field__input input:not(:placeholder-shown) + label{
top: -.5em;
left: .7em;
transform: translateY(0);
padding: 0px 10px;
background: linear-gradient(
to right,
rgba(255,255,255,0) 0,
rgba(255,255,255,1) 4px,
rgba(255,255,255,1) calc(100% - 4px),
rgba(255,255,255,0) 100%
);
font-size: 0.8em;
opacity: 1;
font-weight: 500;
letter-spacing: 1px;
}
.os-field__input .os-input:focus,
.os-field__input input:focus{
	border-color: var(--os-input-focus);
	box-shadow: 0 0 3px 3px var(--os-surface-border);
	outline: none;
}
.os-form__actions{
	display: flex;
	justify-content: flex-start;
	margin-top: 4px;
}
.os-btn{
	background: var(--os-btn-bg);
	border: 1px solid var(--os-btn-border);
	border-radius: var(--os-btn-radius);
	color: var(--os-btn-text);
	cursor: pointer;
	font-size: var(--os-btn-font-size);
	font-weight: var(--os-btn-font-weight);
	letter-spacing: var(--os-btn-letter-spacing);
	padding: var(--os-btn-pad-y) var(--os-btn-pad-x);
	transition: transform 0.2s ease, background 0.2s ease;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	width: 100%;
	box-sizing: border-box;
}
.os-btn--sm{
	font-size: var(--os-btn-sm-font-size);
	padding: var(--os-btn-sm-pad-y) var(--os-btn-sm-pad-x);
	width: auto;
}
.os-btn--ghost{
	background: var(--os-btn-ghost-bg);
	color: var(--os-btn-ghost-text);
	border: 1px solid var(--os-btn-ghost-border);
}
.os-btn--ghost:hover{
	background: var(--os-btn-ghost-bg-hover);
	color: var(--os-btn-ghost-text-hover);
}
.os-btn:hover{
	background: var(--os-btn-bg-hover);
	transform: translateY(-1px);
}
.os-btn--account{
	width: 100%;
}
.os-btn--chevron{
	position: relative;
	justify-content: center;
	padding-right: 2.75em;
}
.os-btn--chevron .os-btn__label{
	display: inline-flex;
	align-items: center;
}
.os-btn--chevron .os-btn__icon{
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.os-lookup__asideCard--image{
	padding: 16px;
}
.os-lookup__image{
	width: 100%;
	border-radius: var(--os-radius-sm);
	margin-bottom: 10px;
}
.os-lookup__asideCard--image .os-lookup__image{
	margin-bottom: 0;
	display: block;
}
.os-lookup__image[src=""]{
	display: none;
}
.os-lookup__imageCaption{
	color: var(--os-muted);
	font-size: 0.8125em;
}

.os-lookup__note{
	margin-top: 20px;
	background: rgba(255, 255, 255, 0.7);
	border: 1px dashed var(--os-border-strong);
	border-radius: var(--os-radius-sm);
	padding: 14px 18px;
}
.os-lookup__noteTitle{
	font-size: 0.8125em;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 6px;
	color: var(--os-accent-soft);
}
.os-lookup__noteText{
	font-size: 0.875em;
	color: var(--os-muted);
	margin: 0;
}
.os-lookup__footer{
	margin-top: 20px;
	color: var(--os-muted);
	font-size: 0.875em;
}

/* ========================= */
/* ORDER STATUS DETAIL (NEW) */
/* ========================= */
.osd{
	/*
	background: linear-gradient(135deg, var(--osd-bg) 0%, var(--osd-bg-2) 100%);
	border: 1px solid var(--osd-border);
	border-radius: var(--os-radius);
	box-shadow: var(--osd-shadow);
	padding: clamp(18px, 3vw, 32px);
	font-family: var(--os-font-family);
	color: var(--osd-text);
	max-width: var(--os-max-width);
	margin: 0 auto;
	*/
	font-size: var(--os-font-size, 16px);
}
.osd *{box-sizing:border-box;}

.osd__appbar{
	display: flex;
	align-items: center;
	gap: 12px;
	/* padding: 12px 0 18px; */
	margin-bottom: 20px;
}
.osd__appIcon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--osd-accent) 0%, var(--osd-accent-strong) 100%);
	color: #fff;
	box-shadow: 0 10px 18px rgba(79, 70, 229, 0.2);
}
.osd__icon{
	width: 1em;
	height: 1em;
	display: inline-block;
}
.osd__appText{
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.osd__appTitle{
	font-size: 1.55em;
	font-weight: 700;
}
.osd__appSubtitle{
	font-size: 0.9em;
	color: var(--osd-muted);
}

.osd{
	--os-surface-bg: var(--os-surface-detail-bg);
	--os-surface-border: var(--os-surface-detail-border);
	--os-surface-shadow: var(--os-surface-detail-shadow);
	--os-surface-radius: var(--os-surface-detail-radius);
	--os-surface-pad: var(--os-surface-detail-pad);
}
.osd__cardHeader{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}
.osd__cardTitle{
	font-size: 1.3em;
	font-weight: 700;
	color: var(--osd-text);
}
.osd__cardMeta{
	margin-left: auto;
	font-size: 0.75em;
	text-transform: capitalize;
	color: var(--osd-muted);
}
.osd__iconWrap{
	width: var(--os-icon-size);
	height: var(--os-icon-size);
	border-radius: var(--os-icon-radius);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--osd-icon-bg);
	color: var(--osd-icon-color);
}
.osd__iconWrap--shipment{background: var(--osd-icon-bg); color: var(--osd-icon-color);}
.osd__iconWrap--ship{background: var(--osd-icon-ship-bg); color: var(--osd-icon-ship-color);}
.osd__iconWrap--bill{background: var(--osd-icon-bill-bg); color: var(--osd-icon-bill-color);}
.osd__iconWrap--items{background: var(--osd-icon-items-bg); color: var(--osd-icon-items-color);}
.osd__iconWrap--help{
	background: var(--os-icon-help-bg);
	color: var(--os-icon-help-color);
	border-radius: var(--os-icon-radius);
	transform: translateY(var(--os-help-icon-nudge));
}

.osd__summaryHeader{
	display: flex;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}
.osd__accountLinkButton{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	border: 1px solid var(--osd-accent);
	background: var(--osd-accent);
	color: #fff;
	font-size: 0.6875em;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
}
.osd__accountLinkButton:hover{
	background: var(--osd-accent-strong);
	border-color: var(--osd-accent-strong);
	color: #fff;
	transform: translateY(-1px);
}
.osd__summaryMeta{
	display: grid;
	gap: 8px;
}
.osd__metaLine{
	display: flex;
	align-items: center;
	gap: var(--osd-meta-gap);
	font-size: 0.8125em;
	color: var(--osd-muted);
}
.osd__metaLine .osd__icon{
	width: var(--osd-meta-icon);
	height: var(--osd-meta-icon);
}
.osd__metaLine span{color: var(--osd-text);}
.osd__metaLine--order{
	font-size: 1em;
	font-weight: 700;
	color: var(--osd-text);
	flex-wrap: wrap;
}
.osd__metaLine--order span{
	color: var(--osd-text);
	font-weight: 700;
}
.osd__metaLine--order .osd__accountLinkButton{
	margin-left: 0.6em;
}
.osd__accountOrderLink{
	color: inherit;
	text-decoration: none;
}
.osd__accountOrderLink:hover{
	text-decoration: underline;
}
.osd__accountOrderIcon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.35em;
	vertical-align: middle;
}
.osd__accountOrderIcon .osd__icon{
	width: 0.9em;
	height: 0.9em;
}
.osd__metaLine--date{
	font-size: 0.75em;
	color: var(--osd-muted);
	gap: 0.4em;
}
.osd__metaLine--date .osd__icon{
	width: 1em;
	height: 1em;
}

.osd__badge{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border-radius: 10px;
	font-size: 0.75em;
	font-weight: 600;
	background: var(--osd-badge-bg);
	border: 1px solid var(--osd-badge-border);
	color: var(--osd-badge-text);
}
.osd__badgeIcon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.25em;
	height: 1.25em;
	border-radius: 0.5em;
	background: rgba(255, 255, 255, 0.7);
	color: currentColor;
}
.osd__badgeIcon .osd__icon{
	width: 0.875em;
	height: 0.875em;
}
.osd__badge--shipped{background: var(--osd-badge-good-bg); border-color: var(--osd-badge-good-border); color: var(--osd-badge-good-text);}
.osd__badge--delivered{background: var(--osd-badge-good-bg); border-color: var(--osd-badge-good-border); color: var(--osd-badge-good-text);}
.osd__badge--pending{background: var(--osd-badge-warn-bg); border-color: var(--osd-badge-warn-border); color: var(--osd-badge-warn-text);}
.osd__badge--cancelled{background: var(--osd-badge-bad-bg); border-color: var(--osd-badge-bad-border); color: var(--osd-badge-bad-text);}

.osd__progress{
	position: relative;
	margin: 16px 0 8px;
	padding: 12px 0 6px;
}
.osd__progressTrack,
.osd__progressFill{
	position: absolute;
	top: calc((var(--osd-progress-icon-size) - var(--osd-progress-line)) / 1.5);
	left: 0;
	right: 0;
	height: var(--osd-progress-line);
	border-radius: 999px;
}
.osd__progressTrack{background: var(--osd-progress-bg);}
.osd__progressFill{background: linear-gradient(90deg, var(--osd-progress-fill), var(--osd-accent)); width: 0;}
.osd__progressSteps{
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	align-items: flex-start;
}
.osd__progressStep{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	flex: 1;
	text-align: center;
	font-size: 0.6875em;
	color: var(--osd-muted);
}
.osd__progressIcon{
	width: var(--osd-progress-icon-size);
	height: var(--osd-progress-icon-size);
	border-radius: 0.75em;
	border: 1px solid var(--osd-border);
	background: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--osd-muted);
	/*
	opacity: 0.4;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85);
	*/
	position: relative;
	z-index: 2;
}
.osd__progressIcon .osd__icon{
	width: 1.45em;
	height: 1.45em;
}
.osd__progressStep--active .osd__progressIcon,
.osd__progressStep--done .osd__progressIcon{
	opacity: 1;
	color: var(--osd-accent);
	border-color: var(--osd-accent);
}
.osd__progressStep--active .osd__progressLabel,
.osd__progressStep--done .osd__progressLabel{color: var(--osd-text);}

.osd__notice{
	margin-top: 10px;
	/* background: rgba(255, 255, 255, 0.75); */
	/* border: 1px dashed var(--osd-border); */
	padding: 10px 12px;
	border-radius: 12px;
	font-size: 0.75em;
	font-style: italic;
	color: var(--osd-muted);
}
.osd__notes{
	margin-top: 14px;
	padding: 12px;
	border-radius: 12px;
	border: 1px solid var(--osd-border);
	background: #fff;
}
.osd__notesBody{
	font-size: 0.75em;
	color: var(--osd-muted);
}

.osd__layout{
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 20px;
	margin-top: 20px;
}
.osd__layout--single{
	grid-template-columns: 1fr;
}
.osd__aside{
	align-self: start;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.osd__aside--empty{
	display: none;
}
.osd__card--find{
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
}
.osd__accordion{
	border: 1px solid var(--osd-border);
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}
.osd__accordionSummary{
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 16px;
	cursor: pointer;
}
.osd__accordionSummary::-webkit-details-marker{
	display: none;
}
.osd__accordionTitleWrap{
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.osd__accordionTitle{
	font-size: 0.875em;
	font-weight: 700;
	color: var(--osd-text);
}
.osd__accordionSubtitle{
	font-size: 0.75em;
	color: var(--osd-muted);
}
.osd__accordionChevron{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--osd-muted);
	transition: transform 0.2s ease;
}
.osd__accordionBody{
	padding: 0 16px 16px;
}
.osd__accordion[open] .osd__accordionChevron{
	transform: rotate(180deg);
}
.osd__addressGrid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
	align-items: stretch;
}
.osd__addressGrid .osd__card{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.osd__trackGrid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
.osd__trackItem{
	background: rgba(255,255,255,0.7);
	border: 1px dashed var(--osd-border);
	border-radius: 12px;
	padding: 10px 12px;
	font-size: 0.75em;
	color: var(--osd-muted);
}
.osd__trackItem--plain{
	background: transparent;
	border: 0;
	padding: 0;
}
.osd__trackItem--full{
	grid-column: 1 / -1;
}
.osd__trackLabel{
	font-size: 0.625em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--osd-muted);
	margin-bottom: 4px;
}
.osd__trackValue{
	color: var(--osd-text);
	font-weight: 600;
}
.osd__carrierBadge{
	display: inline-flex;
	align-items: center;
	gap: var(--osd-carrier-gap);
	width: max-content;
	max-width: 100%;
}
.osd__carrierIcon{
	width: var(--osd-carrier-logo-width);
	height: var(--osd-carrier-logo-height);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--osd-carrier-default);
	flex-shrink: 0;
}
.osd__carrierIcon svg{
	width: 100%;
	height: 100%;
	display: block;
}
.osd__carrierLogo{
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.osd__carrierIcon--ups{color: var(--osd-carrier-ups);}
.osd__carrierIcon--fedex{color: var(--osd-carrier-fedex);}
.osd__carrierIcon--usps{color: var(--osd-carrier-usps);}
.osd__carrierIcon--dhl{color: var(--osd-carrier-dhl);}
.osd__carrierIcon--ontrac{color: var(--osd-carrier-ontrac);}
.osd__carrierIcon--lasership{color: var(--osd-carrier-lasership);}
.osd__carrierName{
	color: var(--osd-text);
	font-weight: 600;
}
.osd__trackValueRow{
	display: flex;
	align-items: center;
	gap: 0.5em;
	flex-wrap: wrap;
}
.osd__trackValueRow + .osd__trackValueRow{
	margin-top: 0.5em;
}
.osd__trackNumber{
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
}
.osd__trackLink{
	color: var(--osd-accent);
	text-decoration: none;
}
.osd__trackLink:hover{text-decoration: underline;}
.osd__copyBtn{
	width: 2.25em;
	height: 2.25em;
	border-radius: 0.75em;
	border: 1px solid var(--osd-border);
	background: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--osd-muted);
	cursor: pointer;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.osd__copyBtn:hover{
	border-color: var(--osd-accent);
	color: var(--osd-accent);
	transform: translateY(-1px);
}
.osd__copyBtn.is-copied{
	border-color: var(--osd-accent);
	color: var(--osd-accent);
	background: rgba(79, 70, 229, 0.08);
}
.osd__copyBtn .osd__icon{
	width: 1em;
	height: 1em;
}
.osd__trackButton{
	margin-top: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: var(--osd-track-button-radius);
	border: 1px solid var(--osd-accent);
	background: var(--osd-accent);
	color: #fff;
	font-size: 0.75em;
	font-weight: 600;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	width: 100%;
}
.osd__trackButton:hover{
	border-color: var(--osd-accent-strong);
	background: var(--osd-accent-strong);
	box-shadow: 0 6px 14px rgba(79, 70, 229, 0.2);
	transform: translateY(-1px);
}
.osd__trackButtonIcon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.osd__trackButton .osd__icon{
	width: 0.875em;
	height: 0.875em;
}

.osd__addressLine{
	font-size: 0.75em;
	color: var(--osd-muted);
	margin-bottom: 4px;
}
.osd__addressLine--name{
	color: var(--osd-muted);
	font-weight: 700;
}
.osd__addressLine--company{
	color: var(--osd-muted);
	font-weight: 600;
}
.osd__payment{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed var(--osd-border);
	display: grid;
	gap: 6px;
}
.osd__paymentLabel{
	font-size: 0.6875em;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--osd-muted);
	font-weight: 600;
}
.osd__paymentDetail{
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	flex-wrap: wrap;
}
.osd__paymentLogo{
	width: 3em;
	height: 2em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.osd__paymentLogo svg{
	width: 100%;
	height: 100%;
	display: block;
}
.osd__paymentText{
	font-size: 0.75em;
	color: var(--osd-text);
	font-weight: 600;
}

.osd__itemList{
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.osd__card--items{
	margin-top: 18px;
}
.osd__item{
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 12px 0px;
	/* border-radius: 14px; */
	border-top: 1px solid var(--osd-border);
	/* background: rgba(255,255,255,0.7); */
}
.osd__itemMedia{
	position: relative;
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
}
.osd__itemImg{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.osd__itemQtyBadge{
	position: absolute;
	right: -6px;
	bottom: -6px;
	background: var(--osd-accent);
	color: #fff;
	border-radius: 999px;
	font-size: 0.625em;
	padding: 2px 6px;
	border: 2px solid #fff;
}
.osd__itemBody{
	flex: 1 1 auto;
	min-width: 0;
}
.osd__itemName a{
	color: var(--osd-text);
	font-weight: 600;
	text-decoration: none;
}
.osd__itemName a:hover{color: var(--osd-accent);}
.osd__itemCode{
	font-size: 0.6875em;
	color: var(--osd-muted);
	margin-top: 4px;
}
.osd__itemOptions{
	margin-top: 8px;
	border: 1px dashed var(--osd-border);
	border-radius: 12px;
	padding: 8px 10px;
	font-size: 0.6875em;
	color: var(--osd-muted);
}
.osd__itemOptionsTitle{
	font-weight: 700;
	font-size: 0.6875em;
	margin-bottom: 6px;
	color: var(--osd-text);
}
.osd__itemOptionsInner ul{margin:0;padding-left:16px;}
.osd__itemOptionsInner li{margin-bottom:4px;}
.osd__itemNote{
	margin-top: 6px;
	font-size: 0.6875em;
	color: var(--osd-muted);
}
.osd__itemQty{
	margin-top: 6px;
	font-size: 0.75em;
	color: var(--osd-muted);
}
.osd__itemPrice{
	text-align: right;
	font-size: 0.8125em;
	font-weight: 600;
	white-space: nowrap;
}
.osd__price--regular{
	color: var(--osd-muted);
	text-decoration: line-through;
	font-weight: 500;
}
.osd__price--discount{color: var(--osd-text);}
.osd__itemEach{
	font-size: 0.6875em;
	color: var(--osd-muted);
	margin-top: 4px;
}
.osd__itemDiscount{
	font-size: 0.6875em;
	color: #047857;
	margin-top: 4px;
}
.osd__itemStatus{
	margin-top: 8px;
}
.osd__statusTag{
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	border: 1px solid var(--osd-border);
	font-size: 0.6875em;
	color: var(--osd-muted);
}
.osd__statusTag--good{
	background: var(--osd-badge-good-bg);
	border-color: var(--osd-badge-good-border);
	color: var(--osd-badge-good-text);
}

.osd__summaryBlock{
	margin-top: 14px;
}
.osd__summary{
	display: grid;
	gap: 8px;
	font-size: 0.8125em;
}
.osd__summaryRows{
	display: grid;
	gap: 6px;
	padding: 10px 12px;
	background: var(--osd-bg-2);
	border-radius: 12px;
}
.osd__summaryRow{
	display: flex;
	justify-content: space-between;
	color: var(--osd-muted);
}
.osd__summaryRow span{color: var(--osd-text); font-weight: 600;}
.osd__summaryTotal{
	display: flex;
	justify-content: space-between;
	font-size: 1.3em;
	font-weight: 700;
	color: var(--osd-text);
	margin-top: 4px;
	padding: 10px 12px;
}

.osd__helpList{
	display: grid;
	gap: 10px;
}
.osd__helpItem{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border-radius: 14px;
	border: 1px solid var(--osd-help-border);
	background: var(--osd-help-bg);
	text-decoration: none;
	transition: all 0.2s ease;
}
.osd__helpItem:hover{
	background: var(--osd-help-hover);
	border-color: var(--osd-border);
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);
}
.osd__helpIcon{
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: var(--osd-help-icon-bg);
	color: var(--osd-help-icon-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.osd__helpText{
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.osd__helpTitle{
	font-size: 0.8125em;
	font-weight: 600;
	color: var(--osd-text);
}
.osd__helpSubtitle{
	font-size: 0.6875em;
	color: var(--osd-muted);
}
.osd__helpMeta{
	font-size: 0.625em;
	color: var(--osd-muted);
}
.osd__helpChevron{
	margin-left: auto;
	color: var(--osd-help-chevron);
}

@media (max-width: 1100px){
	.osd__layout{
		grid-template-columns: 1fr;
	}
}
@media (min-width: 1101px){
	.osd__aside{
		position: sticky;
		top: 24px;
	}
}
@media (max-width: 900px){
	.osd__trackGrid{
		grid-template-columns: 1fr;
	}
	.osd__addressGrid{
		grid-template-columns: 1fr;
	}
}
@media (max-width: 680px){
	.osd__summaryHeader{
		flex-direction: column;
		align-items: flex-start;
	}
	.osd__item{
		flex-direction: column;
		align-items: flex-start;
	}
	.osd__itemPrice{
		text-align: left;
	}
	.osd__appbar{
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 860px){
	.os-lookup__grid{
		grid-template-columns: 1fr;
	}
	.os-lookup__aside{
		order: 2;
		height: auto;
	}
	.os-lookup__card{
		order: 1;
	}
	.os-form__actions .os-btn{
		width: 100%;
	}
	.os-lookup__links{
		width: 100%;
	}
	.os-lookup__links .os-btn{
		flex: 1 1 100%;
		width: 100%;
	}
}

/*** mod_pdOne - styleCss ****/
#pd_pdOneBanner{}
.pdOneBar {
	font-size:14px;
	color:#333;
	font-family:;
	margin:0px;
	padding:15px;
	max-width:auto;
	background-color:#f1f1f1;
	border:0px solid ;
	border-radius:0px;
	box-shadow:1px 1px 8px rgba(0,0,0,.1);
	text-align:center;
}
.pdOneBarMyAccount{
	margin-bottom:10px;
}
.pdOneBarMyAccount > span{
	display:inline-block;
}
.pdOneBarMyAccountWelcomeMessage{
	font-family:;
	font-size:14px;
	color:#333;
	font-weight:;
	font-style:;
	padding:0px;
	margin:0px 10px 0px 0px;
}
.pdOneBarMyAccount > span a,
.pdOneBarMyAccountLink a{
	font-family:;
	font-size:14px;
	color:#333;
	font-weight:;
	font-style:;
	padding:0px;
	margin:0px 0px 0px 10px;
}
.pdOneBarMyAccountSignOut{
	display:none !important;
}
.pdOneBarRewardsMessage{
	font-family:;
	font-size:14px;
	color:#333;
	font-weight:;
	font-style:;
	padding:0px;
	margin:0px 0px 0px 10px;
	background-color:;
	border:0px solid ;
	border-radius:0px;
	box-shadow:;
}
.pdOneBarRewardsMessage a{
	font-family:;
	font-size:14px;
	color:#333;
	font-weight:;
	font-style:;
}

/*** RESPONSIVE ***/
@media screen and (min-width:500px) {
	.pdOneBar{
		display: table;
		width: 100%;
		text-align:left;
	}
	.pdOneBarMyAccount{
		margin-bottom:0px;
	}
	.pdOneBarMyAccountSignOut{
		display:inline-block;
	}
	.pdOneBarMyAccount,.pdOneBarRewardsMessage{
	  display: table-cell;
	}
	.pdOneBarMyAccount{
		text-align:left;
	}
	.pdOneBarRewardsMessage{
		text-align:right;
	}
}

/*** mod_pdOneStyleEditor - styleCss ****/
/*****************************/
/****** PD MODAL STYLE *******/
/*****************************/
.pdBlocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 9999;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.pdBlocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.pdBlocker.behind {
  background-color: transparent;
}
.pdModal {
  display: none;
  vertical-align: middle;
  z-index: 99999;
  box-sizing: border-box;
  position:relative;
/*
  height: 70%;
  max-height: 95%;
*/
  width: 91%;
  max-width: 91%;
  background: #fff;
  padding:  20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 16px rgba(0,0,0,.6);
  -moz-box-shadow: 0 0 16px rgba(0,0,0,.6);
  -o-box-shadow: 0 0 16px rgba(0,0,0,.6);
  -ms-box-shadow: 0 0 16px rgba(0,0,0,.6);
  box-shadow: 0 0 16px rgba(0,0,0,.6);
  text-align: left;
  transition: all 0.3s ease;
}
.pdModal-inner-scrollable{
  height:100%;
  width:100%;
  overflow-y: auto;
}
.pdModal a.close-pdModal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('https://cdn.practicaldatacore.com/brpboxshop//mod_pdOneStyleEditor/icon-close.svg');

}
.pdModal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}
.pdModal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.pdModal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.pdModal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.pdModal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/*******************************/
/***** END PD MODAL STYLE ******/
/*******************************/

/***  BEGIN PD PHOTOSWIPE LIBRARY ***/
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}
/* Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)  */
.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Prevents focus outline on the root element,  (it may be focused initially) */
.pswp:focus {outline: 0;}
.pswp * {box-sizing: border-box;}
.pswp img {max-width: none;}
.pswp--open {display: block;}
.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}
.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}
.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}
.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}
.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.pswp__img{
  height: auto !important; /* PD OVERRIDE */
}
.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}
.pswp__hidden {display: none !important;}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {pointer-events: none;}
.pswp__content > * {pointer-events: auto;}

/*
  PhotoSwipe UI
*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}
.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}
.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}
.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}
.pswp__icn:focus {outline: 0;}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}
/* Close button */
.pswp__button--close {
  margin-right: 6px;
}


/*
  Arrow buttons
*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {display: none;}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {visibility: hidden;}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {visibility: visible;}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}
.pswp__button--arrow--next {right: 0px;}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/* Zoom button */
.pswp__button--zoom {  display: none;}

.pswp--zoom-allowed .pswp__button--zoom {display: block;}
/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}
/* Loading indicator */
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}
.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}
.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}
@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*
  "1 of 10" counter
*/
.pswp__counter {
  height: 30px;
  margin: 15px 0 0 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}
.pswp--one-slide .pswp__counter {display: none;}
/***  END PD PHOTOSWIPE LIBRARY ***/
/* PD/ONE GLOBAL STYLE */
body{
	font-family:;
	font-size:14px;
	color:#291f18;
	line-height: normal;
	padding:0;
	margin:0;
	font-weight: normal !important;
}
.clear{clear:both;}

.myAccountWrapper,
#myAccountWrapper{
	box-sizing:content-box;
	margin:0 auto;
	padding:0px;
	background-color:transparent;
	border:0px solid #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	width:auto;
	max-width:auto;
	clear:both;
	text-align:left;
	line-height: normal;
}
.pdTitle{
	font-family:;
	font-size:28px;
	font-weight:100;
	color:#291f18;
}
.pdTitle > h1{
	margin:0px 0px 30px 0px;
	padding:0px;
	font-family:;
	font-size:28px;
	font-weight:100;
	color:#291f18;
	line-height: normal;
}
.pdTitle.login > h1,
.pdTitle.register > h1{
margin: auto;
    text-align: center;
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 20px;
}

.pdSubTitle{}
.pdSubTitle > h2{
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:;
	font-size:16px;
	font-weight:700;
	color:#291f18;
	line-height: normal;
}

/* PRIMARY BUTTON STYLE */
.pdBtnPrimary{
	display:inline-block;
	vertical-align:top;
	text-align:center;
    box-sizing: border-box;
}
.pdBtnPrimary a,
.pdBtnPrimary input{
	display:inline-block;
    box-sizing: border-box;
	text-align:center;
	font-family:;
	font-size:20px;
	font-weight:700;
	text-transform:uppercase;
	color:#ffffff;
	padding:15px 20px;
	margin:0px 0px 0px 0px;
	border:0px solid #67150a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#67150a;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    line-height: normal;
    height: initial;
}
.pdBtnPrimary a:hover,
.pdBtnPrimary input:hover{
	background-color:#853122;
}
/* CANCEL/BACK BUTTON STYLE */
.pdBtnPrimaryCancel{
	display:inline-block;
	vertical-align:top;
	text-align:center;
    box-sizing: border-box;
}
.pdBtnPrimaryCancel a,
.pdBtnPrimaryCancel input{
	display:inline-block;
    box-sizing: border-box;
	text-align:center;
	font-family:;
	font-size:20px;
	font-weight:700;
	text-transform:uppercase;
	color:#756548;
	padding:15px 20px;
	margin:0px 0px 0px 0px;
	border:0px solid #b9aa8b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#d6cdba;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    line-height: normal;
    height: initial;
}
.pdBtnPrimaryCancel a:hover,
.pdBtnPrimaryCancel input:hover{
	background-color:#b9aa8b;
}

/* SECONDARY BUTTON STYLE */
.pdBtnSecondary{
	display:inline-block;
	vertical-align:top;
	text-align:center;
    box-sizing: border-box;
}
.pdBtnSecondary a,
.pdBtnSecondary input{
	display:inline-block;
    box-sizing: border-box;
	text-align:center;
	font-family:;
	font-size:14px;
	font-weight:700;
	text-transform:capitalize;
	color:#ffffff;
	padding:15px 20px;
	margin:0px 0px 0px 0px;
	border:0px solid #5e5e5e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#5e5e5e;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pdBtnSecondary a:hover,
.pdBtnSecondary input:hover{
	background-color:#8e8e8e;
}


/* ADD TO CART BUTTON STYLE */
.pdBtnAddCart{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
    box-sizing: border-box;
}
.pdBtnAddCart a,
.pdBtnAddCart input{
	display:inline-block;
    box-sizing: border-box;
	text-align:center;
	font-family:;
	font-size:14px;
	font-weight:700;
	text-transform:;
	color:#ffffff;
	padding:10px 15px;
	margin:0px 0px 0px 0px;
	border:0px solid #0683c3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color:#0683c3;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
   white-space:nowrap;
}
.pdBtnAddCart a:hover,
.pdBtnAddCart input:hover{
	background-color:#0c9be5;
}


/* FACEBOOK BUTTON STYLE */
.pdBtnFb,
.pdBtnFbSmall{
	display:inline-block;
	vertical-align:top;
	text-align:center;
    box-sizing: border-box;
}
.pdBtnFb a,
.pdBtnFb input,
.pdBtnFbSmall a,
.pdBtnFbSmall input{
	display:inline-block;
    box-sizing: border-box;
	text-align:center;
	font-family:;
	font-size:16px;
	font-weight:700;
	color:#ffffff;
	padding:12px;
	margin:0;
	margin-top:20px;
	border:1px solid rgba(59, 89, 152, 100);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:rgba(59, 89, 152, 95);
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
	-webkit-appearance: none;
   white-space:nowrap;
}
.pdBtnFb a:hover,
.pdBtnFb input:hover,
.pdBtnFbSmall a:hover,
.pdBtnFbSmall input:hover{
	background-color:rgba(59, 89, 152, 100);
}
.pdBtnFb span,
.pdBtnFbSmall span{
	font-size:22px;
	margin-right:10px;
	display:inline-block;
}

/*** BUTTON WIDTH ADJUSTMENTS ***/
.pdBtnPrimary.pdSpanWidth,
.pdBtnPrimaryCancel.pdSpanWidth,
.pdBtnSecondary.pdSpanWidth,
.pdBtnFb.pdSpanWidth,
.pdBtnFbSmall.pdSpanWidth{
display:block;
}
.pdBtnPrimary.pdSpanWidth a,
.pdBtnPrimary.pdSpanWidth input,
.pdBtnSecondary.pdSpanWidth a,
.pdBtnSecondary.pdSpanWidth input,
.pdBtnPrimaryCancel.pdSpanWidth a,
.pdBtnPrimaryCancel.pdSpanWidth input,
.pdBtnFb.pdSpanWidth a,
.pdBtnFb.pdSpanWidth input,
.pdBtnFbSmall.pdSpanWidth a,
.pdBtnFbSmall.pdSpanWidth input{
	width:100%;
}

/**** NEXT/MORE BUTTON ***/
.pdBtnNext{display:inline-block;}
.pdBtnNext a{
	display:block;
	font-family:;
	vertical-align:middle;
	padding:6px 14px;
	font-size:16px;
	font-weight:;
	font-style:;
	color:#826f4f;
	text-decoration:none;
	background-color:#ffffff;
	border:1px solid #dfd9c5;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    white-space:nowrap;
}
.pdBtnNext a:after{
	vertical-align:middle;
	display: inline-block;
	margin-left:10px;
	content:"\f054";
	color:#3e3e3e;
	font:normal normal normal 14px/1 "FontAwesome";
}
.pdBtnNext a:hover{
	background-color:#f9f7f4;
}


/**** BACK BUTTON ***/
.pdBackTo{margin-bottom:20px;}
.pdBackTo span{display:none;}
.pdBackTo a{
	font-family:;
	vertical-align:middle;
	padding:6px 14px;
	font-size:16px;
	font-weight:;
	font-style:;
	color:#826f4f;
	text-decoration:none;
	background-color:#ffffff;
	border:1px solid #dfd9c5;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    white-space:nowrap;
}
.pdBackTo a:before{
	vertical-align:middle;
	display: inline-block;
	margin-right:10px;
	content:"\f053";
	color:#3e3e3e;
	font:normal normal normal 14px/1 "FontAwesome";
}
.pdBackTo a:hover{
	background-color:#f9f7f4;
}


/**** TOP BUTTON ***/
.pdBtnTop{}
.pdBtnTop a{
	display:block;
	font-family:;
	vertical-align:middle;
	padding:0px;
	margin:10px 0px 0px 0px;
	font-size:16px;
	font-weight:;
	font-style:;
	color:#3e3e3e;
	text-decoration:none;
	background-color:#ffffff;
	border:1px solid #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pdBtnTop a:before{
	vertical-align:middle;
	display: inline-block;
	margin-right:5px;
	content:"\f0aa";
	color:#3e3e3e;
	font:normal normal normal 14px/1 "FontAwesome";
}
.pdBtnTop a:hover{
	background-color:#ffffff;
}



/*** ADD BUTTON ***/
.pdBtnAdd {
	margin-bottom:6px;
}
.pdBtnAdd a,
.pdBtnAdd input{
	display:inline-block;
    box-sizing: border-box;
	text-align:center;
	font-family:;
	font-size:15px;
	font-weight:500;
	color:#ffffff;
	padding:8px 16px 8px 8px;
	margin:0px;
	border:0px solid #99401e;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
	background-color:#99401e;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pdBtnAdd a:before,
.pdBtnAdd input:before {
    display: inline-block;
	vertical-align:middle;
	margin-right:12px;
	content:"\f055";
	color:#ffffff;
	font:normal normal normal 20px/1 "FontAwesome";
}
.pdBtnAdd a:hover,
.pdBtnAdd input:hover{
	background-color:#99401e;
}

/*** REMOVE BUTTON ***/
.pdBtnRemove {
}
.pdBtnRemove a{
    display: inline-block;
	vertical-align:middle;
    background: #f2f2f2;
    border: 1px solid #cccccc;
	font-family: arial, verdana, sans-serif;
	font-size:13px;
	color:red;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px;
    text-decoration: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	white-space:nowrap;
}
.pdBtnRemove a:before {
    display: inline-block;
	vertical-align:middle;
	content:"\f1f8";
	color:red;
	font:normal normal normal 14px/1 "FontAwesome";
}


/*** EDIT BUTTON ***/
.pdBtnEdit {
	display:inline-block;
}
.pdBtnEdit a{
    display: block;
	vertical-align:middle;
    padding: 6px 14px;
	margin:0px;
    background: #ae8d73;
    border: 1px solid #ae8d73;
	font-family: ;
	font-weight:500;
	font-size:12px;
	color:#ffffff;
    border-radius: 33px;
    text-decoration: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	white-space:nowrap;
}
.pdBtnEdit a:before {
    display: inline-block;
	vertical-align:top;
	margin-right:6px;
	content:"\f040";
	color:#ffffff;
	font:normal normal normal 12px/1 "FontAwesome";
}
.pdBtnEdit a:hover {
	background-color:#79604f;
border: #79604f solid #79604f;
}

/*** DELETE BUTTON ***/
.pdBtnDelete {
	display:inline-block;
}
.pdBtnDelete a{
    display: block;
	vertical-align:middle;
    padding: 6px 14px;
    background: #c80000;
    border: 0px solid #c80000;
	font-family: ;
	font-size:12px;
	color:#ffffff;
	font-weight:500;
    -moz-border-radius: 33px;
    -webkit-border-radius: 33px;
    border-radius: 33px;
    text-decoration: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	white-space:nowrap;
}
.pdBtnDelete a:before {
    display: inline-block;
	vertical-align:top;
	margin-right:6px;
	content:"\f1f8";
	color:#ffffff;
	font:normal normal normal 12px/1 "FontAwesome";
}
.pdBtnDelete a:hover {
	background-color:#f50808;
}

/*** SAVE BUTTON ***/
.pdBtnSave {
	display:inline-block;
}
.pdBtnSave a{
	display: block;
	vertical-align:middle;
	padding: 6px 14px;
	margin:0px;
	background-color:#67150a;
	border: 1px solid #67150a;
	font-family: ;
	font-weight: 500;
	font-size: 12px;
	color:#ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.pdBtnSave a:hover {
	background-color:#853122;
}


/*** PRINT BUTTON ***/
.pdBtnPrint {
	display:inline-block;
}
.pdBtnPrint a{
    display: block;
	vertical-align:middle;
    padding: 6px 14px;
	margin:0px;
    background: #ae8d73;
    border: 1px solid #ae8d73;
	font-family: ;
	font-weight:500;
	font-size:12px;
	color:#ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    white-space:nowrap;
}
.pdBtnPrint a:before {
    display: inline-block;
	vertical-align:top;
	margin-right:6px;
	content:"\f02f";
	color:#ffffff;
	font:normal normal normal 12px/1 "FontAwesome";
}
.pdBtnPrint a:hover {
	background-color:#79604f;
}


/*** DELETE LINK ***/
.pdDeleteLink {}
.pdDeleteLink a{
	vertical-align:middle;
	font-family: ;
	font-size:12px;
	color:#c80000;
	font-weight:500;
    text-decoration: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pdDeleteLink a:before {
    display: inline-block;
	vertical-align:top;
	margin-right:6px;
	content:"\f1f8";
	color:#c80000;
	font:normal normal normal 12px/1 "FontAwesome";
}
.pdDeleteLink a:hover {
	color:#f50808;
}

/**** OR EFFECT FOR LOGIN OPTIONS ***/
.pdOr{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
	position: relative;
	font-size:22px;
	font-weight:700;
	color:rgba(0,0,0,.4);
}
.pdOr:after,
.pdOr:before{
  position: absolute;
  top: 50%;
  height: 1px;
  background: rgba(0,0,0,.15);
  content: "";
  width: 38%;
  display: block;
}
.pdOr:before{
  left: 0;

}
.pdOr:after{
  right: 0;
}

.pdButtonSingleLineWrapper{white-space: nowrap;}
.pdButtonSingleLineWrapper div{margin-right:6px; margin-top:0; margin-bottom:0; margin-left:0; display:inline-block;}
.pdButtonSingleLineWrapper div:last-child{margin-right:0px;}


//*** INPUT DISPLAYS ***/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: auto;
}
.pdForm label.pdLabel, .pdForm div.pdLabel {
    height: auto;
    padding: 6px !important;
}


/****************************************/
/*** MAIN TITLE AND NAME/LOGOUT LINK ****/
/****************************************/
.marNavTitle{
	margin-bottom:22px;
}
.marNavTitle th{
	display:none;
}
.marNavTitle th,
.marNavTitle td{
	font-size:14px;
}
.marNavTitle a{
    font-size: 12px;
    color: #4e4e4e;
	text-decoration:none;
}
.marNavTitle a:before{content:"(";}
.marNavTitle a:after{content:")";}


/***********************/
/*** PRICE DISPLAYS ****/
/***********************/
.pdPriceWrapper{
	margin:10px 0px 0px 0px;
}
.pdPriceWrapper,
.pdPriceWrapper div{
	font-family:#000000;
}
.pdPrice{
    font-size: 14px;
	font-weight: #000000;
    color: #291f18;
}
.pdRegPrice{
    font-size: 12px;
	font-weight: #7e7e7e;
    color: #7e7e7e;
}
.pdSalePrice{
    font-size: 16px;
	font-weight: #c80000;
    color: #c80000;
}

.pdYourPrice{
	display:inline-block;
	margin:8px 0px 0px 0px;
	padding:;
	border:1px solid #e1e1e1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:  4px;
    font-size: 16px;
	font-weight: #000000;
    color: #291f18;
}


/********************************************************/
/*** BEGIN PRIMARY TABBED AND MOBILE MENU NAVIGATION ****/
/********************************************************/

.pdMaNavWrapperTabbed{
	margin-bottom:30px;
	margin-top:10px;
}
.pdMaNavTitle {
	font-family:;
	font-weight:500;
	position:relative;
	color:#51453d;
	font-size:28px;
	text-transform:;
	margin:0px 0px 15px 0px;
	padding:0px;
}
/***** TABBED VERSION (DESKTOP) ****/
.pdMaNavTabbed{
	border-bottom:1px solid #5b4f38;
}
.pdMaNavListTabbed{
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-bottom:-1px;
	float:none;
}
.pdMaNavListTabbed li{
	display:inline-block;
	margin:0px 0px 0px 4px;
	padding:0px;
	float:none;
}
.pdMaNavListTabbed li:first-child{
	margin-left:12px;
}
.pdMaNavListTabbed li a{
	font-family:;
	font-size:15px;
	font-weight:400;
	color:#ffffff;
	display:inline-block;
	padding:12px 15px 12px 15px;
	background-color:#5b4f38;
	border:1px solid #5b4f38;
	border-radius:4px 4px 0px 0px;
	text-decoration:none;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	text-transform:;
}
.pdMaNavListTabbed li a:hover{
	color:#ffffff;
	background-color:#5b4f38;
	border:1px solid #5b4f38;
}
.pdMaNavListTabbed li.active a{
	font-size:15px;
	font-weight:500;
	color:#5b4f38;
	padding:12px 15px 12px 15px;
	background-color:#f9f5f1;
	border:1px solid #5b4f38;
	border-bottom:1px solid #f9f5f1;
}
.pdMaNavListTabbed li.active a:hover{
	background-color:#f9f5f1;
	border-bottom:1px solid #f9f5f1;
}


/*** WRAPS CLICKABLE RESPONSIVE MENU ***/
.pdMaNavWrapper{
	margin-bottom:40px;
	clear:both;
	display:none;
}

.pdMaNavMenuWrapper{
	margin:0px;
	position:relative;
	clear:both;
	padding:14px;
	border:1px solid #dfd9c5;
	background-color:#f2f0e8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


.pdMaNavMenuLink{
	font-family:;
	font-weight:100;
	position:relative;
	color:#3c391a;
	font-size:24px;
	cursor:pointer;
	cursor:hand;
	font-style:;
}

.pdMaNavMenuLink:after{
	position:absolute;
	height:20px;
	width:20px;
	margin:auto;
	top:0;
	bottom:0;
	right:0;
	content:"\f078";
	color:#3c391a;
	font:normal normal normal 20px/1 "FontAwesome";
	display: inline-block;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pdMaNavMenuLink.active:after{
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
}

/****************************/
/*** PRIMARY NAV WRAPPER ****/
/****************************/
.pdMaNav{
	display:none;
	position:relative;
	margin-top:15px;
}
.pdMaNav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:none;
	clear:both;
}
/******************************/
/*** PRIMARY TAB OFF STATE ****/
/******************************/
.pdMaNav ul li {
	display:block;
	cursor:pointer;
	cursor:hand;
	float:none;
}
.pdMaNav ul li a {
	outline:none;
	display:block;
	padding:14px;
	font-size:16px;
	font-weight:100;
	color:#2e2b0b;
	text-decoration:none;
	border:1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pdMaNav ul li a:hover{
	background-color:;
	border: solid ;
}

/*****************************/
/*** PRIMARY TAB ON STATE ****/
/*****************************/
.pdMaNav ul li.active {}



/*********************************************/
/*** SUB NAV WRAPPER (DESKTOP/RESPONSIVE) ****/
/*********************************************/
.pdMaSubNav{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e1e1e1;
}
.pdMaSubNav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:none;
}
.pdMaSubNav ul li {
	display:inline-block;
	margin-left:6px;
	margin-right:12px;
	float:none;
}
.pdMaSubNav ul li a {
	outline:none;
	display:block;
	font-size:14px;
	color:#333333;
	text-decoration:none;
}
.pdMaSubNav ul li a:hover{
}

/*** PRIMARY SUBNAV ACTIVE/ON STATE ****/
.pdMaSubNav ul li.active {
	display:block;
}
.pdMaSubNav ul li.active a {
	font-size:12px;
	font-weight:700;
	color:#333333;
	outline:none;
}

/*************************************************/
/*** END SUB NAV WRAPPER (DESKTOP/RESPONSIVE) ****/
/*************************************************/



/*********************************************/
/**** BEGIN SUB NAV WRAPPER (MOBILE MODE) ****/
/*********************************************/
.pdMaSubNavMobile{
	display:none;
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #e1e1e1;
}
.pdMaSubNavMobile ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:none;
	clear:both;
}
.pdMaSubNavMobile ul li {
	display:inline-block;
	margin-left:6px;
	margin-right:12px;
	float:none;
	clear:both;
}
.pdMaSubNavMobile ul li a {
	outline:none;
	display:block;
	font-size:14px;
	font-weight:100;
	color:#333333;
	text-decoration:none;
}
.pdMaSubNavMobile ul li a:hover{
}

/*** PRIMARY SUBNAV ACTIVE/ON STATE ****/
.pdMaSubNavMobile ul li.active {
	display:block;
}
.pdMaSubNavMobile ul li.active a {
	font-size:12px;
	font-weight:700;
	color:#333333;
	outline:none;
}

/******************************************/
/*** END SUB NAV WRAPPER (MOBILE MODE) ****/
/******************************************/


@media only screen and (max-width: 968px) {
	.pdMaNavWrapperTabbed{display:none;}
	.pdMaNavWrapper{display:block;}
	.pdMaSubNav{display:none;}
	.pdMaSubNavMobile{display:block;}
}



/****************************************/
/***** BEGIN SOCIAL SHARING DISPLAY *****/
/****************************************/
.pdShare{
	position:relative;
  display: inline-block;
	box-sizing: border-box;
  padding: 15px;
  border: 1px solid #dfd9c5;
  border-radius: 4px;
	/*
  background-color: #f2f0e8;
	*/
}
.pdShareInner{
	display: inline-block;
	/*
	padding: 10px 18px;
	border: 1px solid #dfd9c5;
	border-radius: 4px;
	background-color:#ffffff;
	*/
}
.pdShareTitle{
	display: inline-block;
	vertical-align: middle;
	color: #8e8e8e;
	position: absolute;
	top: -11px;
	padding: 4px;
	left: 10px;
	font-size: 11px;
	font-weight: 400;
	background-color: #f9f5f2;
	text-transform: uppercase;
}
.pdShareCalloutText{
	display:none;
	font-size:16px;
	font-weight:100;
	color:#2e2e2e;
	text-align:center;
	margin-top:10px;
}
.pdShare a{
/*
	margin:10px;
*/
	margin-right:5px;
	margin-left:5px;
}
.pdShare a:last-child{
}
.pdShare a,
.pdShare a:link,
.pdShare a:active,
.pdShare a:visited{
	display:inline-block;
	font-size:12px;
	color:#75180b;
	text-align:center;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
}
.pdShare a span{
	display:block;
	font-size:20px;
	/*
	font-size:20px;
	*/
	color:#75180b;
	text-align:center;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
}
.pdShare a span.pdSocialName{
	display:none;
	margin-top:8px;
	font-family:arial, sans-serif;
	font-size:14px;
}

.pdShare a:hover,
.pdShare a span:hover{
	color:#75180b;
}

@media only screen and (max-width: 400px) {
	/*
	.pdShare a span.pdSocialName{
		font-size:.8em;
	}
	.pdShare a span{
		font-size:2.8em;
	}
	*/
}

/****************************************/
/******* END SOCIAL SHARING DISPLAY *****/
/****************************************/


/*********************************************/
/**** BEGIN QUANTITY TOGGLES/ORDERING ZONE ***/
/*********************************************/
.pdQtyDeleteWrapper{
  white-space: nowrap;
}
.pdQtyToggleWrapper{
	display: inline-block;
	vertical-align: middle;
	max-height: 36px;
	overflow: hidden;
	box-sizing: border-box;
}
.pdQtyToggleText{
	vertical-align: middle;
	color: #6e6e6e;
	font-size: 1.1em;
	display: inline-block;
	margin-right: 5px;
}
.pdQtyToggleInner{
  vertical-align:middle;
  display:inline-block;
  border:1px solid #e1e1e1;
  border-radius:2px;
  background-color: #f6f6f6;
  padding:2px;
  white-space: nowrap;
  box-sizing: border-box;
	max-height: 36px;
}
.pdQtyToggleWrapper input.text,
.pdQtyField{
  display:inline-block;
  vertical-align:middle;
  border:1px solid #e1e1e1;
  padding:3px 10px;
  font-size:16px;
  font-weight:700;
  color:#333;
  text-align: center;
  background-color:#fff;
  border-radius:0px;
}
.pdQtyToggleMinus,.pdQtyTogglePlus{
	transition: all 0.5s ease;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  padding:5px;
  margin:3px;
  box-sizing: border-box;
  color:#8e8e8e;
  cursor:hand;
  cursor:pointer;
  border-radius:0px;
}
.pdQtyToggleMinus:hover,.pdQtyTogglePlus:hover{
  /*
  background-color:#dedede;
  */
  color:#5e5e5e;
}
.pdDeleteLink{
  display:inline-block;
  color:#e1e1e1;
  font-size:16px;
  margin-left:15px;
  cursor:hand;
  cursor:pointer;
}
.pdRemoveItemLink{
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
  padding: 11px;
  color: #4e4e4e;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: hand;
  cursor: pointer;
  font-size: .8em;
  text-decoration: underline;
}
.pdRemoveItemLink:before{
  display:inline-block;
	vertical-align: middle;
  content:"\f1f8";
  margin-right:6px;
  color:#4e4e4e;
  font-family:"FontAwesome";
  font-size:.9em;
	font-weight:700;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/*********************************************/
/**** END QUANTITY TOGGLES/ORDERING ZONE *****/
/*********************************************/


/********************************/
/**** FAVORITES FLEX DISPLAY ****/
/********************************/
.pdFlexDisplayTitle{}
.pdFlexDisplayWrapper{
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.pdFlexDisplayItem{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-flow: column nowrap;
	position: relative;
	vertical-align: top;
	box-sizing: border-box;
	background-color: ;
	text-align: center;
	padding: 12px;
	margin: 4px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
}
.pdFlexDisplayItem.active{
	border: 1px solid #67150a;
}
.pdFlexDisplayItem.active:before{
	z-index:9;
	position:absolute;
	top:10px;
	left:10px;
	color:#67150a;
  font-family:"FontAwesome";
	font-size:2em;
	font-weight:700;
	content:"\f058";
	text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/*** ITEM IMAGE DISPLAY ***/
.pdFlexDisplayItemImg{
	display:inline-block;
	position:relative;
  vertical-align: top;
  width:150px !important;
	height:150px !important;
	white-space: nowrap;
  box-sizing: border-box;
  text-align: center;
  padding:5px;
	margin:0 auto;
	margin-bottom:25px;
  background:#fff;
}
.pdFlexDisplayItemImg a{display:inline-block;}
.pdFlexDisplayItemImg img{
	vertical-align: middle;
	display:inline-block;
  width:100%;
	height:auto;
  max-width:150px !important;
	max-height:150px !important;
}
/*** ITEM INFO DISPLAY ***/
.pdFlexDisplayItemInfo{

}
.pdFlexDisplayItemLink{
  color:#2e2e2e;
  text-decoration:none;
}
.pdFlexDisplayItemLink:hover{
  color:#7e7e7e;
  text-decoration:underline;
}
.pdFlexDisplayItemCode{}

/*** PRICE DISPLAY ***/
.pdFlexDisplayPriceWrapper{
	margin-top:10px;
  margin-bottom:20px;
}
.pdFlexDisplayPrice{
  display: block;
  vertical-align: middle;
  color: #3e3e3e;
  font-size: 1.1em;
  font-weight: 700;
}
.pdFlexDisplayRegPrice{
  display: inline-block;
  vertical-align: middle;
  color: #7e7e7e;
  font-size: 1.1em;
  text-decoration:line-through;
  margin-left:4px;
  margin-right:4px;
}
.pdFlexDisplaySalePrice{
  display:inline-block;
  vertical-align:middle;
  color:#bb3232;
  font-size: 1.1em;
  font-weight: 700;
  margin-left:4px;
  margin-right:4px;
}
.pdFlexDisplayYouSave{
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #e1e1e1;
  background: #f6f6f6;
  padding: 8px;
  color: #bb3232;
  font-size: .8em;
  font-weight: 700;
}
.pdFlexDisplayYouSave:before{
  content: "You Saved ";
}
.pdFlexDisplayItemOptions{
  margin-top:10px;
}
.pdFlexDisplayItemOptionsList{
  margin:0;
  padding:0;
  list-style-type:none;
}
.pdFlexDisplayItemOptionsList li{
  margin-top:10px;
  color:#7e7e7e;
  font-size:.8em;
}

.pdFlexDisplayItemOrder{
	margin-top: auto;
	padding-bottom: 10px;
	padding-top: 19px;
	border-top: 1px solid #f1f1f1;
	text-align: center;
}
.pdFlexDisplayItemNa{padding:8px; color:#7e7e7e;}
.pdReorderBackTo{}
.pdReorderBackTo a{
	font-family:;
	vertical-align:middle;
	display:block;
	padding:15px 20px;
	font-size:16px;
	font-weight:100;
	font-style:;
	color:#3e3e3e;
	text-decoration:none;
	background-color:#ffffff;
	border:1px solid #e1e1e1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    white-space:nowrap;
}
.pdReorderBackTo a:before{
	vertical-align:middle;
	display: inline-block;
	margin-right:10px;
	content:"\f053";
	color:#3e3e3e;
	font:normal normal normal 14px/1 "FontAwesome";
}
.pdReorderBackTo a:hover{
	background-color:#e1e1e1;
}

.pdFlexDisplayActions{
  margin-top:30px;
  margin-bottom:20px;
	padding:5px;
	clear:both;
	text-align:center;
}
.pdFlexDisplayActions > div{
  display:inline-block;
  vertical-align:middle;
}


/*************** FLEX RESPONSIVE SETTINGS ***********************/
@media only screen and (min-width: 468px){
	.pdFlexDisplayActions{text-align:left;}
	.pdFlexDisplayActions > div{margin-top:0px;}
	.pdFlexDisplayActions > div.pdBtnPrimary{float:right;}
}
@media only screen and (min-width: 768px){
  .pdFlexDisplayItem{
    width: calc(100% * (1/2) - 10px);
  }
}
@media only screen and (min-width: 900px){
  .pdFlexDisplayItem{
    width: calc(100% * (1/3) - 10px);
  }
}
@media only screen and (min-width: 1200px){
  .pdFlexDisplayItem{
    width: calc(100% * (1/4) - 10px);
  }
}
@media only screen and (min-width: 1500px){
  .pdFlexDisplayItem{
    width: calc(100% * (1/5) - 10px);
  }
}


/***************************************************/
/**** BEGIN MY ACCOUNT ERROR/WARNING MESSAGING *****/
/***************************************************/
.successMessage ,
.displayMessage ,
.infoMessage ,
.errorMessage ,
.warningMessage {
	position:relative;
	box-sizing: border-box;
	padding:20px;
    padding-left:80px;
	margin-bottom:20px;
	color: #222222;
	font-family: ;
	font-weight:100;
	background-color:#ffffcc;
	border:1px #eaeab7 solid;
	min-height: 90px;
}
.successMessage:before ,
.displayMessage:before ,
.infoMessage:before ,
.errorMessage:before ,
.warningMessage:before {
    position: absolute;
    top: 20px;
    left: 20px;
	font-family:"FontAwesome";
	font-size:40px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.successMessage{
	padding-top:30px;
}
.successMessage:before {
	content:"\f058";
    color:#008000;
}
.displayMessage:before {
	content:"\f046";
    color:#0ea100;
}
.errorMessage:before{
	content:"\f071";
    color:#c80000;
}
.warningMessage:before{
	content:"\f071";
    color:#dad900;
}
.displayMessage ul,
.infoMessage ul,
.errorMessage ul,
.warningMessage ul{
	margin:0;
	padding:0;
	display:inline-block;
	list-style-type:none;
}
.displayMessage ul li,
.infoMessage ul li,
.errorMessage ul li,
.warningMessage ul li{
}
.displayMessage ul li:before,
.infoMessage ul li:before,
.errorMessage ul li:before,
.warningMessage ul li:before{
    display:inline-block;
    vertical-align:middle;
    margin-right:12px;
	font-family:"FontAwesome";
	font-size:10px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	color:#adad7d;
	/*
	content:"\f111";
    */
}
.impersonationMessage {
	color: #232323;
	padding-top:10px;
	padding-left:00px;
	padding-bottom:10px;
	border-right:1px #dddddd solid;
	border-left:1px #dddddd solid;
	border-top:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	margin-bottom:15px;
	position:relative;
	background-color: #FFFFCC;
	font-family: ;
	font-weight:500;
}

/*** RESPONSIVE IMPERSONATION BANNER STYLE - BEGIN ***/
.pd-impersonation-banner-container {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #FFFFCC;
    padding: 15px;
    display: flex;
    justify-content: space-between; 
background: rgb(251,236,117);
    align-items: center; 
	box-shadow: 0px -2px 15px rgba(0, 0, 0, .7);
}
.pd-impersonation-banner-user {
    font-size: 1.1em;
    font-weight: 700;
    color: #1e1e1e;
    margin-right: auto; 
}
.pd-impersonation-banner-link{
    margin-left: auto; 
}
.pd-impersonation-banner-link > a{
    font-size: .85em;
    font-weight: 700;
    color: #fff;
	padding: 8px 16px;
    border-radius: 30px;
    text-decoration: none;
    text-transform: uppercase;
	-webkit-appearance: none;
	-webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
	background: #212121;
	border:1px solid #212121;
}
.pd-impersonation-banner-link > a:hover{
	background: #313131;
}
/*** RESPONSIVE IMPERSONATION BANNER STYLE - END ***/


/***************************************************/
/****** END MY ACCOUNT ERROR/WARNING MESSAGING *****/
/***************************************************/
.pdLoginNewCustomer{text-align:center;}
.pdLoginFieldTitle a{
color: #291f18;
    font-weight: 300;
    font-size: 12px;
}

.button {
    cursor:pointer;
}
/*** mod_privacy - styleCss ****/
/* Default privacy layout styles pulled from brpboxshop.com/information pages v2/privacypolicy/privacy-style.css */

/* ============================================
   PRIVACY POLICY PAGES - SHARED STYLES
   ============================================ */

/* Container */
.privacy-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px 80px;
}

/* Hero Section */
.privacy-hero {
    text-align: center;
    padding: 48px 24px 40px;
    margin-bottom: 40px;
}

.privacy-hero-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 24px;
    fill: #8B6F47;
    opacity: 0.9;
}

.privacy-title {
    font-size: 3rem;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
}

.privacy-subtitle {
    font-size: 1.25rem;
    color: #4a4a4a;
    font-weight: 400;
}

/* Layout with Sidebar */
.privacy-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    align-items: start;
}

.privacy-content {
    min-width: 0;
}

/* Emphasis Banner */
.privacy-emphasis {
    background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);
    border-left: 4px solid #4CAF50;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 48px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(76, 175, 80, 0.15);
}

.privacy-emphasis h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2E7D32;
    margin: 0 0 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.privacy-emphasis-icon {
    width: 32px;
    height: 32px;
    fill: #2E7D32;
}

.privacy-emphasis p {
    font-size: 1.125rem;
    color: #1B5E20;
    margin: 0;
    line-height: 1.7;
}

/* Actions Sidebar */
.privacy-actions {
    position: sticky;
    top: 20px;
    background: white;
    border-radius: 12px;
    padding: 32px 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.privacy-actions-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.privacy-actions-icon {
    width: 24px;
    height: 24px;
    fill: #8B6F47;
}

.privacy-actions-subtitle {
    font-size: 0.875rem;
    color: #666;
    margin: 0 0 20px 0;
}

.privacy-actions-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.privacy-actions-list li {
    margin: 0 0 12px 0;
}

.privacy-action-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: #f8f6f4;
    color: #1a1a1a;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 0.9375rem;
    font-weight: 500;
}

.privacy-action-link:hover {
    background: linear-gradient(135deg, #8B6F47, #6B5436);
    color: white;
    transform: translateX(4px);
}

.privacy-action-icon {
    width: 20px;
    height: 20px;
    fill: currentColor;
    flex-shrink: 0;
}

.privacy-policy-section {
    padding: 24px 0;
    margin-bottom: 24px;
}

.privacy-policy-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    background: linear-gradient(135deg, #8B6F47, #6B5436);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 600;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(107, 84, 54, 0.2);
    box-sizing: border-box;
}

.privacy-policy-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(107, 84, 54, 0.3);
}

.privacy-policy-link svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.privacy-contact {
    text-align: center;
    padding-top: 24px;
}

.privacy-contact h4 {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 12px 0;
}

.privacy-contact-label {
    font-size: 0.875rem;
    color: #666;
    margin: 0 0 8px 0;
}

.privacy-contact-phone {
    font-size: 1.125rem;
    font-weight: 700;
    color: #8B6F47;
    margin: 0;
}

/* Action Bar */
.privacy-action-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    padding: 16px 24px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.privacy-section-count {
    font-size: 0.9375rem;
    color: #666;
    font-weight: 500;
}

.privacy-action-buttons {
    display: flex;
    gap: 12px;
}

.privacy-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: white;
    color: #8B6F47;
    border: 2px solid #8B6F47;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.privacy-action-btn:hover {
    background: #8B6F47;
    color: white;
}

.privacy-action-btn svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Policy Sections (Collapsible) */
.privacy-sections {
    display: grid;
    gap: 16px;
}

.privacy-section {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.06);
    overflow: hidden;
}

.privacy-section-header {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 28px;
    background: white;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: all 0.2s ease;
}

.privacy-section-header:hover {
    background: #f8f6f4;
}

.privacy-section.expanded .privacy-section-header {
    background: linear-gradient(135deg, #8B6F47, #6B5436);
    color: white;
}

.privacy-section-icon {
    width: 28px;
    height: 28px;
    fill: #8B6F47;
    flex-shrink: 0;
    transition: fill 0.2s ease;
}

.privacy-section.expanded .privacy-section-icon {
    fill: white;
}

.privacy-section-title {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    transition: color 0.2s ease;
}

.privacy-section.expanded .privacy-section-title {
    color: white;
}

.privacy-expand-icon {
    width: 24px;
    height: 24px;
    fill: #8B6F47;
    flex-shrink: 0;
    transition: transform 0.3s ease, fill 0.2s ease;
}

.privacy-section.expanded .privacy-expand-icon {
    transform: rotate(180deg);
    fill: white;
}

.privacy-section-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.privacy-section.expanded .privacy-section-content {
    max-height: 3000px;
}

.privacy-section-body {
    padding: 32px 28px;
    color: #4a4a4a;
    line-height: 1.8;
}

.privacy-section-body h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 24px 0 12px 0;
}

.privacy-section-body h3:first-child {
    margin-top: 0;
}

.privacy-section-body p {
    margin: 0 0 16px 0;
}

.privacy-section-body p:last-child {
    margin-bottom: 0;
}

.privacy-section-body strong {
    color: #1a1a1a;
    font-weight: 600;
}

.privacy-section-body a {
    color: #8B6F47;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.privacy-section-body a:hover {
    color: #6B5436;
    text-decoration: underline;
}

/* Form Styles */
.privacy-form {
    background: white;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.06);
    margin-bottom: 40px;
}

.privacy-form-intro {
    margin-bottom: 32px;
}

.privacy-form-intro h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 16px 0;
}

.privacy-form-intro p {
    color: #4a4a4a;
    line-height: 1.7;
    margin: 0;
}

.privacy-form-group {
    margin-bottom: 24px;
}

.privacy-form-label {
    display: block;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
}

.privacy-form-label-required::after {
    content: '*';
    color: #D32F2F;
    margin-left: 4px;
}

.privacy-form-input {
    width: 100%;
    padding: 12px 16px;
    font-size: 1rem;
    color: #1a1a1a;
    background: white;
    border: 2px solid #ede9e6;
    border-radius: 8px;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.privacy-form-input:focus {
    outline: none;
    border-color: #8B6F47;
    box-shadow: 0 0 0 3px rgba(139, 111, 71, 0.1);
}

.privacy-form-note {
    font-size: 0.875rem;
    color: #666;
    margin-top: 8px;
    line-height: 1.6;
}

.privacy-form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 32px;
    background: linear-gradient(135deg, #8B6F47, #6B5436);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1.0625rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(107, 84, 54, 0.3);
}

.privacy-form-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(107, 84, 54, 0.4);
}

.privacy-form-submit svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

/* Responsive */
@media (max-width: 1024px) {
    .privacy-layout {
        grid-template-columns: 1fr;
    }
    
    .privacy-actions {
        position: relative;
        top: 0;
        /* Removed order: -1 so sidebar appears AFTER content on mobile */
    }
}

@media (max-width: 768px) {
    .privacy-hero {
        padding: 32px 20px 24px;
    }
    
    .privacy-title {
        font-size: 2rem;
    }
    
    .privacy-subtitle {
        font-size: 1.125rem;
    }
    
    .privacy-emphasis {
        padding: 24px;
    }
    
    .privacy-emphasis h2 {
        font-size: 1.5rem;
    }
    
    .privacy-action-bar {
        flex-direction: column;
        gap: 16px;
    }
    
    .privacy-action-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .privacy-action-btn {
        width: 100%;
        justify-content: center;
    }
    
    .privacy-section-header {
        padding: 20px;
    }
    
    .privacy-section-body {
        padding: 24px 20px;
    }
    
    .privacy-form {
        padding: 24px;
    }
}

/*** mod_productDisplay - styleCss ****/
/* Table of contents
--------------------------------------------------------------------------------------------
- 1. Responsive Grid
- 2. Classes
- 3. Price Range Slider
- 4. PD Overrides
- 5. ID Specific
- 6. Media Queries
*/

/* 1. Responsive Grid
----------------------------------------------------------------------------------------- */
.pdonegriddisplay-container {
  background: #fff;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
/* .pdonegriddisplay-row {
} */
.pdonegriddisplay-column,
.pdonegriddisplay-columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.pdonegriddisplay-column.center,
.pdonegriddisplay-columns.center {
  text-align: center;
}
.pdonegriddisplay-selection, 
.pdonegriddisplay-items {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 860px) {
  .pdonegriddisplay-column, .pdonegriddisplay-columns { margin-left: 4%; }
  .pdonegriddisplay-column:first-child, .pdonegriddisplay-columns:first-child { margin-left: 0; }
  .one.pdonegriddisplay-column, .one.pdonegriddisplay-columns { width: 4.66666666667%; }
  .two.pdonegriddisplay-columns { width: 13.3333333333%; }
  .three.pdonegriddisplay-columns { width: 22%; }
  .four.pdonegriddisplay-columns { width: 30.6666666667%; }
  .five.pdonegriddisplay-columns { width: 39.3333333333%; }
  .six.pdonegriddisplay-columns { width: 48%; }
  .seven.pdonegriddisplay-columns { width: 56.6666666667%; }
  .eight.pdonegriddisplay-columns { width: 65.3333333333%; }
  .nine.pdonegriddisplay-columns { width: 74.0%; }
  .ten.pdonegriddisplay-columns { width: 82.6666666667%; }
  .eleven.pdonegriddisplay-columns { width: 91.3333333333%; }
  .twelve.pdonegriddisplay-columns { width: 100%; margin-left: 0; }
  .one-third.pdonegriddisplay-column { width: 30.6666666667%; }
  .two-thirds.pdonegriddisplay-column { width: 65.3333333333%; }
  .one-half.pdonegriddisplay-column { width: 48%; }
  .pdonegriddisplay-items {
    width: 74%;
  }
  .pdonegriddisplay-selection {
    width: 22%;
  }
}

@media (min-width: 1680px) {
  .pdonegriddisplay-full-width .pdonegriddisplay-items {
    width: 82.6666666667%;
  }
  .pdonegriddisplay-full-width .pdonegriddisplay-selection {
    width: 13.3333333333%;
  }
}

@media (min-width: 2400px) {
  .pdonegriddisplay-full-width .pdonegriddisplay-items {
    width: 88%;
  }
  .pdonegriddisplay-full-width .pdonegriddisplay-selection {
    width: 10%;
  }
}

/* Self Clearing Goodness */
.pdonegriddisplay-container:after,
.pdonegriddisplay-row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}

/* 2. Classes
----------------------------------------------------------------------------------------- */

.button {
  background-color: #008CBA;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
}
.family-item-link {
  color: #077BC8;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: pointer;
}
.filterButton {
  display: block;
  margin: 5px;
  padding: 5px;
  font-size: 1.15rem;
}
.filterButton label {
  color: #0683c3;
  background-color: #fff;
  height: 2rem;
  margin: 10px;
  padding: 5px;
  border: 1px solid #0683c3;
  border-radius: 4px;
  transition: all 0.4s ease;
  cursor: pointer;
}
.filterButton input:focus+label {
  border-color: grey;
}
.filterButton input:checked+label {
  border: 1px solid #0683c3;
  background-color: #0683c3;
  color: #fff;
}
.filterButton label:focus:checked+label {
  border-color: grey;
}
.filterButton input:checked:hover+label {
  border: 1px solid #0c9be5;
  background-color: #0c9be5;
}
.filterButton input:hover+label {
  background-color: #0683c3;
  color: #fff;
}
.pdonegriddisplay-filter-selection-box {
  line-height: 1.66;
}
.pdonegriddisplay-items .pdonegriddisplay-columns:first-child {
  margin-left: 1.25%;
}
.pdonegriddisplay-items .pdonegriddisplay-columns {
  margin: 1.25%;
}
.next-button {
  cursor: pointer;
}
.pdonegriddisplay-selection h2 {
  border-bottom: solid 1px #d6d6d6;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.pdonegriddisplay-selection fieldset {
  border: solid 1px #d6d6d6;
  border-radius: .5rem;
  padding: 1rem;
}
.vis-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* 3. Price Range Slider
----------------------------------------------------------------------------------------- */
.pdonegriddisplay-filter-slider {
  min-height: 18px;
  margin: .5rem 0 .5rem 1rem;
}
.noUi-tooltip {
  display: none;
}
.noUi-active .noUi-tooltip {
  display: block;
}
.pdonegridddisplay-price-range-filter {
  padding: 1rem .25rem;
  text-align: center;
}
.pdonegridddisplay-price-range-filter-val {
  font-weight: bold;
  margin-left: .5rem;
  margin-right: .5rem;
}
.pdonegridddisplay-price-price-range-slider input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not([type=image]).range-info {
  border: 0;
  color: #f6931f;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.pdonegridddisplay-price-price-range-slider {
  margin-bottom: 60px;
  font-size: 20px;
  text-align: center;
}

/* 4. PD Overrides
----------------------------------------------------------------------------------------- */
.pdPromoTop {
  color: #ffffff;
  background-color: #3c64a5;
  padding: 6px;
  margin-bottom: 0px;
  text-align: center;
  outline: none;
  line-height: normal;
  box-sizing: border-box;
  z-index: 1;
}
.pdPromoTop.top {
  position: absolute;
  z-index: 9999;
  width: 100%;
  overflow: hidden;
}
.pdPromoTop div {
  outline: none;
  display: block;
  text-align: center;
}
.pdpTeaser,
.pdpMessage {
  line-height: normal;
  text-align: center;
  cursor: pointer;
  cursor: hand;
}
.pdpTeaser,
.pdpTeaser a {
  color: #111111;
  font-size: 1em;
  text-decoration: none;
}
.pdpTeaser a {
  display: inline-block;
}
.pdpTeaserText {
  display: inline-block;
  vertical-align: middle;
}
.pdpCountdown {
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, .1);
  padding: 6px;
  border-radius: 4px;
  margin-left: 30px;
}
.pdpCountdownTitle {
  font-size: .4em;
  font-weight: 100;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.pdpCountdownTimer {
  letter-spacing: 1px;
  font-size: .75em;
  font-weight: 700;
  text-transform: uppercase;
}
.pdpMessage img {
  display: inline-block;
}
.pdpMessageInner {
  padding: 12px;
  margin-top: 20px;
}
.pdpClose:before {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font: normal normal normal 2em/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  color: #ffffff;
  background-color: transparent;
  opacity: .7;
}
.pdpGoBtn {
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 6px;
  font-weight: 700;
  font-size: .6em;
  margin: 5px;
  text-decoration: none;
  display: inline-block;
}
.pdpGoBtn:after {
  content: "\f138";
  display: inline-block;
  font: normal normal normal .9em/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  margin-left: 4px;
  vertical-align: middle;
  opacity: .5;
  text-decoration: none;
}
.pdpDismiss {
  font-size: 0;
  line-height: 0;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 8px;
  display: block;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.pdpDismiss:after {
  content: "\f057";
  /* solid:f057, "X" only:f00d */
  font: normal normal normal 18px/1 FontAwesome;
  color: #ffffff;
  opacity: .8;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  text-decoration: none;
}
.pdpBannerShare {
  margin-left: 5px;
}
.pdpBannerShare:after {
  content: "\f14d";
  display: inline-block;
  font: normal normal normal .8em/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  vertical-align: middle;
  opacity: .5;
  text-decoration: none;
}
.progbarWrapper {
  position: relative;
  height: 4px;
  background-color: #DDD;
  font-size: 1px;
}
.progbar {
  height: 4px;
  position: absolute;
  right: 0;
  background-color: #E77600;
  font-size: 1px;
}
.unitLineHeight {
  line-height: 1 !important;
}
.pdCountdown {
  float: left;
  width: 100%;
}
.pdCountdown span {
  float: right;
}
.pdStartTime,
.pdEndTime,
.pdTotalTime {
  border-bottom: dotted 1px #c0c0c0;
  padding-bottom: .5rem;
  margin-bottom: .5rem;
}
.pdTotalTime {
  border-bottom: none;
  margin-bottom: 1rem;
}
.item-info {
  background: #fff;
  border-radius: .5rem;
  padding: 1rem;
  margin: .5rem;
}
.item-info:first-child {
  margin: .5rem;
}
.pdPromotionCenterProductListCallout>.pdAlbeeDefaultPromoProductListCallout {
  position: absolute;
  top: 225px;
  text-align: center;
  font-weight: 700;
  font-size: 1em;
  background-color: rgba(60, 59, 54, .75);
  color: #fff !important;
  padding: 10px;
  display: block;
  width: 270px;
  box-sizing: border-box;
  text-transform: uppercase;
  border-radius: 40px;
}

/*** OVERRIDE FOR ITEM PAGE COORDINATING ITEMS ***/
.pditem-coordinating-block .pdPromotionCenterProductListCallout>.pdAlbeeDefaultPromoProductListCallout {
  top: 225px;
  width: 100%;
}

/*** MOBILE ***/
.pdPromotionCenterProductListCallout.pdMobile>.pdAlbeeDefaultPromoProductListCallout {
  position: absolute;
  top: 142px;
  text-align: center;
  font-weight: 700;
  font-size: .8em;
  color: #fff;
  padding: 4px;
  display: block;
  border-radius: 40px;
  width: 100%;
  box-sizing: border-box;
  background-color: rgba(60, 59, 54, .6);
}

.pdPromotionCenterProductListCallout.pdMobileScroll>.pdAlbeeDefaultPromoProductListCallout {
  top: 186px;
  left: -4px;
  font-size: .7em;
  padding: 6px;
  width: 188px;
  background-color: #4e4e4e;
  border-radius: 50px;
  box-sizing: border-box;
  z-index: 999;
}
.pdmain-container h2 {
  color: #fff;
}
.pdsMobileFilterBtn {
  font-size: 20px;
  text-align: center;
  width: 100%;
}
.pdsMobileFilterBtn:before {
  font-size: 16px;
}
.pdSearchFilterOptions > div span, .pdSearchFilterOptionsScroll > div span {
  font-size: 1rem;
}
.pdSearchFilterTitle:before {
  display: none;
}
.promo-offer-section-page-callout h2 {
  border-bottom: none;
  font-size: 14px;
  margin-bottom: 0;
}
.pdRatingStarsWrapper {
  padding-bottom: .5rem;
}
.pdSearchFilterOptions > div:hover,
.pdSearchFilterOptionsScroll > div:hover {
  color: inherit;
}
.pdSearchFilterOptions > div label:hover,
.pdSearchFilterOptionsScroll > div label:hover{
color: #6588cc;
}

/* 5. ID Specific
----------------------------------------------------------------------------------------- */

#pdOneGridDisplay h1 {
  border-bottom: solid 1px #d6d6d6;
  border-top: solid 1px #d6d6d6;
  margin-bottom: 1rem;
  padding: 1rem 0;
  text-align: center;
  text-transform: capitalize;
}
#filterProductsOn.button,
#filterProductsOff.button {
  display: block;
  margin-top: .5rem;
  width: 100%;
}
#search {
  padding: 1rem 0;
}
#search input[type=text] {
  box-sizing: border-box;
  font-size: 1rem;
  margin: 0 .5rem 0 0;
  min-width: 200px;
  padding: 12px;
}
#timings .timing {
  border: solid 3px red;
  margin: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}
#timings .timing h3 {
  display: inline-block;
  margin: 0;
  padding: 0;
}
#pdsShowFilters {
  display: none;
}
#pdsFilterSelections {
  display: block;
}
#pdsHideFilters{display: none;}
#sortByList {display: block;}
#sortBy {
  display: none;
  margin: .5rem 0;
  width: 96%;
}

/* 6. Media Queries
-------------------------------------------------------------------------------------- */

@media only screen and (min-width: 600px) {
  #pdsHideFilters{display: none;}
}

@media (max-width: 860px) {
  .pdonegriddisplay-filter-selection-wrapper {
    box-sizing: border-box;
    padding: 0 16px 0 0;
    margin-right: 30px;
  }
  .pdonegriddisplay-filter-selection-wrapper.rating {
    padding: 0;
  }
  .pdonegriddisplay-filter-selection-box {
    box-sizing: border-box;
    max-height: 180px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .pdonegriddisplay-filter-selection-box.rating {
    overflow-y: hidden;
  }
  .pdonegriddisplay-selection {
    margin-bottom: 1rem;
  }
  .pdonegriddisplay-filter-slider {
    margin: .5rem 1rem;
  }
  #pdsShowFilters {
    display: block;
  }
  #pdsFilterSelections {
    display: none;
  }
  #pdsHideFilters{display: block;}
  #searchButton {
    margin-top: .5rem;
  }
  #sortByList {display: none;}
  #sortBy {display: block;}
  #productMatchItems li img {
    width: 40px;
  }
  #productMatchImage {
    max-height: 40px;
  }
}
/*** mod_productReviews - styleCss ****/
/*** PD.VERSION.SVG.1 ***/


/*****************************/
/*** PD RESPONSIVE STYLING ***/
/*****************************/
.pd-reviews-summary-no-reviews{text-align:center;}
.pd-reviews-summary-no-reviews a{
text-transform: lowercase;}

/****** REVIEWS SUMMARY ******/
.pd-reviews-summary-title-wrapper{
  margin-bottom:18px;
  display:flex;
  gap:16px;
  align-items: flex-start;
}
.pd-reviews-summary-title-item-img{}
.pd-reviews-summary-title-item-img img{
  max-height:80px;
  width:auto;
}
.pd-reviews-summary-title{padding-top:5px;}
.pd-reviews-summary-title-heading{
  font-size: 14px;
  opacity: .5;
}
.pd-reviews-summary-title-item-name a{
  font-size:18px;
  text-decoration:none;
}

.pd-reviews-summary-wrapper{
  margin-bottom: 20px;
}
.pd-reviews-summary-inner{
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items:center;
  justify-content:space-between;
}
.pd-reviews-summary-headline{
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
  padding-top: 5px;
}
.pd-reviews-summary-wrapper.pd-reviews-view-all-summary-wrapper{
  padding:11px;
  border-radius:6px;
  background: #fff;
  border: 1px solid #d8d1cb;
  box-shadow: 0 0 5px rgb(0 0 0 / 15%);
}
@media (min-width: 600px){
  .pd-reviews-summary-inner{
    flex-direction: row;
  }
  .pd-reviews-summary-title-item-img img{
    max-height:100px;
  }
  .pd-reviews-summary-title-item-name a{
    font-size:26px;
  }
}
.pd-rating-summary-wrapper{
  flex-grow:1;
  text-align:center;
}
.pd-rating-summary-score-wrapper{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.pd-rating-summary-score{
  font-size: 42px;
  font-weight: 700;
  color: #000;
}
.pd-rating-summary-details{}
.pd-rating-summary-out-of{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 2px;
}
.pd-rating-summary-count{
  font-size: 12px;
}
.pd-rating-summary-stars{
  padding:2px 0px 15px 0px;
}

.pd-reviews-btn{}
.pd-reviews-summary-review-btn{}

.pd-reviews-btn > a,
.pd-reviews-btn > a:link,
.pd-reviews-btn > a:active,
.pd-reviews-btn > a:visited,
.pd-reviews-btn > input,
.pd-reviews-summary-review-btn > input,
.pd-reviews-summary-review-btn > a,
.pd-reviews-summary-review-btn > a:link,
.pd-reviews-summary-review-btn > a:active,
.pd-reviews-summary-review-btn > a:visited,
.pd-reviews-summary-review-btn > input{
	padding: 10px 20px;
	color: #fff;
	background-color: #99401e;
	border:1px solid #99401e ;
	border-radius: 30px;
	font-family: ;
	font-size: 14px;
  font-weight: 700;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  -webkit-appearance: none;
  transition: all 0.5s ease;
}
.pd-reviews-btn > a:hover,
.pd-reviews-summary-review-btn > a:hover{
	background-color: #99401e;
	border: 1px solid #99401e;
}
.pd-reviews-summary-schema-tags{display: none;}

.pd-reviews-snapshot-wrapper{
  display: table;
  border-collapse: separate;
  border-spacing: 4px 6px;
}
.pd-reviews-snapshot{
  display: table-row;
}
.pd-reviews-snapshot > div{
  display: table-cell;
}
.pd-reviews-snapshot-headline{
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	padding-bottom: 6px;
}

.pd-reviews-summary-wrapper.pd-reviews-view-all-summary-wrapper .pd-reviews-snapshot-headline{
  display:none;
}

.pd-reviews-snapshot-title{
	font-size: 11px;
	font-weight: 100;
	color: #818181;
  white-space: nowrap;
}
.pd-reviews-snapshot-bar-wrapper{}
.pd-reviews-snapshot-bar{
  position: relative;
  border-radius:10px;
  width: 100px;
  height: 8px;
  border: 1px solid #e1e1e1;
  background: #f6f6f6;
  box-sizing: border-box;
}
.pd-reviews-snapshot-bar:after{
  position: absolute;
  border-radius:10px;
  content: '\A';
  background: #fdb022;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
}
.pd-reviews-snapshot-percent{
  font-size:11px;
  font-weight:700;
  color:#818181;
}
.pd-reviews-snapshot-percent > span{ /*** # OF REVIEWS ***/
  display:none;
}

/*** BUYER RECOMMENDED RADIAL PROGRESS ***/
.pd-reviews-buyers-recommend-wrapper{
  flex-grow:1;
}
.pd-reviews-buyers-recommend{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.pd-reviews-circular-progress{
  position:relative;
  display: inline-block;
}
.pd-reviews-circular-progress svg {
  transform: rotate(-10deg);
}
.pd-reviews-circular-progress circle{
  stroke-width:8px;
}
.pd-reviews-circular-progress circle:nth-child(1){ /*** RADIAL PATH ***/
  /*
	stroke:transparent;
	stroke:#fff;
  */
	fill:#fff;
}
.pd-reviews-circular-progress circle:nth-child(2){ /*** RADIAL COLORED BAR ***/
  stroke: #ae8d73;
  stroke-dasharray: 100;
  stroke-dashoffset: calc(100 - 100);
  stroke-linecap: round;
}
.pd-reviews-circular-progress-percent{
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  color: #354443;
  line-height: 20px;
  height: 20px;
  box-sizing: border-box;
}
.pd-reviews-circular-progress-percent > span{
	font-weight: 500;
	font-size: 12px;
	display: inline-block;
	vertical-align:super;
}
.pd-reviews-buyers-recommend-text{
  padding-top:1px;
  font-size: 12px;
  color: #ae8d73;
}


/****** CUSTOMER IMAGE GALLERY ******/
.pd-reviews-customer-image-gallery-wrapper{
    margin-top:25px;
}
.pd-reviews-customer-image-gallery-title{
  text-align: center;
  margin-bottom:10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.pd-reviews-customer-image-gallery-flex{
  display:flex;
  /* flex-wrap: wrap; */
  gap:11px;
  justify-content: center;
}
.pd-reviews-customer-image-gallery-flex > div{
}
.pd-reviews-customer-image-gallery-flex img{
  height: 40px;
  width: auto;
}
.pd-pr-scroll.pd-pr-image-gallery{
/*
  height:45px;
*/
}


/****** CUSTOMER REVIEW ******/
.pd-pr-wrapper{
	padding-top:20px;
	padding-bottom:10px;
  /*
  border-top: 1px solid #d8d1cb;
  */
}
.pd-pr-stars-title-wrapper{
	margin-bottom:5px;
  padding: 10px 0px;
  border-bottom: 1px solid #d8d1cb;
}
.pd-pr-title{
	margin-top: 10px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.pd-pr-reviewer-info-wrapper{
  display:flex;
  align-items:center;
  font-size: 12px;
  margin-bottom: 20px;
  margin-top: 12px;
  color: #7e7e7e;
  font-size: 14px;
  font-weight: 500;
/*  opacity: .65; */
}
.pd-pr-reviewer-info-inner{}
.pd-pr-reviewer-info-inner > div{
	display:inline;
	font-style:italic;
}
.pd-pr-title:first-letter{
  text-transform:uppercase;
}
.pd-pr-reviewer-name,
.pd-pr-reviewer-location,
.pd-pr-reviewer-date{
  text-transform: capitalize;
}

.pd-pr-verfied-buyer-badge{
  display: inline-flex !important;
  gap: 5px;
  align-items: center;
  white-space:nowrap;
  margin: 0px 0px 0px 15px;
  padding: 3px 9px 3px 3px;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  background: #354443;
  border-radius: 30px;
  border: 0px solid #fff;
}
.pd-pr-verfied-buyer-badge > span{
  display:inline-block;
}
.pd-pr-verfied-buyer-badge img{
  height: 14px;
  width: 14px;
}
.pd-pr-review-description{
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding-bottom:28px;
}
.pd-pr-review-description:first-letter{
  text-transform:uppercase;
}
.pd-pr-merchant-response-wrapper{
  border: 1px solid #d8d1cb;
  box-shadow: 0px 0px 3px rgba(0,0,0,.05);
  background: #fcfcfc;
  padding: 18px;
  border-radius: 6px;
  /*
  background: #fffeed;
  border: 1px solid #fffcd5;
  */
  margin-bottom: 28px;
}
.pd-pr-merchant-response{}
.pd-pr-merchant-response-title{
  font-weight: 700;
  margin-bottom: 5px;
}
.pd-pr-merchant-response-text{}

@media (min-width: 600px){
	.pd-pr-stars-title-wrapper{
  	display: flex;
  	align-items: center;
  	gap: 15px;

	}
	.pd-pr-title{
		margin-top:0;
	}
}

/*** REVIEW DATA POINTS - PROS, CONS, BEST USES ***/
.pd-pr-data-points-wrapper{
  display: flex;
  gap: 30px;
  margin-bottom: 28px;
}
.pd-pr-data-points-wrapper ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.pd-pr-data-points{
/*
  padding: 12px;
  background: #FCFCFD;
  border: 1px solid #F9FAFB;
  border-radius: 5px;
  box-shadow: 0px 0px 3px rgb(16 24 40 / 20%);
*/
}
.pd-pr-data-points-title{
  font-size: 12px;
/*
  color:#1D2939;
*/
  font-weight: 600;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #d8d1cb;
  text-align: left;
}
.pd-pr-data-points ul {
	list-style-type: none;
  margin:0;
  padding:0;
}
.pd-pr-data-points li {
  padding: 3px 0px 3px 15px;
  font-size: 12px;
/*
  color: #475467;
*/
  position: relative;
}
.pd-pr-data-points li:before {
  position: absolute;
  left: 0;
  content: '\2713';
}
.pd-pr-data-points.pd-pr-cons li:before {
  content: '\2717';
}
.pd-pr-data-points.pd-pr-best-uses li:before {
  content: '\2729';
}
.pd-pr-data-points li:first-letter{
  text-transform:uppercase;
}
.pd-pr-data-points.pd-pr-pros{}
.pd-pr-data-points.pd-pr-best-uses{}
.pd-pr-data-points.pd-pr-cons{}

@media (min-width: 986px){
  .pd-pr-data-points-wrapper{
    display:inline-flex;
    gap:20px;
  }
  .pd-pr-data-points{
    min-width: 250px;
    flex-basis: 250px;
  }
}


/****** CUSTOMER REVIEW IMAGES ******/
.pd-pr-review-images{
  margin:0px 0px 26px 0px;
}

.pd-pr-review-images-title{
	display:none;
	margin-bottom:8px;
	font-size:12px;
	font-weight:700;
}

.pd-pr-review-images ul{
	list-style-type:none;
	margin:0;
	padding:0;
	display:flex;
	gap:10px;
}
.pd-pr-review-images a{
	display:inline-block;
	text-decoration:none;
}
.pd-pr-review-images img{
	width:auto;
	height:70px;
}
/*** VIEW ALL REVIEWS PAGE - PAGINATION NUMBERS ***/
.pd-reviews-paging-wrapper{
  display:flex;
  align-items: center;
  gap: 15px;
  margin-top:40px;
  margin-bottom:20px;
}
.pd-reviews-paging-page-info{
  color: rgba(0,0,0,.4);
}
.pd-reviews-paging-num-wrapper{
  flex-grow:1;
}
.pd-reviews-paging-num{
  box-sizing: border-box;
  font-size: 1.1em;
  font-weight: 700;
  padding: 4px;
  color: rgba(0,0,0,.7);
}
.pd-reviews-paging-num.pd-active{
  color: rgba(0,0,0,.9);
}
.pd-reviews-paging-num-inner{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.pd-reviews-paging-num{}
.pd-reviews-paging-num.pd-active{}

.pd-reviews-paging-arrow {
  position:relative;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: rgba(0,0,0,.4);
/*
  border: 1px solid #444CE7;
*/
  border-radius: 24px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
}
.pd-reviews-paging-arrow:hover {
  background: rgba(0,0,0,.7);
/*
  border-color: #12B76A;
*/
  color: #fff;
}
.pd-reviews-paging-arrow:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 6px;
  height: 6px;
  top: 50%;
  left: 50%;
}
.pd-left:after {
  margin-left: -2px;
  margin-top: -4px;
  border-right: 1px solid;
  border-top: 1px solid;
  transform: rotateZ(225deg);
}
.pd-right:after {
  margin-left: -5px;
  margin-top: -4px;
  border-right: 1px solid;
  border-top: 1px solid;
  transform: rotateZ(45deg);
}
/*** SCROLLABLE ZONE ***/
.pd-pr-scroll-container{
	clear:both;
	position:relative;
  box-sizing: border-box;
	text-align:center;
}
.pd-pr-scroll{
	padding-bottom: 15px;
  overflow: hidden;
  overflow-x: scroll;
  width: auto;
  /*
  white-space: nowrap;
  max-height: 300px;
  */
  -webkit-overflow-scrolling: touch;
  -webkit-appearance: none;
  overflow: -moz-scrollbars-horizontal;
}
.pd-pr-scroll.horz{
  overflow-x: auto;
  overflow-y: scroll;
}
.pd-pr-scroll::-webkit-scrollbar{
   -webkit-appearance: none;
   width:8px;
   height:8px;
   margin-left:20px;
}
.pd-pr-scroll::-webkit-scrollbar-track {
	border-radius: 8px;
  background: transparent;
/*
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
*/
}
.pd-pr-scroll::-webkit-scrollbar-thumb{
   border-radius: 10px;
   background: #c1c1c1;
 }
.pd-pr-scroll.disabled{opacity:.5;}


/**** SUBMIT A REVIEW FORM ****/
.pd-review-form-wrapper{
  padding: 3px;
  max-width: 700px;
  width: auto;
  box-sizing: border-box;
}
.pd-review-form-headline{
	color:#1e1e1e;
	font-size:2em;
	margin-bottom:10px;
}
.pd-review-form-item-description{
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d1cb;
  align-items: center;
}
.pd-review-form-item-img{
  height: 90px;
  width: 90px;
}
.pd-review-form-item-img a{
  display: block;
}
.pd-review-form-item-img img{
  display: block;
  height: 100px;
  width: 100%;
}

.pd-review-form-item-info-wrapper{}
.pd-review-form-item-name a{
  text-decoration: none;
}

.pd-review-form-stars{
  display: flex;
  gap:2px;
}
.pd-review-form-stars span{
  position: relative;
	display: block;
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-empty.svg") no-repeat;
  background-size: cover;
	cursor: pointer;
  cursor: hand;
  height: 40px;
  width: 40px;
}
.pd-review-form-stars span.active{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-full.svg") no-repeat;
}
/*** REVIEW FORM FIELDS ***/
.pd-review-form-field{
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
}
.pd-review-form-field-required{
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.pd-review-form-field-required:before{
  content: "\002A";
  color: #8f8f8f;
  font-size: 24px;
}
.pd-review-form-field-title{
  box-sizing: border-box;
  padding-bottom: 3px;
  font-weight: 700;
  font-size: 1.2em;
  vertical-align: middle;
  color: #222222;
}
.pd-review-form-field-title:before{
  display:none;
  vertical-align:top;
  margin-right:12px;
  color:#777777;
}
.pd-review-form-field-title.pros:before{
}
.pd-review-form-field-title.cons:before{
}
.pd-review-form-field-title.bestuses:before{
}
.pd-review-form-field-title.images:before{
}
.pd-review-form-field-title.recommended:before{
}
.pd-review-form-field-title.name:before{
}
.pd-review-form-field-title.email:before{
}
.pd-review-form-field-title.location:before{
}

.pd-review-form-field-title > i {
  opacity: .6;
  font-weight: 500;
}
.pd-review-form-instructions{
  box-sizing: border-box;
  padding-top: 6px;
  padding-bottom: 3px;
  font-size: .8em;
  font-weight: 500;
  opacity: .6;
}
.pd-review-form-field-input input[type=text],
.pd-review-form-field-input textarea{
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  border: none;
  -webkit-appearance: none;
  width: 100%;
  max-width: 700px;
  padding: 15px;
  color: #1e1e1e;
  border: 1px solid #e6e6e6;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 5%);
  border-radius: 5px;
}
.pd-review-form-field-input input[type=text]:focus ,
.pd-review-form-field-input textarea:focus {
  border: 1px solid #6e6e6e;
}

/* RADIO SELECTION - RECOMMEND TO A FRIEND */
#isRecommendedSection .pd-review-form-field-input{
  display: flex;
  gap: 21px;
}
.pd-review-form-field-input label > input[type="radio"] {
  display: none;
}
.pd-review-form-field-input label > input[type="radio"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 0.3rem;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #a7a7a7;
}
.pd-review-form-field-input label > input[type="radio"]:checked + * {
  color: #006BF7;
  font-weight: 700;
}
.pd-review-form-field-input label > input[type="radio"]:checked + *::before {
  background: radial-gradient(teal 0%, #006BF7 40%, transparent 50%, transparent);
  border-color: #006BF7;
}
.pd-review-form-field-input label > input[type="radio"] + * {
  display: inline-block;
}

/*** CUSTOMER IMAGE UPLOAD ***/
.pd-review-form-customer-images{
  display: flex;
  gap: 15px;
  align-items: center;
}
.pd-review-image-image-upload{
  position: relative;
  box-sizing: border-box;
  border: 1px dashed #a7a7a7;
  border-radius: 4px;
  height: 85px;
  width: 85px;
  text-align: center;
  padding: 4px;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
  background: #fff;
}
.pd-review-image-image-upload input{display: none;}

.pd-review-image-image-upload-icon.pd-plus {
  cursor: pointer;
  position: absolute;
  height: 24px;
  width: 24px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  color: #4285F4;
}
.pd-review-image-image-upload-icon.pd-plus span:nth-child(1) {
  position: absolute;
  width: 24px;
  height: 2px;
  border-radius: 10px;
  background-color: currentColor;
  top: 11px;
  left: 0;
}
.pd-review-image-image-upload-icon.pd-plus span:nth-child(2) {
  position: absolute;
  width: 2px;
  top: 0px;
  display: inline-block;
  height: 24px;
  border-radius: 10px;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
  transform: rotate(180deg);
}

.pd-review-image-image-clear-icon {
  display: none;
  cursor: pointer;
  width: 22px;
  height: 22px;
  border-radius: 20px;
  background: #4285F4;
  transition: 0.2s ease-in-out;
  position: absolute;
  z-index: 99;
  top: -10px;
  right: -10px;
}
.pd-review-image-image-clear-icon span:nth-child(1) {
  position: absolute;
  z-index:999;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
}
.pd-review-image-image-clear-icon span:nth-child(2) {
  position: absolute;
  z-index:999;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-45deg);
}




.pd-review-image-image-upload-preview{
  box-sizing: border-box;
  background-size: cover;
  backgrond-size: auto;
  height: 100%;
  width: 100%;
}

/*********************************/
/*** END PD RESPONSIVE STYLING ***/
/*********************************/




.pdReviewForm{max-width:680px;}
.pdReviewForm,
.pdReviewsDisplay,
.pdReviewsDisplay span,
.pdReviewsDisplay div{
	font-family:;
}
.pdReviewsDisplay span.fa ,
.pdReviewsDisplay div.fa {
	font-family:fontAwesome;
}
/**** PD - SVG REVIEW STARS - DISPLAY ****/
.pdPrRatingStars{
	display:inline-block;
	vertical-align:middle;
	font-style:italic;
	font-size:12px;
	color:#666666;
}
.pdPrRatingStars span{
	font-size:16px;
	margin-right:1px;
	color:#e1ce00;
}
.pdPrRatingStars span.fa.fa-star-o{
	color:#e1ce00;
}
.pdProductReviewStarsSummary > a{
	margin-right:22px;
}

/****************************************/
/***** BEGIN RATING STARS DISPLAY ******/
/***************************************/
.pd-stars-container{
  display:flex;
  gap:7px;
  align-items: center;
	cursor:pointer;
}
.pd-rating-summary-stars .pd-stars-container,
.pd-stars-container.pd-center{
	justify-content:center;
}
.pd-stars{
  display: flex;
  gap:1px;
}
.pd-rating-summary-stars .pd-stars{
  gap:4px;
}
.pd-stars i,
.pd-stars div{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-empty.svg") no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.pd-stars i:before,
.pd-stars div:before{
  content: '';
  display: block;
  background-size: cover;
}
/***  RATING STAR SIZE / STANDARD ***/
.pd-stars i,
.pd-stars i:before,
.pd-stars div,
.pd-stars div:before{
  height: 14px;
  width: 14px;
}
/***  RATING STAR SIZE / LISTING PAGES (HOME,CATEGORY,ETC) ***/
.pd-stars.pd-category i,
.pd-stars.pd-category i:before,
.pd-stars.pd-category div,
.pd-stars.pd-category div:before{
  height: 14px;
  width: 14px;
}
/***  RATING STAR SIZE / PRODUCT PAGES ***/
.pd-stars.pd-product i,
.pd-stars.pd-product i:before,
.pd-stars.pd-product div,
.pd-stars.pd-product div:before{
  height: 16px;
  width: 16px;
}
/***  RATING STAR SIZE / SUMMARY  ***/
.pd-rating-summary-stars .pd-stars i,
.pd-rating-summary-stars .pd-stars i:before,
.pd-rating-summary-stars .pd-stars div,
.pd-rating-summary-stars .pd-stars div:before{
  height: 22px;
  width: 22px;
}

/*** .5 STAR ***/
.pd-stars.pd-rating-05 i:nth-child(1):before,
.pd-stars.pd-rating-05 div:nth-child(1):before{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-half.svg") no-repeat;
}
/*** 1, 1.5 STAR ***/
.pd-stars.pd-rating-1 i:nth-child(1):before,
.pd-stars.pd-rating-15 i:nth-child(1):before,
.pd-stars.pd-rating-1 div:nth-child(1):before,
.pd-stars.pd-rating-15 div:nth-child(1):before{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-full.svg") no-repeat;
}
.pd-stars.pd-rating-15 i:nth-child(2):before,
.pd-stars.pd-rating-15 div:nth-child(2):before{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-half.svg") no-repeat;
}
/*** 2, 2.5 STAR ***/
.pd-stars.pd-rating-2 i:nth-child(1):before, .pd-stars.pd-rating-2 div:nth-child(2):before,
.pd-stars.pd-rating-25 i:nth-child(1):before, .pd-stars.pd-rating-25 div:nth-child(2):before,
.pd-stars.pd-rating-2 div:nth-child(1):before, .pd-stars.pd-rating-2 div:nth-child(2):before,
.pd-stars.pd-rating-25 div:nth-child(1):before, .pd-stars.pd-rating-25 div:nth-child(2):before{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-full.svg") no-repeat;
}
.pd-stars.pd-rating-25 i:nth-child(3):before,
.pd-stars.pd-rating-25 div:nth-child(3):before{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-half.svg") no-repeat;
}
/*** 3, 3.5 STAR ***/
.pd-stars.pd-rating-3 i:nth-child(1):before, .pd-stars.pd-rating-3 i:nth-child(2):before, .pd-stars.pd-rating-3 i:nth-child(3):before,
.pd-stars.pd-rating-35 i:nth-child(1):before, .pd-stars.pd-rating-35 i:nth-child(2):before, .pd-stars.pd-rating-35 i:nth-child(3):before,
.pd-stars.pd-rating-3 div:nth-child(1):before, .pd-stars.pd-rating-3 div:nth-child(2):before, .pd-stars.pd-rating-3 div:nth-child(3):before,
.pd-stars.pd-rating-35 div:nth-child(1):before, .pd-stars.pd-rating-35 div:nth-child(2):before, .pd-stars.pd-rating-35 div:nth-child(3):before{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-full.svg") no-repeat;
}
.pd-stars.pd-rating-35 i:nth-child(4):before,
.pd-stars.pd-rating-35 div:nth-child(4):before{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-half.svg") no-repeat;
}
/*** 4, 4.5 STAR ***/
.pd-stars.pd-rating-4 div:nth-child(1):before, .pd-stars.pd-rating-4 i:nth-child(2):before, .pd-stars.pd-rating-4 i:nth-child(3):before, .pd-stars.pd-rating-4 i:nth-child(4):before,
.pd-stars.pd-rating-45 div:nth-child(1):before, .pd-stars.pd-rating-45 i:nth-child(2):before, .pd-stars.pd-rating-45 i:nth-child(3):before, .pd-stars.pd-rating-45 i:nth-child(4):before,
.pd-stars.pd-rating-4 div:nth-child(1):before, .pd-stars.pd-rating-4 div:nth-child(2):before, .pd-stars.pd-rating-4 div:nth-child(3):before, .pd-stars.pd-rating-4 div:nth-child(4):before,
.pd-stars.pd-rating-45 div:nth-child(1):before, .pd-stars.pd-rating-45 div:nth-child(2):before, .pd-stars.pd-rating-45 div:nth-child(3):before, .pd-stars.pd-rating-45 div:nth-child(4):before{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-full.svg") no-repeat;
}
.pd-stars.pd-rating-45 i:nth-child(5):before,
.pd-stars.pd-rating-45 div:nth-child(5):before{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-half.svg") no-repeat;
}
/*** 5 STAR ***/
.pd-stars.pd-rating-5 i,
.pd-stars.pd-rating-5 div{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-full.svg") no-repeat;
}


/*** RATING COUNT ***/
.pd-stars-rating-count{
	font-weight: 400;
  font-size: 12px;
  color: #79604f;
	white-space:nowrap;
}
.pd-stars-rating-count > div{
	display: inline;
}
.pd-stars-container.pd-category .pd-stars-rating-count{
	font-family:;
	font-size:12px;
	color:#000000;
}
.pd-stars-container.pd-category .pd-stars-rating-count > div{

}

/***** DEFAULT RATING STAR STYLE COMES FROM CATEGORY CALLOUT SETTINGS ******/
.pdRatingStarsWrapper{
	vertical-align:middle;
}
.pdRatingStarsWrapper.pdCategory{
	margin-top:6px;
	margin-bottom:0px;
	margin-left:;
	margin-right:;
	line-height:18px;
}
.pdRatingStars{
	display:inline-block;
	vertical-align:middle;
}
.pdRatingStars span:before{
	display:inline-block;
	vertical-align:top;
	margin-right:1px;
	font-family:FontAwesome;
	font-size:16px;
	font-weight:400;
	color:#e1ce00;
	content:"\f005";
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

/*** 0.5 STAR ***/
.pdRatingStars.pd05 span:nth-child(1):before{content:"\f5c0"; font-weight:700;}
/*** 1 STAR ***/
.pdRatingStars.pd1 span:nth-child(1):before,.pdRatingStars.pd10 span:nth-child(1):before,.pdRatingStars.pd15 span:nth-child(1):before{font-weight:700;}
/*** 1.5 STAR ***/
.pdRatingStars.pd15 span:nth-child(2):before{content:"\f5c0"; font-weight:700;}
/*** 2 STAR ***/
.pdRatingStars.pd2 span:nth-child(1):before,.pdRatingStars.pd2 span:nth-child(2):before{font-weight:700;}
.pdRatingStars.pd20 span:nth-child(1):before,.pdRatingStars.pd20 span:nth-child(2):before{font-weight:700;}
/*** 2.5 STAR ***/
.pdRatingStars.pd25 span:nth-child(3):before{content:"\f5c0"; font-weight:700;}
.pdRatingStars.pd25 span:nth-child(1):before,.pdRatingStars.pd25 span:nth-child(2):before{font-weight:700;}
/*** 3 STAR ***/
.pdRatingStars.pd3 span:nth-child(1):before,.pdRatingStars.pd3 span:nth-child(2):before,.pdRatingStars.pd3 span:nth-child(3):before{font-weight:700;}
.pdRatingStars.pd30 span:nth-child(1):before,.pdRatingStars.pd30 span:nth-child(2):before,.pdRatingStars.pd30 span:nth-child(3):before{font-weight:700;}
/*** 3.5 STAR ***/
.pdRatingStars.pd35 span:nth-child(4):before{content:"\f5c0"; font-weight:700;}
.pdRatingStars.pd35 span:nth-child(1):before,.pdRatingStars.pd35 span:nth-child(2):before,.pdRatingStars.pd35 span:nth-child(3):before{font-weight:700;}
/*** 4 STAR ***/
.pdRatingStars.pd4 span:nth-child(1):before,.pdRatingStars.pd4 span:nth-child(2):before,.pdRatingStars.pd4 span:nth-child(3):before,.pdRatingStars.pd4 span:nth-child(4):before{font-weight:700;}
.pdRatingStars.pd40 span:nth-child(1):before,.pdRatingStars.pd40 span:nth-child(2):before,.pdRatingStars.pd40 span:nth-child(3):before,.pdRatingStars.pd40 span:nth-child(4):before{font-weight:700;}
/*** 4.5 STAR ***/
.pdRatingStars.pd45 span:nth-child(5):before{content:"\f5c0"; font-weight:700;}
.pdRatingStars.pd45 span:nth-child(1):before,.pdRatingStars.pd45 span:nth-child(2):before,.pdRatingStars.pd45 span:nth-child(3):before,.pdRatingStars.pd45 span:nth-child(4):before{font-weight:700;}
/*** 5 STAR ***/
.pdRatingStars.pd5 span:before,.pdRatingStars.pd50 span:before{font-weight:700;}

/*** RATING COUNT ***/
.pdRatingCount{
	margin-left:4px;
	display:inline-block;
	vertical-align:middle;
	font-family:;
	font-size:12px;
	color:#000000;
}
.pdRatingCountDescriptorText{
	display:inline;
}

/**** PRODUCT PAGE CALLOUT REVIEW STARS OVERRIDE ****/
.pdRatingStars.pdProduct span:before{
	font-size:14px;
    color:#e1ce00;
}
.pdRatingCount.pdProduct{
	margin-left:4px;
	font-family:;
	font-size:12px;
	color:#000000;
}
/**** CUSTOMER INDVIDUAL REVIEW STARS OVERRIDE *****/
.pdRatingStars.pdCustomer span:before{
	font-size:16px;
    color:#e1ce00;
}

/**** SUMMARY REVIEW STARS OVERRIDE *****/
.pdRatingStars.pdSummary span:before{
	font-size:28px;
    color:#e1ce00;
}
/***************************************/
/****** END RATING STARS DISPLAY *******/
/***************************************/


/************************************/
/****** BEGIN REVIEWS SUMMARY *******/
/************************************/
.pdPrSummaryWrapper{
	border: 1px solid #e1e1e1;
    padding: 0px;
    margin: 0px 0px 40px 0px;
	background:#ffffff;
	text-align:center;
	line-height:normal;
}
.pdPrSummaryWrapperInner{
    margin: 20px;
}
/*** SUMMARY TITLE ***/
.pdPrSummaryTitleWrapper{
	background-color:#f1f1f1;
	border-bottom:1px solid #e1e1e1;
	padding:20px;
	margin:0px 0px 20px 0px;
	position:relative;
}
.pdPrSummaryTitle{
	font-size:26px;
	color:#414141;
}
/*** SUMMARY IMAGE ***/
.pdPrSummaryOverallImg{
	display:none;
	vertical-align:top;
}
.pdPrSummaryOverallImg img{
	max-width:150px;
}
/*** SUMMARY OVERALL RATING ***/
.pdPrSummaryOverallRatingWrapper{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin-left:20px;
	margin-right:40px;
	margin-bottom:30px;
}
.pdPrSummaryOverallRatingNum{
	margin-bottom:5px;
	font-family:;
	font-size:52px;
	font-weight:100;
	color:#111111;
}
.pdPrSummaryOverallRatingCount{
	margin-top:6px;
	color:#414141;
	font-size:14px;
	font-weight:700;
	letter-spacing:2px;
}
/**** RIGHT ARROW ***/
.pdPrSummaryRightArrow{
	display:inline-block;
	vertical-align:middle;
	margin-left:30px;
	margin-right:30px;
	color:#e1e1e1;
	font-size:100px;
}
.pdPrSummaryRightArrow span{
	display:none;
}
/**** RATINGS SNAPSHOT ****/
.pdPrRatingSnapshotWrapper{
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:0px;
	padding:18px 12px;
    border:#e1e1e1 solid 1px;
	-webkit-border-radius:  0px;
	-moz-border-radius:    0px;
	border-radius:    0px;
	background-color:#ffffff;
	text-align:left;
}
.pdPrRatingSnapshotWrapper:before,
.pdPrRatingSnapshotWrapper:after{
	display:none;
	border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.pdPrRatingSnapshotWrapper:before{
	top: 30%;
    right: 100%;
    border-right-color: #e1e1e1;
    border-width: 19px;
    margin-top: -19px;
}
.pdPrRatingSnapshotWrapper:after{
    top: 30%;
    right: 100%;
    border-right-color: #e1e1e1;
    border-width: 18px;
    margin-top: -18px;
}




.pdStarSummaryWrapper{}
.pdStarSummaryWrapper div {
	display:inline-block;
	vertical-align:middle;
	margin-bottom:5px;
}
.pdStarSummaryBarTitle{
	font-size:11px;
	font-weight:100;
	color:#818181;
	padding-right:3px;
}
.pdStarSummaryBarTitle  span{
	color:#818181;
}
.pdStarSummaryBarCount{
	font-size:11px;
	font-weight:700;
	color:#818181;
	padding-left:3px;
}
.pdStarSummaryBarCount span{
	font-weight:100;
	opacity:.75;
}
.pdStarSummaryBar {
    width:125px;
    height:15px;
    border:1px solid #e1e1e1;
    background:#e1e1e1;
    position:relative;
}
.pdStarSummaryBar:after {
    content:'\A';
    position:absolute;
    background:#919191;
    top:0;
	bottom:0;
    left:0;
    width:0%;
}

.pdPrSummaryRecommended{
	margin-top:15px;
	font-size:11px;
	font-weight:100;
	color:#414141;
	font-style:italic;
}
.pdPrSummaryRecommended span.fa{
	color:#818181;
	margin-right:3px;
}


/*** SUMMARY ITEM ***/
.pdPrSummaryTitleItemName{
	font-size:12px;
	font-weight:100;
	color:#2e2e2e;
}
.pdPrSummaryTitleItemName a{
	font-size:12px;
	font-weight:100;
	color:#2e2e2e;
	text-decoration:none;
	padding-right:8px;
}
.pdPrSummaryTitleItemName a:hover{
	text-decoration:underline;
}

.pdPrSummaryTitleItemPrice{
	font-size:14px;
	font-weight:700;
	color:#2e2e2e;
}



/*** BEGIN OLD SUMMARY STYLE ***/
.pdPrSummary{
	background-color:##ffffff;
	border:1px solid #e1e1e1;
	padding:0px;
	margin:0px 0px 40px 0px;
	text-align:center;
}
.pdPrSummaryProductInfo{
	display:block;
	vertical-align:middle;
	text-align:center;
	max-width:160px;
	margin:0 auto;
}
.pdPrSummaryProductImg{
	margin-bottom:10px;
}
.pdPrSummaryProductImg img{
	display:inline-block;
	max-width:150px;
}
.pdPrSummaryProductName{
	margin-bottom:5px;
}
.pdPrSummaryProductName,
.pdPrSummaryProductName a{
	font-size:12px;
	color:#2e2e2e;
	font-weight:100;
}
.pdPrSummaryProductPrice{
	font-size:14px;
	color:#2e2e2e;
	font-weight:700;
}
.pdPrSummaryRatingDetails{
	margin-top:8px;
	font-size:14px;
	color:#2e2e2e;
	font-weight:700;
}


.pdPrSummaryOverallRating{
	display:block;
	vertical-align:middle;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
	line-height:normal;
}
.pdPrSummaryOverallRating .pdPrRatingStars{
	margin-bottom:10px;
}
.pdPrSummaryOverallRating .pdPrRatingStars span{
	font-size:28px;
}

/**** WRITE A REVIEW BUTTON (SUMMARY) ****/
.pdPrSummaryWriteReview{
	display:inline-block;
	vertical-align:middle;
}
.pdPrSummaryWriteReview > a,
.pdPrSummaryWriteReview > a:link,
.pdPrSummaryWriteReview > a:active,
.pdPrSummaryWriteReview > a:visited,
.pdPrSummaryWriteReview > a:hover,
.pdPrSummaryWriteReview > input{
	display:inline-block;
	padding:10px 20px;
	color:#756548;
	background-color: #d6cdba;
	border:1px solid #d6cdba ;
	-webkit-border-radius:  33px;
	-moz-border-radius: 33px;
	border-radius: 33px;
	font-family:;
	font-size:20px;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	-webkit-appearance:none;
}
/************************************/
/******** END REVIEWS SUMMARY *******/
/************************************/



/***********************************************/
/*** BEGIN CUSTOMER PRODUCT REVIEW DISPLAY *****/
/***********************************************/
.pdPrWrapper{
    position: relative;
	clear:both;
	background-color:#ffffff;
	border-bottom:1px solid #e1e1e1;
	border-radius:;
	padding:30px 5px;
	margin:0px 0px 0px 0px;
	box-shadow:;
    min-height: 180px;
	line-height:normal;
}
.pdPrWrapperInner{
    position: relative;
    margin: 0 5px;
}

/***** INDIVIDUAL REVIEW - REVIEWER INFORMATION ****/
.pdPrReviewerWrapper{
	vertical-align:top;
	margin-bottom:20px;
	padding-top:5px;
}
.pdPrReviewsName{
	font-size:14px;
	color:#000000;
	font-weight:700;
	text-transform:capitalize;
	margin-bottom:4px;
}
.pdPrReviewerLocation{
	font-size:12px;
	color:#777777;
	margin-bottom:4px;
}
.pdPrReviewDate{
	font-size:12px;
	color:#777777;
	font-style:italic;
	font-weight:100;
	margin-top:4px;
}
.pdPrVerifiedBuyer{
  background-color:#ffffff;
  display:inline-block;
  margin:8px 0px 8px 0px;
  padding:6px 8px 9px 8px;
  border:1px solid #e1e1e1;
  border-radius:2px;
  white-space:nowrap;
  box-shadow:1px 1px 3px rgba(0,0,0,.1);
}
.pdPrVerifiedBuyer:after{
	vertical-align:middle;
    display:inline-block;
	content:"Verified Buyer";
	font-size:11px;
	color:#14a600;
	letter-spacing:1px;
}
.pdPrVerifiedBuyer:before{
	vertical-align:middle;
    display:inline-block;
    margin-right:8px;
    font:normal normal normal 1em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#14a600;
	content:"\f00c";
}
.pdPrListOverallRating{
	margin-bottom:14px;
}
/***** INDIVIDUAL REVIEW - CONTENT ****/
.pdPrContentWrapper{
	vertical-align:top;
}
.pdPrTitle{
	line-height:normal;
	font-size:20px;
	color:#000000;
	font-weight:100;
	margin-bottom:20px;
}

.pdPrBody{
	margin-bottom:20px;
}
.pdPrListRecommend{
}
.pdPrListPros,
.pdPrListCons,
.pdPrListBestUses{
	padding-bottom:24px;
}
.pdPrListPros span,
.pdPrListCons span,
.pdPrListBestUses span{
	display:block;
    vertical-align:middle;
	margin-bottom:6px;
	font-weight:700;
}
.pdPrListPros span:before,
.pdPrListCons span:before,
.pdPrListBestUses span:before{
    display:inline-block;
    vertical-align:middle;
    margin-right:4px;
    font:normal normal normal 14px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#777777;
}
.pdPrListPros span:before{
	color:#555555;
	content:"\f164";
}
.pdPrListCons span:before{
	color:#555555;
	content:"\f165";
}
.pdPrListBestUses span:before{
	color:#555555;
	content:"\f336";
	font-weight:700;
}

.pdPrMerchantResponse {
  background-color: #f1f1f1;
  border: solid 1px #e1e1e1;
  margin-top: 1rem;
  padding: 1rem;
}
.pdPrMerchantResponse span {
  font-weight: bold;
  margin-right: .5rem;
}

.pdPrExtendedFields {}
.pdPrExtendedFields span {
  font-weight: bold;
  margin-right: .5rem;
}

.pdPrReviewPhotos{
	margin-top:24px;
}
.pdPrReviewPhotos ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.pdPrReviewPhotos a,
.pdPrReviewPhotos ul li{
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}

.pdReviewsViewAllBtnWrapper{
	text-align:left;
}
.pdReviewsViewAllBtn{
	display:inline-block;
	margin:20px 0px 20px 0px;
}
.pdReviewsViewAllBtn a,
.pdReviewsViewAllBtn a:link,
.pdReviewsViewAllBtn a:active,
.pdReviewsViewAllBtn a:visited,
.pdReviewsViewAllBtn input{
	display:inline-block;
    vertical-align:middle;
	padding:12px 16px;
	color:#ffffff;
	background-color: #0683c3;
	border:1px solid #0683c3 ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:;
	font-size:16px;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	-webkit-appearance:none;
	 transition: all 0.5s ease;
}
.pdReviewsViewAllBtn a:before{
    display:inline-block;
    vertical-align:middle;
    margin-right:6px;
	font-family:FontAwesome;
	font-size:16px;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#ffffff;
	content:"\f054";
}
.pdReviewsViewAllBtn a:hover{
	background-color: #0c71a5;
	border:1px solid #0c71a5 ;
}
/***********************************************/
/***** END CUSTOMER PRODUCT REVIEW DISPLAY *****/
/***********************************************/


/***********************************************/
/**** BEGIN EXPERT/MERCHANT REVIEW DISPLAY *****/
/***********************************************/
.pdPrExpertWrapper{
	position: relative;
	clear:both;
	background-color:#fff;
	border-bottom:1px solid #e1e1e1;
	border-radius:;
	padding:30px 0px;
	margin:0px 0px 0px 0px;
	box-shadow:;
	min-height: 130px;
	line-height:normal;
	box-sizing:border-box;
	min-height:300px;
}
.pdPrExpertWrapperInner{}
.pdPrExpertReviewerWrapper{
	vertical-align:top;
	margin-bottom:20px;
	padding-top:35px;
}
.pdPrExpertHeadline{
	display:inline-block;
	padding:;
	margin:;
	background-color:;
	color:;
	font-size:;
	font-weight:700;
	border: solid ;
	border-radius: 2px;
	white-space: nowrap;
	box-shadow: ;
}
.pdPrExpertHeadline:after{
	vertical-align:middle;
	display:inline-block;
	content:"";
	font-size:;
	color:;
	letter-spacing:1px;
}
.pdPrExpertHeadline span{
	display:inline-block;
	color:;
	margin-right:8px;
}

.pdPrExpertBadge{
	position: absolute;
	right: 0px;
	top: 10px;
	box-sizing: border-box;
	height: 62px;
	width: 62px;
	/* padding: 6px 15px 6px 25px; */
	border-radius: 100px;
	background: linear-gradient(45deg, #444, transparent);
	background-color: #666;
	border: 1px solid #444;
	text-shadow: 0px 1px rgba(0,0,0,.8);
/*

	box-shadow: 1px 1px 2px rgba(0,0,0,.2);
*/
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0px;
}
.pdPrExpertBadge span{
	padding-top: 18px;
	display: inline-block;
}
/*
.pdPrExpertBadge{
  position: absolute;
  right: 0px;
  top: 20px;
  padding: 6px 15px 6px 25px;
  border-radius: 100px;
  background: linear-gradient(45deg, #eedb0a, transparent);
  background-color: #e1ce00;
  border: 1px solid #e1ce00;
  text-shadow: 0px 1px rgba(0,0,0,.2);
  box-shadow: 1px 1px 2px rgba(0,0,0,.2);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.pdPrExpertBadge:before{
	position:absolute;
	left: 6px;
	top: 7px;
  font-family:FontAwesome;
	content:"\f336";
	text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
*/
.pdPrExpertReviewerImg{
    max-width: 100px;
    max-height: 100px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pdPrExpertReviewerImg img{
	display:inline-block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.pdPrExpertReviewerName{
	color:;
	font-size:;
	font-weight:;
	text-transform:capitalize;
	margin-bottom:5px;
}
.pdPrExpertReviewerTitle{
	color:#666;
	font-size:12px;
	font-weight:100;
	margin-bottom:2px;
}
.pdPrExpertReviewerLocation{
	font-size:;
	font-weight:;
	color:;
	margin-bottom:2px;
}
.pdPrExpertReviewerDate{
	font-size:;
	color:;
	font-style:italic;
	font-weight:;
	margin-bottom:4px;
}


/***** INDIVIDUAL REVIEW - CONTENT ****/
.pdPrExpertContentWrapper{
	vertical-align:top;
}
.pdPrExpertTitle{
	line-height:normal;
	color:#000000;
	font-size:20px;
	font-weight:100;
	margin-bottom:20px;
	padding-right:60px;
}
.pdPrExpertBody{
	margin-bottom:20px;
}
.pdPrExpertReviewerProfile{
	margin-top:20px;
}
.pdPrExpertReviewerProfile a{
	text-decoration:none;
	font-weight:700;
	display:block
}
.pdPrExpertReviewerProfile a:before{
	display:inline-block;
	margin-right:4px;
	font-size:10px;
  font-family:FontAwesome;
	content:"\f054";
	text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;

}

/********************************/
/*** EXPERT PROFILE LIST PAGE ***/
/********************************/
.pdExpertProfileList {
	margin: 0 auto;
	text-align: left;
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
}
.pdExpertProfileListItem{
	display:block;
	vertical-align:top;
  flex: 25%;
	box-sizing:border-box;
	border-radius:4px;
	margin:10px;
	padding:15px;
	border:1px solid #e1e1e1;
/*
	box-shadow:0px 0px 10px rgba(0,0,0,.15);
*/
}
.pdExpertProfileListItem a{
	color: inherit;
}
.pdExpertProfileListItem a:hover{
	text-decoration: underline;
}
.pdExpertProfileListItemInfo{
	padding-left: .25em;
}
.pdExpertProfileListItemName{
	font-size:16px;
	font-weight:700;
}
.pdExpertProfileListItemTitle{
	margin-top:2px;
	font-size:14px;
	font-weight:100;
	font-style:italic;
}
.pdExpertProfileListItemLocation{
	margin-top:2px;
	font-size:14px;
	color:#777;
	font-weight:100;
}
.pdExpertProfileListItemViewProfile{
	display:block;
	margin-top:25px;
}
.pdExpertProfileListItemViewProfile a{
	display:block;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
}
.pdExpertProfileListItemViewProfile a:before{
	display:inline-block;
	margin-right:4px;
	font-size:10px;
  font-family:FontAwesome;
	content:"\f054";
	text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;

}
/*** IMAGE ***/
.pdExpertProfileListItemImg{
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  padding: 0px;
  margin: 0 auto;
	margin-bottom:20px;

	height:200px;
	width:200px;
}
.pdExpertProfileListItemImg a{
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
}
.pdExpertProfileListItemImg > span{
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.pdExpertProfileListItemImg img {
/*
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
*/
	display: inline-block;
	flex-wrap: nowrap;
	align-content: inherit;

  border: none;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.pdUser {
	position:absolute;
	top:20px;
	left:calc(50% - 75px);
	text-align: center;
	font-size: 5em;
	color: #555555;
}
.pdUser i {font-size:150px; color:#d1d1d1;}


/**** EXPERT PROFILE DETAIL PAGE ****/
.pdExpertProfile{padding:10px;}
.pdExpertProfileImg{
	position:relative;
	width:200px;
	height:200px;
}
.pdExpertProfileImg img {
/*
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
*/
	display: inline-block;
	flex-wrap: nowrap;
	align-content: inherit;

  border: none;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.pdExpertProfileImg a{
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
}
.pdExpertProfileImg > span{
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.pdExpertProfileInfo{
	margin-top:30px;
}
.pdExpertProfileName{
	font-size:16px;
	font-weight:700;
}
.pdExpertProfileTitle{
	margin-top:2px;
	font-size:14px;
	font-weight:100;
	font-style:italic;
}
.pdExpertProfileLocation{
	margin-top:2px;
	font-size:14px;
	color:#777;
	font-weight:100;
}
.pdExpertProfileBiography{
	margin-top:30px;
	font-size:14px;
	font-weight:100;
}
/***********************************************/
/****** END EXPERT/MERCHANT REVIEW DISPLAY *****/
/***********************************************/


/***********************************************/
/************ BEGIN VENDOR REVIEW DISPLAY ******/
/***********************************************/
.pdPrVendorWrapper{
    position: relative;
	clear:both;
	background-color:#fff;
	border-bottom:1px solid #e1e1e1;
	border-radius:;
	padding:30px 0px;
	margin:0px 0px 0px 0px;
	box-shadow:;
    min-height: 130px;
	line-height:normal;
}
.pdPrVendorWrapperInner{
    position: relative;
}
.pdPrVendorNote{
	color:#919191;
	font-style:italic;
	margin-top:30px;
}
.pdPrVendorReviewerWrapper{
	vertical-align:top;
	margin-bottom:20px;
}
.pdPrVendorHeadline{
	display:inline-block;
	padding:6px 8px 9px 8px;
	margin:8px 0px 8px 0px;
	background-color:#ffffff;
	color:#14a600;
	font-size:11px;
	font-weight:700;
	border:1px solid #e1e1e1;
    border-radius: 2px;
    white-space: nowrap;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}
.pdPrVendorHeadline:after{
	vertical-align:middle;
    display:inline-block;
	content:"Vendor Review";
	font-size:11px;
	color:#14a600;
	letter-spacing:1px;
}

.pdPrVendorHeadline span{
	display:inline-block;
	color:#14a600;
	margin-right:8px;
}

.pdPrVendorReviewName{
	color:#000000;
	font-size:14px;
	font-weight:700;
	text-transform:capitalize;
	margin-bottom:4px;
}
.pdPrVendorReviewLocation{
	font-size:12px;
	font-weight:100;
	color:#777777;
	margin-bottom:4px;
}
.pdPrVendorReviewDate{
	font-size:12px;
	color:#777777;
	font-weight:;
	font-style:italic;
	margin-top:4px;
}
/***** INDIVIDUAL REVIEW - CONTENT ****/
.pdPrVendorContentWrapper{
	vertical-align:top;
}
.pdPrVendorTitle{
	line-height:normal;
	color:#000000;
	font-size:20px;
	font-weight:100;
	margin-bottom:20px;
}


.pdPrVendorBody{
	margin-bottom:20px;
}
/***********************************************/
/*********** END VENDOR REVIEW DISPLAY *********/
/***********************************************/

/***************************************/
/***** BEGIN REVIEW FORM STYLE *********/
/***************************************/
.pdReviewForm{
	padding:8px;
}
.pdReviewHeadline{
	color:#333333;
	font-size:2em;
	margin-bottom:12px;
}
/**** REVIEW ITEM DESCRIPTION ****/
.pdReviewItemDescription{
	margin-bottom:30px;
}
.pdReviewItemPriceWrapper{}
.pdReviewItemImg{margin-bottom:12px;}
.pdReviewItemImg img{max-width:100px;}
.pdReviewItemInfoWrapper{}
.pdReviewItemName,
.pdReviewItemName a{
	color:#000000;
	font-size:14px;
	text-decoration:none;
}
.pdReviewItemPriceWrapper{margin-top:10px;}
.pdReviewItemPrice{color:#777777;}
.pdReviewItemSalePrice{color:#000000; font-weight:700;}

/**** REVIEWS FORM ****/
.pdReviewFormStars{}
.pdReviewFormStars span{
	display:inline-block;
	margin:0;
	padding:2px;
	font-size:42px;
	color:#e1ce00;
	cursor: pointer;
    cursor: hand;
}
.pdReviewFormStars span:before{
	display:inline-block;
  vertical-align:top;
	margin-right:1px;
  font-family:FontAwesome;
	content:"\f005";
	text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.pdReviewFormStars span.active{
	color:#e1ce00;
}
.pdReviewFormStars span.active:before{
	font-weight:700;
}
.pdReviewFormField{
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px dotted #cccccc;
}
.pdReviewFormTitle{
	font-weight:700;
	font-size:1.2em;
    vertical-align:middle;
    margin-bottom:10px;
    color:#222222;
}
.pdReviewFormTitle:before{
    display:inline-block;
    vertical-align:top;
    margin-right:12px;
	font-family:FontAwesome;
	font-size:1.2em;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#777777;
}
.pdReviewFormTitle.pros:before{
	content:"\f055";
}
.pdReviewFormTitle.cons:before{
	content:"\f056";
}
.pdReviewFormTitle.bestuses:before{
	content:"\f046";
}
.pdReviewFormTitle.images:before{
	content:"\f1c5";
}
.pdReviewFormTitle.recommended:before{
	content:"\f164";
}
.pdReviewFormTitle.name:before{
	content:"\f007";
}
.pdReviewFormTitle.email:before{
	content:"\f1fa";
}
.pdReviewFormTitle.location:before{
	content:"\f041";
}

.pdReviewFormSubtitle{
	padding-left:5px;
	padding-top:5px;
}
.pdReviewFormSubtitle span{
	margin-left:10px;
	color:#888888;
    font-size:.8em;
    font-style:italic;
}
.pdReviewsFormRequiredField{
    display:inline-block;
    vertical-align:middle;
		position:absolute;
		right:0;
		top:12px;
}
.pdReviewsFormRequiredField:before{
    display:inline-block;
    vertical-align:top;
    margin-right:4px;
    font:normal normal normal .8em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f069";
    color:#d10101;
}
.pdReviewFormSubtitle{
	font-weight:100;
	font-size:1em;
}
.pdReviewFormInput{
	padding:1px;
	padding-bottom:4px;
	position:relative;
	/*
	white-space:nowrap;
	*/
}
.pdReviewFormInput div{margin-bottom:5px;}

.pdReviewFormInput.pdReviewFormImages{
	white-space:normal;
}
.pdReviewFormInput.pdReviewFormImages div{padding-bottom:10px;}

.pdReviewFormInput div.pdReviewFormStars{margin-bottom:0;}

.pdReviewFormInput > span{
display:inline-block;
margin-bottom:5px;
}

.pdReviewFormInput input,
.pdReviewFormInput textarea{
	font-family:;
    display:inline-block;
    vertical-align:middle;
    border:1px solid #bbbbbb;
    padding:10px !important;
    width:calc(100% - 50px);
    font-size:1em;
    margin-right:8px;
    height:auto;
}
.pdReviewFormInput textarea{
	min-height:170px;
}
.pdReviewFormInput#prosSection textarea,
.pdReviewFormInput#consSection textarea{
	min-height:100px;
}

.pdReviewFormField.pdPrError .pdReviewFormInput input,
.pdReviewFormField.pdPrError .pdReviewFormInput textarea{
    border:1px solid #d10101;
    background-color: #fae5e5;
}

.pdReviewFormInput input[type=file]{
	background-color:none;
	max-width:250px;
}
.pdReviewFormInput input.pdRequired:before{
    display:inline-block;
    vertical-align:top;
    margin-right:4px;
    font:normal normal normal .8em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f069";
    color:#;
}


.pdReviewFormInput input[type=radio],
.pdReviewFormInput input[type=radio] + label,
.pdReviewFormInput input[type=radio] + label:before{
	display:inline-block;
  	cursor: pointer;
    cursor: hand;
 }
.pdReviewFormInput input[type=radio] + label{
	margin-right:20px;
}
 .pdReviewFormInput input[type=radio]{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pdReviewFormInput input[type=radio] + label:before{
    font-family: FontAwesome;
    display: inline-block;
    content: "\f111";
    letter-spacing: 10px;
    font-size: 1.2em;
		font-weight:400;
    color: #888888;
    width: 1.4em;
}

.pdReviewFormInput input[type=radio]:checked + label:before{
    content: "\f058";
    font-size: 1.2em;
		font-weight:700;
    color: #888888;
    letter-spacing: 5px;
}
.pdReviewFormInput input[type=radio]:focus + label:before,
.pdReviewFormInput input[type=radio]:focus + label{
    color:#222222;
}

.pdReviewFormInstructions{
	padding: 5px;
    padding-top: 0;
	font-size:.8em;
	font-style:italic;
    color:#888888;
}
/**** REVIEWS BUTTON ****/
.pdReviewsBtnWrap{
	clear:both;
}
.pdReviewsBtnWrap div{
	display:inline-block;
	margin-right:12px;
}
.pdReviewsBtn > a,
.pdReviewsBtn > a:link,
.pdReviewsBtn > a:active,
.pdReviewsBtn > a:visited,
.pdReviewsBtn > a:hover,
.pdReviewsBtn > input{
	display:inline-block;
	padding:12px !important;
	color:#ffffff;
	background-color: #0683c3;
	border:1px solid #0c71a5 ;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:arial;
	font-size:20px;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	-webkit-appearance:none;
}
.pdReviewsBtn.submit > a,
.pdReviewsBtn.submit > input{
}
/***************************************/
/******* END REVIEW FORM STYLE *********/
/***************************************/


/***************************************/
/******* BEGIN MY REVIEWS TAB **********/
/***************************************/
.myReviewsListing{
	clear:both;
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px solid #e1e1e1;
}
.myReviewsListing:last-child{
	border-bottom:none;
}
.myReviewsItem{
	margin-bottom:15px;
}
.myReviewsRating{
}
/***************************************/
/********* END MY REVIEWS TAB **********/
/***************************************/


/**************************************/
/******* BEGIN REVIEWS PAGING *********/
/**************************************/
.pdReviewsPaging{
}
.pdReviewsPagingInfo{
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	font-weight:100;
	color:#717171;
	margin-right:20px;
}
.pdReviewsPagingNum{
	display:inline-block;
	vertical-align:middle;
	padding:0px 6px;
}
.pdReviewsPagingNum a{
	font-size:14px;
	font-weight:700;
	color:#717171;
}
.pdReviewsPagingArrow{
	display:inline-block;
	vertical-align:middle;
}
.pdReviewsPagingArrow.pdLeft{
	margin-right:6px;
}
.pdReviewsPagingArrow.pdRight{
	margin-left:6px;
}
.pdReviewsPagingArrow span{
	font-size:14px;
	font-weight:700;
	color:#717171;
}

/**************************************/
/********* END REVIEWS PAGING *********/
/**************************************/


/************************************/
/********* RESPONSIVE CSS ***********/
/************************************/
@media (min-width: 600px){

	/*** SUMMARY ***/
	.pdPrSummaryWrapper{
		text-align:left;
	}
	.pdPrSummaryOverallImg{
		display:inline-block;
	}
	.pdPrSummaryOverallRatingWrapper{
		margin-bottom:0px;
	}
	.pdPrSummaryRightArrow span{
		display:inline;
	}
	.pdPrRatingSnapshotWrapper:before,
	.pdPrRatingSnapshotWrapper:after{
		display:block;
	}
	/*** ITEM ***/
	.pdReviewItemImg{
		vertical-align:middle;
		display:inline-block;
		margin-right:20px;
	}
	.pdReviewItemInfoWrapper{
		vertical-align:middle;
		display:inline-block;
	}
	.pdPrSummary{
	}
	.pdPrSummaryProductInfo{
		display:inline-block;
		padding-right:20px;
		border-right:1px solid #dedede;
		margin-right:20px;
	}
	.pdPrSummaryRatingReviewBtnWrapper{
		display:inline-block;
		vertical-align:middle;
	}
	.pdPrSummaryOverallRating{
	}
	.pdPrSummaryWriteReview{
	}
	/**** REVIEW CONTENT ***/
	.pdPrReviewerWrapper,
	.pdPrExpertReviewerWrapper,
	.pdPrVendorReviewerWrapper{
		position: absolute;
		top: 0;
		left: 0;
		width: 130px;
		margin-bottom:0;
	}
	.pdPrContentWrapper,
	.pdPrExpertContentWrapper,
	.pdPrVendorContentWrapper{
		padding-left:150px;
	}
}
@media (min-width: 900px){
	.pdPrSummaryOverallRating{
		display:inline-block;
	}
	.pdPrSummaryWriteReview{
		display:inline-block;
		padding-left:30px;
	}
}
/**** SUBMIT A REVIEW FORM ****/
.pd-review-form-wrapper{
  padding: 3px;
  max-width: 700px;
  width: auto;
  box-sizing: border-box;
}
.pd-review-form-headline{
	color:#1e1e1e;
	font-size:2em;
	margin-bottom:10px;
}
.pd-review-form-item-description{
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d1cb;
  align-items: center;
}
.pd-review-form-item-img{
  height: 90px;
  width: 90px;
}
.pd-review-form-item-img a{
  display: block;
}
.pd-review-form-item-img img{
  display: block;
  height: 100px;
  width: 100%;
}

.pd-review-form-item-info-wrapper{}
.pd-review-form-item-name a{
  text-decoration: none;
}

.pd-review-form-stars{
  display: flex;
  gap:2px;
}
.pd-review-form-stars span{
  position: relative;
	display: block;
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-empty.svg") no-repeat;
  background-size: cover;
	cursor: pointer;
  cursor: hand;
  height: 40px;
  width: 40px;
}
.pd-review-form-stars span.active{
  background: url("https://cdn.practicaldatacore.com/brpboxshop/mod_productReviews/pd-star-full.svg") no-repeat;
}
/*** REVIEW FORM FIELDS ***/
.pd-review-form-field{
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 20px;
}

.pd-review-form-field-required{
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.pd-review-form-field-required:before{
  content: "\002A";
  color: #8f8f8f;
  font-size: 24px;
}
.pd-review-form-field-title{
  box-sizing: border-box;
  padding-bottom: 3px;
  font-weight: 700;
  font-size: 1.2em;
  vertical-align: middle;
  color: #222222;
}
.pd-review-form-field-title:before{
  display:none;
  vertical-align:top;
  margin-right:12px;
  color:#777777;
}
.pd-review-form-field-title.pros:before{
}
.pd-review-form-field-title.cons:before{
}
.pd-review-form-field-title.bestuses:before{
}
.pd-review-form-field-title.images:before{
}
.pd-review-form-field-title.recommended:before{
}
.pd-review-form-field-title.name:before{
}
.pd-review-form-field-title.email:before{
}
.pd-review-form-field-title.location:before{
}

.pd-review-form-field-title > i {
  opacity: .6;
  font-weight: 500;
}
.pd-review-form-instructions{
  box-sizing: border-box;
  padding-top: 6px;
  padding-bottom: 3px;
  font-size: .8em;
  font-weight: 500;
  opacity: .6;
}
.pd-review-form-field-input input[type=text],
.pd-review-form-field-input textarea{
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
  border: none;
  -webkit-appearance: none;
  width: 100%;
  max-width: 700px;
  padding: 15px;
  color: #1e1e1e;
  border: 1px solid #e6e6e6;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 5%);
  border-radius: 5px;
}
.pd-review-form-field-input input[type=text]:focus ,
.pd-review-form-field-input textarea:focus {
  border: 1px solid #6e6e6e;
}

/* RADIO SELECTION - RECOMMEND TO A FRIEND */
#isRecommendedSection .pd-review-form-field-input{
  display: flex;
  gap: 21px;
}
.pd-review-form-field-input label > input[type="radio"] {
  display: none;
}
.pd-review-form-field-input label > input[type="radio"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 0.3rem;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #a7a7a7;
}
.pd-review-form-field-input label > input[type="radio"]:checked + * {
  color: #006BF7;
  font-weight: 700;
}
.pd-review-form-field-input label > input[type="radio"]:checked + *::before {
  background: radial-gradient(teal 0%, #006BF7 40%, transparent 50%, transparent);
  border-color: #006BF7;
}
.pd-review-form-field-input label > input[type="radio"] + * {
  display: inline-block;
}
/*** ERROR ***/
.pd-review-form-field.error .pd-review-form-field-input input,
.pd-review-form-field.error .pd-review-form-field-input textarea{
    border:1px solid #d10101;
    background-color: #fae5e5;
}
.pd-review-form-field.error .pd-review-form-field-title,
.pd-review-form-field.error .pd-review-form-field-required:before{
  color: #d10101;
}

/*** CUSTOMER IMAGE UPLOAD ***/
.pd-review-form-customer-images{
  display: flex;
  gap: 15px;
  align-items: center;
}
.pd-review-image-image-upload{
  position: relative;
  box-sizing: border-box;
  border: 1px dashed #a7a7a7;
  border-radius: 4px;
  height: 85px;
  width: 85px;
  text-align: center;
  padding: 4px;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
  background: #fff;
}
.pd-review-image-image-upload input{display: none;}

.pd-review-image-image-upload-icon.pd-plus {
  cursor: pointer;
  position: absolute;
  height: 24px;
  width: 24px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  color: #4285F4;
}
.pd-review-image-image-upload-icon.pd-plus span:nth-child(1) {
  position: absolute;
  width: 24px;
  height: 2px;
  border-radius: 10px;
  background-color: currentColor;
  top: 11px;
  left: 0;
}
.pd-review-image-image-upload-icon.pd-plus span:nth-child(2) {
  position: absolute;
  width: 2px;
  top: 0px;
  display: inline-block;
  height: 24px;
  border-radius: 10px;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
  transform: rotate(180deg);
}

.pd-review-image-image-clear-icon {
  display: none;
  cursor: pointer;
  width: 22px;
  height: 22px;
  border-radius: 20px;
  background: #4285F4;
  transition: 0.2s ease-in-out;
  position: absolute;
  z-index: 99;
  top: -10px;
  right: -10px;
}
.pd-review-image-image-clear-icon span:nth-child(1) {
  position: absolute;
  z-index:999;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
}
.pd-review-image-image-clear-icon span:nth-child(2) {
  position: absolute;
  z-index:999;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.pd-review-image-image-upload-preview{
  box-sizing: border-box;
  background-size: cover;
  backgrond-size: auto;
  height: 100%;
  width: 100%;
}



/***************************************/
/***** LEGACY REVIEW FORM STYLE *********/
/***************************************/
.pdReviewForm{
	padding:8px;
}
.pdReviewHeadline{
	color:#333333;
	font-size:2em;
	margin-bottom:12px;
}
/**** REVIEW ITEM DESCRIPTION ****/
.pdReviewItemDescription{
	margin-bottom:30px;
}
.pdReviewItemPriceWrapper{}
.pdReviewItemImg{margin-bottom:12px;}
.pdReviewItemImg img{max-width:100px;}
.pdReviewItemInfoWrapper{}
.pdReviewItemName,
.pdReviewItemName a{
	color:#000000;
	font-size:14px;
	text-decoration:none;
}
.pdReviewItemPriceWrapper{margin-top:10px;}
.pdReviewItemPrice{color:#777777;}
.pdReviewItemSalePrice{color:#000000; font-weight:700;}

/**** REVIEWS FORM ****/
.pdReviewFormStars{}
.pdReviewFormStars span{
	display:inline-block;
	margin:0;
	padding:2px;
	font-size:42px;
	color:#e1ce00;
	cursor: pointer;
    cursor: hand;
}
.pdReviewFormStars span:before{
	display:inline-block;
  vertical-align:top;
	margin-right:1px;
  font-family:FontAwesome;
	content:"\f005";
	text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.pdReviewFormStars span.active{
	color:#e1ce00;
}
.pdReviewFormStars span.active:before{
	font-weight:700;
}
.pdReviewFormField{
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px dotted #cccccc;
}
.pdReviewFormTitle{
	font-weight:700;
	font-size:1.2em;
    vertical-align:middle;
    margin-bottom:10px;
    color:#222222;
}
.pdReviewFormTitle:before{
    display:inline-block;
    vertical-align:top;
    margin-right:12px;
	font-family:FontAwesome;
	font-size:1.2em;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#777777;
}
.pdReviewFormTitle.pros:before{
	content:"\f055";
}
.pdReviewFormTitle.cons:before{
	content:"\f056";
}
.pdReviewFormTitle.bestuses:before{
	content:"\f046";
}
.pdReviewFormTitle.images:before{
	content:"\f1c5";
}
.pdReviewFormTitle.recommended:before{
	content:"\f164";
}
.pdReviewFormTitle.name:before{
	content:"\f007";
}
.pdReviewFormTitle.email:before{
	content:"\f1fa";
}
.pdReviewFormTitle.location:before{
	content:"\f041";
}

.pdReviewFormSubtitle{
	padding-left:5px;
	padding-top:5px;
}
.pdReviewFormSubtitle span{
	margin-left:10px;
	color:#888888;
    font-size:.8em;
    font-style:italic;
}
.pdReviewsFormRequiredField{
    display:inline-block;
    vertical-align:middle;
		position:absolute;
		right:0;
		top:12px;
}
.pdReviewsFormRequiredField:before{
    display:inline-block;
    vertical-align:top;
    margin-right:4px;
    font:normal normal normal .8em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f069";
    color:#d10101;
}
.pdReviewFormSubtitle{
	font-weight:100;
	font-size:1em;
}
.pdReviewFormInput{
	padding:1px;
	padding-bottom:4px;
	position:relative;
	/*
	white-space:nowrap;
	*/
}
.pdReviewFormInput div{margin-bottom:5px;}

.pdReviewFormInput.pdReviewFormImages{
	white-space:normal;
}
.pdReviewFormInput.pdReviewFormImages div{padding-bottom:10px;}

.pdReviewFormInput div.pdReviewFormStars{margin-bottom:0;}

.pdReviewFormInput > span{
display:inline-block;
margin-bottom:5px;
}

.pdReviewFormInput input,
.pdReviewFormInput textarea{
	font-family:;
    display:inline-block;
    vertical-align:middle;
    border:1px solid #bbbbbb;
    padding:10px !important;
    width:calc(100% - 50px);
    font-size:1em;
    margin-right:8px;
    height:auto;
}
.pdReviewFormInput textarea{
	min-height:170px;
}
.pdReviewFormInput#prosSection textarea,
.pdReviewFormInput#consSection textarea{
	min-height:100px;
}

.pdReviewFormField.pdPrError .pdReviewFormInput input,
.pdReviewFormField.pdPrError .pdReviewFormInput textarea{
    border:1px solid #d10101;
    background-color: #fae5e5;
}

.pdReviewFormInput input[type=file]{
	background-color:none;
	max-width:250px;
}
.pdReviewFormInput input.pdRequired:before{
    display:inline-block;
    vertical-align:top;
    margin-right:4px;
    font:normal normal normal .8em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f069";
    color:#;
}


.pdReviewFormInput input[type=radio],
.pdReviewFormInput input[type=radio] + label,
.pdReviewFormInput input[type=radio] + label:before{
	display:inline-block;
  	cursor: pointer;
    cursor: hand;
 }
.pdReviewFormInput input[type=radio] + label{
	margin-right:20px;
}
 .pdReviewFormInput input[type=radio]{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pdReviewFormInput input[type=radio] + label:before{
    font-family: FontAwesome;
    display: inline-block;
    content: "\f111";
    letter-spacing: 10px;
    font-size: 1.2em;
		font-weight:400;
    color: #888888;
    width: 1.4em;
}

.pdReviewFormInput input[type=radio]:checked + label:before{
    content: "\f058";
    font-size: 1.2em;
		font-weight:700;
    color: #888888;
    letter-spacing: 5px;
}
.pdReviewFormInput input[type=radio]:focus + label:before,
.pdReviewFormInput input[type=radio]:focus + label{
    color:#222222;
}

.pdReviewFormInstructions{
	padding: 5px;
    padding-top: 0;
	font-size:.8em;
	font-style:italic;
    color:#888888;
}


/** ADDITIONAL FOR COMPATIBILITY **/
/*** CUSTOMER IMAGE UPLOAD ***/
.pd-review-form-customer-images{
  display: flex;
  gap: 15px;
  align-items: center;
}
.pd-review-image-image-upload{
  position: relative;
  box-sizing: border-box;
  border: 1px dashed #a7a7a7;
  border-radius: 4px;
  height: 85px;
  width: 85px;
  text-align: center;
  padding: 4px;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
  background: #fff;
}
.pd-review-image-image-upload input{display: none;}

.pd-review-image-image-upload-icon.pd-plus {
  cursor: pointer;
  position: absolute;
  height: 24px;
  width: 24px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  color: #4285F4;
}
.pd-review-image-image-upload-icon.pd-plus span:nth-child(1) {
  position: absolute;
  width: 24px;
  height: 2px;
  border-radius: 10px;
  background-color: currentColor;
  top: 11px;
  left: 0;
}
.pd-review-image-image-upload-icon.pd-plus span:nth-child(2) {
  position: absolute;
  width: 2px;
  top: 0px;
  display: inline-block;
  height: 24px;
  border-radius: 10px;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
  transform: rotate(180deg);
}

.pd-review-image-image-clear-icon {
  display: none;
  cursor: pointer;
  width: 22px;
  height: 22px;
  border-radius: 20px;
  background: #4285F4;
  transition: 0.2s ease-in-out;
  position: absolute;
  z-index: 99;
  top: -10px;
  right: -10px;
}
.pd-review-image-image-clear-icon span:nth-child(1) {
  position: absolute;
  z-index:999;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(45deg);
}
.pd-review-image-image-clear-icon span:nth-child(2) {
  position: absolute;
  z-index:999;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.pd-review-image-image-upload-preview{
  box-sizing: border-box;
  background-size: cover;
  backgrond-size: auto;
  height: 100%;
  width: 100%;
}


/* RADIO SELECTION - RECOMMEND TO A FRIEND */
#isRecommendedSection .pdReviewFormInput{
  display: flex;
  gap: 21px;
}
.pdReviewFormInput label > input[type="radio"] {
  display: none;
}
.pdReviewFormInput label > input[type="radio"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 0.3rem;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #a7a7a7;
}
.pdReviewFormInputt label > input[type="radio"]:checked + * {
  color: #006BF7;
  font-weight: 700;
}
.pdReviewFormInput label > input[type="radio"]:checked + *::before {
  background: radial-gradient(teal 0%, #006BF7 40%, transparent 50%, transparent);
  border-color: #006BF7;
}
.pdReviewFormInput label > input[type="radio"] + * {
  display: inline-block;
}


.pdPrProductPageCallout a{
font-size:12px;
text-decoration:none;
color:#79604F;
font-weight:400;
}
.pd-flex.category-page .pd-stars-container.pd-category,
.pd-scroll.home .pd-stars-container.pd-category,
.pd-grouped-contents-callout-items  .pd-stars-container.pd-category{
/*
justify-content:center;
*/
}

/*** mod_questionsAndAnswers - styleCss ****/
/*** PD/ONE CUSTOMER Q&A STYLE ***/

.pdQaContainer{
	font-family:;
}
.pdQaItemTitle{
	margin-bottom:16px;
}
/************************************/
/**** QA PRODUCT PAGE CALLOUT *******/
/************************************/
.pdQaProductPageCallout{
	display:inline-block;
	font-size:12px;
	color:#79604f;
font-weight:400 !important;

}
.pdQaProductPageCallout:before{
    display:inline-block;
    vertical-align:baseline;
    margin-right:4px;
    font:normal normal normal 14px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
content: "\f086";
    font-weight: 400;
}
.pdQaProductPageCallout span{}
.pdQaProductPageCallout a,
.pdQaProductPageCallout a:link,
.pdQaProductPageCallout a:visited,
.pdQaProductPageCallout a:active{
	vertical-align:middle;
	color:#79604f;
	font-size:12px;
	text-decoration:none;
}
.pdQaProductPageCallout.noQa{
}
.pdQaProductPageCallout .pdQaQuestionCount,
.pdQaProductPageCallout .pdQaAnswerCount{
}

/************************************/
/********* QA SUMMARY ***************/
/************************************/
.pdQaSummary{
	padding:10px;
	margin-bottom:20px;
	text-align:center;
}
.pdQaItemDescription{
	margin-bottom:24px;
}
.pdQaSummaryProductImg{
	margin-bottom:10px;
}
.pdQaSummaryProductImg img{
	display:inline-block; 
	max-width:150px;
}
.pdQaSummaryProductInfo{
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
}
.pdQaSummaryProductName{}
.pdQaSummaryProductPrice{}

.pdQaSummaryCount{
	margin-bottom:20px;
}
.pdQaSummaryCount > div{
	display:inline-block;
}
.pdQaProductPageCountWrapper{
	display:inline-block;
	margin-right:20px;
	vertical-align:middle;
}
.pdQaProductPageCountWrapper,
.pdQaProductPageCountWrapper .pdQaQuestionCount,
.pdQaProductPageCountWrapper .pdQaAnswerCount{
	font-size:18px;
	color:#333333;
}
.pdQaAbout{}
	
/***********************************/
/********* Q&A FORM STYLE **********/
/***********************************/
.pdQaForm,
.pdQaDisplay,
.pdQaDisplay span,
.pdQaDisplay div{
	font-family:;
}
.pdQaDisplay span.fa ,
.pdQaDisplay div.fa {
	font-family:fontAwesome;
}

.pdQaForm{
	padding:8px;
}
.pdQaHeadline{
	color:#333333;
	font-size:2em;
	margin-bottom:12px;
}
.pdQaHeadline.small{
	font-size:1em;
}
.pdQaHeadline.asks{
	color:#8f8f8f;
	font-size:1em;
	margin-bottom:2px;
}
.pdQaFormField{
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px dotted #cccccc;
}
.pdQaFormTitle{
	font-weight:100;
	font-size:20px;
    vertical-align:middle;
    margin-bottom:10px;
    color:#222222;
}
.pdQaFormTitle:before{
    display:inline-block;
    vertical-align:top;
    margin-right:12px;
	font-family:FontAwesome;
	font-size: 20px ;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#777777;
}
.pdQaFormTitle.answer:before{
	content:"\f0eb";
}
.pdQaFormTitle.question:before{
	content:"\f059";
}
.pdQaFormTitle.images:before{
	content:"\f1c5";
}
.pdQaFormTitle.name:before{
	content:"\f007";
}
.pdQaFormTitle.email:before{
	content:"\f003";
}
.pdQaFormTitle.location:before{
	content:"\f041";
}

.pdQaFormSubtitle{
	padding-left:5px;
	padding-top:5px;
}
.pdQaFormSubtitle span{
	margin-left:10px;
	color:#888888;
    font-size:.8em;
    font-style:italic;
}
.pdQaFormRequiredField{
    display:inline-block;
    vertical-align:middle;
}
.pdQaFormRequiredField:before{
    display:inline-block;
    vertical-align:top;
    margin-right:4px;
    font:normal normal normal .8em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f069";
    color:#d10101;
}
.pdQaFormSubtitle{
	font-weight:100;
	font-size:1em;
}
.pdQaFormInput{
	padding:1px;
	padding-bottom:4px;
	position:relative;
	white-space:nowrap;
}
.pdQaFormInput div{margin-bottom:5px;}

.pdQaFormInput.pdQaFormImages{
	white-space:normal;
}
.pdQaFormInput.pdQaFormImages div{padding-bottom:10px;}

.pdQaFormInput div.pdQaFormStars{margin-bottom:0;}
.pdQaFormInput input,
.pdQaFormInput textarea{
    display:inline-block;
    vertical-align:middle;
    border:1px solid #bbbbbb;
    padding:10px !important;
    width:96%;
    font-size:1em;
    margin-right:8px;
	font-family:;
}
.pdQaFormField.pdQaError .pdQaFormInput input,
.pdQaFormField.pdQaError .pdQaFormInput textarea{
    border:1px solid #d10101;
    background-color: #fae5e5;
}

.pdQaFormInput input[type=file]{
	background-color:none;
	max-width:250px;
}
.pdQaFormInput input.pdRequired:before{
    display:inline-block;
    vertical-align:top;
    margin-right:4px;
    font:normal normal normal .8em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f069";
    color:#;
}

.pdQaFormInput input[type=radio],
.pdQaFormInput input[type=radio] + label,
.pdQaFormInput input[type=radio] + label:before{
	display:inline-block;
  	cursor: pointer; 
    cursor: hand;
 }
.pdQaFormInput input[type=radio] + label{
	margin-right:20px;
}
 .pdQaFormInput input[type=radio]{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pdQaFormInput input[type=radio] + label:before{
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #888888;
    width: 1.4em;
}

.pdQaFormInput input[type=radio]:checked + label:before{
    content: "\f00c";
    font-size: 1.2em;
    color: #222222;
    letter-spacing: 5px;
}
.pdQaFormInput input[type=radio]:focus + label:before,
.pdQaFormInput input[type=radio]:focus + label{                
    color:#222222;
}

.pdQaFormInstructions{
	padding: 5px;
    padding-top: 0;
	font-size:.8em;
	font-style:italic;
    color:#888888;
}
/**** QA BUTTON ****/
.pdQaBtnWrap{
	clear:both;
}
.pdQaBtnWrap div{
	display:inline-block;
	margin-right:12px;
}
.pdQaBtn{
	display:inline-block;
}
.pdQaBtn > a,
.pdQaBtn > input{
	display:inline-block;
	padding:12px;
	color:#756548; 
	background-color: #d6cdba; 
	border:1px solid #d6cdba;
	font-family:;
	font-size:20px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	-webkit-appearance:none;
}
.pdQaBtn.submit > a,
.pdQaBtn.submit > input{
}
.pdQaBtn.answer > a,
.pdQaBtn.answer > input{
	padding:6px;
	color:#756548; 
	background-color: #d6cdba; 
	border:1px solid #d6cdba;
	font-family:;
	font-size:14px; 
}
.pdQaBtn.answer > a:before{
	display:inline-block;
    vertical-align:middle;
    font:normal normal normal 1.2em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f067";
    color:#ffffff;
	margin-right:5px;
    opacity:.5;
}


/********************************/
/**** INDIVIDUAL QA DISPLAY *****/
/********************************/
.pdQaQuestionContainer{
    position: relative;
	clear:both;
	    border-bottom: 1px dashed #d8d1cb;
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:20px;
}
.pdQaQuestionText{
	position:relative;
	font-size:20px;
	color:#000000;
	font-weight:700;
	padding-left:35px;
	line-height:normal;
}
.pdQaQuestionText:before{
	position:absolute;
	top:0;
	left:0;
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
	border-radius:2px;
	padding:5px;
	font-weight:700;
	color:#ffffff;
	background-color:#333333;
	font-size:16px;
	content:"Q";
}
/***** INDIVIDUAL QUESTION - CUSTOMER INFORMATION ****/
.pdQaQuestionInfoContainer{
	margin-bottom:6px;
}
.pdQaAskingName{
	display:inline-block;
	font-size:12px;	
	color:#8f8f8f;	
}
.pdQaAskingLocation{
	display:inline-block;
	font-size:12px;	
	color:#8f8f8f;	
}
.pdQaAskingTimestamp{
	display:none;
	font-size:12px;	
	color:#8f8f8f;	
}

/***** INDIVIDUAL QUESTION ANSWERS CONTENT ****/
.pdQaAnswersContainer{
	margin-top:12px;
	margin-left:22px;
}
.pdQaAnswer{
	font-size:16px;
	color:#000000;
	margin-top:20px;
}
.pdQaAnswerText{
	position:relative;
	font-size:16px;
	color:#000000;
	padding-left:30px;
	line-height:normal;
	min-height:36px;
}

.pdQaAnswerText:before{
	position:absolute;
	top:0;
	left:0;
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
	border-radius:2px;
	padding:5px;
	font-weight:700;
	color:#ffffff;
	background-color:#8f8f8f;
	font-size:12px;
	content:"A";
}
.pdQaAnswerInfoContainer{
}
.pdQaAnswerName{
	display:inline-block;
	font-size:12px;
	color:#8f8f8f;
}
.pdQaAnswerLocation{
	display:inline-block;
	font-size:12px;
	color:#8f8f8f;
}
.pdQaAnswerTimestamp{
	display:inline-block;
	font-size:12px;
	color:#8f8f8f ;
}
.pdQaAnswerMerchantResponse{}





.pdQaVerifiedBuyer{
	background-color:#ffffff;
    display:inline-block;
	margin-top:6px;
	margin-bottom:8px;
	padding:6px;
	border:1px solid #dedede;
	border-radius:4px;
	white-space:nowrap;
}
.pdQaVerifiedBuyer:after{
	vertical-align:middle;
    display:inline-block;
	content:"Verified Buyer";
	font-size:11px;
	color:#14a600;
	letter-spacing:1px;
}
.pdQaVerifiedBuyer:before{
	vertical-align:middle;
    display:inline-block;
    margin-right:8px;
    font:normal normal normal 1em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#14a600;
	content:"\f00c";
}
.pdQaPhotos{
	margin-top:24px;
}
.pdQaPhotos ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.pdQaPhotos a,
.pdQaPhotos ul li{
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}

/************************************/
/******* SUBMIT AN ANSWER FORM ******/
/************************************/
.pdSubmitAnswerSummary{
	
}
.pdQuestionAsked{
	font-size:2em;
}
/************************************/
/******* QA VIEW ALL PAGING *********/
/************************************/
.qaPaging{
	font-family:;
}
.qaPaging > div{
	display:inline-block;
    padding:4px;
    margin-right:4px;
    vertical-align:middle;
    font-size:14px;
	color:#8f8f8f;
	font-weight:700;
}
.qaPaging > div.active{
	color:#8f8f8f;
    border:1px solid #dedede;
    border-radius:4px;
	font-weight:100;
}
.qaPaging a,
.qaPaging a:active,
.qaPaging a:visited{
	color:#8f8f8f;
	font-weight:700;
	text-decoration:none;
}
.qaPaging > div.qaPagingPageInfo,
.qaPagingPageInfo{
	font-weight:100;
	color:#111111;
}
.qaPagingLeftArrow:before{
	display:inline-block;
    vertical-align:middle;
    font:normal normal normal 1.2em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f0a8";
    color:#8f8f8f;
 }
.qaPagingRightArrow:before{
	display:inline-block;
    vertical-align:middle;
    font:normal normal normal 1.2em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f0a9";
    color:#8f8f8f;
}

/************************************/
/******* VIEW ALL PAGE **************/
/************************************/
.pdQaViewAllCountDisplay{
	color:#333333;
	font-size:2em;
	margin-bottom:20px;
}


/************************************/
/********* RESPONSIVE CSS ***********/
/************************************/
@media (min-width: 600px){
	
	/**** SUMMARY - VIEW ALL *****/
	.pdQaSummaryProductImg,
	.pdQaItemImg{
		display:inline-block;
		margin-right:30px;
		vertical-align:middle;
	}
	.pdQaSummaryProductInfo,
	.pdQaItemInfoWrapper{
		display:inline-block;
		vertical-align:middle;
	}
	/**** QA CONTENT ***/
	.pdQaWrapper{
		position: absolute;
		top: 0;
		left: 0;
		width: 130px;
		margin-bottom:0;
	}
	.pdQaContentWrapper{
		padding-left:150px;
	}
}



.pdQaAnswerCountInline{display:none;}
/*** mod_search - styleCss ****/
.pdsrResultsContainer{
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
    padding: 5px;
    font-size: 1.1em;
    color: #291f18;
    align-items: baseline;
}
.pdsrResultsCount{
    font-size: .8em;
}
.pdsrKeywords{
    text-transform: capitalize;
    font-weight: 700;
    flex-grow: 1;
    text-align: left;
}
.pdsrFilterSortContainer{}
.pdsrFilterText{
    opacity: .6;
}
.pdsrFilterText:after{
    content: 'Filter';
}
.pdsrFilterBtn{
    background: #79604f;
    border: 1px solid #79604f;
    color: #fff;
    fill: currentColor;
    stroke: currentColor;
    display: flex;
    padding: 3px 8px;
    border-radius: 20px;
    cursor: pointer;
    gap: 4px;
    align-items: center;
    font-size: .75em;
}
.pdsrFilterBtn > svg{
    height: 15px;
    width: 15px;
}
.pdsrFiltersCount{
    font-weight: 500;
}
@media only screen and (min-width: 600px){
    .pdsrFilterBtn{display: none;}
    .pdsrResultsContainer{font-size: 1.9em;}
}

/************************************/
/*** PD/ONE ADVANCED SEARCH STYLE ***/
/************************************/

.pdsWrap{
    position:relative;
    font-family:;
    padding:0px;
    margin:10px 0px 10px 0px;
    min-width:300px;
    box-sizing:content-box;
  }
  .pdsRefineWrap{
    display:none;
    /*
    display:inline-block;
    vertical-align: top;
    */
    margin-bottom:40px;
  }
  .pdsResultsWrap{}
  .pdSearchClear{clear:both; overflow:hidden;}
  
  /*********** FILTER MENU (left column for desktop display) ************/
  .pdSearchLeftPanelTop{
    position:relative;
    z-index:9;
    padding: 15px;
    background-color: #79604f;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    border-radius: 4px 4px 0px 0px;
    box-sizing: border-box;
    margin:;
    clear:both;
  }
  .pdSearchLeftPanelTop:before{
    display: inline-block;
    position: absolute;
    bottom: -15px;
    margin-right:5px;
    content:"\f0d7";
    color:#79604f;
    font:normal normal normal 26px/1 FontAwesome;
    font-weight:700;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  #pdsActiveFilterCount{display:none;}
  #pdsHideFilters{display:inline-block;}
  #pdsHideFilters:before{
    display: inline-block;
    position: absolute;
    top: 25%;
    right: 10px;
    margin-right: 5px;
    content: "\f00d";
    color: rgba(255,255,255,.4);
    font: normal normal normal 22px/1 FontAwesome;
    font-weight: 700;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor:pointer;
      cursor:hand;
  }
  
  
  .pdSearchLeftPanelWrap{
    /*
    border:0px solid #e1e1e1;
    background-color:#f1f1f1;
    */
    box-shadow:0px 0px 0px rgba(0,0,0,.0);
    padding: 5px 0px 0px 0px;
    border-radius:0px 0px 4px 4px;
    box-sizing:border-box;
    position:relative;
    clear:both;
    overflow:hidden;
  }
  .pdSearchLeftPanelBot{}
  
  
  /*********** REFINE SUMMARY ************/
  .pdSearchLeftPanelRefine{margin-top: 10px; margin-bottom: 20px;}
  .pdSearchRefineSelection{
    margin: 0;
    padding:10px 15px;
  }
  .pdSearchRefineSelection a{
    display: flex;
    gap: 6px;
    align-items: center;
      color:#291f18;
      font-size:1em;
      font-weight:700;
      text-decoration:none;
  }
  .pdSearchRefineSelection a:before{
    display: inline-block;
    margin-right:5px;
    content:"\f057";
    color:#291f18;
    font:normal normal normal 16px/1 FontAwesome;
    font-weight:700;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  
  .pdSearchLeftPanelRefineBot{}
  
  .pdSearchResetFiltersBtn{text-align:center; margin-top:10px;}
  .pdSearchResetFiltersBtn a{
    display: block;
    color: #ffffff;
    background-color: #291f18;
    padding: 10px;
    margin: 5px 10px;
    border:0px solid #291f18;
    border-radius: 4px;
    text-decoration: none;
    width: auto;
    text-align: center;
    font-size:14px;
    font-weight:700;
    transition: all 0.35s ease;
  }
  .pdSearchResetFiltersBtn a:hover{
    /*
    background-color: #67150a;
  */
  opacity:.8;
  }
  /*
  .pdSearchResetFiltersBtn a:before{
    display: inline-block;
    margin-right:10px;
    content:"\f2f1";
    color:rgba(255,255,255,.5);
    font:normal normal normal 14px/1 FontAwesome;
    font-weight:700;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  */
  
  /*********** FILTERS WRAP ************/
  .pdSearchLeftPanelFiltersWrap{}
  
  /*********** INDIVIDUAL FILTER DISPLAY ************/
  .pdSearchFilterWrap{
    margin-bottom: 2px;
  }
  
  .pdSearchFilterTitle{
    text-align:left;
    position:relative;
    border-radius: 3px;
      font-size:18px;
      font-weight:700;
      padding:10px 14px;
    margin:0px 0px 1px 0px;
    background-color:#AE8D73;
    color:#fff;
    cursor:pointer;
      cursor:hand;
  }
  .pdSearchFilterTitle:before{
    position: absolute;
    top: 12px;
    right: 8px;
    display: inline-block;
    margin-right:5px;
    content:"\f068";
    color:#fff;
    font:normal normal normal 18px/1 FontAwesome;
    font-weight:700;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transition: all 0.35s ease;
  }
  .pdSearchFilterTitle.pdCollapse:before{
    content:"\f067";
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .pdSearchFilterTitle div{
    display: inline-block;
    text-align:left;
  }
  
  .pdSearchFilterOptions{
    padding:15px 10px 25px 10px;
  }
  
  /*** SCROLLABLE FILTER OPTIONS ***/
  .pdSearchFilterOptionsScroll{
    padding: 5px 0px 15px 5px;
    margin: 5px 5px 10px 0px;
    overflow: hidden;
    overflow-y: scroll;
    white-space: nowrap;
    width: auto;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
    -webkit-appearance: none;
    overflow: -moz-scrollbars-horizontal;
  }
  .pdSearchFilterOptionsScroll::-webkit-scrollbar{
     -webkit-appearance: none;
     width:12px;
  }
  .pdSearchFilterOptionsScroll::-webkit-scrollbar-thumb{
     border-radius: 10px;
  /*
     background-color: rgba(0,0,0,.3);
  */
     background-color: rgba(174, 141, 115, .35);
     -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3);
   }
  
  
  .pdSearchFilterOptions > div,
  .pdSearchFilterOptionsScroll > div{
    margin:0px 0px 5px 0px;
      padding:0px;
    cursor:pointer;
      cursor:hand;
    color:#444444;
      font-size:14px;
      font-weight:700;
  }
  .pdSearchFilterOptions > div label,
  .pdSearchFilterOptionsScroll > div label{
    cursor:pointer;
      cursor:hand;
    float:none;
    line-height:normal;
    display: flex;
    text-align: middle;
    gap: 6px;
    align-items: end;
  }
  .pdSearchFilterOptions > div a,
  .pdSearchFilterOptionsScroll > div a{
      color:#382E27;
      font-size:14px;
      font-weight:500;
      text-decoration:none;
  }
  .pdSearchFilterOptions > div:hover,.pdSearchFilterOptions > div a:hover,
  .pdSearchFilterOptionsScroll > div:hover,.pdSearchFilterOptionsScroll > div a:hover{
  color:#79604F;
  }
  .pdSearchFilterOptions > div span,
  .pdSearchFilterOptionsScroll > div span{
    color: rgba(0,0,0,.42);
      font-size:12px;
      font-weight:500;
  }
  .pdSearchFilterOptions > div span:first-child,
  .pdSearchFilterOptionsScroll > div span:first-child{
      font-weight:600;
  }
  
  .pdSearchFilterOptions div div.check,
  .pdSearchFilterOptionsScroll div div.check{
      padding:0;
      padding-right:2px;
      float:left;
  }
  .pdSearchFilterOptions div div.check input,
  .pdSearchFilterOptionsScroll div div.check input{}
  
  
  /*** SEARCH FILTER CHECKBOX ***/
  .checkwrapper{
    box-sizing:border-box;
  }
  .checkwrapper label{ /*** UNCHECKED ***/
    display: block;
    cursor:pointer;
    cursor:hand;
    color:#555555;
    font-size:14px;
  }
  .checkwrapper input {position: absolute; left: -100px; display: none;} /*** HIDE STANDARD HTML CHECKBOX ***/
  
  
  .checkwrapper label:before{ /*** UNCHECKED ***/
    display: inline-block;
    content:"\f0c8";
    color:#79604f;
    font:normal normal normal 16px/1 FontAwesome;
    font-weight:100;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  /*** FILTER OPTION HOVER EFFECT ***/
  .checkwrapper:hover label {color: #79604f;}
  .checkwrapper:hover label:before, .checkwrapper input[type=checkbox]:checked + label:before{
    color: #79604f;
    content:"\f14a";
    font-weight:700;
  }
  /*** HIDDEN/SELECTED FILTER OPTION ***/
  .checkwrapperHidden label { display: block; }
  .checkwrapperHidden:hover { color: #fff; }
  
  .listwrapper label { display: block; }
  .listwrapper:hover { color: #1278c3;}
  
  
  /*** PD/ONE PRODUCT REVIEWS/RATING ***/
  
  /*** HIDE CHECKBOX FOR RATING ***/
  .pdSearchFilterOptions.pdSearchFilterOptions_pd_rating .checkwrapper label:before,
  .pdSearchFilterOptionsScroll.pdSearchFilterOptions_pd_rating .checkwrapper label:before{
    display:none;
  }
  /*** MORE PADDING TO ACCOMODATE REVIEW STARS DISPLAY ***/
  .pdSearchFilterOptions.pdSearchFilterOptions_pd_rating > div,
  .pdSearchFilterOptionsScroll.pdSearchFilterOptions_pd_rating > div{
  /*  padding:6px 2px; */
  }
  .pdSearchFilterRating{
    display:inline-block;
    vertical-align:middle;
  }
  
  .pdSearchFilterRating span:before{
      display:inline-block;
      vertical-align:top;
      margin-right:1px;
      font-family:FontAwesome;
      font-size:16px;
      font-weight:400;
      color:#e1ce00;
      content:"\f005";
      text-rendering:auto;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
  }
  /*** 1 STAR ***/
  .pdSearchFilterRating.pd1 span:nth-child(1):before{font-weight:700;}
  /*** 2 STAR ***/
  .pdSearchFilterRating.pd2 span:nth-child(1):before,.pdSearchFilterRating.pd2 span:nth-child(2):before{font-weight:700;}
  /*** 3 STAR ***/
  .pdSearchFilterRating.pd3 span:nth-child(1):before,.pdSearchFilterRating.pd3 span:nth-child(2):before,.pdSearchFilterRating.pd3 span:nth-child(3):before{font-weight:700;}
  /*** 4 STAR ***/
  .pdSearchFilterRating.pd4 span:nth-child(1):before,.pdSearchFilterRating.pd4 span:nth-child(2):before,.pdSearchFilterRating.pd4 span:nth-child(3):before,.pdSearchFilterRating.pd4 span:nth-child(4):before{font-weight:700;}
  /*** 5 STAR ***/
  .pdSearchFilterRating.pd5 span:before{font-weight:700;}
  /*****************************************/
  /********* END FILTER MENU STYLE *********/
  /*****************************************/
  
  /**************************************************************************/
  /*********** SEARCH TOP / BOTTOM, (TITLE, PAGE NUMBERS, SORTING) **********/
  /**************************************************************************/
  .pdsSearchTopWrapper{
    background-color:transparent;
    padding: 0px;
    margin:0px 0px 5px 0px;
    border:0px solid #ffffff;
    clear:both;
    text-align:center;
  }
  
  /*** SEARCH HEADLINE ***/
  .pdsSearchHeadlineWrapper{
    display:inline-block;
  }
  .pdsRefineSearchResultsTitleSetting{
    display:none;
  }
  
  .pdsSearchKeywords{
   font-size:36px;
   font-weight:700;
   color:#444444;
   margin:0px 10px 0px 0px;
   cursor:pointer;
   cursor:hand;
  }
  /*** SEARCH RESULTS INFO ***/
  .pdsResultsCount{
    display:inline-block;
    color:#888;
    font-size:14px;
    font-weight:400;
    margin:0px 20px 0px 0px;
  }
  
  /*** MOBILE FILTERS BUTTON ***/
  .pdsFilterSortBtns{
    margin-top:8px;
    float:none;
  }
  
  .pdsMobileFilterBtn{
    display:inline-block;
    margin-right:3px;
    font-size:14px;
    background:#f9f9f9;
    border:1px solid #ccc;
    border-radius:2px;
    padding:10px;
    box-sizing: border-box;
    color: #444;
    font-weight: 700;
    cursor:pointer;
      cursor:hand;
    transition: all 0.35s ease;
  }
  .pdsMobileFilterBtn:before{
    display: inline-block;
    content:"\f0b0";
    color:rgba(0,0,0,.35);
    margin-right: 8px;
    font:normal normal normal 12px/1 FontAwesome;
    font-weight:400;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  .pdsMobileFilterBtn:hover{
    background:#ccc;
  }
  #pdsFiltersCountDisplay{
    color:rgba(0,0,0,.35);
  }
  /**** SORTING MENU *****/
  .pdsSort{position:relative; display:inline-block;}
  .pdsSortTitle{
    position: absolute;
    top: 11px;
    left: 10px;
    z-index: 9;
    color: #999999;
    font-weight: 100;
  }
  .pdsSort select.pdInput.select{
    box-sizing: border-box;
    margin:0px;
    padding:10px 40px 10px 66px;
    color: #444;
    font-size:14px;
    font-weight: 700;
    background:#f9f9f9;
    border:1px solid #ccc;
    border-radius:2px;
    cursor:pointer;
      cursor:hand;
   -webkit-appearance: none;
   width:auto;
  }
  .pdsSort select.pdInput.select:hover{
    transition: all 0.35s ease;
    background:#ccc;
  }
  .pdsSort .pdInputSelectWrapper{
      position:relative;
      padding:0;
    width:auto;
    display:inline-block;
  }
  .pdInputSelectWrapper:before,
  .pdInputSelectWrapper:after{
      content:" ";
      position:absolute;
      pointer-events:none;
      background-color:transparent;
  }
  .pdInputSelectWrapper:before{width:30px;right:3px;bottom:3px}
  .pdInputSelectWrapper:after{
      position:absolute;
      font-family:"FontAwesome", sans-serif;
      display:block;
      width:20px;
      height:20px;
      top:10px;
      right:6px;
      content:'\f078';
      color:#8e8e8e;
      font-size:16px;
  }
  
  /*** SEARCH BOX ***/
  .pdSearchBoxWrapper{
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
  }
  .pdSearchBoxWrapper.pdNoResults{
  margin:0 auto;
    text-align:left;
  }
  .pdSearchBoxTryAgainText{
    padding-bottom:5px;
    font-size:14px;
    color:#444;
  }
  .pdSearchBoxTryAgainText:before{
    content:"New Search:"
  }
  .pdSearchIconBtn{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
  }
  
  .pdSearchIconBtn:before{
    cursor:pointer;
      cursor:hand;
    display: inline-block;
    content:"\f002";
    color:#888;
    font:normal normal normal 30px/1 FontAwesome;
    font-weight:700;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  .pdSearchBox{
    display:none;
  }
  .pdSearchBox.pdActive{
    display:inline-block;
  }
  .pdSearchBox form{margin:0; padding:0; display:inline-block;}
  .pdsRefineSearchBoxTitle{display:none;}
  .pdsInput{
    display: inline-block;
    vertical-align:middle;
  }
  .pdsInput input,
  .pdsInput > input,
  .pdsInput > input[type="text"]{
    display: inline-block;
    padding: 10px;
    border: 1px solid #DBD2C8;
    border-radius: 5px;
    font-size: 1.1em;
  font-weight: 500;
    box-sizing:border-box;
    height:auto !important
    height:42px !important;
    -webkit-appearance: none;
  }
  .pdSearchBoxSubmitBtn{
    display:inline-block;
    vertical-align: top;
    box-sizing:border-box;
  }
  .pdSearchBoxSubmitBtn:before{
    cursor: pointer;
    cursor: hand;
    display: inline-block;
    content: "\f054";
    color: #fff;
    font: normal normal normal 24px/1 FontAwesome;
    padding: 8px 12px;
    background-color: #99401E;
    border-radius: 4px;
    font-weight: 700;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /**** PSUEDO SEARCH BOX *****/
  .pdsPsuedoSearchBox{
    display: inline-block;
    padding: 10px 15px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
   cursor:pointer;
   cursor:hand;
  }
  
  /**** SORTING LINKS *****/
  .pdSearchSortLinks{}
  
  /*** PAGINATION STYLE ***/
  .pdsPaginationWrap{
    margin: 30px 0px 30px 0px;
    padding: 20px 0px 0px 0px;
    border-top: 0px solid #fff;
  }
  
  .pdsItems{
    color:#888;
    font-size:14px;
    font-weight:100;
    margin:0px 0px 20px 0px;
  }
  .pdsPage{
    font-size: .9em;
    font-weight: 300;
    color: #291f18;
  }
  .pdsPagingNumbers{
    margin-top: 10px;
        display: flex;
    gap: 5px;
    flex-direction: row;
    align-items: center;
}
  .pdsNum{
    font-size: 1.2em;
    font-weight: 700;
  }
  .pdsNum a{
    display: block;
    border-radius: 3px;
    padding: 6px;
    margin: 0px;
    color: #fff;
    background: #AE8D73;
    text-decoration: none;
    border: 1px solid transparent;
  }
  .pdsNum.pdsNumOn{
    background: transparent;
    border-radius: 3px;
    border: 1px solid #AE8D73;
    padding: 8px;
    color: #AE8D73
}
  .pdsArrowRight,
  .pdsArrowLeft{
    display: inline-block;
  }
  .pdsArrowRight:before,
  .pdsArrowLeft:before{
    cursor:pointer;
      cursor:hand;
    display: inline-block;
    margin-left:20px;
    content:"\f054";
    color:#291f18;
    font:normal normal normal 18px/1 FontAwesome;
    font-weight:700;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }
  .pdsArrowLeft:before{
    margin-left:0px;
    margin-right:20px;
    content:"\f053";
  }
  /****************************************************************/
  /******** END SEARCH TOP, (TITLE, PAGE NUMBERS, SORTING *********/
  /****************************************************************/
  
  /*********************************************/
  /******** BEGIN SEARCH RESULTS STYLE *********/
  /*********************************************/
  .pdsResults{
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
    justify-content: flex-start;
    border-top: 0px solid #e1e1e1;
    padding-top:0px;
  }
  .pdsRespResults{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-flow: column nowrap;
    width: calc(100% * (1/1) - 10px - 1px);
  
    position:relative;
    vertical-align: top;
    box-sizing: border-box;
    background-color:;
    text-align:center;
    padding:10px 10px 20px 10px;
    margin: 5px;
  
    border: 1px solid #e1e1e1;
    box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    border-radius: 4px;
  }
  .pdsRespResultsInner{}
  .pdsImg{
    max-height:280px;
    max-width:280px;
    position:relative;
    box-sizing: border-box;
    white-space:nowrap;
    text-align:center;
    vertical-align: middle;
    padding:10px;
    margin: 0 auto;
    margin:0 auto;
    margin-bottom:18px;
    border: 0px solid #e4e4e4;
    border-radius: 2px;
    box-shadow:0px 0px 2px rgba(0,0,0,0);;
  }
  .pdsImg > a{
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
  }
  .pdsImg > a > span,
  .pdsImg > span{
  /*
    height:100%;
    display:inline-block;
    vertical-align:middle;
  */
  }
  .pdsImg > a img{
    max-height:280px;
    max-width:280px;
    height: auto;
    width: 100%;
    display: inline-block;
    border: none;
    vertical-align: middle;
    box-sizing: border-box;
  }
  .pdsLink{margin:0px 0px 10px 0px;}
  
  .pdsLink a{
    color:#67150a;
    font-size:14px;
    font-weight:500;
    text-decoration: none;
  }
  
  .pdsCodeWrap{
    margin:0px;
    padding:0px;
  }
  .pdsCodeTitle{
    color:#888;
    font-size:12px;
    font-weight:100;
  }
  .pdsCodeValue{
    color:#888;
    font-size:12px;
    font-weight:100;
  }
  
  .pdsPriceWrap{
    margin:15px 0px 0px 0px;
    padding:0px;
  }
  .pdsPrice{
    color:#444;
    font-size:18px;
    font-weight:700;
  }
  .pdsRegPrice{
    color:#888;
    font-size:12px;
    font-weight:100;
  }
  .pdsRegPrice span{
   text-decoration: line-through;
  }
  .pdsSalePrice{
    color:#75180b;
    font-size:18px;
    font-weight:700;
  }
  
  .pdsSavePercent{
    font-style:italic;
    margin:6px 0px 10px 0px;
    padding:6px 0px 10px 0px;
    color:#000000;
    font-size:12px;
    font-weight:100;
  }
  .pdsSavePercent span{font-weight:700;}
  
  /*** RATING STARS ***/
  .pdRatingStarsWrapper.pdSearch{
    margin-top:12px;
  }
  /*** SEARCH BUTTONS / ADD TO CART, MORE INFO, ETC ***/
  .pdsBtnWrapper{
      padding: 6px;
      padding-top: 0;
      margin-top: auto;
  }
  .pdsBtnAddCart,
  .pdsBtnSecondary{
      display:inline-block;
      vertical-align:top;
      text-align:center;
      box-sizing: border-box;
  }
  
  .pdsBtnAddCart a,
  .pdsBtnAddCart input,
  .pdsBtnSecondary a,
  .pdsBtnSecondary input{
      display: inline-block;
      box-sizing: border-box;
      text-align: center;
      background-color: #99401e;
      font-size: .7em;
      font-weight: 600;
      text-transform: uppercase;
      color: #fff;
      padding: 6px 8px;
      margin: 0px;
      border: 0px solid #99401e;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      text-decoration: none;
      cursor: pointer;
      cursor: hand;
      -webkit-appearance: none;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
  }
  .pdsBtnAddCart a:hover,
  .pdsBtnAddCart input:hover{
      background-color:#930B3A;
  }
  .pdsBtnAddCart.mobile{
    display:none;
  }
  .pdsBtnAddCart.mobile a{
    display: block;
  }
  .pdsBtnAddCart.mobile img{
    max-width: 11px;
    vertical-align: middle;
    margin-right: 2px;
  }
  
  .pdsBtnSecondary a,
  .pdsBtnSecondary input{
    background-color:#888;
    border:0px solid #888;
  }
  .pdsBtnSecondary a:hover,
  .pdsBtnSecondary input:hover{
      background-color:#444;
  }
  
  /********************************/
  /**** KEYWORD SUGGESTION BOX ****/
  /********************************/
  .srKeywordSuggestionBox {border:1px solid #dddddd;background-color:#fff8dd;height:20px;padding:5px;margin-bottom:5px;}
  
  /********************************/
  /**** SPELLING SUGGESTIONS ******/
  /********************************/
  .pdSearchSpellCheckDisplay{
    padding: 15px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #FFFFAA;
    border: 1px solid #e0e08c;
    border-radius: 4px;
    font-size: 14px;
    color: rgba(0,0,0,.6);
  }
  .pdSearchSpellCheckDisplayLine1{
    margin-bottom: 15px;
  }
  .pdSearchSpellCheckDisplayLine2{
  
  }
  
  /****************************************************/
  /**********  RESPONSIVE SEARCH RESULTS STYLE ********/
  /****************************************************/
  @media only screen and (min-width:200px) and (max-width: 600px) {
    .pdsRespResults{
      width: calc(100% * (1/2) - 10px);
    }
  }
  @media only screen and (min-width: 600px){
    .pdsSearchTopWrapper{text-align:left;}
    /*** SHOW FILTER PANEL WHEN WIDE ENOUGH, HIDE FILTERS BUTTON ***/
    .pdsRefineWrap{
      display:block;
      position:absolute;
      width:230px;
    }
    .pdsFilterSortBtns{float:right;}
    .pdsMobileFilterBtn{display:none;}
    #pdsHideFilters{display:none;}
    .pdsResultsWrap{
      margin-left:250px;
    }
    .pdsRespResults{
      width: calc(100% * (1/1) - 10px);
    }
    /*** IMAGE SIZING ***/
    .pdsImg{
      width:130px;
      height:130px;
    }
    .pdsImg > a img{
      max-height:130px;
      max-width:130px;
     }
  
  }
  @media only screen and (min-width: 900px){
    .pdsBtnAddCart a,
    .pdsBtnAddCart input{
      font-size: .8em;
      font-weight: 600;
      padding: 8px 12px;
    }
  
    .pdsRespResults{
      width: calc(100% * (1/2) - 10px);
    }
  }
  @media only screen and (min-width: 1200px){
    .pdsRespResults{
      width: calc(100% * (1/3) - 10px);
    }
  }
  @media only screen and (min-width: 1500px){
    .pdsRespResults{
      width: calc(100% * (1/4) - 10px);
    }
  }
  /*******************************************************/
  /********** END RESPONSIVE SEARCH RESULTS STYLE ********/
  /*******************************************************/
  
  /***********************************/
  /***** NO SEARCH RESULTS STYLE *****/
  /***********************************/
  .pdsRefineWrap.pdsNoResults{display:none;} /*** HIDE FILTER MENU WHEN NO RESULTS ***/
  .pdsResultsWrap.pdsNoResults{margin-left:0; text-align:center;} /*** ADJUST MAIN RESULTS WRAPPING ELEMENT NO RESULTS ***/
  .pdsNoResultsText{
    text-align: center;
    font-size: 2em;
    font-weight: 500;
    display: block;
    padding-top: 15px;
    padding-bottom: 0px;
    width:100%;
    }
  
  .pdSearchFilterWrap_length label > span:first-child::after,
  .pdSearchFilterWrap_width label >  span:first-child::after,
  .pdSearchFilterWrap_depth label >  span:first-child::after{
        content: " \" ";
  }
  .pds-price-flex-container{
    display: flex;
    gap: 5px;
    margin-top: auto;
}
.pds-price-flex{
    flex: 1;
    box-shadow: 1px 1px 2px rgba(121, 96, 79, .2);
    border-radius: 5px;
    background: #f9f5f2;
}
.pds-price-title{
    border-radius: 5px;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    padding: 8px;
    color: #f9f5f2;
    background: #79604F;
    margin-bottom: 8px;
    font-size: .8em;
    text-transform: uppercase;
}
.pds-price-title span{
    display:block;
    font-weight: 700;
}
.pds-price-display{
    display: flex;
    flex-direction: column;
    /* gap: 5px; */
    font-weight: 700;
    font-size: 1.1em;
    color: #382E27;
    padding: 0px 5px 10px 8px;
    align-items: baseline;
}
.pds-price{
    font-weight: 700;
    font-size: 1.1em;
    color: #382E27;   
}
.pds-price-ea{
    font-weight: 300;
    font-size: .75em;
    color: #71645d;
    font-style: italic;
    white-space: nowrap; 
}

.pds-name{
    margin-bottom:10px;
}
.pds-name a{
    font-size: 1em;
    text-decoration: none;
}
.pds-name a:hover{text-decoration:underline;}
.pdSetInfo{
    margin-top: 40px;
    padding: 10px;
    font-size: 14px;
}
.pdSetInfo a{
    font-size: 14px;
}
.pdSearchNoResultsFlexbox{
    display:flex;
    gap:5px;
    align-items: end;
    margin-top:40px;
}
.pdsQueryLabel{
    display:block;
    font-weight:500;
}


@media (min-width: 986px){
    .pds-price-title span{display:inline;}
}
@media (min-width: 1200px){
    .pds-price-display{
        flex-direction: row;
        gap: 10px;
    }
}