.cc-most-added-link {
	display: inline-flex !important;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 46px;
	margin: 0 0 0 0;
	padding: 0 14px;
	border: 1px solid #7e858d;
	border-radius: 5px;
	background: linear-gradient(180deg, #555c64 0%, #22272c 42%, #0b0e11 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset 0 -2px 4px rgba(0,0,0,.75), 0 3px 8px rgba(0,0,0,.3);
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .02em;
	text-decoration: none !important;
	text-shadow: 0 1px 2px #000;
	text-transform: uppercase;
	white-space: nowrap;
	box-sizing: border-box;
}
.cc-most-added-link:hover,
.cc-most-added-link:focus {
	background: linear-gradient(180deg, #6f7780 0%, #30363c 42%, #111519 100%);
	color: #fff !important;
	transform: translateY(-1px);
}
.cc-most-added-icon { color: #d7dde2; font-size: 15px; }

.cc-rack-popularity { max-width: 1240px; margin: 0 auto; padding: 28px 18px 80px; color: #f7f7f7; }
.cc-rack-popularity-hero { padding: 26px; border: 1px solid #5b626a; border-radius: 14px; background: linear-gradient(145deg, #323840, #111419 70%); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 16px 38px rgba(0,0,0,.28); text-align: center; }
.cc-rack-popularity-kicker { margin: 0 0 6px; color: #c7cbd0; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.cc-rack-popularity h1 { margin: 0 0 10px; color: #fff; font-size: clamp(26px, 4vw, 46px); text-transform: uppercase; }
.cc-rack-popularity-hero p { color: #d8dce0; }
.cc-rack-popularity-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px; }
.cc-rack-popularity-tabs a { padding: 11px 16px; border: 1px solid #747b83; border-radius: 999px; background: #171b20; color: #fff !important; font-weight: 800; text-decoration: none !important; }
.cc-rack-popularity-tabs a.is-active { background: linear-gradient(180deg, #6a7178, #22272c 58%, #0d1013); box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }

.cc-rack-popularity-sort {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin: 20px 0 0;
	padding: 14px;
	border: 1px solid #555c63;
	border-radius: 10px;
	background: linear-gradient(145deg, #252b31, #111419 72%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.cc-rack-popularity-sort label {
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.cc-rack-popularity-sort select {
	min-width: 230px;
	height: 42px;
	margin: 0;
	padding: 0 38px 0 12px;
	border: 1px solid #7b838b;
	border-radius: 6px;
	background-color: #171b20;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.cc-rack-popularity-sort button {
	height: 42px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid #858d95;
	border-radius: 6px;
	background: linear-gradient(180deg, #606870, #1c2126 55%, #0b0e11);
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}
.cc-rack-popularity-sort button:hover,
.cc-rack-popularity-sort button:focus {
	background: linear-gradient(180deg, #78818a, #2a3036 55%, #111519);
}

.cc-rack-popularity-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.cc-rack-popularity-card { position: relative; overflow: hidden; border: 1px solid #555c63; border-radius: 14px; background: linear-gradient(155deg, #2a3036, #101317 72%); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 28px rgba(0,0,0,.25); }
.cc-rack-popularity-rank { position: absolute; top: 10px; left: 10px; z-index: 2; min-width: 42px; padding: 7px 9px; border: 1px solid #838b93; border-radius: 999px; background: rgba(11,14,17,.9); color: #fff; font-weight: 900; text-align: center; }
.cc-rack-popularity-image { display: block; padding: 22px 22px 8px; text-align: center; }
.cc-rack-popularity-image img { width: 100% !important; height: 220px !important; margin: 0 !important; object-fit: contain; }
.cc-rack-popularity-body { padding: 16px; }
.cc-rack-popularity-body h2 { min-height: 48px; margin: 0 0 12px; font-size: 16px; line-height: 1.35; }
.cc-rack-popularity-body h2 a { color: #fff !important; text-decoration: none !important; }
.cc-rack-popularity-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cc-rack-popularity-metrics span { padding: 10px 8px; border: 1px solid #4d555d; border-radius: 8px; background: rgba(255,255,255,.045); color: #cfd4d9; font-size: 11px; text-align: center; }
.cc-rack-popularity-metrics strong { display: block; color: #fff; font-size: 18px; }
.cc-rack-popularity-price { min-height: 28px; margin: 12px 0; color: #fff; font-weight: 800; }
.cc-rack-popularity-price * { color: inherit !important; }
.cc-rack-popularity-view { display: block; padding: 11px; border: 1px solid #858d95; border-radius: 7px; background: linear-gradient(180deg, #606870, #1c2126 55%, #0b0e11); color: #fff !important; font-weight: 900; text-align: center; text-decoration: none !important; }
.cc-rack-popularity-empty { margin: 24px 0; padding: 24px; border: 1px solid #555c63; border-radius: 12px; background: #171b20; color: #fff; text-align: center; }
.cc-popularity-account-link, .cc-popularity-rack-link { margin: 14px 0; }
.cc-popularity-account-link a, .cc-popularity-rack-link a { display: inline-block; padding: 11px 16px; border: 1px solid #737b83; border-radius: 7px; background: linear-gradient(180deg, #555c64, #171b20 65%, #0b0e11); color: #fff !important; font-weight: 800; text-decoration: none !important; }

@media (max-width: 980px) { 
.cc-rack-popularity-sort {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin: 20px 0 0;
	padding: 14px;
	border: 1px solid #555c63;
	border-radius: 10px;
	background: linear-gradient(145deg, #252b31, #111419 72%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.cc-rack-popularity-sort label {
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.cc-rack-popularity-sort select {
	min-width: 230px;
	height: 42px;
	margin: 0;
	padding: 0 38px 0 12px;
	border: 1px solid #7b838b;
	border-radius: 6px;
	background-color: #171b20;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.cc-rack-popularity-sort button {
	height: 42px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid #858d95;
	border-radius: 6px;
	background: linear-gradient(180deg, #606870, #1c2126 55%, #0b0e11);
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}
.cc-rack-popularity-sort button:hover,
.cc-rack-popularity-sort button:focus {
	background: linear-gradient(180deg, #78818a, #2a3036 55%, #111519);
}

.cc-rack-popularity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
	.cc-rack-popularity-sort { justify-content: stretch; }
	.cc-rack-popularity-sort label { width: 100%; }
	.cc-rack-popularity-sort select { flex: 1 1 100%; width: 100%; min-width: 0; }
	.cc-rack-popularity-sort button { width: 100%; }
	.cc-most-added-link { height: 43px; padding: 0 9px; font-size: 10px; }
	.cc-collection-search-inner { grid-template-columns: auto auto minmax(0,1fr) !important; }
	.cc-view-collection-button { grid-column: 1 !important; }
	.cc-most-added-link { grid-column: 2; grid-row: 1; }
	.cc-collection-input-wrap { grid-column: 3 !important; }
	
.cc-rack-popularity-sort {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin: 20px 0 0;
	padding: 14px;
	border: 1px solid #555c63;
	border-radius: 10px;
	background: linear-gradient(145deg, #252b31, #111419 72%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.cc-rack-popularity-sort label {
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.cc-rack-popularity-sort select {
	min-width: 230px;
	height: 42px;
	margin: 0;
	padding: 0 38px 0 12px;
	border: 1px solid #7b838b;
	border-radius: 6px;
	background-color: #171b20;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.cc-rack-popularity-sort button {
	height: 42px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid #858d95;
	border-radius: 6px;
	background: linear-gradient(180deg, #606870, #1c2126 55%, #0b0e11);
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	cursor: pointer;
}
.cc-rack-popularity-sort button:hover,
.cc-rack-popularity-sort button:focus {
	background: linear-gradient(180deg, #78818a, #2a3036 55%, #111519);
}

.cc-rack-popularity-grid { grid-template-columns: 1fr; }
}
@media (max-width: 440px) {
	.cc-most-added-link span:last-child { font-size: 0; }
	.cc-most-added-link span:last-child::after { content: "TOP"; font-size: 10px; }
	.cc-rack-popularity { padding-right: 10px; padding-left: 10px; }
}