/*
 * Dellco OKJ Collection Template 1.0.0
 * Source geometry taken from the downloaded Oklahoma Joe's collection assets:
 * - 66em main breakpoint
 * - 38em mobile breakpoint
 * - 3 items/row desktop+tablet, 2 items/row mobile
 * - sidebar min width max(20%,13.5em), 2em gap
 * - collection items margin 2rem desktop / 1rem medium
 * - sort/filter controls 3.8rem high
 * - accordion title .7em vertical padding
 * - price range 5px track / 17px handles
 */

@font-face{
	font-family:"DCT Roboto Condensed";
	src:url("https://www.oklahomajoes.com/cdn/shop/files/RobotoCondensed-Regular.woff2?v=3505015043743742275") format("woff2");
	font-style:normal;
	font-weight:400;
	font-display:swap;
}
@font-face{
	font-family:"DCT Teko";
	src:url("https://www.oklahomajoes.com/cdn/shop/files/Teko-Bold.woff2?v=4753684705349127440") format("woff2");
	font-style:normal;
	font-weight:700;
	font-display:swap;
}

:root{
	--dct-orange:#f07810;
	--dct-navy:#072049;
	--dct-ink:#292b2d;
	--dct-muted:#6d7072;
	--dct-border:#d7d7d4;
	--dct-soft:#f7f6f1;
	--dct-white:#fff;
	--dct-container:1440px;
	--dct-header-offset:120px;
}

.dct-visually-hidden{
	position:absolute!important;
	width:1px!important;height:1px!important;
	padding:0!important;margin:-1px!important;
	overflow:hidden!important;clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;border:0!important;
}

#dct-collection-page,
#dct-collection-page *{
	box-sizing:border-box;
}

#dct-collection-page{
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	color:var(--dct-ink);
	font-family:"DCT Roboto Condensed","Arial Narrow",Arial,sans-serif;
	font-size:16px;
	line-height:1.45;
}

#dct-collection-page a{
	color:inherit;
}

.dct-container{
	width:min(100%,var(--dct-container));
	margin:0 auto;
	padding-left:32px;
	padding-right:32px;
}

/* Breadcrumb — 1.5rem top/bottom from the source */
.dct-breadcrumb-wrapper{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	background:#fff;
}
.dct-breadcrumb{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.65rem;
	font-size:13px;
	font-weight:600;
	letter-spacing:.02em;
}
.dct-breadcrumb a{
	text-decoration:none;
}
.dct-breadcrumb a:hover{
	text-decoration:underline;
}
.dct-breadcrumb-bar{
	opacity:.55;
}

/* Main collection geometry */
.dct-collection-main{
	--items-margin:2rem;
	padding-top:16px;
	padding-bottom:64px;
}
.dct-collection-layout{
	display:flex;
	align-items:flex-start;
	flex-wrap:nowrap;
}
.dct-collection-filters{
	width:max(20%,13.5em);
	flex:0 0 max(20%,13.5em);
	margin-right:2em;
	box-shadow:none;
}
.dct-filters-inner{
	position:sticky;
	top:calc(var(--dct-header-offset) + 5.5em);
	max-height:calc(100vh - var(--dct-header-offset) - 8.5em);
	overflow-y:auto;
	padding:1.5em;
	border:1px solid #ececea;
	background:#fff;
	scrollbar-width:thin;
}
.dct-filter-head{
	display:none;
}
.dct-sort-select{
	display:block;
	margin-bottom:2em;
}
.dct-sort-select select{
	width:100%;
	height:3.8rem;
	padding:0 2.5em 0 1em;
	border:1px solid #bfc0bd;
	border-radius:0;
	background:#fff;
	color:#222;
	font:inherit;
	font-size:14px;
	cursor:pointer;
}

/* Accordion */
.dct-filter-accordion{
	border-bottom:1px solid var(--dct-border);
}
.dct-accordion-trigger{
	width:100%;
	padding:.7em 0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	border:0;
	background:transparent;
	color:#26282a;
	font:700 14px/1.25 "DCT Roboto Condensed",Arial,sans-serif;
	text-align:left;
	cursor:pointer;
}
.dct-accordion-chevron{
	width:1.5em;
	height:1.5em;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#f7f6f1;
	transition:transform 180ms linear;
}
.dct-accordion-chevron i{
	display:block;
	width:.37em;
	height:.37em;
	border-bottom:2px solid currentColor;
	border-right:2px solid currentColor;
	transform:rotate(45deg) translate(-1px,-1px);
}
.dct-accordion-trigger[aria-expanded="true"] .dct-accordion-chevron{
	transform:rotateX(180deg);
}
.dct-accordion-panel{
	padding:1rem 0 2rem;
}
.dct-accordion-panel[hidden]{
	display:none!important;
}

/* Price filter — source sizes */
.dct-price-fields{
	display:flex;
	align-items:flex-end;
	column-gap:.5em;
	margin-bottom:1.2em;
}
.dct-price-fields label{
	flex:1 1 0;
	min-width:0;
	font-size:12px;
	color:#5e6061;
}
.dct-price-fields label>span:first-child{
	display:block;
	margin-bottom:5px;
}
.dct-price-input{
	display:flex!important;
	align-items:center;
	gap:3px;
	min-height:34px;
}
.dct-price-input b{
	font-weight:400;
	opacity:.7;
}
.dct-price-input input{
	width:100%;
	min-width:0;
	padding:5px 2px;
	border:0;
	border-bottom:1px solid #b9bab7;
	border-radius:0;
	background:transparent;
	font:inherit;
	font-size:14px;
	outline:none;
}
.dct-price-slider{
	position:relative;
	height:18px;
	margin:4px 0 0;
}
.dct-price-track{
	position:absolute;
	top:6px;
	left:0;right:0;
	height:5px;
	border-radius:5px;
	background:#d5d5d1;
}
.dct-price-track span{
	position:absolute;
	top:0;bottom:0;
	left:0;right:0;
	border-radius:5px;
	background:#292b2d;
}
.dct-price-slider input[type="range"]{
	position:absolute;
	top:6px;
	left:0;
	width:100%;
	height:5px;
	margin:0;
	padding:0;
	background:none;
	pointer-events:none;
	-webkit-appearance:none;
	appearance:none;
}
.dct-price-slider input[type="range"]::-webkit-slider-thumb{
	width:17px;height:17px;
	border:0;border-radius:50%;
	background:#292b2d;
	box-shadow:0 0 6px rgba(0,0,0,.08);
	pointer-events:auto;
	cursor:pointer;
	-webkit-appearance:none;
}
.dct-price-slider input[type="range"]::-moz-range-thumb{
	width:17px;height:17px;
	border:0;border-radius:50%;
	background:#292b2d;
	box-shadow:0 0 6px rgba(0,0,0,.08);
	pointer-events:auto;
	cursor:pointer;
}

/* Checkbox/radio rows */
.dct-checkbox-row{
	position:relative;
	display:flex;
	align-items:center;
	gap:.7em;
	padding:.35em 0;
	font-size:14px;
	cursor:pointer;
}
.dct-checkbox-row input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}
.dct-checkbox{
	width:18px;
	height:18px;
	flex:0 0 18px;
	border:1px solid #383a3b;
	background:#fff;
	position:relative;
}
.dct-checkbox::after{
	content:"";
	position:absolute;
	left:4px;top:1px;
	width:6px;height:11px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(45deg) scale(0);
	transition:transform .12s ease;
}
.dct-checkbox-row input:checked + .dct-checkbox{
	background:#292b2d;
}
.dct-checkbox-row input:checked + .dct-checkbox::after{
	transform:rotate(45deg) scale(1);
}
.dct-checkbox-text em{
	font-style:normal;
	opacity:.58;
}
.dct-filter-actions{
	display:flex;
	flex-direction:column;
	gap:9px;
	padding-top:20px;
}
.dct-apply-filters,
.dct-clear-filters{
	min-height:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px 16px;
	border:2px solid var(--dct-navy);
	border-radius:0;
	font:700 14px/1 "DCT Roboto Condensed",Arial,sans-serif;
	text-decoration:none!important;
	cursor:pointer;
}
.dct-apply-filters{
	background:var(--dct-navy);
	color:#fff;
}
.dct-clear-filters{
	background:#fff;
	color:var(--dct-navy);
}

/* Main wrapper */
.dct-collection-wrapper{
	flex:1 1 auto;
	min-width:0;
	margin:0 auto;
	outline:none;
}
.dct-page-top-wrap{
	position:sticky;
	top:var(--dct-header-offset);
	z-index:30;
	margin:0 0 1rem;
	padding:1em 0;
	background:#fff;
	border-bottom:1px solid rgba(0,0,0,.06);
}
.dct-collection-utils{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:1em;
	min-height:52px;
}
.dct-mobile-filter-button-wrap{
	display:none;
}
.dct-showing{
	font-size:14px;
	color:#444748;
}

/* Product grid — source is flex, 3/3/2 */
.dct-product-grid{
	--items-per-row:3;
	display:flex;
	flex-flow:row wrap;
	align-items:stretch;
	justify-content:flex-start;
	margin:0 -12px calc(var(--items-margin) * -1);
}
.dct-product-card{
	position:relative;
	width:calc(100% / var(--items-per-row));
	margin:0 0 var(--items-margin);
	padding:0 12px;
	display:flex;
	flex-direction:column;
	background:#fff;
	color:#25282a;
}

/* Product card */
.dct-card-image-wrap{
	position:relative;
	width:100%;
	aspect-ratio:1 / 1;
	overflow:hidden;
	background:#f7f7f5;
}
.dct-card-image-link{
	position:absolute;
	inset:0;
	display:block;
}
.dct-card-image{
	position:absolute;
	inset:0;
	display:block;
	width:100%!important;
	height:100%!important;
	margin:0!important;
	padding:0!important;
	object-fit:contain;
	object-position:center;
	transition:opacity 450ms ease,transform 700ms cubic-bezier(.2,.75,.25,1);
}
.dct-card-image--main{
	opacity:1;
	transform:scale(1);
}
.dct-card-image--hover{
	opacity:0;
	transform:scale(1.015);
}
.dct-product-card:hover .dct-card-image--main{
	opacity:0;
	transform:scale(1.02);
}
.dct-product-card:hover .dct-card-image--hover{
	opacity:1;
	transform:scale(1);
}
.dct-sale-badge{
	position:absolute;
	z-index:3;
	top:12px;
	left:12px;
	padding:7px 10px 6px;
	background:#c55229;
	color:#fff;
	font:700 12px/1 "DCT Roboto Condensed",Arial,sans-serif;
	letter-spacing:.025em;
}
.dct-floating-action{
	position:absolute;
	z-index:4;
	right:12px;
	bottom:12px;
	transform:translateY(10px);
	opacity:0;
	transition:transform 180ms ease,opacity 180ms ease;
}
.dct-product-card:hover .dct-floating-action,
.dct-product-card:focus-within .dct-floating-action{
	transform:translateY(0);
	opacity:1;
}
.dct-card-action,
.dct-card-action:visited{
	min-height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px 15px;
	border:0;
	background:var(--dct-navy);
	color:#fff!important;
	font:700 12px/1 "DCT Roboto Condensed",Arial,sans-serif;
	text-decoration:none!important;
	text-transform:uppercase;
	letter-spacing:.03em;
	box-shadow:0 3px 10px rgba(0,0,0,.15);
}
.dct-card-action:hover{
	background:var(--dct-orange);
	color:#000!important;
}
.dct-card-action--disabled{
	background:#5f6162;
}
.dct-card-info{
	padding-top:14px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.dct-card-title,
.dct-card-title:visited{
	min-height:2.8em;
	margin:0 0 7px;
	color:#27292a!important;
	font-family:"DCT Teko",Impact,sans-serif;
	font-size:23px;
	font-weight:700;
	line-height:1.05;
	text-decoration:none!important;
}
.dct-card-title:hover{
	text-decoration:underline!important;
	text-underline-offset:3px;
}
.dct-card-rating{
	min-height:20px;
	display:flex;
	align-items:center;
	gap:7px;
	margin-bottom:7px;
}
.dct-card-rating .star-rating{
	margin:0;
	font-size:13px;
}
.dct-rating-count{
	color:#6a6c6d;
	font-size:12px;
}
.dct-card-sku{
	margin:0 0 7px;
	color:#606263;
	font-size:12px;
	line-height:1.3;
}
.dct-card-price{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:7px;
	color:#242627;
	font-family:"DCT Teko",Impact,sans-serif;
	font-size:22px;
	font-weight:700;
	line-height:1.15;
}
.dct-card-price del{
	order:0;
	opacity:.55;
	font-size:.8em;
}
.dct-card-price ins{
	order:1;
	background:none;
	color:#c55229;
	text-decoration:none;
}

/* Empty + load more */
.dct-no-products{
	width:100%;
	padding:70px 20px;
	text-align:center;
	color:#565859;
}
.dct-load-more-wrap{
	display:flex;
	justify-content:center;
	padding-top:48px;
}
.dct-load-more,
.dct-load-more:visited{
	min-width:180px;
	min-height:50px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:11px;
	padding:12px 24px;
	border:2px solid var(--dct-navy);
	background:#fff;
	color:var(--dct-navy)!important;
	font:700 14px/1 "DCT Roboto Condensed",Arial,sans-serif;
	text-decoration:none!important;
	text-transform:uppercase;
	letter-spacing:.035em;
	transition:background .18s ease,color .18s ease;
}
.dct-load-more svg{
	width:15px;height:15px;
	fill:currentColor;
	transform:rotate(90deg);
}
.dct-load-more:hover{
	background:var(--dct-navy);
	color:#fff!important;
}
.dct-load-more.is-loading{
	pointer-events:none;
	opacity:.58;
}

/* Mobile drawer elements hidden desktop */
.dct-mobile-filter-overlay{
	display:none;
}

/* Medium: source keeps 3 columns */
@media(max-width:66em){
	:root{--dct-header-offset:78px}
	.dct-container{
		padding-left:20px;
		padding-right:20px;
	}
	.dct-collection-main{
		--items-margin:1rem;
		padding-top:8px;
	}
	.dct-collection-layout{
		display:block;
	}
	.dct-collection-filters{
		position:fixed;
		z-index:10050;
		top:0;left:0;bottom:0;
		width:min(92vw,420px);
		margin:0;
		display:flex;
		flex-direction:column;
		background:#fff;
		transform:translateX(-100%);
		transition:transform 300ms cubic-bezier(.2,.75,.25,1);
		box-shadow:0 10px 35px rgba(0,0,0,.18);
	}
	.dct-collection-filters.is-open{
		transform:translateX(0);
	}
	.dct-filter-head{
		min-height:64px;
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:0 14px 0 20px;
		background:var(--dct-orange);
		color:#000;
		border-bottom:1px solid rgba(0,0,0,.13);
	}
	.dct-filter-title{
		font-family:"DCT Teko",Impact,sans-serif;
		font-size:24px;
		font-weight:700;
		text-transform:uppercase;
	}
	.dct-filter-close{
		width:44px;height:44px;
		display:flex;
		align-items:center;
		justify-content:center;
		border:0;
		background:transparent;
		color:#000;
		cursor:pointer;
	}
	.dct-filter-close svg{
		width:22px;height:22px;
		fill:none;
		stroke:currentColor;
		stroke-width:2.4;
	}
	.dct-filters-inner{
		position:static;
		top:auto;
		max-height:none;
		flex:1 1 auto;
		overflow-y:auto;
		padding:1.3em;
		border:0;
	}
	.dct-mobile-filter-overlay{
		position:fixed;
		z-index:10040;
		inset:0;
		display:block;
		background:rgba(0,0,0,.4);
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		transition:opacity 250ms ease,visibility 0s linear 250ms;
	}
	.dct-mobile-filter-overlay.is-open{
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		transition-delay:0s;
	}
	.dct-page-top-wrap{
		top:var(--dct-header-offset);
		padding:.75em 0;
	}
	.dct-collection-utils{
		justify-content:space-between;
	}
	.dct-mobile-filter-button-wrap{
		display:block;
		width:50%;
	}
	.dct-open-filters{
		width:100%;
		height:3.8rem;
		padding:0 1em;
		display:flex;
		align-items:center;
		justify-content:center;
		border:1px solid #bfc0bd;
		background:#fff;
		color:#242627;
		font:700 16px/1 "DCT Roboto Condensed",Arial,sans-serif;
		cursor:pointer;
	}
	.dct-showing{
		width:50%;
		text-align:center;
	}
	.dct-product-grid{
		--items-per-row:3;
		margin-left:-8px;
		margin-right:-8px;
	}
	.dct-product-card{
		padding-left:8px;
		padding-right:8px;
	}
	.dct-floating-action{
		position:static;
		transform:none;
		opacity:1;
		margin-top:10px;
	}
	.dct-card-action{
		width:100%;
		min-height:40px;
		box-shadow:none;
	}
	.dct-card-title{
		font-size:20px;
	}
}

/* Small mobile: source 2 columns */
@media(max-width:38em){
	.dct-container{
		padding-left:12px;
		padding-right:12px;
	}
	.dct-breadcrumb-wrapper{
		padding-top:1.5rem;
		padding-bottom:1.5rem;
	}
	.dct-product-grid{
		--items-per-row:2;
		margin-left:-5px;
		margin-right:-5px;
	}
	.dct-product-card{
		padding-left:5px;
		padding-right:5px;
		margin-bottom:2em;
	}
	.dct-card-info{
		padding-top:10px;
	}
	.dct-card-title{
		min-height:2.7em;
		font-size:17px;
	}
	.dct-card-price{
		font-size:18px;
	}
	.dct-card-sku{
		font-size:10.5px;
	}
	.dct-sale-badge{
		top:7px;
		left:7px;
		padding:6px 7px 5px;
		font-size:10px;
	}
	.dct-card-action{
		padding-left:7px;
		padding-right:7px;
		font-size:10.5px;
	}
	.dct-mobile-filter-button-wrap{
		width:52%;
	}
	.dct-showing{
		width:48%;
		font-size:12px;
	}
	.dct-open-filters{
		height:52px;
		font-size:14px;
	}
	.dct-load-more-wrap{
		padding-top:28px;
	}
}

@media(prefers-reduced-motion:reduce){
	#dct-collection-page *,
	#dct-collection-page *::before,
	#dct-collection-page *::after{
		transition:none!important;
		scroll-behavior:auto!important;
	}
}