@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//yukibeauty.ch/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

:root {
	--wd-text-font: "HelveticaNeue", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: rgb(46,45,45);
	--wd-text-font-size: 16px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: rgb(46,45,45);
	--wd-entities-title-font: "HelveticaNeueCyr", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 200;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(46,45,45);
	--wd-entities-title-color-hover: rgb(46, 45, 45);
	--wd-alternative-font: "HelveticaNeueCyr", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "HelveticaNeueCyr", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 300;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(46,45,45);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "HelveticaNeueCyr", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 300;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 16px;
	--wd-primary-color: rgb(46,45,45);
	--wd-alternative-color: rgb(249,229,229);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-font-weight: 300;
	--btn-default-transform: none;
	--btn-default-bgcolor: rgb(46,45,45);
	--btn-default-bgcolor-hover: rgb(46,45,45);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-font-weight: 300;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(46,45,45);
	--btn-accented-bgcolor-hover: rgb(46,45,45);
	--btn-accented-color: rgb(255,255,255);
	--btn-accented-color-hover: rgb(255,255,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(46,45,45);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(249,229,229);
	--notices-warning-color: rgb(0,0,0);
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount, html .wd-product-nav-desc .price > .amount, html .wd-product-nav-desc .price > ins .amount, html .wd-product-nav-desc .price > ins .amount, html .product-quick-view  .summary-inner > .price > .amount, html .product-quick-view .summary-inner > .price > ins .amount, html .product-quick-view  .variations_form .woocommerce-variation-price .price > .amount, html .product-quick-view .variations_form .woocommerce-variation-price .price > ins .amount, html .widget-area .widget .price > .amount, html .widget-area .widget .price > ins .amount, html .widget-area .widget .price > ins .amount {
	font-family: "HelveticaNeue", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-transform: none;
	color: rgb(46,45,45);
}
html .wd-product .price:hover, html .wd-product .price > .amount:hover, html .wd-product .price ins > .amount:hover, html .wd-product-nav-desc .price > .amount:hover, html .wd-product-nav-desc .price > ins .amount:hover, html .wd-product-nav-desc .price > ins .amount:hover, html .product-quick-view  .summary-inner > .price > .amount:hover, html .product-quick-view .summary-inner > .price > ins .amount:hover, html .product-quick-view  .variations_form .woocommerce-variation-price .price > .amount:hover, html .product-quick-view .variations_form .woocommerce-variation-price .price > ins .amount:hover, html .widget-area .widget .price > .amount:hover, html .widget-area .widget .price > ins .amount:hover, html .widget-area .widget .price > ins .amount:hover {
	color: rgb(46,45,45);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(46,45,45);
	--wd-form-placeholder-color: rgb(46,45,45);
	--wd-form-brd-color: rgba(46,45,45,0.5);
	--wd-form-brd-color-focus: rgba(46,45,45,0.5);
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 10px;
	--wd-arrow-size: 56px;
	--wd-arrow-icon-size: 10px;
	--wd-arrow-color: rgb(46,45,45);
	--wd-arrow-color-hover: rgb(46,45,45);
	--wd-arrow-color-dis: rgb(46,45,45);
	--wd-arrow-bg: rgb(255,255,255);
	--wd-arrow-bg-hover: rgb(255,255,255);
	--wd-arrow-bg-dis: rgb(255,255,255);
	--wd-arrow-radius: 100px;
}
.product-labels .product-label.onsale {
	background-color: rgb(249,229,229);
	color: rgb(46,45,45);
}
.product-labels .product-label.new {
	background-color: rgb(249,229,229);
	color: rgb(46,45,45);
}
.product-labels .product-label.featured {
	background-color: rgb(249,229,229);
	color: rgb(46,45,45);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(249,229,229);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(249,229,229);
	color: rgb(46,45,45);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 14px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 14px;
	--wd-header-el-font-size: 12px;
	}

}
:root{
--wd-form-brd-radius: 0px;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}



@font-face {
	font-family: "HelveticaNeue";
	src: url("//yukibeauty.ch/wp-content/uploads/2025/08/HelveticaNeueCyr-Light-1.woff2") format("woff2"), 
url("//yukibeauty.ch/wp-content/uploads/2025/08/HelveticaNeueCyr-Light-2.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeueCyr";
	src: url("//yukibeauty.ch/wp-content/uploads/2025/06/HelveticaNeueCyr-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Amalfi Coast";
	src: url("//yukibeauty.ch/wp-content/uploads/2025/07/Amalfi-Coast.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

/* My Yuki points — иконка через :before */
.wd-my-account-links .yukipoints-link a::before {
    content: "";
    display: block; /* блок, чтобы можно было центрировать */
    width: 48px;    /* подберите под размер остальных иконок */
    height: 48px;
    margin: 0 auto 10px auto; /* auto по бокам — центрируем, 10px снизу для текста */
    background-image: url("https://yukibeauty.ch/wp-content/uploads/2025/08/34.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent; /* убираем старую иконку-шрифт */
}

/* При ховере иконка остаётся без цвета из шрифта */
.wd-my-account-links .yukipoints-link:hover a::before {
    color: transparent;
}



/* header */
/* Span Tag */
.wd-header-text p span{
	font-size:16px;
}
/* Cart number */
.whb-main-header .whb-col-right .wd-cart-number{
	font-size:11px !important;
	color:#2e2d2d !important;
	background-color:#f9e5e5 !important;
}
/* Tools count */
.whb-main-header .whb-col-right .wd-tools-count{
	font-size:11px !important;
	background-color:#f9e5e5 !important;
	color:#2e2d2d !important;
}
/* Header account */
.whb-main-header .whb-col-right .wd-header-my-account{
	background-color:#f9e5e5;
	border-radius:100px;
}
/* 576px and smaller screen sizes */
@media (max-width:576px){

	/* Site logo */
	.whb-main-header .whb-hidden-lg .site-logo{
		padding-left:0px;
		padding-right:0px;
	}
	
	/* Header secondary nav */
	.whb-main-header .whb-hidden-lg .wd-header-secondary-nav{
		padding-right:0px;
	}
	
	/* Link */
	.whb-main-header .whb-hidden-lg .wd-tools-custom-icon a{
		padding-left:5px;
		padding-right:5px;
	}
	
}
	/* Cart number */
	.whb-main-header .whb-hidden-lg .wd-cart-number{
		font-size:11px !important;
		color:#2e2d2d !important;
	}
	/* Tools count */
	.whb-main-header .whb-hidden-lg .wd-tools-count{
		color:#2e2d2d !important;
		font-size:11px !important;
		background-color:#f9e5e5 !important;
	}
	

.woocommerce-mini-cart__buttons .btn-cart {
    color: rgb(46, 45, 45) !important;
    background-color: #ffffff !important;
		    border-width: 1px !important;
}


div.quantity input[type="button"] {
    font-weight: 200 !important;
}



/* 700px and smaller screen sizes */
@media (max-width:700px){

	/* Span Tag */
	.mobile-pages-title a span{
		font-weight:300;
		font-size:16px;
		text-transform:none;
	}
	
	/* Span Tag */
	.mobile-categories-title a span{
		font-weight:300;
		font-size:16px;
		text-transform:none;
	}
	
	/* Nav link text */
	#menu-navigation .menu-item .nav-link-text{
		font-weight:300;
		text-transform:none;
		font-size:14px;
	}
	
	/* Woodmart nav link */
	#menu-navigation .menu-item .woodmart-nav-link{
		font-weight:300;
		font-size:14px;
		text-transform:none;
	}
	
	/* Nav link text */
	#menu-catalogue-mobile .menu-item .nav-link-text{
		font-weight:300;
		font-size:14px;
		text-transform:none;
	}
	
}

/* 500px and smaller screen sizes */
@media (max-width:500px){

	/* Span Tag */
	.whb-main-header .whb-hidden-lg p span{
		font-size:12px;
		
	}
	
}

/* Button */
.woocommerce-my-account-wrapper .woocommerce-info a{
	color:#2e2d2d;
	font-weight:400;
	border-bottom-color:#2e2d2d;	
}



/* Division */
.whb-col-right .wd-header-text div div div div div div{
	font-weight:300 !important;
}

/* Division */
.wd-page-wrapper .whb-header .whb-main-header .whb-flex-flex-middle .container .whb-general-header-inner .whb-col-right .wd-header-text > div{
	width:70px !important;
}

/* Division */
.whb-col-right .wd-header-text > div > div > div > div{
	padding-right:0px;
}

/* Division */
.whb-col-right .wd-header-text > div > div > div{
	margin-top:5px;
}

/* 700px and smaller screen sizes */
@media (max-width:700px){

	/* Header text */
	.whb-general-header-inner .whb-hidden-lg .wd-header-text{
		float:right;
		transform:translatex(0px) translatey(0px);
		text-align:left;
		direction:rtl;
		max-width:90px;
	}
	
	/* Header secondary nav */
	.wd-page-wrapper .whb-header .whb-main-header .whb-flex-flex-middle .container .whb-general-header-inner .whb-hidden-lg .wd-header-secondary-nav{
		width:70px !important;
	}
	
	/* Header secondary nav */
	.whb-main-header .whb-hidden-lg .wd-header-secondary-nav{
		max-width:50px;
	}
	
	/* Header text */
	.wd-page-wrapper .whb-header .whb-main-header .whb-flex-flex-middle .container .whb-general-header-inner .whb-hidden-lg .wd-header-text{
		width:9px !important;
	}
	
	/* Division */
	.whb-hidden-lg .wd-header-text > div > div > div{
		margin-top:5px;
	}
	
}

/* 400px and smaller screen sizes */
@media (max-width:400px){

	/* Division */
	.whb-hidden-lg .wd-header-text > div > div > div{
		max-width:100px;
	}
	
	/* Header text */
	.wd-page-wrapper .whb-header .whb-main-header .whb-flex-flex-middle .container .whb-general-header-inner .whb-hidden-lg .wd-header-text{
		width:100px !important;
	}
	
	/* Header text */
	.whb-general-header-inner .whb-hidden-lg .wd-header-text{
		max-width:90px;
	}
	
	/* Division */
	.whb-hidden-lg .wd-header-text div div div div div div{
		font-weight:300 !important;
		max-width:40px;
		padding-right:9px;
		
	}
	
	/* Header secondary nav */
	.whb-main-header .whb-hidden-lg .wd-header-secondary-nav{
		padding-left:0px;
		max-width:30px;
	}
	
	/* Division */
	.wd-page-wrapper .whb-header .whb-main-header .whb-flex-flex-middle .container .whb-general-header-inner .whb-hidden-lg .wd-header-text > div{
		max-width:60px !important;
	}
	
	/* Division */
	.whb-hidden-lg .wd-header-text div div div div{
		padding-right:9px;
	}
	
}

.amount {
    font-weight: 300 !important;
}


