html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
button,
sub,
sup,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: rgba(0, 0, 0, 0);
	box-sizing: border-box;
}

/* Pseudo-elements */
html::before,
html::after,
body::before,
body::after,
div::before,
div::after,
span::before,
span::after,
object::before,
object::after,
iframe::before,
iframe::after,
h1::before,
h1::after,
h2::before,
h2::after,
h3::before,
h3::after,
h4::before,
h4::after,
h5::before,
h5::after,
h6::before,
h6::after,
p::before,
p::after,
blockquote::before,
blockquote::after,
pre::before,
pre::after,
abbr::before,
abbr::after,
address::before,
address::after,
cite::before,
cite::after,
code::before,
code::after,
del::before,
del::after,
dfn::before,
dfn::after,
em::before,
em::after,
img::before,
img::after,
ins::before,
ins::after,
kbd::before,
kbd::after,
q::before,
q::after,
samp::before,
samp::after,
small::before,
small::after,
strong::before,
strong::after,
var::before,
var::after,
b::before,
b::after,
i::before,
i::after,
dl::before,
dl::after,
dt::before,
dt::after,
dd::before,
dd::after,
ol::before,
ol::after,
ul::before,
ul::after,
li::before,
li::after,
fieldset::before,
fieldset::after,
form::before,
form::after,
label::before,
label::after,
legend::before,
legend::after,
article::before,
article::after,
aside::before,
aside::after,
canvas::before,
canvas::after,
details::before,
details::after,
figcaption::before,
figcaption::after,
figure::before,
figure::after,
footer::before,
footer::after,
header::before,
header::after,
hgroup::before,
hgroup::after,
menu::before,
menu::after,
nav::before,
nav::after,
section::before,
section::after,
summary::before,
summary::after,
time::before,
time::after,
mark::before,
mark::after,
audio::before,
audio::after,
video::before,
video::after,
button::before,
button::after,
sub::before,
sub::after,
sup::before,
sup::after,
a::before,
a::after {
	box-sizing: border-box;
}

/* HTML5 elements */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

/* Lists */
ol,
ul,
li {
	list-style: none;
}

/* Quotes */
blockquote,
q {
	quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
	content: none;
}

/* Focus */
:focus {
	outline: 0;
}

/* Forms and input fields */
input[type="text"],
textarea {
	-webkit-appearance: none;
	border-radius: 0;
	box-sizing: border-box;
}

input[type="text"]::-ms-clear,
textarea::-ms-clear {
	display: none;
}

/* Placeholders */
input::placeholder,
textarea::placeholder {
	color: rgba(0, 0, 0, 0.4);
}

input:focus::placeholder,
textarea:focus::placeholder {
	color: rgba(0, 0, 0, 0);
}

/* Textarea */
textarea {
	resize: none;
	overflow: auto;
}

/* Text elements */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Global base styles */
* {
	box-sizing: border-box;
	word-wrap: break-word;
}

/* Buttons */
[type="button"],
[type="reset"],
[type="submit"],
button {
	-webkit-appearance: button;
	background: transparent;
	border: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/* Fieldset и Legend */
fieldset {
	padding: 0.35rem 0.75rem 0.625rem;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/* Progress */
progress {
	vertical-align: baseline;
}

/* Checkbox and Radio */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/* Number fields */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/* Search */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* File upload */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Details and Summary */
details {
	display: block;
}

summary {
	display: list-item;
}

/* Template and Hidden */
template,
[hidden] {
	display: none;
}

@font-face{
	font-family:"Helvetica";
	src:url("../fonts/Helvetica.woff2") format("woff2"),url("../fonts/Helvetica.woff") format("woff");
	font-weight:400;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:"Helvetica";
	src:url("../fonts/Helvetica-Bold.woff2") format("woff2"),url("../fonts/Helvetica-Bold.woff") format("woff");
	font-weight:700;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:"Roboto";
	src:url("../fonts/Roboto-Light.woff2") format("woff2"),url("../fonts/Roboto-Light.woff") format("woff");
	font-weight:300;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:"Roboto";
	src:url("../fonts/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto-Regular.woff") format("woff");
	font-weight:400;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:"Roboto";
	src:url("../fonts/Roboto-Italic.woff2") format("woff2"),url("../fonts/Roboto-Italic.woff") format("woff");
	font-weight:400;
	font-style:italic;
	font-display:swap
}
@font-face{
	font-family:"Roboto";
	src:url("../fonts/Roboto-Medium.woff2") format("woff2"),url("../fonts/Roboto-Medium.woff") format("woff");
	font-weight:500;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:"Roboto";
	src:url("../fonts/Roboto-SemiBold.woff2") format("woff2"),url("../fonts/Roboto-SemiBold.woff") format("woff");
	font-weight:600;
	font-style:normal;
	font-display:swap
}
@font-face{
	font-family:"Roboto";
	src:url("../fonts/Roboto-Bold.woff2") format("woff2"),url("../fonts/Roboto-Bold.woff") format("woff");
	font-weight:700;
	font-style:normal;
	font-display:swap
}

/* CSS variables */
:root {
	--height-header: 4.5rem;
	--height-footer: 65px;
}

/* Main base styles */
html {
	scroll-behavior: smooth;
	font-size: 16px;
}

body,
html {
	width: 100%;
	height: 100%;
}

body {
	font-family: Helvetica, sans-serif;
	font-size: 1.125rem;
	line-height: 1.2;
	font-weight: 400;
	color: #202421;
}

body.lock {
	overflow: hidden;
}

/* Image */
img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* Link */
a {
	color: #202421;
	text-decoration: none;
	background-color: transparent;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

/* Form elements */
button,
input,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

/* Wrappers */
.wrapper {
	display: flex;
	min-height: 100%;
	flex-direction: column;
}

main {
	flex: 1 1 auto;
}

.container {
	max-width: -webkit-calc(85rem + 2.5rem * 2);
	max-width: calc(85rem + 2.5rem * 2);
	padding-inline: 2.5rem;
	margin: 0 auto;
	height: 100%;
	width: 100%;
}

/*wpcf7 styles*/
div.wpcf7-response-output {
	border: none !important;
}

.wpcf7-list-item {
	margin: 0 !important;
}

.grecaptcha-badge {
	opacity: 0 !important;
	visibility: hidden !important;
}

/*Global styles*/

a[aria-current="page"]{text-decoration: underline;}


.header {
	/* position: fixed;
	top: 0;
	left: 0; */
	z-index: 105;

	width: 100%;

	backdrop-filter: blur(8px);
	border-bottom: 1px solid #F4EFEC;

	transition: all 0.3s ease-in-out;	

	/* margin-bottom: 2.5rem; */
}

.header a {
	color: #000;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.header.header--hide {
	transform: translateY(calc(var(--height-header) * -1));
}

.header__container {
	height: 100%;
}

.header__inner {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-block: 1.25rem;
}

.logo {
	display: inline-flex;
	width: 4rem;
	height: 4rem;

	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.logo:hover {
	transform: scale(.95);
}

.logo svg{
	width: 100%;
	height: 100%;
}

.header__list {
	display: flex;
	align-items: center;
	gap: 0.875rem;
}

.header__right {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.header__phone {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.header__right-icon {
	display: inline-flex;
	width: 1.25rem;
}

.header__cart {
	position: relative;
}

.header__cart-badge {
	position: absolute;
	top: -0.25rem;
	right: -0.5rem;

	min-width: 0.875rem;
	height: 0.875rem;

	background: #FF2C00;
	border-radius: 50%;

	color: #fff;
	font-size: 10px;
	font-weight: 700;

	display: flex;
	justify-content: center;
	align-items: center;
}

/*HERO*/

.hero {
	position: relative;
	margin-bottom: 3rem;
}

.hero__bg-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.hero__inner {
	min-height: 46.875rem;
	display: flex;
	flex-direction: column;
	justify-content: end;

	gap: 1.25rem;

	padding-bottom: 2.5rem;
}

.hero__title {
	color: #fff;
	font-weight: 700;
	font-size: 3.5rem;
}

.hero__list {
	display: flex;
	align-items: center;
	gap: 0.875rem;
}

.btn {
	min-height: 4rem;
	padding: 1.25rem;
	font-weight: 400;
	color: #fff;
	background: #000;
	transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	white-space: nowrap;
	font-family: "Helvetica", sans-serif;
	cursor: pointer;
	line-height: 1;
	text-transform: uppercase;
}

.btn--w_full_mod {
	width: 100%;
}

.product-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
}

.product-card {
	position: relative;
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	gap: 1rem;
}

.product-card__list {
	display: flex;
	gap: 0.5rem;
}

.product-card__top {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.product-card__title {
	font-weight: 500;
	font-size: 1.125rem;
}

.product-card__thumb-wrap {
	display: flex;
	aspect-ratio: 1/1;
}

.product-card__thumb-wrap img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-card__bottom a{
	margin-top: 0.875rem;
	min-height: 4rem;
	padding: 1.25rem;
	width: 100%;
	color: #fff;
	background: #000000;
	transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	white-space: nowrap;
	font-family: "Helvetica", sans-serif;
	cursor: pointer;
	line-height: 1;
	text-transform: uppercase;
}

.add_to_cart_button.added {
	display: none;
}

.price {
	font-size: 1rem;
	color: #222221;
	display: flex;
	gap: 0.875rem;
	align-items: center;
}

.product__info .price {
	font-size: 2rem;
}

.price del {
	display: inline-flex;
	color: #b4b4b4;
	text-decoration: line-through;
	font-size: 1.125rem;
	order: 1;
}

.price ins {
	display: inline-flex;
	color: rgb(255, 44, 0);
}

.product-card__bottom .price {
	font-size: 1.25rem;
}

.product-card__bottom .price del {
	font-size: 1rem;
}

.product-card__size-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem ;
}

.product-card__size {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	padding: 0.5rem;
	border: 1px solid #000;
}

.summary .price{
	align-items: end;
	margin-bottom: 2.5rem;
}

.summary .price ins {
	font-size: 1.375rem;
}

.summary .price del {
	font-size: 1rem;
}

.woocommerce-breadcrumbs {
	margin-block: 2rem;
}

.product__meta {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1.25rem;

	font-size: 1rem;
	color: #565353;
}

.mini-cart .wp-block-woocommerce-mini-cart-contents {
	box-sizing: border-box;
	justify-content: center;
	padding: 0;
	position: relative
}

.mini-cart .wp-block-woocommerce-mini-cart-contents .wc-block-components-notices {
	margin: 16px 48px -16px 16px;
	margin-bottom: unset
}

.mini-cart .wp-block-woocommerce-mini-cart-contents .wc-block-components-notices .wc-block-components-notices__notice {
	margin-bottom: unset
}

.mini-cart .wp-block-woocommerce-mini-cart-contents .wc-block-components-notices:empty {
	display: none
}

:root {
	--drawer-width: 34.375rem;
	--neg-drawer-width: calc(var(--drawer-width)*-1)
}

@keyframes fadein {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}


.mini-cart__overlay {
	position: fixed;
	inset: 0;
	z-index: 9999;

	background-color: rgba(95,95,95,.35);

	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .3s;
	
	animation-duration: .3s;
	animation-name: fadein
}

.mini-cart__overlay.modal--open {
	opacity: 1;
	visibility: visible; 
  pointer-events: auto;
}

.mini-cart {
	position: fixed;
	left: 100%;
	right: 0;
	top: 0;

	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100%;
	width: var(--drawer-width);
	max-width: 100%;

	font-size: 1rem;

	background: #fff;

	transform: translateX(100%);
	transition: transform .3s ease-in-out;
}

.mini-cart__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.25rem 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid #e0e1e7;
}

.mini-cart__top .title{
	margin-bottom: 0;
}

.mini-cart__body {
	display: flex;
	flex-direction: column;
	padding-inline: 1.5rem;
	height: 100%;

	overflow-y: auto;
}

.widget_shopping_cart_content {
	
	display: flex;
	flex-direction: column;
	height: 100%;
}

.mini-cart__bottom {
	display: flex;
	flex-direction: column;
	padding: 1.25rem 1.5rem;
	margin-top: auto;
}

.woocommerce-mini-cart__total {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 1.5rem;
	column-gap: 1.25rem;
	row-gap: .75rem;
	font-size: 1.25rem;
	text-transform: uppercase;
}

.mini-cart__actions {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.mini-cart__overlay.modal--open .mini-cart {
	transform: translateX(calc(var(--drawer-width) * -1));
}

.mini-cart:after {
	border-style: solid;
	border-width: 0 0 0 1px;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	opacity: .3;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0
}

.mini-cart__overlay .mini-cart {
  transition: transform .3s;
}

.mini-cart__list {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	overflow-y: auto;
}

.mini-cart-item {
	position: relative;
	display: flex;
	align-items: start;
	gap: 1rem;
	justify-content: space-between;

	padding-bottom: 1.25rem;
	border-bottom: 1px solid #999;
}

.mini-cart-item__details {
	display: flex;
	align-items: start;
	gap: 1.25rem;
}

.mini-cart-item__details .variation{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.25rem;
}

.mini-cart-item__thumb {
	position: relative;

	width: 7.5rem;
	height: 7.5rem;
	flex-shrink: 0;
}

.mini-cart-item__thumb img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.mini-cart-item__info {
	display: flex;
	align-items: start;
	flex-direction: column;
	gap: .625rem;
}

.mini-cart-item__title {
	font-size: 1.25rem;
}

.mini-cart-item__price {
	display: flex;
	gap: 0.875rem;
	align-items: end;
	
	font-size: 1.5rem;
}

.mini-cart-item__price ins {
	display: inline-flex;
	color: rgb(255, 44, 0);
}

.mini-cart-item__price del {
	display: inline-flex;
	color: #b4b4b4;
	text-decoration: line-through;
	font-size: 0.75rem;
	order: 1;
}

@media screen and (prefers-reduced-motion:reduce) {
	.mini-cart,.mini-cart__overlay {
		animation-name: none!important;
		transition: none!important
	}
}
.body-no-scroll {
    overflow: hidden;
}

.footer {
	padding: 2.5rem 0;
	margin: 5rem 0 0;

	background: #f8f8f8;
}

.footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}

.footer__column {
	display: flex;
	align-items: center;
	gap: 1.25rem;
}

.breadcrumbs__list {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.breadcrumbs__item a {
	color: #8a8a8a;

	transition: color 0.2s ease-in-out;
}

.breadcrumbs__item:last-child {
	font-weight: 700;
}

.breadcrumbs__item a:hover {
	color: #000;
}

.title {
	font-weight: 700;
	font-size: 2.5rem;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}

/* CATALOG */
.catalog {
    display: flex;
    gap: 2.75rem; 
}

.catalog__content {
	display: flex;
	flex-direction: column;
}

.catalog-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.catalog__sort {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	margin-bottom: 1.5rem;
}

.catalog__sidebar {
  flex: 1 0 0;
}

.catalog__content {
  flex: 3.35 0 0;
}

/* LOADER */

.card-loader {
	position: absolute;
	top: 0;
	left: 0;
	
	display: none;
	width: 100%;
	height: 100%;

	background: rgba(255, 255, 255, 0.7);
}

.loader {
  color: #000;
  font-size: 8px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translate(-50%, -50%);
	display: inline-block;
	top: 50%;
	left: 50%;
}

@keyframes mulShdSpin {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 
    2em -2em 0 0em, 3em 0 0 -1em, 
    2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 
    3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 
    2em -2em 0 0, 3em 0 0 0.2em, 
    2em 2em 0 0, 0 3em 0 -1em, 
    -2em 2em 0 -1em, -3em 0 0 -1em, 
    -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, 
     -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, 
     -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
     3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, 
     -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 
    3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 
    3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, 
    -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

/* PAGINATION */

.pagination__list {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 1.5rem;
	font-size: 1.25rem;
}

.pagination-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	border: 1px solid #000;
}

.pagination__item:not(.pagination__item--active-mod) a{
	color: #8a8a8a;

	transition: color 0.2s ease-in-out;
}

.pagination__item:not(.pagination__item--active-mod) a:hover{
	color: #000;
}

.pagination__item.pagination__item--active-mod {
	font-weight: 700;
}

/* PRODUCT */

.product__info {
	display: grid;
	align-items: start;
	grid-template-columns: 1.65fr 1fr;
	gap: 1.5rem;
	margin-bottom: 3.75rem;
}

.product__info .product_title, .product-grid__title{
	font-size: 1.5rem;
	margin-bottom: 1rem;
	font-weight: 400;
}

.product__info .summary{
	height: 100%;
	display: flex;
	flex-direction: column;
}

.product__info form {
	margin-bottom: 2.5rem;
}

.product__info form .variations {
	margin-bottom: 1.5rem;
}

.product__info form .variations th{
	margin-bottom: 0.875rem;

	font-weight: 400;
	font-size: 1rem;
}

.product__info form button{
	min-height: 4rem;
	padding: 1.25rem;
	width: 100%;
	color: #fff;
	background: #000;
	transition: all .2s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	white-space: nowrap;
	font-family: "Helvetica", sans-serif;
	cursor: pointer;
	line-height: 1;
	text-transform: uppercase;
}

/* PRODUCT GALLERY */
.product-gallery {
	gap: 1.25rem;
	overflow: hidden;
}
@media (min-width: 991.98px) {
	.product-gallery {
		display: grid;
		grid-template-columns: 5.9375rem 1fr;
	}
}
@media (max-width: 991.98px) {
	.product-gallery {
		gap: 4rem;
		display: flex;
	}
}
.product-gallery .product-gallery__pagination {
	position: relative;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}
@media (min-width: 991.98px) {
	.product-gallery .product-gallery__pagination {
		display: none;
	}
}
@media (max-width: 991.98px) {
	.product-gallery .product-gallery__pagination {
		display: flex;
	}
}
.product-gallery .product-gallery__pagination .swiper-pagination-bullet {
	display: flex;
	border: 1px solid #000;
	width: 0.75rem;
	height: 0.75rem;
	cursor: pointer;
}
.product-gallery .product-gallery__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #000;
}
.product-gallery__thumbs {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	height: 34.6875rem;
	flex-shrink: 0;
	overflow: hidden;
}
@media (min-width: 991.98px) {
	.product-gallery__thumbs {
		display: flex;
	}
}
@media (max-width: 991.98px) {
	.product-gallery__thumbs {
		display: none;
	}
}
.product-gallery__thumbs .product-gallery__slide {
	width: auto !important;
	height: auto !important;
	aspect-ratio: 1/1;
	flex-shrink: 0;
	border: 1px solid rgb(129, 129, 129);
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 0.3s ease;
	overflow: hidden;
}
.product-gallery__thumbs .product-gallery__slide.swiper-slide-thumb-active {
	border-color: #161616;
	opacity: 1;
}
.product-gallery__thumbs .product-gallery__slide:hover {
	opacity: 1;
}
.product-gallery__thumbs .product-gallery__img-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.product-gallery__thumbs img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.product-gallery__main {
	position: relative;
}
@media (max-width: 991.98px) {
	.product-gallery__main {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;
	}
}
.product-gallery__main .product-gallery__slide {
	position: relative;
	width: 100% !important;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 991.98px) {
	.product-gallery__main .product-gallery__slide {
		border: 1px solid #e0e1e7;
	}
}
.product-gallery__main .product-gallery__slide .btn--icon-heart {
	position: absolute;
	z-index: 2;
	top: 1.125rem;
	right: 1.125rem;
}
@media (min-width: 991.98px) {
	.product-gallery__main .product-gallery__slide .btn--icon-heart {
		display: none;
	}
}
@media (max-width: 991.98px) {
	.product-gallery__main .product-gallery__slide .btn--icon-heart {
		display: flex;
	}
}
.product-gallery__main .product-gallery__img-wrap {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	background: #fff;
	overflow: hidden;
}
@media (min-width: 575.98px) {
	.product-gallery__main .product-gallery__img-wrap {
		aspect-ratio: 670/628;
	}
}
@media (max-width: 575.98px) {
	.product-gallery__main .product-gallery__img-wrap {
		aspect-ratio: 343/500;
	}
}
.product-gallery__main img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-gallery__nav {
	position: absolute;
	top: 50%;
	z-index: 5;

	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.125rem;
	height: 3.125rem;

	background: #fff;
	border: 1px solid #000;

	opacity: 0;

	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.product-gallery__nav[disabled] {
	border: 1px solid #b3b3b3;
	color: #b3b3b3;

	cursor: not-allowed;
}

.product-gallery:hover .product-gallery__nav{
	transform: scale(1) translate(0,-50%);
	opacity: 1;
}

.product-gallery__nav--prev {
	left: 1rem;
	transform: scale(0) translate(-3.125rem,-50%);
}

.product-gallery__nav--next {
	right: 1rem;
	transform: scale(0) translate(3.125rem,-50%);
}

/* PRODUCT RELATED */

.product-related__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.product-related__title {
	font-size: 1.5rem;
	font-weight: 500;
}

.product-related__nav-wrap {
	display: flex;
	align-items: center;
	gap: .75rem;
}

.product-related__nav {
	z-index: 10;

	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.125rem;
	height: 3.125rem;

	background: #fff;
	border: 1px solid #000;

	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.product-related__nav[disabled] {
	border: 1px solid #b3b3b3;
	color: #b3b3b3;

	cursor: not-allowed;
}

.woocommerce-product-details__short-description h3 {
	font-size: 1.375rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

/* CART PAGE */


.cart-body {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.cart-body__inner {
	gap: 1.25rem;
}
@media (min-width: 991.98px) {
	.cart-body__inner {
		display: grid;
		align-items: start;
		justify-content: space-between;
		grid-template-columns: 0.463fr 0.463fr;
	}
}
@media (max-width: 991.98px) {
	.cart-body__inner {
		display: flex;
		flex-direction: column;
	}
}
.cart-body__list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.cart-product {
	display: flex;
	align-items: start;
}
@media (min-width: 767.98px) {
	.cart-product {
		gap: 1.5rem;
		padding-bottom: 2rem;
		border-bottom: 1px solid #e0e1e7;
	}
}
@media (max-width: 767.98px) {
	.cart-product {
		gap: 0.75rem;
	}
}
.cart-product__brief {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.625rem;
}
.cart-product__availability {
	text-align: center;
	color: #2d2d2d;
	font-size: 0.625rem;
}
.cart-product__thumb-wrap {
	position: relative;
	width: 8.75rem;
	height: 8.75rem;
	flex-shrink: 0;
	border: 1px solid #e0e1e7;
}
.cart-product__thumb-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.cart-product__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.cart-product__top {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
}
.cart-product__remove .icon {
	width: 1.5rem;
}
.cart-product__remove a {
	stroke: transparent;
	color: #272d01;
	transition: filter 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cart-product__remove a:hover {
	filter: invert(15%);
}
.cart-product__title {
	font-weight: 900;
	text-transform: uppercase;
}
.cart-product__attribute-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.cart-product__attribute-item {
	font-size: 0.625rem;
}
.cart-product__attribute-label {
	color: #81869b;
}
.cart-product__bottom {
	display: flex;
}
@media (min-width: 767.98px) {
	.cart-product__bottom {
		align-items: center;
		gap: 1.5rem;
	}
}
@media (max-width: 767.98px) {
	.cart-product__bottom {
		flex-direction: column;
		align-self: start;
		gap: 0.75rem;
	}
}
@media (max-width: 767.98px) {
	.cart-product__bottom .form_quantity {
		order: 1;
	}
}
.cart-product__price {
	font-weight: 500;
	text-transform: uppercase;
}
.cart-details {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.cart-details__title {
	text-transform: uppercase;
	font-weight: 700;
}
@media (min-width: 991.98px) {
	.cart-details__title {
		font-size: 1.25rem;
	}
}
@media (max-width: 991.98px) {
	.cart-details__title {
		font-size: 1rem;
		text-align: center;
	}
}
.cart-details__content {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	background: #fbfbfd;
}
@media (min-width: 767.98px) {
	.cart-details__content {
		padding: 4rem;
	}
}
@media (max-width: 767.98px) {
	.cart-details__content {
		padding: 1.5rem 1rem;
	}
}
.cart-details__subtotal {
	display: flex;
	justify-content: space-between;
	font-size: 0.875rem;
	font-weight: 500;
	text-transform: uppercase;
}
.cart-details__total {
	display: flex;
	justify-content: space-between;
	font-size: 1.25rem;
	font-weight: 500;
	text-transform: uppercase;
}

.cart-details__deliver {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* CHECKOUT PAGE */

.checkout-page {
	display: grid;
	align-items: start;
	justify-content: space-between;
	grid-template-columns: 0.463fr 0.463fr;
	gap: 2rem;
}

.checkout-page__title {
	margin-bottom: 1.5rem;

	font-size: 1.5rem;
	font-weight: 500;
}

.order-review {
	display: flex;
	flex-direction: column;
}

.order-review__inner {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.order-review__wrap {
	background: #fbfbfd;
	padding: 2rem;
}

.order-review__wrap .btn {
	margin-top: 1.5rem;
}

.order-review__card, .order-review__top {
	/* display: grid;
	grid-template-columns: repeat(2, 1fr); */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.order-review__card {
	padding-block: 0.75rem;
	border-bottom: 1px solid #5e5b5a;
}

.order-review__bottom {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

/* CHECKOUT INPUTS */

.woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.875rem;
}

.woocommerce-billing-fields__field-wrapper label{
	display: inline-flex;
	font-size: .875rem;
	margin: 0 0 0.375rem;
}

.woocommerce-billing-fields input,.woocommerce-additional-fields__field-wrapper textarea {
	min-height: 3rem;
	width: 100%;
	border: 0.0625rem solid #d6dde4;
	padding: 1rem;
	font-size: 0.875rem;
}

/* FORM CHECKBOX */

.form-checkbox {
	position: relative;
}

.form-checkbox .form-checkbox__el,
.form-checkbox input[type='checkbox'] {
	position: absolute;

	width: 1px;
	height: 1px;
	margin: 0;

	opacity: 0;
	clip-path: inset(50%);
	appearance: none;
}

.form-checkbox__label {
	position: relative;

	display: inline-block;
	padding-left: 1.8rem;

	cursor: pointer;
}

.form-checkbox__label:before,
.form-checkbox__label:after {
	position: absolute;

	border-radius: 50%;

	cursor: pointer;
	content: '';
}

.form-checkbox__label:before {
	top: 0;
	left: 0;

	background: transparent;
	box-shadow: inset 0 0 0 .0625rem #3c3c3c;

	transition: box-shadow 0.15s linear;

	width: 1.25rem;
	height: 1.25rem;
	
}

.form-checkbox:has(input:focus) .form-checkbox__label:before,
.form-checkbox:has(input:hover) .form-checkbox__label:before {
	/* box-shadow: inset 0 0 0 1px blue; */
}

.form-checkbox__label:after {
	top: 0.3125rem;
	left: 0.3125rem;

	background: #3c3c3c;

	transform: scale(0);
	transition: transform 0.15s linear;

	width: 0.625rem;
	height: 0.625rem;
	
}

.form-checkbox:has(input:checked) .form-checkbox__label:after {
	transform: scale(1);
}

/* PAYMENT METHODS */

.wc_payment_methods {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.wc_payment_methods .payment_box {
	margin-top: 0.5rem;
	font-size: 0.875rem;
	line-height: 1.3;
	font-style: italic;
	color: #81869b;
}