/*

 THEME NAME: Hayeli

 AUTHOR: Narek Smbatyan

 VERSION: 1.0

 */



/*FONTS*/



/*DEFAULT CSS*/

button {
	text-decoration: none !important;
	-webkit-text-fill-color: inherit !important;
}

* {

	outline: none !important;

	text-decoration: none !important;

}



html {

	overflow-x: hidden;

	scroll-behavior: smooth;

}



body {

	min-height: 100vh;

	margin: 0;

	padding: 0;

	font-family: "Roboto", sans-serif;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.2;

	position: relative;

	color: #333333;

	overflow-x: hidden;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: "Montserrat", sans-serif !important;

}



a,

a:hover,

a:focus {

	color: #333;

}



.flex-container {

	display: flex;

	flex-wrap: wrap;

}



.transition {

	transition: .5s;

}



.relative-parent {

	position: relative;

}



.absolute-bottom {

	position: absolute;

	bottom: 0;

	right: 0;

	left: 0;

}



.absolute {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 20;

}



.alpha {

	padding-left: 0;

}



.omega {

	padding-right: 0;

}



.page-404 {

	padding-top: 40px;

	padding-bottom: 40px;

}



.alignnone {

	margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

	display: block;

	margin: 0 auto;

}



.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}



.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}



img {

	max-width: 100%;

	height: auto;

}



a img.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}



a img.alignnone {

	margin: 5px 20px 20px 0;

}



a img.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}



a img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	max-width: 100%;

	text-align: center;

}



.wp-caption.alignnone {

	margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

	margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

	margin: 5px 0 20px 20px;

}



.wp-caption img {

	border: 0 none;

	height: auto;

	margin: 0;

	max-width: 98.5%;

	padding: 0;

	width: auto;

}



.wp-caption p.wp-caption-text {

	font-size: 13px;

	line-height: 20px;

	margin: 0;

	padding: 6px 0px 5px;

	text-align: left;

}



/* Button */



.btn-white {

	position: relative;

	display: inline-block;

	color: #fff;

	text-transform: uppercase;

	font-weight: 500;

	transition: color .3s ease;

}



.btn-white::after {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 2px;

	background: currentColor;

	transition: width .3s ease;

}



.btn-white:hover {

	color: #fff;

}



.btn-white:hover::after {

	width: 100%;

}



/* .row {

	margin-left: -12px;

	margin-right: -12px;

}



.container,

[class*="col-"] {

	padding-left: 12px;

	padding-right: 12px;

} */



/*MAIN CSS*/

header {

	padding: 20px 0;

}



.header-items {

	justify-content: space-between;

	align-items: center;

}



.cover {

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}



#logo img {

	height: 40px;

}



.main-menu {

	display: flex;

	list-style: none;

	padding-left: 0;

	gap: 4vw;

	margin-bottom: 0;

}



.main-menu a {

	font-family: 'Montserrat', sans-serif;

	font-weight: 700;

}



.header-icons {

	display: flex;

	align-items: center;

	gap: 30px;

}



.header-icons img {

	width: 30px;

	height: auto;

}



.search-bar-header {

	position: relative;

}



.modal-search-bar {
	right: -100px;
	position: absolute;

	background-color: #fff;

	z-index: 2;


	border-radius: 0 0 10px 10px;


	top: 55px;

	visibility: hidden;

	opacity: 0;

	transition: .2s ease-in-out;
	border-top: 4px solid #a8a6a699;
}



.search-icon {

	cursor: pointer;

}


/* Disable hover-based dropdowns */
.main-menu .menu-item-has-children:hover>.sub-menu {
	display: none !important;
}

/* Default hidden */
.main-menu .sub-menu {
	display: none !important;
}

/* Opened state */
.main-menu .menu-item-has-children.is-open>.sub-menu {
	display: block !important;
}

.main-menu .menu-item-has-children > .sub-menu {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  transition: max-height .3s ease, opacity .2s ease, transform .3s ease;
  pointer-events: none;
}

.main-menu .menu-item-has-children.is-open > .sub-menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


.secondary-menu-mobile a {
	font-family: "Montserrat", sans-serif !important;
}

.modal-search-bar.showed {

	visibility: visible;

	opacity: 1
}



.modal-search-bar form {

	display: flex;

}



.modal-search-bar button i {

	font-size: 20px;

}



.modal-search-bar form button {

	background-color: #333;

	border: none;

	box-shadow: none !important;

	font-size: 16px;

	font-weight: 600;

	border-radius: 0 0 10px 0;

	padding: 20px 40px;

	color: #fff !important;
	font-family: "Montserrat", sans-serif !important;
}



.modal-search-bar .search-bar {


	border-radius: 0 0 0 10px;

	padding: 10px;
	box-shadow: none !important;
	border: none !important;
	min-width: 300px;

}

.menu-item a {
	font-family: 'Montserrat', sans-serif !important;	
}

    



/* Default header: normal flow, not fixed */

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
	    box-shadow: 1px 1px 2px 2px #0000003d !important;
	background-color: #fff;
	/* <-- always white */
	box-shadow: none;

	transition:
		box-shadow 0.25s ease,
		padding 0.25s ease;
}

.is-dark-shop .site-header {
	background-color: #333;
	        box-shadow: 1px 1px 2px 2px #0000003d !important;
}

.is-dark-shop .menu__btn__lines,
.is-dark-shop .menu__btn__lines::before,
.is-dark-shop .menu__btn__lines::after {
	background: #fff !important;
}

.is-dark-shop .menu__btn.is-open .menu__btn__lines {
	background: #333 !important;
}

/* After scroll – ONLY add shadow or shrink */

/* content offset */
body {
	padding-top: var(--header-height, 80px);
}




.yay-currency-single-page-switcher {

	margin-bottom: 0 !important;

}








@media (max-width: 782px) {

	body.admin-bar .site-header.is-fixed {

		top: 46px;

	}

}



.with_frm_style .frm_message, .frm_success_style {
	background-color: #ffffff00 !important;
	border: 1px solid #333 !important;
	color: #fff !important;
}

.is-dark-shop .with_frm_style .frm_message, .is-dark-shop .frm_success_style {
	border: 1px solid #fff !important;
	color: #333 !important;
}



.is-dark-shop .site-header.is-fixed {

	background-color: #333;

}


.woocommerce .cart-collaterals .cart_totals {
	width: 100% !important;
}

.wc-proceed-to-checkout {
	display: none !important;
}

.page-id-2134 h1 {
	text-align: center;
    font-size: 28px;
    font-weight: bold;
}

.page-id-2134 .cart_totals h2 {
	font-size: 18px;
	font-weight: 600;
}


.rr-header-cart {

	position: relative;

	display: inline-flex;

	align-items: center;

}



.rr-header-cart img {

	display: block;

}



.rr-cart-count {

	position: absolute;

	top: -4px;

	right: -6px;

	min-width: 18px;

	height: 18px;

	padding: 0 4px;

	border-radius: 999px;

	font-size: 11px;

	line-height: 18px;

	text-align: center;

	background: #333;

	color: #fff;

	font-weight: 600;

}



.is-dark-shop .rr-cart-count {

	background-color: #fff;

	color: #333;

}



.woocommerce a.remove:hover {

	background-color: #33300000 !important;

	color: #a00 !important;

}



html.no-scroll,

body.no-scroll {

	overflow: hidden !important;

	height: 100%;

	/* helps on iOS */

}



.woocommerce-checkout h1 {

	display: none !important;

}



/* Mobile menu */



/* --- Button (hamburger → X) --- */

.menu__btn {

	position: relative;

	z-index: 1100;

	width: 25px;

	height: 44px;

	border: 0;

	background: transparent;

	cursor: pointer;

	align-items: center;

	justify-content: flex-start;

	display: none;

}



.main-menu .menu-item-has-children:hover>.sub-menu {

	display: block;

}



.main-menu .menu-item-has-children .sub-menu {
    border-top: 2px solid #33300038;
    border-radius: 0 0 5px 5px;
}



.main-menu .menu-item-has-children .sub-menu li {

	border-bottom: 1px solid #33333347;

}



.main-menu .menu-item-has-children .sub-menu li:last-child {

	border-bottom: none !important;

}



.main-menu>li {

	position: relative;

}



.main-menu .sub-menu {

	position: absolute;

	top: 50px;

	left: 0;

	min-width: 200px;

	list-style: none;

	margin: 0;

	padding: 8px 0;

	background: #fff;

	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);

	display: none;

	z-index: 999;

}



.main-menu .sub-menu li a {

	display: block;

	padding: 8px 16px;

	white-space: nowrap;

	color: #333;

}



.main-menu>li.menu-item-has-children:hover>.sub-menu {

	display: block;

}



.menu__btn__lines,

.menu__btn__lines::before,

.menu__btn__lines::after {

	display: block;

	width: 80%;

	height: 2px;

	background: #333;

	transition: transform .3s ease, opacity .3s ease, background .3s ease;

	content: "";

}



.menu__btn__lines {

	position: relative;

}



.menu__btn__lines::before {

	position: absolute;

	top: -7px;

}



.menu__btn__lines::after {

	position: absolute;

	top: 7px;

}



/* Open state */

.menu__btn.is-open .menu__btn__lines {

	background: transparent;

}

.search-submit .dashicons-search {
	display: none !important;
}


.menu__btn.is-open .menu__btn__lines::before {

	transform: translateY(7px) rotate(45deg);

}



.menu__btn.is-open .menu__btn__lines::after {

	transform: translateY(-7px) rotate(-45deg);

}



/* --- Overlay --- */

.overlay[hidden] {

	display: none;

}



.overlay {

	position: fixed;

	inset: 0;

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

	z-index: 1000;

	opacity: 0;

	visibility: hidden;

	transition: opacity .25s ease, visibility .25s ease;

	top: 85px;

}



.overlay.is-open {

	opacity: 1;

	visibility: visible;

}



/* --- Mobile Nav (off-canvas) --- */

.mobile-nav[hidden] {

	display: none;

}

.is-dark-shop .mobile-nav {
	background-color: #333;
}

.is-dark-shop .mobile-nav__list>li>a,
.is-dark-shop .mobile-nav__list .sub-menu>li>a {
	color: #fff;
}



.mobile-nav {

	position: fixed;

	top: 85px;

	left: 0;

	width: 100vw;

	max-width: 100%;

	height: 100vh;

	background: #fff;

	z-index: 1050;

	transform: translateX(-100%);

	transition: transform .3s ease;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

	padding: 16px 0;

}



.mobile-nav.is-open {

	transform: translateX(0);

}



/* --- List & links --- */

.mobile-nav__list,

.mobile-nav__list ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



.mobile-nav__list>li>a,

.mobile-nav__list .sub-menu>li>a {

	display: block;

	padding: 14px 20px;

	text-decoration: none;

	color: #333;

	font-size: 15px;
	text-transform: uppercase;
}



.mobile-nav__list a:hover {

	color: #ff5722;

}



/* --- Submenus Desktop --- */

.main-menu .menu-item-has-children>.is-open {

	position: relative;

	padding-right: 44px;

	/* space for caret */

}


/* caret */

.is-dark-shop .main-menu .menu-item-has-children>a::after {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.is-dark-shop .main-menu .menu-item-has-children .sub-menu {
	background-color: #333;
	    border-top: 3px solid #33300038;
}

.is-dark-shop .main-menu .menu-item-has-children .sub-menu li {
    border-bottom: 1px solid #ffffff47;
}

.main-menu .menu-item-has-children>a::after {
	content: "";
	position: absolute;
	right: -15px;
	top: 40%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: translateY(-50%) rotate(45deg);
	transition: transform .25s ease;
	opacity: .7;
}



.main-menu .menu-item-has-children.is-open>a::after {

	transform: translateY(-40%) rotate(225deg);

}



/* caret */

.has-children>.expand::after {

	content: "";

	position: absolute;

	right: 20px;

	top: 50%;

	width: 8px;

	height: 8px;

	border-right: 2px solid #333;

	border-bottom: 2px solid #333;

	transform: translateY(-50%) rotate(45deg);

	transition: transform .25s ease;

	opacity: .7;

}



.has-children.open>.expand::after {

	transform: translateY(-50%) rotate(225deg);

}



#mobile-nav .sub-menu {

	max-height: none;

	overflow: hidden;
	/* ok for clipping */

	transition: none;

	display: none;
	/* no CSS animation, jQuery handles it */


}



#mobile-nav .menu-item a {

	padding: 0;

	display: flex;

	align-items: center;
	border-bottom: 1px dotted #333;
	padding: 10px 0;
}



#mobile-nav .menu-item a:hover {

	color: #333000c4;

}

.is-dark-shop #mobile-nav .menu-item-has-children>a:after {
	color: #fff !important;
}

.is-dark-shop #mobile-nav .menu-item a {
	    border-bottom: 1px solid #fff;
}

#mobile-nav .menu-item-has-children>a:after {

	font-family: "Dashicons";

	content: '\f347';

	width: 20px;

	font-size: 18px;

	display: inline-block;

	margin-left: 6px;

	vertical-align: middle;

	height: 20px;

	color: #333;

	transition: all .3s ease;

}



#mobile-nav .menu-item-has-children.open>a:after {

	transform: rotate(180deg);

}





/* indentation for nested levels (mobile only) */





/* Search page */



.search-main {

	margin: 64px auto 64px auto;

}



.search-main .page-title {

	font-weight: 600;

	margin-bottom: 30px;

}



/* Hero Section */



.hero {

	position: relative;

	min-height: 60vh;

	display: grid;

	place-items: center;

	overflow: hidden;

}



.hero__media {

	position: absolute;

	inset: 0;

}



.hero__video,

.hero__img,

.hero__placeholder {

	position: absolute;

	inset: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.hero__placeholder {

	background: #333;

}



.hero__overlay {

	position: absolute;

	inset: 0;

	background: linear-gradient(180deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, .35));

	pointer-events: none;

}



.hero__inner {

	position: relative;

	z-index: 2;

	text-align: center;

	color: #fff;

	padding: 4rem 1rem;

}



/* Products from */



.prt-cat {

	padding: 40px 0;

}



.is-dark-shop .prt-card__bag img {

	filter: brightness(0) invert(1);

}

.prt-cat.dark .prt-qty__input, .is-dark-shop .prt-qty__input {
	color: #fff !important;
}



.prt-cat.dark .prt-card__bag img, .is-dark-shop .prt-card__bag img {

	filter: brightness(0) invert(1);

}



.prt-cat__title {

	text-align: center;

	font-size: clamp(24px, 3vw, 48px);

	letter-spacing: .06em;

	font-weight: 700;

	margin-bottom: 0 !important;

	text-transform: uppercase;

	color: #333333;

}



.prt-cat.dark .prt-cat__subtitle, .is-dark-shop .prt-cat__subtitle {

	color: #fff;

}



.prt-cat__subtitle {

	text-align: center;

	margin: 6px 0 24px;

	color: #333333;

}



.prt-cat__grid {

	display: grid;

	gap: 24px;

	grid-template-columns: repeat(3, 1fr);

	position: relative;

}



.prt-cat__arrow {

	position: absolute;

	top: 45%;

	transform: translateY(-45%);

	right: -70px;

	width: 50px;

	height: 50px;

	background-color: #333;

	border-radius: 50%;

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

	border: 2px solid #333;

	transition: .2s ease;

}



.prt-cat__arrow:hover {

	background-color: #fff;

	color: #333;

}



.prt-cat.dark .prt-cat__arrow, .is-dark-shop .prt-cat__arrow {

	background-color: #fff;

	color: #333;

	border: 2px solid #fff;

}



.prt-cat.dark .prt-cat__arrow:hover, .is-dark-shop .prt-cat__arrow:hover {

	background-color: #333;

	color: #fff;

}



.prt-card__backorder {

	font-size: 16px;

	color: #333333;

	font-weight: 600;

	margin-bottom: 8px;

}



/* Products From Dark Mode */



.prt-cat.dark {

	background-color: #333333;

	color: #fff;

}



.prt-cat.dark .prt-cat__title {

	color: #fff;

}



.prt-cat.dark .prt-card__title {

	color: #fff;

}



.prt-cat.dark .prt-card__price {

	color: #fff;

}



.prt-cat.dark .prt-card__backorder {

	color: #fff;

}



.prt-size.is-disabled,

.prt-size[disabled] {

	opacity: .45;

	cursor: not-allowed;


	border-style: dotted !important;

}



@media (max-width:1024px) {

	.prt-cat__grid {

		grid-template-columns: repeat(2, 1fr);

	}

}



@media (max-width:640px) {

	.prt-cat__grid {

		grid-template-columns: 1fr;

	}

}



.prt-card {

	border-radius: 12px;

	overflow: hidden;
	
}

.single-product .prt-card {
	width: 800px;
}



.prt-card__media {

	position: relative;

}



.prt-card__swiper {

	width: 100%;

	height: 690px;

}



.prt-card__img,

.prt-card__video {

	width: 100%;

	height: 870px;

	object-fit: cover;

	display: block;

	border-radius: 12px;

}



.prt-card__placeholder {

	width: 100%;

	height: 690px;

	background: #eee;

}



.swiper-button-prev,

.swiper-button-next {

	width: 38px;

	height: 38px;

}



.swiper-button-prev::after,

.swiper-button-next::after {

	font-size: 16px;

	color: #fff;

}



.swiper-button-prev::after:hover,

.swiper-button-next::after:hover {

	font-size: 16px;

	color: #fff;

}

.pr-dash {
	padding: 0 7px;
}

.prt-card__badge {

	position: absolute;

	left: 50%;

	top: 0;

	transform: translateX(-50%);

	background: #ffffff;

	color: #333;

	padding: 10px 15px;

	border-radius: 0 0 12px 12px;

	z-index: 1;

	min-width: 50%;

	text-align: center;

}


.is-dark-shop .prt-card__badge, .prt-cat.dark .prt-card__badge {
	background: #333;
	color: #fff;
}


.prt-card__meta {

	padding: 12px 9px 18px;

	display: grid;

	grid-template-columns: 1fr auto;

	align-items: center;

	gap: 10px;

}



.prt-card__title {

	grid-column: 1 / -1;

	font-weight: 600;

	font-size: 18px;

	text-decoration: none;

	color: #333;

	margin-bottom: 5px;

	display: inline-block;

}



.prt-card__title:hover {

	color: #333;

}



.prt-card__price {

	color: #333;

}



.prt-card__bag {

	width: 28px;

	height: 28px;

	display: inline-block;

	background: #3331;

	border-radius: 8px;

}



/* Video overlay button */

.prt-card__video-wrap {

	position: relative;

	width: 100%;

	height: 100%;

}



.prt-card__video-toggle {

	position: absolute;

	left: 12px;

	top: 12px;

	width: 36px;

	height: 36px;

	border-radius: 999px;

	border: 0;

	cursor: pointer;

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

}



.prt-card__video-toggle.is-playing {

	opacity: .7;

}



/* Hide number input arrows (quantity fields) */

.prt-qty__input::-webkit-inner-spin-button,

.prt-qty__input::-webkit-outer-spin-button {

	-webkit-appearance: none;

	margin: 0;

}



.prt-qty__input {

	-moz-appearance: textfield;

	/* Firefox */

}



/* Plus (zoom) button */

.prt-card__zoom {

	position: absolute;

	left: 10px;

	top: 10px;

	z-index: 3;

	width: 36px;

	height: 36px;

	border-radius: 999px;

	border: 0;

	cursor: pointer;

	background-color: #33300000;

}



/* Hover quick panel */

.prt-card__media {

	position: relative;

}

.prt-card__quick .prt-qty {
	margin-left: 30px;
}

.prt-card__quick {

	position: absolute;

	width: 100%;



	bottom: 0;

	z-index: 3;

	background: #fff;

	color: #333;

	border-bottom: 4px solid #333;

	padding: 10px 12px 0 12px;

	transform: translateY(12px);

	opacity: 0;

	pointer-events: none;

	transition: .2s ease;

}

.prt-cat.dark .prt-card__quick, .is-dark-shop .prt-card__quick {
	background-color: #333;
	background-color: #333;
	color: #fff !important;
	border-bottom: 4px solid #fff;
}

.prt-cat.dark .prt-size, .is-dark-shop .prt-size {
	border: 2px solid #fff;
	color: #fff;
}

.prt-cat.dark .prt-qty__btn, .is-dark-shop .prt-qty__btn{
	border: 2px solid #fff;
	color: #fff;
}

.prt-cat.dark .prt-qty__input, .is-dark-shop .prt-qty__input{
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background-color: #333;
}

.prt-cat.dark .prt-add.btn, .is-dark-shop .prt-add.btn{
	background-color: #fff !important;
	color: #333 !important;
	border: 2px solid #fff !important;
}



.prt-card__quick.is-open {

	transform: none;

	opacity: 1;

	pointer-events: auto;

}

.prt-card__row.row-sizes {
	flex-direction: column;
	align-items: flex-start;
}

.prt-card__row {

	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin-bottom: 15px;


}



.prt-card__label {

	font-weight: 700;

	font-size: 14px;

}



.prt-card__sizes {

	display: flex;

	gap: 6px;

	flex-wrap: wrap;

}



.prt-size {



	height: 48px;
	width: 48px;

	border: 2px solid #333;

	border-radius: 8px;

	background: #ffffff00;
	color: #333;
	cursor: pointer;

}



.prt-size.is-active {

	border-color: #333;

	background: #333;

	color: #fff;

}



.prt-qty {

	display: flex;

	align-items: center;


}

.prt-qty .prt-qty__btn:first-of-type {
	border-radius: 8px 0 0 8px;
}

.prt-qty .prt-qty__btn:last-of-type {
	border-radius: 0 8px 8px 0;
}

.prt-qty__input {

	width: 48px;
	text-align: center;
	height: 48px;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	border-left: none !important;
	border-right: none;

}



.prt-qty__btn {

	width: 48px;
	color: #333;
	height: 48px;

	border: 2px solid #333;
	font-weight: 700;
	background: #f7f7f700;

}

.prt_cat_title_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.prt_cat_title_wrap a {
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	color: #333 !important;
}

.prt-cat.dark .prt_cat_title_wrap a, .is-dark-shop .prt_cat_title_wrap a{
	color: #fff !important;
}

.prt-cat.dark .prt-size.is-active, .is-dark-shop .prt-size.is-active {
	background-color: #fff;
	color: #333 !important;
}

.prt_cat_title_wrap .prt-cat__title {
	margin-right: 20px;
    margin-left: 100px;
}

.prt-add.btn {
	font-family: "Montserrat", sans-serif;
	width: 50%;
	display: block !important;
	max-width: 215px !important;
	background-color: #333 !important;
	color: #fff !important;
	padding: 10px 30px !important;
	border-radius: 8px 8px 0 0 !important;
	margin-top: 21px !important;
	border-top: 2px solid #333 !important;
	border-left: 2px solid #333 !important;
	border-right: 2px solid #333 !important;
	transition: .2s !important;
	margin: 0 auto;
	font-weight: 700;
}



.prt-add.btn:focus {
	box-shadow: none !important;
}


.prt-add.is-disabled,

.prt-card__bag.is-disabled {

	opacity: 0.5;

	pointer-events: none;

	cursor: not-allowed;

}



.prt-add.is-backorder,

.prt-card__bag.is-backorder {

	background-color: #333;

	color: #fff;

}



.prt-card__bag.is-backorder img {

	opacity: 0.8;

}





.prt-add.is-loading {

	opacity: .6;

	pointer-events: none;

}



.prt-add.is-added {

	background: #22c55e;

}



/* green feedback */



/* Bag button checkmark feedback */

.prt-card__bag {

	position: relative;

	width: 50px;

	height: 50px;

	background-color: #33300000;

	border: 0;

	border-radius: 8px;

	cursor: pointer;

}



.prt-card__bag.is-loading {

	opacity: .6;

	pointer-events: none;

}



.prt-bag__check::after {

	content: '✓';

	position: absolute;

	inset: 0;

	display: grid;

	place-items: center;

	font-weight: 900;

	opacity: 0;

	transition: .2s;

	font-size: 42px;

}





.wc-empty-cart-message {

	display: none !important;

}



.return-to-shop {

	display: none !important;

}



.prt-card__bag.is-added .prt-bag__check::after {

	opacity: 1;

	color: #333333;

}



.woocommerce-error {

	border-top-color: #b81c23 !important;

	background-color: #b81c23 !important;

	color: #fff !important;

	border-radius: 20px !important;

}



/* Lightbox */

.prt-lightbox {

	position: fixed;

	inset: 0;

	z-index: 9999;

	display: block;

}



.prt-lightbox[hidden] {

	display: none;

}



.prt-lightbox__backdrop {

	position: absolute;

	inset: 0;

	background: rgba(0, 0, 0, .6);

}



.prt-lightbox__dialog {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	width: auto;

	background: #333;

	border-radius: 12px;

	overflow: hidden;

}



.prt-lightbox__close {

	position: absolute;

	right: 8px;

	top: 6px;

	z-index: 3;

	border: 0;

	background: transparent;

	color: #fff;

	font-size: 28px;

	cursor: pointer;

}



.prt-lightbox__swiper {

	width: 100%;

	height: 72vh;

}



html.prt-lightbox-open,

body.prt-lightbox-open {

	overflow: hidden;

}







/* Lightbox optimized for vertical images/videos */

.prt-lightbox__swiper {

	width: 32vw;

	background: #333;

}



.prt-lightbox .swiper-slide {

	display: grid;

	place-items: center;

	height: 48vw !important;

}



.prt-lightbox .swiper-slide img,

.prt-lightbox .swiper-slide video {

	width: 100%;

	height: 100%;

	object-fit: contain;

	background: #333;

}



/* Optional: extra padding around portrait images */

.prt-lightbox .swiper-slide img.is-portrait {

	max-height: 100%;

	max-width: 100%;

}



/* Keep the same animation feel */

.prt-lightbox .swiper-button-prev,

.prt-lightbox .swiper-button-next {

	opacity: .9;

}





/* Respect users who prefer no motion */

@media (prefers-reduced-motion: no-preference) {

	.prt-lightbox {

		/* hidden state (non-interactive) */

		opacity: 0;

		visibility: hidden;

		pointer-events: none;

		transition: opacity .28s ease, visibility 0s linear .28s;

	}



	.prt-lightbox__backdrop {

		position: fixed;

		inset: 0;

		background: rgba(0, 0, 0, .7);

		opacity: 0;

		transition: opacity .28s ease;

	}



	.prt-lightbox__panel {

		/* the “card” that zooms in */

		transform: translateY(8px) scale(.98);

		opacity: 0;

		transition: transform .32s cubic-bezier(.2, .7, .2, 1), opacity .28s ease;

		will-change: transform, opacity;

	}



	.prt-lightbox.is-open {

		opacity: 1;

		visibility: visible;

		pointer-events: auto;

		transition: opacity .28s ease;

	}



	.prt-lightbox.is-open .prt-lightbox__backdrop {

		opacity: 1;

	}



	.prt-lightbox.is-open .prt-lightbox__panel {

		transform: translateY(0) scale(1);

		opacity: 1;

	}

}



/* Non-animation fallback still works fine */

html.prt-lightbox-open {

	overflow: hidden;

}



.prt-lightbox {

	position: fixed;

	inset: 0;

	display: grid;

	place-items: center;

	padding: 4vw;

	z-index: 9999;

}



.prt-lightbox__panel {

	max-width: min(96vw, 1200px);

	max-height: 90vh;

	display: grid;

}







/* Fixing Scroll Jump */





.prt-card__thumbs img {

	height: 120px;

}



.prt-card__thumbs {

	margin-top: 12px;

}



.prt-card__thumbs .swiper-slide {

	opacity: .6;

	cursor: pointer;

}



.prt-card__thumbs .swiper-slide-thumb-active,

.prt-card__thumbs .swiper-slide:hover {

	opacity: 1;

}



.prt-card__thumb {

	display: block;

	width: 100%;

	aspect-ratio: 1 / 1;

	object-fit: cover;

	border-radius: 8px;

}



.prt-card__thumb--video {

	position: relative;

	width: 100%;

	aspect-ratio: 1 / 1;

	border-radius: 8px;

	background: #333;

}



.prt-card__thumb--video .prt-thumb__play {

	position: absolute;

	inset: 0;

	margin: auto;

	width: 22px;

	height: 22px;

	line-height: 22px;

	text-align: center;

	border-radius: 50%;

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

	color: #333;

}

.single-product .prt-card__zoomable {
	pointer-events: none;
}

.prt-card__zoomable {

	cursor: zoom-in;

}





/* CTA */



.cta {

	padding: 75px 0;

}



.cta .d-flex {

	flex-direction: column;

	color: #fff;

	align-items: center;

	justify-content: center;

}



.cta .cta-title {

	font-size: 48px;

	text-transform: lowercase;

	font-weight: 600;

	color: #fff;

	text-align: center;

}



.cta .cta-description {

	color: #fff;

	text-align: left;

	width: 50%;

	margin: 0 auto;

	margin-top: 30px;

	line-height: 1.3;

}



.cta-button {

	margin-top: 30px;

}



.shop-title {

	font-weight: 700;

	margin-bottom: 30px;

}



.shop-subtitle {

	max-width: 45%;

	margin-bottom: 90px;

}



.shop-toolbar {

	padding-top: 90px;

}



.shop-toolbar__sort {

	display: flex;

	justify-content: flex-end;

	align-items: center;

	margin-bottom: 30px;

	gap: 30px;

}



.shop-toolbar select.orderby {

	background-color: #ffffff00;

	border: none;

}





/* Product Archive */

/* Custom sorting select */

/* Hide native select but keep it accessible */
.woocommerce-ordering select.orderby {
	position: absolute;
	left: -9999px;
}

/* Custom dropdown wrapper */
.c-orderby {
	position: relative;
	display: inline-block;
	font-size: 14px;
}

/* Button (top label like PRÊT-À-PORTER) */
.c-orderby__toggle {
	min-width: 220px;
	padding: 10px 16px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.is-dark-shop .c-orderby__toggle {
	background-color: #333 !important;
	color: #fff;
}

.is-dark-shop .c-orderby__list {
	background-color: #333 !important;
}

/* caret */
.c-orderby__icon {
	margin-left: 8px;
	display: none;
}

/* Dropdown list */
.c-orderby__list {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 3;
	right: 0;
	margin-top: 6px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
	list-style: none;
	padding: 8px 0;
	max-height: 320px;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-5px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

/* Open state */
.c-orderby.is-open .c-orderby__list {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.c-orderby__item {
	padding: 8px 18px;
	cursor: pointer;
	white-space: nowrap;
}

/* Divider like in screenshot */
.c-orderby__item+.c-orderby__item {
	border-top: 1px solid #e3e3e3;
}

.c-orderby__item:hover {
	background: #333;
	color: #fff;
}

.c-orderby__item.is-active {
	font-weight: 600;
}

.archive.tax-product_cat #main {

	display: flex;

	flex-direction: column;

}

.orderby option {
	padding: 10px;
}

/* select.orderby {

  background-color: #fff;

  color: #333;

  border: 1px solid #ccc;

  transition: background-color 0.3s ease, color 0.3s ease;

} */



/* 🌓 Dark mode */

.is-dark-shop select.orderby {

	background-color: #333333;

	color: #fff;

	border-color: #555;

}



/* Optional hover/focus polish */

.is-dark-shop select.orderby:focus {

	background-color: #3d3d3d;

	border-color: #777;

	outline: none;

}



body.is-dark-shop {

	background-color: #333;

}



body.is-dark-shop .shop-toolbar select.orderby {

	color: #fff;

}



body.is-dark-shop #logo img,

body.is-dark-shop .header-icons img {

	filter: brightness(0) invert(1);

}



body.is-dark-shop .main-menu a {

	color: #fff;

}



body.is-dark-shop .shop-toolbar {

	color: #fff;

}



/* Global styling */



/* Wrapper should not stretch */

.woocommerce-ordering {

	display: inline-flex;

	align-items: center;

	flex: 0 0 auto;

}



/* Select base */

.woocommerce-ordering select.orderby {

	appearance: none;

	-webkit-appearance: none;

	-moz-appearance: none;

	background: #fff;

	color: #333;

	font-size: 14px;

	line-height: 1.4;

	padding: 6px 22px 6px 10px;

	/* right pad for arrow */

	width: auto;

	min-width: 0;

	max-width: none;

	/* JS will set exact width */

}



.woocommerce-result-count {

	font-size: 16px;

}



/* Arrow on wrapper */

.woocommerce-ordering {

	position: relative;

}



.woocommerce-ordering::after {

	content: "";

	position: absolute;

	right: 8px;

	top: 50%;

	transform: translateY(-50%);

    width: 19px;
    height: 24px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 19px 24px;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M5.5 7.5 10 12l4.5-4.5 1.4 1.4L10 14.8 4.1 8.9z'/%3E%3C/svg%3E");

}



.shop-wrap__inner {

	margin-bottom: 90px;

}



/* Dark mode */

.is-dark-shop .woocommerce-ordering select.orderby {

	background: #333333;

	color: #fff;

	border-color: #555;

}



.is-dark-shop .woocommerce-ordering::after {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23ffffff' d='M5.5 7.5 10 12l4.5-4.5 1.4 1.4L10 14.8 4.1 8.9z'/%3E%3C/svg%3E");

}



.shop-pagination {

	display: flex;

	justify-content: center;

	gap: 10px;

}



.shop-pagination .page-num {

	color: #333;

	border: 1px solid #333;

	padding: 4px 8px;

	transition: .2s ease;

}



.shop-pagination .page-num:hover {

	background-color: #333;

	color: #fff;

}



.shop-pagination .page-num.is-current {

	background-color: #333;

	color: #fff;

}



.is-dark-shop .shop-pagination .page-num {

	color: #fff;

	border: 1px solid #fff;

	padding: 4px 8px;

	transition: .2s ease;

}



.is-dark-shop .shop-pagination .page-num:hover {

	background-color: #fff;

	color: #333;

}



.is-dark-shop .shop-pagination .page-num.is-current {

	background-color: #fff;

	color: #333;

}



.is-dark-shop .prt-card__title {

	color: #fff;

}



.is-dark-shop .prt-card__price {

	color: #fff;

}





/* Two columns block */



.two-columns {

	padding: 20px 0;

}



.two-columns__single {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-template-rows: repeat(1, 1fr);

	gap: 20px;

}



.two-columns__description h1,

.two-columns__description h2,

.two-columns__description h3 {

	font-size: 38px;

	font-weight: 700;

	color: #333;

	margin-bottom: 20px;

	line-height: 1.1;

}



.two-columns__description p {

	line-height: 1.3;

}



.two-columns__image {

	grid-column: span 2 / span 2;

}



.two-columns.reverse_block .two-columns__description {

	order: 2;

}



.two-columns.extra_image .two-columns__inner {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 40px 20px;

	grid-auto-rows: auto;

}



.two-columns.extra_image .two-columns__single.single-1 {

	grid-column: 1 / span 2;

	grid-row: 1;

}



.two-columns.extra_image .two-columns__single.single-2 {

	grid-column: 1 / span 2;

	grid-row: 2;

}



.two-columns.extra_image .two-columns__single_image {

	grid-column: 3;

	grid-row: 1 / span 2;

	align-self: stretch;

	overflow: hidden;

	aspect-ratio: 3 / 5;

}



.two-columns.extra_image .two-columns__single_image img {

	display: block;

	width: 100%;

	height: 100% !important;

	/* beat theme's img{height:auto} */

	max-height: none;

	object-fit: cover;

}



.two-columns__single.single-2 .two-columns__description {

	grid-column: span 2 / span 2;

	order: 2;

}



.two-columns__single.single-2 .two-columns__image {

	grid-column: auto;

}



.acf-video-wrap {

	position: relative;

	width: 100%;

	overflow: hidden;

	background: #333;

}



/* Poster and play button */

.acf-video-poster {

	display: block;

	width: 100%;

	height: auto;

	transition: opacity 0.6s ease;

}



.acf-video-play {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	border: none;

	background: none;

	cursor: pointer;

	padding: 0;

	z-index: 3;

}



.acf-video-play .play-circle {

	width: 80px;

	height: 80px;

	border-radius: 50%;

	background-color: rgba(255, 255, 255, 0.9);

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all 0.3s ease;

	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

}



.acf-video-play .play-triangle {

	width: 0;

	height: 0;

	border-left: 18px solid rgba(0, 0, 0, 0.8);

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	margin-left: 4px;

	/* centers visually */

}



/* Hover effect */

.acf-video-play:hover .play-circle {

	transform: scale(1.08);

	background-color: rgba(255, 255, 255, 1);

}



.acf-video-wrap:hover .acf-video-play {

	transform: translate(-50%, -50%) scale(1.05);

}



/* Hide poster & play when playing */

.acf-video-wrap.playing .acf-video-poster,

.acf-video-wrap.playing .acf-video-play {

	opacity: 0;

	pointer-events: none;

}



/* Video should fill the same area */

.acf-video-wrap video {

	position: absolute;

	/* ✅ overlay on top instead of replacing */

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	opacity: 0;

	transition: opacity 0.6s ease;

	z-index: 1;

}



/* Fade-in after play */

.acf-video-wrap.playing video {

	opacity: 1;

}



/* About */



.page-id-188 footer {

	margin-top: 20px;

}



/* Video Block */



.video-block {

	margin-bottom: 40px;

}





.prt-card__zoomable {

	cursor: pointer;

}


.no-sizes {
	height: 48px;
}


/* Single product */

.reset_variations {
	display: none !important;
}

.prt-single-atc-msg {
	color: #333 !important;
    font-weight: 600 !important;
    margin-top: 20px !important;
}

.is-dark-shop .prt-single-atc-msg {
	color: #fff !important;
}

.single-product .stock.in-stock {
	color: #333 !important;
    font-size: 16px !important;
    font-weight: 600;
}

.is-dark-shop.single-product .stock.in-stock {
	color: #fff !important;
}

.sp-single .sp-row {

	display: flex;

	gap: 140px;

}



#hayeli-backorder-form input {

	border: 1px solid #333;

	background-color: #ffffff00 !important;

	color: #333;

	margin-bottom: 10px;

}



#hayeli-backorder-form select {

	border: 1px solid #333;

	background-color: #ffffff00 !important;

	color: #333;

}



#hayeli-backorder-form select option {

	color: #333;

}





#hayeli-backorder-form .frm_button_submit {

	background-color: #333 !important;

	border: 2px solid #333 !important;

	box-shadow: none !important;

	color: #fff !important;

	padding: 10px 35px !important;

	border-radius: 6px !important;

	margin-top: 10px !important;

	transition: .2s !important;

}



#hayeli-backorder-form .frm_button_submit:hover {

	background-color: #fff !important;

	border: 2px solid #333 !important;

	color: #333 !important;

}



/* Dark request */



.is-dark-shop #hayeli-backorder-form input {

	border: 1px solid #fff;

	background-color: #ffffff00 !important;

	color: #fff;

	margin-bottom: 10px;

}

/* Modern browsers */
.is-dark-shop #hayeli-backorder-form input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

/* Chrome, Safari */
.is-dark-shop #hayeli-backorder-form input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

/* Firefox */
.is-dark-shop #hayeli-backorder-form input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
	opacity: 1; /* important for Firefox */
}

/* Edge / IE */
.is-dark-shop #hayeli-backorder-form input:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

.is-dark-shop #hayeli-backorder-form select {

	border: 1px solid #fff;

	background-color: #333 !important;

	color: #fff;

}



.is-dark-shop #hayeli-backorder-form select option {

	color: #fff;

	background-color: #333 !important;

}





.is-dark-shop #hayeli-backorder-form .frm_button_submit {

	background-color: #fff !important;

	border: 2px solid #fff !important;

	box-shadow: none !important;

	color: #333 !important;

	padding: 10px 35px !important;

	border-radius: 6px !important;

	margin-top: 10px !important;

	transition: .2s !important;

}



.is-dark-shop #hayeli-backorder-form .frm_button_submit:hover {

	background-color: #333 !important;

	border: 2px solid #fff !important;

	color: #fff !important;

}





.sp-col--media {

	max-width: 50%;
	width: 100%;
}



.single-product #primary {

	margin: 64px 0;

}



.is-dark-shop .sp-single .product_title {

	color: #fff;

}



.is-dark-shop .sp-col--summary .price {

	color: #fff !important;

}



.is-dark-shop .quantity-labe {

	color: #fff;

}



.is-dark-shop .quantity-inp {

	border-color: #fff;

}



.is-dark-shop .hayeli-qty input.qty {

	color: #fff;

	border-color: #fff;

}



.is-dark-shop .hayeli-qty button {

	color: #fff;

}



.is-dark-shop .single_add_to_cart_button {

	display: block !important;

	max-width: 180px !important;

	background-color: #fff !important;

	color: #333 !important;

	padding: 16px 20px !important;

	border-radius: 8px !important;

	margin-top: 50px !important;

	border: 2px solid #fff !important;

	transition: .2s !important;

}



.is-dark-shop .single_add_to_cart_button:hover {

	background-color: #333 !important;

	color: #fff !important;

}



.is-dark-shop.single-product .sku_wrapper {

	color: #fff;

}



.is-dark-shop .hayeli-attr-chip {

	border: 2px solid #fff;

	background: #33300000;

	color: #fff;

}



.is-dark-shop .hayeli-attr-item.is-selected .hayeli-attr-chip {

	border-color: #fff;

	background: #fff;

	color: #333;

}



.is-dark-shop .hayeli-attr-label {

	color: #fff;

}



.is-dark-shop .reset_variations {

	color: #fff !important;

}



.is-dark-shop .product-main-content {

	color: #fff;

}



.product-main-content {

	margin-top: 25px;

}



/* Hide original selects but keep them accessible to screen readers */

.hayeli-hidden-select {

	position: absolute !important;

	width: 1px !important;

	height: 1px !important;

	padding: 0 !important;

	margin: -1px !important;

	overflow: hidden !important;

	clip: rect(0 0 0 0) !important;

	white-space: nowrap !important;

	border: 0 !important;

}



.sp-col--summary .price {

	margin-top: 25px;

	font-size: 18px !important;

	color: #333 !important;

	font-weight: 600;

}



.single-product .prt-card__meta {

	display: none;

}



.woocommerce-cart h1 {

	display: none !important;

}



.rrms-empty-cart-btn {

	margin-top: 30px !important;

}



.rrms-empty-cart-simple {

	text-align: center;

	display: flex;

	flex-direction: column;

	align-items: center;

	padding: 64px 0;

}



.rrms-empty-cart-title {

	font-size: 50px;

	font-weight: 600;

}



.single_add_to_cart_button,

.rrms-empty-cart-btn {

	display: block !important;

	max-width: 180px !important;

	background-color: #333 !important;

	color: #fff !important;

	padding: 16px 20px !important;

	border-radius: 8px !important;

	margin-top: 50px !important;

	border: 2px solid #333 !important;

	transition: .2s !important;
	font-family: "Montserrat", sans-serif !important;
}



.single_add_to_cart_button:hover,

.rrms-empty-cart-btn:hover {

	background-color: #fff !important;

	color: #333 !important;

}





/* Attribute group */

.hayeli-attr-group {

	margin: 12px 0 0 0;

	display: flex;

	align-items: center;

	gap: 40px;

}



.hayeli-attr-label {

	font-weight: 600;

	margin: 0 0 8px;

}



.hayeli-attr-list {

	display: flex;

	flex-wrap: wrap;

	gap: 8px;

}



.hayeli-attr-item {

	display: inline-flex;

	align-items: center;

	cursor: pointer;

	user-select: none;

}



.hayeli-attr-item.is-oos {

	pointer-events: none;

}



.hayeli-attr-item input {

	/* hide checkbox but keep accessibility, we style the chip */

	position: absolute;

	opacity: 0;

	pointer-events: none;

}



.hayeli-attr-chip {

	display: inline-block;

	padding: 8px 12px;

	border: 2px solid #333;

	border-radius: 8px;

	transition: all .2s ease;

	background: #33300000;

	color: #333;

	width: 50px;

	height: 50px;

	text-align: center;

	display: flex;

	justify-content: center;

	align-items: center;

}



.hayeli-attr-item.is-oos .hayeli-attr-chip {

	border: 2px dotted #aaaaaa;

	color: #aaaaaa;

	pointer-events: none;

}



.hayeli-attr-item.is-selected .hayeli-attr-chip {

	border-color: #333;

	background: #333;

	color: #fff;

}



.hayeli-attr-item.is-disabled {

	opacity: 0.4;

	pointer-events: none;

}



.sp-col--media .prt-card__quick {

	display: none !important;

}



.sp-single .product_title {

	font-weight: 700;

	color: #333;

	font-size: 48px;

}



.woocommerce-message {

	border: none !important;

	background-color: #ffffff00;

}



.woocommerce-message::before {

	color: #333 !important;

}



.woocommerce-message .button {

	background-color: #333 !important;

	border: 2px solid #333 !important;

	color: #fff !important;

	padding: 13px 32px !important;

	border-radius: 7px !important;

	transition: .2s !important;

}



.woocommerce-message .button:hover {

	background-color: #fff !important;

	color: #333 !important;

}



.is-dark-shop .woocommerce-message::before {

	color: #fff !important;

}



.is-dark-shop .woocommerce-message {

	color: #fff !important;

}



.is-dark-shop .woocommerce-message .button {

	background-color: #fff !important;

	border: 2px solid #fff !important;

	color: #333 !important;

}



.is-dark-shop .woocommerce-message .button:hover {

	background-color: #333 !important;

	color: #fff !important;

}



/* Quantity control */

.hayeli-qty {

	display: flex;

	gap: 40px;

	align-items: center;

}



.quantity-inp {

	border: 2px solid #333;

	border-radius: 10px;

	display: flex;

	align-items: center;

}



.hayeli-qty input.qty {

	width: 64px;

	text-align: center;

	background: #fefefe00;

	color: #333;

	padding: 10px 8px;

	outline: none;

	border-left: 2px solid #333;
	border-right: 2px solid #333;

	border-top: none;

	border-bottom: none;
	height: 50px;
}



.quantity-labe {

	font-weight: 600;

}



.woocommerce-variation-add-to-cart,

form.cart {

	display: flex;

	flex-direction: column;

}



.hayeli-qty button {

	background: #ffffff00;

	border: none;

	padding: 0 12px;

	font-size: 18px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	color: #333;

	width: 50px;

}





/* Remove number input arrows (spinners) */

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

	-webkit-appearance: none;

	margin: 0;

}



input[type="number"] {

	-moz-appearance: textfield;

	appearance: textfield;

}



.sp-single .variations .label {

	display: none;

}





/* Contact Form */



.contact-form input,
.contact-form textarea {

	background-color: #fff !important;

	border: 1px solid #333 !important;

	color: #333 !important;

	margin-bottom: 20px !important;

}



.contact-form .frm_button_submit {

	background-color: #333 !important;

	border: 2px solid #333 !important;

	box-shadow: none !important;

	color: #fff !important;

	padding: 10px 35px !important;

	border-radius: 6px !important;

	margin-top: 10px !important;

	transition: .2s !important;

	font-family: "Montserrat", sans-serif !important;

}



.contact-form .frm_button_submit:hover {

	background-color: #fff !important;

	color: #333 !important;

}



.contact-section {

	padding: 80px 0;

}



.contact-section .contact-title {

	font-weight: 600;

	line-height: 60px;

	font-size: 48px;

}



.contact-section .social-media {

	padding-left: 0;

	list-style: none;

	display: flex;

	gap: 20px;

	font-size: 18px;

	font-weight: 600;

	margin-top: 30px;

}



.contact-section .contact-info-wrap {

	margin-top: 15px;

}



.contact-section .contact-info-wrap p {

	line-height: 30px;

}







/* Text page */



.txt-content {

	max-width: 70%;

	margin: 0 auto;

}



.txt-page-title {

	font-weight: 600;

	text-align: center;

	margin-bottom: 50px;

}



.text-page-wrap {

	padding: 80px 0;

}



.txt-content h1,
.txt-content h2,
.txt-content h3,
.txt-content h4,
.txt-content h5 {

	font-weight: 600;

}



.txt-content p {

	font-size: 16px;

	line-height: 22px;

}



.txt-content li {

	font-size: 16px;

	line-height: 22px;

}



/* Footer */



footer {

	background-color: #222;

}



.footer-icons {

	display: none;

}



.footer-top-c {

	border-bottom: 1px solid #797979;

	padding: 30px 0;

}



.footer-subscribe {

	width: 40%;

	margin: 0 auto;

}

.frm_style_formidable-style.with_frm_style .frm_submit button {
	width: auto;
    font-family: Roboto;
    font-size: 16px;
    height: auto;
    line-height: normal;
    text-align: center;
    background: #ffffff;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
    color: #222222;
    cursor: pointer;
    font-weight: 500;
    border-radius: 10px;
    text-shadow: none;
    padding: 8px 16px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px #222222;
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}



.footer-subscribe .frm_form_title {

	color: #fff !important;

	font-size: 24px !important;

	font-weight: 700;

	text-align: center;

	margin-bottom: 20px !important;

}



.footer-subscribe .frm_fields_container {

	display: flex;

	justify-content: flex-start;

	gap: 0;

}



.footer-subscribe .sub-field {

	flex: 1;

}



.footer-subscribe .frm_submit {

	height: 100%;

}



.footer-subscribe .frm_button_submit {

	margin: 0 !important;

	height: 100% !important;

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

	transition: .2s ease-in-out;

	font-weight: 800 !important;
	font-family: "Montserrat", sans-serif !important;


}



.footer-subscribe .sub-field input {

	border-radius: 10px 0 0 10px;

}



/* Locations */



.footer-second-c {

	padding: 30px 0;

}



.location-block-title {

	color: #fff;

	font-size: 24px;

	font-weight: 700;

	text-transform: uppercase;

	text-align: center;

	margin-bottom: 30px;

}



.locations-list {

	display: flex;

	justify-content: space-between;

}



.location-item {

	color: #fff;

	font-size: 13px;

}



.location-item strong {

	margin-bottom: 15px;

	display: inline-block;

}



.woocommerce-breadcrumb {

	display: none !important;

}



/* Footer menu */



.footer-menu-c {

	padding: 20px 0;

	border-bottom: 1px solid #797979;

	border-top: 1px solid #797979;

}



.footer-menu {

	display: flex;

	flex-wrap: wrap;

	gap: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	justify-content: center;

}



.footer-menu li {

	position: relative;

}



.footer-menu li a {

	color: #fff;

	font-weight: 600;

	font-size: 14px;

	position: relative;

	display: inline-block;

	color: #fff;

	text-decoration: none;

	transition: color 0.3s ease;

	padding-bottom: 2px;

}



.footer-menu a::after {

	content: "";

	position: absolute;

	left: 50%;

	bottom: 0;

	width: 0;

	height: 2px;

	background-color: currentColor;

	transition: all 0.3s ease;

	transform: translateX(-50%);

}



.footer-menu a:hover::after,

.footer-menu .current-menu-item>a::after {

	width: 100%;

}



.footer-menu a:hover {

	color: #fff;

}



.footer-menu li:not(:last-child)::after {

	content: "|";

	color: #fff;

	margin: 0 10px;

}



.payment-methods {

	display: flex;

	align-items: center;

	gap: 12px;

	flex-wrap: wrap;

}



.payment-method {

	width: 44px;

	height: auto;

	object-fit: contain;

	transition: filter .3s;

}



.footer-copy-c {

	padding: 20px 0;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.footer-copyright {

	color: #fff;

	text-transform: uppercase;

	font-size: 14px;

}





/* Light shop footer */



.is-light-shop footer {

	background-color: #f0f2f4;

}



.is-light-shop .footer-subscribe .frm_form_title {

	color: #333 !important;

}



.is-light-shop .location-item {

	color: #333;

}



.is-light-shop .location-block-title {

	color: #333;

}



.is-light-shop .footer-menu li a {

	color: #333;

}



.is-light-shop .footer-copyright {

	color: #333;

}



.is-light-shop .footer-subscribe .sub-field input {

	background-color: #fff;

	border: 2px solid #333;

	color: #333 !important;

}

.footer-subscribe .sub-field input::placeholder {

	color: #aeaeae;

	opacity: 0.9;

	/* Firefox */

}



.footer-subscribe .sub-field input::-ms-input-placeholder {

	/* Edge 12 -18 */

	color: #aeaeae;

	opacity: 0.9;

}



.is-light-shop .footer-subscribe .sub-field input::placeholder {

	color: #4a4a4a;

	opacity: 0.9;

	/* Firefox */

}



.is-light-shop .footer-subscribe .sub-field input::-ms-input-placeholder {

	/* Edge 12 -18 */

	color: #fff;

	opacity: 0.9;

}



.is-light-shop .footer-subscribe .sub-field input:focus,

.is-light-shop .footer-subscribe .sub-field input:active,

.is-light-shop .frm_style_formidable-style.with_frm_style .frm_form_field :invalid {

	background-color: #fff !important;

	border: 2px solid #333 !important;

}



footer .frm_button_submit {

	box-shadow: none !important;

}



.is-light-shop .footer-subscribe .frm_button_submit {

	background-color: #333 !important;

	border: 2px solid #333 !important;

	color: #fff !important;

}



.is-light-shop .footer-subscribe .frm_button_submit:hover {

	background-color: #fff !important;

	border: 2px solid #333 !important;

	color: #333 !important;

	border-left-color: #ffffff00 !important;

}



/* Register/Login */



/* Общий контейнер */

.hayeli-auth-wrapper {

	max-width: 520px;

	margin: 3rem auto;

	padding: 0 1rem;

}



.hayeli-auth-card {

	background: #fff;

	color: #333;

	border-radius: 18px;

	border: 1px solid #e0e0e0;

	padding: 2rem 2.25rem 2.3rem;

	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);

}



/* Табы */

.hayeli-tabs-header {

	display: inline-flex;

	border-radius: 999px;

	padding: .2rem;

	background: #f5f5f5;

	border: 1px solid #e0e0e0;

	margin: 0 auto 1.75rem;

}



.hayeli-tabs-header .hayeli-tab-btn {

	border-radius: 999px;

	border: none;

	padding: .5rem 1.6rem;

	flex: 1;

	font-size: .9rem;

	font-weight: 500;

	cursor: pointer;

	background: transparent;

	color: #555;

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

}



.hayeli-tabs-header .hayeli-tab-btn.active {

	background: #333;

	color: #fff;

	box-shadow: 0 0 0 1px #333;

}



/* Контент табов */

.hayeli-tabs-body {

	margin-top: .5rem;

}



.hayeli-tab-content {

	display: none;

}



.hayeli-tab-content.active {

	display: block;

}



/* Стили для Woo login формы внутри карточки */

.hayeli-auth-card form.login,

.hayeli-auth-card .woocommerce-form-login {

	margin: 0;

	display: flex;

	flex-direction: column;

}



.hayeli-auth-card .woocommerce-form-row,

.hayeli-auth-card p.form-row {

	margin-bottom: 1rem;

}



#hayeli-tab-login .form-row {

	width: 100%;

}



.hayeli-auth-card label {

	display: block;

	margin-bottom: .35rem;

	font-size: .9rem;

	font-weight: 500;

	color: #333;

}



.hayeli-auth-card input.input-text,

.hayeli-auth-card input[type="text"],

.hayeli-auth-card input[type="email"],

.hayeli-auth-card input[type="password"] {

	width: 100%;

	border-radius: 999px;

	border: 1px solid #333;

	background: #fff;

	color: #333;

	padding: .7rem 1rem;

	font-size: .95rem;

	outline: none;

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

}



.hayeli-auth-card input.input-text:focus,

.hayeli-auth-card input[type="text"]:focus,

.hayeli-auth-card input[type="email"]:focus,

.hayeli-auth-card input[type="password"]:focus {

	border-color: #333;

	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);

	background: #fff;

}



/* Чекбоксы "Remember me" и т.п. */

.hayeli-auth-card .woocommerce-form__label.woocommerce-form__label-for-checkbox {

	display: inline-flex;

	align-items: center;

	gap: .4rem;

	font-size: .85rem;

	color: #333;

}



.hayeli-auth-card input[type="checkbox"] {

	width: 15px;

	height: 15px;

	border-radius: 4px;

	border: 1px solid #333;

}



/* Кнопки (логин / регистрация) */

.hayeli-auth-card .woocommerce-button.button,

.hayeli-auth-card button[type="submit"],

.hayeli-btn-primary {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: .75rem 1.6rem;

	border-radius: 999px;

	border: 1px solid #333;

	/* по твоему запросу */

	background: #fff;

	color: #333;

	font-size: .95rem;

	font-weight: 600;

	cursor: pointer;

	text-transform: uppercase;

	letter-spacing: .04em;

	transition: background .15s ease, color .15s ease, box-shadow .15s ease, transform .1s ease;

}



.hayeli-auth-card .woocommerce-button.button:hover,

.hayeli-auth-card button[type="submit"]:hover,

.hayeli-btn-primary:hover {

	background: #333;

	color: #fff;

	transform: translateY(-1px);

	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);

}



.hayeli-auth-card .woocommerce-button.button:active,

.hayeli-auth-card button[type="submit"]:active,

.hayeli-btn-primary:active {

	transform: translateY(0);

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);

}



/* Ссылки "Lost your password?" и т.п. */

.hayeli-auth-card a {

	color: #333;

	text-decoration: underline;

	text-underline-offset: 2px;

}



.hayeli-auth-card a:hover {

	text-decoration-thickness: 2px;

}



/* Адаптив */

@media (max-width: 600px) {

	.hayeli-auth-card {

		padding: 1.6rem 1.5rem 1.9rem;

	}

}



/* Нормализуем нашу регистрацию внутри карточки, если уже есть стили */

.hayeli-auth-card .hayeli-register-wrap {

	max-width: none;

	margin: 0;

	padding: 0;

	background: transparent;

	border-radius: 0;

	box-shadow: none;

}



.hayeli-auth-card .hayeli-register-title {

	font-size: 1.4rem;

	margin-bottom: .3rem;

	color: #333;

}



.hayeli-auth-card .hayeli-register-subtitle {

	margin-bottom: 1.3rem;

	font-size: .9rem;

	color: #555;

}



.hayeli-auth-card .hayeli-register-grid {

	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 1rem;

}



/* ============================================

   WooCommerce My Account – Global Wrapper

   (Only inside the Woo wrapper, not footer)

============================================ */



.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {

	flex-wrap: nowrap !important;

}



.woocommerce form .form-row-first,

.woocommerce form .form-row-last,

.woocommerce-page form .form-row-first,

.woocommerce-page form .form-row-last {

	width: 100% !important;

}



.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {

	flex: 1;

}



.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {

	width: 100%;

}



.woocommerce-account .woocommerce-MyAccount-navigation {

	width: 100% !important;

}



.logged-in.woocommerce-account .woocommerce {

	max-width: 80% !important;

}



.woocommerce-account .woocommerce-info::before {

	display: none !important;

}



.woocommerce-account .woocommerce-info a.button {

	margin-top: 20px !important;

}



.woocommerce-MyAccount-content .button,

.logged-in.woocommerce-account .woocommerce button[type="submit"] {

	background-color: #333 !important;

	border: 2px solid #333 !important;

	color: #fff !important;

	max-width: 250px !important;

	transition: .2s !important;

}



.woocommerce-MyAccount-content .button:hover,

.logged-in.woocommerce-account .woocommerce button[type="submit"]:hover {

	background-color: #fff !important;

	color: #333 !important;

	box-shadow: none !important;

}



.woocommerce-account .woocommerce .u-column1,

.woocommerce-account .woocommerce .u-column2,

.woocommerce-account .woocommerce .lost_reset_password,

.woocommerce-account .woocommerce .woocommerce-MyAccount-content form {

	border: 1px solid #333 !important;

	box-shadow: none !important;

}



.woocommerce-account .woocommerce .woocommerce-message {

	background: #ffffff !important;

	border: 1px solid #333 !important;

}



.woocommerce-MyAccount-content address {

	box-shadow: none !important;

	border: 1px solid #333 !important;

	line-height: 30px;

	border-radius: 10px !important;

	padding: 20px;

}



.woocommerce-MyAccount-content .woocommerce-message::before {

	display: none !important;

}



.woocommerce-order .woocommerce-notice--success {

	display: none !important;

}



.woocommerce-order-overview strong {

	margin-top: 10px !important;

}



.woocommerce-EditAccountForm span {

	margin-top: 5px;

	display: inline-block;

}



.woocommerce-account .woocommerce .woocommerce-info {

	background: #ffffff !important;

	color: #333 !important;

	border: 1px solid #333 !important;

	display: flex;

	flex-direction: column;

	align-items: center;

}



.woocommerce-account .woocommerce-MyAccount-content {

	width: 100% !important;

	margin-top: 0 !important;

}



.woocommerce-account .woocommerce {

	max-width: 560px;

	margin: 4rem auto;

	padding: 0 1.2rem;

	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	color: #333;

}



/* ============================================

   Login / Register Columns (My Account guest)

============================================ */



.woocommerce-account .woocommerce .u-columns {

	flex-wrap: wrap;

	gap: 1.8rem;

	border: none;

	background: transparent;

	box-shadow: none;

}





.woocommerce-account .nav-tabs .nav-link {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	padding: 0.85rem 1.6rem;

	border-radius: 10px;

	border: 1px solid #333;

	background: #fff;

	color: #333;

	font-size: 0.95rem;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.04em;

	cursor: pointer;

	transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;

}



#customer_login #nav-tab {

	display: flex;

	flex-wrap: nowrap;

	gap: 20px;

	border-bottom: none !important;

}



#customer_login #nav-tab h3 {

	margin-bottom: 0;

	font-size: 16px;

	font-weight: 600;

}



#customer_login .nav-link:hover {

	background: #333;

	color: #fff;

	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);

	transform: translateY(-1px);

}



#customer_login .nav-link.active {

	background: #333;

	color: #fff;

	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);

}





.woocommerce-account .woocommerce .u-column1,

.woocommerce-account .woocommerce .u-column2 {

	flex: 1 1 260px;

}



/* Shared card styling for login, register, lost password */

.woocommerce-account .woocommerce .u-column1,

.woocommerce-account .woocommerce .u-column2,

.woocommerce-account .woocommerce .lost_reset_password,

.woocommerce-account .woocommerce .woocommerce-MyAccount-content form {

	background: #fff;

	color: #333;

	border-radius: 20px;

	border: 1px solid #e0e0e0;

	padding: 2.2rem 2rem 2.4rem;

	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);

	transition: box-shadow 0.3s ease, transform 0.2s ease;

}



.woocommerce-account .woocommerce .u-column1:hover,

.woocommerce-account .woocommerce .u-column2:hover {

	transform: translateY(-2px);

	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);

}



/* ============================================

   Headings & Text

============================================ */



.woocommerce-account .woocommerce h2 {

	font-size: 1.6rem;

	font-weight: 600;

	margin-bottom: 1.6rem;

	color: #333;

	text-align: left;

}



.woocommerce-account .woocommerce p {

	color: #444;

}



/* ============================================

   Form Rows & Labels

============================================ */



.woocommerce-account .woocommerce form .form-row {

	margin-bottom: 1rem;

}



.woocommerce-account .woocommerce form .form-row-last {

	margin-bottom: 1.3rem;

}



.woocommerce-account .woocommerce form label {

	display: block;

	margin-bottom: 0.35rem;

	font-weight: 500;

	font-size: 0.9rem;

	color: #333;

}



/* ============================================

   Inputs (only inside Woo forms)

============================================ */



/* All text-like inputs used in Woo forms */

.woocommerce-account .woocommerce form .input-text,

.woocommerce-account .woocommerce form input[type="text"],

.woocommerce-account .woocommerce form input[type="email"],

.woocommerce-account .woocommerce form input[type="password"],

.woocommerce-account .woocommerce form input[type="tel"],

.woocommerce-account .woocommerce form input[type="number"] {

	width: 100%;

	border-radius: 10px;

	border: 1px solid #333;

	background: #fff;

	color: #333;

	padding: 0.75rem 1rem;

	font-size: 0.95rem;

	outline: none;

	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;

}



.woocommerce-account .woocommerce form .input-text:focus,

.woocommerce-account .woocommerce form input[type="text"]:focus,

.woocommerce-account .woocommerce form input[type="email"]:focus,

.woocommerce-account .woocommerce form input[type="password"]:focus,

.woocommerce-account .woocommerce form input[type="tel"]:focus,

.woocommerce-account .woocommerce form input[type="number"]:focus {

	border-color: #333;

	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);

	background: #fff;

}



/* Textareas inside account forms (if any) */

.woocommerce-account .woocommerce form textarea {

	width: 100%;

	min-height: 120px;

	border-radius: 16px;

	border: 1px solid #333;

	background: #fff;

	color: #333;

	padding: 0.75rem 1rem;

	font-size: 0.95rem;

	resize: vertical;

	outline: none;

	transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



.woocommerce-account .woocommerce form textarea:focus {

	border-color: #333;

	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);

}



/* ============================================

   Checkboxes (Remember me, privacy, etc.)

============================================ */



.woocommerce-account .woocommerce .woocommerce-form__label-for-checkbox,

.woocommerce-account .woocommerce .form-row .woocommerce-form__label {

	display: inline-flex;

	align-items: center;

	gap: 0.4rem;

	font-size: 0.85rem;

	color: #333;

}



.woocommerce-account .woocommerce input[type="checkbox"] {

	width: 15px;

	height: 15px;

	border-radius: 4px;

	border: 1px solid #333;

}



/* Small helper text */

.woocommerce-account .woocommerce small {

	color: #555;

	font-size: 0.82rem;

}



/* Hide titles on Woo login/register/lost password pages */

.woocommerce-account .entry-title,

.woocommerce-account h1,

.woocommerce-account .page-title {

	display: none !important;

}



/* ============================================

   Buttons (Login, Register, Save, Reset, etc.)

============================================ */



.woocommerce-account .woocommerce button.button,

.woocommerce-account .woocommerce button[type="submit"],

.woocommerce-account .woocommerce a.button {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	padding: 0.85rem 1.6rem;

	border-radius: 10px;

	border: 1px solid #333;

	/* your border color */

	background: #fff;

	color: #333;

	font-size: 0.95rem;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.04em;

	cursor: pointer;

	transition: background 0.2s ease, color 0.2s ease,

		box-shadow 0.2s ease, transform 0.1s ease;

}



.lost_reset_password .woocommerce-form-row {

	width: 100% !important;

}



.woocommerce-account .woocommerce button.button:hover,

.woocommerce-account .woocommerce button[type="submit"]:hover,

.woocommerce-account .woocommerce a.button:hover {

	background: #333;

	color: #fff;

	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);

	transform: translateY(-1px);

}



.woocommerce-account .woocommerce button.button:active,

.woocommerce-account .woocommerce button[type="submit"]:active,

.woocommerce-account .woocommerce a.button:active {

	transform: translateY(0);

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);

}



/* Remove default Woo full-width button margin issues */

.woocommerce-account .woocommerce .form-row .button {

	width: 100%;

}



/* ============================================

   Lost Password link

============================================ */



.woocommerce-account .woocommerce .woocommerce-LostPassword {

	text-align: right;

	margin-top: 0.4rem;

}



.woocommerce-account .woocommerce .woocommerce-LostPassword a {

	font-size: 0.85rem;

	color: #333;

	text-decoration: underline;

	text-underline-offset: 3px;

}



.woocommerce-account .woocommerce .woocommerce-LostPassword a:hover {

	text-decoration-thickness: 2px;

}



/* ============================================

   Notices (success, error, info)

============================================ */



.woocommerce-account .woocommerce .woocommerce-message,

.woocommerce-account .woocommerce .woocommerce-error,

.woocommerce-account .woocommerce .woocommerce-info {

	border-radius: 12px;

	padding: 0.9rem 1.2rem;

	font-size: 0.9rem;

	line-height: 1.4;

	margin-bottom: 1.4rem;

	border-left: 4px solid #333;

	background: #f9f9f9;

}



.woocommerce-account .woocommerce .woocommerce-message {

	border-color: #32b16c;

	background: #e9f9ef;

}



.woocommerce-account .woocommerce .woocommerce-error {

	border-color: #d9534f;

	background: #fcebea;

}



.woocommerce-account .woocommerce .woocommerce-info {

	border-color: #0055ff;

	background: #eef3ff;

}



/* ============================================

   Lost Password / Reset Password Form

============================================ */



.woocommerce-account .woocommerce .lost_reset_password {

	max-width: 480px;

	margin: 3rem auto;

	text-align: left;

}



/* ============================================

   Logged-in My Account content

============================================ */



.woocommerce-account .woocommerce .woocommerce-MyAccount-content {

	margin-top: 2rem;

}



/* My Account nav (Orders, Addresses, etc.) */

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {

	margin-bottom: 2rem;

}



.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {

	list-style: none;

	margin: 0 0 1rem;

	padding: 0;

	display: flex;

	flex-wrap: wrap;

	gap: 0.5rem;

}



.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 0.55rem 1.1rem;

	border-radius: 999px;

	border: 1px solid #333;

	background: #fff;

	color: #333;

	font-size: 0.85rem;

	text-decoration: none;

	transition: background 0.2s ease, color 0.2s ease,

		box-shadow 0.2s ease, transform 0.1s ease;

}



.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {

	background: #333;

	color: #fff;

	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);

	transform: translateY(-1px);

}


.is-dark-shop .yay-currency-custom-select__trigger {
	background-color: #333 !important;
	color: #fff !important;
}

.is-dark-shop .yay-currency-custom-arrow::before, .yay-currency-custom-arrow::after {
	background-color: #fff !important;
}

.is-dark-shop .yay-currency-custom-option-row.selected div {
	color: #fff !important;
}

.is-dark-shop .yay-currency-custom-select.open .yay-currency-custom-options {
	background-color: #333;
}

.yay-currency-custom-options li:last-child {
	border: none !important;
}

.is-dark-shop .yay-currency-custom-option-row.selected {
    background-color: #333 !important;
} 

.is-dark-shop .yay-currency-custom-option-row {
    border-bottom: 1px solid #ffffff85 !important;
}

.is-dark-shop .yay-currency-custom-option-row {
	color: #fff !important;
}

.yay-currency-custom-option-row {
	border-bottom: 1px solid #cbcbcb !important;
}

.is-dark-shop .yay-currency-custom-option-row {
	background-color: #333 !important;
}

.is-dark-shop .yay-currency-custom-arrow::before, .is-dark-shop .yay-currency-custom-arrow::after {
	background-color: #fff !important;
}

.yay-currency-selected-option {
	font-weight: 600;
}

.yay-currency-custom-option-row.selected {
	background-color: #ffffff !important;
}

.yay-currency-custom-option-row.selected div {
	color: #333 !important;

}

.yay-currency-custom-select__trigger.small {
	border: none !important;
	font-size: 15px !important;
	font-family: 'Montserrat', sans-serif;
	    
}

.yay-currency-custom-option-row:hover {
	background-color: #f5f7fa00 !important;
}

.yay-currency-custom-arrow::before,
.yay-currency-custom-arrow::after {
	background-color: #333 !important;
	opacity: .7 !important; 
}

.yay-currency-custom-options {
	top: 58px !important;
	border: none !important;
	font-weight: 600;
	border: none !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
	border-radius: 0 0 5px 5px !important;
}

.yay-currency-custom-option.small {
	font-size: 14px !important;
	line-height: 19px;
	font-weight: 500;
}

body .yay-currency-custom-selected-option {
	padding-left: 0 !important;
}

.myaccount-nav-select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 100%;
  padding: 12px 44px 12px 14px;
      border-radius: 8px;
    margin-bottom: 20px;

  background-color: #fff;
  color: #333;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;

  border: 1px solid #ddd;
  outline: none;

  cursor: pointer;

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

  /* Arrow (same geometry as sorting) */
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23333' d='M5.5 7.5 10 12l4.5-4.5 1.4 1.4L10 14.8 4.1 8.9z'/%3E%3C/svg%3E");
}

/* Hover */
.myaccount-nav-select:hover{
  border-color: #bbb;
}

/* Focus */
.myaccount-nav-select:focus{
  border-color: #333;
  box-shadow: 0 0 0 3px rgba(0,0,0,.08);
}

/* Options (browser-limited but correct) */
.myaccount-nav-select option{
  color: #333;
}

.myaccount-nav-select:focus{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23333' d='M5.5 12.5 10 8l4.5 4.5 1.4-1.4L10 5.2 4.1 11.1z'/%3E%3C/svg%3E");
}

/* ============================================

   Responsive

============================================ */
@media (min-width: 992px) {
	.container {
		max-width: 100%;
		width: 100%;
		padding: 0 24px;
	}
}

@media (max-width: 991px) {

	.container {

		max-width: 90%;

	}

	.prt_cat_title_wrap .prt-cat__title {
		margin-left: 0;
	}



	.desc-curr-switcher {

		display: none;

	}



	.hero {

		min-height: 40vh;

	}



	.cta .cta-description {

		width: 85%;

	}



	.shop-subtitle {

		max-width: 100%;

	}



	.shop-toolbar__sort {

		justify-content: flex-start;

	}



	.shop-toolbar {

		padding-top: 60px;

	}



	.shop-subtitle {

		margin-bottom: 60px;

	}



	.orderby {

		padding-left: 0;

	}



	.menu__btn {

		display: inline-flex;

	}



	.mobile-menu-nav .main-menu-mobile {

		list-style: none;

		padding-left: 0;

		display: flex;
		gap: 30px;

	}

	.secondary-menu-mobile {
		justify-content: flex-end;
		margin-top: 30px;
	}

	#mobile-nav .mobile-menu-nav #menu-main-menu-1 .menu-item-has-children>a:after {
		display: none;
	}

	#mobile-nav .yay-currency-single-page-switcher {
		display: flex;
		justify-content: flex-end;
	}

	.mobile-menu-nav-second {
		display: flex;
		justify-content: flex-end;
	}

	#menu-account-settings {
		max-width: 25%;
	}

	#menu-account-settings .menu-item a {
		font-weight: 600;
		        margin-bottom: 10px;
	}

	.log-mobile {

		padding-left: 0;

	}




	.log-mobile li a {

		padding-left: 0;
		        font-weight: 600;
	}



	.main-menu-mobile .menu-item {


		flex: 1;
	}



	.main-menu-mobile .menu-item .sub-menu .menu-item {}



	.main-menu-mobile .menu-item a {

		font-weight: 600;

	}

	.yay-currency-custom-selected-option {
		padding-left: 0 !important;
	}

	.is-dark-shop #mobile-nav .menu-item a:hover {
		color: #fff;
	}

	.is-dark-shop #mobile-nav .menu-item a {
		border-bottom: 1px solid #ffffff47;
	}

	.mobile-search form {

		display: flex;

		border: 1px solid #acacac;

		padding: 10px;

	}

	.is-dark-shop .mobile-search form {
		border: 1px solid #fff !important;
	}

	.is-dark-shop .search-submit .dashicons-search {
		color: #fff !important;
	}


	.mobile-search #hayeli-search-field {

		flex: 1;

		border: none !important;
		background-color: #fff !important;
	}


	.is-dark-shop .mobile-search #hayeli-search-field {
		background-color: #333 !important;
		color: #fff !important;
	}

	.is-dark-shop #hayeli-search .search-submit i {
		color: #fff;
	}


	.mobile-search button {

		background: #ffffff00 !important;

		border: none;

		box-shadow: none;

	}



	.footer-subscribe {

		width: 100%;

	}



	.locations-list {

		flex-wrap: wrap;

	}



	.location-item {

		margin-bottom: 20px;

		width: 50%;

		text-align: center;

	}



	.two-columns__single,
	.two-columns.extra_image .two-columns__inner {

		display: block;

	}



	.logged-in.woocommerce-account .woocommerce {

		max-width: 100% !important;

	}



	.prt-cat__arrow {

		position: unset;

		margin: 0 auto;

		margin-top: 40px;

	}

	.txt-content {
		max-width: 100%;
	}

	.text-page-wrap {
		padding: 50px 0;
	}

	.contact-section .contact-title {
		line-height: 36px;
		font-size: 34px;
	}

	.contact-section {
		padding: 50px 0;
	}

	#mobile-nav .mobile-menu-nav #menu-main-menu-1 .sub-menu {
		display: block;
	}

}



@media (max-width: 768px) {

	body {
		font-size: 14px;
	}

	.prt-card__img, .prt-card__video {
		height: 680px;
	}

	.mobile-menu-nav .main-menu-mobile {
		gap: 0;
	}

	#logo {
		text-align: center;
		margin-left: 0;
	}

	.shop-toolbar__sort {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		margin-bottom: 15px;
	}

	.prt_cat_title_wrap {
		flex-direction: column;
	}

	.prt-cat__title {
		font-size: 24px;
		margin-right: 0;
		margin-bottom: 10px !important;
	}

	.prt_cat_title_wrap a .dashicons {
		font-size: 14px;
    	margin-top: 2px;
	}

	.cta .cta-title {
		font-size: 24px;
	}

	.cta .cta-description {
		margin-top: 18px;
	}

	.prt-card__title {
		font-size: 16px;
	}

	.prt-cat__subtitle {
		font-size: 14px;
	}

	.prt-card__price {
		font-size: 14px;
	}

	.prt-card__badge {
		font-size: 14px;
	}

	#mobile-nav .menu-item-has-children>a:after {
		display: block !important;
	}

	.shop-toolbar {
		padding-top: 30px;
	}

	.prt_cat_title_wrap a {
		font-size: 14px;
	}

	#menu-account-settings {
		max-width: 50%;
	}

	.mobile-menu-nav-second {
		justify-content: flex-start;
	}

	.woocommerce-MyAccount-navigation ul {

		display: none !important;
		/* hide normal list on mobile */

	}

	#mobile-nav .mobile-menu-nav #menu-main-menu-1 .sub-menu {
		display: none;
	}

	.mobile-menu-nav .main-menu-mobile {
		flex-direction: column;
	}

	.woocommerce-MyAccount-navigation .myaccount-nav-select {

		width: 100%;

		padding: 10px 12px;

		border: 1px solid #ddd;

		border-radius: 4px;

		font-size: 14px;

		background-color: #fff;

	}



	.woocommerce-account .woocommerce {

		max-width: 100%;

		margin: 3rem auto;

	}



	.woocommerce-account .woocommerce .u-columns {

		flex-direction: column;

	}



	.woocommerce-account .woocommerce .u-column1,

	.woocommerce-account .woocommerce .u-column2,

	.woocommerce-account .woocommerce .lost_reset_password,

	.woocommerce-account .woocommerce .woocommerce-MyAccount-content form {

		padding: 1.8rem 1.5rem 2rem;

	}



	.locations-list {

		flex-wrap: nowrap;

		flex-direction: column;

		justify-content: center;

		align-items: center;

	}



	.location-item {

		margin-bottom: 20px;

		text-align: center;

	}



	#menu-footer-menu .menu-item {

		margin-bottom: 10px;

	}



	.footer-copy-c {

		flex-direction: column-reverse;

	}



	.payment-methods {

		justify-content: center;

		margin-bottom: 15px;

	}



	.rrms-step.is-current {

		width: 100% !important;

	}



	.woocommerce #content table.cart .product-thumbnail,
	.woocommerce table.cart .product-thumbnail,
	.woocommerce-page #content table.cart .product-thumbnail,
	.woocommerce-page table.cart .product-thumbnail {

		display: block;

	}



	.woocommerce-cart-form__cart-item td {

		width: 100% !important;

	}



	.rrms .product-thumbnail img.rrms-cart-thumb {

		max-width: 100%;

		max-height: 100%;

	}



	.woocommerce table.shop_table_responsive tr td::before,
	.woocommerce-page table.shop_table_responsive tr td::before {

		display: none;

	}



	.woocommerce table.shop_table_responsive tr td,
	.woocommerce-page table.shop_table_responsive tr td {

		text-align: left !important;

	}

	.product-subtotal {
		display: none !important;
	}

	.update-cart-btn {
		margin-top: 30px;
	}


	.quantity.hayeli-qty {

		justify-content: flex-start;

	}



	.woocommerce-checkout table.cart td.actions .coupon .input-text {

		width: 100% !important;

	}



	.woocommerce table.cart td.actions .coupon .input-text+.button {

		width: 100%;

		margin-top: 10px;

	}



	.sp-single .sp-row {

		flex-direction: column;

		gap: 30px;

	}



	.sp-col--media {

		max-width: 100%;

	}



	.single-product #primary {

		margin: 30px 0;

	}



	.prt-card__thumbs img {

		height: 85px;

	}



	.sp-single .product_title {

		font-size: 30px;

		line-height: 34px;

	}



	.two-columns__description h1,
	.two-columns__description h2,
	.two-columns__description h3 {

		font-size: 30px;

	}



	.two-columns.extra_image .two-columns__single.single-2 {

		margin-top: 30px;

	}



	.two-columns.extra_image .two-columns__single_image {

		margin-top: 30px;

	}

	.search-submit .s-text {
		display: none !important;
	}

	.search-submit .dashicons-search {
		display: block !important;
	}

	
	.single-product .prt-card {
		width: 100%;
	}

}

















@media (max-width: 600px) {

	.hayeli-auth-card .hayeli-register-grid {

		grid-template-columns: 1fr;

	}

}



.hayeli-auth-card .hayeli-field {

	margin-bottom: 1rem;

}



.hayeli-auth-card .hayeli-register-message {

	border-radius: 10px;

	padding: .7rem .9rem;

	font-size: .85rem;

	margin-bottom: 1rem;

}







@media (min-width: 1230px) {

	.container {

		width: 100%;
		padding: 0 24px;
		max-width: 100%;

	}

}



@media (min-width: 1200px) {}



@media (max-width: 1199px) {}



/* Portrait tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {}



@media (min-width: 992px) {}



@media (max-width: 991px) {

	header nav {

		display: none;

	}



	#logo {

		flex: 1;

	}



	.footer-icons {

		display: block;

		position: fixed;

		bottom: 0;

		background-color: #fff;

		width: 100%;

		padding: 30px;

	}



	.footer-icons .header-icons {

		justify-content: space-around;

	}



	.footer-icons .header-icons img {

		width: 50px;

	}







	.modal-search-bar.footer-search-bar {

		display: block;

	}







	#logo {

		margin-left: 20px;

	}

	.mobile-search {
		display: none;
	}

	.woocommerce-shipping-totals td {
		display: block;
		width: 100%;
	}
	
	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
		border: none !important;
		background-color: #fff !important;
	}

	.woocommerce table.shop_table {
		border: none !important;
	}

	.page-id-2134 .cart_totals h2 {
		text-align: left;
	}

}



/* Portrait tablets and small desktops */

@media (min-width: 768px) and (max-width: 991px) {}



/* Landscape phones and portrait tablets */

@media (max-width: 767px) {

	.page-id-2134 h1 {
		margin-top: 30px;
	}

	.woocommerce table.shop_table td {
		display: block;
		    padding: 3px 0px;
	}

	header .modal-search-bar {

		display: none;

	}

	.rr-header-account,

	.search-bar-header {

		display: none;

	}

	.mobile-search {
		display: block;
		margin-top: 30px;
	}

	#mobile-nav .yay-currency-single-page-switcher {
		justify-content: flex-start;
	}

	

}



/* Landscape phones and smaller */

@media (max-width: 544px) {}



@media (max-width: 480px) {}