/* Fonts */
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic&subset=latin,cyrillic-ext);
@font-face {font-family: Vibes; /* имя шрифта для CSS правил */ src: local("GoodVibesCyr"), /* проверяем наличие шрифта в ОС пользователя */ url(../fonts/GoodVibesCyr.ttf);}

/* Common */
.grid-container {max-width:1350px;padding:20px 10px;}

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {margin:0;padding:4px 7px;background:#fff;color:#000;box-shadow:inset 0 0 5px #ccc;line-height:18px;border-radius:15px;height:30px;font-size:inherit;}

input[type="submit"] {text-transform:uppercase;border:1px solid #9e5e2c;background:#9e5e2c;color:#fff;padding:7px 25px;margin:10px 0;cursor:pointer;}
input[type="submit"]:hover {background:#b8692b;color:#fff;}

.button.grey {background:#eee;color:#333;}
.button.grey:hover {background:#ddd;color:#000;}

.callout {margin:0;}

.title-bar {display:none;background:none;color:#333;}
.menu-icon::after {background:#333;box-shadow:0 7px 0 #333,0 14px 0 #333;}

.top-bar, .top-bar ul {background:none;}

.menu .active > a {background:none;}

.reveal {border-radius: 10px;}
.reveal h4 {font-family:Vibes;color:#4f3d3b;margin: 10px 0;font-size:30px;}
.reveal a.button {border-radius:5px;text-decoration:none;}

a {text-decoration:underline;color:#9e5e2c;}
a:hover {text-decoration:none;color:#111;}

::placeholder {color:#777;opacity:0.8;}

.button {padding:5px 15px;margin:10px 5px;background:#4f3d3b;color:#fff;}
.button:hover {background:#9e5e2c;color:#fff;}

select {padding:5px 10px;height:auto;font-size:14px;background-position:right -2px center;}

/* HTML */
body {font-size:14px;font-family: 'PT Serif', serif;color:#222;}
body .fon {background:#95d3d3;}


@media print, screen and (min-width: 64em) {
	body .fon {background:url(../img/body.jpg) top center no-repeat #95d3d3;}
	header {background:none;margin:0;}
}

/* Header */
header {padding:10px 0;background:#fff;margin:0 0 10px;}
header .logo a {color:#222;}
header .grid-container {padding:0 10px;}
header .links {margin:10px 0;}
header .links > .cell {padding:5px;}
header .links a img {border:1px solid #fff;}
header .links a:hover img {border:1px solid #63432c;}

header a.instagram {display:inline-block;width:30px;height:30px;margin:0 5px;background:url(../img/instagram-icon.png) no-repeat top center;background-size:cover;}
header a.whatsapp {display:inline-block;width:30px;height:30px;margin:0 5px;background:url(../img/whatsapp.png) no-repeat top center;background-size:cover;}

header .phone {padding-top:20px;}
header .phone address {background:url(../img/adres.png) no-repeat;padding:0 0 0 25px;font-style:normal;display:inline-block;}
header .phone p {margin:0;}
header .phone p a {}
header .phone p a.tel {font-size:17px;color:#63432c;background:none;padding:0 0 0 10px;text-decoration:none;}
header a[href^="mailto"] {text-decoration:none;background: url(../img/mail.png) no-repeat;padding: 0 0 0 25px;}



header a.ask {display:inline-block;margin:10px 0 0 0;color:#63432c;text-transform:uppercase;padding:0 35px 0 0;line-height:40px;background:url(../img/ask.png) no-repeat top right;text-decoration:underline;}
header a.ask:hover {text-decoration:none;}

header .cart {padding: 10px 0;}
header .cart .block {display:inline-block;width:auto;border:1px solid #63432c;border-radius:25px;padding:5px 20px;background:#fff;}
header .cart a.link {background: url(../img/cart.svg) no-repeat left center;background-size:contain;padding:0 0 0 30px;color:#63432c;text-decoration:none;}



nav {margin:0 0 20px;}
nav .grid-container {padding:0 10px;}
nav ul.menu {border-bottom:1px solid #4f3d3b;border-top:1px solid #4f3d3b;width:100%;padding:5px 0;}
nav ul.menu li {padding:0 10px;text-align:center;}
nav ul.menu li a {line-height:30px;text-transform:uppercase;color: #000;text-decoration: none;padding:0;position:relative;display:inline-block;}
nav ul.menu li a:hover {}
nav ul.menu li.active a {color:#222;}
nav ul.menu li.active a:before, nav ul.menu li.active a:after {position:absolute;width:5px;height:5px;top:13px;background:url(../img/active.png) no-repeat;content:"";}
nav ul.menu li.active a:before {left:-10px;}
nav ul.menu li.active a:after {right:-10px;}

.brd_t {background: url(../img/brd_t.png) repeat-x;height: 5px;}
.brd_b {background: url(../img/brd_b.png) repeat-x;height: 5px;}

.search {margin:0 0 10px;position:relative;}
.search #jshop_search {display:inline-block;position:relative;border:none;margin-right:5px;width:100%;padding:5px 10px;height:34px;}
.search input.lupa {display:block;position:absolute;top:-8px;right:-20px;background:url(../img/lupa.png) no-repeat 0 3px;height:26px;width:26px;cursor:pointer;border:none;box-shadow:none;}

.cats {margin:20px 0;}
.cats .item {text-align:center;}
.cats .item a {display:block;overflow:auto;}
.cats .item img {display:block;margin:10px auto;}
.cats .item span {display:block;line-height:26px;text-transform:uppercase;height:52px;overflow:hidden;width:100%;display:block;color:#63432c;}

.cats_new {margin:0 10px;}
.cats_new > .cell {padding:5px 0 !important;}
.cats_new .item {aspect-ratio:2/1;margin:0;transition: 0.5s all;cursor: pointer;background-position: center center;background-size:cover;}
.cats_new .item:hover {}
.cats_new .item .bg {height:100%;background-color:rgba(0,0,0,0.25);padding:10px 20px;transition: 0.5s all;}
.cats_new .item:hover .bg {background-color:rgba(0,0,0,0.05);}
.cats_new .item .bg .description h2 {font-size:24px;font-weight:bold;margin:10px 0 10px;}
.cats_new .item .bg .description h2 a {color:#fff;text-decoration: none;}
.cats_new .item .bg .description p {color:#fff;}

@media print, screen and (min-width: 64em) {
  .cats_new > .cell {padding:10px !important;}
}

#sort_count {margin:10px 5px 0;display:block;}
.box_products_sorting {position:relative;}
.box_products_sorting img {position:absolute;top:25px;right:-30px;cursor:pointer;}

.prods {}
.prods > .cell {padding:5px;}
.prods .item {text-align:center;border:1px solid #ddd;background:#fafafa;border-radius:5px;}
.prods .item:hover {border:1px solid #ccc;}
.prods .item .image {padding:10px;margin:0;background:#fafafa;}
.prods .item .image a {display:block;width:100%;overflow:hidden;}
.prods .item .image a img {width:100%;transition:0.5s all;}

.prods .item .images {margin:0;padding:10px;}
.prods .item .images a {display:block;width:100%;}
.prods .item .images ul li a {display:block;overflow:hidden;}
.prods .item .images ul li a img {display:block;width:100%;transition:0.5s all;}
.prods .item .images a:hover img {transform: scale(1.1);}

.prods .item .code {font-style: italic;color:#999;font-size:14px;margin:0;}
.prods .item a.title {line-height:20px;width:100%;color:#63432c;margin:0;display:block;}
.prods .item .short-description {cursor: pointer;}

.prods .item .price {text-decoration:none;font-weight:bold;text-transform:lowercase;margin:5px 0 0;padding:5px 10px;line-height:20px;font-size:18px;}
.prods .item .no_price {text-decoration:none;padding:5px 10px;display:block;line-height:20px;font-size:16px;}

.text {margin:20px 10px 0;min-height:20px;font-size:15px;}
.text p {margin:0 0 5px;}

ul.breadcrumbs {padding:0 0 10px;margin:0;}
ul.breadcrumbs li:first-child {display:none;}
ul.breadcrumbs li a {text-decoration:underline;color:#9e5e2c;}

.content {background:#fff;padding:10px 0;}
.content.pdd {padding:20px;}
.content h1 {display:block;font-family:Vibes;color:#4f3d3b;margin:10px 0;font-size:36px;}
.content h1.cart {margin:0 0 40px;text-align:center;}
.content h2 {display:block;font-family:'PT Serif', serif;font-size:22px;color:#63432c;margin:20px 0 10px;text-align:left;}
.content h3 {font-family:'PT Serif', serif;font-size:20px;margin:30px 0 10px;font-weight:bold;}

.content .main .text {margin:0 5px 20px;}

.content .desc {margin:0 0 20px;}
.content .product_price {margin:20px 0;}
.content .price .value {font-size:28px;}
.content .price .ext {font-size:18px;}

.content .product-form {padding:0 10px;border:1px solid #eee;background:#fafafa;}
.content .product-form input.inputbox {line-height:inherit;height:auto;padding:15px;font-size:18px;text-align:center;}
.content .product-form button.button {line-height:inherit;padding:15px 25px;font-size:18px;text-transform:uppercase;border-radius: 15px;}

.content .button {padding:10px 15px;text-decoration:none;}

.content table.cart tr td {text-align:center;}
.content table.cart tr td input.inputbox {text-align:center;}
.content table tr.total .value {font-weight:bold;text-align:right;font-size:18px;}
.content table.cart img.content_img {width:100px;}
.content table.cart .code {font-style: italic;color:#999;font-size:14px;margin:0;}



@media print, screen and (min-width: 64em) {
  .content {padding:20px 0;}
}

.product .image {border:1px solid #fff;position:relative;background:url(../img/zoom.png) center center no-repeat #000;}
.product .image:hover {}
.product .image a {display:block;width:100%;overflow:hidden;}
.product .image a img {width:100%;transition:0.5s all;}
.product .image a:hover img {opacity: 0.5;}

.product .no-image {aspect-ratio:3/4;background-size: cover;background-repeat: no-repeat;background-position: center center;border:1px solid #eee;}

.product .images {margin:5px 0;}
.product .images.grid-padding-x {margin-left:-3px;margin-right:-3px;}
.product .images > .cell {padding:3px !important;}
.product .images .thumb {aspect-ratio:1;border:1px solid #fff;background-size:cover;background-position: center center;background-repeat: no-repeat;}
.product .images .thumb:hover {border:1px solid #9e5e2c;}

.product h1 {text-align:left;margin:0 0 20px;font-size:36px;} 

.product .h2 {display:block;font-family:Vibes;color:#63432c;margin:0 0 20px;text-align:center;font-size:36px;}

.product .h3 {color:#63432c;font-size:18px;font-weight:bold;}

.product .code {margin:20px 0;}

.marketplaces {}
.marketplaces span.link {display:inline-block;width:50px;height:50px;cursor: pointer;margin:5px;background-size:cover;border-radius:15px;opacity:0.8;transition: 0.5s all;}
.marketplaces span.link:hover {opacity:1;}
.marketplaces .market_5 {background-image:url(../img/ozon.svg);}
.marketplaces .market_6 {background-image:url(../img/wildberries.svg);}

table.prices {margin:0;}
table.prices tr.bold {font-weight: bold;}
table.prices tr:nth-child(even) {background:#fafafa;}
table.prices tr.add-pirce {}
table.prices tr td.value {text-align:right;}

table.chars {margin:0;}
table.chars tr.bold {font-weight:bold;}
table.chars tr:nth-child(even) {background:#fafafa;}
table.chars tr td.name {}
table.chars tr td.value {text-align:right;}

.attributes {}
.attributes .names {margin:10px 0;}
.attributes .names .name {font-weight:bold;display:block;font-size:16px;margin:5px 0;}
.attributes .names .description {}
.attributes .values {margin:10px 0;}
.attributes .values .input_type_radio {margin:0 7px 0 0;display:inline-block;}
.attributes .values .input_type_radio label {padding: 5px 10px;border:1px solid #ddd;border-radius:7px;cursor: pointer;}
.attributes .values .input_type_radio input {margin:0 10px 0 0;display: none;}

.attributes .values .input_type_radio label:hover {background-color:#f0f0f0;border-color:#ddd;}
.attributes .values .input_type_radio label:has(input[type="radio"]:checked) {background-color:#4f3d3b;border-color:#4f3d3b;color:#fff;}

#order {}
#order h2 {font-family:'PT Serif', serif;text-align:center;font-size:18px;text-transform:uppercase;margin:0 0 10px;}
#order_form {padding:10px 20px;margin:0 10px;border:1px solid #eee;background:#fafafa;}
#order_form input.submit {text-transform:uppercase;border:1px solid #9e5e2c;background:#fff;color:#9e5e2c;padding:7px 25px;margin:0 0 10px;cursor:pointer;}
#order_form input.submit:hover {background:#9e5e2c;color:#fff;}
#order_form .hello {display:none;}

.main {padding:0 5px !important;}

.left {padding:0;}
.left a {color:#63432c;}
.level_0, .level_0_a {line-height:36px;text-transform:uppercase;}
.level_0_a a {text-decoration:none;}
.level_0_a a {color:#000;}
.level_1, .level_1_a {line-height:36px;text-transform:uppercase;padding:0;font-size:13px;}
.level_2, .level_2_a {padding:0 0 0 20px;line-height:20px;margin:3px 0;background:url(../img/left.png) 0 11px no-repeat;}

.left-column {height:100%;}

.cnt_t {height:4px;background:url(../img/cnt_t.png) repeat-x;margin:20px 0 0;}
.cnt_b {height:4px;background:url(../img/cnt_b.png) repeat-x;margin:0;}
section.main {background:#fff;padding:20px 0;margin:0;}

footer .grid-x.grid-padding-y .cell {padding-top:10px;padding-bottom:10px;}
footer p {margin:0;}
footer .copy {color:#fff;}
footer .develope {color:#222;}
footer .develope a {color:#222;text-decoration:none;}

footer ul.menu.simple li {margin:0 5px 10px;}

.docs {}
.docs h3 {font-family: Vibes;font-size:22px;font-weight:normal;}
.docs ul.menu {list-style:none;margin:7px 0 0 0;width:auto;}
.docs ul.menu li {display:inline;margin:0 0 0 15px;text-align:right;}
.docs ul.menu li a {text-transform:uppercase;text-decoration:none;line-height:36px;height:36px;padding:0 0 0 45px;display:block;background:url(../img/a.png) no-repeat;}
.docs ul.menu li a[href$=".doc"] {background:url(../img/doc.png) no-repeat;}
.docs ul.menu li a[href$=".xls"] {background:url(../img/xls.png) no-repeat;}
.docs ul.menu li a[href$=".pdf"] {background:url(../img/pdf.png) no-repeat;}
.docs ul.menu li a[href^="https://www.instagram.com"] {background:url(../img/instagram.png) no-repeat;}
.docs ul.menu li a:hover {text-decoration:underline;}

.shema {position:relative;width:100%;height:470px;}
.shema .moduletable {position:absolute;background:url(../img/banner_top.png) no-repeat top center;padding:23px 0 0 0;min-width:231px;}
.shema .moduletable .custom {height:50px;background:url(../img/banner.png) repeat-x;color:#fff;text-transform:uppercase;text-align:center;padding:7px 0 0 0;line-height:18px;position:relative;}
.shema .moduletable .custom:before {content:"";width:18px;height:56px;background:url(../img/banner_before.png) no-repeat;position:absolute;top:-6px;left:-18px;}
.shema .moduletable .custom:after {content:"";width:18px;height:56px;background:url(../img/banner_after.png) no-repeat;position:absolute;top:-6px;right:-18px;}
.shema .moduletable .custom p {margin:0;line-height:18px;}
.shema .moduletable .custom a {color:#fff;text-decoration:none;}
.shema .moduletable .custom a:hover {color:#fff;}
.shema .moduletable.b1 {bottom:14px;left:50%;margin-left:-465px;}
.shema .moduletable.b3 {bottom:14px;right:50%;margin-right:-465px;}
.shema .moduletable.b2 {bottom:24px;left:50%;margin-left:-115px;}

ul.menu.cats {list-style:none;position:absolute;display:block;bottom:0;left:0;height:400px;width:100%;}
ul.menu.cats li {position:absolute;}
ul.menu.cats li a {display:inline-block;text-align:center;color:#63432c;font-size:15px;line-height:22px;border:1px solid #5e4e4c;padding:5px 12px;border-radius:10px;background:url(../img/dot.png);text-transform:uppercase;max-width:140px;}
ul.menu.cats li.item-126 {bottom:30px;left:50%;margin-left:-650px;}
ul.menu.cats li.item-127 {bottom:150px;left:50%;margin-left:-370px;}
ul.menu.cats li.item-128 {bottom:150px;left:50%;}
ul.menu.cats li.item-129 {bottom:135px;left:50%;margin-left:370px;}
ul.menu.cats li.item-130 {bottom:210px;left:50%;margin-left:500px;}

#call {padding:20px;}
#call h3 {font-size:16px;text-transform:uppercase;}
#call_form label {margin:5px 0;}
#call_form label.hello {display:none;}

.order {margin:30px 0 0;padding:0 20px 10px;border:2px dashed #4f3d3b;}
.order h3 {padding:0 0 20px;border-bottom:2px dashed #333;margin:20px 0 20px;}

/* Cookies  */
#accept_cookies {display:none;position:fixed;bottom:10px;left:50%;width:350px;margin-left:-175px;background:#fff;border-radius:5px;padding:10px 20px;box-shadow:0 0 5px #999;}
#accept_cookies p {margin:0 0 10px;font-size:12px;}
#accept_cookies .close {display:inline-block;background:#95d3d3;color:#000;padding:5px 15px;cursor:pointer;font-size: 14px;}

@media print,screen and (min-width:40em){ #accept_cookies {width:450px;margin-left:-225px;} }
@media print,screen and (min-width:64em){ #accept_cookies {width:600px;margin-left:-300px;} }

/* steps */
#content_menu_order {}
#content_menu_order tr {}
#content_menu_order tr td {text-align: center;}

.active_step {font-weight: bold;}

@media print,screen and (min-width:64em){ #content_menu_order tr td {width:25%;} }


/* shippings  */
.checkout {padding:20px;}
.checkout_block {padding: 0 20px;}

.row_agb {margin:10px 0;}

/* Прячем стандартный чекбокс */
.custom-checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

/* Стили для контейнера (label) */
.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

/* Создаем кастомный чекбокс */
.checkbox-indicator {
  width: 24px;
  height: 24px;
  border: 2px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0 10px 0 0;
}

/* Состояние при наведении */
.custom-checkbox:hover .checkbox-indicator {
  border-color: #9e5e2c;
}

/* Состояние при выборе (checked) */
.custom-checkbox input:checked + .checkbox-indicator {
  background-color: #9e5e2c;
  border-color: #9e5e2c;
}

/* Добавляем галочку (иконка) внутри */
.checkbox-indicator::after {
  content: "";
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: transform 0.2s ease;
}

/* Показываем галочку, когда чекбокс выбран */
.custom-checkbox input:checked + .checkbox-indicator::after {
  transform: rotate(45deg) scale(1);
}

/* Фокус для доступности (с клавиатуры) */
.custom-checkbox input:focus-visible + .checkbox-indicator {
  outline: 2px solid rgba(0, 102, 204, 0.6);
  outline-offset: 2px;
}

/* SDEK */
#sdek-offices {height:500px;width:100%;margin:0 0 20px;border:1px solid #f1f1f1;background: #fefefe;}