:root {
	--wd-text-font: "canva sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(35,31,32);
	--wd-text-font-size: 14px;
	--wd-title-font: "codec pro 400", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(35,31,32);
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "codec pro 100", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 20px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(35,31,32);
	--wd-alternative-color: rgb(244,246,249);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgba(35,31,32,0.66);
	--btn-accented-bgcolor-hover: rgba(35,31,32,0.66);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--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-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-gap: 16px;
	--wd-arrow-size: 24px;
	--wd-arrow-icon-size: 14px;
	--wd-arrow-color: rgb(35,31,32);
	--wd-arrow-color-hover: rgba(35,31,32,0.76);
	--wd-arrow-color-dis: rgb(35,31,32);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1240px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "codec pro 400";
	src: url("//sodra.sw.digital/wp-content/uploads/2026/09/CodecPro-Regular.woff2") format("woff2"), 
url("//sodra.sw.digital/wp-content/uploads/2026/09/CodecPro-Regular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "canva sans";
	src: url("//sodra.sw.digital/wp-content/uploads/2026/09/CanvaSans-Regular.woff2") format("woff2"), 
url("//sodra.sw.digital/wp-content/uploads/2026/09/CanvaSans-Regular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "codec pro 100";
	src: url("//sodra.sw.digital/wp-content/uploads/2026/09/CodecPro-Thin.woff") format("woff2"), 
url("//sodra.sw.digital/wp-content/uploads/2026/09/CodecPro-Thin.woff2") format("woff");
	font-weight: 100;
	font-display:swap;
	font-style: normal;
}

.ko-form {
	--ko-ink: #231f20;
	--ko-placeholder: #605f5e;
	--ko-field: #fff;
	--ko-btn: #0a2342;
	--ko-font-head: inherit;   /* шрифт кнопки */
	--ko-font-body: inherit;   /* шрифт полей и согласия */

	box-sizing: border-box;
	max-width: 423px;
	margin: 0 auto;
	padding: 30px;
	background: linear-gradient(180deg, #f2f5f8 0%, #fff 100%);
	color: var(--ko-ink);
	font-family: var(--ko-font-body);
}
.ko-form *,
.ko-form *::before,
.ko-form *::after { box-sizing: border-box; }

/* обёртки CF7 */
.ko-form p { margin: 0; padding: 0; }
.ko-form br { display: none; }
.ko-form .wpcf7-form-control-wrap { display: block; position: relative; }

/* подписи только для скринридеров — на макете их нет */
.ko-form .ko-sr {
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* сетка: Namn | Företag */
.ko-form .ko-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 0 0 16px;
}
.ko-form .ko-row > p { display: contents; } /* если CF7 обернёт ряд в <p> */
.ko-form .ko-field { position: relative; margin: 0 0 16px; min-width: 0; }
.ko-form .ko-row .ko-field { margin: 0; }

/* поля */
.ko-form input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]),
.ko-form textarea.wpcf7-form-control {
	display: block;
	width: 100%;
	height: 32px;
	min-height: 0;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 0;
	outline: none;
	background: var(--ko-field);
	box-shadow: none;
	font-family: var(--ko-font-body);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0;
	color: var(--ko-ink);
	-webkit-appearance: none;
	appearance: none;
	transition: box-shadow .2s;
}
.ko-form textarea.wpcf7-form-control {
	height: 44px;
	min-height: 44px;
	padding: 8px 20px;
	resize: none;
}
.ko-form .wpcf7-form-control::placeholder { color: var(--ko-placeholder); opacity: 1; }
.ko-form input.wpcf7-form-control:focus,
.ko-form textarea.wpcf7-form-control:focus { box-shadow: inset 0 0 0 1px var(--ko-btn); }

/* согласие */
.ko-form .ko-consent { margin: 0 0 32px; }
.ko-form .ko-consent .wpcf7-list-item { display: block; margin: 0; }
.ko-form .ko-consent label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	cursor: pointer;
}
.ko-form .ko-consent input[type="checkbox"] {
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--ko-ink);
	border-radius: 3px;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	position: relative;
}
.ko-form .ko-consent input[type="checkbox"]:checked { background: var(--ko-ink); }
.ko-form .ko-consent input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1.5px;
	width: 4px;
	height: 7.5px;
	border: solid #fff;
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
}
.ko-form .ko-consent input[type="checkbox"]:focus-visible { outline: 2px solid var(--ko-btn); outline-offset: 2px; }
.ko-form .ko-consent .wpcf7-list-item-label {
	padding-top: 1px;
	font-size: 10px;
	font-weight: 400;
	line-height: 10px;
	letter-spacing: 0;
	color: var(--ko-ink);
}
.ko-form .ko-consent .wpcf7-list-item-label::before,
.ko-form .ko-consent .wpcf7-list-item-label::after { display: none; } /* WoodMart */

/* кнопка */
.ko-form .ko-submit { position: relative; }
.ko-form .ko-submit input.wpcf7-submit {
	display: block;
	width: 100%;
	height: 48px;
	min-height: 0;
	margin: 0;
	padding: 0 16px;
	border: 0;
	border-radius: 0;
	background: var(--ko-btn);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	font-family: var(--ko-font-head);
	font-size: 18px;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	transition: opacity .2s;
}
.ko-form .ko-submit input.wpcf7-submit:hover { opacity: .9; }
.ko-form .ko-submit input.wpcf7-submit:disabled { opacity: .6; cursor: default; }
.ko-form .ko-submit .wpcf7-spinner {
	position: absolute;
	right: 14px;
	top: 50%;
	margin: -12px 0 0;
	background-color: #fff;
}

/* ошибки и ответ */
.ko-form .wpcf7-not-valid-tip { margin-top: 4px; font-size: 11px; line-height: 1.2; color: #c0392b; }
.ko-form input.wpcf7-not-valid,
.ko-form textarea.wpcf7-not-valid { box-shadow: inset 0 0 0 1px #c0392b !important; }
.ko-form .ko-consent .wpcf7-not-valid-tip { padding-left: 22px; }
.wpcf7-form:has(.ko-form) .wpcf7-response-output {
	max-width: 423px;
	margin: 12px auto 0 !important;
	padding: 10px 14px !important;
	font-size: 13px;
	line-height: 1.35;
}

/* мобилка */
@media (max-width: 400px) {
	.ko-form { padding: 24px 16px; }
	.ko-form .ko-submit input.wpcf7-submit { font-size: 16px; }
}
@media (max-width: 340px) {
	.ko-form .ko-row { grid-template-columns: 1fr; }
}






/* ===== Мобильное меню ===== */
.mobile-pages-menu {
    padding-top: 60px;
}

.mobile-nav {
    background: #f4f6f9 !important;
    box-shadow: -12px 0 30px rgba(0,0,0,0.08);
    align-content: center;
    /* плавность */
    opacity: 0;
    transform: translateX(40px);
    transition:
        transform .42s cubic-bezier(.23,1,.32,1),
        opacity .32s ease !important;
}

/* когда меню открыто */
.mobile-nav.wd-opened {
    opacity: 1;
    transform: translateX(0);
}

/* сам список */
.mobile-nav .mobile-pages-menu {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

/* li */
.mobile-nav .mobile-pages-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* ссылки */
.mobile-nav .mobile-pages-menu > li > a {
    display: block;
    text-align: center;
    padding: 20px 0 !important;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1.2px;
    color: #3E2D25 !important;
    text-transform: uppercase;
    border-bottom: none !important;
    /* плавность hover/tap */
    transition: all .25s ease;
}

/* легкий интерактив */
.mobile-nav .mobile-pages-menu > li > a:hover {
    letter-spacing: 2px;
}

/* цвет текста #3E2D25 во всех состояниях */
.mobile-nav .mobile-pages-menu li a,
.mobile-nav .mobile-pages-menu li a:hover,
.mobile-nav .mobile-pages-menu li a:focus,
.mobile-nav .mobile-pages-menu li.current-menu-item > a,
.mobile-nav .mobile-pages-menu li.current_page_item > a,
.mobile-nav .nav-link-text,
.mobile-nav .wd-nav-opener {
    color: #3E2D25 !important;
}

/* ===== Крестик закрытия ===== */
.mobile-nav .mnav-close {
    position: absolute !important;
    top: 16px;
    right: 16px;
    z-index: 5;
    width: 44px !important;
    height: 44px !important;
    min-height: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #3E2D25 !important;
    cursor: pointer;
    transition: transform .3s ease, opacity .3s ease;
}

.mobile-nav .mnav-close svg {
    width: 22px;
    height: 22px;
    stroke: #3E2D25 !important;
}

.mobile-nav .mnav-close:hover {
    transform: rotate(90deg);
    opacity: .7;
}





.tw-w{white-space:nowrap}
.tw-ch{visibility:hidden;transition:none!important}
.tw-ch.on{visibility:visible}
.tw-caret{position:absolute;left:0;top:0;width:2px;background:currentColor;pointer-events:none;will-change:transform}
.tw-caret.tw-blink{animation:twBlink .8s steps(1) infinite}
@keyframes twBlink{50%{opacity:0}}