@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&display=swap");


@font-face {
    font-family: 'FaBrands';
    src: url('../fonts/fa-brands-400.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}


#wdref-site {

    --wdref-red: #f30a01;
    --wdref-green: #1d5c3d;
    --wdref-blue: #1f3a74;
    --wdref-gold: #d7b77a;
    --wdref-ivory: #f6f1ea;
    --wdref-sand: #e9e0d2;
    --wdref-black: #12110f;
    --wdref-dark: #1b1a17;
    --wdref-text: #171513;
    --wdref-muted: #000;
    --wdref-soft: #f3efe9;
    --wdref-line: #e5ddd3;
    --wdref-white: #fff;

    /* ROBOTO FONT */
    --wdref-heading: "Roboto", sans-serif;
    --wdref-body: "Roboto", sans-serif;
    --wdref-mono: "Roboto", monospace;

    --wdref-max: 1280px;

    width: 100%;
    max-width: 100%;
    overflow-x: hidden;

    color: var(--wdref-text);

    font-family: var(--wdref-body);

    background: #fff;

    line-height: 1.5;

    letter-spacing: 0;

    font-feature-settings:
        "ss01" 1,
        "cv01" 1;

    -webkit-font-smoothing: antialiased;
}

#wdref-site *,
#wdref-site *::before,
#wdref-site *::after {
	box-sizing: border-box;
}

#wdref-site img {
	max-width: 100%;
}

#wdref-site a {
	color: inherit;
}

#wdref-site button,
#wdref-site input,
#wdref-site select,
#wdref-site textarea {
	font: inherit;
}

.wdref-container {
    width: min(var(--wdref-max), calc(100% - 44px));
    max-width: var(--wdref-max);
    margin-inline: auto;
}

.wdref-section {
	position: relative;
	padding: 104px 0;
	overflow: hidden;
}

.wdref-section--soft {
	background: linear-gradient(180deg, #f9f6f2 0%, #f2eee6 100%);
}

.wdref-section--dark {
	background: linear-gradient(135deg, #12110f 0%, #171510 100%);
	color: #fff;
}

.wdref-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 13px;
	color: var(--wdref-green);
	font-family: var(--wdref-mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.wdref-kicker::before {
	content: "";
	width: 30px;
	height: 1px;
	background: linear-gradient(90deg, var(--wdref-red), var(--wdref-gold));
}

.wdref-heading {
	margin: 0;
	font-family: var(--wdref-heading);
	font-size: clamp(25px, 4.4vw, 32px);
	font-weight: 700;
	line-height: .94;
	letter-spacing: 0;
	text-transform: uppercase;
}

.wdref-heading span {
	color: var(--wdref-green);
	font-weight: 700;
}

.wdref-copy {
	color: var(--wdref-muted);
	font-size: 14px;
	line-height: 1.7;
}

.wdref-section-head {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 70px;
	align-items: end;
	margin-bottom: 42px;
}

.wdref-section-head p {
	max-width: 470px;
	margin: 0;
}

.wdref-btn {
	min-height: 46px;
	padding: 0 8px 0 16px;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	border-radius: 6px;
	background: linear-gradient(135deg, var(--wdref-green) 0%, #2d7a4d 100%);
	color: #fff !important;
	font-family: var(--wdref-mono);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-decoration: none;
	text-transform: uppercase;
	box-shadow: 0 10px 24px rgba(29,92,61,0.14);
	transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.wdref-btn i {
	width: 30px;
	height: 30px;
	display: grid;
	place-items: center;
	border-radius: 4px;
	background: rgba(255,255,255,.2);
	color: #fff;
	font-style: normal;
	font-size: 16px;
}

.wdref-btn:hover {
	transform: translateY(-2px);
	filter: brightness(1.02);
	box-shadow: 0 14px 28px rgba(29,92,61,0.18);
}

.wdref-btn--white {
	background: .wdref-btn--white;
	color: #fff !important;
	box-shadow: 0 18px 35px rgba(18,17,15,0.08);
}

.wdref-btn--white i {
	/* background: linear-gradient(135deg, var(--wdref-red), #f25656); */
	color: #fff;
}

.wdref-btn--outline {
	border: 1px solid rgba(255,255,255,.2);
	background: rgba(255,255,255,.02);
	color: #fff !important;
	box-shadow: none;
}

.wdref-btn--outline i {
	background: transparent;
	color: var(--wdref-gold);
}

#wdref-header {
	position: sticky;
	top: 0;
	z-index: 9999;
	overflow: visible;
	background: rgba(255,255,255,.96);
	border-bottom: 1px solid rgba(0,0,0,.08);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.wdref-header {
	position: relative;
	min-height: 74px;
	display: flex;
	align-items: center;
	gap: 22px;
}

.wdref-logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
	text-decoration: none;
}

.wdref-logo-image {
	width: 100%;
	height: 74px !important;
	object-fit: contain;
	display: block;
}

.wdref-logo-mark {
	width: 39px;
	height: 39px;
	display: grid;
	place-items: center;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background: linear-gradient(135deg,var(--wdref-red) 0 38%,var(--wdref-green) 38% 67%,var(--wdref-blue) 67%);
	color: #fff;
	font-family: var(--wdref-heading);
	font-size: 12px;
	font-weight: 900;
}

.wdref-logo-copy {
	display: flex;
	flex-direction: column;
	line-height: 1;
}

.wdref-logo-name {
	font-family: var(--wdref-heading);
	font-size: 18px;
	font-weight: 900;
	letter-spacing: -.5px;
	text-transform: uppercase;
}

.wdref-logo-tag {
	margin-top: 5px;
	color: var(--wdref-green);
	font-family: var(--wdref-mono);
	font-size: 6px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.wdref-nav {
	display: flex;
	align-items: center;
	gap: 1px;
	margin-left: auto;
}

.wdref-nav a {
	padding: 9px 10px;
	border-radius: 6px;
	color: #5f6964;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	transition: .25s ease;
}

.wdref-nav a:hover {
	background: #f0f3f1;
	color: var(--wdref-green);
}

.wdref-header-actions {
	display: flex;
	align-items: center;
	gap: 7px;
}

.wdref-header-search {
	position: relative;
}

.wdref-header-icon {
	width: 36px;
	height: 36px;
	display: grid;
	place-items: center;
	position: relative;
	border: 1px solid var(--wdref-line);
	border-radius: 8px;
	background: #fff;
	color: #66706b;
	text-decoration: none;
}

.wdref-search-toggle {
	padding: 0;
	cursor: pointer;
}

.wdref-header-icon:hover {
	color: var(--wdref-blue);
	border-color: rgba(1,42,236,.25);
}

.wdref-header-search-form {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 20;
	display: none;
	align-items: center;
	gap: 6px;
	width: 280px;
	padding: 7px;
	border: 1px solid var(--wdref-line);
	background: #fff;
	box-shadow: 0 12px 30px rgba(7,9,8,.12);
}

.wdref-header-search.is-open .wdref-header-search-form {
	display: flex;
}

.wdref-header-search-form input[type="search"] {
	width: 100%;
	min-width: 0;
	height: 34px;
	padding: 0 9px;
	border: 1px solid var(--wdref-line);
	border-radius: 4px;
	background: #fff;
	color: var(--wdref-text);
	font-size: 12px;
}

.wdref-header-search-form input[type="search"]:focus {
	border-color: var(--wdref-green);
	outline: 0;
	box-shadow: 0 0 0 3px rgba(29,92,61,.1);
}

.wdref-header-search-form button[type="submit"] {
	height: 34px;
	padding: 0 10px;
	border: 0;
	border-radius: 4px;
	background: var(--wdref-green);
	color: #fff;
	cursor: pointer;
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

.wdref-header-search-form button[type="submit"]:hover {
	background: var(--wdref-blue);
}

.wdref-cart-count {
	position: absolute;
	top: -5px;
	right: -5px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	display: grid;
	place-items: center;
	border-radius: 50px;
	background: var(--wdref-red);
	color: #fff;
	font-family: var(--wdref-mono);
	font-size: 10px;
}

.wdref-header-cta {
	min-height: 38px;
	padding: 0 14px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border-radius: 7px;
	background: var(--wdref-green);
	color: #fff !important;
	font-family: var(--wdref-mono);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}

.wdref-header-cta:hover {
	background: var(--wdref-blue);
}

.wdref-menu-toggle {
	display: none;
	width: 38px;
	height: 38px;
	border: 1px solid var(--wdref-line);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
}

.wdref-menu-toggle span {
	width: 17px;
	height: 2px;
	display: block;
	margin: 3px auto;
	background: #111;
}

.wdref-mobile-nav {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 10;
	border-top: 1px solid var(--wdref-line);
	background: #fff;
	box-shadow: 0 16px 28px rgba(7,9,8,.12);
}

.wdref-mobile-nav-inner {
	display: grid;
	gap: 2px;
	padding: 10px 0 16px;
}

.wdref-mobile-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wdref-mobile-nav li {
	margin: 0;
}

.wdref-mobile-nav a {
	display: block;
	padding: 11px;
	border-radius: 6px;
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}

.wdref-mobile-nav a:hover {
	background: #f2f5f3;
	color: var(--wdref-green);
}

#wdref-hero {
	position: relative;
	background: linear-gradient(120deg, #0e0d0b 0%, #181611 100%);
	color: #fff;
}

.wdref-hero-slider {
	height: min(760px, calc(100vh - 74px));
	min-height: 620px;
	position: relative;
	overflow: hidden;
	background: #111;
}

.wdref-hero-track {
	height: 100%;
	display: flex;
	transition: transform .9s cubic-bezier(.77,0,.18,1);
}

.wdref-hero-slide {
	min-width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.wdref-hero-image {
	position: absolute;
	inset: 0;
}

.wdref-hero-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transform: scale(1.05);
	transition: transform 6s ease;
	filter: saturate(0.8) contrast(1.1);
}

.wdref-hero-slide.is-active .wdref-hero-image img {
	transform: scale(1);
}

.wdref-hero-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(9,9,8,0.9) 0%, rgba(9,9,8,0.76) 32%, rgba(9,9,8,0.32) 70%, rgba(9,9,8,0.58) 100%),
		linear-gradient(180deg, rgba(9,9,8,0.48) 0%, rgba(9,9,8,0.1) 38%, rgba(9,9,8,0.72) 100%);
}

.wdref-hero-content {
	width: min(620px, 52vw);
	position: relative;
	z-index: 3;
	margin-left: max(22px,calc((100vw - var(--wdref-max))/2));
}

.wdref-hero-label {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 15px;
	color: rgba(255,255,255,.78);
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.wdref-hero-label::before {
	content: "";
	width: 28px;
	height: 1px;
	background: linear-gradient(90deg, var(--wdref-red), var(--wdref-gold));
}

.wdref-hero-title {
	margin: 0 0 22px;
	font-family: var(--wdref-heading);
font-size: clamp(40px, 6.4vw, 63px);
	font-weight: 700;
	line-height: 70px;
	letter-spacing: .01em;
	text-transform: uppercase;
}

.wdref-hero-title span {
	display: block;
	color: var(--wdref-red);
	-webkit-text-stroke: none;
	text-shadow: none;
}

.wdref-hero-description {
	max-width: 470px;
	margin: 0 0 28px;
	color: rgba(255,255,255,.7);
	font-size: 18px;
	line-height: 1.75;
}

.wdref-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.wdref-hero-counter {
	position: absolute;
	right: max(22px,calc((100vw - var(--wdref-max))/2));
	top: 34px;
	z-index: 5;
	color: rgba(255,255,255,.54);
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.18em;
}

.wdref-hero-counter b {
	color: #fff;
}

.wdref-hero-controls {
	position: absolute;
	left: max(22px,calc((100vw - var(--wdref-max))/2));
	bottom: 36px;
	z-index: 5;
	display: flex;
	gap: 8px;
}

.wdref-hero-arrow {
	width: 45px;
	height: 45px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 50%;
	background: rgba(255,255,255,.06);
	color: #fff;
	cursor: pointer;
	transition: .25s ease;
}

.wdref-hero-arrow:hover {
	background: #fff;
	color: #111;
}

.wdref-hero-dots {
	position: absolute;
	right: max(22px,calc((100vw - var(--wdref-max))/2));
	bottom: 53px;
	z-index: 5;
	display: flex;
	gap: 6px;
}

.wdref-hero-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 50px;
	background: rgba(255,255,255,.35);
	cursor: pointer;
	transition: .3s ease;
}

.wdref-hero-dot.is-active {
	width: 30px;
	background: linear-gradient(90deg, var(--wdref-red), var(--wdref-gold));
}

.wdref-mini-stats {
	position: relative;
	z-index: 5;
	margin-top: -1px;
	background: var(--wdref-black);
	color: #fff;
}

.wdref-mini-stats-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
}

.wdref-mini-stat {
	padding: 25px 22px;
	border-right: 1px solid rgba(255,255,255,.1);
}

.wdref-mini-stat:last-child {
	border-right: 0;
}

.wdref-mini-stat strong {
	display: block;
	margin-bottom: 4px;
	color: #fff;
	font-family: var(--wdref-heading);
	font-size: 26px;
	font-weight: 900;
	line-height: 1;
}

.wdref-mini-stat span {
	color: rgba(255,255,255,.43);
	font-family: var(--wdref-mono);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#wdref-featured {
	background: #fff;
}

.wdref-featured-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 38px;
}

.wdref-featured-head .wdref-heading {
	max-width: 580px;
}

.wdref-featured-copy {
	max-width: 430px;
}

.wdref-featured-copy p {
	margin: 0 0 15px;
}

.wdref-warranty {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--wdref-green);
	font-size: 15px;
	font-weight: 800;
}

.wdref-warranty i {
	width: 21px;
	height: 21px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--wdref-green);
	color: #fff;
	font-style: normal;
	font-size: 10px;
}

.wdref-products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.wdref-product {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--wdref-line);
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(19, 18, 15, 0.045);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.wdref-product:hover {
	transform: translateY(-6px);
	border-color: rgba(29,92,61,.25);
	box-shadow: 0 22px 44px rgba(19, 18, 15, .10);
}

.wdref-product-media {
	height: clamp(185px, 15vw, 205px);
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #f3efe8 0%, #eae2d6 100%);
}

.wdref-product-media img {
	width: 100%;
	height: 100%;
	display: block;
	padding: 24px;
	object-fit: contain;
	transition: transform .55s cubic-bezier(.2,.65,.2,1);
}

.wdref-product:hover .wdref-product-media img {
	transform: scale(1.05);
}

.wdref-product-badge,
.wdref-product-tested {
	position: absolute;
	z-index: 2;
	font-family: var(--wdref-mono);
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.wdref-product-badge {
	top: 12px;
	left: 12px;
	padding: 7px 9px;
	border-radius: 4px;
	background: linear-gradient(135deg, var(--wdref-green), #2d7a4d);
	color: #fff;
}

.wdref-product-tested {
	right: 12px;
	bottom: 12px;
	padding: 7px 10px;
	border-radius: 4px;
	background: rgba(18,17,15,.78);
	color: #fff;
	backdrop-filter: blur(10px);
}

.wdref-product-tested i {
	width: 6px;
	height: 6px;
	display: inline-block;
	margin-right: 5px;
	border-radius: 50%;
	background: #8ce18b;
}

.wdref-product-content {
	flex: 0 0 184px;
	min-height: 184px;
	padding: 17px 17px 10px;
}

.wdref-products .wdref-product .wdref-product-cat {
	display: block;
	margin-bottom: 7px;
	color: #7c6e5f;
	font-family: var(--wdref-mono) !important;
	font-size: 9px !important;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.wdref-products .wdref-product .wdref-product-content h3,
.wdref-products .wdref-product .wdref-product-content h3 a {
	min-height: 46px;
	margin: 0 0 9px;
	font-family: var(--wdref-heading) !important;
	font-size: 25px !important;
	font-weight: 700;
	line-height: .94;
	letter-spacing: .01em !important;
	text-transform: uppercase;
}

.wdref-product-content h3 a {
	text-decoration: none;
}

.wdref-product-content h3 a:hover {
	color: var(--wdref-green);
}

.wdref-product-rating {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 9px;
}

.wdref-product-stars {
	color: #d5a13f;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 1;
}

.wdref-product-rating-count {
	color: #766d66;
	font-size: 10px;
	font-weight: 700;
}

.wdref-products .wdref-product .wdref-product-content p {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 42px;
	margin: 0;
	color: #625d59;
	font-family: var(--wdref-body) !important;
	font-size: 12px !important;
	line-height: 1.7;
}

.wdref-product-bottom {
	padding: 8px 17px 12px;
}

.wdref-product-price {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 0 11px;
	border-top: 1px solid var(--wdref-line);
}

.wdref-product-price span {
	color: #7a7068;
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .1em;
}

.wdref-product-price strong {
	color: var(--wdref-text);
	font-family: var(--wdref-body);
	font-size: 15px;
	font-weight: 800;
	white-space: nowrap;
}

.wdref-products .wdref-product .wdref-product-btn {
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 11px 0 14px;
	border-radius: 6px;
	background: linear-gradient(135deg, var(--wdref-green), #2d7a4d);
	color: #fff !important;
	font-family: var(--wdref-mono) !important;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .12em;
	text-decoration: none;
	text-transform: uppercase;
	transition: .25s ease;
	opacity:1;
}

.wdref-product-btn b {
	width: 28px;
	height: 28px;
	display: grid;
	place-items: center;
	border-radius: 4px;
	background: rgba(255,255,255,.17);
	font-size: 13px;
}

.wdref-product-btn:hover {
	background: linear-gradient(135deg, var(--wdref-red), #e55555);
}

.wdref-product-btn:hover b {
	background: #fff;
	color: var(--wdref-red);
}

.wdref-products + .wdref-empty,
.wdref-empty {
	padding: 25px;
	border: 1px dashed var(--wdref-line);
	border-radius: 8px;
	color: var(--wdref-muted);
	text-align: center;
	font-size: 12px;
}

#wdref-story {
	background: var(--wdref-soft);
}

.wdref-story-grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 55px;
	align-items: center;
}

.wdref-story-images {
	display: grid;
	grid-template-columns: 1.25fr .75fr;
	gap: 12px;
	min-height: 490px;
}

.wdref-story-image {
	position: relative;
	overflow: hidden;
	background: #ddd;
}

.wdref-story-image:first-child {
	grid-row: 1 / 3;
}

.wdref-story-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform .7s ease;
}

.wdref-story-image:hover img {
	transform: scale(1.04);
}

.wdref-story-copy .wdref-heading {
	margin-bottom: 21px;
}

.wdref-story-copy .wdref-copy {
	max-width: 480px;
	margin-bottom: 24px;
}

.wdref-story-points {
	display: grid;
	gap: 8px;
	margin-bottom: 25px;
}

.wdref-story-point {
	display: flex;
	align-items: center;
	gap: 9px;
	font-size: 15px;
	font-weight: 700;
}

.wdref-story-point i {
	width: 21px;
	height: 21px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: #e8f4ec;
	color: var(--wdref-green);
	font-style: normal;
	font-size: 9px;
}

#wdref-value {
	background: #fff;
}

.wdref-value-intro {
	max-width: 680px;
	margin: 0 auto 42px;
	text-align: center;
}

.wdref-value-intro .wdref-heading {
	margin-bottom: 14px;
}

.wdref-value-intro p {
	margin: 0;
}

.wdref-value-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 13px;
}

.wdref-value-card {
	overflow: hidden;
	border: 1px solid var(--wdref-line);
	background: #fff;
}

.wdref-value-image {
	height: 220px;
	position: relative;
	overflow: hidden;
}

.wdref-value-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	transition: transform .6s ease;
}

.wdref-value-card:hover .wdref-value-image img {
	transform: scale(1.06);
}

.wdref-value-label {
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 5px 7px;
	background: var(--wdref-green);
	color: #fff;
	font-family: var(--wdref-mono);
	font-size: 9px;
	letter-spacing: .08em;
	font-weight: 800;
	text-transform: uppercase;
}

.wdref-value-content {
	display: flex;
	flex-direction: column;
	min-height: 164px;
	padding: 18px;
}

.wdref-value-content h3 {
	margin: 0 0 7px;
	font-family: var(--wdref-heading);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .01em;
	text-transform: uppercase;
}

.wdref-value-content p {
	margin: 0 0 14px;
	color: var(--wdref-muted);
	font-size: 13px;
	line-height: 1.7;
}

.wdref-value-link {
	margin-top: auto;
	color: var(--wdref-green) !important;
	font-family: var(--wdref-mono);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}

#wdref-benefits {
	background: var(--wdref-black);
	color: #fff;
}

.wdref-benefits-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 34px;
}

.wdref-benefits-head .wdref-heading {
	max-width: 630px;
}

.wdref-benefits-head .wdref-heading span {
	-webkit-text-stroke-color: #fff;
}

.wdref-benefits-head p {
	max-width: 380px;
	margin: 0;
	color: rgba(255,255,255,.45);
	font-size: 15px;
	line-height: 1.7;
}

.wdref-benefits-grid {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 7px;
}

.wdref-benefit {
	min-height: 168px;
	padding: 20px;
	border: 1px solid rgba(255,255,255,.1);
	background: #101312;
	transition: .3s ease;
}

.wdref-benefit:hover {
	background: #121815;
	border-color: rgba(12,107,42,.5);
	transform: translateY(-3px);
}

.wdref-benefit-icon {
	width: 27px;
	height: 27px;
	display: grid;
	place-items: center;
	margin-bottom: 18px;
	border-radius: 50%;
	background: var(--wdref-green);
	color: #fff;
	font-size: 10px;
	font-weight: 900;
}

.wdref-benefit h3 {
	margin: 0 0 7px;
	font-family: var(--wdref-heading);
	font-size: 21px;
	font-weight: 700;
	letter-spacing: .01em;
	text-transform: uppercase;
}

.wdref-benefit p {
	margin: 0;
	color: rgba(255,255,255,.43);
	font-size: 13px;
	line-height: 1.65;
}

#wdref-steps {
	background: #fff;
}

.wdref-steps-grid {
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	align-items: stretch;
}

.wdref-steps-image {
	min-height: 560px;
	overflow: hidden;
}

.wdref-steps-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.wdref-steps-content {
	padding: 65px clamp(28px,5vw,70px);
	background: var(--wdref-black);
	color: #fff;
}

.wdref-steps-content .wdref-heading {
	margin-bottom: 35px;
}

.wdref-steps-content .wdref-heading span {
	-webkit-text-stroke-color: #fff;
}

.wdref-step {
	display: grid;
	grid-template-columns: 35px 1fr;
	gap: 15px;
	margin-bottom: 27px;
}

.wdref-step:last-child {
	margin-bottom: 0;
}

.wdref-step-number {
	width: 28px;
	height: 28px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 50%;
	color: var(--wdref-red);
	font-family: var(--wdref-mono);
	font-size: 8px;
	font-weight: 800;
}

.wdref-step h3 {
	margin: 0 0 5px;
	font-family: var(--wdref-heading);
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
}

.wdref-step p {
	margin: 0;
	color: rgba(255,255,255,.44);
	font-size: 13px;
	line-height: 1.7;
}

.wdref-category-strip {
	background: var(--wdref-soft);
}

.wdref-category-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 34px;
}

.wdref-category-head p {
	max-width: 430px;
	margin: 0;
}

.wdref-category-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
}

.wdref-category-card {
	position: relative;
	min-height: 270px;
	overflow: hidden;
	background: #111;
}

.wdref-category-card img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	display: block;
	object-fit: cover;
	transition: transform .6s ease;
}

.wdref-category-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg,rgba(0,0,0,.85),transparent 65%) !important;
}

.wdref-category-card:hover img {
	transform: scale(1.06);
}

.wdref-category-content {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	z-index: 2;
	color: #fff;
}

.wdref-category-content small {
	display: block;
	margin-bottom: 5px;
	color: rgba(255,255,255,.52);
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.wdref-category-content h3 {
	margin: 0 0 10px;
	font-family: var(--wdref-heading);
	font-size: 26px;
	font-weight: 700;
	letter-spacing: .01em;
	text-transform: uppercase;
}

.wdref-category-content a {
	color: #fff !important;
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}

#wdref-cta {
	background:
		radial-gradient(circle at 75% 50%,rgba(1,42,236,.16),transparent 35%),
		var(--wdref-black);
	color: #fff;
}

.wdref-cta-layout {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 65px;
	align-items: center;
}

.wdref-cta-title {
	margin: 0 0 18px;
	font-family: var(--wdref-heading);
	font-size: clamp(46px, 5.2vw, 72px);
	font-weight: 700;
	line-height: .9;
	letter-spacing: 0;
	text-transform: uppercase;
}

.wdref-cta-title span {
	color: transparent;
	-webkit-text-stroke: 1px rgba(255,255,255,.72);
}

.wdref-cta-copy {
	max-width: 530px;
	margin: 0 0 26px;
	color: rgba(255,255,255,.48);
	font-size: 15px;
	line-height: 1.8;
}

.wdref-cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.wdref-cta-card {
	padding: 25px;
	border: 1px solid rgba(255,255,255,.12);
	background: rgba(255,255,255,.04);
	border-radius: 8px;
}

.wdref-cta-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,.09);
	color: rgba(255,255,255,.38);
	font-family: var(--wdref-mono);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1px;
}

.wdref-cta-warranty {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 28px 0;
}

.wdref-cta-number {
	font-family: var(--wdref-heading);
	font-size: 95px;
	font-weight: 700;
	line-height: .7;
	letter-spacing: .01em;
}

.wdref-cta-warranty strong {
	display: block;
	font-family: var(--wdref-heading);
	font-size: 20px;
	line-height: 1;
	text-transform: uppercase;
}

.wdref-cta-warranty small {
	display: block;
	margin-top: 5px;
	color: rgba(255,255,255,.4);
	font-family: var(--wdref-mono);
	font-size: 7px;
	letter-spacing: 1px;
}

.wdref-cta-card-line {
	height: 2px;
	margin-bottom: 15px;
	background: linear-gradient(90deg,var(--wdref-red),var(--wdref-green),var(--wdref-blue));
}

.wdref-cta-stats {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 6px;
}

.wdref-cta-stat {
	padding: 13px;
	border: 1px solid rgba(255,255,255,.07);
}

.wdref-cta-stat strong {
	display: block;
	font-family: var(--wdref-mono);
	font-size: 18px;
}

.wdref-cta-stat span {
	color: rgba(255,255,255,.35);
	font-family: var(--wdref-mono);
	font-size: 10px;
}

#wdref-reviews {
	background: #fff;
}

.wdref-review-head {
	max-width: 680px;
	margin: 0 auto 35px;
	text-align: center;
}

.wdref-review-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px;
}

.wdref-review {
	display: flex;
	flex-direction: column;
	min-height: 244px;
	padding: 22px;
	border: 1px solid var(--wdref-line);
	background: #fff;
}

.wdref-stars {
	margin-bottom: 14px;
	color: #f2a400;
	font-size: 12px;
	letter-spacing: 1px;
}

.wdref-review p {
	min-height: 0;
	margin: 0 0 18px;
	color: #59625d;
	font-size: 14px;
	line-height: 1.75;
}

.wdref-review-author {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 9px;
}

.wdref-avatar {
	width: 31px;
	height: 31px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--wdref-green);
	color: #fff;
	font-family: var(--wdref-heading);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .01em;
}

.wdref-review-author strong {
	display: block;
	font-size: 12px;
}

.wdref-review-author small {
	color: #909892;
	font-size: 10px;
}

#wdref-trust {
	padding: 28px 0;
	background: #f6f8f6;
	border-top: 1px solid var(--wdref-line);
	border-bottom: 1px solid var(--wdref-line);
}

.wdref-trust-grid {
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 20px;
	align-items: center;
}

.wdref-trust-item {
	color: #a2aaa5;
	font-family: var(--wdref-heading);
	font-size: 15px;
	font-weight: 900;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
}

#wdref-contact {
	background:
		radial-gradient(circle at 0 60%,rgba(12,107,42,.08),transparent 32%),
		#f5f7f5;
}

.wdref-contact-grid {
	display: grid;
	grid-template-columns: .75fr 1.25fr;
	gap: 55px;
	align-items: start;
}

.wdref-contact-intro .wdref-heading {
	margin-bottom: 20px;
}

.wdref-contact-intro > p {
	max-width: 450px;
	margin: 0 0 25px;
}

.wdref-contact-details {
	display: grid;
	gap: 8px;
}

.wdref-contact-detail {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border: 1px solid var(--wdref-line);
	background: #fff;
}

.wdref-contact-icon {
	width: 35px;
	height: 35px;
	display: grid;
	place-items: center;
	flex: 0 0 35px;
	background: #f0f5f1;
	color: var(--wdref-green);
}

.wdref-contact-detail small {
	display: block;
	margin-bottom: 2px;
	color: #8d9691;
	font-family: var(--wdref-mono);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.wdref-contact-detail strong {
	font-size: 15px;
}

.wdref-form {
	padding: 30px;
	border: 1px solid var(--wdref-line);
	background: #fff;
	box-shadow: 0 20px 55px rgba(7,9,8,.06);
}

.wdref-form-top {
	margin-bottom: 22px;
}

.wdref-form-top small {
	color: var(--wdref-green);
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.wdref-form-top h3 {
	margin: 6px 0 0;
	font-family: var(--wdref-heading);
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
}

.wdref-form-grid {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 10px;
}

.wdref-field {
	margin-bottom: 9px;
}

.wdref-field--full {
	grid-column: 1 / -1;
}

.wdref-field label {
	display: block;
	margin-bottom: 5px;
	color: #77807b;
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.wdref-input,
.wdref-select,
.wdref-textarea {
	width: 100%;
	border: 1px solid #dce2de;
	border-radius: 4px;
	background: #fff;
	color: #111;
	outline: none;
	font-size: 13px;
}

.wdref-input,
.wdref-select {
	height: 43px;
	padding: 0 10px;
}

.wdref-textarea {
	min-height: 105px;
	padding: 10px;
	resize: vertical;
}

.wdref-input:focus,
.wdref-select:focus,
.wdref-textarea:focus {
	border-color: var(--wdref-green);
	box-shadow: 0 0 0 3px rgba(12,107,42,.07);
}

.wdref-submit {
	width: 100%;
	min-height: 46px;
	margin-top: 4px;
	border: 0;
	border-radius: 4px;
	background: var(--wdref-green);
	color: #fff;
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .7px;
	cursor: pointer;
}

.wdref-submit:hover {
	background: var(--wdref-blue);
}

#wdref-articles {
	background: #f5f7f5;
}

.wdref-articles-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 13px;
}

.wdref-article {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--wdref-line);
	background: #fff;
}

.wdref-article-image {
	width: 100%;
	height: 200px;
	display: block;
	object-fit: cover;
}

.wdref-article-content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 17px;
}

.wdref-article-date {
	display: block;
	margin-bottom: 7px;
	color: var(--wdref-green);
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.wdref-article h3 {
	margin: 0 0 8px;
	font-family: var(--wdref-heading);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.05;
	text-transform: uppercase;
}

.wdref-article p {
	margin: 0 0 16px;
	color: var(--wdref-muted);
	font-size: 13px;
	line-height: 1.7;
}

.wdref-article a {
	margin-top: auto;
	color: var(--wdref-green) !important;
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
}

#wdref-faq {
	background: #fff;
}

.wdref-faq-wrap {
	max-width: 800px;
	margin: 0 auto;
}

.wdref-faq-title {
	margin-bottom: 35px;
	text-align: center;
}

.wdref-faq-list {
	display: grid;
	gap: 3px;
	border-top: 1px solid var(--wdref-line);
}

.wdref-faq-item {
	border-bottom: 1px solid var(--wdref-line);
}

.wdref-faq-question {
	width: 100%;
	min-height: 58px;
	padding: 0 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	border: 0;
	background: transparent;
	color: #111;
	font-family: var(--wdref-heading);
	font-size: 15px;
	font-weight: 800;
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
}

.wdref-faq-question span:last-child {
	color: var(--wdref-green);
	font-family: var(--wdref-mono);
	font-size: 16px;
	transition: .25s ease;
}

.wdref-faq-answer {
	display: grid;
	grid-template-rows: 0fr;
	transition: .3s ease;
}

.wdref-faq-answer-inner {
	overflow: hidden;
}

.wdref-faq-answer p {
	margin: 0;
	padding: 0 35px 17px 5px;
	color: var(--wdref-muted);
	font-size: 12px;
	line-height: 1.75;
}

.wdref-faq-item.is-open .wdref-faq-answer {
	grid-template-rows: 1fr;
}

.wdref-faq-item.is-open .wdref-faq-question span:last-child {
	transform: rotate(45deg);
	color: var(--wdref-red);
}

#wdref-footer {
	position: relative;
	overflow: hidden;
	padding: 60px 0 20px;
	background: #0b0d0d;
	color: rgba(255,255,255,.62);
	border-top: 1px solid rgba(255,255,255,.08);
}

#wdref-footer::after {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	right: -180px;
	bottom: -220px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(1,42,236,.12), transparent 68%);
}

.wdref-footer-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.45fr 1fr 1fr 1.2fr;
	gap: 32px;
	padding-bottom: 42px;
}

.wdref-footer-brand {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.wdref-footer-brand .wdref-logo {
	width: fit-content;
}

.wdref-footer-brand .wdref-logo-image {
	height: 52px;
	object-fit: contain;
	max-width: 170px;
}

.wdref-footer-brand p {
	max-width: 330px;
	margin: 0;
	font-size: 14px;
	line-height: 1.8;
	color: rgba(255,255,255,.68);
}

.wdref-footer-brand a[href^="tel:"] {
	width: fit-content;
	color: #fff;
	font-family: var(--wdref-mono);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none;
}

.wdref-footer-heading {
	margin: 0 0 16px;
	color: #fff;
	font-family: var(--wdref-heading);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.wdref-footer-heading::before {
	content: "";
	width: 7px;
	height: 7px;
	display: inline-block;
	margin-right: 8px;
	border-radius: 50%;
	background: var(--wdref-red);
	vertical-align: middle;
}

.wdref-footer-links {
	margin: 0;
	padding: 0;
	display: grid;
	gap: 9px;
	list-style: none;
}

.wdref-footer-links a {
	color: rgba(255,255,255,.63);
	font-size: 15px;
	line-height: 1.7;
	text-decoration: none;
	transition: color .2s ease;
}

.wdref-footer-links a:hover {
	color: #fff;
}

.wdref-newsletter {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.wdref-newsletter p {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.7;
	color: rgba(255,255,255,.58);
}

.wdref-newsletter form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.wdref-newsletter input {
	width: 100%;
	height: 42px;
	padding: 0 12px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 8px;
	background: rgba(255,255,255,.02);
	color: #fff;
	font-size: 11px;
	outline: none;
}

.wdref-newsletter input::placeholder {
	color: rgba(255,255,255,.36);
}

.wdref-newsletter button {
	height: 40px;
	padding: 0 14px;
	border: 0;
	border-radius: 8px;
	background: var(--wdref-green);
	color: #fff;
	font-family: var(--wdref-mono);
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	cursor: pointer;
}

.wdref-footer-line {
	position: relative;
	z-index: 2;
	height: 1px;
	background: linear-gradient(90deg, var(--wdref-red), var(--wdref-green), var(--wdref-blue), transparent);
	opacity: .65;
}

.wdref-footer-bottom {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 18px;
	font-size: 15px;
	color: rgba(255,255,255,.54);
}

.wdref-footer-bottom a {
	color: rgba(255,255,255,.68);
	text-decoration: none;
}

.wdref-footer-legal {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.wdref-section-head .wdref-heading,
.wdref-featured-head .wdref-heading,
.wdref-value-intro .wdref-heading,
.wdref-benefits-head .wdref-heading,
.wdref-steps-content .wdref-heading,
.wdref-category-head .wdref-heading,
.wdref-review-head .wdref-heading,
.wdref-contact-intro .wdref-heading,
.wdref-article h3,
.wdref-value-content h3 {
	font-family: var(--wdref-heading);
}

.wdref-section-head p,
.wdref-featured-copy p,
.wdref-category-head p,
.wdref-benefits-head p {
	font-weight: 500;
}

.wdref-value-intro p {
	max-width: 560px;
	margin-inline: auto;
}

.wdref-value-card {
	border-radius: 8px;
	box-shadow: 0 5px 18px rgba(8,14,10,.045);
}

.wdref-value-content h3 {
	font-size: 22px;
	line-height: 1;
	text-transform: none;
}

.wdref-benefit {
	border-radius: 8px;
}

.wdref-review {
	border-radius: 8px;
	box-shadow: 0 5px 18px rgba(8,14,10,.035);
}

.wdref-form {
	border-radius: 8px;
}

.wdref-article {
	border-radius: 8px;
}

.wdref-category-card {
	border-radius: 8px;
}

.wdref-footer-brand p {
	font-size: 15px;
	line-height: 1.75;
	color: rgba(255,255,255,.56);
}

body.single-product {
	background: linear-gradient(180deg, #f6f1ea 0%, #fff 30%, #fff 100%);
}

.single-product .site-main {
	padding-top: 32px;
	padding-bottom: 48px;
}

.woocommerce div.product {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 42px;
	align-items: start;
	max-width: var(--wdref-max);
	margin: 0 auto;
	padding: 22px 0 0;
}

.woocommerce div.product .woocommerce-product-gallery {
	position: relative;
	padding: 18px;
	border: 1px solid var(--wdref-line);
	border-radius: 28px;
	background: linear-gradient(180deg, #fff 0%, #f7f3ee 100%);
	box-shadow: 0 20px 50px rgba(17, 17, 17, 0.06);
}

.woocommerce div.product .woocommerce-product-gallery__wrapper {
	margin-bottom: 0;
}

.woocommerce div.product .woocommerce-product-gallery .flex-control-nav {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 14px;
	padding: 0;
	list-style: none;
}

.woocommerce div.product .woocommerce-product-gallery .flex-control-nav li {
	margin: 0;
}

.woocommerce div.product .woocommerce-product-gallery .flex-control-nav li img {
	width: 64px;
	height: 64px;
	object-fit: cover;
	border: 1px solid var(--wdref-line);
	border-radius: 10px;
	background: #fff;
}

.woocommerce div.product .images .woocommerce-product-gallery__image {
	overflow: hidden;
	border-radius: 20px;
	background: linear-gradient(135deg, #f5f0e8 0%, #e7d8bc 100%);
}

.woocommerce div.product .images img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.woocommerce div.product .summary {
	padding: 18px 14px 10px;
}

.woocommerce div.product .product_title {
	margin: 0 0 14px;
	font-family: var(--wdref-heading);
	font-size: clamp(42px, 4.2vw, 70px);
	font-weight: 700;
	line-height: 0.88;
	letter-spacing: -0.05em;
	color: var(--wdref-text);
}

.woocommerce div.product .woocommerce-product-rating {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 18px;
	color: #746a63;
}

.woocommerce div.product .woocommerce-product-rating .star-rating {
	color: #d7a348;
	font-size: 16px;
}

.woocommerce div.product .woocommerce-product-rating a {
	color: var(--wdref-green);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce div.product .price {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin: 0 0 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--wdref-line);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--wdref-text);
	font-family: var(--wdref-body);
	font-size: 24px;
	font-weight: 900;
}

.woocommerce div.product .price .amount,
.woocommerce div.product .price ins .amount {
	color: var(--wdref-text);
	font-family: var(--wdref-body);
	font-size: 20px;
	font-weight: 900;
	letter-spacing: -0.04em;
}

.woocommerce div.product .price del {
	opacity: 0.6;
	font-size: 18px;
	font-weight: 700;
	margin-right: 6px;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	margin: 0 0 26px;
	padding: 18px 20px;
	border: 1px solid var(--wdref-line);
	border-radius: 18px;
	background: linear-gradient(180deg, #fff 0%, #f7f4ee 100%);
	color: var(--wdref-muted);
	font-size: 14px;
	line-height: 1.7;
}

.woocommerce div.product .woocommerce-product-details__short-description p {
	margin: 0;
}

.woocommerce div.product form.cart {
	display: grid;
	gap: 18px;
	margin-bottom: 26px;
}

.woocommerce div.product form.cart .quantity {
	margin: 0;
}

.woocommerce div.product .quantity .qty {
	width: 72px;
	height: 52px;
	padding: 0 14px;
	border: 1px solid #dfe5df;
	border-radius: 12px;
	background: #fff;
	color: var(--wdref-text);
	font-size: 15px;
	font-weight: 700;
}

.woocommerce div.product button.single_add_to_cart_button,
.woocommerce div.product button.alt {
	height: 54px;
	padding: 0 24px;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--wdref-green) 0%, #2a7a4a 100%);
	color: #fff;
	font-family: var(--wdref-mono);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 0 18px 35px rgba(29,92,61,0.22);
	transition: transform .25s ease, box-shadow .25s ease;
}

.woocommerce div.product button.single_add_to_cart_button:hover,
.woocommerce div.product button.alt:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 35px rgba(29,92,61,0.25);
}

.woocommerce div.product .product_meta {
	display: grid;
	gap: 8px;
	padding-top: 18px;
	border-top: 1px solid var(--wdref-line);
	font-size: 12px;
	color: var(--wdref-muted);
}

.woocommerce div.product .product_meta span {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.woocommerce div.product .product_meta a,
.woocommerce div.product .product_meta .sku_wrapper,
.woocommerce div.product .product_meta .posted_in {
	color: var(--wdref-green);
	font-weight: 700;
	text-decoration: none;
}

.woocommerce div.product .product_meta .sku_wrapper,
.woocommerce div.product .product_meta .posted_in{
	color: var(--wdref-muted);
}

.woocommerce div.product .product_meta .sku_wrapper span,
.woocommerce div.product .product_meta .posted_in span {
	color: var(--wdref-text);
	font-weight: 800;
}

.woocommerce div.product .woocommerce-product-details__short-description + .product_meta {
	margin-top: 0;
}

.woocommerce div.product .woocommerce-tabs {
	grid-column: 1 / -1;
	margin-top: 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	gap: 8px;
	padding: 0;
	margin: 0 0 16px;
	list-style: none;
	border-bottom: 1px solid var(--wdref-line);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	border: 1px solid var(--wdref-line);
	border-bottom: 0;
	border-radius: 12px 12px 0 0;
	background: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 12px 18px;
	color: #514b46;
	font-family: var(--wdref-mono);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-decoration: none;
	text-transform: uppercase;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--wdref-black);
	border-color: var(--wdref-black);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #fff;
}

.woocommerce div.product .woocommerce-Tabs-panel {
	padding: 20px 0 0;
	color: var(--wdref-muted);
	font-size: 14px;
	line-height: 1.8;
}

.woocommerce div.product .woocommerce-Tabs-panel h2,
.woocommerce div.product .woocommerce-Tabs-panel h3 {
	margin: 0 0 12px;
	font-family: var(--wdref-heading);
	font-size: 28px;
	font-weight: 700;
	color: var(--wdref-text);
}

.woocommerce div.product .woocommerce-Tabs-panel p,
.woocommerce div.product .woocommerce-Tabs-panel li {
	color: var(--wdref-muted);
	font-size: 14px;
	line-height: 1.8;
}

.woocommerce div.product .related.products,
.woocommerce div.product .upsells.products {
	grid-column: 1 / -1;
	margin-top: 36px;
}

.woocommerce div.product .related.products > h2,
.woocommerce div.product .upsells.products > h2 {
	margin: 0 0 24px;
	font-family: var(--wdref-heading);
	font-size: clamp(34px, 3vw, 56px);
	font-weight: 700;
	letter-spacing: -0.04em;
	color: var(--wdref-text);
}

.woocommerce div.product .related ul.products,
.woocommerce div.product .upsells ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.woocommerce div.product .related ul.products li.product,
.woocommerce div.product .upsells ul.products li.product {
	float: none;
	width: auto;
	margin: 0;
}

@media (max-width: 1080px) {
	.woocommerce div.product {
		grid-template-columns: 1fr;
	}

	.woocommerce div.product .related ul.products,
	.woocommerce div.product .upsells ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.single-product .site-main {
		padding-top: 18px;
	}

	.woocommerce div.product {
		gap: 24px;
		padding-top: 0;
	}

	.woocommerce div.product .summary {
		padding: 0 0 10px;
	}

	.woocommerce div.product .product_title {
		font-size: 42px;
	}

	.woocommerce div.product .related ul.products,
	.woocommerce div.product .upsells ul.products {
		grid-template-columns: 1fr;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs {
		flex-wrap: wrap;
	}
}

@media (max-width: 1080px) {
	.wdref-products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1080px) {
	#wdref-header > .wdref-container {
		width: 100%;
		max-width: none;
		padding-inline: 22px;
	}

	.wdref-nav {
		display: none;
	}

	.wdref-menu-toggle {
		display: block;
	}

	.wdref-section-head,
	.wdref-story-grid,
	.wdref-cta-layout,
	.wdref-contact-grid {
		grid-template-columns: 1fr;
	}

	.wdref-section-head {
		gap: 20px;
	}

	.wdref-products {
		grid-template-columns: repeat(2,1fr);
	}

	.wdref-benefits-grid {
		grid-template-columns: repeat(2,1fr);
	}

	.wdref-footer-grid {
		grid-template-columns: repeat(2,1fr);
	}

	.wdref-story-images {
		min-height: 500px;
	}

	.wdref-cta-card {
		max-width: 600px;
	}
}

@media (max-width: 760px) {
	.wdref-container , .container {
		width: calc(100% - 28px);
	}

	#wdref-header > .wdref-container {
		padding-inline: 14px;
	}

	.wdref-section {
		padding: 68px 0;
	}

	.wdref-header {
		min-height: 66px;
	}

	.wdref-header-cta {
		display: none;
	}

	.wdref-logo-name {
		font-size: 16px;
	}

	.wdref-header-search-form {
		position: fixed;
		top: 66px;
		left: 14px;
		right: 14px;
		width: auto;
		max-width: none;
	}

	.wdref-hero-slider {
		height: 650px;
		min-height: 600px;
	}

	.wdref-hero-image::after {
		background:
			linear-gradient(180deg,rgba(4,7,5,.18),rgba(4,7,5,.55) 45%,rgba(4,7,5,.94)),
			linear-gradient(0deg,rgba(4,7,5,.85),transparent);
	}

	.wdref-hero-content {
		width: auto;
		margin: 0 22px 92px;
		align-self: flex-end;
	}

	.wdref-hero-title {
		font-size: 56px !important;
		letter-spacing: 0;
	}

	.wdref-hero-description {
		font-size: 10px;
	}

	.wdref-hero-counter {
		right: 22px;
		top: 25px;
	}

	.wdref-hero-controls {
		left: 22px;
		bottom: 33px;
	}

	.wdref-hero-dots {
		right: 22px;
		bottom: 50px;
	}

	.wdref-mini-stats-grid {
		grid-template-columns: repeat(2,1fr);
	}

	.wdref-mini-stat {
		border-bottom: 1px solid rgba(255,255,255,.1);
	}

	.wdref-mini-stat:nth-child(2) {
		border-right: 0;
	}

	.wdref-featured-head,
	.wdref-benefits-head,
	.wdref-category-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.wdref-products {
		grid-template-columns: 1fr;
	}

	.wdref-product-media {
		height: 220px;
	}

	.wdref-story-grid {
		gap: 35px;
	}

	.wdref-story-images {
		min-height: 420px;
	}

	.wdref-value-grid,
	.wdref-category-grid,
	.wdref-review-grid,
	.wdref-articles-grid {
		grid-template-columns: 1fr;
	}

	.wdref-value-image,
	.wdref-category-card,
	.wdref-article-image {
		height: 230px;
	}

	.wdref-benefits-grid {
		grid-template-columns: 1fr;
	}

	.wdref-steps-grid {
		grid-template-columns: 1fr;
	}

	.wdref-steps-image {
		min-height: 400px;
	}

	.wdref-steps-content {
		padding: 48px 24px;
	}

	.wdref-cta-title {
		font-size: 48px;
		letter-spacing: 0;
	}

	.wdref-form-grid {
		grid-template-columns: 1fr;
	}

	.wdref-field--full {
		grid-column: auto;
	}

	.wdref-form {
		padding: 22px;
	}

	.wdref-trust-grid {
		grid-template-columns: repeat(3,1fr);
		gap: 16px 8px;
	}

	.wdref-footer-grid {
		grid-template-columns: 1fr;
	}

	.wdref-footer-bottom {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 390px) {
	.wdref-logo-copy {
		display: none;
	}

	.wdref-hero-title,
	.wdref-cta-title {
		font-size: 42px;
	}

	.wdref-heading {
		font-size: 40px;
		letter-spacing: 0;
	}

	.wdref-story-images {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.wdref-story-image {
		height: 230px;
	}

	.wdref-story-image:first-child {
		grid-row: auto;
	}

	.wdref-trust-grid {
		grid-template-columns: repeat(2,1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	#wdref-site *,
	#wdref-site *::before,
	#wdref-site *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

.wdref-woocommerce-container {
    width: min(1280px, calc(100% - 44px));
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}




/*...............................................................................................................................*/


@media (max-width: 767px) {    ul.products.columns-4 {        display: grid !important;        grid-template-columns: 1fr !important;        gap: 25px !important;    }    ul.products.columns-4 li.product {        width: 100% !important;        float: none !important;        margin-right: 0 !important;        margin-left: 0 !important;    }}
.wdref-header .wdref-logo-image{
height:74px;
}

/* --- PREMIUM PRODUCT PAGE OVERHAUL --- */

/* 1. Main Product Layout - Grid Alignment */
div#product-23197.product {
    display: grid !important;
    grid-template-columns: 1.1fr 0.9fr !important;
    gap: 60px !important;
    max-width: 1260px !important;
    margin: 40px auto !important;
    align-items: start !important;
}

/* 2. Gallery & Summary Reset */
.woocommerce-product-gallery {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
	background:#fff !important;
}

.summary.entry-summary {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 3. Typography & Hierarchy */
.product_title.entry-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    color: #111 !important;
    margin-bottom: 15px !important;
}

.summary .price {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #d0021b !important;
    margin-bottom: 25px !important;
    display: block !important;
}

.woocommerce-product-details__short-description {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #444 !important;
    margin-bottom: 30px !important;
}

/* 4. Modern Add-on Selection Blocks (YITH) */
.yith-wapo-addon, 
.yith-wapo-container {
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03) !important;
    transition: all 0.3s ease !important;
}

.yith-wapo-addon:hover {
    border-color: #1a1a1a !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
}

.yith-wapo-addon-title {
    font-weight: 800 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 15px !important;
    color: #222 !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

/* 5. Bold Call-to-Action Buttons */
.single_add_to_cart_button {
    background-color: #1a1a1a !important;
    color: #fff !important;
    height: 60px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
/*     width: 100% !important; */
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
    border: none !important;
    margin-left: 10px !important;
    cursor: pointer;
}

.single_add_to_cart_button:hover {
    background-color: #333 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
}

/* Pay Securely Button Consistency */
.pay-with-link-button,
div.cart + div > a {
    width: 100% !important;
    border-radius: 8px !important;
    margin-top: 12px !important;
}

/* 6. Tabs & Related Products (Below fold) */
.woocommerce-tabs, 
section.related.products {
    grid-column: 1 / -1 !important;
/*     margin-top: 80px !important; */
    border-top: 1px solid #eee !important;
    padding-top: 50px !important;
}

.related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 30px !important;
}

/* 7. Mobile Responsiveness */
@media (max-width: 992px) {
    div#product-23197.product {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
        padding: 0 20px !important;
	}{

	}
}
.woocommerce div.product .images .woocommerce-product-gallery__image{
	20px
}

.woocommerce div.product .related ul.products li.product{
box-shadow: 0 20px 50px rgba(17, 17, 17, 0.06);
	padding:20px !important;
	border-radius:8px
}
ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2{
	font-size:16px !important;
	color:#000;
}

.woocommerce div.product .price .amount, .woocommerce div.product .price ins .amount{
	font-size:18px !important;
	color:#000 ;
}

.woocommerce div.product .related.products > h2, .woocommerce div.product .upsells.products > h2{
text-align:center; 
}
.single-product .product.type-product {
	box-shadow: 0 20px 50px rgba(17, 17, 17, 0.06);
    background: #fff;
	border-radius:8px !important;
    padding: 15px !important;
}
.yith-wapo-container{
	box-shadow:none !important;
		background:transparent !important;
	padding:0 !important;
	border:none !important;
}

/* Modern Design for WooCommerce Customer Details Section */
#customer_details {
    display: flex !important;
    gap: 30px !important;
    padding: 40px !important;
    background-color: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #f0f0f0 !important;
    margin-bottom: 40px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Column Styling (Billing & Shipping) */
#customer_details .col-1, 
#customer_details .col-2 {
    flex: 1 !important;
    float: none !important;
    width: auto !important;
    padding: 25px !important;
    background: #f9fafb !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
}

/* Form Label Styling */
#customer_details label {
    display: block !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    font-size: 14px !important;
    color: #374151 !important;
}

/* Input & Field Styling */
#customer_details input[type="text"], 
#customer_details input[type="email"], 
#customer_details input[type="tel"], 
#customer_details select, 
#customer_details textarea {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    transition: all 0.2s ease !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    outline: none !important;
    margin-bottom: 15px !important;
}

/* Interactive Focus States */
#customer_details input:focus, 
#customer_details select:focus, 
#customer_details textarea:focus {
    border-color: #4f46e5 !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
    background-color: #fff !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    #customer_details {
        flex-direction: column !important;
        padding: 20px !important;
        gap: 20px !important;
    }
}
.woocommerce-checkout #customer_details {
  display: flex;
  gap: 30px;
  padding: 40px;
  background-color: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px, rgba(0, 0, 0, 0.05) 0px 4px 12px;
  border: 1px solid rgb(240, 240, 240);
  margin-bottom: 40px;
  transition: transform 0.3s, box-shadow 0.3s;
}

.woocommerce form .form-row label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 14px;
  color: rgb(55, 65, 81);
}
@media(min-width:992px){
	/* Fix for horizontal overflow caused by hidden Select2 select elements */
select.select2-hidden-accessible {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    position: absolute !important;
    left: 0 !important;
}
}
.single-product #secondary {
	display:none !important;
}

.woocommerce-shop li.product.type-product.post-13467.status-publish.first.instock.product_cat-6rparts.product_cat-dealer-specials.product_cat-rebuild-kits.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-simple,
.woocommerce.archive li.product.type-product.post-13467.status-publish.first.instock.product_cat-6rparts.product_cat-dealer-specials.product_cat-rebuild-kits.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-simple,

.woocommerce-shop li.product.type-product.post-170.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-170.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-22138.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.product_tag-tunes.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-22138.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.product_tag-tunes.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-12894.status-publish.last.instock.product_cat-4r100-transmissions.product_cat-dealer-specials.product_cat-free-install.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-12894.status-publish.last.instock.product_cat-4r100-transmissions.product_cat-dealer-specials.product_cat-free-install.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-166.status-publish.first.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-166.status-publish.first.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-22125.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-dealer-specials.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.product_tag-tunes.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-22125.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-dealer-specials.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.product_tag-tunes.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-168.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-dealer-specials.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-168.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-dealer-specials.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-17643.status-publish.last.instock.product_cat-4r100-transmissions.product_cat-free-install.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-17643.status-publish.last.instock.product_cat-4r100-transmissions.product_cat-free-install.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-12889.status-publish.first.instock.product_cat-4r100-transmissions.product_cat-dealer-specials.product_cat-free-install.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-12889.status-publish.first.instock.product_cat-4r100-transmissions.product_cat-dealer-specials.product_cat-free-install.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-164.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-dealer-specials.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-164.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-dealer-specials.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.has-post-thumbnail.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-22067.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-dealer-specials.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.product_tag-tunes.has-post-thumbnail.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-22067.status-publish.instock.product_cat-5r110w-2.product_cat-5r110w.product_cat-dealer-specials.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.product_tag-goerend.product_tag-tunes.has-post-thumbnail.shipping-taxable.purchasable.product-type-variable,

.woocommerce-shop li.product.type-product.post-18176.status-publish.last.instock.product_cat-6r140-2.product_cat-6r140.product_cat-dealer-specials.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable,
.woocommerce.archive li.product.type-product.post-18176.status-publish.last.instock.product_cat-6r140-2.product_cat-6r140.product_cat-dealer-specials.product_cat-free-install.product_cat-quick-ships.product_cat-transmissions.has-post-thumbnail.taxable.shipping-taxable.purchasable.product-type-variable {
  background-color: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px;
  padding: 20px;
  transition: transform 0.3s, box-shadow 0.3s;
  border: 1px solid rgb(238, 238, 238);
  margin-bottom: 30px;
}

#wdref-site select {
  padding: 10px 15px;
  border-radius: 8px;
  border: 1px solid rgb(221, 221, 221);
  background-color: rgb(249, 249, 249);
}

#wdref-header .wdref-nav ul.wdref-primary-menu {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center;
	gap: 0px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#wdref-header .wdref-nav ul.wdref-primary-menu > li {
	display: flex !important;
	flex-direction: row !important;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
}

.wdref-product-content p{
	display:none;
}
/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Montserrat:wght@700&display=swap');

/* Product Card Container */
.wdref-product-content {
    font-family: 'Inter', sans-serif !important;
    padding: 20px !important;
}

/* Category Style */
.wdref-product-cat {
    font-family: 'Inter', sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    color: #888 !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: block;
}

/* Product Title */
.wdref-product-content h3, 
.wdref-product-content h3 a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    color: #111 !important;
    text-decoration: none;
    margin-bottom: 10px !important;
}

/* Rating Style */
.wdref-product-rating {
    margin-bottom: 15px !important;
    display: flex;
    align-items: center;
}

.wdref-product-stars {
    font-size: 12px !important;
    color: #EAB308 !important; /* Modern Gold */
}

.wdref-product-rating-count {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    color: #777 !important;
    margin-left: 8px !important;
}

/* Price Section */
.wdref-product-price {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-top: 1px solid #eeeeee !important;
    padding-top: 15px !important;
    margin-top: 15px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    letter-spacing: 0.05em !important;
    color: #999 !important;
    text-transform: uppercase !important;
}

.wdref-product-price .woocommerce-Price-amount {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    letter-spacing: -0.01em !important;
}

/* Button Refinement */
.wdref-product-btn {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 0.05em !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease;
}

.wdref-product-btn:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}


.archive .products .product{
	background-color: rgb(255, 255, 255);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px;
    padding: 20px !important;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid rgb(238, 238, 238);
    margin-bottom: 30px;
}
.archive .product  img{
	height:240px !important;
	object-fit:contain !important
		;
}

.wdref-woocommerce-container {
margin-bottom:20px !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	margin:    margin: 0 20px 20px 0 !important;
}
.wdref-product-content{
	padding-bottom:0 !important;
}
#wdref-transmission-products .wdref-product-price .woocommerce-Price-amount{
	font-size:14px !important;
}
.home .wdref-product-price{
	margin-top:0 !important;
}
.wdref-product-content {
	flex: 0 0 148px !important;
	min-height: 148px !important;
	padding: 17px 17px 10px;
}
.single-product .summary.entry-summary{
	max-width:100% !important;
}
.single-product.woocommerce-page ul.products::before{
	display:none !important;
}
@media(min-width:992px){
	#wdref-transmission-products .wdref-heading{
	font-size:56px !important;
}
	.single-product .product_title.entry-title{
		font-size:30px !important;
		font-weight:600 !important;
	}
}




/* ******************************************************************* */

/* =========================================================
   WARREN DIESEL SHOP
   PREMIUM WOOCOMMERCE
   SHOP / ARCHIVE / PRODUCT CATEGORY / SEARCH PAGES
========================================================= */



/* =========================================================
   GENERAL SHOP BACKGROUND
========================================================= */

body.woocommerce,
body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag,
body.search-results {

	background:
		linear-gradient(
			180deg,
			#fafaf9 0%,
			#ffffff 38%,
			#f7f7f5 100%
		);

	color:
		var(--wdref-text);

	font-family:
		var(--wdref-body),
		sans-serif;

}


/* =========================================================
   MAIN CONTENT AREA
========================================================= */

body.woocommerce .site-main,
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main {

	width:
		100%;

	box-sizing:
		border-box;

}


/* =========================================================
   BREADCRUMBS
========================================================= */

body.woocommerce
.woocommerce-breadcrumb {

	width:
		min(1180px, calc(100% - 60px));

	margin:
		25px auto 0;

	padding:
		0;

	color:
		#7a808a;

	font-size:
		10px;

	line-height:
		18px;

}


body.woocommerce
.woocommerce-breadcrumb a {

	color:
		var(--wdref-green);

	text-decoration:
		none;

	font-weight:
		600;

	transition:
		color .2s ease;

}


body.woocommerce
.woocommerce-breadcrumb a:hover {

	color:
		var(--wdref-red);

}


/* =========================================================
   ARCHIVE MAIN CONTAINER
========================================================= */

body.archive.woocommerce
main.site-main,
body.post-type-archive-product
main.site-main {

	width:
		min(1180px, calc(100% - 60px));

	margin:
		0 auto;

	padding:
		0 0 70px;

}


/* =========================================================
   ARCHIVE HEADER
========================================================= */

body.archive.woocommerce
.woocommerce-products-header {

	position:
		relative;

	text-align:
		center;

	padding:
		42px 20px 25px;

	margin:
		0 0 25px;

}


/* subtle top decoration */

body.archive.woocommerce
.woocommerce-products-header::before {

	content:
		"";

	position:
		absolute;

	top:
		0;

	left:
		50%;

	width:
		65px;

	height:
		2px;

	transform:
		translateX(-50%);

	background:
		linear-gradient(
			90deg,
			var(--wdref-red),
			var(--wdref-green)
		);

	border-radius:
		10px;

}


/* =========================================================
   ARCHIVE TITLE
========================================================= */

body.archive.woocommerce
.woocommerce-products-header__title {

	margin:
		0;

	color:
		var(--wdref-blue);

	font-family:
		var(--wdref-heading),
		sans-serif;

	font-size:
		31px;

	line-height:
		39px;

	font-weight:
		800;

	letter-spacing:
		-.5px;

}


body.archive.woocommerce
.woocommerce-products-header__title::after {

	content:
		"";

	display:
		block;

	width:
		48px;

	height:
		3px;

	margin:
		10px auto 0;

	border-radius:
		5px;

	background:
		var(--wdref-red);

}


/* =========================================================
   CATEGORY DESCRIPTION
========================================================= */

body.archive.woocommerce
.term-description {

	max-width:
		680px;

	margin:
		14px auto 0;

	color:
		#687084;

	font-size:
		11px;

	line-height:
		19px;

}


body.archive.woocommerce
.term-description p {

	margin:
		0 0 8px;

}


body.archive.woocommerce
.term-description a {

	color:
		var(--wdref-green);

	font-weight:
		600;

}


/* =========================================================
   SHOP TOOLBAR
========================================================= */

body.woocommerce
.woocommerce-before-shop-loop {

	width:
		100%;

}


/* WooCommerce default toolbar */

body.woocommerce
.woocommerce-products-header + .woocommerce-notices-wrapper + .woocommerce-result-count,
body.woocommerce
.woocommerce-result-count {

	margin:
		0;

	padding:
		0;

	color:
		#747b86;

	font-size:
		10px;

	line-height:
		42px;

}


/* =========================================================
   SHOP ORDERING
========================================================= */

body.woocommerce
.woocommerce-ordering {

	margin:
		0 0 20px;

	padding:
		0;

}


body.woocommerce
.woocommerce-ordering select {

	min-width:
		175px;

	height:
		40px;

	padding:
		0 35px 0 13px;

	border:
		1px solid var(--wdref-line);

	border-radius:
		8px;

	background:
		#fff;

	color:
		var(--wdref-text);

	font-family:
		var(--wdref-body),
		sans-serif;

	font-size:
		10px;

	font-weight:
		600;

	outline:
		none;

	cursor:
		pointer;

	box-shadow:
		0 3px 10px rgba(18,17,15,.035);

	transition:
		border-color .2s ease,
		box-shadow .2s ease;

}


body.woocommerce
.woocommerce-ordering select:focus {

	border-color:
		var(--wdref-green);

	box-shadow:
		0 0 0 3px rgba(29,92,61,.07);

}


/* =========================================================
   PRODUCTS GRID
========================================================= */

body.woocommerce
ul.products {

	display:
		grid !important;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	gap:
		20px;

	margin:
		0 !important;

	padding:
		0 !important;

	list-style:
		none;

}


/* remove default width */

body.woocommerce
ul.products::before,
body.woocommerce
ul.products::after {

	display:
		none !important;

}


body.woocommerce
ul.products
li.product {

	width:
		100% !important;

	float:
		none !important;

	clear:
		none !important;

	margin:
		0 !important;

	padding:
		0 0 17px !important;

	position:
		relative;

	display:
		flex;

	flex-direction:
		column;

	min-width:
		0;

	background:
		var(--wdref-white);

	border:
		1px solid rgba(23,21,19,.09);

	border-radius:
		14px;

	overflow:
		hidden;

	box-shadow:
		0 7px 22px rgba(18,17,15,.055);

	box-sizing:
		border-box;

	transition:
		transform .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;

}


/* =========================================================
   CARD HOVER
========================================================= */

body.woocommerce
ul.products
li.product:hover {

	transform:
		translateY(-5px);

	border-color:
		rgba(29,92,61,.20);

	box-shadow:
		0 17px 34px rgba(18,17,15,.11);

}


/* =========================================================
   PRODUCT IMAGE AREA
========================================================= */

body.woocommerce
ul.products
li.product
.woocommerce-loop-product__link {

	display:
		block;

	position:
		relative;

	margin:
		0;

	text-decoration:
		none;

}


body.woocommerce
ul.products
li.product
.woocommerce-loop-product__link:first-child {

	background:
		#f8f8f6;

}


/* =========================================================
   PRODUCT IMAGE
========================================================= */

body.woocommerce
ul.products
li.product
img {

	width:
		100% !important;

	height:
		225px !important;

	object-fit:
		contain !important;

	object-position:
		center;

	display:
		block;

	margin:
		0 !important;

	padding:
		13px;

	background:
		#f8f8f6;

	box-sizing:
		border-box;

	transition:
		transform .45s ease;

}


/* image zoom */

body.woocommerce
ul.products
li.product:hover
img {

	transform:
		scale(1.045);

}


/* =========================================================
   IMAGE BOTTOM ACCENT
========================================================= */

body.woocommerce
ul.products
li.product
.woocommerce-loop-product__link::after {

	content:
		"";

	position:
		absolute;

	left:
		0;

	right:
		0;

	bottom:
		0;

	height:
		2px;

	background:
		linear-gradient(
			90deg,
			var(--wdref-red),
			var(--wdref-green),
			var(--wdref-gold)
		);

	opacity:
		.9;

}


/* =========================================================
   SALE BADGE
========================================================= */

body.woocommerce
ul.products
li.product
.onsale {

	position:
		absolute;

	top:
		11px;

	left:
		11px;

	right:
		auto;

	z-index:
		5;

	min-width:
		auto;

	min-height:
		auto;

	margin:
		0;

	padding:
		6px 10px;

	border-radius:
		999px;

	background:
		var(--wdref-red);

	color:
		#fff;

	font-size:
		8px;

	line-height:
		12px;

	font-weight:
		800;

	letter-spacing:
		.5px;

	text-transform:
		uppercase;

}


/* =========================================================
   PRODUCT CONTENT
========================================================= */

body.woocommerce
ul.products
li.product
.woocommerce-loop-product__title {

	min-height:
		39px;

	/* max-height:
		39px; */

	margin:
		0 !important;

	padding:
		14px 15px 0 !important;

	overflow:
		hidden;

	color:
		var(--wdref-blue);

	font-family:
		var(--wdref-heading),
		sans-serif;

	font-size:
		12px !important;

	line-height:
		18px;

	font-weight:
		700;

}


/* =========================================================
   LIMIT TITLE TO 2 LINES
========================================================= */

body.woocommerce
ul.products
li.product
.woocommerce-loop-product__title {

	display:
		-webkit-box;

	-webkit-box-orient:
		vertical;

	-webkit-line-clamp:
		2;

}


/* =========================================================
   CATEGORY LABEL
========================================================= */

body.woocommerce
ul.products
li.product
.wdref-archive-category {

	display:
		block;

	margin:
		13px 15px 0;

	color:
		var(--wdref-green);

	font-size:
		8px;

	line-height:
		12px;

	font-weight:
		800;

	text-transform:
		uppercase;

	letter-spacing:
		.6px;

}


/* =========================================================
   STAR RATING
========================================================= */

body.woocommerce
ul.products
li.product
.star-rating {

	margin:
		8px 15px 0;

	color:
		var(--wdref-gold);

	font-size:
		10px;

}


/* =========================================================
   PRICE
========================================================= */

body.woocommerce
ul.products
li.product
.price {

	display:
		flex;

	align-items:
		baseline;

	flex-wrap:
		wrap;

	gap:
		6px;

	margin:
		10px 15px 0 !important;

	padding:
		11px 0 0;

	border-top:
		1px solid #ebe8e3;

	color:
		var(--wdref-green);

	font-size:
		15px;

	line-height:
		20px;

	font-weight:
		800;

}


body.woocommerce
ul.products
li.product
.price del {

	color:
		#999;

	font-size:
		9px;

	font-weight:
		400;

}


body.woocommerce
ul.products
li.product
.price ins {

	color:
		var(--wdref-green);

	text-decoration:
		none;

}


/* =========================================================
   ADD TO CART BUTTON
========================================================= */

body.woocommerce
ul.products
li.product
.add_to_cart_button {

	align-self:
		flex-start;

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	min-width:
		105px;

	height:
		38px;

	margin:
		11px 15px 0;

	padding:
		0 14px;

	border:
		0 !important;

	border-radius:
		8px;

	background:
		var(--wdref-green) !important;

	color:
		#fff !important;

	font-family:
		var(--wdref-body),
		sans-serif;

	font-size:
		9px;

	line-height:
		12px;

	font-weight:
		700;

	text-decoration:
		none;

	box-shadow:
		0 6px 15px rgba(29,92,61,.16);

	transition:
		background .25s ease,
		transform .25s ease,
		box-shadow .25s ease;

}


/* button hover */

body.woocommerce
ul.products
li.product
.add_to_cart_button:hover {

	background:
		var(--wdref-red) !important;

	color:
		#fff !important;

	transform:
		translateY(-2px);

	box-shadow:
		0 8px 18px rgba(243,10,1,.18);

}


/* =========================================================
   VIEW PRODUCT / SELECT OPTIONS
========================================================= */

body.woocommerce
ul.products
li.product
.product_type_variable,
body.woocommerce
ul.products
li.product
.product_type_grouped,
body.woocommerce
ul.products
li.product
.product_type_external {

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	height:
		38px;

	margin:
		11px 15px 0;

	padding:
		0 14px;

	border:
		1px solid var(--wdref-green);

	border-radius:
		8px;

	background:
		#fff;

	color:
		var(--wdref-green);

	font-size:
		9px;

	font-weight:
		700;

	text-decoration:
		none;

	transition:
		background .2s ease,
		color .2s ease;

}


body.woocommerce
ul.products
li.product
.product_type_variable:hover,
body.woocommerce
ul.products
li.product
.product_type_grouped:hover,
body.woocommerce
ul.products
li.product
.product_type_external:hover {

	background:
		var(--wdref-green);

	color:
		#fff;

}


/* =========================================================
   CARD QUICK VISUAL HOVER
========================================================= */

body.woocommerce
ul.products
li.product
.woocommerce-loop-product__link
img {

	position:
		relative;

}


/* =========================================================
   WISHLIST / QUICK VIEW COMPATIBILITY
========================================================= */

body.woocommerce
ul.products
li.product
.yith-wcwl-add-to-wishlist,
body.woocommerce
ul.products
li.product
.tinv-wraper {

	position:
		absolute;

	top:
		11px;

	right:
		11px;

	z-index:
		7;

	margin:
		0;

}


/* =========================================================
   PAGINATION
========================================================= */

body.woocommerce
.woocommerce-pagination {

	margin:
		38px 0 0;

	padding:
		0;

	text-align:
		center;

}


body.woocommerce
.woocommerce-pagination ul {

	display:
		inline-flex;

	align-items:
		center;

	gap:
		6px;

	margin:
		0;

	padding:
		5px;

	border:
		1px solid var(--wdref-line);

	border-radius:
		999px;

	background:
		#fff;

	box-shadow:
		0 5px 18px rgba(18,17,15,.045);

}


body.woocommerce
.woocommerce-pagination ul li {

	margin:
		0 !important;

	padding:
		0 !important;

	border:
		0 !important;

}


body.woocommerce
.woocommerce-pagination ul li a,
body.woocommerce
.woocommerce-pagination ul li span {

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	min-width:
		33px;

	height:
		33px;

	padding:
		0 9px;

	border-radius:
		50%;

	color:
		var(--wdref-blue);

	font-size:
		10px;

	line-height:
		12px;

	font-weight:
		700;

	text-decoration:
		none;

}


body.woocommerce
.woocommerce-pagination ul li a:hover {

	background:
		rgba(29,92,61,.08);

	color:
		var(--wdref-green);

}


body.woocommerce
.woocommerce-pagination ul li span.current {

	background:
		var(--wdref-green);

	color:
		#fff;

	box-shadow:
		0 4px 10px rgba(29,92,61,.18);

}


/* =========================================================
   WOOCOMMERCE NOTICES
========================================================= */

body.woocommerce
.woocommerce-notices-wrapper {

	width:
		100%;

}


body.woocommerce
.woocommerce-message,
body.woocommerce
.woocommerce-info,
body.woocommerce
.woocommerce-error {

	margin:
		20px 0;

	padding:
		13px 17px;

	border:
		1px solid var(--wdref-line);

	border-top:
		3px solid var(--wdref-green);

	border-radius:
		9px;

	background:
		#fff;

	color:
		var(--wdref-text);

	font-size:
		10px;

	line-height:
		18px;

	box-shadow:
		0 6px 20px rgba(18,17,15,.05);

}


body.woocommerce
.woocommerce-message::before,
body.woocommerce
.woocommerce-info::before {

	color:
		var(--wdref-green);

}


/* =========================================================
   EMPTY SHOP
========================================================= */

body.woocommerce
.woocommerce-info {

	text-align:
		left;

}


/* =========================================================
   SEARCH RESULTS
========================================================= */

body.search-results
ul.products {

	width:
		min(1180px, calc(100% - 60px));

	margin:
		35px auto 70px !important;

}


/* =========================================================
   SEARCH PAGE HEADING
========================================================= */

body.search-results
.page-title {

	width:
		min(1180px, calc(100% - 60px));

	margin:
		45px auto 25px;

	color:
		var(--wdref-blue);

	font-family:
		var(--wdref-heading),
		sans-serif;

	font-size:
		30px;

	font-weight:
		800;

	text-align:
		center;

}


body.search-results
.page-title::after {

	content:
		"";

	display:
		block;

	width:
		45px;

	height:
		3px;

	margin:
		10px auto 0;

	background:
		var(--wdref-red);

	border-radius:
		5px;

}


/* =========================================================
   SHOP CATEGORY THUMBNAILS
   If WooCommerce shows product categories above products
========================================================= */

body.woocommerce
ul.products.columns-4 {

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

}


/* =========================================================
   PRODUCT CATEGORY LIST
========================================================= */

body.woocommerce
ul.products.product-categories {

	display:
		grid !important;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	gap:
		20px;

	margin:
		0 0 35px !important;

}


body.woocommerce
ul.products.product-categories
li.product-category {

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 0 15px !important;

	background:
		#fff;

	border:
		1px solid var(--wdref-line);

	border-radius:
		13px;

	overflow:
		hidden;

	box-shadow:
		0 7px 20px rgba(18,17,15,.05);

	transition:
		transform .25s ease,
		box-shadow .25s ease;

}


body.woocommerce
ul.products.product-categories
li.product-category:hover {

	transform:
		translateY(-4px);

	box-shadow:
		0 14px 28px rgba(18,17,15,.10);

}


body.woocommerce
ul.products.product-categories
li.product-category img {

	width:
		100%;

	height:
		190px;

	object-fit:
		contain;

	padding:
		12px;

	margin:
		0;

	background:
		#f8f8f6;

}


body.woocommerce
ul.products.product-categories
li.product-category
.woocommerce-loop-category__title {

	padding:
		12px 14px 0;

	color:
		var(--wdref-blue);

	font-size:
		12px;

	line-height:
		17px;

	font-weight:
		700;

	text-align:
		center;

}


body.woocommerce
ul.products.product-categories
li.product-category
.count {

	color:
		var(--wdref-green);

	background:
		transparent;

	font-size:
		9px;

	font-weight:
		600;

}


/* =========================================================
   MOBILE FILTER / SORTING
========================================================= */

.woocommerce-ordering select,
.woocommerce-ordering {

	max-width:
		100%;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

	body.archive.woocommerce
	main.site-main,
	body.post-type-archive-product
	main.site-main {

		width:
			calc(100% - 40px);

	}


	body.woocommerce
	ul.products {

		grid-template-columns:
			repeat(3, minmax(0, 1fr));

		gap:
			17px;

	}


	body.woocommerce
	ul.products.columns-4 {

		grid-template-columns:
			repeat(3, minmax(0, 1fr));

	}


	body.woocommerce
	ul.products
	li.product
	img {

		height:
			215px !important;

	}


	body.woocommerce
	.woocommerce-breadcrumb {

		width:
			calc(100% - 40px);

	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

	body.woocommerce {

		background:
			#fafaf8;

	}


	body.archive.woocommerce
	main.site-main,
	body.post-type-archive-product
	main.site-main {

		width:
			calc(100% - 24px);

		padding:
			0 0 45px;

	}


	body.woocommerce
	.woocommerce-breadcrumb {

		width:
			calc(100% - 24px);

		margin:
			17px auto 0;

		font-size:
			9px;

	}


	/* HEADER */

	body.archive.woocommerce
	.woocommerce-products-header {

		padding:
			32px 10px 21px;

		margin-bottom:
			19px;

	}


	body.archive.woocommerce
	.woocommerce-products-header__title {

		font-size:
			25px;

		line-height:
			31px;

	}


	body.archive.woocommerce
	.term-description {

		font-size:
			10px;

		line-height:
			17px;

		max-width:
			500px;

	}


	/* TOOLBAR */

	body.woocommerce
	.woocommerce-result-count {

		font-size:
			9px;

		line-height:
			38px;

	}


	body.woocommerce
	.woocommerce-ordering {

		margin-bottom:
			16px;

	}


	body.woocommerce
	.woocommerce-ordering select {

		width:
			100%;

		height:
			39px;

		font-size:
			9px;

	}


	/* PRODUCTS */

	body.woocommerce
	ul.products {

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap:
			12px;

	}


	body.woocommerce
	ul.products.columns-4 {

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

	}


	body.woocommerce
	ul.products
	li.product {

		padding-bottom:
			14px !important;

		border-radius:
			11px;

	}


	/* IMAGE */

	body.woocommerce
	ul.products
	li.product
	img {

		height:
			175px !important;

		padding:
			8px;

	}


	/* SALE */

	body.woocommerce
	ul.products
	li.product
	.onsale {

		top:
			8px;

		left:
			8px;

		padding:
			5px 8px;

		font-size:
			7px;

	}


	/* TITLE */

	body.woocommerce
	ul.products
	li.product
	.woocommerce-loop-product__title {

		min-height:
			36px;

		max-height:
			36px;

		padding:
			11px 11px 0 !important;

		font-size:
			10px !important;

		line-height:
			16px;

	}


	/* CATEGORY */

	body.woocommerce
	ul.products
	li.product
	.wdref-archive-category {

		margin:
			9px 11px 0;

		font-size:
			7px;

	}


	/* RATING */

	body.woocommerce
	ul.products
	li.product
	.star-rating {

		margin:
			7px 11px 0;

		font-size:
			9px;

	}


	/* PRICE */

	body.woocommerce
	ul.products
	li.product
	.price {

		margin:
			8px 11px 0 !important;

		padding-top:
			9px;

		font-size:
			12px;

		line-height:
			17px;

	}


	body.woocommerce
	ul.products
	li.product
	.price del {

		font-size:
			8px;

	}


	/* BUTTON */

	body.woocommerce
	ul.products
	li.product
	.add_to_cart_button,
	body.woocommerce
	ul.products
	li.product
	.product_type_variable,
	body.woocommerce
	ul.products
	li.product
	.product_type_grouped,
	body.woocommerce
	ul.products
	li.product
	.product_type_external {

		width:
			calc(100% - 22px);

		min-width:
			0;

		height:
			36px;

		margin:
			10px 11px 0;

		padding:
			0 8px;

		font-size:
			8px;

	}


	/* CATEGORY CARDS */

	body.woocommerce
	ul.products.product-categories {

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap:
			12px;

	}


	body.woocommerce
	ul.products.product-categories
	li.product-category img {

		height:
			145px;

	}


	body.woocommerce
	ul.products.product-categories
	li.product-category
	.woocommerce-loop-category__title {

		padding:
			10px 8px 0;

		font-size:
			10px;

	}


	/* PAGINATION */

	body.woocommerce
	.woocommerce-pagination {

		margin-top:
			28px;

	}


	body.woocommerce
	.woocommerce-pagination ul {

		gap:
			3px;

		padding:
			4px;

	}


	body.woocommerce
	.woocommerce-pagination ul li a,
	body.woocommerce
	.woocommerce-pagination ul li span {

		min-width:
			30px;

		height:
			30px;

		font-size:
			9px;

	}


	/* NOTICES */

	body.woocommerce
	.woocommerce-message,
	body.woocommerce
	.woocommerce-info,
	body.woocommerce
	.woocommerce-error {

		font-size:
			9px;

		line-height:
			16px;

		padding:
			11px 12px;

	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 430px) {

	body.archive.woocommerce
	main.site-main,
	body.post-type-archive-product
	main.site-main {

		width:
			calc(100% - 18px);

	}


	body.woocommerce
	ul.products {

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap:
			9px;

	}


	body.woocommerce
	ul.products.columns-4 {

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

	}


	body.woocommerce
	ul.products
	li.product
	img {

		height:
			155px !important;

	}


	body.woocommerce
	ul.products
	li.product
	.woocommerce-loop-product__title {

		font-size:
			9px !important;

		line-height:
			14px;

		padding:
			9px 9px 0 !important;

	}


	body.woocommerce
	ul.products
	li.product
	.wdref-archive-category {

		margin-left:
			9px;

		margin-right:
			9px;

	}


	body.woocommerce
	ul.products
	li.product
	.star-rating {

		margin-left:
			9px;

	}


	body.woocommerce
	ul.products
	li.product
	.price {

		margin-left:
			9px !important;

		margin-right:
			9px !important;

		font-size:
			11px;

	}


	body.woocommerce
	ul.products
	li.product
	.add_to_cart_button,
	body.woocommerce
	ul.products
	li.product
	.product_type_variable,
	body.woocommerce
	ul.products
	li.product
	.product_type_grouped,
	body.woocommerce
	ul.products
	li.product
	.product_type_external {

		width:
			calc(100% - 18px);

		margin-left:
			9px;

		margin-right:
			9px;

		font-size:
			7px;

	}

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 350px) {

	body.woocommerce
	ul.products {

		grid-template-columns:
			1fr;

	}


	body.woocommerce
	ul.products.columns-4 {

		grid-template-columns:
			1fr;

	}


	body.woocommerce
	ul.products
	li.product
	img {

		height:
			220px !important;

	}


	body.woocommerce
	ul.products
	li.product
	.woocommerce-loop-product__title {

		font-size:
			11px !important;

	}

}


/* =========================================================
   ACCESSIBILITY / FOCUS
========================================================= */

body.woocommerce
a:focus-visible,
body.woocommerce
button:focus-visible,
body.woocommerce
select:focus-visible {

	outline:
		2px solid var(--wdref-green);

	outline-offset:
		3px;

}


/* =========================================================
   REMOVE UNWANTED DEFAULT PRODUCT SPACING
========================================================= */

body.woocommerce
ul.products
li.product
a img {

	margin-bottom:
		0 !important;

}


body.woocommerce
ul.products
li.product
.woocommerce-loop-category__title {

	margin-bottom:
		0 !important;

}


/* =========================================================
   PREMIUM TOP/BOTTOM SPACING
========================================================= */

body.post-type-archive-product
.woocommerce-products-header {

	margin-top:
		5px;

}


body.tax-product_cat
.woocommerce-products-header {

	margin-top:
		5px;

}


/* =========================================================
   RED HOVER ACCENT ON PRODUCT LINKS
========================================================= */

body.woocommerce
ul.products
li.product
.woocommerce-loop-product__title a {

	color:
		inherit;

	text-decoration:
		none;

	transition:
		color .2s ease;

}


body.woocommerce
ul.products
li.product:hover
.woocommerce-loop-product__title a {

	color:
		var(--wdref-green);

}


/* =========================================================
   DISABLE DEFAULT UNDERLINES
========================================================= */

body.woocommerce
ul.products
li.product a {

	text-decoration:
		none;

}


/* =========================================================
   PRODUCT CARD CONSISTENT HEIGHT
========================================================= */

@media (min-width: 701px) {

	body.woocommerce
	ul.products
	li.product {

		min-height:
			390px;

	}

}


@media (min-width: 1051px) {

	body.woocommerce
	ul.products
	li.product {

		/* min-height:
			405px; */

	}

}



/* ******************************************************************* */

/* =========================================================
   WARREN DIESEL SHOP
   PREMIUM WOOCOMMERCE CART PAGE
========================================================= */



/* =========================================================
   CART PAGE BACKGROUND
========================================================= */

body.woocommerce-cart {

	background:
		linear-gradient(
			180deg,
			#fafaf9 0%,
			#ffffff 45%,
			#f7f7f5 100%
		);

	color:
		var(--wdref-text);

	font-family:
		var(--wdref-body),
		sans-serif;

}


/* =========================================================
   MAIN CART CONTAINER
========================================================= */

body.woocommerce-cart
.site-main {

	width:
		min(1180px, calc(100% - 60px));

	margin:
		0 auto;

	padding:
		0 0 75px;

}


/* =========================================================
   CART PAGE TITLE
========================================================= */

body.woocommerce-cart
.entry-header {

	padding:
		42px 0 28px;

	text-align:
		center;

}


body.woocommerce-cart
.entry-title {

	margin:
		0;

	color:
		var(--wdref-blue);

	font-family:
		var(--wdref-heading),
		sans-serif;

	font-size:
		31px;

	line-height:
		39px;

	font-weight:
		800;

	letter-spacing:
		-.5px;

}


body.woocommerce-cart
.entry-title::after {

	content:
		"";

	display:
		block;

	width:
		48px;

	height:
		3px;

	margin:
		10px auto 0;

	border-radius:
		5px;

	background:
		var(--wdref-red);

}


/* =========================================================
   BREADCRUMB
========================================================= */

body.woocommerce-cart
.woocommerce-breadcrumb {

	width:
		min(1180px, calc(100% - 60px));

	margin:
		20px auto 0;

	color:
		#7a808a;

	font-size:
		10px;

	line-height:
		18px;

}


body.woocommerce-cart
.woocommerce-breadcrumb a {

	color:
		var(--wdref-green);

	text-decoration:
		none;

	font-weight:
		600;

}


body.woocommerce-cart
.woocommerce-breadcrumb a:hover {

	color:
		var(--wdref-red);

}


/* =========================================================
   CART WRAPPER
========================================================= */

body.woocommerce-cart
.woocommerce {

	width:
		100%;

}


/* =========================================================
   CART FORM
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form {

	width:
		100%;

}


/* =========================================================
   CART TABLE
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents {

	width:
		100%;

	border:
		1px solid var(--wdref-line);

	border-radius:
		15px;

	border-spacing:
		0;

	border-collapse:
		separate;

	background:
		#fff;

	overflow:
		hidden;

	box-shadow:
		0 9px 28px rgba(18,17,15,.055);

}


/* =========================================================
   TABLE HEADER
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents thead {

	background:
		linear-gradient(
			90deg,
			#f8f8f6,
			#fff
		);

}


body.woocommerce-cart
.woocommerce-cart-form__contents th {

	padding:
		16px 18px;

	border-bottom:
		1px solid var(--wdref-line);

	color:
		var(--wdref-blue);

	font-size:
		9px;

	line-height:
		13px;

	font-weight:
		800;

	letter-spacing:
		.55px;

	text-transform:
		uppercase;

	text-align:
		left;

}


body.woocommerce-cart
.woocommerce-cart-form__contents th.product-price,
body.woocommerce-cart
.woocommerce-cart-form__contents th.product-quantity,
body.woocommerce-cart
.woocommerce-cart-form__contents th.product-subtotal {

	text-align:
		center;

}


/* =========================================================
   CART ROW
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents tbody tr.cart_item {

	background:
		#fff;

	transition:
		background .2s ease;

}


body.woocommerce-cart
.woocommerce-cart-form__contents tbody tr.cart_item:hover {

	background:
		#fcfcfa;

}


body.woocommerce-cart
.woocommerce-cart-form__contents td {

	padding:
		18px;

	border-bottom:
		1px solid #eeeae4;

	vertical-align:
		middle;

	font-size:
		11px;

}


/* =========================================================
   PRODUCT THUMBNAIL
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-thumbnail {

	width:
		105px;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-thumbnail img {

	width:
		86px !important;

	height:
		86px !important;

	object-fit:
		contain;

	display:
		block;

	padding:
		6px;

	border:
		1px solid var(--wdref-line);

	border-radius:
		10px;

	background:
		#fafaf8;

	box-sizing:
		border-box;

	transition:
		transform .25s ease,
		border-color .25s ease;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
tr.cart_item:hover
td.product-thumbnail img {

	transform:
		scale(1.04);

	border-color:
		rgba(29,92,61,.25);

}


/* =========================================================
   PRODUCT NAME
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-name {

	min-width:
		270px;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-name a {

	color:
		var(--wdref-blue);

	font-family:
		var(--wdref-heading),
		sans-serif;

	font-size:
		12px;

	line-height:
		18px;

	font-weight:
		700;

	text-decoration:
		none;

	transition:
		color .2s ease;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-name a:hover {

	color:
		var(--wdref-green);

}


/* variation information */

body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-name dl.variation {

	margin:
		7px 0 0;

	color:
		#777;

	font-size:
		9px;

	line-height:
		15px;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-name dl.variation dt {

	color:
		var(--wdref-blue);

	font-weight:
		700;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-name dl.variation dd {

	margin:
		0 0 2px;

}


/* =========================================================
   PRICE
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-price {

	color:
		#5f6670;

	font-size:
		11px;

	font-weight:
		600;

	text-align:
		center;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-price del {

	color:
		#999;

	font-size:
		9px;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-price ins {

	color:
		var(--wdref-green);

	text-decoration:
		none;

	font-weight:
		800;

}


/* =========================================================
   QUANTITY
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-quantity {

	text-align:
		center;

}


body.woocommerce-cart
.quantity {

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	margin:
		0 !important;

}


body.woocommerce-cart
.quantity .qty {

	width:
		64px;

	height:
		39px;

	padding:
		0 8px;

	border:
		1px solid var(--wdref-line);

	border-radius:
		8px;

	background:
		#fff;

	color:
		var(--wdref-text);

	font-family:
		var(--wdref-body),
		sans-serif;

	font-size:
		11px;

	font-weight:
		700;

	text-align:
		center;

	outline:
		none;

	box-sizing:
		border-box;

	transition:
		border-color .2s ease,
		box-shadow .2s ease;

}


body.woocommerce-cart
.quantity .qty:focus {

	border-color:
		var(--wdref-green);

	box-shadow:
		0 0 0 3px rgba(29,92,61,.07);

}


/* =========================================================
   SUBTOTAL
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-subtotal {

	color:
		var(--wdref-green);

	font-size:
		13px;

	font-weight:
		800;

	text-align:
		center;

}


/* =========================================================
   REMOVE BUTTON
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-remove {

	width:
		45px;

	text-align:
		center;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-remove a.remove {

	width:
		27px;

	height:
		27px;

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	margin:
		0;

	border-radius:
		50%;

	background:
		#fff;

	color:
		#9a9a96 !important;

	font-size:
		18px;

	line-height:
		27px;

	font-weight:
		400;

	text-decoration:
		none;

	transition:
		background .2s ease,
		color .2s ease,
		transform .2s ease;

}


body.woocommerce-cart
.woocommerce-cart-form__contents
td.product-remove a.remove:hover {

	background:
		#fff0ef;

	color:
		var(--wdref-red) !important;

	transform:
		scale(1.08);

}


/* =========================================================
   CART ACTION ROW
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form__contents
tr:last-child td.actions {

	padding:
		17px;

	border-bottom:
		0;

	background:
		#fafaf8;

}


/* =========================================================
   COUPON
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form
.coupon {

	display:
		flex;

	align-items:
		center;

	gap:
		8px;

	float:
		left;

}


body.woocommerce-cart
.woocommerce-cart-form
.coupon label {

	display:
		none;

}


body.woocommerce-cart
.woocommerce-cart-form
.coupon input.input-text {

	width:
		190px;

	height:
		40px;

	padding:
		0 12px;

	border:
		1px solid var(--wdref-line);

	border-radius:
		8px;

	background:
		#fff;

	color:
		var(--wdref-text);

	font-family:
		var(--wdref-body),
		sans-serif;

	font-size:
		10px;

	outline:
		none;

	box-sizing:
		border-box;

}


body.woocommerce-cart
.woocommerce-cart-form
.coupon input.input-text::placeholder {

	color:
		#999;

}


body.woocommerce-cart
.woocommerce-cart-form
.coupon input.input-text:focus {

	border-color:
		var(--wdref-green);

	box-shadow:
		0 0 0 3px rgba(29,92,61,.06);

}


body.woocommerce-cart
.woocommerce-cart-form
.coupon button {

	height:
		40px;

	padding:
		0 16px;

	border:
		1px solid var(--wdref-green);

	border-radius:
		8px;

	background:
		#fff;

	color:
		var(--wdref-green);

	font-family:
		var(--wdref-body),
		sans-serif;

	font-size:
		9px;

	font-weight:
		700;

	cursor:
		pointer;

	transition:
		background .2s ease,
		color .2s ease;

}


body.woocommerce-cart
.woocommerce-cart-form
.coupon button:hover {

	background:
		var(--wdref-green);

	color:
		#fff;

}


/* =========================================================
   UPDATE CART BUTTON
========================================================= */

body.woocommerce-cart
.woocommerce-cart-form
button[name="update_cart"] {

	height:
		40px;

	padding:
		0 18px;

	float:
		right;

	border:
		1px solid var(--wdref-line);

	border-radius:
		8px;

	background:
		#fff;

	color:
		var(--wdref-blue);

	font-family:
		var(--wdref-body),
		sans-serif;

	font-size:
		9px;

	font-weight:
		700;

	cursor:
		pointer;

	transition:
		background .2s ease,
		color .2s ease,
		border-color .2s ease;

}


body.woocommerce-cart
.woocommerce-cart-form
button[name="update_cart"]:hover {

	background:
		var(--wdref-green);

	border-color:
		var(--wdref-green);

	color:
		#fff;

}


body.woocommerce-cart
.woocommerce-cart-form
button[name="update_cart"]:disabled {

	opacity:
		.45;

	cursor:
		not-allowed;

}


/* =========================================================
   CART COLLATERALS
========================================================= */

body.woocommerce-cart
.cart-collaterals {

	display:
		grid;

	grid-template-columns:
		1fr 390px;

	gap:
		30px;

	margin-top:
		27px;

	align-items:
		start;

}


/* =========================================================
   CART TRUST BOX
========================================================= */

body.woocommerce-cart
.cart-collaterals::before {

	content:
		"✓ Genuine Parts    •    ✓ Fitment Support    •    ✓ Secure Checkout    •    ✓ Fast Delivery";

	display:
		flex;

	align-items:
		center;

	min-height:
		80px;

	padding:
		20px;

	border:
		1px solid rgba(29,92,61,.12);

	border-radius:
		13px;

	background:
		linear-gradient(
			135deg,
			rgba(29,92,61,.045),
			rgba(215,183,122,.07)
		);

	color:
		var(--wdref-green);

	font-size:
		10px;

	line-height:
		18px;

	font-weight:
		700;

}


/* =========================================================
   CART TOTALS
========================================================= */

body.woocommerce-cart
.cart_totals {

	width:
		100% !important;

	padding:
		24px;

	border:
		1px solid var(--wdref-line);

	border-radius:
		15px;

	background:
		#fff;

	box-shadow:
		0 10px 30px rgba(18,17,15,.065);

	box-sizing:
		border-box;

}


body.woocommerce-cart
.cart_totals h2 {

	margin:
		0 0 20px;

	padding-bottom:
		13px;

	border-bottom:
		1px solid var(--wdref-line);

	color:
		var(--wdref-blue);

	font-family:
		var(--wdref-heading),
		sans-serif;

	font-size:
		19px;

	line-height:
		25px;

	font-weight:
		800;

}


body.woocommerce-cart
.cart_totals h2::after {

	content:
		"";

	display:
		block;

	width:
		35px;

	height:
		3px;

	margin-top:
		7px;

	border-radius:
		4px;

	background:
		var(--wdref-red);

}


/* =========================================================
   TOTALS TABLE
========================================================= */

body.woocommerce-cart
.cart_totals table {

	width:
		100%;

	border:
		0;

	border-collapse:
		collapse;

}


body.woocommerce-cart
.cart_totals th,
body.woocommerce-cart
.cart_totals td {

	padding:
		11px 0;

	border:
		0;

	border-bottom:
		1px solid #eeeae4;

	font-size:
		10px;

	line-height:
		15px;

}


body.woocommerce-cart
.cart_totals th {

	color:
		#6e7580;

	font-weight:
		600;

	text-align:
		left;

}


body.woocommerce-cart
.cart_totals td {

	color:
		var(--wdref-text);

	font-weight:
		700;

	text-align:
		right;

}


body.woocommerce-cart
.cart_totals tr.order-total th,
body.woocommerce-cart
.cart_totals tr.order-total td {

	padding-top:
		17px;

	padding-bottom:
		17px;

	border-bottom:
		0;

}


body.woocommerce-cart
.cart_totals tr.order-total th {

	color:
		var(--wdref-blue);

	font-size:
		12px;

	font-weight:
		800;

}


body.woocommerce-cart
.cart_totals tr.order-total td {

	color:
		var(--wdref-green);

	font-size:
		18px;

	font-weight:
		800;

}


/* =========================================================
   SHIPPING
========================================================= */

body.woocommerce-cart
.cart_totals
.woocommerce-shipping-methods {

	margin:
		7px 0;

	padding:
		0;

	list-style:
		none;

}


body.woocommerce-cart
.cart_totals
.woocommerce-shipping-methods li {

	margin-bottom:
		5px;

	color:
		#666;

	font-size:
		9px;

}


body.woocommerce-cart
.cart_totals
.woocommerce-shipping-destination {

	margin:
		8px 0 0;

	color:
		#777;

	font-size:
		9px;

	line-height:
		15px;

}


/* =========================================================
   PROCEED TO CHECKOUT
========================================================= */

body.woocommerce-cart
.wc-proceed-to-checkout {

	margin:
		20px 0 0;

	padding:
		0;

}


body.woocommerce-cart
.wc-proceed-to-checkout a.checkout-button {

	width:
		100%;

	height:
		49px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	margin:
		0;

	padding:
		0 20px;

	border:
		0;

	border-radius:
		9px;

	background:
		linear-gradient(
			135deg,
			var(--wdref-green),
			#28764e
		);

	color:
		#fff !important;

	font-family:
		var(--wdref-body),
		sans-serif;

	font-size:
		11px;

	line-height:
		14px;

	font-weight:
		800;

	text-decoration:
		none;

	box-shadow:
		0 9px 20px rgba(29,92,61,.18);

	transition:
		background .25s ease,
		transform .25s ease,
		box-shadow .25s ease;

}


body.woocommerce-cart
.wc-proceed-to-checkout a.checkout-button:hover {

	background:
		var(--wdref-red);

	color:
		#fff !important;

	transform:
		translateY(-2px);

	box-shadow:
		0 11px 24px rgba(243,10,1,.19);

}


/* =========================================================
   CONTINUE SHOPPING
========================================================= */

body.woocommerce-cart
.return-to-shop {

	margin:
		25px 0 0;

	text-align:
		center;

}


body.woocommerce-cart
.return-to-shop a.button {

	height:
		42px;

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	padding:
		0 19px;

	border:
		1px solid var(--wdref-green);

	border-radius:
		8px;

	background:
		#fff;

	color:
		var(--wdref-green);

	font-size:
		10px;

	font-weight:
		700;

	text-decoration:
		none;

	transition:
		background .2s ease,
		color .2s ease,
		transform .2s ease;

}


body.woocommerce-cart
.return-to-shop a.button:hover {

	background:
		var(--wdref-green);

	color:
		#fff;

	transform:
		translateY(-2px);

}


/* =========================================================
   CART NOTICES
========================================================= */

body.woocommerce-cart
.woocommerce-notices-wrapper {

	margin:
		0 0 20px;

}


body.woocommerce-cart
.woocommerce-message,
body.woocommerce-cart
.woocommerce-info,
body.woocommerce-cart
.woocommerce-error {

	margin:
		0 0 18px;

	padding:
		13px 17px;

	border:
		1px solid var(--wdref-line);

	border-top:
		3px solid var(--wdref-green);

	border-radius:
		9px;

	background:
		#fff;

	color:
		var(--wdref-text);

	font-size:
		10px;

	line-height:
		17px;

	box-shadow:
		0 6px 20px rgba(18,17,15,.05);

}


/* =========================================================
   EMPTY CART
========================================================= */

body.woocommerce-cart
.woocommerce-info {

	text-align:
		center;

}


body.woocommerce-cart
.cart-empty {

	max-width:
		700px;

	margin:
		30px auto 15px;

	padding:
		45px 25px;

	border:
		1px solid var(--wdref-line);

	border-radius:
		15px;

	background:
		#fff;

	color:
		var(--wdref-blue);

	font-family:
		var(--wdref-heading),
		sans-serif;

	font-size:
		17px;

	font-weight:
		700;

	box-shadow:
		0 10px 30px rgba(18,17,15,.055);

}


body.woocommerce-cart
.return-to-shop {

	text-align:
		center;

}


/* =========================================================
   COUPON RESPONSIVE FIX
========================================================= */

@media (max-width: 950px) {

	body.woocommerce-cart
	.site-main {

		width:
			calc(100% - 40px);

	}


	body.woocommerce-cart
	.cart-collaterals {

		grid-template-columns:
			1fr 340px;

		gap:
			20px;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td,
	body.woocommerce-cart
	.woocommerce-cart-form__contents th {

		padding:
			13px 10px;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-name {

		min-width:
			210px;

	}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 780px) {

	body.woocommerce-cart
	.site-main {

		width:
			calc(100% - 30px);

		padding-bottom:
			50px;

	}


	body.woocommerce-cart
	.entry-header {

		padding:
			32px 0 23px;

	}


	body.woocommerce-cart
	.entry-title {

		font-size:
			26px;

		line-height:
			32px;

	}


	body.woocommerce-cart
	.cart-collaterals {

		grid-template-columns:
			1fr;

		gap:
			18px;

	}


	body.woocommerce-cart
	.cart-collaterals::before {

		min-height:
			65px;

	}


	body.woocommerce-cart
	.cart_totals {

		padding:
			20px;

	}

}


/* =========================================================
   MOBILE CART
========================================================= */

@media (max-width: 600px) {

	body.woocommerce-cart {

		background:
			#fafaf8;

	}


	body.woocommerce-cart
	.site-main {

		width:
			calc(100% - 20px);

	}


	body.woocommerce-cart
	.woocommerce-breadcrumb {

		width:
			calc(100% - 20px);

		margin-top:
			13px;

		font-size:
			9px;

	}


	/* =====================================================
	   MOBILE TABLE
	===================================================== */

	body.woocommerce-cart
	.woocommerce-cart-form__contents {

		display:
			block;

		border:
			0;

		border-radius:
			0;

		background:
			transparent;

		box-shadow:
			none;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents thead {

		display:
			none;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents tbody,
	body.woocommerce-cart
	.woocommerce-cart-form__contents tr.cart_item,
	body.woocommerce-cart
	.woocommerce-cart-form__contents td {

		display:
			block;

		width:
			100%;

		box-sizing:
			border-box;

	}


	/* PRODUCT CARD */

	body.woocommerce-cart
	.woocommerce-cart-form__contents tr.cart_item {

		position:
			relative;

		display:
			grid;

		grid-template-columns:
			90px 1fr;

		grid-template-areas:
			"image name"
			"image price"
			"image quantity"
			"image subtotal";

		gap:
			4px 12px;

		margin:
			0 0 12px;

		padding:
			15px;

		border:
			1px solid var(--wdref-line);

		border-radius:
			13px;

		background:
			#fff;

		box-shadow:
			0 6px 20px rgba(18,17,15,.05);

	}


	/* IMAGE */

	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-thumbnail {

		grid-area:
			image;

		width:
			90px;

		padding:
			0;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-thumbnail img {

		width:
			82px !important;

		height:
			82px !important;

	}


	/* NAME */

	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-name {

		grid-area:
			name;

		width:
			auto;

		min-width:
			0;

		padding:
			0 25px 0 0;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-name::before {

		display:
			none;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-name a {

		font-size:
			11px;

		line-height:
			16px;

	}


	/* PRICE */

	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-price {

		grid-area:
			price;

		padding:
			0;

		text-align:
			left;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-price::before {

		display:
			none;

	}


	/* QUANTITY */

	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-quantity {

		grid-area:
			quantity;

		padding:
			2px 0;

		text-align:
			left;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-quantity::before {

		display:
			none;

	}


	body.woocommerce-cart
	.quantity .qty {

		width:
			58px;

		height:
			34px;

	}


	/* SUBTOTAL */

	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-subtotal {

		grid-area:
			subtotal;

		padding:
			2px 0 0;

		text-align:
			left;

		font-size:
			12px;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-subtotal::before {

		display:
			none;

	}


	/* REMOVE */

	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-remove {

		position:
			absolute;

		top:
			10px;

		right:
			9px;

		width:
			30px;

		padding:
			0;

		border:
			0;

		z-index:
			3;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-remove a.remove {

		width:
			25px;

		height:
			25px;

		font-size:
			16px;

	}


	/* ACTIONS */

	body.woocommerce-cart
	.woocommerce-cart-form__contents
	tr:last-child td.actions {

		display:
			flex;

		flex-direction:
			column;

		gap:
			10px;

		margin-top:
			4px;

		padding:
			14px;

		border:
			1px solid var(--wdref-line);

		border-radius:
			12px;

		background:
			#fff;

	}


	body.woocommerce-cart
	.woocommerce-cart-form
	.coupon {

		float:
			none;

		width:
			100%;

		display:
			grid;

		grid-template-columns:
			1fr auto;

		gap:
			7px;

	}


	body.woocommerce-cart
	.woocommerce-cart-form
	.coupon input.input-text {

		width:
			100%;

		height:
			39px;

	}


	body.woocommerce-cart
	.woocommerce-cart-form
	.coupon button {

		height:
			39px;

	}


	body.woocommerce-cart
	.woocommerce-cart-form
	button[name="update_cart"] {

		width:
			100%;

		float:
			none;

		height:
			39px;

	}


	/* TRUST */

	body.woocommerce-cart
	.cart-collaterals::before {

		min-height:
			auto;

		padding:
			17px;

		text-align:
			center;

		font-size:
			9px;

		line-height:
			17px;

	}


	/* TOTALS */

	body.woocommerce-cart
	.cart_totals {

		padding:
			18px;

		border-radius:
			12px;

	}


	body.woocommerce-cart
	.cart_totals h2 {

		font-size:
			18px;

	}


	body.woocommerce-cart
	.cart_totals tr.order-total td {

		font-size:
			16px;

	}


	body.woocommerce-cart
	.wc-proceed-to-checkout a.checkout-button {

		height:
			47px;

		font-size:
			10px;

	}


	/* CONTINUE */

	body.woocommerce-cart
	.return-to-shop {

		margin-top:
			18px;

	}


}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

	body.woocommerce-cart
	.entry-title {

		font-size:
			23px;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents tr.cart_item {

		grid-template-columns:
			78px 1fr;

		padding:
			12px;

		gap:
			4px 10px;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-thumbnail {

		width:
			78px;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-thumbnail img {

		width:
			72px !important;

		height:
			72px !important;

	}


	body.woocommerce-cart
	.woocommerce-cart-form__contents
	td.product-name a {

		font-size:
			10px;

		line-height:
			15px;

	}


	body.woocommerce-cart
	.cart_totals {

		padding:
			15px;

	}

}


/* =========================================================
   FOCUS STATES
========================================================= */

body.woocommerce-cart
a:focus-visible,
body.woocommerce-cart
button:focus-visible,
body.woocommerce-cart
input:focus-visible,
body.woocommerce-cart
select:focus-visible {

	outline:
		2px solid var(--wdref-green);

	outline-offset:
		3px;

}



/* Container for quantity and button */
.single-product form.cart {
    display: flex !important;
    flex-wrap: wrap !important; /* Allows wrapping on mobile if space is tight */
    align-items: center !important; /* Aligns items vertically in the center */
    gap: 15px !important; /* Adds space between the quantity and the button */
}

/* Ensure the quantity selector doesn't take full width */
.single-product form.cart .quantity {
    width: auto !important;
    margin: 0 !important;
}

/* Ensure the button doesn't take full width and removes top margin */
.single-product form.cart .single_add_to_cart_button {
    width: auto !important;
    margin: 0 !important;
}