/* FP Single Product — styles. Palette: #fff / #f9c89d. Layout: flex, no grid. */

:root {
	--fp-accent: #f9c89d;
	--fp-accent-dark: #e8a672;
	--fp-text: #111;
	--fp-muted: #888;
	--fp-border: #6a6a6a;
	--fp-oos: #cfcfcf;
	--fp-preorder-bg: #fff4e6;
	--fp-popup-width: 90%;
	--fp-popup-max: 600px;
}

@media ( max-width: 990px ) {
	body.single .site-main {
		width: calc(100% - 30px) !important;
		padding: 17px 15px !important;
	}
}

body.single .woocommerce-breadcrumb {
	padding: 15px 15px 10px 15px;
}

/* -------------------------------------------------------------------------
 * LAYOUT: gallery / summary side-by-side on desktop, stacked on mobile
 * ------------------------------------------------------------------------- */
.single-product .product {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	align-items: flex-start;
	padding: 0 15px;
}
@media ( max-width: 990px ) {
	.single-product .product {
		padding: 0;
	}
}
.single-product .product > .woocommerce-product-gallery,
.single-product .product > .summary {
	flex: 0 0 100%;
	max-width: 100%;
}
@media ( min-width: 900px ) {
	.single-product .product > .woocommerce-product-gallery {
		flex: 0 0 calc( 55% - 20px );
		max-width: calc( 55% - 20px );
	}
	.single-product .product > .summary {
		flex: 0 0 calc( 45% - 20px );
		max-width: calc( 45% - 20px );
	}
}

/* -------------------------------------------------------------------------
 * HIDE NATIVE VARIATION SELECTS
 * ------------------------------------------------------------------------- */
.variations select.fp-hidden-select {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

/* -------------------------------------------------------------------------
 * SUMMARY BLOCKS
 * ------------------------------------------------------------------------- */
.fp-sku-wishlist {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 8px;
}
.fp-sku-wishlist .sku_wrapper {
	font-size: 14px;
	color: var(--fp-muted);
}
.fp-sku-wishlist .sku_wrapper span {
	user-select: all;
	text-transform: uppercase;
}
/* Wishlist button — styles handled by the theme's original CSS.
   Keeping only layout hooks here so it sits correctly next to SKU. */
.fp-sku-wishlist .single_page_wishlist_btn_js {
	width: 25px;
	height: 28px;
	margin: 0 10px 0 0;
	padding: 0;
	cursor: pointer;
	border-radius: 3px;
	transition: .3s ease;
	transition: .3s ease;
	background: url(https://fitpole-store.ru/wp-content/themes/fitpole-one/assets/img/heart_orange.svg) no-repeat center center;
	background-size: 70%;
}
.fp-sku-wishlist .single_page_wishlist_btn_js.active {
	background: url(https://fitpole-store.ru/wp-content/themes/fitpole-one/assets/img/heart_red.svg) no-repeat center center;
	background-size: 75%;
}
.summary .entry-title {
	font-size: 1.8rem;
	line-height: 2rem;
	font-weight: 400;
	margin: 15px 0;
	padding: 0;
	text-transform: uppercase;
}
.woocommerce-product-details__short-description {
	margin: 0 0 30px 0;
	color: var(--fp-text);
}
.variation_price_new_container {
	margin: 10px 0 0 0;
}
.variation_price_price {
	margin: 0;
	padding: 0 5px;
	font-size: 1.6rem;
  line-height: 1.6rem;
}
.variation_price_price span,
.variation_price_price bdi {
	margin: 0;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.variation_price_price ins {
	font-size: 1.6rem;
  line-height: 1.6rem;
  color: #f28b30;
  text-decoration: none;
	margin: 0 0 0 8px;
}

/* -------------------------------------------------------------------------
 * VARIATIONS TABLE
 * ------------------------------------------------------------------------- */
.variations {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 20px 0;
}
.variations th.label {
	display: none;
}
.variations td.value { 
	padding: 4px 0;
}

.button-group {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}
.fp-variation-btn {
	position: relative;
	min-width: 24px;
	margin: 0 4px 0 0;
	padding: 5px 2px 0 2px;
	background: #fff;
	border: none;
	cursor: pointer;
	font-size: 1rem;
	color: var(--fp-text);
	transition: border-color .15s, background .15s;
}
.fp-variation-btn.selected {
	border-bottom: solid 2px #000;
}
.fp-variation-btn.is-preorder {
	color: var(--fp-accent-dark);
}
.fp-variation-btn.is-preorder.selected {
	border-bottom: solid 2px var(--fp-accent-dark);
}
.fp-variation-btn.is-outofstock,
.fp-variation-btn.is-unavailable {
	color: var(--fp-oos);
	cursor: not-allowed;
}

/* Row wrapper: size buttons + stock indicator side by side. */
.fp-variation-row {
	display: flex;
	justify-content: flex-start;
	justify-content: left;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
.fp-variation-row .button-group {
	width: auto;
}
.fp-stock-indicator {
	flex: 0 0 auto;
	font-size: 1rem;
	color: var(--fp-oos);
	white-space: nowrap;
	margin: 0;
	padding: 5px 0 0 0;
}
.fp-stock-indicator.is-preorder {
	color: var(--fp-accent-dark);
}
.fp-stock-indicator.is-outofstock {
	color: var(--fp-muted);
	background: #f0f0f0;
}
.variations .reset_variations {
	display: none !important;
}


/* -------------------------------------------------------------------------
 * UPSELLS — color swatches
 * ------------------------------------------------------------------------- */
.fp-upsells {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 10px 0 20px 0;
	padding: 0 6px;
}
.fp-upsell-swatch {
	width: 26px;
	height: 26px;
	border-radius: 4px;
	border: 1px solid var(--fp-border);
	background: #f5f5f5;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	transition: transform .15s, box-shadow .15s;
}
.fp-upsell-swatch:hover {
	transform: scale( 1.04 );
	outline: solid 1px var(--fp-accent-dark);
}
.fp-upsell-swatch.is-current {
	width: 25px;
	height: 25px;
	outline: solid 1px var(--fp-accent-dark);
	cursor: default;
	position: relative;
}
.fp-upsell-swatch.is-current:hover {
	transform: none;
}
.fp-upsell-swatch.is-no-hex::after {
	content: '?';
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--fp-muted);
	font-size: 12px;
}
.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

/* -------------------------------------------------------------------------
 * ACTION BUTTONS (Size table / Foot measurement / Repair / Preorder-info)
 * ------------------------------------------------------------------------- */
.custom_box_btn_2.fp-action-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 12px 0 20px;
}
.fp-action-btn {
	display: inline-flex;
	align-items: center;
	gap: 0;
	padding: 2px 2px;
	background: transparent;
	cursor: pointer;
	font-size: 0.8rem;
	line-height: 1.2rem;
	color: var(--fp-muted);
	text-decoration: none;
	transition: border-color .15s, background .15s;
	text-decoration: underline;
}
.fp-action-btn:hover { 
	opacity: 0.7;
}
.fp-preorder-info p { margin: 0; }
.fp-preorder-info span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px; 
	height: 16px;
	border-radius: 50%;
	background: var(--fp-accent);
	color: var(--fp-text);
	font-weight: 400;
	font-size: 10px;
}

/* -------------------------------------------------------------------------
 * ADD TO CART
 * ------------------------------------------------------------------------- */
.fp-add-to-cart-wrap { margin: 20px 0; }
.fp-add-to-cart {
	width: 100%;
	padding: 16px 20px;
	background: var(--fp-accent);
	color: var(--fp-text);
	border: none;
	border-radius: 4px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .15s, opacity .15s;
}
.fp-add-to-cart:hover:not(:disabled) { background: var(--fp-accent-dark); }
.fp-add-to-cart:disabled { opacity: 0.5; cursor: not-allowed; }

/* -------------------------------------------------------------------------
 * CROSS-SELLS "Take it along"
 * ------------------------------------------------------------------------- */
.fp-take-it-along {
	margin: 30px 0 20px 0; 
}
.fp-take-it-along__title {
	font-size: 1.2rem;
	font-family: "Raleway", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	display: flex;
	justify-content: left;
	align-items: center;
}
.fp-take-it-along__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.fp-tia-card {
	flex: 0 0 calc( 25% - 8px );
	max-width: calc( 25% - 8px );
	color: var(--fp-text);
	text-decoration: none;
	font-size: 12px;
	display: block;
}
.fp-tia-card__image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
	background: #f5f5f5;
}
.fp-tia-card__name {
	margin-top: 15px;
	line-height: 1rem;
}
.fp-tia-card__price {
	color: var(--fp-muted);
	margin-top: 2px;
}
.fp-take-it-along .fp-tia-card__price span,
.fp-take-it-along .fp-tia-card__price bdi,
.fp-take-it-along .fp-tia-card__price ins,
.fp-take-it-along .fp-tia-card__price del {
	color: var(--fp-muted);
  font-size: 0.8rem !important;
	line-height: 1rem !important;
}
.fp-take-it-along .fp-tia-card__price ins {
	margin: 0 0 0 4px;
	text-decoration: none !important;
}


@media ( max-width: 600px ) {
	.fp-tia-card {
		flex: 0 0 calc( 50% - 5px );
		max-width: calc( 50% - 5px );
	}
}

/* -------------------------------------------------------------------------
 * PRODUCT INFO ACCORDION
 * Uses grid-template-rows: 0fr <-> 1fr trick for smooth height animation.
 * ------------------------------------------------------------------------- */
.single_product_info {
	margin-top: 24px;
	border-top: 1px solid var(--fp-border);
}
.fp-info-block { border-bottom: 1px solid var(--fp-border); }

.fp-info-block__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 14px 0;
	cursor: pointer;
	font-weight: 500;
	font-size: inherit;
	color: var(--fp-text);
	background: transparent;
	border: none;
	text-align: left;
	font-family: inherit;
}
.fp-info-block__title {
	flex: 1;
	font-size: 1.1rem;
	line-height: 1rem;
	font-weight: 400;
	margin: 0;
	padding: 0;
	user-select: none;
}

.fp-info-block__arrow {
	width: 16px;
	height: 16px;
	background: url( '/wp-content/themes/fitpole-one/assets/img/arrow_right.svg' ) no-repeat center center;
	background-size: contain;
	transition: transform .3s ease;
	flex: 0 0 auto;
	margin-left: 8px;
}
.fp-info-block.is-open .fp-info-block__arrow {
	transform: rotate( 90deg );
}

/* Smooth height animation:
   Collapsed: grid-template-rows: 0fr  -> inner div has 0 height
   Expanded:  grid-template-rows: 1fr  -> inner div takes its natural height
   overflow:hidden on the inner keeps the content clipped during transition. */
.fp-info-block__wrap {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows .3s ease;
}
.fp-info-block.is-open .fp-info-block__wrap {
	grid-template-rows: 1fr;
}
.fp-info-block__body {
	overflow: hidden;
	min-height: 0;
	color: var(--fp-text);
}
/* Padding lives inside .fp-info-block__body so the collapse animates from
   full to zero including padding. */
.fp-info-block.is-open .fp-info-block__body {
	padding-bottom: 16px;
}
.fp-info-block .fp-info-block__body th,
.fp-info-block .fp-info-block__body td {
	margin: 0;
	padding: 0;
}
.single_product_info__body { color: var(--fp-text); }
.shop_attributes_table {
	width: 100%;
	border-collapse: collapse;
}
.single_product_info__body p {
	font-size: 1rem;
	line-height: 1.4rem;
}
.shop_attributes_table th {
	text-align: left;
	padding: 6px 8px 6px 0;
	color: var(--fp-muted);
	font-weight: 400;
	width: 120px;
}
.shop_attributes_table td { padding: 6px 0; }

/* -------------------------------------------------------------------------
 * GALLERY placeholder
 * ------------------------------------------------------------------------- */
.woocommerce-product-gallery {
	min-height: 200px;
	background: #f5f5f5;
	border-radius: 4px;
}

/* -------------------------------------------------------------------------
 * WOO INTERNALS we drive ourselves
 * ------------------------------------------------------------------------- */
.single_variation_wrap { display: none !important; }

/* -------------------------------------------------------------------------
 * RECENTLY VIEWED
 * Layout: flex-wrap. Desktop = 8 in a row, mobile = 2 per row.
 * Cards: simple — image + name + price only.
 * ------------------------------------------------------------------------- */
.recently_viewed_products_stn {
	margin: 40px 0;
}
.recently_viewed_products_stn h3 {
	font-size: 18px;
	margin: 0 0 16px;
	font-weight: 600;
}
.recently-viewed-products__list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* Card: 8 per row on desktop. Formula: (100% - 7*gap) / 8. */
.fp-recent-card {
	flex: 0 0 calc( ( 100% - 84px ) / 8 );
	max-width: calc( ( 100% - 84px ) / 8 );
	color: var(--fp-text);
	text-decoration: none;
	font-size: 11px;
	display: block;
}
@media ( max-width: 990px ) {
	.fp-recent-card {
		max-width: 22% !important;
	}
}
.fp-recent-card__image {
	background: #f5f5f5;
	border-radius: 3px;
	overflow: hidden;
	aspect-ratio: 3 / 4;
}
.fp-recent-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.fp-recent-card__name {
	margin-top: 6px;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fp-recent-card__price {
	color: var(--fp-muted);
	margin-top: 2px;
	font-size: 11px;
}

/* Mobile: 2 per row. */
@media ( max-width: 990px ) {
	.fp-recent-card {
		flex: 0 0 calc( ( 100% - 12px ) / 2 );
		max-width: calc( ( 100% - 12px ) / 2 );
		font-size: 13px;
		margin: 0 0 15px 0;
	}
	.fp-recent-card__price {
		font-size: 13px;
	}
}

/* -------------------------------------------------------------------------
 * POPUPS
 * All wrapped in .fp-popup — slide in from the right on open.
 * Legacy classes kept for backwards compat and additional styling.
 * ------------------------------------------------------------------------- */
.fp-popup {
	position: fixed;
	top: 0;
	right: 0;
	height: 100vh;
	width: var(--fp-popup-width);
	max-width: var(--fp-popup-max);
	background: #fff;
	z-index: 10001;
	overflow-y: auto;
	transform: translateX( 100% );
	transition: transform .3s ease;
	box-shadow: -4px 0 20px rgba( 0, 0, 0, 0.08 );
	padding: 24px;
	box-sizing: border-box;
}
.fp-popup.is-open { transform: translateX( 0 ); }

.fp-popup__overlay {
	position: fixed;
	inset: 0;
	background: rgba( 0, 0, 0, 0.4 );
	z-index: 10000;
	opacity: 0;
	animation: fpFadeIn .25s forwards;
}
@keyframes fpFadeIn { to { opacity: 1; } }

html.fp-popup-open { overflow: hidden; }

.fp-popup__close {
	position: absolute;
	top: 12px;
	right: 16px;
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	font-size: 22px;
	cursor: pointer;
	color: var(--fp-muted);
	line-height: 1;
}
.fp-popup__close:hover { color: var(--fp-text); }
.fp-popup img {
	width: 100%;
	height: auto;
}

/* Legacy exit buttons — also visible and clickable */
.note-me_exit,
.pre-order-main_exit,
.foot_measurement_exit,
.service_single_exit,
.single_delivery_popup_exit {
	position: absolute;
	top: 12px;
	right: 16px;
	cursor: pointer;
	font-size: 22px;
	color: var(--fp-muted);
	z-index: 2;
}
.note-me_exit,
.pre-order-main_exit,
.foot_measurement_exit,
.service_single_exit {
	transform: rotate( 45deg );
}

/* Hide legacy popup covers — we use our own overlay */
.note-me_cover,
.pre-order-main_cover,
.foot_measurement_cover,
.service_single_cover,
.single_delivery_popup_cover {
	display: none;
}


/* pre-order popup */
.pre-order-main .pre-order-main_title h3 {
	margin: 15px 0;
	padding: 0;
}
.pre-order-main .pre-order-main_content {
	margin: 15px 0 0 0;
	padding: 0;
}
.pre-order-main .pre-order-main_content h4 {
	margin: 10px 0 5px 0;
	padding: 0;
}
.pre-order-main .pre-order-main_content ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 1.5rem;
}



/* related */
.related {
	overflow: hidden;
	margin: 60px 0 20px;
  width: 100%;
	display: none;
}
.related::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: url("img/spinner-3s.svg") no-repeat center center / 7%;
	z-index: -1;
	transition: 350ms ease;
	overflow: hidden;
}
.related.nospin::before {
	content: '';
	display: none;
}
.related > h2 {
	font-size: 1.6rem;
	font-family: "Raleway", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	width: 100%;
	min-height: 60px;
	margin: 15px 0;
	display: flex;
	justify-content: left;
	align-items: center;
	border-bottom: solid 1px #000;
}
.swiper-button-prev:after,
.swiper-button-next:after {
	color: #f28b30;
  font-size: 2rem !important;
}
.related ul.products {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #fff;
	transition: 300ms ease;
	touch-action: pan-y;
	opacity: 0;
}
.related ul.products li.product {
	display: block !important;
  list-style-type: none;
  height: auto !important;
	margin: 0 20px 0 0 !important;
  padding: 0 0 15px 0 !important;
}
@media (max-width: 1200px) {
	.related ul.products li.product {
		margin: 0 15px 0 0 !important;
	}
}
.related ul.products li.product .onsale {
	display: none;
}
.related ul.products li.product .product_tag_s {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .related ul.products li.product .product_tag_s {
    width: calc(100% - 10px);
    top: 5px;
    left: 5px;
  }
}
.related ul.products li.product .product_tag_s .tag_main {
  width: 100%;
  margin: 0 0 5px;
}
.related ul.products li.product .product_tag_s .tag_main span {
  display: flex;
  align-items: center;
  width: fit-content;
  width: max-content;
  height: auto;
  min-height: 25px;
  margin: 0;
  padding: 4px 8px;
  font-size: .8rem;
  line-height: 1rem;
  font-weight: 400;
  color: #000;
  background-color: #f9c89d;
  border-radius: 3px;
}
@media (max-width: 1200px) {
  .related ul.products li.product .product_tag_s .tag_main span {
    font-size: .6rem;
    line-height: .7rem;
    padding: 1px 5px 0 5px;
    min-height: 20px;
    text-transform: uppercase;
  }
}
.related ul.products li.product .product_tag_s .product_tag_s_light {
  margin: 0 4px !important;
  padding: 0 3px;
}
.related ul.products li.product .product_tag_s .product_tag_s_light img {
  width: 20px;
	height: 20px;
}
@media (max-width: 1200px) {
  .related ul.products li.product .product_tag_s .product_tag_s_light img {
    width: 18px;
		height: 15px;
  }
}
.related ul.products li.product .product_tag_s .tag_novinki {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  min-height: 25px;
  margin: 0;
  padding: 1px 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .8rem;
  line-height: .8rem;
  font-weight: 400;
  color: #000;
  background-color: #f9c89d;
  border-radius: 3px;
}
@media (max-width: 1200px) {
  .related ul.products li.product .product_tag_s .tag_novinki {
    font-size: .6rem;
    line-height: .6rem;
    padding: 1px 5px 0 5px;
    min-height: 20px;
    text-transform: uppercase;
  }
}
.related ul.products li.product .product_tag_s .pro-collection-tag img {
  max-width: 120px;
}
@media (max-width: 991px) {
  .related ul.products li.product .product_tag_s .pro-collection-tag img {
    max-width: 90px;
  }
}
.related ul.products li.product .product_tag_s .tag_preorder {
  display: none;
}
.related ul.products li.product .product-loop-additional-elements {
	display: none;
}
.related ul.products li.product .loop-variation-form_wrap .loop-variation-form {
	margin: 5px 0 0 0;
}
.related ul.products li.product .loop-variation-form_wrap .loop-variation-form .variation-buttons {
	margin: 0;
}
.related ul.products li.product .product_loop_img_wrapper {
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
@media (min-width: 2000px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 640px;
  }
}
@media (max-width: 2000px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 600px;
  }
}
@media (max-width: 1800px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 580px;
  }
}
@media (max-width: 1600px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 440px;
  }
}
@media (max-width: 1400px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 420px;
  }
}
@media (max-width: 1200px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 310px;
  }
}
@media (max-width: 991px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 520px;
  }
}
@media (max-width: 800px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 480px;
  }
}
@media (max-width: 640px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 440px;
  }
}
@media (max-width: 580px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 360px;
  }
}
@media (max-width: 480px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 320px;
  }
}
@media (max-width: 440px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 250px;
  }
}
@media (max-width: 425px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 240px;
  }
}
@media (max-width: 410px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 230px;
  }
}
@media (max-width: 380px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 220px;
  }
}
@media (max-width: 360px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 210px;
  }
}
@media (max-width: 320px) {
  .related ul.products li.product .product_loop_img_wrapper {
    min-height: 200px;
  }
}
.related ul.products li.product .product_loop_img_wrapper img {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
}
.related ul.products li.product .product_loop_img_wrapper img.main-product-image {
  z-index: 1;
}
.related ul.products li.product .product_loop_img_wrapper img.gallery-image {
  position: absolute;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: 350ms ease;
  width: 100%;
  height: auto;
  bottom: 0;
}
.related ul.products li.product .product_loop_img_wrapper img.gallery-image.visible {
  z-index: 2;
  opacity: 1;
}
.related ul.products li.product h2 {
	font-family: "Raleway", sans-serif;
	margin: 10px 0 0 0;
	padding: 0 10px;
	font-size: 0.9rem;
	line-height: 1.2rem;
	font-weight: 400;
	min-height: 45px;
	color: #000;
}
@media (max-width: 1200px) {
	.related ul.products li.product h2 {
		padding: 0 5px;
		font-size: 0.9rem;
		line-height: 1.1rem;
		min-height: 40px;
	}
}
@media (max-width: 420px) {
	.related ul.products li.product h2 {
		font-size: 0.8rem;
    line-height: 1rem;
	}
}
.related ul.products li.product .price {
	margin: 10px 0;
	padding: 0 3px 0 10px;
	color: #000;
	font-size: .8rem !important;
	line-height: .8rem !important;
}
@media (max-width: 1200px) {
	.related ul.products li.product .price {
		margin: 12px 0 0 0;
		padding: 0 3px 0 5px;
		height: 20px;
		font-size: .7rem !important;
		line-height: .7rem !important;
	}
}
.related ul.products li.product .price .screen-reader-text {
	display: none;
}
.related ul.products li.product .price span,
.related ul.products li.product .price del,
.related ul.products li.product .price ins,
.related ul.products li.product .price bdi {
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 500;
	margin: 0;
	padding: 0;
	color: #000;
}
.related ul.products li.product .price ins {
	color: #f28b30;
	text-decoration: none;
	margin: 0;
	padding: 0 0px 0 5px;
}
@media (max-width: 1200px) {
	.related ul.products li.product .price span,
	.related ul.products li.product .price del,
	.related ul.products li.product .price ins,
	.related ul.products li.product .price bdi {
		font-size: 0.7rem !important;
    line-height: 0.7rem !important;
	}
}
@media (max-width: 1200px) {
	.related ul.products li.product .price ins {
		padding: 0 0px 0 3px;
	}
}
.related ul.products li.product .discount_percentage_label {
	position: relative;
	top: -2px;
	background-color: #f28b30;
	color: #fff;
	margin: 0;
	padding: 0 7px;
	font-size: .8rem;
	line-height: .8rem;
	font-weight: 600;
	height: 20px;
	border-radius: 3px;
	display: inline-flex;
	align-items: center;
}
@media (max-width: 1200px) {
	.related ul.products li.product .discount_percentage_label {
		font-size: .7rem;
    line-height: .7rem;
	}
}





@media (max-width: 1200px) {
	.related ul.products li.product .discount_percentage_label {
		
	}
}







/* Recently viewed */
.recently_viewed_products_stn {
	margin: 0 0 40px 0 !important;
	padding: 0 20px;
}
@media (max-width: 990px) {
	.recently_viewed_products_stn {
		padding: 0;
	}
}
.recently_viewed_products_stn > h3 {
	font-size: 1.6rem;
	font-family: "Raleway", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	width: 100%;
	min-height: 60px;
	margin: 15px 0;
	display: flex;
	justify-content: left;
	align-items: center;
	border-bottom: solid 1px #000;
}
.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__name {
	margin: 12px 0 0 0;
	padding: 0;
}
.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price span,
.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price bdi,
.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price ins,
.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price del {
	color: var(--fp-muted);
  font-size: 0.8rem !important;
	line-height: 1rem !important;
}
@media (max-width: 480px) {
	.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price span,
	.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price bdi,
	.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price ins,
	.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price del {
		font-size: 0.6rem !important;
		line-height: 0.8rem !important;
	}
}
.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price del {
	margin: 0 3px 0 0;
}
.recently_viewed_products_stn .recently-viewed-products__list a.fp-recent-card .fp-recent-card__price ins {
	text-decoration: none !important;
}



/* =============================================================================
 * Size table popup
 * ========================================================================== */
.size_table_popup__body {
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
	color: #000;
	background: #fff;
}

.size_table_popup__body h3 {
	margin: 0 0 16px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	color: #000;
}

.size_table_popup__body p {
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 1.4;
	color: #000;
}

.size_table_popup__empty {
	padding: 16px;
	color: #888;
}

/* Horizontal scroll wrapper for tables on narrow screens */
.size_table_popup__body .size_table_scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #000;
	border-radius: 4px;
}

.size_table_popup__body .size_table_scroll::-webkit-scrollbar {
	height: 6px;
}

.size_table_popup__body .size_table_scroll::-webkit-scrollbar-track {
	background: #fff;
}

.size_table_popup__body .size_table_scroll::-webkit-scrollbar-thumb {
	background: #f9c89d;
	border-radius: 3px;
}

/* Table itself */
.size_table_popup__body .size_table_class {
	width: 100%;
	min-width: 320px;
	border-collapse: collapse;
	font-size: 13px;
	background: #fff;
}

.size_table_popup__body .size_table_class th,
.size_table_popup__body .size_table_class td {
	padding: 10px 8px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #000;
}

.size_table_popup__body .size_table_class th {
	background: #f9c89d;
	color: #000;
	font-weight: 600;
}

.size_table_popup__body .size_table_class tr:nth-child(even) td {
	background: rgba(249, 200, 157, 0.15);
}

.size_table_popup__body .size_table_class tr:hover td {
	background: rgba(249, 200, 157, 0.35);
}

/* Narrow mobile */
@media (max-width: 480px) {
	.size_table_popup__body {
		padding: 12px;
	}

	.size_table_popup__body h3 {
		font-size: 16px;
	}

	.size_table_popup__body .size_table_class {
		font-size: 12px;
	}

	.size_table_popup__body .size_table_class th,
	.size_table_popup__body .size_table_class td {
		padding: 8px 6px;
	}
}