/*
 * Dubai Sneakers catalog archive refinements.
 * Version: 1.1.0
 */

.shop-sort-control{
	position:relative;
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	align-items:center;
	min-width:270px;
	height:52px;
	border:1px solid #d8d8d8;
	background:#fff;
	box-shadow:0 5px 18px rgba(0,0,0,.045);
}
.shop-sort-control:focus-within{
	border-color:#111;
	box-shadow:0 0 0 2px rgba(17,17,17,.1);
}
.shop-sort-label{
	padding-left:16px;
	font-size:11px;
	line-height:1;
	font-weight:800;
	letter-spacing:.09em;
	text-transform:uppercase;
	color:#666;
	white-space:nowrap;
}
.shop-sort-control .woocommerce-ordering{
	position:static!important;
	width:100%!important;
	margin:0!important;
}
.shop-sort-control select{
	width:100%!important;
	height:50px!important;
	margin:0!important;
	padding:0 44px 0 12px!important;
	border:0!important;
	outline:0!important;
	border-radius:0!important;
	background:transparent!important;
	color:#111!important;
	font-size:14px!important;
	font-weight:600!important;
	line-height:50px!important;
	-webkit-appearance:none!important;
	appearance:none!important;
	cursor:pointer;
}
.shop-sort-control:after{
	content:'';
	position:absolute;
	right:18px;
	top:50%;
	width:8px;
	height:8px;
	border-right:1.5px solid #111;
	border-bottom:1.5px solid #111;
	transform:translateY(-68%) rotate(45deg);
	pointer-events:none;
}

.shop-page .collection-strip{
	border-top:1px solid #f1f1f1!important;
	border-bottom:1px solid #ededed!important;
	scrollbar-width:none!important;
	-ms-overflow-style:none!important;
}
.shop-page .collection-strip::-webkit-scrollbar{
	display:none!important;
	width:0!important;
	height:0!important;
}
.shop-page .collection-pill{
	color:#111!important;
	text-decoration:none!important;
}
.shop-page .collection-pill img{
	background:#fff!important;
	padding:7px!important;
	object-fit:contain!important;
}
.shop-page .collection-pill-collage{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	grid-template-rows:repeat(2,minmax(0,1fr))!important;
	width:106px!important;
	height:106px!important;
	margin:0 auto!important;
	padding:8px!important;
	overflow:hidden!important;
	border:1px solid #e2e2df!important;
	border-radius:50%!important;
	background:#fff!important;
	box-shadow:0 8px 22px rgba(0,0,0,.05)!important;
}
.shop-page .collection-pill-collage img,
.shop-page .collection-pill.active .collection-pill-collage img{
	display:block!important;
	width:100%!important;
	height:100%!important;
	margin:0!important;
	padding:1px!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	object-fit:contain!important;
	transform:none!important;
}
.shop-page .collection-pill.active .collection-pill-collage{
	transform:translateY(-2px) scale(1.03)!important;
	border:2px solid #111!important;
	box-shadow:0 12px 28px rgba(0,0,0,.1)!important;
}
.shop-page .collection-pill.active img{
	border:2px solid #111!important;
	box-shadow:0 7px 20px rgba(0,0,0,.1)!important;
}
.shop-page .collection-pill.active p{
	font-weight:800!important;
}

@media(max-width:700px){
	.shop-head{
		gap:18px!important;
	}
	.shop-sort-control{
		width:100%;
		min-width:0;
	}
	.shop-page .collection-strip{
		padding-top:18px!important;
		padding-bottom:16px!important;
		gap:14px!important;
	}
	.shop-page .collection-pill{
		width:88px!important;
		min-width:88px!important;
		max-width:88px!important;
	}
	.shop-page .collection-pill img{
		width:80px!important;
		height:80px!important;
	}
	.shop-page .collection-pill-collage{
		width:80px!important;
		height:80px!important;
		padding:6px!important;
	}
	.shop-page .collection-pill p{
		min-height:28px!important;
		margin-top:8px!important;
		font-size:11px!important;
		line-height:14px!important;
	}
}

/* Progressive infinite scroll: pagination remains in HTML as a fallback. */
.dss-infinite-ready .dss-pagination{
	display:none!important;
}
.shop-infinite-status{
	width:100%;
	min-height:72px;
	display:grid;
	place-items:center;
	margin:18px 0 0;
}
.shop-infinite-status.is-complete{
	min-height:0;
	height:0;
	margin:0;
	overflow:hidden;
}
.shop-infinite-retry{
	min-width:132px;
	height:44px;
	padding:0 20px;
	border:1px solid #111;
	border-radius:4px;
	background:#111;
	color:#fff;
	font-size:13px;
	font-weight:800;
}
.shop-infinite-retry[hidden]{display:none!important}
.dss-product-skeleton{pointer-events:none}
.dss-skeleton-media,
.dss-skeleton-line{
	background:linear-gradient(100deg,#f1f1f1 20%,#fafafa 42%,#f1f1f1 64%);
	background-size:220% 100%;
	animation:dss-skeleton-shimmer 1.15s ease-in-out infinite;
}
.dss-skeleton-media{
	width:100%;
	aspect-ratio:1/1.2;
}
.dss-skeleton-line{
	height:12px;
	border-radius:3px;
}
.dss-skeleton-title{
	width:82%;
	margin-top:14px;
}
.dss-skeleton-price{
	width:34%;
	margin-top:9px;
}
@keyframes dss-skeleton-shimmer{
	to{background-position-x:-220%}
}
@media(prefers-reduced-motion:no-preference){
	.dss-infinite-item{animation:dss-product-enter .28s ease both}
	@keyframes dss-product-enter{
		from{opacity:0;transform:translateY(8px)}
		to{opacity:1;transform:none}
	}
}
@media(prefers-reduced-motion:reduce){
	.dss-skeleton-media,.dss-skeleton-line{animation:none}
}