/*** Product Category ***/


/*** Product Single ***/
.product-header .cols { display:flex; flex-wrap:wrap;gap:2%; }
.product-header .cols > .col.col-txt { width:49%; }
.product-header .cols > .col.col-img { width:49%; }
.product-header .product-image .zoom-in { display:block; position:relative; }
.product-header .product-image .product-image-stickers {
	position:absolute; right:0; top:30px; z-index:5;
}
.product-header .product-image .product-image-stickers { font-size:0; }
.product-header .product-image .product-image-sticker {
	color:#fff; text-transform:uppercase; display:inline-block;
	font-size:1.25rem; background-color:#1e345d; padding:0 0.5rem;
}
.product-header .product-image .product-image-sticker + .product-image-sticker { margin-left:0.5rem; }

.product-header .product-intro-header { margin-bottom:1rem; }
.product-header .product-intro-header .product-title { font-size:1.5rem; margin-top:-0.25rem; }
.product-header .product-summary { font-size:16px; }
.product-header .offer-descs { margin-top: 1rem; }
.product-header .offer-descs > .offer-desc {
	border-radius: 1rem; background-color: #eee; padding: 1rem;
}
.product-header .offer-descs > .offer-desc + .offer-desc { margin-top: 1rem; }
.product-header .offer-descs > .offer-desc h3 { color: var(--txt-header_text); }
.product-shopping { margin-top:1rem; }
.product-shopping .cols { display:flex; align-items:center; }
.product-shopping .cols > .col + .col { margin-left:2rem; }
.product-shopping > .col + .col { margin-top:1.5rem; }
.product-shopping .product-price { font-size:1.75rem; color:var(--txt-header_text);; font-weight:700; margin-top:-0.25rem; }
.product-shopping .product-price + .gst-note { font-size:0.75rem; margin-top:-0.25rem; }
.woocommerce div.product .product-shopping form.cart { margin-bottom:0; }
.woocommerce div.product .product-shopping form.cart div.quantity { margin-right:0.5rem; }

.product-meta { margin-top:1rem; }

input.input-qty[type="number"] { width:72px; }
.product-stickers { display:flex; margin-top:2rem; align-items:center; }
.product-stickers .sticker-link + .sticker-link { margin-left:2rem; }

.product-offer {
    border:1px solid #ddd;
    margin-top: 1rem;
    padding: 10px 20px;
    background: #eee;
    font-size: 14px;
}

.product-offer .offer-title {
    color: var(--txt-header_text);
    font-weight: 700;
    display: block;
    font-size: 18px;
}

.product-description > h2 { color:var(--txt-header_text);; font-size:1.5rem; margin-bottom:1.5rem; }
.product-description .tab-content { display:none; }
.product-description .tab-content.current { display:block; }
.product-description .spectitle { font-weight:bold; }
.product-description .spectext + .spectitle { padding-top:1rem; }
.product-description .spectext {
	border-bottom:1px solid var(--txt-body_text); margin-bottom:0; padding-bottom:1rem;
}

.product-description > p:first-child { font-size:0; margin-bottom:2rem; }
.product-description a.button.tab-link {
	border-radius:0; font-size:1rem; color:var(--txt-body_text); border:1px solid var(--txt-body_text); 
	line-height:2.5rem; white-space:nowrap; cursor:pointer; font-size:20px; 
	text-align:center; transition-property:color, border-color, background-color; 
	transition-duration:400ms; text-transform:uppercase; padding:0; width:200px;
}
.product-description a.button.tab-link:hover {
	background-color:transparent;
}
.product-description a.button.tab-link.current {
	color:#fff; background-color:var( --txt-sub_menu_bg); border-color:var( --txt-sub_menu_bg);
}
.product-description a.button.tab-link.current { cursor:default; }
.product-description a.button.tab-link + br { display:none; }
.product-description svg { display: none !important; }

table.specs { width:100%; }
table.specs,
table.specs td,
table.spec th {
	border:none; font-size:1rem;
}

table.specs td.fieldtitle {
	text-align:left; font-weight:bold; color:var(--txt-body_text); border-bottom:5px solid #ccc;
	padding-bottom:0.25rem; padding-top:2rem; font-size:1.25rem;
}
table.specs td.field {
	padding-right:0.5rem; color:var(--txt-body_text); border-bottom:1px solid #ccc;
	padding:0; line-height:1; width:50%; padding:0.25rem 0 0.25rem 0; opacity:0.9;
}
table.specs td.value {
	padding-right:10px; color:var(--txt-body_text); border-bottom:1px solid #ccc; padding:0;
	line-height:1; padding:0.25rem 0 0.25rem 0.5rem; opacity:0.9;
}
table.specs tr:first-child td.fieldtitle { padding-top:0; }

.hbd-spec-table { width: 100%; }
.hbd-spec-table .hbd-spec-table__group-start { border-bottom:5px solid #ccc; padding-top: 20px; }
.hbd-spec-table .hbd-spec-table__group-start > td {
	text-align:left; color:var(--txt-body_text); 
	padding-bottom:0.25rem; padding-top:2rem; 
}
.hbd-spec-table .hbd-spec-table__group-start > .hbd-spec-table__group-name {
	font-weight:bold; font-size:1.25rem; padding-top: 2rem;
}
.hbd-spec-table .hbd-spec-table__group-start:first-child > .hbd-spec-table__article {
	font-size: 0; visibility: hidden; opacity: 0;
}
.hbd-spec-table .hbd-spec-table__spec-row > .hbd-spec-table__spec-name {
	padding-right:0.5rem; color:var(--txt-body_text); border-bottom:1px solid #ccc;
	padding:0; line-height:1; width:50%; padding:0.25rem 0 0.25rem 0; opacity:0.9;
	font-weight: 400;
}
.hbd-spec-table .hbd-spec-table__spec-row > .hbd-spec-table__spec-name h4 {
	font-weight: 400;
}
.hbd-spec-table .hbd-spec-table__spec-row > .hbd-spec-table__spec-value {
	padding-right:10px; color:var(--txt-body_text); border-bottom:1px solid #ccc; padding:0;
	line-height:1; padding:0.25rem 0 0.25rem 0.5rem; opacity:0.9;
}
.hbd-spec-table h4 + sup,
.hbd-spec-table h4 + sup + span {
	display: none;
}
.hbd-spec-table button[aria-label] {
	position: relative; border: 0; padding: 0; background-color: transparent;
	border-radius: 50%; font-size: 0; overflow: hidden;
}
.hbd-spec-table button[aria-label]::before {
	content:"\f05a"; font-family:"Font Awesome 6 Pro"; font-weight: 900; font-size: 16px;
}
.hbd-spec-table button[aria-label]::after {
	opacity: 0; background-color: #333; color: #fff; position: absolute;
	content: attr(aria-label); font-size: 14px; border-radius: 0.25rem; padding: 0.5rem;
	bottom: calc(100% + 0.25rem); left: 50%; transform: translateX(-50%); min-width: 300px;
	line-height: normal; z-index: 10; text-align: left; transition-duration: .4s;
	transition-property: opacity;
}
.hbd-spec-table button[aria-label]:hover { overflow: visible; }
.hbd-spec-table button[aria-label]:hover::after { opacity: 1; }
.product-slider { padding:0 2rem; position:relative; }
.product-slider .slick-arrow {
	position:absolute; border:0; display:block; width:2rem; height:2rem; padding:0;
	background-color:#888; margin:auto 0; top:0; bottom:0; cursor:pointer; font-size:1.25rem;
	text-align:center; line-height:2rem; border-radius:50%; color:#fff;
	transition-duration:400ms; transition-property:opacity, background-color; opacity:0;
}
.product-slider:hover .slick-arrow { opacity:1; }
.product-slider  .slick-arrow:hover { background-color:var(--txt-body_text); }
.product-slider  .slick-arrow.slick-prev { left:0; }
.product-slider  .slick-arrow.slick-next { right:0; }

.product-slider .product-image {
	display:block; padding-top:calc((213 / 320) * 100%); position:relative;
}
.product-slider .product-image.grey-overlay::before {
	content:""; position:absolute; width:100%; height:100%; z-index:5;
	left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.07);
}
.product-slider .product-slide { text-align:center; padding-bottom:1px; margin-left:1rem; margin-right:1rem; }
.product-slider .product-title {
	margin:1rem 0; line-height:27px; font-size:1rem; font-weight:600; height:54px; overflow:hidden;
}
.product-slider > .slides {
	display:flex; flex-wrap:wrap; margin:0 -15px -30px !important;
}
.product-slider > .slides::before,
.product-slider > .slides::after { display:none !important;}
.product-slider > .slides > .product-slide {
	width:calc((100% - 90px) / 3); margin:0 15px 30px;
}



.prod_social_wrap {
	display:flex; flex-wrap:wrap; align-items:center;
	justify-content:space-between;
}

@media (max-width:1240px) {
	.product-header .product-intro-header .product-title {
		font-size:2rem; margin-top:-0.5rem; margin-bottom:0.5rem;
	}
}
@media (max-width:992px) {
	.product-header .cols { align-items:center; flex-direction:column-reverse; }
	.product-header .cols > .col.col-txt { width:100%; margin-top:2rem; }
	.product-header .cols > .col.col-img { width:100%; max-width:640px; }
	.product-header .product-intro-header .product-title { margin-bottom:0; }
}
@media (max-width:900px) {
	.product-slider > .slides > .product-slide { width:calc((100% - 60px) / 2); }
}
@media (max-width:768px) {
	/*** Product Category ***/
	.features-heading { font-size:1.25rem; }


	/*** Product Single ***/
	.product-description .spectext + .spectitle { padding-top:0.75rem; }
	.product-description .spectext { padding-bottom:0.75rem; }
	table.specs td.field { width:60%; }
	table.specs td.fieldtitle { padding-top:1.5rem; }
	.product-header .product-intro-header .product-title { font-size:1.5rem; margin-top:-0.25rem; }
	.product-stickers { justify-content:center; }
	.product-slider  .slick-arrow {
		width:3rem; height:3rem; opacity:1; font-size:1.5rem;
	}
	.prod_social_wrap .prod_social_left { margin-bottom:1rem; }
}
/*.product-slider > .slides { display:block; }*/
@media (max-width:600px) {
	.product-slider > .slides > .product-slide { width:calc((100% - 60px) / 2); }
}
@media (max-width:450px) {
	.product-description a.button.tab-link { width:160px; }
	.prod_social_wrap { flex-direction:column; }
        .product-slider  { padding:0px; }
        .product-slider  .slick-arrow { z-index:100; width:2rem; height:2rem; font-size:1em;}
}