.antispam { display:none; }
.b-ovr, .l-ovr { position: absolute; top: 5px; left: 5px; background:red; color:white; padding: 0px 3px 2px 3px; border-radius: 6px; font-weight:bold; font-size:12px; }
/*.l-ovr { position: absolute; top: 5px; right: 5px; background:green; color:white; padding: 0px 3px 2px 3px; border-radius: 6px; font-weight:bold; font-size:12px; }*/
.l-ovr {  background: green; }
.r-ovr { position: absolute; top: 5px; right: 5px; width:23px; height:23px; border-radius: 15px; background: url("/resources/images/wrench-svg.svg?ver=1") white center center no-repeat; }
.c-ovr { position: absolute; top: 2px; right: 20px; background:#005ba2; color:white; padding: 0px 3px 2px 3px; border-radius: 10px; font-weight:bold; font-size:10px; }
.f-ovr { position: absolute; top: 2px; right: 31px; width:20px; text-align:center; background: black; color:white; padding: 0px 3px 2px 3px; border-radius: 10px; font-weight:bold; font-size:10px; }

/*
@font-face {
  font-family: "rotonda";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/rotonda-normal.ttf") format("ttf");
}

#menu a {
  font-family: "rotonda", "arial";
  font-size:110%;
}
*/

/* всегда показывать стрелки вверх/вниз на type=number */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; }

#menu .nav-link.active,
#menu .dropdown.nav-item.active .nav-link {
  background: #ff7e00;
  border-radius: 10px;
  -moz-border-radius: 10px;
  vertical-align:bottom !important;
  margin-top:.5rem;
  padding-top:0px;
  padding-bottom:0px;
}

#menu .dropdown.nav-item.active .nav-link{
  color: white;
}

#menu .dropdown-menu .active{
  color: white;
  background: #005ca2 !important;
}

.form-control::placeholder { color:#777; }

.licon {
  background: url("/resources/images/elocations.svg") transparent left center no-repeat;
  display: inline-block;
  background-size: 20px 20px;
  padding-left:25px;
}

.esearch, .ereset {
  background: url("/resources/images/esearch.svg") transparent left center no-repeat;
  display: inline-block;
  background-size: 24px 24px;
  width:40px;
  fill:#fafafa;
  height:40px;
  filter: invert(70%);
}

.ereset {
  background: url("/resources/images/ereset.svg") transparent left center no-repeat;
  background-size: 24px 24px;
}

.nophoto {
	background: url("/resources/images/nophoto.svg") transparent center center no-repeat;
	opacity: 0.25;
}

.carticon {
	background: url("/resources/images/shopping-cart.svg") transparent left center no-repeat;
	fill:#000;
  	filter: invert(100%);
  	width:25px;
  	height:25px;
  	display:inline;
  	float:left;
}

.esearch:hover, .ereset:hover { filter: invert(30%); }

a.elogo {
	padding:2px 0px 0px 0px !important;
	margin:0px;
	background: url("/template/images/logoeksion.png") transparent left center no-repeat;
	/*background-size: 30px 30px;*/
}

.bdot {  border-bottom:1px dotted #ccc; }

#city { order:1; }
#menu { order:2; }
#hotline { order:3; }

.choosen { font-weight:bold; }
.isgoy { display: none; }
.isg h5 a{ font-weight:normal; color: #555; }

/*interesting items carousel*/
#item-carousel-indicators { position: static; margin-left:0px; margin-right:0px; }
#item-carousel-indicators button, #item-carousel-indicators #YD1 a { background: #fafafa; height:100px; width: 100px; margin:0 !important; }

/* aspect 1:1 trick & blur bg */
.aspect100 { width:100%; position:relative; display: inline-block; }
.aspect100 .dummy { margin-top: 100%; }
.aspect100 .element { position: absolute; top: 0; bottom: 0; left: 0; right: 0; vertical-align: middle; }
.aspect100 .blurbg { position: absolute; display: block; top: 0; left: 0; right: 0; bottom:0; filter: blur(10px); opacity: 0.6; }
.aspect100 .element img { position: absolute; top: 0;  left: 0; bottom: 0; right: 0; display: block; margin: auto; max-width: 100%; max-height: 100%; display:block; }

#catalog .card-columns { column-count: 4 !important; }

@media screen and (max-width: 1200px) {
	a.elogo { font-size:28px; background-size: 24px 24px; padding-left:28px !important; }
	#menu { order:1 !important; }
	#city { order:2 !important; }
	#hotline { order:3 !important; }
/*.footer { position: fixed; bottom: 0; z-index: 10; }*/
}

.blur { filter: blur(20px); }

/*column counts for carousel*/

@media (min-width: 768px) and (max-width: 1023px) {	#card-columns {  column-count: 2; } }
@media (min-width: 1024px) and (max-width: 1599px) { #card-columns {  column-count: 4; } }
@media (min-width: 1600px){	#card-columns {  column-count: 4; } }

/*catalog icons*/
.sicon { width:25px; height:25px; display: inline-block; padding:0; margin-right:5px; position:relative; top:4px; }
#avtotovary, #aksessuary, #audiotehnika, #bytovaya-tehnika, #igry-i-pristavki, #instrument, #kompyuternaya-tehnika, #krasota-i-zdorove, #lichnye-veshchi, #novye-tovary, #noutbuki, #odejda, #ofisnaya-tehnika,
#planshety, #sim-karty, #sozdanie-muzyki, #sotovye-telefony, #tv-i-video, #tovary-18, #tovary-dlya-detey, #tovary-dlya-doma, #umnye-chasy-i-braslety, #foto-i-videotehnika, #hobbi-i-otdyh, #tovary-dlya-kuhni,
#aksessuary-bu, #naruchnye-i-umnye-chasy, #yuvelirnye-izdeliya, #izdeliya-iz-serebra {
	background: url("/template/images/category.png?ver=8") transparent no-repeat;
}
#avtotovary { background-position: 0 0; }
#aksessuary { background-position: -25px 0; }
#audiotehnika { background-position: -25px 0; }
#bytovaya-tehnika { background-position: -75px 0; }
#igry-i-pristavki { background-position: -100px 0; }
#instrument { background-position: -125px 0; }
#kompyuternaya-tehnika { background-position: -150px 0; }
#krasota-i-zdorove { background-position: -175px 0; }
#lichnye-veshchi, #naruchnye-i-umnye-chasy { background-position: -200px 0; }
#novye-tovary { background-position: -225px 0;  }
#izdeliya-iz-serebra  { background-position: -225px 3px;  }
 #noutbuki { background-position: -250px 0; }
#odejda { background-position: -275px 0; }
#ofisnaya-tehnika { background-position: -300px 0; }
#planshety { background-position: -325px 0; }
#sim-karty { background-position: -350px 0; }
#sozdanie-muzyki { background-position: -375px 0; }
#sotovye-telefony { background-position: -400px 0; }
#tv-i-video { background-position: -425px 0; }
#tovary-18 { background-position: -450px 0; }
#tovary-dlya-detey { background-position: -475px 0; }
#tovary-dlya-doma { background-position: -500px 0; }
#umnye-chasy-i-braslety { background-position: -525px 0; }
#foto-i-videotehnika { background-position: -550px 0; }
#hobbi-i-otdyh {  background-position: -575px 0; }
#tovary-dlya-kuhni {  background-position: -600px 0; }
#aksessuary-bu { background-position: -625px 0; }
#yuvelirnye-izdeliya { background-position: -650px 0; }

/* Checkout styles */
.cocards:hover { box-shadow: 0 5px 10px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06); }
.cocards:focus { background: blue; }

.nav-item .light { background: yellow; color: blue !important; }

.footerlink { display:block; text-decoration: none; color: #333; }

.first-image, .rotate-image {
	  right: 9px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    z-index: 999;
    background: transparent;
}

.rotate-image { right:40px; }

.numberCircle {
  width: 60px;
  height: 60px;
  line-height: 54px;
  border-radius: 50%;
  text-align: center;
  font-size: 32px;
  border: 2px solid white;
  background: #005da3;
  color: white;
  font-weight: bold;
  float:left; margin-right:20px;
}

.card-cart, .card-condition, .card-work, .card-compare {
	  right: 9px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-75%);
    z-index: var(--cardOffset-favorite);
    background: white;
}

.card-cart a { width:32px; height:32px; }
.card-work { left:5px; }
.card-compare { right:43px; }
.card-condition:hover, .card-work:hover, .card-compare, .icon-cartsaled:hover { cursor:pointer; }

.icon-cart, .icon-compare, .icon-comparefill, .icon-info, .icon-bstar, .icon-cartsaled, .icon-cartfill, .icon-star, .icon-rotate, .icon-starfill, .icon-like, .icon-likeactive, .icon-work { width:32px; height:32px; background-size: 20px 20px !important; }
.icon-info { filter: invert(32%) sepia(51%) saturate(6698%) hue-rotate(212deg) brightness(103%) contrast(97%); background: url("/resources/images/info.svg") transparent center center no-repeat;  }
.icon-bstar { filter: invert(32%) sepia(51%) saturate(6698%) hue-rotate(212deg) brightness(103%) contrast(97%); background: url("/resources/icons/bookmark-star.svg") transparent center center no-repeat;  }

.p-eye, .f-eye { width:20px; height:20px; background-size: 20px 20px !important; background: url("/resources/images/eye.svg") transparent center center no-repeat; }
.f-eye { background: url("/resources/images/eye-fill.svg") transparent center center no-repeat; }

.icon-list, .icon-grid { display:inline-block; width:32px; height:32px; background-size: 32px 32px !important; background: url("/resources/images/grid-3x3-gap.svg") transparent center center no-repeat; }
.icon-list { margin-left:10px;  background-size: 38px 38px !important; background: url("/resources/images/list-task.svg") transparent center center no-repeat; }
.icon-list:hover, .icon-grid:hover { filter: invert(20%) sepia(98%) saturate(7070%) hue-rotate(358deg) brightness(101%) contrast(116%); }
.icon-list.active, .icon-grid.active { filter: invert(47%) sepia(65%) saturate(538%) hue-rotate(58deg) brightness(92%) contrast(81%); }

.icon-work { background: url("/resources/images/wrench-svg.svg?ver=1") transparent center center no-repeat; }
.icon-like { background: url("/resources/images/heart.svg") transparent center center no-repeat; }
.icon-like:hover { filter: invert(20%) sepia(98%) saturate(7070%) hue-rotate(358deg) brightness(101%) contrast(116%); cursor: pointer; }
.icon-likeactive {  background: url("/resources/images/heart-fill.svg") transparent center center no-repeat; }
.icon-likeactive:hover { cursor: pointer; }

.icon-cart { background: url("/resources/images/cart.svg") transparent center center no-repeat; }
.icon-cart:hover { filter: invert(22%) sepia(98%) saturate(1715%) hue-rotate(188deg) brightness(90%) contrast(102%); cursor: pointer; }
.icon-cartfill { filter: invert(22%) sepia(98%) saturate(1715%) hue-rotate(188deg) brightness(90%) contrast(102%); background: url("/resources/images/cartfill.svg") transparent center center no-repeat; }
.icon-cartsaled { background: url("/resources/images/cart-x-fill.svg") transparent center center no-repeat; } 

.icon-compare { background: url("/resources/images/barch.svg") transparent center center no-repeat; }
.icon-compare:hover { filter: invert(22%) sepia(98%) saturate(1715%) hue-rotate(188deg) brightness(90%) contrast(102%); cursor: pointer; }
.icon-comparefill { filter: invert(22%) sepia(98%) saturate(1715%) hue-rotate(188deg) brightness(90%) contrast(102%); background: url("/resources/images/bar-chart-fill.svg") transparent center center no-repeat; }

.icon-starfill { background: url("/resources/images/star-fill.svg") transparent center center no-repeat; }
.icon-star { background: url("/resources/images/star.svg") transparent center center no-repeat; }
.icon-rotate { background: url("/resources/images/rotate.svg") transparent center center no-repeat; }

.icon-cartcond1, .icon-cartcond2, .icon-cartcond3 { width:32px; height:32px; background-size: 139px 24px !important; background: url("/resources/images/conditions.png") center center no-repeat; }
.icon-cartcond1 { background-position: -111px 4px !important; }
.icon-cartcond2 { background-position: -83px 4px !important; }
.icon-cartcond3 { background-position: -54px 4px !important; }

/*disable datalist triangle*/
input[list="ssfdata"]::-webkit-calendar-picker-indicator { display: none !important; }
input[list="citydata"]::-webkit-calendar-picker-indicator { display: none !important; overflow: hidden;}

#dorder { line-height: 32px; width:32px; height:32px; background-size: 25px 25px !important; padding-right: 30px; font-size:18px; }
#dorder.desc { background: url("/resources/images/chevron-double-down.svg") transparent right bottom no-repeat;  }
#dorder.asc { background: url("/resources/images/chevron-double-up.svg") transparent right bottom no-repeat;  }
#lconfig { width:32px; height:32px; background: url("/resources/icons/gear-fill.svg") transparent center center no-repeat;  }

.header-cookie-notification { position: fixed; bottom: 76px; width: 328px; left: 50%; display: flex; justify-content: space-between; background-color: #333;
    color: #fff; border-radius: 12px; z-index: 200; font-size: 14px; line-height: 20px; }

.header-cookie-notification__btn { padding-left: 16px; padding-right: 16px; display: flex; justify-content: flex-end; align-items: center; color: white; cursor: pointer; text-decoration: underline;}

.btn_h5 { width:100%; text-align:left; font-size: 1.25rem; padding: 0px; margin:0px; font-weight: 500; line-height: 1.2; border:1px solid white; font-family: "Segoe UI" }
.btn_h5:hover { background:#f1f1f1;  border-bottom:1px solid #cacaca; border-top:1px solid #cacaca; }
.btn_h5:has(:hover) {  }
.btn_h5:has(a:hover) { color:red; }