/* подключение шрифтов  */
@import url('https://brandum.media/files/fonts/muller/muller.css');

/* объекты html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}

/* сброс стилей от Эрика Майера */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse;	border-spacing: 0;}
strong {font-family: 'medium', sans-serif;}
::-webkit-scrollbar {width: 0px; background: transparent;}
html {-ms-overflow-style: none; scrollbar-width: none;}
:focus {outline: none !important;}
::-moz-focus-inner {border: 0px !important;}

:root {
	
/* цвета */
--color-red: #ff0000;
--color-orange: #ffa500;
--color-yellow: #ffff00;
--color-green: #008000;
--color-light-blue: #42aaff;
--color-blue: #0000ff;
--color-violet: #8b00ff;
--color-black: #000;
--color-white: #fff;
--color-grey: #D1D9E6;
--color-light-gray: #999;

--color-master: #182329;
--color-add: #53a817;
--color-accent: #e6aa01;

--color-bg: #f2f3f7;
--color-bg-gradient-green: linear-gradient(45deg, #45a900, #317500);

/* прозрачность */
--opacity-0: 0;
--opacity-25: 0.25;
--opacity-50: 0.5;
--opacity-75: 0.75;
--opacity-100: 1;

/* шрифты */
--font-light: light, sans-serif;
--font-regular: regular, sans-serif;
--font-medium: medium, sans-serif;
--font-bold: bold, sans-serif;
--font-black: black, sans-serif;

/* размеры шрифтов */
--font-size-xs: 50%;
--font-size-s: 75%;
--font-size-m: 100%;
--font-size-l: 125%;
--font-size-xl: 150%;
--font-size-2xl: 175%;
--font-size-3xl: 200%;
--font-size-4xl: 225%;
--font-size-5xl: 250%;
--font-size-6xl: 275%;
--font-size-7xl: 300%;
--font-size-8xl: 350%;
--font-size-9xl: 400%;
--font-size-monster: 500%; 

}

html, body {position: relative; margin: 0; padding: 0; width: 100%; height: 100%;}
.progress-container {position: fixed; z-index: 999; top: 0; left: 0; width: 100vw; transition: all 0.5s ease-in-out;}
.progress-container .progress-bar {width: 0%; transition: all 0.5s ease-in-out;}

a {color: var(--color-master);}
a:hover {color: var(--color-add);} 


.prod_all_price,.cat_prod_price{
    padding: 10px !important;
}

.cart-button {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #34be40 !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.2s;
}

.cart-button:hover {
    background: var(--color-master) !important;
}
button:not(.mod-finder__search button) {
    position: relative;
    z-index: 1;
    width: auto;
    padding: 1vw 3vw;
    border: 0.1vw solid var(--color-master);
    font-family: var(--font-medium);
    font-size: var(--font-size-m) !important;
    background: var(--color-master) !important;
    color: var(--color-white);
    border-radius: 5vw;
    text-align: center;
}
/* -------------------------------------------------- стили для desctop-версии */
@media (min-width: 101px) {
	
/* теги html body и основная сетка */
html, body {color: var(--color-black); font-family: var(--font-medium); font-size: 0.85vw; font-style: normal; line-height: 150%; background: var(--color-white); transition: all 0.5s ease-in-out;}

/* прогресс бар */
.progress-container {height: 0.05vw; background: transparent;}
.progress-container .progress-bar {height: 0.05vw; background: var(--color-accent);}

/* блок header */
header {position: fixed; width: 80vw; height: 7vw; z-index: 998; margin: 0 0 0 10vw; background: var(--color-white); border-bottom: 0.05vw solid #ccc; transition: all 0.5s ease-in-out;} 

/* лого в header */
header .logo {position: relative; z-index: 999999; width: 10vw; float: left; margin: 2vw 2.5vw 0 0; padding: 0; line-height: 0; transition: all 0.5s ease-in-out;}
header .logo img {width: 100%;}

header .catalog {position: relative; display: inline-block; float: left; margin: 3vw 2.5vw 0 0; padding: 0; transition: all 0.5s ease-in-out;}
header .catalog a {position: relative; margin: 0; padding: 0.5vw 0 0.5vw 0.65vw; overflow: hidden; line-height: 0; color: var(--color-black); text-decoration: none;}
header .catalog a img {position: relative; display: inline-block; width: 1.2vw; float: left; margin: -0.1vw 0 0 0; padding: 0;}

header .search {position: relative; display: inline-block; float: left; margin: 2.15vw 2.5vw 0 0; padding: 0; transition: all 0.5s ease-in-out;}
header .search .visually-hidden.finder {display: none;}
header .search input {position: relative; z-index: 1; background: var(--color-bg); width: 30vw; border: none; font-family: var(--font-medium); font-size: var(--font-size-m); color: var(--color-black); padding: 1vw 1vw 1vw 3vw; border-radius: 5vw;}
header .search button {position: absolute; z-index: 2; left: 0; margin: 0.8vw 0 0 1.25vw; padding: 0; background: transparent; border: none;}
header .search button:hover {cursor: pointer;}
header .search button img {position: relative; width: 1.2vw; height: 1.2vw;}

header .geo {position: relative; float: left; margin: 2.925vw 2vw 0 0; color: var(--color-black); transition: all 0.5s ease-in-out;} 
header .geo svg {position: relative; float: left; display: inline-block; width: 1vw; height: 1.25vw; margin: -0.2vw 0.5vw 0 0;} 
.img_location {fill: var(--color-black); fill-rule: nonzero;}

header #cart {position: relative; float: left; margin: 2vw 2vw 0 0; padding: 0; transition: all 0.5s ease-in-out;}
header #cart .cart_icon {position: relative; z-index: 1; width: 3vw; margin: 0; padding: 0; line-height: 0;}
header #cart .cart_icon img {width: 100%;}
header #cart .cart_num {position: absolute; z-index: 2; width: 1.5vw; height: 1.5vw; border-radius: 3vw; top: -0.5vw; right: -0.5vw; margin: 0; padding: 0; line-height: 200%; text-align: center; background: var(--color-bg-gradient-green); color: var(--color-white);}

header .login {position: relative; display: inline-block; float: left; width: 3vw; margin: 2vw 0 0 0; padding: 0; transition: all 0.5s ease-in-out;}
header .login a {position: relative; margin: 0; padding: 0; line-height: 0;}
header .login a img {width: 100%;}


/* главный слайдер на главной странице */
.swiper-slider {position: relative; z-index: 2; width: 80vw; height: 20vw; margin: 0; padding: 0;}
.swiper-slider .swiper-container-1 {position: relative; z-index: 1; margin: 0; padding: 0; width: 80vw; height: 20vw; overflow: hidden;}
.swiper-slider .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-slider .swiper-slide {position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; flex-shrink: 0; transition-property: transform;}
.swiper-slider .swiper-slide .slide_img {position: absolute; z-index: 1; width: 80vw; height: 20vw; line-height: 0; margin: 0; padding: 0;}
.swiper-slider .swiper-slide .slide_img img {width: 100%;}
.swiper-slider .swiper-slide .slide_info {position: absolute; z-index: 2; margin: 5vw 0 0 35vw; color: var(--color-white); width: 31vw;}
.swiper-slider .swiper-slide .slide_info .slide_info_title {position: relative; margin: 0 0 0.5vw 0; text-transform: uppercase; font-family: var(--font-bold); font-size: var(--font-size-9xl); color: var(--color-master); line-height: 100%;}
.swiper-slider .swiper-slide .slide_info .slide_info_sale {position: relative; display: inline-block;  margin: 0 0 1vw 0; padding: 0.5vw 0.5vw 0.2vw 0.5vw; border-radius: 0.5vw; text-transform: uppercase; font-size: var(--font-size-xl); background: var(--color-accent);}
.swiper-slider .swiper-nav {position: absolute; z-index: 11; bottom: 2.5vw; right: 2.5vw; overflow: hidden;}
.swiper-slider .swiper-nav .prev-btn {position: relative; float: left; width: 1vw; height: 0.875vw; margin: 0 2.5vw 0 0; background: url("../../../images/icons/slider_icon_prew.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider .swiper-nav .prev-btn:hover, .swiper-nav .next-btn:hover {cursor: pointer;} 
.swiper-slider .swiper-nav .prev-btn svg {width: 100%;}
.swiper-slider .swiper-nav .next-btn {position: relative; float: left; width: 1vw; height: 0.875vw; margin: 0; background: url("../../../images/icons/slider_icon_next.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider .swiper-nav .next-btn svg {width: 100%;}
.swiper-slider .swiper-pagination {position: absolute; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 5; margin: 0; right: 8.5vw; bottom: 2.25vw; color: var(--color-white)}
.swiper-slider .swiper-pagination .swiper-pagination-current {position: relative; display: inline-block; float: left; margin: 0 0.5vw 0 0;}
.swiper-slider .swiper-pagination .swiper-pagination-separator {position: relative; display: inline-block; float: left; margin: 0 0.5vw 0 0;}
.swiper-slider .swiper-pagination .swiper-pagination-total {position: relative; display: inline-block; margin: 0;}


/* вызов замерщика в header */
.navigation {position: relative; float: right; margin: 2.75vw 0 0 0; transition: all 0.5s ease-in-out;}
.navigation a.open-button {position: relative; display: inline-block; z-index: 999; padding: 0; overflow: hidden; width: 1.5vw; height: 1.3vw;}
.navigation a.open-button span {position: relative; z-index: 1; display: inline-block; margin: 0; width: 0.3vw; height: 0.3vw; border-radius: 1vw; background: var(--color-black);}
.navigation a.open-button span:before {position: absolute; z-index: 2; margin: 0 0 0 0.6vw; content: ''; width: 0.3vw; height: 0.3vw; background: var(--color-black); transition: all 0.5s ease-in-out; border-radius: 1vw;}
.navigation a.open-button span:after {position: absolute; z-index: 2; margin: 0 0 0 1.2vw; content: ''; width: 0.3vw; height: 0.3vw; background: var(--color-black); transition: all 0.5s ease-in-out; border-radius: 1vw;}
.navigation a.open-button:hover span:before {margin: -0.5vw 0 0 0.6vw; transition: all 0.5s ease-in-out;}
.navigation a.open-button:hover span:after {margin: 0.5vw 0 0 1.2vw; transition: all 0.5s ease-in-out;}

header.small {height: 4vw; transition: all 0.5s ease-in-out;}
header.small div {transition: all 0.5s ease-in-out;} 
header.small .logo {margin: 0.5vw 2.5vw 0 0;} 
header.small .catalog {margin: 1.5vw 2.5vw 0 0;}
header.small .search {margin: 0.65vw 2.5vw 0 0;}
header.small .geo {margin: 1.425vw 2vw 0 0;}
header.small #cart {margin: 0.5vw 2vw 0 0; transition: all 0.5s ease-in-out;}
header.small .login {margin: 0.5vw 0 0 0;}
header.small .navigation {margin: 1.25vw 0 0 0;}






/* всплывающее окно вызова замерщика header */
body:has(.modal_navigation:target) {overflow: hidden;}
.modal_navigation {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.75); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; overflow-y: auto;}
.modal_navigation:target {opacity: 1; visibility: visible;}
.modal_navigation .modal {background: var(--color-bg); padding: 0; width: 100%; height: 100%; top: 0; right: 0 !important; margin: 0; transform: translateY(100%); transition: transform 0.3s ease; position: relative; z-index: 2;}
.modal_navigation:target .modal {transform: translateY(0);}
.modal_navigation .close-button {position: fixed; top: 1.15vw; right: 1.4vw; width: 1vw; height: 1vw; display: flex; justify-content: center; align-items: center;}
.modal_navigation .close-button a {text-decoration: none; color: var(--color-black); font-size: var(--font-size-2xl); line-height: 1; font-family: var(--font-light);}
.modal_navigation .modal-content {padding: 3vw;}
.modal_navigation:target ~ .content {filter: blur(0.5vw); pointer-events: none;}
.modal_navigation .overlay-close {position: absolute; width: 100%; height: 100%; cursor: default;} 


/* всплывающее окно вызова замерщика header */
body:has(.modal_catalog:target) {overflow: hidden;}
.modal_catalog {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.75); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; overflow-y: auto;}
.modal_catalog:target {opacity: 1; visibility: visible;}
.modal_catalog .modal {background: var(--color-white); padding: 0; width: 100%; height: 100%; top: 0; right: 0 !important; margin: 0; transform: translateY(100%); transition: transform 0.3s ease; position: relative; z-index: 2;}
.modal_catalog:target .modal {transform: translateY(0);}
.modal_catalog .close-button {position: fixed; z-index: 999; top: 2.7vw; right: 10vw; width: 1.5vw; height: 1.5vw; display: flex; justify-content: center; align-items: center; line-height: 0;}
.modal_catalog .close-button svg {width: 100%;}
.modal_catalog .modal-content {margin: 0; padding: 0;}
.modal_catalog:target ~ .content {filter: blur(0.5vw); pointer-events: none;}
.modal_catalog .overlay-close {position: absolute; width: 100%; height: 100%; cursor: default;} 


.modal_catalog .modal-content .header {position: fixed; width: 80vw; height: 7vw; z-index: 998; margin: 0 0 0 10vw; background: var(--color-white); border-bottom: 0.05vw solid #ccc; transition: all 0.5s ease-in-out;} 
.modal_catalog .modal-content .header .logo {position: relative; width: 10vw; float: left; margin: 2vw 2.5vw 0 0; padding: 0; line-height: 0; transition: all 0.5s ease-in-out;}
.modal_catalog .modal-content .header .logo img {width: 100%;}
.modal_catalog .modal-content .header .search {position: relative; display: inline-block; float: left; margin: 2.15vw 2.5vw 0 0; padding: 0; transition: all 0.5s ease-in-out;}
.modal_catalog .modal-content .header .search .visually-hidden.finder {display: none;}
.modal_catalog .modal-content .header .search input {position: relative; z-index: 1; background: var(--color-bg); width: 37.65vw; border: none; font-family: var(--font-medium); font-size: var(--font-size-m); color: var(--color-black); padding: 1vw 1vw 1vw 3vw; border-radius: 5vw;}
.modal_catalog .modal-content .header .search button {position: absolute; z-index: 2; left: 0; margin: 0.8vw 0 0 1.25vw; padding: 0; background: transparent; border: none;}
.modal_catalog .modal-content .header .search button:hover {cursor: pointer;}
.modal_catalog .modal-content .header .search button img {position: relative; width: 1.2vw; height: 1.2vw;}
.modal_catalog .modal-content .header .geo {position: relative; float: left; margin: 2.925vw 2vw 0 0; color: var(--color-black); transition: all 0.5s ease-in-out;} 
.modal_catalog .modal-content .header .geo svg {position: relative; float: left; display: inline-block; width: 1vw; height: 1.25vw; margin: -0.2vw 0.5vw 0 0;} 
.img_location {fill: var(--color-black); fill-rule: nonzero;}
.modal_catalog .modal-content .header #cart {position: relative; float: left; margin: 2vw 2vw 0 0; padding: 0; transition: all 0.5s ease-in-out;}
.modal_catalog .modal-content .header #cart .cart_icon {position: relative; z-index: 1; width: 3vw; margin: 0; padding: 0; line-height: 0;}
.modal_catalog .modal-content .header #cart .cart_icon img {width: 100%;}
.modal_catalog .modal-content .header #cart .cart_num {position: absolute; z-index: 2; width: 1.5vw; height: 1.5vw; border-radius: 3vw; top: -0.5vw; right: -0.5vw; margin: 0; padding: 0; line-height: 200%; text-align: center; background: var(--color-bg-gradient-green); color: var(--color-white);}
.modal_catalog .modal-content .header .login {position: relative; display: inline-block; float: left; width: 3vw; margin: 2vw 0 0 0; padding: 0; transition: all 0.5s ease-in-out;}
.modal_catalog .modal-content .header .login a {position: relative; margin: 0; padding: 0; line-height: 0;}
.modal_catalog .modal-content .header .login a img {width: 100%;}





.modal_catalog .modal-content .nav {position: relative; float: left; margin: 12vw 5vw 0 0; padding: 0;} 
.modal_catalog .modal-content .nav:nth-child(2) { margin: 12vw 5vw 0 10vw;} 
.modal_catalog .modal-content .nav > li {position: relative; margin: 0 0 0.5vw 0;}
.modal_catalog .modal-content .nav > li:last-child {margin: 0;}
.modal_catalog .modal-content .nav > li > a {display: block; padding: 0; text-decoration: underline; color: var(--color-master); font-family: var(--font-regular); font-family: var(--font-medium);}
.modal_catalog .modal-content .nav > li:hover > a {color: var(--color-accent); }
.modal_catalog .modal-content .nav > li.active > a {color: var(--color-accent); text-decoration: underline;}
.modal_catalog .modal-content .nav > li.active:hover > a {color: var(--color-add); }
.modal_catalog .modal-content .nav > li > a img {display: none;}
.modal_catalog .modal-content .nav > li > a span {display: inline-block; margin: 0;}
/* подменю header */
.modal_catalog .modal-content .nav > li > .sub_nav {display: none;}

.modal_catalog .modal-content .nav::before {position: relative; display: inline-block; margin: 0 0 1.5vw 0; font-family: var(--font-medium); color: var(--color-master); font-size: var(--font-size-xl);} 
.modal_catalog .modal-content .nav:nth-child(2):before {content: 'Основное';} 
.modal_catalog .modal-content .nav:nth-child(3):before {content: 'Покупателям';}
.modal_catalog .modal-content .nav:nth-child(4):before {content: 'Еще';} 
.modal_catalog .modal-content .nav:nth-child(5):before {content: 'Личный кабинет';} 

.modal_catalog .modal-content .footer_info {position: absolute; width: 80vw; margin: 0; padding: 0; bottom: 1.5vw; left: 10vw; font-size: var(--font-size-s); font-family: var(--font-medium); color: var(--color-master);line-height: 150%;}

.modal_catalog .modal-content .footer_info .footer_info_about {position: relative; float: right; margin: 0;}









/* основной блок body */
.__homepage #body .com-content-article {display: none;} 
#body {position: relative; width: 80vw; height: auto; overflow: hidden; margin: 0; padding: 9vw 10vw 0 10vw;} 

/* блок - Изготавливаем жалюзи и шторы */




.shell_links {position: relative; margin: 2.5vw 0 0 0; padding: 0; width: 80vw; height: auto;} 

.shell_links a {position: relative; margin: 0 3vw 1.5vw 0; color: var(--color-grey); text-decoration: none; font-family: var(--font-medium); display: inline-flex; align-items: center;}
.shell_links a:hover {color: var(--color-add);}
.shell_links a img {position: relative; display: inline-block; margin: -0.25vw 0.5vw 0 0; width: 1.5vw;}





.category_products.jshop.jshop_list_product {position: relative; overflow: hidden; margin: 3vw 0 5vw 0;}
.category_products.jshop.jshop_list_product:before {position: relative; content: 'Украшения'; display: block; margin: 0 0 2vw 0; font-size: var(--font-size-3xl); color: var(--color-accent); font-family: var(--font-bold);}
.category_products.jshop.jshop_list_product .block_item {position: relative; width: 18.5vw; height: 32vw; margin: 0 2vw 2vw 0; float: left;}
.category_products.jshop.jshop_list_product .block_item:hover {background: var(--color-bg);}
.category_products.jshop.jshop_list_product .block_item:nth-child(4n+4) {margin: 0 0 2vw 0;}

.category_products.jshop.jshop_list_product .block_item .image {position: relative; width: 18.5vw; height: auto; margin: 0 0 1.5vw 0; padding: 0; line-height: 0;}
.category_products.jshop.jshop_list_product .block_item .image .image_block {position: relative; width: 100%; height: auto; margin: 0; padding: 0; line-height: 0;}
.category_products.jshop.jshop_list_product .block_item .image .image_block img {width: 100% !important; } 

.category_products.jshop.jshop_list_product .block_item .name {position: relative; margin: 0 1.5vw 1vw 1.5vw; padding: 0;}
.category_products.jshop.jshop_list_product .block_item .name a {text-decoration: none;}

.category_products.jshop.jshop_list_product .block_item .old_price {position: relative; margin: 0 0 0.25vw 1.5vw; padding: 0; color: var(--color-red); font-family: var(--font-bold); text-decoration: line-through 2px;}
.category_products.jshop.jshop_list_product .block_item .jshop_price {position: relative; margin: 0 0 0 1.5vw; padding: 0; color: var(--color-master); font-family: var(--font-medium); font-size: var(--font-size-3xl);}
.category_products.jshop.jshop_list_product .block_item .jshop_bottom {position: absolute; width: 15.5vw; margin: 0; padding: 0; bottom: 1vw; left: 1.5vw;}

.category_products.jshop.jshop_list_product .block_item .jshop_bottom .jshop_bottom_info {position: relative; float: left; margin: 0.5vw 0 0 0; padding: 0;}
.category_products.jshop.jshop_list_product .block_item .jshop_bottom .jshop_bottom_info .category_name a {color: var(--color-add);}
.category_products.jshop.jshop_list_product .block_item .jshop_bottom .jshop_bottom_info .category_name a:hover {color: var(--color-accent);}

.category_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons {position: relative; float: right; margin: 0; padding: 0.1vw; width: 3vw; height: 3vw;}
.category_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons .button_buy.btn.btn-success svg {width: 100%; height: 100%;}
.category_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons .button_buy.btn.btn-success svg .icon_cart_bg {fill: var(--color-master);}
.category_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons .button_buy.btn.btn-success svg:hover .icon_cart_bg {fill: var(--color-add);}

 

.category_products.jshop.jshop_list_product .block_item .product_label {position: absolute; margin: 0; padding: 0.75vw 0.75vw 0.65vw 0.75vw; top: 0.5vw; left: 0.5vw; color: var(--color-white); text-transform: uppercase; border-radius: 0.1vw;}
[data-content='New'] {background: var(--color-green);} 
[data-content='Sale'] {background: var(--color-red);} 


.category_products.jshop.jshop_list_product .block_item .product_label:contains('New') {margin: 2vw !important;}







.label_products.jshop.jshop_list_product {position: relative; overflow: hidden; margin: 3vw 0 5vw 0;}
.label_products.jshop.jshop_list_product:before {position: relative; content: 'Новые товары на сайте'; display: block; margin: 0 0 2vw 0; font-size: var(--font-size-3xl); color: var(--color-accent); font-family: var(--font-bold);}
.label_products.jshop.jshop_list_product .block_item {position: relative; width: 18.5vw; height: 32vw; margin: 0 2vw 2vw 0; float: left;}
.label_products.jshop.jshop_list_product .block_item:hover {background: var(--color-bg);}
.label_products.jshop.jshop_list_product .block_item:nth-child(4n+4) {margin: 0 0 2vw 0;}

.label_products.jshop.jshop_list_product .block_item .image {position: relative; width: 18.5vw; height: auto; margin: 0 0 1.5vw 0; padding: 0; line-height: 0;}
.label_products.jshop.jshop_list_product .block_item .image .image_block {position: relative; width: 100%; height: auto; margin: 0; padding: 0; line-height: 0;}
.label_products.jshop.jshop_list_product .block_item .image .image_block img {width: 100% !important; } 

.label_products.jshop.jshop_list_product .block_item .name {position: relative; margin: 0 1.5vw 1vw 1.5vw; padding: 0;}
.label_products.jshop.jshop_list_product .block_item .name a {text-decoration: none;}

.label_products.jshop.jshop_list_product .block_item .old_price {position: relative; margin: 0 0 0.25vw 1.5vw; padding: 0; color: var(--color-red); font-family: var(--font-bold); text-decoration: line-through 2px;}
.label_products.jshop.jshop_list_product .block_item .jshop_price {position: relative; margin: 0 0 0 1.5vw; padding: 0; color: var(--color-master); font-family: var(--font-medium); font-size: var(--font-size-3xl);}
.label_products.jshop.jshop_list_product .block_item .jshop_bottom {position: absolute; width: 15.5vw; margin: 0; padding: 0; bottom: 1vw; left: 1.5vw;}

.label_products.jshop.jshop_list_product .block_item .jshop_bottom .jshop_bottom_info {position: relative; float: left; margin: 0.5vw 0 0 0; padding: 0;}
.label_products.jshop.jshop_list_product .block_item .jshop_bottom .jshop_bottom_info .category_name a {color: var(--color-add);}
.label_products.jshop.jshop_list_product .block_item .jshop_bottom .jshop_bottom_info .category_name a:hover {color: var(--color-accent);}

.label_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons {position: relative; float: right; margin: 0; padding: 0.1vw; width: 3vw; height: 3vw;}
.label_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons .button_buy.btn.btn-success svg {width: 100%; height: 100%;}
.label_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons .button_buy.btn.btn-success svg .icon_cart_bg {fill: var(--color-master);}
.label_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons .button_buy.btn.btn-success svg:hover .icon_cart_bg {fill: var(--color-add);}

 

.label_products.jshop.jshop_list_product .block_item .product_label {position: absolute; margin: 0; padding: 0.75vw 0.75vw 0.65vw 0.75vw; top: 0.5vw; left: 0.5vw; color: var(--color-white); text-transform: uppercase; border-radius: 0.1vw;}
[data-content='New'] {background: var(--color-green);} 
[data-content='Sale'] {background: var(--color-red);} 


.label_products.jshop.jshop_list_product .block_item .product_label:contains('New') {margin: 2vw !important;}










/* слайдер с работами на главной странице */
.swiper-slider-work {position: relative; z-index: 2; width: 82vw; height: 25vw; margin: 0 0 10vw -10vw; padding: 5vw 10vw 3vw 10vw; background: var(--color-bg);}
.com_jshopping .swiper-slider-work {margin: 5vw 0 0 -10vw;}
.swiper-slider-work .swiper-slider-work-info {position: relative; float: left; width: 17.5vw;}
.swiper-slider-work .swiper-slider-work-info .swiper-slider-work-title {position: relative; font-size: var(--font-size-2xl); font-family: var(--font-bold); margin: 0 0 2vw 0;}
.swiper-slider-work .swiper-slider-work-info .swiper-slider-work-title a {color: var(--color-accent); text-decoration: none;}
.swiper-slider-work .swiper-slider-work-info .swiper-slider-work-title a:hover {color: var(--color-add);}
.swiper-slider-work .swiper-slider-work-info .swiper-slider-work-title a:after {position: relative; display: inline-block; content: ''; margin: 0 0 0 0.75vw; width: 1.25vw; height: 1.25vw; background: url("../../../images/icons/icon_link_gray.svg") center center; background-size: cover;}

.swiper-slider-work .swiper-container-2 {position: relative; z-index: 1; margin: 0 0 0 20.5vw; padding: 0; width: 61.6vw; height: 25vw; overflow: hidden;}
.swiper-slider-work .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.swiper-slider-work .swiper-slide {position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; flex-shrink: 0; transition-property: transform;}
.swiper-slider-work .swiper-slide .slide_img {position: absolute; z-index: 1; width: 18.5vw; height: 25vw; line-height: 0; margin: 0; padding: 0;}
.swiper-slider-work .swiper-slide .slide_img img {width: 100%;} 
.swiper-slider-work .swiper-slide .slide_title {position: absolute; z-index: 2; width: 13.5vw; margin: 0; padding: 0; bottom: 2.5vw; left: 2.5vw;}
.swiper-slider-work .swiper-slide .slide_title a {color: var(--color-white); font-size: var(--font-size-xl); text-decoration: none; line-height: 125%;}
.swiper-slider-work .swiper-slide .slide_title a:hover {color: var(--color-add);}
.swiper-slider-work .swiper-nav {position: absolute; z-index: 11; bottom: 7.5vw; left: 10vw; overflow: hidden;}
.swiper-slider-work .swiper-nav .prev-btn {position: relative; float: left; width: 1vw; height: 1vw; margin: 0 1.5vw 0 0; background: url("../../../images/icons/slider_icon_prew_black.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider-work .swiper-nav .prev-btn:hover, .swiper-nav .next-btn:hover {cursor: pointer;} 
.swiper-slider-work .swiper-nav .prev-btn svg {width: 100%;}
.swiper-slider-work .swiper-nav .next-btn {position: relative; float: left; width: 1vw; height: 1vw; margin: 0; background: url("../../../images/icons/slider_icon_next_black.svg") center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.swiper-slider-work .swiper-nav .next-btn svg {width: 100%;}
.swiper-slider-work .swiper-pagination {display: none;}

/* блог на главной странице */
.new_in_blog {position: relative; width: 70vw; height: auto; margin: 0; padding: 0; background: var(--color-white); overflow: hidden;}
.new_in_blog .blog_item {position: relative; float: left; width: 33.5vw; height: 16.382vw; margin: 0 1vw 1vw 0; padding: 0;}
.new_in_blog .blog_item .blog_item_image {position: absolute; z-index: 1; width: 100%; height: 100%;}
.new_in_blog .blog_item .blog_item_image img {width: 100%; height: 100%;}
.new_in_blog .blog_item .blog_item_title {position: relative; z-index: 2; width: 28.5vw; margin: 2.5vw 0 0 2.5vw; font-size: var(--font-size-xl); font-family: var(--font-bold); line-height: 115%;}
.new_in_blog .blog_item .blog_item_title a {color: var(--color-white); text-decoration: none;}
.new_in_blog .blog_item .blog_item_title a:hover {color: var(--color-master-blue);}
.new_in_blog .blog_item .blog_item_date {position: relative; z-index: 2; margin: 0.5vw 0 0 2.5vw; color: var(--color-white); font-size: var(--font-size-s);}
.new_in_blog .blog_item a.blog_item_readmore {position: absolute; z-index: 2; width: 1vw; height: 1vw; margin: 0; padding: 0; right: 2.5vw; bottom: 2.5vw;}
.new_in_blog .blog_item a.blog_item_readmore img {width: 100%;}
.new_in_blog .blog_item:nth-child(2) {margin: 0 0 1vw 0;}
.new_in_blog .blog_item:nth-child(3) {width: 22vw; height: 10.758vw; margin: 0 1vw 0 0;}
.new_in_blog .blog_item:nth-child(3) .blog_item_title {width: 17vw; font-size: var(--font-size-l);}
.new_in_blog .blog_item:nth-child(4) {width: 22vw; height: 10.758vw; margin: 0 1vw 0 0;}
.new_in_blog .blog_item:nth-child(4) .blog_item_title {width: 17vw; font-size: var(--font-size-l);}
.new_in_blog .blog_item:nth-child(5) {width: 22vw; height: 10.758vw; margin: 0;}
.new_in_blog .blog_item:nth-child(5) .blog_item_title {width: 17vw; font-size: var(--font-size-l);}




/* подвал сайта */
footer {position: relative; width: 100vw; height: auto; margin: 0; padding: 0 0 5vw 0; background: var(--color-master); overflow: hidden;}
footer .logo {position: absolute; width: 10vw; top: 9.5vw; right: 10vw; margin: 0; padding: 0; line-height: 0;}
footer .logo img {width: 100%;}

footer .social {position: absolute; top: 5vw; right: 10vw; margin: 0; overflow: hidden;}
footer .social a {position: relative; float: left; margin: 0 0.5vw 0 0;}
footer .social a:last-child {margin: 0;}
footer .social a img {width: 2vw;}

footer .footer_navigateion {position: relative; width: 65vw; margin: 0 0 5vw 10vw; overflow: hidden;}

footer .nav {position: relative; float: left; margin: 5vw 5vw 0 0; padding: 0;} 
footer .nav > li {position: relative; margin: 0 0 0.5vw 0;}
footer .nav > li:last-child {margin: 0;}
footer .nav > li > a {display: block; padding: 0; text-decoration: underline; color: var(--color-white); font-family: var(--font-regular);}
footer .nav > li:hover > a {color: var(--color-accent); }
footer .nav > li.active > a {color: var(--color-accent); text-decoration: underline;}
footer .nav > li.active:hover > a {color: var(--color-add); }
footer .nav > li > a img {display: none;}
footer .nav > li > a span {display: inline-block; margin: 0;}
/* подменю header */
footer .nav > li > .sub_nav {display: none;}

footer .nav::before {position: relative; display: inline-block; margin: 0 0 1.5vw 0; font-family: var(--font-medium); color: var(--color-white); font-size: var(--font-size-xl);} 
footer .nav:nth-child(1):before {content: 'Основное';} 
footer .nav:nth-child(2):before {content: 'Покупателям';}
footer .nav:nth-child(3):before {content: 'Еще';} 
footer .nav:nth-child(4):before {content: 'Личный кабинет';} 

footer .footer_info {position: absolute; width: 80vw; margin: 0; padding: 0; bottom: 1.5vw; left: 10vw; font-size: var(--font-size-s); font-family: var(--font-medium); color: var(--color-white);line-height: 150%;}

footer .footer_info .footer_info_about {position: relative; float: right; margin: 0;}











/* Общие стили */
.page-header {position: relative; margin: 0; padding: 0;}
.page-header h1 {position: relative; margin: 0 0 2vw 0; padding: 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); line-height: 115%;}






/* главная страница */
.__homepage .com-content-article {position: relative; margin: 0; padding: 0;}


.__homepage .com-content-article .about {position: relative; margin: 10vw 0 0 25vw;}
.__homepage .com-content-article .about .about_small {position: relative; margin: 0 0 0.5vw 0; color: var(--color-master); font-size: var(--font-size-s); font-family: var(--font-medium);}
.__homepage .com-content-article .about .about_title {position: relative; width: 35vw; margin: 0 0 1.5vw 0; font-size: var(--font-size-2xl); font-family: var(--font-bold); line-height: 130%;}
.__homepage .com-content-article .about .about_title span {display: inline-block; color: var(--color-white); background: var(--color-master); padding: 0 0.5vw 0.25vw 0.5vw; border-radius: 0.5vw;}
.__homepage .com-content-article .about .about_text {position: relative; width: 30vw; margin: 0 0 10vw 0; font-family: var(--font-medium); line-height: 150%; color: var(--color-add);}





















/* вывод разделов блога на главной странице */
.blogs .tabs {display: flex; flex-wrap: wrap; padding: 0 0 0 25vw; margin: 0; width: 75vw; background: var(--color-white);}
.blogs .tabs > input {display: none;}
.blogs .tabs > input + label {position: relative; width: auto; margin: 0 3vw 0 0; display: inline-block; background: transparent; font-family: var(--font-medium); color: var(--color-black); line-height: 80%; font-size: var(--font-size-s); padding: 0;}
.blogs .tabs > input + label:before {position: relative; content: '//'; margin: 0 0.25vw 0 0;}
.blogs .tabs > input + label:hover {cursor: pointer; color: var(--color-master);}
.blogs .tabs > input:checked + label {color: var(--color-master); margin: 0 3vw 0 0;}
.blogs .tabs > input:checked + label + div {display: block;} 
.blogs .tabs > label {order: 1;}
.blogs .tabs > div {order: 2; flex-basis: 100%; display: none;}
.blogs .tabs > label:nth-child(2) {margin: 0 3vw 0 0;}
.blogs .tabs .tabs_content {position: relative; padding: 4vw 0 10vw 0; animation: fadeIn 1s both; font-family: var(--font-medium);}
.blogs .tabs :nth-child(7 of .tabs_content) {padding: 2vw 0 0 0;}
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
.blogs .tabs_content h2 {position: relative; z-index: 1; padding: 0; font-size: 150%; font-family: var(--font-bold); line-height: 75%;}







/* вывод блока - Чем занимаюсь - на главной странице */
.__homepage .about_service {position: relative; margin: 0 0 10vw 25vw; padding: 0; width: 70vw; height: auto;} 

.__homepage .about_service .about {position: relative; margin: 0;}
.__homepage .about_service .about .about_small {position: relative; margin: 0 0 0.5vw 0; color: var(--color-master); font-size: var(--font-size-s); font-family: var(--font-medium);}
.__homepage .about_service .about .about_title {position: relative; width: 30vw; margin: 0 0 1.5vw 0; font-size: var(--font-size-2xl); font-family: var(--font-bold); line-height: 130%;}
.__homepage .about_service .about .about_title span {display: inline-block; color: var(--color-white); background: var(--color-master); padding: 0 0.5vw 0.25vw 0.5vw; border-radius: 0.5vw;} 
.__homepage .about_service .about .about_text {position: relative; width: 30vw; margin: 0 0 5vw 0; font-family: var(--font-medium); line-height: 150%; color: var(--color-add);}




.__homepage .about_service ul.service_list {position: relative; width: 100%; overflow: hidden;}
.__homepage .about_service ul.service_list li {position: relative; width: 12.25vw; height: 8.5vw; float: left; margin: 0 1vw 0 0; padding: 2vw; background: var(--color-bg);}
.__homepage .about_service ul.service_list li .service_img {position: relative; width: 2vw; margin: 0 0 0.5vw 0; padding: 0; line-height: 0;}
.__homepage .about_service ul.service_list li .service_img img {width: 100%;}
.__homepage .about_service ul.service_list li .service_name {position: relative; margin: 0; padding: 0; font-family: var(--font-bold);}
.__homepage .about_service ul.service_list li .service_text {position: relative; margin: 1vw 0 0 0; padding: 0; font-size: var(--font-size-s); line-height: 150%;}













.com_content__category_blog {position: relative; margin: 0; padding: 0 0 5vw 0;}










.category_8 .com_content__category_blog .com-content-category-blog__items {position: relative; margin: 0; padding: 0; overflow: hidden;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item {position: relative; float: left; width: 44.5vw; height: 21.75vw; margin: 0 1vw 1vw 0; padding: 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+2) {margin: 0 0 1vw 0;}


.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-image {position: absolute; z-index: 1; width: 100%; height: 100%;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-image img {width: 100%; height: 100%;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content {position: relative; z-index: 2; margin: 5vw 0 0 5vw; width: 34.5vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 {position: relative; margin: 0 0 0.5vw 0; font-size: var(--font-size-3xl); font-family: var(--font-bold); text-transform: uppercase; line-height: 115%;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a {color: var(--color-white); text-decoration: none;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .page-header h2 a:hover {color: var(--color-master-blue);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .create {position: relative; color: var(--color-white); display: inline-block; float: left; margin: 0 1vw 0 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .category-name {position: relative; margin: 0 0.5vw 0 0; color: var(--color-white); display: inline-block; font-size: var(--font-size-s);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .category-name a {color: var(--color-white);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .item-content .category-name a:hover {color: var(--color-master-blue);}

.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .article-link {position: absolute; z-index: 2; width: 1vw; height: 1vw; margin: 0; padding: 0; right: 0; top: 10.75vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item .article-link img {width: 100%;}




.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+3) {width: 29.3333vw; height: 14.3371vw; margin: 0 1vw 0 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+3) .item-content {width: 19.3333vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+3) .item-content .page-header h2 {width: 19vw; font-size: var(--font-size-l);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+3) .article-link {right: -2.5vw; top: 6vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+4) {width: 29.3333vw; height: 14.3371vw; margin: 0 1vw 0 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+4) .item-content {width: 19.3333vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+4) .item-content .page-header h2 {width: 19vw; font-size: var(--font-size-l);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+4) .article-link {right: -2.5vw; top: 6vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+5) {width: 29.3333vw; height: 14.3371vw; margin: 0 0 1vw 0;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+5) .item-content {width: 19.3333vw;}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+5) .item-content .page-header h2 {width: 19vw; font-size: var(--font-size-l);}
.category_8 .com_content__category_blog .com-content-category-blog__items .com-content-category-blog__item:nth-child(5n+5) .article-link {right: -2.5vw; top: 6vw;}
.category_8 .new_in_blog {display: none;}












.jshop_list_product .product img{
    border-radius: 10px;
}

.com-content-article {position: relative; margin: 0; padding: 0 0 5vw 0;}


.jshop.productfull .row.jshop {position: relative; margin: 2vw 0 5vw 0; padding: 0 0 4vw 0; border-bottom: 0.05vw solid var(--color-grey); overflow: hidden;}

.jshop.productfull h1 {color: var(--color-accent); font-size: var(--font-size-3xl); font-family: var(--font-bold);}
.jshop.productfull .block_rating_hits {display: none;}

.jshop.productfull .row.jshop .image_product {position: relative; overflow: hidden; float: left; margin: 0; padding: 0;}
.jshop.productfull .row.jshop .image_product .image_thumb_list {position: relative; float: left; width: 5.5vw; margin: 0 1vw 0 0;}

.jshop.productfull .row.jshop .image_product .image_thumb_list .row-fluid0 {position: relative; margin: 0; padding: 0; overflow: hidden;}
.jshop.productfull .row.jshop .image_product .image_thumb_list .row-fluid0 .sblock0 {position: relative; width: 100%; margin: 0 0 1vw 0; padding: 0; line-height: 0;}
.jshop.productfull .row.jshop .image_product .image_thumb_list .row-fluid0 .sblock0 img {width: 100%; margin: 0; padding: 0;}


.jshop.productfull .row.jshop .image_product .image_middle {position: relative; float: left; width: 25vw; margin: 0; padding: 0;}
.jshop.productfull .row.jshop .image_product .image_middle .product_label {position: absolute; z-index: 2; width: auto; margin: 0; padding: 0;}
.jshop.productfull .row.jshop .image_product .image_middle #list_product_image_middle {position: relative; z-index: 1; width: 100%; margin: 0; padding: 0;}
.jshop.productfull .row.jshop .image_product .image_middle #list_product_image_middle img {width: 100%; margin: 0; padding: 0;}
.jshop.productfull .row.jshop .image_product .image_middle .text_zoom {display: none;}



.jshop.productfull .row.jshop .jshop_oiproduct {position: relative; float: right; margin: 1vw 0; padding: 0; width: 43.5vw;}

.jshop.productfull .row.jshop .jshop_oiproduct .manufacturer_code {position: relative; overflow: hidden; width: 100%; margin: 0 0 .5vw 0; padding: 0;}

.jshop.productfull .row.jshop .jshop_oiproduct .manufacturer_code .manufacturer_code_label {position: relative; float: left; width: 8.5vw; color: var(--color-light-gray);}



.jshop.productfull .row.jshop .jshop_oiproduct .block_available {position: relative; overflow: hidden; width: 100%; margin: 0 0 .5vw 0; padding: 0;} 
.jshop.productfull .row.jshop .jshop_oiproduct .block_available .block_available_label {position: relative; float: left; width: 8.5vw; color: var(--color-light-gray);}

.jshop.productfull .row.jshop .jshop_oiproduct .block_available #not_available {position: relative; float: left; margin: 0; padding: 0;}


.jshop.productfull .row.jshop .jshop_oiproduct .jshop_prod_description {position: relative; overflow: hidden; width: 100%; margin: 0 0 .5vw 0; padding: 0;} 
.jshop.productfull .row.jshop .jshop_oiproduct .jshop_prod_description .jshop_prod_description_label {position: relative; float: left; width: 8.5vw; color: var(--color-light-gray);}
.jshop.productfull .row.jshop .jshop_oiproduct .jshop_prod_description .jshop_prod_description_text {position: relative; float: left; margin: 0; padding: 0; width: 35vw;}


.jshop.productfull .row.jshop .jshop_oiproduct .manufacturer_name {position: relative; overflow: hidden; width: 100%; margin: 0 0 .5vw 0; padding: 0;} 
.jshop.productfull .row.jshop .jshop_oiproduct .manufacturer_name .manufacturer_name_label {position: relative; float: left; width: 8.5vw; color: var(--color-light-gray);}
.jshop.productfull .row.jshop .jshop_oiproduct .manufacturer_name .manufacturer_name_text {position: relative; float: left; margin: 0; padding: 0;}


.jshop.productfull .row.jshop .jshop_oiproduct .vendorinfo {position: relative; overflow: hidden; width: 100%; margin: 0 0 .5vw 0; padding: 0;} 
.jshop.productfull .row.jshop .jshop_oiproduct .vendorinfo .vendorinfo_label {position: relative; float: left; width: 8.5vw; color: var(--color-light-gray);}
.jshop.productfull .row.jshop .jshop_oiproduct .vendorinfo .vendorinfo_text {position: relative; float: left; margin: 0; padding: 0;}

.jshop.productfull .row.jshop .jshop_oiproduct .vendorinfo .vendorinfo_text a {color: var(--color-add);}
.jshop.productfull .row.jshop .jshop_oiproduct .vendorinfo .vendorinfo_text a:hover {color: var(--color-accent);}



.jshop.productfull .row.jshop .jshop_oiproduct .prod_buttons {position: relative; overflow: hidden; width: 100%; margin: 5vw 0 0 0; padding: 0;} 

.jshop.productfull .row.jshop .jshop_oiproduct .prod_buttons .prod_qty_input {position: relative; float: left; width: 8.5vw;}
.jshop.productfull .row.jshop .jshop_oiproduct .prod_buttons .prod_qty_input input {position: relative; border: 2px solid var(--color-light-gray); border-radius: 0.5vw; width: 3vw; margin: 0; padding: 0.75vw 1vw;}


.jshop.productfull .row.jshop .jshop_oiproduct .prod_all_price {position: relative; float: left; margin: 0 1.5vw 0 0;}
.jshop.productfull .row.jshop .jshop_oiproduct .prod_all_price .old_price {position: relative; color: var(--color-red); font-family: var(--font-bold); text-decoration: line-through 0.1vw; margin: 0 0 .25vw 0;} 
.jshop.productfull .row.jshop .jshop_oiproduct .prod_all_price .prod_price {position: relative; font-family: var(--font-bold); font-size: var(--font-size-4xl);} 

.jshop.productfull .row.jshop .jshop_oiproduct .buttons.product-buttons label {position: absolute; width: 3vw; height: 3vw;}
.jshop.productfull .row.jshop .jshop_oiproduct .buttons.product-buttons input:hover {cursor: pointer;}
.jshop.productfull .row.jshop .jshop_oiproduct .buttons.product-buttons input {position: relative; width: 3vw; height: 3vw; background: transparent; border: none; color: transparent;}
.jshop.productfull .row.jshop .jshop_oiproduct .buttons.product-buttons label svg {position: relative; width: 3vw; height: 3vw; fill: var(--color-master);}

#mxcpr {display: none !important;}



.enter.component_22 .page-header {position: relative; text-align: center; color: var(--color-accent);}

.enter.component_22 .com-users-login__form {position: relative; text-align: center; width: 25vw; margin: 0 0 0 27.5vw;} 
.enter.component_22 .swiper-slider, .enter.component_22 .swiper-slider-work {display: none;}

.enter.component_22 .com-users-login__form .com-users-login__input {position: relative; margin: 0 0 1.5vw 0;}

.enter.component_22 .com-users-login__form .com-users-login__input label {position: absolute; z-index: 2; font-size: var(--font-size-s); background: var(--color-white); line-height: 15%; padding: 0 0.5vw; margin: 0 0 0 -11vw;}
.enter.component_22 .com-users-login__form .com-users-login__input label span {display: none;}

.enter.component_22 .com-users-login__form .com-users-login__input input {position: relative; z-index: 1; width: 22vw; padding: 1vw; border: 0.1vw solid var(--color-grey); font-family: var(--font-medium); font-size: var(--font-size-m) !important; background: var(--color-white) !important; border-radius: 5vw; text-align: center;}
.enter.component_22 .com-users-login__form .com-users-login__input input.valid {border: 0.1vw solid var(--color-add);}
.enter.component_22 .com-users-login__form .com-users-login__input input.valid.form-control-success {border: 0.1vw solid var(--color-grey);}


.enter.component_22 .com-users-login__form .com-users-login__input .btn.btn-secondary.input-password-toggle {position: absolute; margin: 0 5vw 0 -6.5vw; padding: 0; border: none; background: transparent; font-family: medium; text-decoration: underline; bottom: -1vw; display: inline-block; width: 5vw; text-align: right;}

.enter.component_22 .com-users-login__form .com-users-login__remember {position: relative; margin: 0 0 1vw 0; padding: 0;}


.enter.component_22 .com-users-login__form .com-users-login__submit {position: relative; margin: 0;}
.enter.component_22 .com-users-login__form .com-users-login__submit button {position: relative; z-index: 1; width: auto; padding: 1vw 3vw; border: 0.1vw solid var(--color-master); font-family: var(--font-medium); font-size: var(--font-size-m) !important; background: var(--color-master) !important; color: var(--color-white); border-radius: 5vw; text-align: center;}
.enter.component_22 .com-users-login__form .com-users-login__submit button:hover {border: 0.1vw solid var(--color-add); background: var(--color-add) !important; cursor: pointer;}

.enter.component_22 .com-users-login__options {position: relative; text-align: center; width: 25vw; margin: 2vw 0 5vw 27.5vw;} 

.enter.component_22 .com-users-login__options a {color: var(--color-add);}
.enter.component_22 .com-users-login__options a:hover {color: var(--color-accent);}








.registration.component_22 .page-header {position: relative; text-align: center; color: var(--color-accent);}



.registration.component_22 .com-users-registration__form {position: relative; text-align: center; width: 25vw; margin: 0 0 0 27.5vw;} 
.registration.component_22 .swiper-slider, .registration.component_22 .swiper-slider-work, .registration.component_22 legend, .registration.component_22 .control-group.field-spacer {display: none;}


.registration.component_22 .control-group {position: relative; margin: 0 0 1.5vw 0;}
.registration.component_22 .control-group:nth-child(5) {position: relative; margin: 0 0 2.5vw 0;}
.registration.component_22 .control-group:nth-child(6) {position: relative; margin: 0 0 2.5vw 0;}

.registration.component_22 .control-group label span {display: none;}
.registration.component_22 .control-group label {position: absolute; z-index: 2; font-size: var(--font-size-s); background: var(--color-white); line-height: 15%; padding: 0 0.5vw; margin: 0 0 0 -11vw;}

.registration.component_22 .control-group input {position: relative; z-index: 1; width: 22vw; padding: 1vw; border: 0.1vw solid var(--color-grey); font-family: var(--font-medium); font-size: var(--font-size-m) !important; background: var(--color-white) !important; border-radius: 5vw; text-align: center;}

.registration.component_22 .control-group input.valid {border: 0.1vw solid var(--color-add);}
.registration.component_22 .control-group input.valid.form-control-success {border: 0.1vw solid var(--color-grey);}
.registration.component_22 .control-group .input-group button {position: absolute; margin: 0 5vw 0 -6.5vw; padding: 0; border: none; background: transparent; font-family: medium; text-decoration: underline; bottom: -1vw; display: inline-block; width: 5vw; text-align: right;}
.registration.component_22 .control-group meter {display: none;}
.small.text-muted {position: absolute; z-index: 2; font-size: var(--font-size-s); color: var(--color-light-gray); margin: 3.15vw 0 0 2vw; font-family: var(--font-regular);}

.registration.component_22 .control-group .text-center {position: relative; z-index: 99; color: var(--color-white); background: var(--color-light-gray); font-size: var(--font-size-s); border-radius: 0.25vw; margin: 0 2vw;}


.registration.component_22 .com-users-registration__submit {position: relative; margin: 0 0 1.5vw 0;}

.registration.component_22 .com-users-registration__submit button {position: relative; z-index: 1; width: auto; padding: 1vw 3vw; border: 0.1vw solid var(--color-master); font-family: var(--font-medium); font-size: var(--font-size-m) !important; background: var(--color-master) !important; color: var(--color-white); border-radius: 5vw; text-align: center;}
.registration.component_22 .com-users-registration__submit button:hover {border: 0.1vw solid var(--color-add); background: var(--color-add) !important; cursor: pointer;}


.registration.component_22 .registration_help {position: relative; font-size: var(--font-size-s); color: var(--color-light-gray); line-height: 125%; margin: 0 2.5vw 5vw 2.5vw;}




.com_jshopping.category {position: relative; }
.com_jshopping.category h1 {position: relative; color: var(--color-accent); font-size: var(--font-size-3xl); font-family: var(--font-bold); margin: 0 0 1vw 0; padding: 0;}



.com_jshopping.category .jshop_list_product #sort_count {position: relative; overflow: hidden; background: var(--color-bg); margin: 0 0 1vw 0; padding: 0.5vw 1vw;}

.com_jshopping.category .jshop_list_product #sort_count .block_sorting_count_to_page {position: relative; float: left; margin: 0 1vw 0 0; padding: 0; overflow: hidden;}
.com_jshopping.category .jshop_list_product #sort_count .block_sorting_count_to_page .box_products_sorting {position: relative; float: left; margin: 0; padding: 0; overflow: hidden;}

.com_jshopping.category .jshop_list_product #sort_count .block_sorting_count_to_page .box_products_sorting .control-label {position: relative; float: left; margin: 0.5vw 0.5vw 0 0; padding: 0; overflow: hidden; width: auto; display: inline-block;}
.com_jshopping.category .jshop_list_product #sort_count .block_sorting_count_to_page .box_products_sorting .controls {position: relative; float: left; margin: 0; padding: 0; overflow: hidden; width: auto; display: inline-block;}

.com_jshopping.category .jshop_list_product #sort_count .block_sorting_count_to_page .box_products_sorting .controls select {position: relative; width: 11vw; margin: 0 0.25vw 0 0; padding: 0; display: inline-block; border: 0.1vw solid var(--color-grey);}
.com_jshopping.category .jshop_list_product #sort_count .block_sorting_count_to_page .box_products_sorting .controls span.icon-arrow {position: relative; float: right; display: inline-block; width: 2vw; height: 2vw; border: 0.1vw solid var(--color-grey); margin: 0; padding: 0; border-radius: 0.25vw;}


.com_jshopping.category .jshop_list_product #sort_count .box_products_count_to_page {display: none;}

.com_jshopping.category .jshop_list_product #sort_count .jshop.filters {position: relative; float: left; margin: 0 1vw 0 0; padding: 0; overflow: hidden;}
.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .control-label {position: relative; float: left; margin: 0.5vw 0.5vw 0 0; padding: 0; overflow: hidden; width: auto; display: inline-block;}
.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .controls {position: relative; float: left; margin: 0; padding: 0; overflow: hidden; width: auto; display: inline-block;}
.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .controls select {position: relative; width: 11vw; margin: 0 0.25vw 0 0; padding: 0; display: inline-block; border: 0.1vw solid var(--color-grey);}

.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .box_cat_man {position: relative; float: left; margin: 0 1vw 0 0; padding: 0;}
.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .filter_price {position: relative; float: left;}
.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .filter_price .control-group {position: relative; float: left; margin: 0 1vw 0 0;}

.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .filter_price span.input-append input {position: relative; width: 3vw; margin: 0; padding: 0.5vw; display: inline-block; border: 0.1vw solid var(--color-grey); font-size: 100%; border-radius: 0.25vw; }


.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .filter_price .control-group.box_button input {position: relative; width: auto; margin: 0 0.25vw 0 0; padding: 0.65vw 1vw; display: inline-block; border: none; background: var(--color-add); color: var(--color-white); border-radius: 5vw; font-family: medium; font-size: 100%;}
.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .filter_price .control-group.box_button input:hover {cursor: pointer; background: var(--color-accent); }




.com_jshopping.category .jshop.list_product {position: relative; margin: 0 0 5vw 0; padding: 0;}

.com_jshopping.category .jshop.list_product .row-fluid {margin: 0; padding: 0;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] {position: relative; margin: 0 2vw 2vw 0; padding: 0; width: 18.5vw;}
.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"]:hover {background: var(--color-bg); box-shadow: none;}
.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .block_product {position: relative; margin: 0; padding: 0;}



.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"]:nth-child(4n+4) {margin: 0 0 2vw 0;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .image {position: relative; width: 100%; margin: 0 0 1.5vw 0; padding: 0; line-height: 0;}
.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .image .image_block {position: relative; width: 100%; margin: 0; padding: 0; line-height: 0;}
.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .image img {width: 100%; margin: 0; padding: 0;}


.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .name {position: relative; margin: 0 1.5vw 1vw 1.5vw; padding: 0; text-align: left;}
.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .name a {text-decoration: none;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .block_available {display: none;}
.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .manufacturer_name {display: none;}
.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .vendorinfo {display: none;}
.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .description {display: none;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .oiproduct {position: relative; margin: 0; padding: 0 0 1.5vw 0; overflow: hidden;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .cat_prod_price {position: relative; float: left;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .cat_prod_price .old_price {position: relative; margin: 0 0 0.25vw 1.5vw; padding: 0; color: var(--color-red); font-family: var(--font-bold); text-decoration: line-through 2px; text-align: left;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .cat_prod_price .jshop_price {position: relative; margin: 0 0 0 1.5vw; padding: 0; color: var(--color-master); font-family: var(--font-medium); font-size: var(--font-size-3xl); text-align: left;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .buttons {position: absolute; width: 15.5vw; margin: 0; padding: 0; bottom: 1vw; left: 1.5vw;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .buttons a {position: relative; display: inline-block; float: right; margin: 0; padding: 0.1vw; width: 3vw; height: 3vw;}

.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .buttons a svg {position: relative; margin: 0; padding: 0.1vw; width: 3vw; height: 3vw; fill: var(--color-add);}
.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .buttons a svg:hover {fill: var(--color-master);}



.catalog.com_jshopping.category .row-fluid {position: relative; margin: 0 0 5vw 0; padding: 0;}
.catalog.com_jshopping.category .row-fluid [class*="sblock"] {position: relative; margin: 0 2vw 2vw 0; padding: 0; width: 18.5vw;}



.catalog.com_jshopping.category .row-fluid [class*="sblock"]:hover {background: var(--color-bg); box-shadow: none;}



.catalog.com_jshopping.category .row-fluid [class*="sblock"]:nth-child(4n+4) {margin: 0 0 2vw 0;}
.catalog.com_jshopping.category .row-fluid [class*="sblock"] .image {position: relative; width: 100%; margin: 0 0 1vw 0; padding: 0; line-height: 0;}
.catalog.com_jshopping.category .row-fluid [class*="sblock"] .image .image_block {position: relative; width: 100%; margin: 0; padding: 0; line-height: 0;}
.catalog.com_jshopping.category .row-fluid [class*="sblock"] .image img {width: 100%; margin: 0; padding: 0;}


.catalog.com_jshopping.category .row-fluid [class*="sblock"] .category_name {position: relative; margin: 0 1.5vw 1vw 1.5vw; padding: 0; text-align: left; font-size: var(--font-size-m);}
.catalog.com_jshopping.category .row-fluid [class*="sblock"] .category_name a {text-decoration: none;}




.my-orders.com_jshopping .jshop.myorders_list {position: relative; margin: 0 0 5vw 0; padding: 0;}
.my-orders.com_jshopping h1 {position: relative; color: var(--color-accent); font-size: var(--font-size-3xl); font-family: var(--font-bold); margin: 0 0 1vw 0; padding: 0;} 



.cart.com_jshopping .jshop_cart {position: relative; margin: 0 0 5vw 0; padding: 0;}
.cart.com_jshopping h1 {position: relative; color: var(--color-accent); font-size: var(--font-size-3xl); font-family: var(--font-bold); margin: 0 0 1vw 0; padding: 0;} 
.jshop_cart .jshop_prod_cart img{
     height: 100px;
     width: 100px;
     object-fit: cover;
     border-radius: 10px;
}
.jshop_cart .cart_buttons #checkout{
    display: flex;
    align-items: center;
    gap: 10px;
}
.jshop_cart .btn{
    background: var(--color-add);
    margin-bottom: 20px;
    color: var(--color-white);
    display: inline-flex;
    border-radius: 10px;
    padding: 10px 10px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
}
.profile.com_jshopping .jshop_profile {position: relative; margin: 0 0 5vw 0; padding: 0;}
.profile.com_jshopping h1 {position: relative; color: var(--color-accent); font-size: var(--font-size-3xl); font-family: var(--font-bold); margin: 0 0 1vw 0; padding: 0;} 






}

/* -------------------------------------------------- стили для мобильных устройств */
@media (max-width: 768px) {

    .jshop_cart .cart_buttons #checkout{
        justify-content: center;
    }
	*{
        box-sizing: border-box;
    }
	/* базовые стили для мобильных */
	html, body {
		font-size: 16px !important;
		line-height: 1.4;
	}
	
	/* header для мобильных */
	header {
		width: 100vw !important;
		height: 60px !important;
		margin: 0 !important;
		padding: 0 15px !important;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}
	
	header .logo {
		width: 120px !important;
		margin: 10px 0 !important;
		float: left;
	}
	
	header .catalog {
		display: none !important;
	}
	
	header .search {
		display: none !important;
	}
	
	header .geo {
		display: none !important;
	}
	
	header #cart {
		float: right !important;
		margin: 15px 10px 0 0 !important;
	}
	
	header #cart .cart_icon {
		width: 30px !important;
	}
	
	header #cart .cart_num {
		width: 20px !important;
		height: 20px !important;
		font-size: 12px !important;
	}
	
	header .login {
		float: right !important;
		width: 30px !important;
		margin: 15px 10px 0 0 !important;
	}
	
	header .navigation {
		float: right !important;
		margin: 15px 0 0 0 !important;
	}
	
	.navigation a.open-button {
		width: 30px !important;
		height: 25px !important;
	}
	
	.navigation a.open-button span {
		width: 25px !important;
		height: 3px !important;
	}
	
	.navigation a.open-button span:before {
		width: 25px !important;
		height: 3px !important;
		margin: 8px 0 0 0 !important;
	}
	
	.navigation a.open-button span:after {
		width: 25px !important;
		height: 3px !important;
		margin: 16px 0 0 0 !important;
	}
	
	/* основной контент */
	#body {
		width: 100vw !important;
		margin: 0 !important;
		padding: 80px 15px 20px 15px !important;
	}
	
	/* слайдер для мобильных */
	.swiper-slider {
		width: 100% !important;
		height: 200px !important;
		margin: 0 0 20px 0 !important;
	}
	
	.swiper-slider .swiper-container-1 {
		width: 100% !important;
		height: 200px !important;
	}
	
	.swiper-slider .swiper-slide .slide_img {
		width: 100% !important;
		height: 200px !important;
	}
	
	.swiper-slider .swiper-slide .slide_info {
		margin: 20px 15px !important;
		width: calc(100% - 30px) !important;
	}
	
	.swiper-slider .swiper-slide .slide_info .slide_info_title {
		font-size: 24px !important;
		line-height: 1.2 !important;
	}
	
	.swiper-slider .swiper-slide .slide_info .slide_info_sale {
		font-size: 14px !important;
		padding: 5px 10px !important;
	}
	
	/* товары для мобильных */
	.category_products.jshop.jshop_list_product .block_item,
	.label_products.jshop.jshop_list_product .block_item {
		width: calc(50% - 10px) !important;
		height: auto !important;
		margin: 0 5px 20px 5px !important;
		float: left;
	}
	
	.category_products.jshop.jshop_list_product .block_item:nth-child(2n+1),
	.label_products.jshop.jshop_list_product .block_item:nth-child(2n+1) {
		margin-left: 0 !important;
	}
	
	.category_products.jshop.jshop_list_product .block_item:nth-child(2n),
	.label_products.jshop.jshop_list_product .block_item:nth-child(2n) {
		margin-right: 0 !important;
	}
	
	.category_products.jshop.jshop_list_product .block_item .image,
	.label_products.jshop.jshop_list_product .block_item .image {
		width: 100% !important;
		height: auto !important;
	}
	
	.category_products.jshop.jshop_list_product .block_item .name,
	.label_products.jshop.jshop_list_product .block_item .name {
		margin: 10px 10px 5px 10px !important;
		font-size: 14px !important;
	}
	
	.category_products.jshop.jshop_list_product .block_item .jshop_price,
	.label_products.jshop.jshop_list_product .block_item .jshop_price {
		margin: 0 0 0 10px !important;
		font-size: 18px !important;
	}
	
	.category_products.jshop.jshop_list_product .block_item .jshop_bottom,
	.label_products.jshop.jshop_list_product .block_item .jshop_bottom {
		position: relative !important;
		width: calc(100% - 20px) !important;
		bottom: auto !important;
		left: 10px !important;
		margin-top: 10px !important;
	}
	
	.category_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons,
	.label_products.jshop.jshop_list_product .block_item .jshop_bottom .buttons {
		width: 30px !important;
		height: 30px !important;
	}
	
	/* слайдер работ для мобильных */
	.swiper-slider-work {
		width: 100% !important;
		height: auto !important;
		margin: 20px 0 !important;
		padding: 20px 15px !important;
	}
	
	.swiper-slider-work .swiper-slider-work-info {
		float: none !important;
		width: 100% !important;
		margin-bottom: 20px !important;
	}
	
	.swiper-slider-work .swiper-container-2 {
		margin: 0 !important;
		width: 100% !important;
		height: 200px !important;
	}
	
	.swiper-slider-work .swiper-slide .slide_img {
		width: 100% !important;
		height: 200px !important;
	}
	
	.swiper-slider-work .swiper-slide .slide_title {
		width: calc(100% - 20px) !important;
		bottom: 10px !important;
		left: 10px !important;
	}
	
	.swiper-slider-work .swiper-slide .slide_title a {
		font-size: 16px !important;
	}
	.slide_img img{
        height: 100%;
    }
	/* блог для мобильных */
	.new_in_blog {
		width: 100% !important;
	}
	
	.new_in_blog .blog_item {
		width: 100% !important;
		height: 200px !important;
		margin: 0 0 20px 0 !important;
	}
	
	.new_in_blog .blog_item:nth-child(3),
	.new_in_blog .blog_item:nth-child(4),
	.new_in_blog .blog_item:nth-child(5) {
		width: calc(50% - 10px) !important;
		height: 150px !important;
		margin: 0 5px 20px 5px !important;
	}
	
	.new_in_blog .blog_item .blog_item_title {
		width: calc(100% - 20px) !important;
		margin: 20px 10px 0 10px !important;
		font-size: 16px !important;
	}
	
	.new_in_blog .blog_item:nth-child(3) .blog_item_title,
	.new_in_blog .blog_item:nth-child(4) .blog_item_title,
	.new_in_blog .blog_item:nth-child(5) .blog_item_title {
		width: calc(100% - 20px) !important;
		font-size: 14px !important;
	}
	
	/* footer для мобильных */
	footer {
		padding: 20px 15px !important;
	}
	
	footer .logo {
		position: relative !important;
		width: 120px !important;
		top: auto !important;
		right: auto !important;
		margin-bottom: 20px !important;
	}
	
	footer .social {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		margin-bottom: 20px !important;
	}
	
	footer .social a img {
		width: 30px !important;
	}
	
	footer .footer_navigateion {
		width: 100% !important;
		margin: 0 !important;
	}
	
	footer .nav {
		float: none !important;
		margin: 0 0 20px 0 !important;
		width: 100% !important;
	}
	
	footer .footer_info {
		position: relative !important;
		width: 100% !important;
		bottom: auto !important;
		left: auto !important;
		margin-top: 20px !important;
	}
	
	/* формы для мобильных */
	.enter.component_22 .com-users-login__form,
	.registration.component_22 .com-users-registration__form {
		width: 100% !important;
		margin: 0 !important;
	}
	
	.enter.component_22 .com-users-login__form .com-users-login__input input,
	.registration.component_22 .control-group input {
		width: 100% !important;
		padding: 15px !important;
		font-size: 16px !important;
	}
	
	.enter.component_22 .com-users-login__form .com-users-login__submit button,
	.registration.component_22 .com-users-registration__submit button {
		width: 100% !important;
		padding: 15px !important;
		font-size: 16px !important;
	}
	
	/* товары для мобильных */
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] {
		width: calc(50% - 10px) !important;
		margin: 0 5px 20px 5px !important;
	}
	
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"]:nth-child(2n+1) {
		margin-left: 0 !important;
	}
	
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"]:nth-child(2n) {
		margin-right: 0 !important;
	}
	
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .name {
		margin: 10px 10px 5px 10px !important;
		font-size: 14px !important;
	}
	
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .cat_prod_price .jshop_price {
		margin: 0 0 0 10px !important;
		font-size: 18px !important;
	}
	
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .buttons {
		position: relative !important;
		width: calc(100% - 20px) !important;
		bottom: auto !important;
		left: 10px !important;
		margin-top: 10px !important;
	}
	
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .buttons a {
		width: 30px !important;
		height: 30px !important;
	}
	
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] .buttons a svg {
		width: 30px !important;
		height: 30px !important;
	}
	
	/* страница товара для мобильных */
	.jshop.productfull .row.jshop .image_product {
		float: none !important;
		width: 100% !important;
		margin-bottom: 20px !important;
	}
	
	.jshop.productfull .row.jshop .image_product .image_thumb_list {
		display: none !important;
	}
	
	.jshop.productfull .row.jshop .image_product .image_middle {
		float: none !important;
		width: 100% !important;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct .prod_buttons {
		margin: 20px 0 0 0 !important;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct .prod_buttons .prod_qty_input {
		float: none !important;
		width: 100% !important;
		margin-bottom: 10px !important;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct .prod_buttons .prod_qty_input input {
		width: 100% !important;
		padding: 15px !important;
		font-size: 16px !important;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct .prod_all_price {
		float: none !important;
		width: 100% !important;
		margin: 0 0 20px 0 !important;
		text-align: center;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct .buttons.product-buttons {
		text-align: center;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct .buttons.product-buttons label {
		position: relative !important;
		width: 50px !important;
		height: 50px !important;
		margin: 0 auto !important;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct .buttons.product-buttons input {
		width: 50px !important;
		height: 50px !important;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct .buttons.product-buttons label svg {
		width: 50px !important;
		height: 50px !important;
	}
	
	/* скрываем элементы на мобильных */
	header.small {
		height: 60px !important;
	}
	
	header.small .logo {
		margin: 10px 0 !important;
	}
	
	header.small .search {
		display: none !important;
	}
	
	header.small .geo {
		display: none !important;
	}
	
	header.small #cart {
		margin: 15px 10px 0 0 !important;
	}
	
	header.small .login {
		margin: 15px 10px 0 0 !important;
	}
	
	header.small .navigation {
		margin: 15px 0 0 0 !important;
	}
	
	/* модальные окна для мобильных */
	.modal_navigation .modal-content,
	.modal_catalog .modal-content {
		padding: 20px 15px !important;
	}
	
	.modal_catalog .modal-content .header {
		width: 100% !important;
		height: 60px !important;
		margin: 0 !important;
		padding: 0 15px !important;
	}
	
	.modal_catalog .modal-content .header .logo {
		width: 120px !important;
		margin: 10px 0 !important;
	}
	
	.modal_catalog .modal-content .header .search {
		display: none !important;
	}
	
	.modal_catalog .modal-content .header .geo {
		display: none !important;
	}
	
	.modal_catalog .modal-content .header #cart {
		margin: 15px 10px 0 0 !important;
	}
	
	.modal_catalog .modal-content .header .login {
		margin: 15px 10px 0 0 !important;
	}
	
	.modal_catalog .modal-content .nav {
		float: none !important;
		margin: 20px 0 !important;
		width: 100% !important;
	}
	
	.modal_catalog .modal-content .nav:nth-child(2) {
		margin: 20px 0 !important;
	}
	
	.modal_catalog .modal-content .footer_info {
		position: relative !important;
		width: 100% !important;
		bottom: auto !important;
		left: auto !important;
		margin-top: 20px !important;
	}
	
	/* кнопки для мобильных */
	button {
		padding: 15px 30px !important;
		font-size: 16px !important;
		border-radius: 25px !important;
	}
	
	/* заголовки для мобильных */
	.page-header h1,
	.com_jshopping.category h1,
	.cart.com_jshopping h1,
	.profile.com_jshopping h1,
	.my-orders.com_jshopping h1 {
		font-size: 24px !important;
		margin: 0 0 20px 0 !important;
	}
	
	/* хлебные крошки для мобильных */
	.shell_links {
		width: 100% !important;
		margin: 20px 0 !important;
	}
	
	.shell_links a {
		margin: 0 10px 10px 0 !important;
		font-size: 14px !important;
	}
	
	.shell_links a img {
		width: 20px !important;
	}
	
	/* фильтры для мобильных */
	.com_jshopping.category .jshop_list_product #sort_count {
		padding: 15px !important;
		margin: 0 0 20px 0 !important;
	}
	
	.com_jshopping.category .jshop_list_product #sort_count .block_sorting_count_to_page,
	.com_jshopping.category .jshop_list_product #sort_count .jshop.filters {
		float: none !important;
		width: 100% !important;
		margin: 0 0 10px 0 !important;
	}
	
	.com_jshopping.category .jshop_list_product #sort_count .block_sorting_count_to_page .box_products_sorting .controls select,
	.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .controls select {
		width: 100% !important;
		padding: 10px !important;
		font-size: 16px !important;
	}
	
	.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .filter_price span.input-append input {
		width: 100% !important;
		padding: 10px !important;
		font-size: 16px !important;
	}
	
	.com_jshopping.category .jshop_list_product #sort_count .jshop.filters .filter_price .control-group.box_button input {
		width: 100% !important;
		padding: 15px !important;
		font-size: 16px !important;
		margin: 10px 0 0 0 !important;
	}
}

/* -------------------------------------------------- стили для планшетов */
@media (min-width: 769px) and (max-width: 1024px) {
	*{
        box-sizing: border-box;
    }
	/* базовые стили для планшетов */
	html, body {
		font-size: 14px !important;
	}
	
	/* header для планшетов */
	header {
		width: 100vw !important;
		height: 80px !important;
		margin: 0 !important;
		padding: 0 30px !important;
	}
	
	header .logo {
		width: 150px !important;
		margin: 15px 0 !important;
	}
	
	header .search {
		margin: 20px 20px 0 0 !important;
	}
	
	header .search input {
		width: 250px !important;
		padding: 10px 10px 10px 40px !important;
	}
	
	header .geo {
		margin: 25px 15px 0 0 !important;
	}
	
	header #cart {
		margin: 20px 15px 0 0 !important;
	}
	
	header #cart .cart_icon {
		width: 35px !important;
	}
	
	header .login {
		margin: 20px 0 0 0 !important;
		width: 35px !important;
	}
	
	/* основной контент */
	#body {
		width: 100vw !important;
		margin: 0 !important;
		padding: 100px 30px 30px 30px !important;
	}
	
	/* товары для планшетов */
	.category_products.jshop.jshop_list_product .block_item,
	.label_products.jshop.jshop_list_product .block_item {
		width: calc(33.333% - 15px) !important;
		margin: 0 7.5px 20px 7.5px !important;
	}
	
	.category_products.jshop.jshop_list_product .block_item:nth-child(3n+1),
	.label_products.jshop.jshop_list_product .block_item:nth-child(3n+1) {
		margin-left: 0 !important;
	}
	
	.category_products.jshop.jshop_list_product .block_item:nth-child(3n),
	.label_products.jshop.jshop_list_product .block_item:nth-child(3n) {
		margin-right: 0 !important;
	}
	
	/* слайдер для планшетов */
	.swiper-slider {
		width: 100% !important;
		height: 300px !important;
	}
	
	.swiper-slider .swiper-container-1 {
		width: 100% !important;
		height: 300px !important;
	}
	
	.swiper-slider .swiper-slide .slide_img {
		width: 100% !important;
		height: 300px !important;
	}
	
	.swiper-slider .swiper-slide .slide_info {
		margin: 40px 30px !important;
		width: calc(100% - 60px) !important;
	}
	
	.swiper-slider .swiper-slide .slide_info .slide_info_title {
		font-size: 36px !important;
	}
	
	/* блог для планшетов */
	.new_in_blog .blog_item {
		width: calc(50% - 10px) !important;
		height: 250px !important;
		margin: 0 5px 20px 5px !important;
	}
	.slide_img img{
        height: 100%;
    }
	.new_in_blog .blog_item:nth-child(3),
	.new_in_blog .blog_item:nth-child(4),
	.new_in_blog .blog_item:nth-child(5) {
		width: calc(33.333% - 10px) !important;
		height: 200px !important;
	}
	
	/* формы для планшетов */
	.enter.component_22 .com-users-login__form,
	.registration.component_22 .com-users-registration__form {
		width: 400px !important;
		margin: 0 auto !important;
	}
	
	/* товары для планшетов */
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"] {
		width: calc(33.333% - 15px) !important;
		margin: 0 7.5px 20px 7.5px !important;
	}
	
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"]:nth-child(3n+1) {
		margin-left: 0 !important;
	}
	
	.com_jshopping.category .jshop.list_product .row-fluid [class*="sblock"]:nth-child(3n) {
		margin-right: 0 !important;
	}
	
	/* страница товара для планшетов */
	.jshop.productfull .row.jshop .image_product .image_middle {
		width: 300px !important;
	}
	
	.jshop.productfull .row.jshop .jshop_oiproduct {
		width: calc(100% - 330px) !important;
	}
}

/* Мобильная адаптация корзины */
@media (max-width: 768px) {
    .jshop.cart {
        display: block;
        border: none;
        background: none;
    }
    
    .jshop.cart thead {
        display: none;
    }
    
    .jshop.cart tbody {
        display: block;
    }
    
    .jshop.cart tr.jshop_prod_cart {
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        margin-bottom: 16px;
        padding: 16px;
        border: none;
    }
    
    .jshop.cart tr.jshop_prod_cart td {
        display: block;
        border: none;
        padding: 0;
        background: none;
    }
    
    /* Верхняя часть с изображением и информацией */
    .jshop.cart tr.jshop_prod_cart td:not(.remove) {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 12px;
    }
    
    /* Изображение товара */
    .jshop.cart .jshop_img_description_center {
        flex-shrink: 0;
        width: 80px;
        height: 80px;
    }
    
    .jshop.cart .jshop_img_description_center .data {
        width: 100%;
        height: 100%;
    }
    
    .jshop.cart .jshop_img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }
    
    /* Информация о товаре */
    .jshop.cart .product_name {
        flex: 1;
        min-width: 0;
    }
    
    .jshop.cart .product_name .prodname {
        font-weight: 600;
        font-size: 16px;
        color: #333;
        text-decoration: none;
        line-height: 1.3;
        display: block;
        margin-bottom: 8px;
    }
    
    .jshop.cart .product_name .prodname:hover {
        color: #34be40;
    }
    
    /* Цена за единицу */
    .jshop.cart .single_price {
        flex: 1;
        min-width: 0;
    }
    
    .jshop.cart .single_price .price {
        font-weight: 600;
        font-size: 16px;
        color: #e74c3c;
        display: block;
        margin-bottom: 8px;
    }
    
    /* Количество */
    .jshop.cart .quantity {
        flex: 1;
        min-width: 0;
    }
    
    .jshop.cart .quantity .mobile-cart-inline {
        display: block;
        font-size: 14px;
        color: #666;
        margin-bottom: 4px;
    }
    
    .jshop.cart .quantity .inputbox {
        width: 60px;
        height: 36px;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 0 8px;
        font-size: 14px;
        text-align: center;
    }
    
    .jshop.cart .quantity .cart_reload {
        display: inline-block;
        margin-left: 8px;
        cursor: pointer;
        color: #666;
        font-size: 16px;
    }
    
    /* Общая сумма */
    .jshop.cart .total_price {
        flex: 1;
        min-width: 0;
    }
    
    .jshop.cart .total_price .data {
        font-weight: 700;
        font-size: 18px;
        color: #333;
    }
    
    /* Кнопка удаления */
    .jshop.cart .remove {
        width: 100%;
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #eee;
    }
    
    .jshop.cart .remove .button-img {
        width: 100%;
        height: 44px;
        background: #e74c3c;
        color: white;
        border: none;
        border-radius: 8px;
        font-weight: 600;
        font-size: 14px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.2s;
    }
    
    .jshop.cart .remove .button-img:hover {
        background: #c0392b;
        color: white;
        text-decoration: none;
    }
}

/* Очень маленькие экраны */
@media (max-width: 480px) {
    .jshop.cart tr.jshop_prod_cart {
        padding: 12px;
        margin-bottom: 12px;
    }
    
    .jshop.cart .jshop_img_description_center {
        width: 70px;
        height: 70px;
    }
    
    .jshop.cart .product_name .prodname {
        font-size: 15px;
    }
    
    .jshop.cart .single_price .price {
        font-size: 15px;
    }
    
    .jshop.cart .total_price .data {
        font-size: 16px;
    }
    
    .jshop.cart .remove .button-img {
        height: 40px;
        font-size: 13px;
    }
}

/* Стили для товаров в каталоге */
.sblock99 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    justify-content: center;
}

.block_product {
    width: 220px;
}

.product {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    padding: 16px;
    text-decoration: none;
    transition: box-shadow 0.2s;
    border-bottom: 1px solid #e0e6ed;
}

.product:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}

/* Изображение товара */
.product .image {
    margin-bottom: 12px;
}

.product .image_block {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
}

.product .jshop_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Название товара */
.product .name {
    margin-bottom: 12px;
}

.product .name a {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    line-height: 1.3;
    display: block;
}

.product .name a:hover {
    color: #34be40;
}

.product .name a::first-letter {
    text-transform: uppercase;
}

/* Информация о товаре */
.product .oiproduct {
    flex: 1;
}

/* Статус наличия */
.product .block_available {
    font-size: 14px;
    color: #e74c3c;
    margin-bottom: 8px;
    font-weight: 600;
}

.product .block_available.not_available {
    color: #e74c3c;
}

.product .block_available.available {
    color: #34be40;
}

/* Цена */
.product .cat_prod_price {
    margin-bottom: 12px;
}

.product .jshop_price {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

.product .jshop_price span {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

/* Кнопки */
.product .buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 4px;
}

.product .button_detail {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #34be40;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.2s;
}

.product .button_detail:hover {
    background: #2da835;
    text-decoration: none;
}

.product .button_detail svg {
    width: 16px;
    height: 16px;
}

.product .button_detail .icon_cart_bg {
    fill: #34be40;
}

.product .button_detail .fil1 {
    fill: white;
}

/* Описание товара */
.product .description {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Мобильные устройства */
@media (max-width: 768px) {
    .sblock99 {
        gap: 12px;
        padding: 0 10px;
    }
    
    .block_product {
        width: calc(50% - 6px);
    }
    
    .product {
        padding: 12px;
    }
    
    .product .image_block {
        height: 250px;
    }
    
    .product .name a {
        font-size: 14px;
        line-height: 1.2;
    }
    
    .product .jshop_price span {
        font-size: 14px;
    }
    
    .product .button_detail {
        width: 32px;
        height: 32px;
    }
    
    .product .button_detail svg {
        width: 14px;
        height: 14px;
    }
    
    .product .description {
        font-size: 13px;
        -webkit-line-clamp: 2;
    }
}

/* Очень маленькие экраны */
@media (max-width: 480px) {
    .sblock99 {
        gap: 8px;
        padding: 0 8px;
    }
    
    .block_product {
        width: calc(50% - 4px);
    }
    
    .product {
        padding: 10px;
    }
    
    .product .image_block {
        height: 250px;
    }
    
    .product .name a {
        font-size: 13px;
    }
    
    .product .jshop_price span {
        font-size: 13px;
    }
    
    .product .button_detail {
        width: 28px;
        height: 28px;
    }
    
    .product .button_detail svg {
        width: 12px;
        height: 12px;
    }
    
    .product .description {
        font-size: 12px;
        -webkit-line-clamp: 2;
    }
}

/* Стили для формы заказа */
.jshop.address_block {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.jshop_register {
    margin-bottom: 30px;
}

/* Группы полей */
.control-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.control-group .control-label {
    margin-bottom: 8px;
}

.control-group .control-label label {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    display: block;
    margin-bottom: 4px;
}

.control-group .control-label span {
    color: #e74c3c;
    font-weight: 700;
}

/* Поля ввода */
.control-group .controls input,
.control-group .controls select {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e0e6ed;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    background: #fff;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.control-group .controls input:focus,
.control-group .controls select:focus {
    outline: none;
    border-color: #34be40;
    box-shadow: 0 0 0 3px rgba(52, 190, 64, 0.1);
}

.control-group .controls input:hover,
.control-group .controls select:hover {
    border-color: #34be40;
}

/* Ошибки валидации */
.control-group .controls.has-danger input,
.control-group .controls input.invalid {
    border-color: #e74c3c;
    box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
}

.control-group .control-label.invalid label {
    color: #e74c3c;
}

.control-group .form-control-feedback {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

/* Радио кнопки */
.control-group.other_delivery_adress {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e0e6ed;
}

.control-group.other_delivery_adress .control-label {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}

.control-group.other_delivery_adress .controls {
    display: flex;
    gap: 20px;
    align-items: center;
}

.control-group.other_delivery_adress input[type="radio"] {
    width: auto;
    margin-right: 8px;
    transform: scale(1.2);
}

.control-group.other_delivery_adress label {
    font-weight: 500;
    color: #333;
    cursor: pointer;
    margin: 0;
}

/* Кнопка отправки */
.box_button {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e0e6ed;
}

.box_button .controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.requiredtext {
    font-size: 12px;
    color: #666;
    font-style: italic;
}

.box_button .btn,.checkout_payment_block .btn, .checkout_shipping_block .btn{
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-success, .checkout_payment_block .btn-success{
    background: #34be40;
    color: white;
}

.btn-success:hover {
    background: #2da835;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(52, 190, 64, 0.3);
}

/* Дополнительный адрес доставки */
#div_delivery {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e0e6ed;
    margin-top: 20px;
}

#div_delivery .jshop_register {
    margin-bottom: 0;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .jshop.address_block {
        padding: 15px;
        margin: 10px;
    }
    
    .control-group {
        margin-bottom: 16px;
    }
    
    .control-group .controls input,
    .control-group .controls select {
        padding: 10px 12px;
        font-size: 16px; /* Предотвращает зум на iOS */
    }
    
    .control-group.other_delivery_adress {
        padding: 15px;
    }
    
    .control-group.other_delivery_adress .controls {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    
    .box_button .controls {
        flex-direction: column;
        align-items: stretch;
    }
    
    .box_button .btn {
        width: 100%;
        padding: 16px;
    }
}

/* Анимации */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.jshop_register {
    animation: fadeIn 0.3s ease;
}

/* Улучшенные стили для select */
.control-group .controls select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 40px;
}

/* Стили для placeholder */
.control-group .controls input::placeholder {
    color: #9ca3af;
}

/* Hover эффекты для полей */
.control-group .controls input:not(:focus):hover,
.control-group .controls select:not(:focus):hover {
    border-color: #34be40;
    background-color: #f9fafb;
}