:root {
	--zlig-link: 				#007ab8;
	--zlig-hover:				#007ab8;

	--zlig-black:				#000000;
	--zlig-gray-5:				#0d0d0d;
	--zlig-gray-10:				#1a1a1a;
    --zlig-gray-13:             #222222;
	--zlig-gray-20:				#333333;
    
	--zlig-gray-25:				#3f3f3f;	/* text */
	--zlig-gray-33:				#555555;
	--zlig-gray-40:				#676767;
	--zlig-gray-53:				#888888;
	--zlig-gray-63:				#a0a0a0;	/* bg back & border */
	--zlig-gray-72:				#b7b7b7;
	--zlig-gray-80:				#cccccc;
	--zlig-gray-87:				#dddddd;	/* bg middle */
	--zlig-gray-88:				#e0e0e0;	/* IBM Carbon */
	--zlig-gray-91: 			#e8e8e8;	/* IBM Carbon */
	--zlig-gray-94:				#f0f0f0;	/* bg front */
	--zlig-gray-96:				#f4f4f4;	/* IBM Carbon */
	--zlig-gray-98:				#fafafa; 
	--zlig-gray-99:				#fcfcfc; 
	--zlig-white:				#ffffff;

	--zlig-new:					#fdd13a;
	--zlig-active:				#24a148;
	--zlig-inactive:			#e50000;
	--zlig-trash:				#8b4513;
	--zlig-lock:				#134d13;
	--zlig-error: 				#db1b2b;
	--zlig-success: 			#1cab1c;
    --zlig-text:                #3f3f3f;

	--zlig-orange:				#ffa500;
	--zlig-yellow:				#ffff00;
	--zlig-green:				#1cab1c;
	--zlig-dark-yellow:			#e7e701;
	--zlig-red: 				#e70101;
	--zlig-light-red:			#FFE7F2;
	--zlig-dark-red:			#790000;

    --zlig-button-color:        #339900; /* The punchier green you originally used */
    --zlig-button-hover:        #287a00; /* The darker hover state */

	--zlig-content-width: 		1280px;
	--zlig-large-width: 		1000px;
	--zlig-center-width: 		780px;
	--zlig-product-width: 		600px;
	--zlig-left-width: 			200px;
	--zlig-right-width: 		200px;
    --zlig-radius-4:              4px;
    --zlig-radius-8:            8px;
	--zlig-icon-width: 			48px;
	--zlig-bar-height: 			48px;
	--zlig-background-opacity:	0.70;

    --zlig-space-0:             0;
    --zlig-space-4:             4px;
    --zlig-space-8:             8px;
    --zlig-space-12:            12px;
    --zlig-space-16:            16px;
    --zlig-space-24:            24px;
    --zlig-space-32:            32px;
    --zlig-space-48:            48px;
    --zlig-space-64:            64px;
    --zlig-space-96:            96px;
    --zlig-space-128:           128px;
    --zlig-space-256:           256px;

    --default-font-family: "-apple-system-body", "ui-sans-serif", "-apple-system", "system-ui", "Segoe UI", "Helvetica", "Apple Color Emoji", "Arial", "sans-serif", "Segoe UI Emoji", "Segoe UI Symbol"

;
    /* Centralized component color tokens. */
    --zlig-search-meta:         #59636d;
    --zlig-search-type:         #46515b;
    --zlig-search-link-fallback:#007eb4;
    --zlig-search-snippet:      #414950;

    --zlig-form-border-qr:      rgb(159, 159, 159);
    --zlig-shadow-black-08:     rgba(0, 0, 0, 0.08);
    --zlig-shadow-black-22:     rgba(0, 0, 0, 0.22);
    --zlig-overlay-black-52:    rgba(0, 0, 0, 0.52);
    --zlig-overlay-white-14:    rgba(255, 255, 255, 0.14);
    --zlig-shadow-black-18:     rgba(0, 0, 0, 0.18);
    --zlig-overlay-black-45:    rgba(0, 0, 0, 0.45);
    --zlig-error-bg-soft:       rgba(255,223,224,.25);
}

* { margin: 0; }

html {
	overflow-y: scroll;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
}

body {
	background: var(--zlig-white);
	color: var(--zlig-text);
	height: 100%;
	min-width: 100%;
    position: absolute;
	margin: 0;
	padding: 0;
    font-family: var(--default-font-family);
    font-size: 16px;
}

img { border: 0; }

img,input {
    vertical-align: middle
;}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="button"],
input[type="submit"] {
	box-shadow: none;
}

input[type=password],
input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=url],
input[type=search] {
    background-color: var(--zlig-white);
	box-sizing: border-box;
    color: var(--zlig-gray-5);
	font-family: "Montserrat", sans-serif;
	padding: var(--zlig-space-4) var(--zlig-space-4);
    height: 36px;
    border: 1px solid var(--zlig-gray-63);
    border-radius: var(--zlig-radius-4);
}

select {
	background-color: var(--zlig-white);
    width: 100%;
	margin-right:2%;
	box-sizing: border-box;
    color: var(--zlig-gray-5);
	font-family: "Montserrat", sans-serif;
	padding: var(--zlig-space-4) var(--zlig-space-4);
    height: 36px;
    border: 1px solid var(--zlig-gray-63);
    border-radius: var(--zlig-radius-4);
}

textarea {
	box-sizing: border-box;
}

li { margin-left: var(--zlig-space-24); }
ol li { margin-left: unset; }
ul li { margin-left: unset; }

a {
    color: var(--zlig-link);
    text-decoration: none;
}

a:hover { 
	text-decoration: underline; 
}

p, .p { margin: var(--zlig-space-8) 0; }

.fw-bold {
    font-weight: 700;
}

h1 {
	font-size: 26px!important;
    padding-bottom: var(--zlig-space-8);
    color: var(--zlig-gray-33);
	font-weight: bold;
}

h2, h3, h4{
	font-size: 24px!important;
    padding-bottom: var(--zlig-space-8);
    color: var(--zlig-gray-33);
	font-weight: normal;
}

h5 {
	font-size: 30px!important;
    padding-bottom: var(--zlig-space-0);
    color: var(--zlig-red);
	font-weight: bold;
}

.TopHeader {
	display: block;
	background: var(--zlig-black);
	height: var(--zlig-bar-height);
	margin: var(--zlig-space-0);
}
.TopHeaderContent {
	display: block;
    position: relative;
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
	height: var(--zlig-bar-height);
}
.TopHeader .Left {
	margin: var(--zlig-space-0) var(--zlig-space-0) var(--zlig-space-0) var(--zlig-space-4);
	display: block;
	float: left;
	color: var(--zlig-white);
	line-height: var(--zlig-bar-height);
	list-style: none;
	margin-right: var(--zlig-space-0);
	height: var(--zlig-bar-height);
	
}

.TopHeader .Left ul {
    display: flex;
    color: var(--zlig-white);
    flex-direction: row;
    padding: 0;
    column-gap: var(--zlig-space-24);
}

.TopHeader .Left li {
    display: flex;
    margin: 0;
    color: var(--zlig-white);
    line-height: var(--zlig-bar-height);
    list-style: none;
}

.TopHeader .Left li .top_icon, .TopHeader .Right li .top_icon{
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.TopHeader .Left a, .TopHeader .Right a {
    color: var(--zlig-white)!important;
    display: flex;
    align-items: center;
    column-gap: var(--zlig-space-8);
}

.TopHeader .Right {
	float: right;
	color: var(--zlig-white);
	line-height: var(--zlig-bar-height);
	height: var(--zlig-bar-height);
}

.TopHeader .Right ul {
    display: flex;
    column-gap: var(--zlig-space-24);
    padding: 0;
}

.TopHeader .Right li {
    display: flex;
}

.HeaderContent {
    display: flex;
    position: relative;
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
    height: 60px;
    justify-content: space-between;
    align-items: center;
}

.HeaderContent .Right {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.Search {
	position: relative;
}

.Search strong {
    margin-right: var(--zlig-space-8);
}

.SearchBox {
    margin: 0!important;
    width: 350px!important;
    color: var(--zlig-black) !important;
    background: var(--zlig-white) !important;
    padding: var(--zlig-space-4) var(--zlig-space-32) var(--zlig-space-4) var(--zlig-space-4)!important;
    border: 1px solid var(--zlig-black)!important;
    box-sizing: border-box!important;
    vertical-align: middle!important;
	border-radius: var(--zlig-radius-4)!important;
}

.SearchButton {
    position: absolute !important;
    border: 0px;
    top: 0px;
    right: 0px;
    width: 16px;
    height: 16px;
    padding: var(--zlig-space-8);
}


#navbar {
    display: block;
    position: relative;
    margin-bottom: var(--zlig-space-16);
    background: var(--zlig-primary-color);
    height: var(--zlig-bar-height);
    line-height: var(--zlig-bar-height);
    border-bottom: 0px;
    text-align: center;
    font-size: 15px;
	overflow: visible;
	z-index: 10001;
    white-space: nowrap;
}

#navbar > ul {
    display: flex;
    width: var(--zlig-content-width);
    margin: 0 auto;
    padding: 0;
    justify-content: flex-end;
    list-style: none;
}

#navbar .home_icon {
    width: var(--zlig-icon-width);
    min-width: var(--zlig-icon-width);
    margin: 0;
    padding: 0;
    margin-right: auto;
    background: var(--zlig-secondary-color);
}

#navbar .home_icon a {
    padding: 0;
    width: var(--zlig-icon-width);
    height: var(--zlig-icon-width);
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_icon a svg {
    width: 32px;
    height: 32px;
    display: block;
}

#navbar > ul > li {
    position: relative;
    font-weight: 700;
    min-width: 125px;
}

#navbar > ul > li > a,
#navbar .navMenuItem > a {
    color: var(--zlig-white);
    display: block;
    padding-left: var(--zlig-space-16);
    padding-right: var(--zlig-space-16);
}

#navbar > ul > li > a:hover,
#navbar .navMenuItem > a:hover,
#navbar .has-dropdown:hover > .navMenuItem,
#navbar .has-dropdown:focus-within > .navMenuItem {
	background: var(--zlig-third-color);
    text-decoration: none;
    color: var(--zlig-white);
}

#navbar .navMenuItem {
    display: flex;
    align-items: stretch;
    height: var(--zlig-bar-height);
}

#navbar .navMenuItem > a {
    flex: 1 1 auto;
    padding-right: var(--zlig-space-4);
}

#navbar .navDropdownToggle {
    width: 34px;
    padding: 0 var(--zlig-space-12) 0 var(--zlig-space-4);
    border: 0;
    background: transparent;
    color: var(--zlig-white);
    cursor: pointer;
}

#navbar .navDropdownToggle:focus-visible {
    outline: 2px solid var(--zlig-white);
    outline-offset: -4px;
}

#navbar .navDropdownArrow {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}

#navbar .navDropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10002;
    min-width: 290px;
    margin: 0;
    padding: var(--zlig-space-8) 0;
    background: var(--zlig-white);
    border: 1px solid var(--zlig-gray-87);
    box-shadow: 0 4px 12px var(--zlig-shadow-black-18);
    list-style: none;
    text-align: left;
    white-space: normal;
}

#navbar .has-dropdown:hover > .navDropdown,
#navbar .has-dropdown:focus-within > .navDropdown {
    display: block;
}

#navbar .navDropdown li {
    min-width: 0;
    margin: 0;
    font-weight: 400;
}

#navbar .navDropdown a {
    display: block;
    padding: var(--zlig-space-8) var(--zlig-space-16);
    color: var(--zlig-gray-25);
    line-height: 1.35;
}

#navbar .navDropdown a:hover,
#navbar .navDropdown a:focus-visible {
    background: var(--zlig-gray-96);
    color: var(--zlig-link);
    text-decoration: none;
}

.main-content {
	display: flex;
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
	margin-bottom: var(--zlig-space-16);
}

.masterContainer{
    width: var(--zlig-content-width);
	max-width: var(--zlig-content-width);
    display: flex;
}

.masterContainer .leftContent {
	width: 225px;
	margin-right: var(--zlig-space-24);
}

.masterContainer .largeContent {
	max-width: 955px;
	width: 955px;
}

.masterContainer .largeContentRight {
	max-width: 1030px;
	width: 1030px;
}

.masterContainer .largeRightContent {
	max-width: 300px;
	width: 300px;
	margin-left: var(--zlig-space-24);
}

.masterContainer .centerContent {
    max-width: 780px;
    width: 780px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: var(--zlig-space-48);
}

.masterContainer .rightContent {
	width: 225px;
	min-width: 225px;
	margin-left: var(--zlig-space-24);
}

.contentHTML {
	margin-bottom: var(--zlig-space-16);
}

#ProductDetail img {
	display: block;
	max-width: 100%;
	height: auto;
}

.contentHTML img {
	display: block;
	max-width: 100%;
	height: auto;
}


.fullContent {
	width:100%;
}


.TitleRect {
    height: 32px;
    margin-bottom: var(--zlig-space-16);
    padding-left: var(--zlig-space-8);
    background: var(--zlig-black);
    box-sizing: border-box;
    color: var(--zlig-white);
    display: flex;
    align-items: center;
}

.TitleRectVideo {
    margin: 0 0 var(--zlig-space-0) 0 !important;
    border-bottom: 1px solid var(--zlig-gray-63);
    height: 24px;
    line-height: 24px;
    margin-bottom: var(--zlig-space-0);
    text-align: left !important;
    padding-left: var(--zlig-space-8);
    width: auto;
	background: var(--zlig-gray-40);
    color: var(--zlig-white);
}

.TitlePDF {
    height: 32px;
    padding-left: var(--zlig-space-8);
    background: var(--zlig-gray-40);
    box-sizing: border-box;
    color: var(--zlig-white);
    display: flex;
    align-items: center;
}

.TitlePanelVideo {
    width: 300px;
    height: 169px;
    overflow: hidden;
    background: var(--zlig-black);
    margin-bottom: var(--zlig-space-16);
    box-sizing: border-box;
    border-radius: var(--zlig-radius-8);
    border: 1px solid var(--zlig-gray-63);
}

.TitlePanelVideo iframe {
	display: block;
	width: 640px;
	height: 360px;
	border: 0;
	transform: scale(0.46875);
	transform-origin: top left;
}

.LineMenu {
    position: relative;
    display: block;
    margin: 0;
	border-radius: var(--zlig-radius-4) var(--zlig-radius-4) 0 0;
    padding: 0;
    height: 28px;
    background: var(--zlig-gray-40);
	margin-top: var(--zlig-space-4);
	margin-bottom: var(--zlig-space-16);
}

.LineMenu .Tab {
    position: relative;
    display: inline-block;
    width: auto;
	min-width: 125px;
    text-align: center;
    color: var(--zlig-white);
    text-decoration: none;
    height: 27px;
    line-height: 26px;
    margin: 0;
    padding: 0 var(--zlig-space-8);
    vertical-align: bottom;
	top: -1px;	
	border-right: 1px solid var(--zlig-white);
}

.LineMenu .Tab a {
    color: var(--zlig-white);
    text-decoration: none;
}

.LineMenu .Tab.Current {
	top: 0 !important;
    padding-bottom: var(--zlig-space-4);
	margin-top: calc(-1 * var(--zlig-space-8));
    color: var(--zlig-red);
    cursor: default;
    height: 27px;
    padding-top: var(--zlig-space-4);
    text-shadow: 0 0 var(--zlig-white);
    background: var(--zlig-white);
    border-radius: var(--zlig-radius-4) var(--zlig-radius-4) 0 0;
    border: 1px solid var(--zlig-gray-20);
    border-bottom: 0;
	font-weight: bold;
}

.LineMenu .Tab.Current a {
	color: var(--zlig-red);
}

.qr_code_Display {
    display: flex;
    justify-content: center;
	margin-top: var(--zlig-space-8);
}

.qr_code_Text {
	margin: var(--zlig-space-16);
	text-align: center;
}

.Centered {
    display: flex;
    justify-content: flex-start;
    margin-bottom: var(--zlig-space-16);
    flex-direction: column;
    align-items: center;
	text-align: center;
}

.AlignCenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

.AlignCenterFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}


.TitlePanel {
	border: 1px solid var(--zlig-gray-63);
    margin-bottom: var(--zlig-space-16);
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: var(--zlig-gray-98);
    border-radius: var(--zlig-radius-8);
    text-align: left;
    vertical-align: middle;
	display: flex;
    flex-direction: column;
}

.TitlePanelText {
	display: block;
	margin: var(--zlig-space-0) var(--zlig-space-4) var(--zlig-space-8) var(--zlig-space-4);
	text-align: center;
}

.TitlePanel a {
    display: block;
    margin: var(--zlig-space-4) var(--zlig-space-4) var(--zlig-space-4) var(--zlig-space-8);
    text-decoration: none;
}

.TitlePanel a:hover {
    text-decoration: underline; 
}

.TitlePanel p {
	margin-top: var(--zlig-space-8);
	margin-bottom: var(--zlig-space-16);
}

.TitlePanel strong {
	color: var(--zlig-link);
}

.TitlePanel .sub1 {
    margin-left: var(--zlig-space-8);
}

.TitlePanel .sub2 {
    margin-left: var(--zlig-space-24);
}

.TitlePanel .sub3 {
    margin-left: var(--zlig-space-32);
}

.TitlePanel .sub4 {
    margin-left: var(--zlig-space-48);
}

.TitlePanel .sub5 {
    margin-left: var(--zlig-space-48);
}

/* SIDEBAR PROMOTION */

.sidebarPromo {
	margin-bottom: var(--zlig-space-16);
	padding: var(--zlig-space-16) var(--zlig-space-16) var(--zlig-space-16);
	border: 1px solid var(--zlig-gray-63);
	border-top: 4px solid var(--zlig-primary-color);
	border-radius: var(--zlig-radius-8);
	background: var(--zlig-gray-98);
	box-sizing: border-box;
}

.sidebarPromo__logo {
	display: flex;
	justify-content: center;
	margin-bottom: var(--zlig-space-12);
}

.sidebarPromo__logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

.sidebarPromo__offer {
	margin-bottom: var(--zlig-space-4);
	color: var(--zlig-primary-color);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	text-align: center;
}

.sidebarPromo__title {
	margin-bottom: var(--zlig-space-12);
	color: var(--zlig-gray-20);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

.sidebarPromo__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.45;
	text-align: left;
}

.sidebarPromo__text + .sidebarPromo__text {
	margin-top: var(--zlig-space-8);
}

.securePayment{
	display: flex;
    justify-content: space-between;
	margin-bottom: var(--zlig-space-16);
}


.debug {
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--zlig-space-8);
}
.breadcrumb {
	display: flex;
	width: var(--zlig-content-width);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--zlig-space-16);
	padding-bottom: 0;
	border-bottom: 1px solid var(--zlig-gray-63);
}

.breadcrumb ul {
	width: 100%;
	margin: 0;
	padding-left: 0;
	padding-bottom: var(--zlig-space-4);
	list-style: none;
	font-size: 14px;
}

.breadcrumb ul li {
	display: inline;
}

.breadcrumb ul li a {
	color: var(--zlig-link);
	text-decoration: none;
}

.breadcrumb ul li a:hover {
	text-decoration: underline;
}

.breadcrumb ul li+li:before {
	padding: 0 var(--zlig-space-8);
	color: var(--zlig-gray-40);
	content: "›";
}

.breadcrumb .home {
	color: var(--zlig-link);
}

.breadcrumb .productTitle {
	color: var(--zlig-black);
	font-weight: 600;
}


#Div_Diff_Billing {
    display: none;
}

.hide {
	display: none;
}

/* CATEGORY GALLERY */

.category-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: var(--zlig-space-32);
    margin-bottom: var(--zlig-space-16);
}

.category-card {
    height: 160px;
    border: 1px solid var(--zlig-gray-40);
    border-radius: var(--zlig-radius-8);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.category-card__image {
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: var(--zlig-space-4);
}

.category-card__image img {
    width: 130px;
    height: 110px;
    object-fit: contain;
}

.category-card__title {
    width: 100%;
    min-height: 30px;
    padding: var(--zlig-space-4) var(--zlig-space-8);
    background: var(--zlig-gray-40);
    font-size: 14px;
    border-top: 1px solid var(--zlig-black);
    color: var(--zlig-white);
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-card__title:hover {
    background: var(--zlig-gray-72);
    color: var(--zlig-white);
}

/* PRODUCT LIST */

.productList .productDisplay:last-of-type {
	border-bottom: 0px;
}

/* PRODUCT DISPLAY */

.largeContent .productDisplay {
    border: 0;
    padding: 0;
}

.productDisplay {
    display: flex;
    justify-content: space-between;
    padding-bottom: var(--zlig-space-16);
    border-bottom: 1px solid var(--zlig-gray-63);
    margin-bottom: var(--zlig-space-16);
    column-gap: var(--zlig-space-16);
}

.productDisplay .productLeft {
    display: flex;
}

.productDisplaySmall .productLeft {
    flex: 0 0 150px;
}

.productDisplayLarge {
    align-items: flex-start;
    column-gap: var(--zlig-space-24);
}

.productDisplayLarge .productLeft {
    flex: 0 0 400px;
}

.productDisplay .productLeft .productImage {
    width: 150px;
    display: flex;
    justify-content: center;
}

.productDisplay .productLeft .productImage a:hover img {
    transform: scale(1.1);
}

.productDisplay .productLeft .productImage img {
    width: 100%;
    transition: 0.5s all ease-in-out;
}

.productDisplay .productRight {
    width: 100%;
    min-width: 0;
}

.productDisplay .productRight .productTitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: var(--zlig-space-8);
    color: var(--zlig-gray-40);
}

.productDisplayLarge .productRight .productTitle {
    font-size: 26px;
    line-height: 1.18;
    margin-bottom: var(--zlig-space-12);
    color: var(--zlig-gray-25);
}

.productDisplay .productRight .productTitle a {
    color: var(--zlig-gray-40);
    text-decoration: none;
}

.productDisplay .productRight .productTitle a:hover {
    text-decoration: underline;
    color: var(--zlig-black);
}

.productDisplay .productRight .productDesc {
    margin-bottom: var(--zlig-space-8);
    line-height: 1.5;
}

.productDisplayLarge .productRight .productDesc {
    margin-bottom: var(--zlig-space-12);
    line-height: 1.55;
}

.productDetails {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--zlig-space-16);
    margin-bottom: var(--zlig-space-8);
}

.productDisplayLarge .productDetails {
    padding-bottom: var(--zlig-space-12);
    border-bottom: 1px solid var(--zlig-gray-63);
    margin-bottom: var(--zlig-space-12);
}

.productDetailsInfo {
    min-width: 0;
    line-height: 1.55;
}

.productCode,
.productBrand,
.productAvailability {
    display: block;
}

.productDetailsAside {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
}

.availabilityStatus {
    font-weight: 700;
}

.availabilityInStock {
    color: var(--zlig-active);
}

.availabilityLowStock,
.availabilityBackorder {
    color: var(--zlig-orange);
}

.availabilityUnavailable {
    color: var(--zlig-inactive);
}

.freeShipping {
    width: auto;
    max-width: 300px;
    margin: 0;
    padding: var(--zlig-space-8) var(--zlig-space-8);
    border: 1px solid var(--zlig-gray-87);
    border-radius: var(--zlig-radius-4);
    background: var(--zlig-gray-98);
    color: var(--zlig-active);
    line-height: 1.25;
    text-align: left;
    display: inline-flex;
    align-items: center;
    gap: var(--zlig-space-8);
}

.freeShipping img {
    flex: 0 0 auto;
    margin: 0;
}

.freeShipping span {
    display: block;
}

.productCartForm {
    margin: 0;
}

.productDisplay .productRight .productCart {
    display: flex;
}

.productDisplaySmall .productRight .productCart {
    align-items: center;
    justify-content: space-between;
    gap: var(--zlig-space-16);
}

.productDisplayLarge .productRight .productCart {
    flex-direction: column;
}

.productCartTop {
    display: flex;
    align-items: flex-start;
}

.productDisplaySmall .productCartTop {
    gap: var(--zlig-space-12);
}

.productDisplayLarge .productCartTop {
    justify-content: space-between;
    gap: var(--zlig-space-24);
}

.productDisplay .productRight .productCartLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.productDisplay .productRight .productCartRight {
    display: flex;
    align-items: center;
}

.productDisplaySmall .productRight .productCartRight {
    margin-left: auto;
}

.productDisplayLarge .productRight .productCartRight {
    margin-top: var(--zlig-space-12);
    padding: var(--zlig-space-12);
    border: 1px solid var(--zlig-gray-87);
    border-radius: var(--zlig-radius-8);
    background: var(--zlig-gray-98);
}

.productDisplay .productRight .productCart .price {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    color: var(--zlig-active) !important;
    font-weight: bold;
}

.productDisplayLarge .productRight .productCart .price {
    font-size: 28px;
}

.productDisplay .productRight .productCart .productMapPrice {
    background: transparent;
    border: 0;
    text-shadow: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: var(--zlig-button-color);
    font-weight: 700;
    cursor: pointer;
}

.productDisplay .productRight .productCart .msrpPrice {
    display: block;
    margin-top: var(--zlig-space-4);
    color: var(--zlig-gray-40);
    font-weight: normal;
    text-decoration: line-through;
}

.productSavings {
    display: block;
    margin-top: var(--zlig-space-4);
    color: var(--zlig-active);
    font-size: 14px;
    font-weight: 600;
}

.manufacturerLogo {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.Logo {
	width: 167px;
	height: 36px;
	display: block;
}

.manufacturerLogo img {
    display: block;
    width: auto;
    max-width: 120px;
    max-height: 36px;
}

.productDisplay .productRight .productCart .productQTY {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--zlig-space-4);
}

.productDisplay .productRight .productCart .productQTY label {
    white-space: nowrap;
}

.productDisplay .productRight .productCart .productQTY .cart_qty {
    width: 58px;
    text-align: center;
}

.productAddToCart {
	gap: var(--zlig-space-8);
}

.productAddToCart svg {
	flex: 0 0 24px;
}

.productButton {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    column-gap: var(--zlig-space-8);
}

.margintop16 {
    margin-top: var(--zlig-space-16);
}
.marginbottom16 {
    margin-bottom: var(--zlig-space-16);
}

.textNotes {
    font-size: 14px;
    color: var(--zlig-gray-33);
}

.prdButton {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--zlig-space-8);
}

.productDisplayLarge .prdButton {
    justify-content: flex-start;
}

.Button2 {
    padding: var(--zlig-space-0) var(--zlig-space-8);
    border: 0;
    cursor: pointer;
    height: 20px;
    font-size: 14px;
    border-radius: var(--zlig-radius-4)!important;
    box-sizing: border-box;
}

.Button.marginleft {
    margin-left: var(--zlig-space-16);
}

.Button.marginright {
    margin-left: var(--zlig-space-16);
}

.Button {
    padding: var(--zlig-space-4) var(--zlig-space-16);
    border: 0;
    cursor: pointer;
    height: 40px;
    font-size: 16px;
    border-radius: var(--zlig-radius-4)!important;
    text-decoration: none;
    display: flex;
    align-items: center;
    min-width: 150px;
    justify-content: center;
    box-sizing: border-box;
}

.Button a {
    text-decoration: none;
}

/* FIELD STYLE */

.errorMessage {
	background-color: var(--zlig-error-bg-soft);
	border-top: 1px solid var(--zlig-gray-72) !important;
	border-bottom: 1px solid var(--zlig-gray-72) !important;
	padding-bottom: var(--zlig-space-4) !important;
	padding-top: var(--zlig-space-8) !important;
	box-sizing: border-box;
}

.errorMessage .message { 
	color: var(--zlig-dark-red);
	font-weight: 700;
	letter-spacing: normal;
    margin-top: var(--zlig-space-4);
}

.zlabel {
	height:100%;
	padding-right: var(--zlig-space-8);
}

.zinput {
	height:100%;
}

.zfield_required {
    color: var(--zlig-dark-red);
    margin-left: var(--zlig-space-4);
	font-weight: 700;
}

/* WHAT EVER */

.prdContent {
	width: 100%;
	display: flex;
	margin-bottom: var(--zlig-space-16);
}

.prdContent .left {
	margin-right: var(--zlig-space-48);
}

.PictureBox {
	display: flex;
	flex-direction: row;
	width: 400px;
	justify-content: center;
}

.PictureBox .Pictures {
	overflow: hidden;
	width: 50px;
	display: flex;
    justify-content: flex-start;
	flex-direction: column;
}

.PictureBox .Pictures img {
	margin-bottom: var(--zlig-space-16);
}

.PictureBox .ProImg {
	display: flex;
	flex-direction: row;
	width: 350px;
	justify-content: center;
	align-items: center;
	margin-left: var(--zlig-space-24);
}

/***************************************************************/
/* CAROUSEL
/*-------------------------------------------------------------*/

.jcarousel.ProductCarouselLarge {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.jcarousel.ProductCarousel {
	width: 450px;
	height: 130px;
	margin: 0 auto;
}

.jcarousel .ProductBox:last-child {
	border-right: 0px;
}
.jcarousel .ProductBox {
	height: 120px;
	width: 159px;
	padding-right: var(--zlig-space-8);
	border-right: 1px solid var(--zlig-gray-33);
}

.ProductBox.Carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
	margin: var(--zlig-space-8);
}

.ProductBox span {
    display: block;
}

.ProductBox a {
    display: block;
    margin: var(--zlig-space-0);
}

.ProductBox form {
    margin-top: var(--zlig-space-4);
}

.ProductBox hr {
    border-top: 1px solid var(--zlig-black);
    margin: var(--zlig-space-4) 0 var(--zlig-space-4) 0;
}

.ProductBox {
    position: relative;
    margin: var(--zlig-space-4);
    text-align: right;
}

.ProductBoxContent {
    display: flex;
    justify-content: space-between;
}

.ProductBox a {
    display: block;
    text-align: left;
    margin-bottom: var(--zlig-space-4);
}

.ProductBox form {
    margin-top: var(--zlig-space-4);
}

.Button.Small {
	font-size: 14px;
	height: 28px;
	padding: var(--zlig-space-0) var(--zlig-space-8);
	width: 75px;
	max-width: 75px;
	min-width: 85px;
	margin: 0;
	padding: 0;
}


.Gray, .TitleGray {
    background: var(--zlig-gray-40);
    color: var(--zlig-white);
}

.Gray:hover {
    background: var(--zlig-gray-53);
}

.Green {
    background: var(--zlig-button-color);
    color: var(--zlig-white)!important;
}

.Green:hover {
    background: var(--zlig-button-hover);
}

.Red {
    background: var(--zlig-inactive);
    color: var(--zlig-white);
}

.Red:hover {
    background: var(--zlig-red);
}

.cartImage{
	margin-left: var(--zlig-space-8);
    position: relative;
    z-index: 1;
}

.cartImage a{   
    height: 30px;
    display: block;
}

.cartCircle {
    background: var(--zlig-primary-color);
    border-radius: 25%;
    height: 16px;
    width: 16px;
    position: absolute;
    right: -4px;
    top: -9px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cartQuantity{
	font-size: 10px;
    font-weight: 600;
	color: var(--zlig-white);
}

.price2 {
    font-size: 17px;
    color: var(--zlig-red)!important;
    font-weight: 700;
}

.price3 {
    font-size: 16px;
    font-weight: 700;
}

.msrp-price2 {
    font-size: 14px;
    color: var(--zlig-gray-40);
    font-weight: 400;
    padding-top: var(--zlig-space-4);
    display: inline-block;
    text-decoration: line-through;
}

/* SHORTCODE SLIDER */

.shortcode_slider {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--zlig-space-24);
    position: relative;
    display: block;
    overflow: hidden;
}

.shortcode_slider > a {
    display: block;
    width: 100%;
}

.shortcode_slider .mySlides {
    width: 100%;
    height: auto;
}

.mySlides {display:none;}
.slider-button:hover{color:var(--zlig-white)!important;background-color:var(--zlig-dark-red)!important;}
.slider-button{border:none;display:inline-block;padding:var(--zlig-space-8) var(--zlig-space-16);vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap;}
.slider-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}  
.slider-button:disabled{cursor:not-allowed;opacity:0.3;}
.slider-button{text-align:left;padding:var(--zlig-space-8) var(--zlig-space-16);}
.slider-button{white-space:normal;}
.slider-button{color:var(--zlig-white)!important;background-color:var(--zlig-inactive)!important;}
.slider-left{padding-left:var(--zlig-space-16);}
.slider-right{padding-right:var(--zlig-space-16);}

.slider-badge{display:inline-block;margin-left:var(--zlig-space-8);margin-right:var(--zlig-space-8);text-align:center;}
.slider-badge{border-radius:50%;}
.slider-border{border:1px solid var(--zlig-gray-80)!important;}
.slider-left, .slider-right, .slider-badge {cursor:pointer;font-size:22px;color:var(--zlig-inactive);}
.slider-badge {height:13px;width:13px;padding:0;margin-top:var(--zlig-space-8);}

.slider-transparent{background-color:transparent!important;}

.slider-white,.slider-hover-white:hover{color:var(--zlig-black)!important;background-color:var(--zlig-inactive)!important;}

.slider-container {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shortcode_slider > a {
    display: block;
    width: 100%;
}

.menuSquare {
	margin-bottom: var(--zlig-space-16);
}

.menuSquare a{
	display: flex;
}

/* FRONT PAGE PRODUCT GALLERY */

.front_page_productGalery {
	display: grid;
	grid-template-columns: repeat(auto-fill, 150px);
	justify-content: space-between;
	margin-bottom: var(--zlig-space-32);
	row-gap: var(--zlig-space-8);
}

.front_page_productGalery .productDisplay {
	box-sizing: border-box;
	width: 150px;
	height: 150px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-direction: column;
	align-items: center;
    margin: 0;
    border: 0;
    padding: 0;
}

.front_page_productGalery .productDisplay .productTitle {
	height: 30px;
	font-size: 14px;
	width: 100%;
	color: var(--zlig-black);
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* FRONT PAGE BRAND GALLERY */

.shop_by_brand {
    border-style: solid;
    border-color: var(--zlig-text);
    border-width: 1px 0 1px 0;
    padding-top: var(--zlig-space-8);
    margin-bottom: var(--zlig-space-32);
}

.front_page_brandGalery {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--zlig-space-16);
    margin-bottom: var(--zlig-space-8);
}

.front_page_brandGalery .brandDisplay {
    min-width: 0;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.front_page_brandGalery .brandDisplay .brandTitle {
    height: 30px;
    font-size: 14px;
    width: 100%;
    color: var(--zlig-black);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.front_page_brandGalery .brandDisplay .brandImage {
    width: 100%;
    height: 100%;
    min-width: 0;
    display: flex;
    padding: var(--zlig-space-8);
    align-items: center;
    justify-content: center;
}

.front_page_brandGalery .brandDisplay .brandImage img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* FRONT PAGE POST */

.postGalery .postDisplay {
    margin-bottom: var(--zlig-space-32);
}

.postDisplay .postContent {
    display: flex;
    column-gap: var(--zlig-space-16);
    margin-bottom: var(--zlig-space-8);
}

.postDisplay .postImage {
    flex: 0 0 100px;
    width: 100px;
}

.postDisplay .postImage img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100px;
    object-fit: contain;
}

.postDisplay .postFullContent {
    margin-bottom: var(--zlig-space-32);
}

.postFullContent img {
    max-width: 100%;
    height: auto;
    display: block;
    padding-top: var(--zlig-space-8);
    padding-bottom: var(--zlig-space-8);
}

.postDisplay .postDescription {
    flex: 1;
    min-width: 0;
}

.postDisplay .postTag {
    margin-top: var(--zlig-space-16);
}

.postDisplay .postFooter {
    display: flex;
    border: 1px solid var(--zlig-gray-91);
    font-size: 14px;
    color: var(--zlig-gray-40);
    height: 32px;
    align-items: center;
    padding-left: var(--zlig-space-8);
    column-gap: var(--zlig-space-32);
}

.price {
    color: var(--zlig-red) !important;
    font-weight: bold;
}

.notavailable {
	width: 90%;
	margin:auto;
	border: 1px solid var(--zlig-gray-40);
	border-radius: var(--zlig-radius-4);
	padding:var(--zlig-space-4);
	background: var(--zlig-gray-91);
	margin-top: var(--zlig-space-24);
}

/* CART */


.idc_form td {
	padding: var(--zlig-space-4) var(--zlig-space-0) var(--zlig-space-4) var(--zlig-space-0);
	border: 0px;
	height: 40px;
	line-height: 27px;
	vertical-align: middle;
	box-sizing: border-box!important;
}

.idc_form .spacer {
	border-top: 1px solid var(--zlig-gray-80);
	height: 10px !important;
	padding: var(--zlig-space-0);
	margin: var(--zlig-space-0);
}

.idc_form select, 
.idc_form input[type="text"], 
.idc_form input[type="email"], 
.idc_form input[type="url"], 
.idc_form input[type="password"], 
.idc_form input[type="search"],
.idc_listing select, 
.idc_listing input[type="text"], 
.idc_listing input[type="email"], 
.idc_listing input[type="url"], 
.idc_listing input[type="password"], 
.idc_listing input[type="search"] {
    color: var(--zlig-gray-5);
    border: 1px solid var(--zlig-gray-80);
    height: 36px;
    width: 100%;
	padding: var(--zlig-space-4) var(--zlig-space-4);
    border-radius: var(--zlig-radius-4);
}

.idc_form textarea, .idc_listing textarea {
	width: 100%;
    min-height: 114px;
    max-width: 582px;
	color: var(--zlig-gray-5);
    border: 1px solid var(--zlig-gray-80);
	width: 100%;
	padding: var(--zlig-space-4) var(--zlig-space-4);
    border-radius: 0;
	height: 114px;
}


/* listing table */

.idc_listing {
    width: 100%;
    margin-bottom: var(--zlig-space-16);
    border-spacing: 0px;
    border-collapse: collapse;
}

.idc_listing .check-column {
    width: 40px;
    min-width: 40px;
    text-align: center;
	vertical-align: middle;
	cursor: auto;
}

.idc_listing .amount_column {
	text-align: right;
}

.idc_listing .cart_product_img {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.idc_listing .center_column {
	text-align: center;
}

.idc_listing .check-column img {
	vertical-align: middle;
}

.idc_listing th, .idc_listing td {
    padding: var(--zlig-space-4);
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
	box-sizing: border-box!important;
    border: 1px solid var(--zlig-gray-40);
	height: 40px;
	vertical-align: middle;
    color: var(--zlig-gray-25);
    text-align: left;
}

.idc_listing td a {
    color: var(--zlig-gray-25);
	text-decoration: none;
}

.idc_listing td a:hover {
    color: var(--zlig-black);
	text-decoration:underline;
}


.idc_listing .doubleborder {
	border-top: 2px solid;
}

.idc_listing tr.tr_hover:hover {
	background-color: color-mix(in srgb, var(--zlig-link) 18%, var(--zlig-white));
	color: var(--zlig-white) !important;
	cursor: pointer;
}

.idc_listing th {
	color: var(--zlig-black);
    font-weight: bold;
}
.idc_listing tr:nth-child(even){
  background-color: var(--zlig-gray-96);
}
.idc_listing tr:nth-child(odd){
  background-color: var(--zlig-white);
}

.idc_listing input[type=checkbox], input[type=radio] {
    margin: var(--zlig-space-0) var(--zlig-space-0) var(--zlig-space-0) var(--zlig-space-0);
    padding: var(--zlig-space-0);
	vertical-align: middle;
}

.idc_form .inactive, .idc_listing .inactive {
    background: var(--zlig-inactive);
}
.idc_form .trash, .idc_listing .trash {
    background: var(--zlig-trash);
}
.idc_form .active, .idc_listing .active {
    background: var(--zlig-active);
}
.idc_form .selected, .idc_listing .selected {
    background: var(--zlig-success);
}
.idc_form .new, .idc_listing .new {
    background: var(--zlig-link);
}
.idc_form .orange, .idc_listing .orange {
    background: var(--zlig-orange);
}

.idc_form .inactive, .idc_form .trash, .idc_form .active, .idc_form .new, .idc_form .colorcode,
.idc_listing .inactive, .idc_listing .trash, .idc_listing .active, .idc_listing .new {
    color: var(--zlig-white);
    text-align: center;
    vertical-align: middle;
	font-weight: bold;
}

.idc_form .previewspace, .DisplayPreview {
	display: flex;
    justify-content: center;
	align-items: center;
    height: auto;
	background: repeating-linear-gradient(
		45deg,
		var(--zlig-gray-94),
		var(--zlig-gray-94) 10px,
		var(--zlig-gray-96) 10px,
		var(--zlig-gray-96) 20px);
    padding: var(--zlig-space-16) !important;
}

.idc_form .column_75, .idc_listing .column_75 {
    width: 70px;
    padding-right: var(--zlig-space-4);
    white-space: normal;
    vertical-align: middle;
}
.idc_form .column_150, .idc_listing .column_150 {
    width: 145px;
    padding-right: var(--zlig-space-4);
    white-space: normal;
    vertical-align: middle;
}

.idc_form .column_200, .idc_listing .column_200 {
    width: 195px;
    padding-right: var(--zlig-space-4);
    white-space: normal;
    vertical-align: middle;
}

.parentProductContainer {
	display: flex;
	align-items: center;
	color: var(--zlig-black);
	margin-bottom: var(--zlig-space-16);
}

.parentProductContainer a{
	text-decoration: none;
	color: var(--zlig-black);
}

.parentProductContainer a:hover{
	text-decoration:underline;
	color: var(--zlig-gray-20);
}

.parentProductContainer div:last-child {
	margin-left: auto;
	font-weight: bold;
}

.productContentTitle {
    margin-left: var(--zlig-space-8);
}

/* MESSAGE CONTAINER  */

.MessageContainer {
    height: 40px;
    box-sizing: content-box;
    display: flex;
    width: 100%;
    max-width: var(--zlig-content-width);
    border-radius: var(--zlig-radius-8);
    margin-bottom: var(--zlig-space-8);
    margin-left:auto;
    margin-right: auto;

}

.MessageContainer .contentContainer {
    display: flex;
    align-items: center;
    margin-left: var(--zlig-space-4);
	width: fit-content;
}

.MessageContainer .iconContainer {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--zlig-white);
}

.MessageContainer.success {
    border: 1px solid var(--zlig-black);
    background: var(--zlig-active);
    color: var(--zlig-white);
}

.MessageContainer.error {
	border: 1px solid var(--zlig-black);
    background: var(--zlig-dark-red);
    color: var(--zlig-white);
}

.shortcode_signup, .shortcode_signin {
    width: 50%;
}


.zligForm {
    display: grid;
    grid-column-gap: var(--zlig-space-0);
    grid-row-gap: var(--zlig-space-8);
    grid-template-columns: 200px auto;
    padding: var(--zlig-space-0);
	margin-bottom: var(--zlig-space-16);
	align-items: center;
}

.zligForm .Button {
	margin-bottom: var(--zlig-space-0);
}


.globalMessageContainer {
    height: 40px;
    box-sizing: content-box;
    display: flex;
    border-radius: var(--zlig-radius-8);
    width: fit-content;
    position: absolute;
    z-index: 100;
    background: var(--zlig-white);
    right: 25px;
    bottom: 25px;
	visibility: hidden;
}

.globalMessageContainer .iconContainer, .MessageContainer .iconContainer {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--zlig-white);
}

.globalMessageContainer .contentContainer {
    display: flex;
    align-items: center;
    margin-left: var(--zlig-space-24);
    margin-right: var(--zlig-space-24);
    width: fit-content;
}

.globalMessageContainer.success, .MessageContainer.success {
    border: 1px solid var(--zlig-black);
    background: var(--zlig-active);
    color: var(--zlig-white);
}

.globalMessageContainer.error, .MessageContainer.error {
	border: 1px solid var(--zlig-black);
    background: var(--zlig-dark-red);
    color: var(--zlig-white);
}

.globalMessageContainer.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
	animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;} 
	to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;} 
	to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}

.idc_container {
	display: flex;
	margin-bottom: var(--zlig-space-16);
}

.idc_container_50 {
	float: left;
    width: 48%;
    margin-right:2%;
}

.idc_container_50:last-child {
	margin-left:2%;
    margin-right: var(--zlig-space-0);
}

.idc_container_50:only-child {
	margin-right:var(--zlig-space-0);
	margin-left:var(--zlig-space-0);
}

.paymentMethod {
    display: grid;
	grid-template-columns: repeat(2, 50%);
	grid-template-rows: 1fr;
	grid-column-gap: var(--zlig-space-0);
	grid-row-gap: var(--zlig-space-0);
	margin-bottom: var(--zlig-space-16);
}

.paymentMethod .div1 {
    grid-area: 1/1/2/2;
    display: flex;
    align-items: center;
	align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
.paymentMethod .div2 {
    grid-area: 1/2/2/3;
    display: flex;
    align-items: center;
	align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.paymentMethod input[type=radio] {
    margin-right: var(--zlig-space-8);
}

.paymentMethod div img{
    margin-right: var(--zlig-space-8);
}

/* Credit Card Grid */

.gridCreditCard {
	display: grid;
	grid-template-columns: repeat(3, 23%) auto;
	/*grid-template-rows: repeat(9, 40px);*/
	grid-row-gap: var(--zlig-space-4);
	grid-column-gap: var(--zlig-space-8);
	align-items: flex-end;
	margin-bottom: var(--zlig-space-16);
}
	
.gridCreditCard .div1 { grid-area: 1 / 4 / 7 / 5; }
.gridCreditCard .div2 { grid-area: 1 / 1 / 2 / 4; }
.gridCreditCard .div3 { grid-area: 2 / 1 / 3 / 4; }
.gridCreditCard .div4 { grid-area: 3 / 1 / 4 / 4; }
.gridCreditCard .div5 { grid-area: 4 / 1 / 5 / 4; }
.gridCreditCard .div6 { grid-area: 5 / 1 / 6 / 2; }
.gridCreditCard .div7 { grid-area: 5 / 2 / 6 / 4; }
.gridCreditCard .div8 { grid-area: 6 / 1 / 7 / 2; }
.gridCreditCard .div9 { grid-area: 6 / 2 / 7 / 3; }
.gridCreditCard .div10 { grid-area: 6 / 3 / 7 / 4; }

.form_input {
	width: 100%;
}

.text_comments {
    padding: var(--zlig-space-4) var(--zlig-space-0) var(--zlig-space-4) var(--zlig-space-0);
};

.small_note  {
    font-size: 14px;
    color: var(--zlig-gray-88);
}

/* PRICE MATCH GUARANTEE */

.price-match-guarantee {
	margin-bottom: var(--zlig-space-16);
}

.price-match-guarantee__title {
	display: block;
	margin-bottom: var(--zlig-space-8);
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.price-match-guarantee__title:hover {
	text-decoration: underline;
}

.price-match-guarantee__content {
	display: flex;
	align-items: center;
	gap: var(--zlig-space-8);
}

.price-match-guarantee__icon {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
}

.price-match-guarantee__description {
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
}

/* SITE FOOTER */

.site-footer {
	background: var(--zlig-gray-20);
	color: var(--zlig-gray-72);
    font-size: 14px;
}

.site-footer__inner {
	width: var(--zlig-content-width);
	margin: 0 auto;
}

.site-footer__top {
	padding: var(--zlig-space-24) 0;
	display: grid;
	grid-template-columns: 220px 380px 220px 240px;
	justify-content: space-between;
	gap: var(--zlig-space-32);
}

.site-footer__title {
	color: var(--zlig-white);
	font-size: 16px;
	font-weight: bold;
}

.site-footer__title--secondary {
	margin-top: var(--zlig-space-16);
}

.site-footer__links {
	margin: 0;
	padding-left: var(--zlig-space-16);
	list-style: none;
}

.site-footer__links li + li {
	margin-top: var(--zlig-space-4);
}

.site-footer a {
	color: var(--zlig-gray-72);
	text-decoration: none;
}

.site-footer a:hover {
	color: var(--zlig-white);
}

.site-footer__newsletter-text {
	margin: 0 0 var(--zlig-space-8) var(--zlig-space-16);
	line-height: 1.45;
}

.site-footer__newsletter-form {
	padding-left: var(--zlig-space-16);
}

.site-footer__newsletter-fields {
	display: flex;
	gap: var(--zlig-space-8);
}

.site-footer__newsletter-input {
	width: 200px;
	padding: var(--zlig-space-4) var(--zlig-space-8);
}

.site-footer__newsletter-button {
	padding: var(--zlig-space-4) var(--zlig-space-8);
	font-size: 14px;
}

.site-footer__bottom {
	padding: var(--zlig-space-16) 0;
	border-top: 1px solid var(--zlig-gray-63);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--zlig-space-32);
}

.site-footer__copyright {
	flex: 1;
	font-size: 14px;
	line-height: 1.5;
}

.site-footer__copyright p {
	margin: 0;
}

.site-footer__copyright p + p {
	margin-top: var(--zlig-space-8);
}

.site-footer__socials {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: var(--zlig-space-16);
}

.site-footer__social-link {
	display: flex;
}

.site-footer__social-link img {
	display: block;
	width: 28px;
	height: 28px;
}

/* APTIKA RECOMMENDATIONS (Unified) */

.apt-recommendations {
    margin-bottom: var(--zlig-space-16);
    background: var(--zlig-gray-98);
    border-radius: var(--zlig-radius-8);
    border: 1px solid var(--zlig-gray-63);
    overflow: hidden;
}

.apt-recommendations__heading {
    padding: var(--zlig-space-8) var(--zlig-space-8);
    background: var(--zlig-gray-40);
    color: var(--zlig-white);
}

/* Make heading darker for vertical layouts to match previous styles */
.apt-recommendations--vertical .apt-recommendations__heading {
    background: var(--zlig-black);
}

.apt-recommendations__list {
    display: grid;
    background: var(--zlig-gray-96); /* White background so empty space stays clean */
}

/* Horizontal display mode */
.apt-recommendations--horizontal .apt-recommendations__list {
    grid-template-columns: repeat(auto-fill, minmax(190px, 190px));
}

.apt-recommendations--horizontal .apt-recommendation {
    border-right: 1px solid var(--zlig-gray-63);
}

/* Removes double line on the last product in horizontal mode */
.apt-recommendations--horizontal .apt-recommendation:last-child {
    border-right: 0;
}

/* Vertical display mode */
.apt-recommendations--vertical .apt-recommendations__list {
    grid-template-columns: 1fr;
}

.apt-recommendations--vertical .apt-recommendation {
    border-bottom: 1px solid var(--zlig-gray-63);
}

.apt-recommendations--vertical .apt-recommendation:last-child {
    border-bottom: 0;
}

.apt-recommendation {
    min-width: 0;
    padding: var(--zlig-space-8) var(--zlig-space-8) var(--zlig-space-8);
    background: var(--zlig-white); /* Cards stay crisp white */
    display: flex;
    flex-direction: column;
}

.apt-recommendation__title {
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.apt-recommendations--horizontal .apt-recommendation__title {
    min-height: 57px;
}

.apt-recommendation__title:hover {
    text-decoration: underline;
}

.apt-recommendation__body {
    margin-top: auto;
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: var(--zlig-space-8);
    align-items: end; /* Pins the details block to the bottom baseline */
}

.apt-recommendation__image {
    width: 96px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apt-recommendation__image img {
    display: block;
    max-width: 96px;
    max-height: 82px;
    object-fit: contain;
}

.apt-recommendation__details {
    min-width: 0;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Ensures button aligns vertically across all cards */
}

.apt-recommendation__price,
.apt-recommendation__msrp {
    display: block;
    white-space: nowrap;
}

.apt-recommendation__price {
    color: var(--zlig-active) !important;
    font-weight: bold;
    line-height: 1.3;
}

.apt-recommendation__msrp {
    color: var(--zlig-gray-33);
    font-size: 13px;
    line-height: 1.3;
    text-decoration: line-through;
}

.apt-recommendation__cart {
    margin-top: var(--zlig-space-8);
    display: flex;
    justify-content: flex-end;
}

.apt-recommendation__button {
    width: auto;
    padding: var(--zlig-space-4) var(--zlig-space-8);
    font-size: 13px;
    height: 28px;
    line-height: 1.4;
    background: var(--zlig-button-color);
    border: 0;
    border-radius: var(--zlig-radius-4);
    color: var(--zlig-white);
    cursor: pointer;
    white-space: nowrap;
}

.apt-recommendation__button:hover {
    background: var(--zlig-button-hover);
}

/* MODAL */

.map_button {
    padding-left: var(--zlig-space-4);
}

.modalDialog {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: var(--zlig-space-24);
    background: var(--zlig-overlay-black-45);
}

.modalDialog > div {
    position: relative;
    width: min(480px, 100%);
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    background: var(--zlig-white);
    border: 1px solid var(--zlig-gray-63);
    border-top: 4px solid var(--zlig-primary-color);
    border-radius: var(--zlig-radius-8);
}

.modalDialog h2 {
    margin: 0;
    padding: var(--zlig-space-12) var(--zlig-space-48) var(--zlig-space-12) var(--zlig-space-16);
    background: var(--zlig-gray-98);
    border-bottom: 1px solid var(--zlig-gray-63);
    color: var(--zlig-gray-25);
    font-size: 20px;
    line-height: 1.25;
}

.modalDialog p {
    margin: 0;
    padding: var(--zlig-space-16) var(--zlig-space-16) var(--zlig-space-16);
    color: var(--zlig-text);
    line-height: 1.55;
}

.modalDialog .close {
    position: absolute;
    top: 9px;
    right: 11px;
    z-index: 1;
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 50%;
    color: var(--zlig-gray-40);
    font-size: 23px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.modalDialog .close:hover {
    background: var(--zlig-gray-91);
    color: var(--zlig-black);
}

/* CONTACT FORM */

.ContactForm {
	display: grid;
	gap: var(--zlig-space-16) var(--zlig-space-24);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: var(--zlig-space-32);
}

.ContactField {
	min-width: 0;
}

.ContactFieldFull {
	grid-column: 1 / -1;
}

.ContactField > label,
.ContactChoices > legend {
	display: block;
	font-weight: 600;
	margin-bottom: var(--zlig-space-8);
}

.ContactField input[type="text"],
.ContactField input[type="email"],
.ContactField input[type="tel"],
.ContactField textarea {
	background: var(--zlig-white);
	border: 1px solid var(--zlig-border, var(--zlig-gray-80));
	border-radius: var(--zlig-radius-4);
	box-sizing: border-box;
	font: inherit;
	padding: var(--zlig-space-8) var(--zlig-space-12);
	width: 100%;
}

.ContactField textarea {
	min-height: 190px;
	resize: vertical;
}

.ContactField input:focus,
.ContactField textarea:focus {
	border-color: var(--zlig-link);
	outline: 2px solid color-mix(in srgb, var(--zlig-link) 20%, transparent);
	outline-offset: 1px;
}

.ContactChoices {
	border: 0;
	margin: 0;
	padding: 0;
}

.ContactChoices label,
.ContactCheckbox label {
	align-items: center;
	display: inline-flex;
	gap: var(--zlig-space-8);
	margin-right: var(--zlig-space-24);
}

.ContactCheckbox label {
	align-items: flex-start;
	margin-right: 0;
}

.ContactChoices input,
.ContactCheckbox input {
	margin: 0;
}

.ContactHint {
	color: var(--zlig-gray, var(--zlig-gray-40));
	font-size: .9em;
	margin-top: var(--zlig-space-4);
}

.ContactActions {
	text-align: right;
}

.ContactWebsite {
	height: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 1px;
}

.ContactHours span {
	white-space: nowrap;
}

.ContactDetails address {
	font-style: normal;
}


/* SHOP BY BRAND */

.ShopByBrandFilter {
	border-bottom: 1px solid var(--zlig-gray-63);
	display: flex;
	flex-wrap: wrap;
	margin-bottom: var(--zlig-space-16);
	padding-bottom: var(--zlig-space-8);
}

.ShopByBrandFilter a {
	border-left: 1px solid var(--zlig-gray-63);
	line-height: 16px;
	padding: 0 var(--zlig-space-8);
}

.ShopByBrandFilter a:first-child {
	border-left: 0;
	padding-left: 0;
}

.ShopByBrandFilter a.Active {
	color: var(--zlig-primary-color);
	font-weight: 700;
}

.shopByBrandGallery {
	display: grid;
	gap: var(--zlig-space-24) var(--zlig-space-32);
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin: var(--zlig-space-24) 0 var(--zlig-space-32);
	width: 100%;
}

.shopByBrandGallery .Brand {
	align-items: center;
	display: flex;
	height: 80px;
	justify-content: center;
	min-width: 0;
}

.shopByBrandGallery .Brand a {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}

.contentHTML .shopByBrandGallery img {
	display: block;
	height: auto;
	max-height: 70px;
	max-width: 200px;
	object-fit: contain;
	width: auto;
}

/* SHOP BY BRAND - INDIVIDUAL BRAND PAGE */

.shopByBrandIntro {
    clear: both;
    display: block;
    margin-bottom: var(--zlig-space-16);
    overflow: hidden;
    width: 100%;
}

.shopByBrandIntro *,
.shopByBrandIntro .Left,
.shopByBrandIntro .Right,
.shopByBrandIntro .FloatLeft,
.shopByBrandIntro .FloatRight {
    box-sizing: border-box;
    float: none !important;
    max-width: 100% !important;
    position: static !important;
}

.shopByBrandIntro > div,
.shopByBrandIntro table,
.shopByBrandIntro tbody,
.shopByBrandIntro tr,
.shopByBrandIntro td {
    display: block !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

.shopByBrandIntro img {
    display: block;
    float: none !important;
    height: auto !important;
    margin: 0 auto var(--zlig-space-12) !important;
    max-width: 100% !important;
    width: auto !important;
}

.shopByBrandIntro p:last-child {
    margin-bottom: 0;
}

.shopByBrandProducts,
.shopByBrandFooter {
    clear: both;
    width: 100%;
}

.shopByBrandSupport .Content {
    display: flex;
    flex-direction: column;
    padding: 0 var(--zlig-space-8) var(--zlig-space-8);
}

.shopByBrandSupportTitle {
    border-bottom: 1px solid var(--zlig-gray-63);
    margin-top: var(--zlig-space-8);
}

.shopByBrandPartner {
    display: flex;
    justify-content: center;
    margin-bottom: var(--zlig-space-16);
}

.shopByBrandPartner img {
    display: block;
    height: auto;
    max-width: 200px;
    width: 100%;
}

/* SHOP BY BRAND PAGINATION */

.shopByBrandPagination {
    align-items: center;
    border-bottom: 1px solid var(--zlig-gray-63);
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--zlig-space-16);
    padding-bottom: var(--zlig-space-8);
}

.shopByBrandPagination:last-child {
    border-bottom: 0;
    border-top: 1px solid var(--zlig-gray-63);
    margin-bottom: 0;
    margin-top: var(--zlig-space-16);
    padding-bottom: 0;
    padding-top: var(--zlig-space-8);
}

.shopByBrandPagination__pages {
    align-items: center;
    display: flex;
    gap: var(--zlig-space-4);
}

.shopByBrandPagination__pages .Button2 {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-width: 24px;
    text-decoration: none;
}

.shopByBrandPagination__dots {
    padding: 0 var(--zlig-space-4);
}

#staff_trackdown_modal {
	overflow-y: hidden;
}

@media (max-height: 650px) {
	#staff_trackdown_modal {
		overflow-y: auto;
	}
}

/* APTIKA CLUB DASHBOARD */

.account-dashboard { width:100%; }
.account-dashboard h1 { margin-bottom:var(--zlig-space-8); }
.account-dashboard__intro { margin:0 0 var(--zlig-space-24); }
.account-dashboard__panel { margin:0 0 var(--zlig-space-24); border:1px solid var(--zlig-gray-72); background:var(--zlig-white); }
.account-dashboard__panel-header { display:flex; justify-content:space-between; align-items:center; gap:var(--zlig-space-16); padding:var(--zlig-space-8) var(--zlig-space-12); background:var(--zlig-black); color:var(--zlig-white); }
.account-dashboard__panel-title { font-weight:700; }
.account-dashboard__panel-note { font-size:12px; color:var(--zlig-gray-87); white-space:nowrap; }
.account-dashboard__table-wrap { overflow-x:auto; }
.account-dashboard__table { width:100%; border-collapse:collapse; }
.account-dashboard__table th { padding:var(--zlig-space-8) var(--zlig-space-8); background:var(--zlig-gray-91); border-bottom:1px solid var(--zlig-gray-72); text-align:left; white-space:nowrap; }
.account-dashboard__table td { padding:var(--zlig-space-8); border-bottom:1px solid var(--zlig-gray-87); vertical-align:middle; }
.account-dashboard__table tbody tr:last-child td { border-bottom:0; }
.account-dashboard__center { text-align:center !important; }
.account-dashboard__right { text-align:right !important; white-space:nowrap; }
.account-dashboard__product { display:flex; align-items:center; gap:var(--zlig-space-8); min-width:320px; }
.account-dashboard__thumb { width:44px; height:44px; object-fit:contain; flex:0 0 44px; }
.account-dashboard__product-name { line-height:1.3; }
.account-dashboard__product-code { margin-top:var(--zlig-space-4); font-size:12px; color:var(--zlig-gray-40); }
.account-dashboard__qty { width:52px; padding:var(--zlig-space-4); text-align:center; }
.account-dashboard__empty { padding:var(--zlig-space-12); }
.account-dashboard__invoice { white-space:nowrap; }

/* PRODUCT OPTIONS */

.ProductOptions {
	width: 100%;
	margin: var(--zlig-space-16) 0 0;
	display: grid;
	gap: var(--zlig-space-8);
}

.productOptionRow {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(190px, 1fr) minmax(220px, 1.15fr);
	align-items: center;
	gap: var(--zlig-space-12);
}

.productOptionLabel {
	min-width: 0;
	line-height: 1.35;
}

.productOptionControl {
	min-width: 0;
}

.productOptionControl input[type="text"],
.productOptionControl select {
	width: 100%;
	max-width: none;
	margin: 0;
}

.productOptionCheckbox {
	width: 100%;
	display: flex;
	align-items: center;
	gap: var(--zlig-space-8);
	line-height: 1.4;
	cursor: pointer;
}

.productOptionCheckbox input[type="checkbox"] {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 0;
}

.productOptionCheckbox span {
	min-width: 0;
}

/* The container that enforces 780px and provides the horizontal scroll */
.aptika-compare-wrap {
	max-width: 780px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
    font-size: 14px;
}

/* Optional but recommended so padding/borders behave */
.aptika-compare-wrap,
table.aptika-compare {
	box-sizing: border-box;
}

/* Let the table grow to its content (so overflow happens), but never smaller than the wrapper */
table.aptika-compare {
	min-width: 100%;      /* so it still fills the wrapper when it's not wider */
	border-collapse: collapse;
}

table.aptika-compare .yn {
	align-items: center;
	border-radius: var(--zlig-radius-4);
	color: var(--zlig-white);
	display: inline-flex;
	font-weight: 700;
	height: 20px;
	justify-content: center;
	width: 20px;
}

table.aptika-compare .yn.n {
	background: var(--zlig-error);
}

table.aptika-compare .yn.n:before {
	color: var(--zlig-white);
	content: "✕";
}

table.aptika-compare .yn.y {
	background: var(--zlig-active);
}

table.aptika-compare .yn.y:before {
	color: var(--zlig-white);
	content: "✓";
}

table.aptika-compare tbody td:first-child {
	white-space: nowrap;
	width: 140px;
}

table.aptika-compare tbody tr.is-featured {
	background: var(--zlig-gray-96);
}

table.aptika-compare tbody tr:hover {
	background: var(--zlig-gray-96);
}

table.aptika-compare tbody tr:nth-child(even) {
	background: var(--zlig-gray-98);
}

table.aptika-compare td, table.aptika-compare th {
	border: 1px solid var(--zlig-gray-88);
	padding: var(--zlig-space-8) var(--zlig-space-8);
	vertical-align: middle;
}

table.aptika-compare td.tc {
	text-align: center;
	white-space: nowrap;
	width: 90px;
}

table.aptika-compare td:last-child {
	min-width: 220px;
}

table.aptika-compare thead th {
	background: var(--zlig-gray-88);
	border-color: var(--zlig-gray-63);
	color: var(--zlig-black);
	font-weight: 700;
	white-space: nowrap;
}

table.aptika-compare thead th[colspan] {
	text-align: center;
}

table.aptika-compare thead th[rowspan] {
	vertical-align: middle;
}

table.aptika-compare thead tr:nth-child(2) th {
	text-align: center;
}

.documentation_title {
    height: 128px;
    background: var(--zlig-secondary-color);
    color: var(--zlig-white);
    padding: var(--zlig-space-8) var(--zlig-space-16) var(--zlig-space-0) var(--zlig-space-16);
    margin-bottom: var(--zlig-space-16);
    font-size: 30px;
    font-weight: normal;
    display: flex;
    align-items: flex-start;
}

.documentation_title img {
    filter: invert(1);
    padding-top: var(--zlig-space-4);
    margin-right: var(--zlig-space-4);
    width: 42px;
    height: 42px;
}

.videos {
	display: flex;
	gap: var(--zlig-space-32);
	width: 100%;
}

.videos .video {
	flex: 1;
	min-width: 0;
}

.videos .video iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
}

.videos .video h2 {
	margin-top: 0;
    font-size: 22px!important;
}

/* TREE MENU */

.treeMenu {
	width: 100%;
	min-width: 0;
	font-size: 13px;
	line-height: 1.35;
}

.treeMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.treeMenu ul ul {
	padding-left: var(--zlig-space-24);
}

.treeMenu li {
	margin: 0;
	padding: 0;
}

.treeMenu a {
	position: relative;
	display: block;
	padding: var(--zlig-space-4) 0 var(--zlig-space-4) var(--zlig-space-16);
	color: var(--zlig-text);
	text-decoration: none;
	word-break: normal;
	overflow-wrap: normal;
}

.treeMenu a:hover {
	color: var(--zlig-link);
	text-decoration: underline;
}

.treeMenu a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1px;
	width: 11px;
	height: 11px;
	border: 1px solid var(--zlig-gray-53);
	border-radius: 50%;
	box-sizing: border-box;
	transform: translateY(-50%);
}

.treeMenu .is-current > a {
	color: var(--zlig-link);
	font-weight: 700;
}

.treeMenu .is-current > a::before {
	border-color: var(--zlig-link);
	background: var(--zlig-link);
}

.treeMenu .is-current-parent > a {
	font-weight: 600;
}

/* Compact shared search results with optional thumbnails. Version 26.10.25.6. */
.searchResults{min-width:0;width:100%;}
.searchResults .searchResults__list{margin:var(--zlig-space-24) 0;max-width:900px;}
.searchResults .searchResult{display:flex;align-items:flex-start;gap:var(--zlig-space-16);margin:0 0 var(--zlig-space-24);padding:0;border:0;border-radius:0;background:none;box-shadow:none;min-width:0;}
.searchResults .searchResult:last-child{margin-bottom:0;}
.searchResults .searchResult__meta{display:flex;align-items:baseline;gap:var(--zlig-space-4);max-width:100%;margin:0 0 var(--zlig-space-4);padding:0;color:var(--zlig-search-meta);font-size:12px;line-height:1.4;}
.searchResults .searchResult__type{flex-shrink:0;color:var(--zlig-search-type);}
.searchResults .searchResult__url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.searchResults .searchResult__title{margin:0 0 var(--zlig-space-4);padding:0;font-size:18px!important;line-height:1.3;font-weight:500;border:0;}
.searchResults .searchResult__title a{color:var(--zlig-link,var(--zlig-search-link-fallback));text-decoration:none;}
.searchResults .searchResult__title a:hover{text-decoration:underline;text-underline-offset:2px;}
.searchResults .searchResult__title a:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
.searchResults .searchResult__snippet{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0;padding:0;color:var(--zlig-search-snippet);font-size:13px;line-height:1.5;overflow-wrap:anywhere;}
@media(max-width:600px){
  .searchResults .searchResult{margin-bottom:var(--zlig-space-16);}
  .searchResults .searchResult__title{font-size:17px!important;}
}

.searchResults .searchResult__copy{flex:1;min-width:0;}
.searchResults img.searchResult__thumb{display:block;flex:0 0 80px;width:80px;max-width:80px;height:64px;margin:var(--zlig-space-4) 0 0;padding:0;border:0;border-radius:var(--zlig-radius-4);object-fit:cover;}
.searchResults img.searchResult__thumb--product{object-fit:contain;}
@media(max-width:600px){
  .searchResults .searchResult{gap:var(--zlig-space-12);}
  .searchResults img.searchResult__thumb{flex-basis:64px;width:64px;max-width:64px;height:56px;}
}

/* Content headings immediately following a list need section spacing. */
.contentHTML > :is(ul, ol) + :is(h2, h3, h4, h5, h6) {
    margin-top: var(--zlig-space-24);
}