*, *:before, *:after { border: 0; margin: 0; padding: 0; outline: 0; box-sizing: border-box; }
html { }
body { background-color: #fff; color: #000; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 400; line-height: 22px; }
a { background-color: transparent; color: #4471bb; }
a:active, a:hover { outline: 0; }
b{ font-weight: 600; }
img { border: 0; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.fll { float: left; }
.flr { float: right; }
.m-lr-auto { margin-left: auto; margin-right: auto; }
.mb20{ margin-bottom: 20px; }
.mt20{ margin-top: 20px; }
.fw600 { font-weight: 600; }

/* ----- */

h1 { margin: 0px 0px; padding: 0; color: #000; font-size: 24px; font-weight: 400; line-height: normal; }
h2 { margin: 20px 0px; padding: 0; color: #757575; font-size: 18px; font-weight: 600; }
h3 { margin: 15px 0px; padding: 0; color: #757575; font-size: 16px; font-weight: 400; }
h4 { background-color: #fed14a; background: linear-gradient(135deg, #fed14a 0%, #fed14a 80%, #f9f9f9 80%, #f9f9f9 100%); margin: 10px 0px; padding: 10px 20px; color: #000; font-size: 12px; font-weight: 400; text-transform: uppercase; }
ul, ol { margin: 0px 40px; }
li { margin: 0; }
p { margin: 5px 0px; }

input, textarea, select { height: 48px; margin: 0; padding: 0px 10px; outline: none; border: 1px solid #e9e9e9; background-color: #fff;
						  color: #000; font-family: Montserrat,sans-serif; font-size: 15px; font-weight: 600; line-height: 46px; transition: 0.3s ease border-color; }
input[type=text], textarea { -webkit-appearance: none; }
input:focus, textarea:focus { border-color: #fed14a; }

.form-line { margin-bottom: 15px; }
.form-line label { display: block; color: #757575; letter-spacing: 1px; text-transform: lowercase; }
.form-line .form-err { color: #a22a2a; letter-spacing: 1px; text-transform: lowercase; }
.form-line input, .form-line select { width: 100%; }
.form-line .form-cb { color: #757575; letter-spacing: 1px; text-transform: lowercase; }
.form-line .form-cb input[type=checkbox] { width: auto; margin-right: 10px; vertical-align: middle; }

.btn { display: inline-block; margin: 0; padding: 0px 20px; border: 1px solid #000; background-color: #000; color: #fff; font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 400; line-height: 40px; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; transition: 0.3s ease all; }
.btn:hover { border: 1px solid #757575; background-color: #757575; }
.btn.btn100 { display: block; width: 100%; }
.btn.btn-bonus { padding: 0px 5px; border: 1px solid #e995af; background-color: #e995af; font-size: 11px; line-height: 22px; text-transform: lowercase; }
.btn.btn-bonus:hover { border: 1px solid #c5768e; background-color: #c5768e; }
.btn.btn-pay { font-size: 12px; line-height: 30px; text-transform: none; }

.btn.btn-del { padding: 0px 10px; border: 1px solid #68707f; background-color: #fff; color: #68707f; font-size: 11px; line-height: 22px; text-transform: lowercase; }
.btn.btn-del:hover { border: 1px solid #68707f; background-color: #68707f; color: #fff; }

/* ----- */

.joylypage { margin: 0 auto; padding: 0px 8px; min-width: 320px; max-width: 1216px; }
.header { padding: 20px 0px 10px; }
.main-title { padding: 20px 0px; }
.main { padding: 20px 0px; }
.footer { display: flex; flex-flow: row wrap; padding: 40px 0px; }

/* 1200 ширина всех элементов ниже joylypage, -8 отступа от края при меньшем размере */
.bg001 { position: relative; z-index:0; }
.bg001::before { content: ""; position: absolute; height: 100%; top: 0; left: calc((100vw - 1200px) / -2); right: calc((100vw - 1201px) / -2); z-index: -1; background-color: #f9f9f9; }
@media only screen and (max-width : 1200px) { .bg001::before { left: -8px; right: -8px; } }

/* ----- */

ul.top { display: flex; flex-flow: row wrap; margin: 0; padding: 0; list-style: none; }
ul.top > li { margin-left: 10px; padding: 0; line-height: 40px; font-size: 12px; font-weight: 400; }
ul.top > li:first-child { margin-left: 0px; margin-right: auto; color: #68707f; }
ul.top > li > a { color: #68707f; text-decoration: none; }

/* ----- */

.hamburger { display: none; margin: 18px 15px 18px 0px; }
.hamburger span { display: block; width: 25px; height: 2px; background-color: #000; }
.hamburger span + span { margin-top: 4px; }
.hamburger span + span + span { width: 20px; }

.logo { margin: 10px auto 10px 0px; color: #000; font-family: 'RadioStars-Regular'; font-size: 24px; font-style: normal; font-weight: bold; letter-spacing: 5px; line-height: 30px; text-decoration: none; text-transform: lowercase; }

.head-icon { position: relative; width: 50px; height: 50px; padding: 11px; }
.head-icon img { width: 28px; height: 28px; }
#likeCnt, #bagCnt { position: absolute; top: 3px; right: 3px; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #e995af; color: #fff; font-size: 11px; font-weight: 300; line-height: 20px; text-align: center; opacity: 0.8; }
#head-icon-find { display: none; }

form.ffind { position: relative; width: 500px; margin: 8px 5px; }
form.fsearch { position: relative; width: 100%; margin: 8px 0px; }
form.ffind input,
form.fsearch input { width: 100%; border-radius: 4px; border: 1px solid #f9f9f9; padding: 0px 52px 0px 15px; background: #f9f9f9; font-size: 13px; font-weight: 400; line-height: 32px; }
form.ffind button,
form.fsearch button { position: absolute; top: 13px; right: 15px; width: 22px; height: 22px; padding: 0; margin: 0; border: 0; outline: 0; background: transparent url(/img/search.svg); cursor: pointer; }

/* ----- */

ul.menu { position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0; padding: 0; list-style: none; border-top: 1px solid #e9e9e9; }
ul.menu > li { display: inline-block; margin: 0px 20px 0px 0px; padding: 0; }
ul.menu > li:last-child { margin: 0px 0px 0px auto;  }
ul.menu > li > a	{ display: inline-block; height: 50px; border-bottom: 5px solid #fff; color: #000; font-size: 14px; font-weight: 600; line-height: 50px; text-decoration: none; }
ul.menu > li:hover > a { border-bottom: 5px solid #f9f9f9; color: #a22a2a; }
.dropdown { position: absolute; z-index: 11; top: auto; left: 0; display: none; width: 100%; }
ul.menu > li:hover .dropdown { display: flex; flex-flow: row wrap; justify-content: space-between; }
.dd-col { width: 25%; padding: 20px 5px; }
.dd-col b { color: #757575; }
.dd-col > ul { margin: 0; padding: 0; list-style: none; text-align: left; }
.dd-col > ul > li { margin: 0; padding: 0; color: #333; line-height: 22px; }
.dd-col > ul > li > a { color: #333; text-decoration: none; }
.dd-col > ul > li > a:hover { border-bottom: 1px solid #333; }

.menu-mobile-phone { margin: 15px; color: #333; font-size: 18px; font-weight: 700; text-align: center; }

@media only screen and (max-width : 1152px) {
	ul.menu > li > a { font-size: 12px; }
}
@media only screen and (max-width : 992px) {
	ul.top { display:none; }
	.header { padding: 10px 0px; }
	.hamburger{ display: block; }
	ul.menu { display: none; }
	#head-icon-find { display: block; }
	form.ffind { display: none; }
}
@media only screen and (max-width : 496px) {
	#head-icon-likes { display: none; }
	#head-icon-find { display: none; }
}

/* ----- */

.footer .footer-text { order: 1; width: 24%; padding: 0px 10px; }
.footer .footer-phone { order: 2; width: 28%; padding: 0px 10px; text-align: right; }
.footer h6 { margin: 0px 0px 10px 0px; padding: 0; color: #68707f; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.footer ul { margin: 0; padding: 0; list-style: none; }
.footer ul li { margin: 0; padding: 0; font-size: 12px; }
.footer ul li a { color: #000;  text-decoration: none; }
.footer ul li a:hover { text-decoration: underline; }
p.phone-email { margin: 0px 0px 20px 0px; padding: 0; color: #68707f; font-size: 20px; font-weight: 700; }
p.phone-email span{ font-size: 12px; font-weight: 400; }
p.phone-email a{ color: #68707f; text-decoration: none; }
p.phone-email a:hover { text-decoration: underline; }
@media only screen and (max-width : 816px) {
	.footer .footer-text { width: 100%; padding: 10px 0px; }
	.footer .footer-phone { order: 0; width: 100%; padding: 10px 0px; text-align: left; }
	.footer ul li { display: inline-block; margin-right: 5px; }
}

.pay-icon { padding: 20px 0px; text-align: right; }
.pay-icon a { padding: 2px; border-bottom: none; text-decoration: none; }

/* --- --- --- --- --- */

#totop { position: fixed; top: 32px; right: 32px; z-index: 100; display: none; width: 36px; height: 36px; border-radius: 4px; background-color: rgba(0,0,0,.4); color: #fff; font-size: 24px; font-weight: 400; line-height: 36px; text-align: center; cursor: pointer; opacity: 0.6; transition: opacity .5s ease; }
#totop:hover { opacity: 1; }

/* --- --- --- --- --- */

#filter-panel { }
#mobile-panel { }
.slide-panel { position: fixed; top: 0; left: 0; z-index: 11; overflow-x: hidden; width: 0; height: 100%; padding: 60px 0px 20px; background-color: #fff; transition: 0.2s; }
.slide-btn-close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; margin: 10px; color: #000; font-size: 48px; font-weight: 300; line-height: 40px; text-align: center; text-decoration: none; }
#mobile-panel > ul { margin: 0; padding: 0; list-style: none; }
#mobile-panel > ul > li { display: block; border-top: 1px solid #e9e9e9; margin: 0; padding: 0; line-height: 40px; }
#mobile-panel > ul > li:first-child { border-top: none; }
#mobile-panel ul li a { padding: 0px 10px; color: #000; font-size: 18px; font-weight: 500; text-decoration: none; }
#mobile-panel ul + ul,
#mobile-panel ul + p { margin-top: 30px; }
#mobile-panel > p { margin: 0px 10px; padding: 0; list-style: none; }
#mobile-panel > p.phone-email { margin-bottom: 20px; color: #68707f; font-size: 20px; font-weight: 700; }
#mobile-panel > p.phone-email a { color: #68707f; font-size: 20px; }
#filter-panel h3 { margin: 0px 10px; padding: 0; color: #68707f; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
#filter-panel > ul { margin: 0; padding: 0; list-style: none; }
#filter-panel > ul > li { display: block; border-top: 1px solid #e9e9e9; margin: 0; padding: 0px 10px; font-size: 14px; line-height: 28px; }
#filter-panel > ul > li:first-child { border-top: none; }
#filter-panel > ul li a { color: #000; text-decoration: none; }
#filter-panel > ul li b { color: #a22a2a; }
#filter-panel ul + h3 { margin-top: 20px; }
#filter-panel .brandscroll ul { margin: 0; padding: 0; list-style: none; columns: 2; }
#filter-panel .brandscroll ul li { display: block; margin: 0; padding: 0px 10px; font-size: 12px; line-height: 26px; }
#filter-panel .brandscroll ul li a { color: #000000; font-weight: 500; text-decoration: none; }
#filter-panel .brandscroll ul li b { color: #a22a2a; }
.filter-btn { display: none; margin: 0px 0px 10px; }
.filter-btn > a { display: block; padding: 0px 10px; background-color: #f9f9f9; color: #000; font-size: 13px; font-weight: 400; line-height: 36px; text-decoration: none; text-transform: uppercase; }
.filter-btn > a > b { float: right; display: inline-block; font-size: 18px; }
@media only screen and (max-width : 832px) {
	.filter-btn { display: block; }
}

/* --- --- --- --- --- */

.brands-all h2 { display: inline-block; margin: 20px 5px 10px; padding: 5px 10px; background-color: #68707f; color: #fff; }
.brands-all ul { margin: 0; padding: 0; list-style: none; column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; }
.brands-all ul li { margin: 0; padding: 0px 5px; }
.brands-all a { color: #000; line-height: 26px; text-decoration: none; }
.brands-all a:hover { text-decoration: underline; }
.brands-all sup { color: #666; }

.brands-all-pages { margin: 20px 0px; text-align: right; }
.brands-all-pages a { display: inline-block; margin: 1px; padding: 0px 10px; background-color: #f9f9f9; color: #000; font-weight: 400; line-height: 28px; text-decoration: none; }
.brands-all-pages a:hover { background-color: #68707f; color: #fff; }

@media only screen and (max-width : 864px) { .brands-all ul { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; } }
@media only screen and (max-width : 672px) { .brands-all ul { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; } }

/* --- --- --- --- --- */

ul.breadcrumb { margin: 0; padding: 0; list-style: none; }
ul.breadcrumb li { display: inline-block; margin: 0; padding: 0; color: #68707f; font-size: 14px; font-weight: 300; line-height: normal; text-transform: lowercase; }
ul.breadcrumb li.sp { padding: 0px 5px; font-size: 10px; }
ul.breadcrumb li a { color: #68707f; text-decoration: none; }
ul.breadcrumb li a:hover { color: #e995af; border-bottom: 1px solid #e995af; }
ul.breadcrumb li b { color: #e995af; font-weight: 300; }

/* --- --- --- --- --- */

.cart-fl { display: flex; flex-flow: row wrap; }
.cart-menu { flex-basis: 22%; order:1; padding-right: 15px; }
.cart-data { flex-basis: 78%; order:2; }
.cart-info { flex-basis: 100%; order:3; }

.carts { display:grid; grid-template-columns: repeat(3,1fr); grid-template-rows: auto; grid-gap: 25px 15px; }
.carts.carts4 { grid-template-columns: repeat(4,1fr); }
.cart { position: relative; border: 1px solid #fff; padding: 10px; }
.cart:hover { border: 1px solid #f9f9f9; }
.cart a.cart-img { display: block; margin-bottom: 20px; text-align: center; }
.cart img { max-width: 100%; }
.cart p { line-height: normal; }
.cart p.cart-price { color: #68707f; font-weight: 600; }
.cart p.cart-price-old { color: #ea9ab3; font-size: 11px; text-decoration: line-through; }
.cart p a { color: #000; text-decoration: none; }
.cart p a:hover { text-decoration: underline; }

.cart .cart-fl { position: absolute; left: 2px; top: 2px; }
.cart .cart-fl div { margin-bottom: 5px; padding: 0px 10px; font-weight: 500; font-size: 11px; line-height: 22px; text-align: right; opacity: 0.8; }
.cart .cart-fl .cart-fl-isnew { background-color: #fed14a; color: #000000; }
.cart .cart-fl .cart-fl-discount { background-color: #ea9ab3; color: #f9f9f9; }

.cart-icons { margin: 5px 0px; }
.cart-icons img { width: 30px; height: 40px; margin: 0px 1px 2px 0px; }
.cart p.cart-color, .cart p.cart-sizes{ color: #757575; font-size: 11px; }

.cart-menu h3 { margin: 20px 0px 5px; padding: 0; color: #68707f; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
.cart-menu h3:first-child { margin-top: 0px }
.cart-menu ul { margin: 0; padding: 0; list-style: none; }
.cart-menu ul li { margin: 0; padding: 0; line-height: 25px; }
.cart-menu ul li a { color: #000; text-decoration: none; }
.cart-menu ul li b { color: #a22a2a; }

.carts-pages { margin: 20px 0px; text-align: right; }
.carts-pages * { display: inline-block; margin: 2px; padding: 0px 15px; color: #000; font-weight: 400; line-height: 32px; }
.carts-pages b { background-color: #68707f; color: #fff; }
.carts-pages a { background-color: #f9f9f9; text-decoration: none; }
.carts-pages a:hover { background-color: #e9e9e9; }

@media only screen and (max-width : 816px) {
	.cart-menu { display: none; }
	.cart-data { flex-basis: 100%; }
	.carts.carts4 { grid-template-columns: repeat(3,1fr); }
}

@media only screen and (max-width : 640px) {
	.carts { grid-template-columns: repeat(2,1fr); }
	.carts.carts4 { grid-template-columns: repeat(2,1fr); }
}

.brandscroll { max-height: 480px; overflow: auto; }
.brandscroll::-webkit-scrollbar { width: 2px; }
.brandscroll::-webkit-scrollbar-thumb { background-color: #e3e3e3; }
.brandscroll::-webkit-scrollbar-track { background-color: #bbb; }

/* --- --- --- --- --- */

.product { display: grid; grid-template-columns: 70px 550px 1fr; grid-template-rows: auto 1fr auto; }
.product-name { grid-area: 1 / 3 / 2 / 4; }
.product-info { grid-area: 2 / 3 / 3 / 4; }
.product-note { grid-area: 3 / 1 / 4 / 4; padding: 40px 0px; }
.product-image { grid-area: 1 / 2 / 3 / 3; width: 550px; padding: 0px 25px; text-align: center; }
.product-icons { grid-area: 1 / 1 / 3 / 2; text-align: center; }

.product-icons img { display: inline-block; border: 1px solid #f9f9f9; border-radius: 2px; width: 70px; /*height: 90px;*/ margin: 3px 0px; padding: 4px; cursor: pointer; }
.product-icons img.active { border: 1px solid #e995af; }

.zoom { display: inline-block; position: relative; }
.zoom:after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 33px; height: 33px; background: url(/img/zoom.png); opacity: 0.2; }
.zoom img { display: block; max-width: 500px; }
		
@media only screen and (max-width: 1024px) {
	.product { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4,auto); }
	.product-name { grid-area: 1 / 2 / 2 / 3; }
	.product-info { grid-area: 2 / 2 / 4 / 3; }
	.product-note { grid-area: 4 / 1 / 5 / 3; }
	.product-image { grid-area: 1 / 1 / 3 / 2; width: auto; padding: 0px 25px 0px 0px; }
	.product-icons { grid-area: 3 / 1 / 4 / 2; }
	.product-icons img { width: 40px; /*height: 50px;*/ margin: 3px; }
	.zoom img { max-width: 100%; }
}
@media only screen and (max-width: 800px) {
	.product { grid-template-columns: auto; grid-template-rows: repeat(5, auto); }
	.product-name { grid-area: 1 / 1 / 2 / 2; margin-bottom: 20px; }
	.product-info { grid-area: 4 / 1 / 5 / 2; }
	.product-note { grid-area: 5 / 1 / 6 / 2; }
	.product-image { grid-area: 2 / 1 / 3 / 2; padding: 0px 10px; }
	.product-icons { grid-area: 3 / 1 / 4 / 2; }
	.zoom img { max-width: 550px; }
}
@media only screen and (max-width: 582px) {
	.zoom img { max-width: 100%; }
}

.product-price { margin: 30px 0px; }
#product-price-sum { color: #68707f; font-size: 24px; font-weight: 500; line-height: normal; }
#product-priceold { font-size: 11px; font-weight: 600; line-height: normal; line-height: 22px; }
#product-priceold-sum { color: #ea9ab3; font-style: italic; text-decoration: line-through; }
#product-priceold-percent { display: inline-block; margin-left: 10px; padding: 0px 5px; background-color: #ea9ab3; color: #fff; }

#product-info-stock { display: none; padding: 5px 10px; background-color: #ea9ab3; color: #fff; font-weight: 400; }

.product-dimensions p span,
#product-art { color: #68707f; font-weight: 600; }

.product-sel * { display: inline-block; margin: 0px 5px 5px 0px; padding: 0px 20px; background-color: #f9f9f9; color: #000; font-weight: 400; line-height: 40px; text-decoration: none; text-transform: lowercase; white-space: nowrap; }
.product-sel b { background-color: #e9e9e9; }
.product-sel a:hover { background-color: #e9e9e9; }
.product-sel b.disabled { color: #aaa; text-decoration: line-through; }
.product-sel a.disabled { color: #aaa; text-decoration: line-through; }

.product h2 { margin: 0; color: #757575; }
.product-info p { margin-top: 20px; }
.product-note h3 { margin: 30px 0px 5px; color: #68707f; font-size: 14px; text-transform: uppercase; }
.product-note > h3:first-child { margin-top: 0px; }
.product-note p { margin: 0; }

.product-points { margin: 20px 20px 0px; color: #68707f; }

.p-arch-no { display: inline-block; margin: 0px 0px 20px; padding: 10px; background-color: #ea9ab3; color: #fff; font-size: 14px; font-weight: 600; }

.product2basket{ display: inline-block; padding: 0px 50px; background-color: #ba0c2f; color: #fff; line-height: 36px; text-decoration: none; text-transform: uppercase; }
.product2basket:hover{ background-color: #8c0924; }
.product2basket.disabled { background-color: #e9e9e9; color: #ccc; text-decoration: line-through; }
.product2like { margin-left: 10px; }
.product2like img { width: 36px; height: 36px; padding: 6px; }

/* --- --- --- --- --- */

.fl000 { display: flex; flex-flow: row nowrap; align-items: center; }
.fl001 { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; }
.content49 { width: 49%; }
@media only screen and (max-width : 816px) { .content49 { width: 100%; } }

/* --- --- --- --- --- */

.tbl-size { border-collapse: collapse; width: 100%; margin: 20px auto; }
.tbl-size td { border: 1px solid #e9e9e9; padding: 2px 5px; text-align: center; }
.tbl-size th { border: 1px solid #e9e9e9; padding: 2px 5px; color: #8b008b; font-weight: 700; text-align: center; }
.tbl-size tr:nth-child(odd) { background-color: #fff; }
.tbl-size tr:nth-child(even) { background-color: #f9f9f9; }
.tbl-size tr:hover td { background-color: #e5e5e5; }

table.order07 { width: 100%; border-collapse: collapse; }
table.order07 th { margin: 0; padding: 10px; color: #104c4e; font-weight: 500; font-size: 12px; line-height: 18px; }
table.order07 td { border-top: 1px solid #eee; margin: 0; padding: 10px; color: #666666; font-weight: 300; font-size: 12px; line-height: 18px; }
@media all and (max-width: 768px) {
	table.order07 thead { display: none; }
	table.order07 tr { display: block; margin-bottom: 20px; padding: 5px 0px; }
	table.order07 td { display: block; padding: 5px 0px; text-align: right; }
	table.order07 td:first-child { border-top: 0; }
	table.order07 td:before { content: attr(data-label); float: left; color: #104c4e; }
}

.tbl-prop th,
.tbl-prop td { line-height: 25px; text-align: left; }
.tbl-prop th { color: #68707f; font-weight: 500; padding-right: 20px; }
.tbl-prop h3 { margin-top: 20px; }

.customs-mess { padding: 20px; background-color: #f7ffa3; margin-bottom: 20px; }
.mess002 { padding: 20px; background-color: #fecada; font-size: 14px; line-height: 24px; }
.mess003 { padding: 20px 20px; background-color: #f48a02; }
.mess003 a { color: #fff; }
.error { padding: 20px; background-color: #fecada; font-size: 14px; line-height: 24px; }

/* --- --- --- --- --- */

.my { position:relative; display: flex; flex-flow: row nowrap; align-items: center; border-bottom: 1px solid #e9e9e9; }
.my-fio { margin-right: auto; color: #67807f; font-size: 13px; font-weight: 600; line-height: 40px; }
.my ul { margin: 0; padding: 0; list-style: none; }
.my ul li { display: inline-block; margin: 0; padding: 0px 0px 0px 10px; line-height: 40px; }
.my ul li a { color: #67807f; font-size: 13px; font-weight: 500; text-decoration: none; }
.my ul li a:hover { text-decoration: underline; }
.my-button { display: none; width: 40px; height: 40px; padding: 15px 0px 0px 10px; background-color: #fff; cursor: pointer; }
.my-button span { display: block; width: 20px; height: 2px; background-color: #67807f; }
.my-button span + span { margin-top: 2px; }
@media all and (max-width: 864px) {
	.my ul { display: none; }
	.my ul li { padding: 0; }
	.my-button { display: block; }
	.my ul.open { position: absolute; top: 40px; z-index: 2; display: block; width: 100%; padding: 10px 20px; background-color: #f9f9f9; box-shadow: 3px 4px 5px 0px rgba(34, 60, 80, 0.2); }
	.my ul.open li { width: 100%; line-height: 30px; }
	.my ul.open li:not(:first-child) { border-top: 1px solid #eee; }
}

/* --- --- --- --- --- */

.delivery-block { position: relative; }
.delivery-block h3 { padding: 10px 20px 10px 40px; line-height: 30px; }
.delivery-block > h3 > a { display: block; color: #68707f; font-size: 12px; font-weight: 600; text-decoration: none; text-transform: uppercase; }
.delivery-block > h3 > a:before { content: ""; position: absolute; top: 15px; left: 10px; display: block; width: 20px; height: 20px; border: 2px solid #68707f; border-radius: 50%; }
.delivery-block-active h3 > a:before { background-color: #68707f; }
.delivery-block-data { padding: 20px 40px; background-color: #f9f9f9; }

.point { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 10px; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; line-height: 26px; }
.point p { margin: 0px 0px; padding: 0; line-height: 20px; }
.point span { font-size: 11px; }

/* --- --- --- --- --- */

.grd-item {
	display: grid;
	grid-template-areas:"image info1 info2 act price";
	grid-template-columns: min-content 1fr 1fr min-content min-content;
	padding: 20px 0px;
	border-bottom: 1px solid rgb(223, 223, 225);
	grid-gap: 24px 24px;
}
.grd-img { grid-area: image; width: 60px; height: 60px; }
.grd-img img { max-width: 100%; }
.grd-info1 { grid-area: info1; }
.grd-info2 { grid-area: info2; }
.grd-price { grid-area: price; color: #68707f; font-size: 16px; font-weight: 600; line-height: normal; text-align: right; }
.grd-act { grid-area: act; }
.grd-item p { margin: 0; padding: 0px 0px 10px; font-size: 16px; line-height: normal; }
.grd-item p b { text-transform: uppercase; }
.grd-item p.grd-art { color: #757575; }
.grd-item p.grd-color { font-size: 14px; }
.grd-price-strike { font-size: 12px; font-weight: 400; text-decoration: line-through; }
.grd-price-red { color: #d76565; font-size: 12px; font-weight: 400; }
@media only screen and (max-width : 896px) {
	.grd-item {
		grid-template-areas: "image info1 act price" "image info2 act price";
		grid-template-columns: min-content 1fr min-content min-content;
		grid-gap: 16px 16px;
	}
}
@media only screen and (max-width : 640px) {
	.grd-item {
		grid-template-areas: "image info1 act" "image info2 act" "image price act";
		grid-template-columns: min-content 1fr min-content;
		grid-gap: 8px 8px;
	}
	.grd-price { text-align: left; }
}
.grd-sum { padding: 20px 0px; color: #000; font-size: 18px; font-weight: 600; line-height: 30px; text-align: right; }
.grd-sum-grey { color: #666; font-size: 14px; }

/* --- --- MAIN --- --- --- */

.mgrid { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(4, auto); grid-gap: 10px 10px; margin-bottom: 40px; }
.mgrid01 { grid-area: 1 / 1 / 2 / 4; }
.mgrid02 { grid-area: 1 / 4 / 2 / 7; }
.mgrid03 { grid-area: 2 / 1 / 3 / 3; }
.mgrid04 { grid-area: 3 / 1 / 4 / 3; }
.mgrid05 { grid-area: 2 / 3 / 4 / 5; }
.mgrid06 { grid-area: 2 / 5 / 3 / 7; }
.mgrid07 { grid-area: 3 / 5 / 4 / 7; }
.mgrid08 { grid-area: 4 / 1 / 5 / 7; }
@media only screen and (max-width : 800px) {
	.mgrid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, auto); }
	.mgrid01 { grid-area: 1 / 1 / 2 / 2; }
	.mgrid02 { grid-area: 1 / 2 / 2 / 3; }
	.mgrid03 { grid-area: 2 / 1 / 3 / 2; }
	.mgrid04 { grid-area: 3 / 1 / 4 / 2; }
	.mgrid05 { grid-area: 2 / 2 / 4 / 3; }
	.mgrid06 { grid-area: 4 / 1 / 5 / 2; }
	.mgrid07 { grid-area: 4 / 2 / 5 / 3; }
	.mgrid08 { grid-area: 5 / 1 / 6 / 3; }
}
@media only screen and (max-width : 464px) {
	.mgrid { grid-template-columns: 1fr; grid-template-rows: repeat(8, auto); }
	.mgrid01 { grid-area: 1 / 1 / 2 / 2; }
	.mgrid02 { grid-area: 2 / 1 / 3 / 2; }
	.mgrid03 { grid-area: 3 / 1 / 4 / 2; }
	.mgrid04 { grid-area: 4 / 1 / 5 / 2; }
	.mgrid05 { grid-area: 5 / 1 / 6 / 2; }
	.mgrid06 { grid-area: 6 / 1 / 7 / 2; }
	.mgrid07 { grid-area: 7 / 1 / 8 / 2; }
	.mgrid08 { grid-area: 8 / 1 / 9 / 2; }
}

.textpromo { position: relative; }
.textpromo img{ max-width: 100%; }
.textpromo a { text-decoration: none; }
.textpromo .subtext { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; background-color: rgba(255,255,255,0.85); color: #67807f; text-align: center; }
.textpromo .subtext b { font-weight: 700; text-transform: uppercase; }
.textpromo:hover .subtext { background-color: rgba(255,255,255,0.95); color: #000; }
@media only screen and (max-width : 672px) { .textpromo .subtext { position: unset; } }

h2.micons-title { position: relative; margin: 40px 0px 0px; color: #e995af; font-size: 14px; font-weight: 500; letter-spacing: 2px; text-align: center; text-transform: uppercase; }
h2.micons-title:before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; margin-top: -1px; background: #e9e9e9; }
h2.micons-title span { position: relative; z-index: 2; display: inline-block; padding: 0 25px; background: #fff; vertical-align: top; }
.micons{ display: flex; flex-flow: row wrap; justify-content: space-between; margin: 20px 0px 0px; }
.micons img{ max-width: 100%; }
.micons span { position: absolute; top: 10px; left: 10px; display: inline-block; padding: 10px 20px; background-color: rgba(255,255,255,0.5); color: #000; font-size: 16px; font-weight: 600; }
.micons-icon { width: 25%; margin: 20px 0px; padding: 0px 20px; text-align: center; }
.micons-icon img { margin-bottom: 10px; }
.micons-icon h3 { margin: 5px 0px; padding: 0; color: #68707f; font-size: 14px; font-weight: 600; line-height: 20px; }
.micons-icon p { margin: 5px 0px; padding: 0; color: #000; font-size: 10px; font-weight: 400; line-height: 20px; text-transform: uppercase; }
@media only screen and (max-width : 672px) { .micons-icon { width: 50%; } }

/* --- --- MAIN --- --- --- */