/* =========================================================
   RAREKICKS CUSTOM SHOP
   Every rule below is scoped under .rarekicks-custom-shop,
   except the small "page state" block directly below, which
   is keyed to body.rk-shop-page (added ONLY on the RareKicks
   shop template by rarekicks-shop.php).
========================================================= */


/* ---------------------------------------------------------
   PAGE STATE (body class exists only on this template)
--------------------------------------------------------- */

.rk-shop-page .page_content_wrap {
	padding: 0 !important;
}

body.rk-shop-page.rk-filter-open,
body.rk-shop-page.rk-video-open {
	overflow: hidden !important;
}


/* ---------------------------------------------------------
   TOKENS + BASE
--------------------------------------------------------- */

.rarekicks-custom-shop {

	--rk-black: #111111;
	--rk-charcoal: #1c1c1c;
	--rk-off-white: #f7f5f0;
	--rk-accent: #fd5f0d;
	--rk-gray: #777777;
	--rk-gray-text: #666666;   /* gray, darkened a touch for small-text contrast */
	--rk-light: #e8e8e8;
	--rk-white: #ffffff;

	--rk-radius-sm: 8px;
	--rk-radius: 12px;
	--rk-radius-lg: 16px;

	--rk-ease: cubic-bezier(.2, .7, .2, 1);

	--rk-sticky-top: 24px; /* raise if the theme header is sticky */

	background: var(--rk-white);
	color: var(--rk-black);

	font-family: "Manrope", sans-serif;
	font-size: 14px;
	line-height: 1.5;

	min-height: 100vh;

	-webkit-font-smoothing: antialiased;
}

.rarekicks-custom-shop *,
.rarekicks-custom-shop *::before,
.rarekicks-custom-shop *::after {
	box-sizing: border-box;
}

.rarekicks-custom-shop button,
.rarekicks-custom-shop input,
.rarekicks-custom-shop select {
	font-family: inherit;
	margin: 0;
}

.rarekicks-custom-shop button {
	text-transform: none;
	letter-spacing: normal;
	box-shadow: none;
}

.rarekicks-custom-shop :focus-visible {
	outline: 2px solid var(--rk-black);
	outline-offset: 2px;
}

.rarekicks-custom-shop .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.rarekicks-custom-shop .rk-container {
	width: min(1320px, calc(100% - 48px));
	margin-inline: auto;
}


/* Inline SVG icons (see rk_shop_icon() in PHP) */
.rarekicks-custom-shop .rk-icon {
	display: block;
	flex: none;
	pointer-events: none;
}


/* =========================================================
   HERO: BREADCRUMB + HEADING
========================================================= */

.rarekicks-custom-shop .rk-hero {
	background: var(--rk-off-white);
	border-bottom: 1px solid var(--rk-light);
}

.rarekicks-custom-shop .rk-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 22px 0 0;
	font-size: 12px;
	font-weight: 600;
	color: var(--rk-gray-text);
}

.rarekicks-custom-shop .rk-breadcrumb a {
	color: var(--rk-gray-text);
	text-decoration: none;
	transition: color .2s ease;
}

.rarekicks-custom-shop .rk-breadcrumb a:hover {
	color: var(--rk-black);
}

.rarekicks-custom-shop .rk-breadcrumb [aria-current] {
	color: var(--rk-black);
}

.rarekicks-custom-shop .rk-shop-heading {
	padding: 18px 0 38px;
}

.rarekicks-custom-shop .rk-shop-heading h1 {
	margin: 0;
	padding: 0;
	font-family: "Archivo Black", sans-serif;
	font-size: clamp(32px, 4.2vw, 52px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -.03em;
	text-transform: uppercase;
	color: var(--rk-black);
}

.rarekicks-custom-shop .rk-shop-heading p {
	margin: 12px 0 0;
	font-size: 15px;
	color: var(--rk-gray-text);
}


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

.rarekicks-custom-shop .rk-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 72px;
	border-bottom: 1px solid var(--rk-light);
}

.rarekicks-custom-shop .rk-result-count {
	font-size: 13px;
	font-weight: 700;
	color: var(--rk-black);
}

.rarekicks-custom-shop .rk-toolbar-right {
	display: flex;
	align-items: center;
	gap: 16px;
}

.rarekicks-custom-shop .rk-sort-control {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	color: var(--rk-gray-text);
}
.rk-sort-control span{
    width:100%;
}
.rarekicks-custom-shop .select_container:after{
    right: 17px;
}
.rarekicks-custom-shop .rk-sort-control select {
	appearance: none;
	-webkit-appearance: none;

	min-width: 190px;
	height: 42px;
	padding: 0 40px 0 16px;

	border: 1px solid var(--rk-light);
	border-radius: 999px;

	background-color: var(--rk-white);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;

	color: var(--rk-black);
	font-size: 13px;
	font-weight: 700;

	cursor: pointer;

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

.rarekicks-custom-shop .rk-sort-control select:hover {
	border-color: var(--rk-black);
}

.rarekicks-custom-shop .rk-sort-control select:focus-visible {
	border-color: var(--rk-black);
	box-shadow: 0 0 0 3px rgba(253, 95, 13, .25);
	outline: none;
}


/* Mobile filter button (shown in drawer mode only) */

.rarekicks-custom-shop .rk-mobile-filter-button {
	display: none;
	align-items: center;
	gap: 8px;

	height: 42px;
	padding: 0 18px;

	border: 1.5px solid var(--rk-black);
	border-radius: 999px;

	background: var(--rk-white);
	color: var(--rk-black);

	font-size: 12px;
	font-weight: 800;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;

	cursor: pointer;

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

.rarekicks-custom-shop .rk-mobile-filter-button:hover {
	background: var(--rk-black);
	color: var(--rk-white);
}

.rarekicks-custom-shop .rk-filter-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 20px;
	height: 20px;
	padding: 0 6px;

	border-radius: 999px;

	background: var(--rk-accent);
	color: var(--rk-black);

	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0;
}

.rarekicks-custom-shop .rk-filter-count[hidden] {
	display: none;
}


/* =========================================================
   LAYOUT
========================================================= */

.rarekicks-custom-shop .rk-shop-layout {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: 40px;
	padding: 32px 0 72px;
}

.rarekicks-custom-shop .rk-products-area {
	min-width: 0;
}


/* =========================================================
   SIDEBAR
========================================================= */

.rarekicks-custom-shop .rk-sidebar {
	align-self: start;

	position: sticky;
	top: var(--rk-sticky-top);

	max-height: calc(100vh - var(--rk-sticky-top) - 24px);
	overflow-y: auto;

	padding-right: 8px;

	scrollbar-width: thin;
	scrollbar-color: var(--rk-light) transparent;
}

.rarekicks-custom-shop .rk-sidebar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--rk-black);
}

.rarekicks-custom-shop .rk-sidebar-header > div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	width: 100%;
	gap: 10px;
}

.rarekicks-custom-shop .rk-sidebar-header h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--rk-black);
}

.rarekicks-custom-shop .rk-clear-all {
	padding: 4px 0;
	border: 0;
	background: none;
	color: var(--rk-gray-text);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .05em !important;
	text-transform: uppercase !important;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
	transition: color .2s ease;
}

.rarekicks-custom-shop .rk-clear-all:hover {
	color: var(--rk-accent);
}

.rarekicks-custom-shop .rk-sidebar-close {
	display: none;
}

.rarekicks-custom-shop .rk-mobile-filter-footer {
	display: none;
}


/* =========================================================
   FILTER GROUPS
========================================================= */

.rarekicks-custom-shop .rk-filter-group {
	border-bottom: 1px solid var(--rk-light);
	padding: 18px 0;
}

.rarekicks-custom-shop .rk-filter-group summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	list-style: none;
	cursor: pointer;

	font-size: 12px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--rk-black);

	-webkit-tap-highlight-color: transparent;
}

.rarekicks-custom-shop .rk-filter-group summary::-webkit-details-marker {
	display: none;
}

.rarekicks-custom-shop .rk-filter-group summary::marker {
	content: "";
}

/* Dot beside a group title when something inside is selected */
.rarekicks-custom-shop .rk-filter-group:has(.rk-filter-option input:checked) .rk-summary-title::after,
.rarekicks-custom-shop .rk-filter-group.rk-price:has(input:not(:placeholder-shown)) .rk-summary-title::after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 8px;
	border-radius: 50%;
	background: var(--rk-accent);
	vertical-align: middle;
}

/* Chevron */
.rarekicks-custom-shop .rk-summary-icon {
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin-right: 3px;

	border-right: 2px solid var(--rk-black);
	border-bottom: 2px solid var(--rk-black);

	transform: rotate(45deg) translate(-2px, -2px);
	transition: transform .25s var(--rk-ease);
}

.rarekicks-custom-shop .rk-filter-group[open] > summary .rk-summary-icon {
	transform: rotate(-135deg) translate(-2px, -2px);
}

.rarekicks-custom-shop .rk-filter-options {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding-top: 14px;
}


/* ---------------------------------------------------------
   Options (custom checkbox)
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-filter-option {
	position: relative;

	display: flex;
	align-items: center;
	gap: 11px;

	padding: 6px 0;
	margin: 0;

	cursor: pointer;

	color: var(--rk-black);
	font-size: 13px;
	line-height: 1.35;

	-webkit-tap-highlight-color: transparent;
}

.rarekicks-custom-shop .rk-filter-option input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
}

.rarekicks-custom-shop .rk-filter-option .rk-check {
	position: relative;

	flex: 0 0 20px;
	width: 20px;
	height: 20px;

	border: 1.5px solid #c9c9c9;
	border-radius: 6px;

	background: var(--rk-white);

	transition:
		background-color .18s ease,
		border-color .18s ease,
		box-shadow .18s ease;
}

.rarekicks-custom-shop .rk-filter-option:hover .rk-check {
	border-color: var(--rk-black);
}

.rarekicks-custom-shop .rk-filter-option input:checked + .rk-check {
	background: var(--rk-accent);
	border-color: var(--rk-accent);
	box-shadow: 0 0 0 3px rgba(253, 95, 13, .16);
}

.rarekicks-custom-shop .rk-filter-option input:checked + .rk-check::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 6px;
	width: 5px;
	height: 10px;
	border-right: 2.5px solid var(--rk-black);
	border-bottom: 2.5px solid var(--rk-black);
	transform: rotate(45deg);
}

.rarekicks-custom-shop .rk-filter-option input:focus-visible + .rk-check {
	outline: 2px solid var(--rk-black);
	outline-offset: 3px;
}

.rarekicks-custom-shop .rk-option-label {
	font-size: 13px;
	font-weight: 600;
	color: var(--rk-black);
	transition: color .15s ease;
}

.rarekicks-custom-shop .rk-filter-option input:checked ~ .rk-option-label {
	font-weight: 800;
}


/* ---------------------------------------------------------
   Chip style (sizes, gender)
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-options-chips {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
}

.rarekicks-custom-shop .rk-options-chips .rk-filter-option {
	padding: 0;
}

.rarekicks-custom-shop .rk-options-chips .rk-check {
	display: none;
}

.rarekicks-custom-shop .rk-options-chips .rk-option-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 46px;
	height: 38px;
	padding: 0 12px;

	border: 1.5px solid var(--rk-light);
	border-radius: 10px;

	background: var(--rk-white);

	font-size: 13px;
	font-weight: 700;

	transition:
		border-color .18s ease,
		background-color .18s ease,
		color .18s ease;
}

.rarekicks-custom-shop .rk-options-chips .rk-filter-option:hover .rk-option-label {
	border-color: var(--rk-black);
}

.rarekicks-custom-shop .rk-options-chips .rk-filter-option input:checked ~ .rk-option-label {
	background: var(--rk-black);
	border-color: var(--rk-black);
	color: var(--rk-white);
	font-weight: 700;
}

.rarekicks-custom-shop .rk-options-chips .rk-filter-option input:focus-visible ~ .rk-option-label {
	outline: 2px solid var(--rk-accent);
	outline-offset: 2px;
}


/* ---------------------------------------------------------
   In-filter search (long lists such as brands)
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-filter-search {
	width: 100%;
	height: 40px;
	margin: 0 0 8px;
	padding: 0 14px;

	border: 1.5px solid var(--rk-light);
	border-radius: 10px;

	background: var(--rk-white);
	box-shadow: none;

	color: var(--rk-black);
	font-size: 13px;
	font-weight: 600;

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

.rarekicks-custom-shop .rk-filter-search:focus {
	border-color: var(--rk-black);
	box-shadow: 0 0 0 3px rgba(253, 95, 13, .2);
	outline: none;
}

.rarekicks-custom-shop .rk-filter-group.is-searching .rk-extra-option {
	display: flex;
}

.rarekicks-custom-shop .rk-filter-group.is-searching .rk-view-more {
	display: none;
}

.rarekicks-custom-shop .rk-filter-group .rk-filter-option[hidden] {
	display: none;
}

.rarekicks-custom-shop .rk-clear-all[hidden] {
	display: none;
}


/* ---------------------------------------------------------
   View more / less
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-extra-option {
	display: none;
}

.rarekicks-custom-shop .rk-filter-group.is-expanded .rk-extra-option {
	display: flex;
}

.rarekicks-custom-shop .rk-view-more {
	flex: 0 0 100%;
	align-self: flex-start;

	margin: 8px 0 0;
	padding: 4px 0;

	border: 0;
	background: none;

	color: var(--rk-black);
	font-size: 12px;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 3px;

	cursor: pointer;

	transition: color .2s ease;
}

.rarekicks-custom-shop .rk-view-more:hover {
	color: var(--rk-accent);
}


/* ---------------------------------------------------------
   Price
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-price-fields {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	padding-top: 14px;
}

.rarekicks-custom-shop .rk-price-field {
	display: flex;
	align-items: center;
	gap: 6px;

	height: 42px;
	margin: 0;
	padding: 0 12px;

	border: 1.5px solid var(--rk-light);
	border-radius: 10px;

	background: var(--rk-white);

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

.rarekicks-custom-shop .rk-price-field:focus-within {
	border-color: var(--rk-black);
	box-shadow: 0 0 0 3px rgba(253, 95, 13, .2);
}

.rarekicks-custom-shop .rk-currency {
	flex: none;
	font-size: 12px;
	font-weight: 700;
	color: var(--rk-gray-text);
}

.rarekicks-custom-shop .rk-price-field input {
	flex: 1;
	width: 100%;
	min-width: 0;
	height: 100%;
	padding: 0;

	border: 0;
	background: transparent;
	box-shadow: none;
	outline: none;

	color: var(--rk-black);
	font-size: 13px;
	font-weight: 700;

	-moz-appearance: textfield;
	appearance: textfield;
}

.rarekicks-custom-shop .rk-price-field input::-webkit-outer-spin-button,
.rarekicks-custom-shop .rk-price-field input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.rarekicks-custom-shop .rk-price-field input::placeholder {
	color: #9a9a9a;
	font-weight: 600;
}

.rarekicks-custom-shop .rk-price-sep {
	color: var(--rk-gray);
}


/* =========================================================
   ACTIVE FILTER PILLS
========================================================= */

.rarekicks-custom-shop .rk-active-filters {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 22px;
}

.rarekicks-custom-shop .rk-active-filters[hidden] {
	display: none;
}

.rarekicks-custom-shop .rk-filter-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	padding: 5px 5px 5px 14px;

	border: 1px solid var(--rk-light);
	border-radius: 999px;

	background: var(--rk-off-white);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--rk-black);
}

.rarekicks-custom-shop .rk-filter-pill button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 22px;
	height: 22px;
	padding: 0;

	border: 0;
	border-radius: 50%;

	background: var(--rk-black);
	color: var(--rk-white);

	font-size: 15px;
	line-height: 1;

	cursor: pointer;

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

.rarekicks-custom-shop .rk-filter-pill button:hover {
	background: var(--rk-accent);
	color: var(--rk-black);
}

.rarekicks-custom-shop .rk-pill-clear {
	padding: 6px 8px;
	border: 0;
	background: none;
	color: var(--rk-gray-text);
	font-size: 12px;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.rarekicks-custom-shop .rk-pill-clear:hover {
	color: var(--rk-accent);
}


/* =========================================================
   RESULTS + LOADING STATE
========================================================= */

.rarekicks-custom-shop .rk-results {
	position: relative;
	min-height: 320px;
}

.rarekicks-custom-shop .rk-results:focus {
	outline: none;
}

.rarekicks-custom-shop .rk-results .rk-grid {
	transition: opacity .2s ease;
}

.rarekicks-custom-shop .rk-results.is-loading .rk-grid {
	pointer-events: none;
}

.rarekicks-custom-shop .rk-results.is-loading .rk-product-image-wrap {
	animation: rk-pulse 1.2s ease-in-out infinite;
}

.rarekicks-custom-shop .rk-results.is-loading .rk-main-image,
.rarekicks-custom-shop .rk-results.is-loading .rk-badges,
.rarekicks-custom-shop .rk-results.is-loading .rk-card-wishlist,
.rarekicks-custom-shop .rk-results.is-loading .rk-view-video {
	opacity: 0;
}

/* Skeleton lines drawn over the text area while loading */
.rarekicks-custom-shop .rk-results.is-loading .rk-product-content {
	position: relative;
}

.rarekicks-custom-shop .rk-results.is-loading .rk-product-content::after {
	content: "";

	position: absolute;
	inset: 0;
	z-index: 2;

	background-color: var(--rk-white);
	background-image:
		linear-gradient(var(--rk-light), var(--rk-light)),
		linear-gradient(var(--rk-light), var(--rk-light)),
		linear-gradient(var(--rk-light), var(--rk-light)),
		linear-gradient(var(--rk-light), var(--rk-light));
	background-repeat: no-repeat;
	background-size: 35% 10px, 85% 14px, 55% 12px, 100% 42px;
	background-position: 18px 18px, 18px 40px, 18px 68px, 18px calc(100% - 18px);

	animation: rk-pulse-line 1.2s ease-in-out infinite;
}

@keyframes rk-pulse-line {
	0%, 100% { opacity: 1; }
	50%      { opacity: .7; }
}

.rarekicks-custom-shop .rk-results.is-loading::before {
	content: "";

	position: absolute;
	z-index: 6;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;

	border-radius: 3px;

	background-image: linear-gradient(90deg, transparent, var(--rk-accent), transparent);
	background-size: 40% 100%;
	background-repeat: no-repeat;

	animation: rk-bar 1s linear infinite;
}

@keyframes rk-bar {
	from { background-position: -40% 0; }
	to   { background-position: 140% 0; }
}

@keyframes rk-pulse {
	0%, 100% { background-color: var(--rk-off-white); }
	50%      { background-color: var(--rk-light); }
}

@keyframes rk-spin {
	to { transform: rotate(360deg); }
}

.rarekicks-custom-shop .rk-notice {
	margin-bottom: 18px;
	padding: 14px 18px;

	border-left: 4px solid var(--rk-accent);
	border-radius: var(--rk-radius-sm);

	background: var(--rk-off-white);

	font-size: 13px;
	font-weight: 700;
}


/* =========================================================
   PRODUCT GRID
========================================================= */

.rarekicks-custom-shop .rk-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px 22px;
}


/* =========================================================
   PRODUCT CARD
========================================================= */

.rarekicks-custom-shop .rk-product-card {
	display: flex;
	flex-direction: column;

	min-width: 0;

	border: 1px solid var(--rk-light);
	border-radius: var(--rk-radius-lg);

	background: var(--rk-white);

	overflow: hidden;

	transition:
		transform .3s var(--rk-ease),
		box-shadow .3s var(--rk-ease),
		border-color .3s ease;
}

@media (hover: hover) {

	.rarekicks-custom-shop .rk-product-card:hover {
		transform: translateY(-4px);
		border-color: #d4d4d4;
		box-shadow: 0 18px 38px -18px rgba(17, 17, 17, .28);
	}

}

.rarekicks-custom-shop .rk-product-image-wrap {
	position: relative;
	overflow: hidden;
	background: var(--rk-off-white);
	aspect-ratio: 1 / 1;
}

.rarekicks-custom-shop .rk-product-image {
	display: block;
	width: 100%;
	height: 100%;
}

.rarekicks-custom-shop .rk-main-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s var(--rk-ease), opacity .3s ease;
}

@media (hover: hover) {

	.rarekicks-custom-shop .rk-product-card:hover .rk-main-image {
		transform: scale(1.05);
	}

}

.rarekicks-custom-shop .rk-sold-product .rk-main-image {
	opacity: .55;
	filter: grayscale(.5);
}


/* ---------------------------------------------------------
   Badges
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-badges {
	position: absolute;
	z-index: 3;
	top: 12px;
	left: 12px;

	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;

	pointer-events: none;
}

.rarekicks-custom-shop .rk-sale-badge,
.rarekicks-custom-shop .rk-sold-badge {
	display: inline-block;

	padding: 5px 10px;

	border-radius: 999px;

	font-size: 11px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.rarekicks-custom-shop .rk-sale-badge {
	background: var(--rk-accent);
	color: var(--rk-black);
}

.rarekicks-custom-shop .rk-sold-badge {
	background: var(--rk-black);
	color: var(--rk-white);
}


/* ---------------------------------------------------------
   Video button
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-view-video {
	position: absolute;
	left: 12px;
	bottom: 12px;
	z-index: 5;

	display: inline-flex;
	align-items: center;
	gap: 8px;

	height: 36px;
	padding: 0 14px 0 6px;

	border: 0;
	border-radius: 999px;

	background: rgba(17, 17, 17, .88);
	color: var(--rk-white);

	font-size: 11px;
	font-weight: 800;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;

	cursor: pointer;

	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);

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

.rarekicks-custom-shop .rk-view-video:hover {
	background: var(--rk-accent);
	color: var(--rk-black);
	transform: translateY(-2px);
}

.rarekicks-custom-shop .rk-video-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 24px;
	height: 24px;
	padding-left: 1px;

	border-radius: 50%;

	background: var(--rk-accent);
	color: var(--rk-black);

	line-height: 1;

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

.rarekicks-custom-shop .rk-view-video:hover .rk-video-icon {
	background: var(--rk-black);
	color: var(--rk-accent);
}


/* =========================================================
   WISHLIST (TI WooCommerce Wishlist markup)
========================================================= */

.rarekicks-custom-shop .rk-card-wishlist {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 20;

	width: 40px;
	height: 40px;

	display: flex !important;
	align-items: center;
	justify-content: center;

	margin: 0 !important;
	padding: 0 !important;

	background: rgba(255, 255, 255, .96) !important;
	border: 1px solid rgba(17, 17, 17, .08) !important;
	border-radius: 50% !important;

	box-shadow: 0 6px 18px rgba(17, 17, 17, .12);

	transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.rarekicks-custom-shop .rk-card-wishlist:empty {
	display: none !important;
}

.rarekicks-custom-shop .rk-card-wishlist .tinv-wraper {
	position: static !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	height: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

.rarekicks-custom-shop .rk-card-wishlist .tinv-wishlist-clear,
.rarekicks-custom-shop .rk-card-wishlist .tinvwl-tooltip {
	display: none !important;
}

.rarekicks-custom-shop .rk-card-wishlist .tinvwl_add_to_wishlist_button {
	position: relative !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 50% !important;

	background: transparent !important;
	box-shadow: none !important;

	color: var(--rk-black) !important;
	text-decoration: none !important;

	cursor: pointer;

	font-size: 0 !important;
}

/* Keep the label for screen readers (visually hidden, not display:none) */
.rarekicks-custom-shop .rk-card-wishlist .tinvwl_add_to_wishlist-text,
.rarekicks-custom-shop .rk-card-wishlist .tinvwl_remove_from_wishlist-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
}

.rarekicks-custom-shop .rk-card-wishlist .tinvwl-icon-heart::before {
	content: "" !important;

	display: block !important;

	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;

	background-color: var(--rk-black) !important;

	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.3-9.4C1.5 7.8 3.4 4.5 6.8 4.5c2 0 3.7 1.1 5.2 3 1.5-1.9 3.2-3 5.2-3 3.4 0 5.3 3.3 4.1 6.6-1.8 4.8-9.3 9.4-9.3 9.4Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.3-9.4C1.5 7.8 3.4 4.5 6.8 4.5c2 0 3.7 1.1 5.2 3 1.5-1.9 3.2-3 5.2-3 3.4 0 5.3 3.3 4.1 6.6-1.8 4.8-9.3 9.4-9.3 9.4Z'/%3E%3C/svg%3E") center / contain no-repeat !important;

	opacity: 1 !important;
	visibility: visible !important;

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

.rarekicks-custom-shop .rk-card-wishlist .tinvwl-icon-heart::after {
	display: none !important;
	content: none !important;
}

.rarekicks-custom-shop .rk-card-wishlist:hover {
	background: var(--rk-black) !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(17, 17, 17, .22);
}

.rarekicks-custom-shop .rk-card-wishlist:hover .tinvwl-icon-heart::before {
	background-color: var(--rk-accent) !important;
	transform: scale(1.1);
}

/* In wishlist: filled orange heart (TInv puts the state class on the button itself or its parent) */
.rarekicks-custom-shop .rk-card-wishlist .tinvwl-product-in-list.tinvwl-icon-heart::before,
.rarekicks-custom-shop .rk-card-wishlist .tinvwl-product-in-list .tinvwl-icon-heart::before,
.rarekicks-custom-shop .rk-card-wishlist .tinvwl_added_to_wishlist.tinvwl-icon-heart::before,
.rarekicks-custom-shop .rk-card-wishlist .tinvwl_added_to_wishlist .tinvwl-icon-heart::before {
	background-color: var(--rk-accent) !important;

	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.3-9.4C1.5 7.8 3.4 4.5 6.8 4.5c2 0 3.7 1.1 5.2 3 1.5-1.9 3.2-3 5.2-3 3.4 0 5.3 3.3 4.1 6.6-1.8 4.8-9.3 9.4-9.3 9.4Z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.3-9.4C1.5 7.8 3.4 4.5 6.8 4.5c2 0 3.7 1.1 5.2 3 1.5-1.9 3.2-3 5.2-3 3.4 0 5.3 3.3 4.1 6.6-1.8 4.8-9.3 9.4-9.3 9.4Z'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   PRODUCT INFO
========================================================= */

.rarekicks-custom-shop .rk-product-content {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 16px 18px 18px;
}

.rarekicks-custom-shop .rk-product-brand {
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--rk-gray-text);
}

.rarekicks-custom-shop .rk-product-title {
	margin: 0;
	padding: 0;

	font-family: "Manrope", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}

.rarekicks-custom-shop .rk-product-title a {
	color: var(--rk-black);
	text-decoration: none;
	transition: color .2s ease;
}

.rarekicks-custom-shop .rk-product-title a:hover {
	color: var(--rk-accent);
}


/* ---------------------------------------------------------
   Condition score (1-10)
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-condition-score {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;

	width: 100%;
	margin: 10px 0 0;
	padding: 7px 8px 7px 12px;

	border: 1px solid var(--rk-light);
	border-radius: var(--rk-radius-sm);

	background: var(--rk-off-white);
}

.rarekicks-custom-shop .rk-condition-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;

	font-size: 11px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--rk-gray-text);
}

.rarekicks-custom-shop .rk-condition-value {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 48px;
	padding: 5px 9px;

	border-radius: 6px;

	background: var(--rk-accent);
	color: var(--rk-black);

	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}


/* ---------------------------------------------------------
   Rating (width-based stars: supports 4.3, 4.7 ...)
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-product-rating {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 8px;
	min-height: 18px;
}

.rarekicks-custom-shop .rk-stars {
	--rk-star: 15px;

	display: inline-block;
	flex: none;

	width: calc(var(--rk-star) * 5);
	height: var(--rk-star);

	background: linear-gradient(
		90deg,
		var(--rk-accent) var(--rk-rating, 0%),
		var(--rk-light) var(--rk-rating, 0%)
	);

	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.6l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.2 1.2-6.5L2.5 9.5l6.6-.9L12 2.6Z'/%3E%3C/svg%3E") 0 0 / var(--rk-star) 100% repeat-x;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.6l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.2 1.2-6.5L2.5 9.5l6.6-.9L12 2.6Z'/%3E%3C/svg%3E") 0 0 / var(--rk-star) 100% repeat-x;
}

.rarekicks-custom-shop .rk-rating-number {
	font-size: 12px;
	font-weight: 800;
	color: var(--rk-black);
}

.rarekicks-custom-shop .rk-rating-count {
	font-size: 12px;
	font-weight: 600;
	color: var(--rk-gray-text);
}


/* ---------------------------------------------------------
   Condition / size chips
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-product-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

.rarekicks-custom-shop .rk-chip {
	display: inline-flex;
	align-items: center;

	padding: 4px 9px;

	border: 1px solid var(--rk-light);
	border-radius: 6px;

	background: var(--rk-off-white);

	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--rk-charcoal);
}


/* ---------------------------------------------------------
   Price + button
--------------------------------------------------------- */

.rarekicks-custom-shop .rk-product-bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	margin-top: auto;
	padding-top: 16px;
}

.rarekicks-custom-shop .rk-product-price {
	flex: 1;
	min-width: 0;
}

.rarekicks-custom-shop .rk-product-price .price {
	margin: 0;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--rk-black);
}

/* Sale price first, struck-through regular price second */
.rarekicks-custom-shop .rk-product-price .price:has(> ins) {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 2px 8px;
}

.rarekicks-custom-shop .rk-product-price del {
	color: var(--rk-gray-text);
	font-size: 13px;
	font-weight: 600;
	opacity: .85;
}

.rarekicks-custom-shop .rk-product-price ins {
	text-decoration: none;
	color: var(--rk-black);
	background: none;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart {
	position: relative;

	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;

	flex: none;

	min-width: 92px;
	height: 42px;
	padding: 0 20px;

	border: 1.5px solid var(--rk-black) !important;
	border-radius: 999px;

	background: var(--rk-black) !important;
	color: var(--rk-white) !important;

	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .06em;
	text-decoration: none !important;
	text-transform: uppercase;
	white-space: nowrap;

	cursor: pointer;

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

.rarekicks-custom-shop .rk-product-card .rk-add-cart::before {
	content: none !important;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart:hover {
	background: var(--rk-accent) !important;
	border-color: var(--rk-accent) !important;
	color: var(--rk-black) !important;
	transform: translateY(-2px);
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart:active {
	transform: translateY(0);
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart:focus-visible {
	outline: 2px solid var(--rk-accent);
	outline-offset: 3px;
}

/* "Select" (variable products): outlined */
.rarekicks-custom-shop .rk-product-card .rk-add-cart.rk-select {
	background: transparent !important;
	color: var(--rk-black) !important;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart.rk-select:hover {
	background: var(--rk-accent) !important;
}

/* Icons inside the button: cart by default, check once added */
.rarekicks-custom-shop .rk-product-card .rk-add-cart .rk-icon-check {
	display: none;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart .rk-icon {
	transition: transform .2s ease;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart.rk-select:hover .rk-icon-arrow-r {
	transform: translateX(3px);
}

/* Loading (WooCommerce adds .loading while the AJAX call runs) */
.rarekicks-custom-shop .rk-product-card .rk-add-cart.loading {
	pointer-events: none;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart.loading .rk-btn-label,
.rarekicks-custom-shop .rk-product-card .rk-add-cart.loading .rk-icon {
	opacity: 0;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart.loading::after {
	content: "" !important;

	position: absolute;
	top: 50%;
	left: 50%;

	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;

	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;

	font-family: inherit;

	animation: rk-spin .7s linear infinite;
}

/* Added */
.rarekicks-custom-shop .rk-product-card .rk-add-cart.added {
	background: var(--rk-accent) !important;
	border-color: var(--rk-accent) !important;
	color: var(--rk-black) !important;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart.added .rk-btn-label,
.rarekicks-custom-shop .rk-product-card .rk-add-cart.added .rk-icon-cart {
	display: none;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart.added .rk-icon-check {
	display: block;
}

.rarekicks-custom-shop .rk-product-card .rk-add-cart.added::after {
	content: attr(data-added-label) !important;

	position: static;
	width: auto;
	height: auto;
	margin: 0;

	border: 0;
	border-radius: 0;

	font-family: inherit;

	animation: none;
}

/* "View cart" link WooCommerce injects after a successful add */
.rarekicks-custom-shop .rk-product-card a.added_to_cart.wc-forward {
	order: 3;
	flex: 0 0 100%;

	display: inline-flex !important;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 40px;
	margin: 0 !important;
	padding: 0 16px !important;

	border: 1.5px solid var(--rk-black) !important;
	border-radius: 999px;

	background: var(--rk-white) !important;
	color: var(--rk-black) !important;

	font-family: inherit;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .06em;
	text-decoration: none !important;
	text-transform: uppercase;

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

.rarekicks-custom-shop .rk-product-card a.added_to_cart.wc-forward:hover {
	background: var(--rk-black) !important;
	color: var(--rk-accent) !important;
	transform: translateY(-2px);
	text-decoration: none !important;
}


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

.rarekicks-custom-shop .rk-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;

	width: 100%;
	margin: 56px 0 0;
	padding: 0;
}

.rarekicks-custom-shop .rk-page-number,
.rarekicks-custom-shop .rk-pagination-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	height: 44px;
	margin: 0;

	border: 1.5px solid var(--rk-light);
	border-radius: var(--rk-radius);

	background: var(--rk-white);
	color: var(--rk-black);

	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;

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

.rarekicks-custom-shop .rk-page-number {
	min-width: 44px;
	padding: 0 8px;
}

.rarekicks-custom-shop .rk-pagination-arrow {
	padding: 0 18px;
}

.rarekicks-custom-shop .rk-pagination a:hover {
	border-color: var(--rk-black);
	background: var(--rk-black);
	color: var(--rk-white);
	transform: translateY(-2px);
}

.rarekicks-custom-shop .rk-pagination .is-current {
	border-color: var(--rk-accent);
	background: var(--rk-accent);
	color: var(--rk-black);
	font-weight: 900;
}

.rarekicks-custom-shop .rk-pagination-dots {
	min-width: 24px;
	text-align: center;
	color: var(--rk-gray);
	font-weight: 800;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.rarekicks-custom-shop .rk-empty {
	padding: 90px 20px;
	text-align: center;
}

.rarekicks-custom-shop .rk-empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 84px;
	height: 84px;
	margin-bottom: 20px;

	border-radius: 50%;

	background: var(--rk-off-white);
	color: var(--rk-black);

	line-height: 1;
}

.rarekicks-custom-shop .rk-empty h2 {
	margin: 0;
	font-family: "Archivo Black", sans-serif;
	font-size: 26px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: -.01em;
}

.rarekicks-custom-shop .rk-empty p {
	margin: 10px 0 0;
	color: var(--rk-gray-text);
	font-size: 14px;
}

.rarekicks-custom-shop .rk-clear-results {
	margin-top: 22px;
	height: 46px;
	padding: 0 26px;

	border: 0;
	border-radius: 999px;

	background: var(--rk-black);
	color: var(--rk-white);

	font-size: 12px;
	font-weight: 800;
	letter-spacing: .06em !important;
	text-transform: uppercase !important;

	cursor: pointer;

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

.rarekicks-custom-shop .rk-clear-results:hover {
	background: var(--rk-accent);
	color: var(--rk-black);
}


/* =========================================================
   FILTER OVERLAY (desktop: never shown)
========================================================= */

.rarekicks-custom-shop .rk-filter-overlay {
	display: none;
}


/* =========================================================
   ERROR
========================================================= */

.rarekicks-custom-shop .rk-error {
	padding: 100px 20px;
	text-align: center;
}

.rarekicks-custom-shop .rk-error-inner {
	max-width: 600px;
	margin: auto;
}


/* =========================================================
   VIDEO MODAL (lives inside .rarekicks-custom-shop)
========================================================= */

.rarekicks-custom-shop .rk-video-modal {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;

	width: 100vw !important;
	height: 100vh !important;

	margin: 0 !important;
	padding: 0 !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	z-index: 2147483000 !important;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	transition: opacity .2s ease, visibility .2s ease;
}

.rarekicks-custom-shop .rk-video-modal.is-open {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

.rarekicks-custom-shop .rk-video-overlay {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;

	width: 100% !important;
	height: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: rgba(0, 0, 0, .86) !important;

	cursor: pointer;
}

.rarekicks-custom-shop .rk-video-dialog {
	position: relative !important;

	display: block !important;

	width: min(900px, calc(100vw - 40px)) !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #111 !important;

	border: 0 !important;
	border-radius: 16px !important;

	overflow: hidden !important;

	z-index: 2 !important;

	box-shadow: 0 30px 100px rgba(0, 0, 0, .65) !important;

	transform: scale(.96);

	transition: transform .2s ease;
}

.rarekicks-custom-shop .rk-video-modal.is-open .rk-video-dialog {
	transform: scale(1);
}

.rarekicks-custom-shop .rk-video-content {
	display: block !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	line-height: 0 !important;
	font-size: 0 !important;
}

.rarekicks-custom-shop .rk-native-product-video {
	display: block !important;

	width: 100% !important;
	height: auto !important;
	max-height: calc(100vh - 80px) !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #000 !important;

	object-fit: contain !important;
}

.rarekicks-custom-shop .rk-video-close {
	position: absolute !important;

	top: 12px !important;
	right: 12px !important;

	z-index: 20 !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 42px !important;
	height: 42px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 50% !important;

	background: rgba(17, 17, 17, .9) !important;
	color: #fff !important;

	font-family: Arial, sans-serif !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	line-height: 1 !important;

	cursor: pointer !important;

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

.rarekicks-custom-shop .rk-video-close:hover {
	background: var(--rk-accent) !important;
	color: var(--rk-black) !important;
	transform: rotate(90deg);
}

.rarekicks-custom-shop .rk-video-close:focus-visible {
	outline: 2px solid var(--rk-accent);
	outline-offset: 2px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

/* ---- Small desktop / large tablet: sidebar stays, 2 columns */
@media (max-width: 1100px) {

	.rarekicks-custom-shop .rk-container {
		width: min(1000px, calc(100% - 32px));
	}

	.rarekicks-custom-shop .rk-shop-layout {
		grid-template-columns: 220px minmax(0, 1fr);
		gap: 28px;
	}

	.rarekicks-custom-shop .rk-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 18px;
	}

}


/* ---- Tablet + mobile: filters become an off-canvas drawer */
@media (max-width: 960px) {

	.rarekicks-custom-shop .rk-mobile-filter-button {
		display: inline-flex;
	}

	/* Filters + sort stay reachable while scrolling.
	   If your theme header is fixed, set --rk-toolbar-top to its height. */
	.rarekicks-custom-shop .rk-toolbar-wrap {
		position: sticky;
		top: var(--rk-toolbar-top, 0px);
		z-index: 30;

		background: rgba(255, 255, 255, .96);

		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	}

	.rarekicks-custom-shop .rk-shop-layout {
		display: block;
		padding-top: 24px;
	}

	.rarekicks-custom-shop .rk-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.rarekicks-custom-shop .rk-sidebar {
		position: fixed;
		z-index: 100001;
		top: 0;
		bottom: 0;
		left: 0;

		display: flex;
		flex-direction: column;

		width: min(90vw, 390px);
		max-height: none;
		padding: 0;

		overflow: hidden;

		background: var(--rk-white);

		box-shadow: 12px 0 40px rgba(17, 17, 17, .18);

		visibility: hidden;
		transform: translateX(-102%);

		transition:
			transform .32s var(--rk-ease),
			visibility 0s linear .32s;
	}

	.rarekicks-custom-shop .rk-sidebar.is-open {
		visibility: visible;
		transform: none;
		transition-delay: 0s;
	}

	.rarekicks-custom-shop .rk-sidebar-header {
		flex: none;
		padding: 18px 20px;
		border-bottom: 1px solid var(--rk-light);
		background: var(--rk-off-white);
	}

	.rarekicks-custom-shop .rk-sidebar-header > div {
		flex: 1;
	}

	.rarekicks-custom-shop .rk-sidebar-header h2 {
		font-size: 15px;
	}

	.rarekicks-custom-shop .rk-sidebar-close {
		display: inline-flex;
		align-items: center;
		justify-content: center;

		flex: none;
		width: 40px;
		height: 40px;
		margin-left: 8px;
		padding: 0;

		border: 1px solid var(--rk-light);
		border-radius: 50%;

		background: var(--rk-white);
		color: var(--rk-black);

		cursor: pointer;
	}

	.rarekicks-custom-shop .rk-sidebar form {
		flex: 1;
		min-height: 0;
		padding: 0 20px;

		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.rarekicks-custom-shop .rk-mobile-filter-footer {
		display: block;

		flex: none;
		padding: 14px 20px calc(14px + env(safe-area-inset-bottom));

		border-top: 1px solid var(--rk-light);
		background: var(--rk-white);
	}

	.rarekicks-custom-shop .rk-apply-filters {
		display: flex;
		align-items: center;
		justify-content: center;

		width: 100%;
		min-height: 50px;
		padding: 0 20px;

		border: 0;
		border-radius: 999px;

		background: var(--rk-black);
		color: var(--rk-white);

		font-size: 13px;
		font-weight: 800;
		letter-spacing: .06em !important;
		text-transform: uppercase !important;

		cursor: pointer;

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

	.rarekicks-custom-shop .rk-apply-filters:hover,
	.rarekicks-custom-shop .rk-apply-filters:active {
		background: var(--rk-accent);
		color: var(--rk-black);
	}

	.rarekicks-custom-shop .rk-filter-overlay {
		display: block;

		position: fixed;
		z-index: 100000;
		inset: 0;

		background: rgba(17, 17, 17, .5);

		-webkit-backdrop-filter: blur(2px);
		backdrop-filter: blur(2px);
	}

	.rarekicks-custom-shop .rk-filter-overlay[hidden] {
		display: none;
	}

}


/* ---- Mobile */
@media (max-width: 640px) {

	.rarekicks-custom-shop .rk-container {
		width: calc(100% - 24px);
	}

	.rarekicks-custom-shop .rk-breadcrumb {
		padding-top: 16px;
		font-size: 11px;
	}

	.rarekicks-custom-shop .rk-shop-heading {
		padding: 12px 0 26px;
	}

	.rarekicks-custom-shop .rk-shop-heading p {
		font-size: 13px;
	}

	.rarekicks-custom-shop .rk-toolbar {
		flex-wrap: wrap;
		gap: 10px 12px;
		min-height: 0;
		padding: 14px 0;
	}

	.rarekicks-custom-shop .rk-mobile-filter-button {
		order: 1;
	}

	.rarekicks-custom-shop .rk-toolbar-right {
		order: 2;
		margin-left: auto;
	}

	.rarekicks-custom-shop .rk-result-count {
		order: 3;
		width: 100%;
		font-size: 12px;
		color: var(--rk-gray-text);
	}

	.rarekicks-custom-shop .rk-sort-control > span {
		display: none;
	}

	.rarekicks-custom-shop .rk-sort-control select {
		min-width: 0;
		width: 100%;
		max-width: 180px;
		font-size: 12px;
	}

	.rarekicks-custom-shop .rk-shop-layout {
		padding: 18px 0 48px;
	}

	.rarekicks-custom-shop .rk-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 10px;
	}

	.rarekicks-custom-shop .rk-product-card {
		border-radius: 14px;
	}

	.rarekicks-custom-shop .rk-badges {
		top: 8px;
		left: 8px;
	}

	.rarekicks-custom-shop .rk-sale-badge,
	.rarekicks-custom-shop .rk-sold-badge {
		padding: 4px 8px;
		font-size: 10px;
	}

	.rarekicks-custom-shop .rk-card-wishlist {
		top: 8px;
		right: 8px;
		width: 36px;
		height: 36px;
	}

	.rarekicks-custom-shop .rk-card-wishlist .tinvwl-icon-heart::before {
		width: 18px !important;
		height: 18px !important;
	}

	/* Video: icon-only circle */
	.rarekicks-custom-shop .rk-view-video {
		left: 8px;
		bottom: 8px;
		width: 34px;
		height: 34px;
		padding: 0;
		justify-content: center;
	}

	.rarekicks-custom-shop .rk-video-label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}

	.rarekicks-custom-shop .rk-product-content {
		padding: 12px 12px 14px;
	}

	.rarekicks-custom-shop .rk-product-brand {
		font-size: 10px;
	}

	.rarekicks-custom-shop .rk-product-title {
		font-size: 13px;
	}

	.rarekicks-custom-shop .rk-stars {
		--rk-star: 13px;
	}

	.rarekicks-custom-shop .rk-rating-number,
	.rarekicks-custom-shop .rk-rating-count {
		font-size: 11px;
	}

	.rarekicks-custom-shop .rk-chip {
		padding: 3px 7px;
		font-size: 10px;
	}

	.rarekicks-custom-shop .rk-condition-score {
		margin-top: 8px;
		padding: 5px 6px 5px 10px;
	}

	.rarekicks-custom-shop .rk-condition-label {
		font-size: 10px;
	}

	.rarekicks-custom-shop .rk-condition-value {
		min-width: 40px;
		padding: 4px 7px;
		font-size: 11px;
	}

	/* Price on top, full-width button below */
	.rarekicks-custom-shop .rk-product-bottom {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		padding-top: 12px;
	}

	.rarekicks-custom-shop .rk-product-price .price {
		font-size: 16px;
	}

	.rarekicks-custom-shop .rk-product-price del {
		font-size: 12px;
	}

	.rarekicks-custom-shop .rk-product-card .rk-add-cart {
		width: 100%;
		min-width: 0;
		height: 40px;
		padding: 0 12px;
		font-size: 11px;
	}

	.rarekicks-custom-shop .rk-pagination {
		gap: 6px;
		margin-top: 40px;
	}

	.rarekicks-custom-shop .rk-page-number,
	.rarekicks-custom-shop .rk-pagination-arrow {
		height: 40px;
		font-size: 12px;
		border-radius: 10px;
	}

	.rarekicks-custom-shop .rk-page-number {
		min-width: 40px;
	}

	.rarekicks-custom-shop .rk-pagination-arrow {
		padding: 0 12px;
	}

	.rarekicks-custom-shop .rk-pagination-text {
		display: none;
	}

	.rarekicks-custom-shop .rk-video-dialog {
		width: calc(100vw - 20px) !important;
		border-radius: 12px !important;
	}

	.rarekicks-custom-shop .rk-native-product-video {
		max-height: calc(100vh - 40px) !important;
	}

	.rarekicks-custom-shop .rk-video-close {
		top: 8px !important;
		right: 8px !important;
		width: 36px !important;
		height: 36px !important;
		font-size: 24px !important;
	}

}


/* ---- Very small phones: tighten pagination */
@media (max-width: 380px) {

	.rarekicks-custom-shop .rk-page-number {
		min-width: 36px;
		height: 36px;
	}

	.rarekicks-custom-shop .rk-pagination-arrow {
		height: 36px;
		padding: 0 10px;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.rarekicks-custom-shop *,
	.rarekicks-custom-shop *::before,
	.rarekicks-custom-shop *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}

}