@font-face{font-family:'Google Sans';src:url('/fonts/GoogleSans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'BPG Arial Caps';src:url('../fonts/bpg-arial-caps-webfont.eot');src:url('../fonts/bpg-arial-caps-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/bpg-arial-caps-webfont.woff2') format('woff2'),url('../fonts/bpg-arial-caps-webfont.woff') format('woff'),url('../fonts/bpg-arial-caps-webfont.ttf') format('truetype'),url('../fonts/bpg-arial-caps-webfont.svg#bpg_arial_capsregular') format('svg')}

:root{
    --primary-red:var(--tpl-accent-blue);
    --dark-grey:#232528;
    --text-grey:#2a2a2a;
    --max-w:1540px;
    --border-st: 2px;
    }

@media (max-width:1020px){.sidebar{display:none}}
.main-header{background-color:var(--tpl-accent-blue);color:#fff;width:100%;position:relative;z-index:1000}
.catalog-menu,.categories-btn{background:#fff;border-radius:var(--border-st)}.containerTop{max-width:1540px;margin:0 auto;padding: 0 0px;display:flex;align-items:center;height:70px}
.cat-wrapper{position:relative;margin-right:20px}.categories-btn{min-width:350px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding: 10px 20px;color:#000;font-family:'BPG Arial Caps';font-size:14px}
.catalog-menu{display:none;position:absolute;top: calc(100% + 17px);left:0;width:350px;min-height: 430px;list-style:none;padding:10px;margin:0;box-shadow:0 10px 25px rgba(0,0,0,.1);z-index:1100}
.catalog-menu.open {display: block !important;margin-top: 20px;}
.catalog-menu li { position: relative; border-bottom: 1px dashed #ededed; padding: 12px 16px;}
.catalog-menu li li:last-child {border-bottom: none;}
.catalog-menu li:last-child, .user-features li:last-child { border-bottom: none; }
.catalog-menu li a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#333;font-size:14px;transition:.3s;font-family:'BPG Arial Caps'}
.catalog-menu li a:hover{padding-left:10px}
.sub-menu{display:none;position:absolute;top:0;left:100%;width:250px;background:#fff;list-style:none;padding:10px;box-shadow:5px 5px 15px rgba(0,0,0,.1);border-radius:var(--border-st)}
@media (min-width:1025px){.has-sub:hover>.sub-menu{display:block}}
@media (max-width:1024px){.has-sub.open>.sub-menu{display:block!important;position:static;width:100%;box-shadow:none;padding-left:20px;border-top:1px solid #eee}
  .has-sub.open>a i{transform:rotate(90deg);transition:.3s}}
.extra-category.hidden{display:none!important}
.all a{color:var(--tpl-accent-blue)!important;font-weight:700;cursor:pointer}
.nav-menu {flex-grow: 1;cursor: pointer;margin-left: 15px;}
.nav-menu ul {display: flex;list-style: none;gap: 20px;margin: 0;padding: 0;}
.nav-menu a {color: white;text-decoration: none;font-size: 15px;font-family: 'BPG Arial Caps';padding: 12px 8px;}
.nav-menu li i {padding-right:6px;}
.header-actions { display: flex; align-items: center; gap: 25px; }
.action-item { position: relative; cursor: pointer; display: flex;gap: 20px;color: #fff; }
.action-icon,.sms-icon{font-size:20px;color:#fff}
.sms-icon,.sms-link{display:inline-block}
.sms-link{position:relative;text-decoration:none}
.sms-link span{visibility:hidden;width:120px;background-color:#7cbc42;color:#fff;text-align:center;border-radius:6px;padding:4px 10px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;font-size:12px}
.sms-link span::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#7cbc42 transparent transparent}
.sms-link:hover span{visibility:visible;opacity:1}
.sms-icon{animation:1.5s ease-in-out infinite sms-color-fade}
@keyframes sms-color-fade{0%,100%{color:#fff}50%{color:#7cbc42}}

.profile-dropdown{display:none;position:absolute;top:calc(100% + 15px);right:0;min-width:200px;background:#fff;border-radius:var(--border-st);box-shadow:0 10px 25px rgb(0 0 0 / 10%);list-style:none;padding:10px 0}
.profile-dropdown.open{display:block!important;pointer-events:auto;top:calc(50% + (1em * 1.4)/ 2 + 10px);transition:top var(--tpl-transition);visibility:visible;top: 50px;left: auto;right: -50px;z-index: 9;}
.profile-dropdown a{color:#333;padding:10px 20px;display:block;text-decoration:none;font-size:14px}
.cart-count{position:absolute;top:-8px;right:-10px;background:#fc0;color:#000;font-size:11px;width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}
.mobile-only-wrapper{display:none}
@media (max-width:1024px){
.containerTop{height:auto!important;padding:15px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important}
.cat-wrapper{width:100%!important;order:1!important;margin-right:0!important;margin-bottom:12px!important}
.cat-wrapper .categories-btn{width:100%!important;box-sizing:border-box!important}
.mobile-only-wrapper{display:block!important;order:2!important;width:auto!important;margin:0!important}
.mobile-only-wrapper .categories-btn{min-width: 120px!important;padding:8px 15px!important;}
.header-actions{display:flex!important;order:3!important;width:auto!important;gap:15px!important;margin-left:auto!important}
.action-icon{font-size:22px!important}
.nav-menu{display:none!important}
.catalog-menu{width:100%!important;position:absolute!important;top: 75%!important;left:0!important}
.catalog-menu li i{color:var(--tpl-accent-blue);padding-right:10px}
}
.profile-dropdown{position:absolute;left:50%;transform:translateX(-65%);right:auto;width:90%;max-width:300px}
.top-bar-container{max-width:1540px;margin: 20px auto;padding:0 15px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.logo img{max-height:60px;display:block}.search-box{flex-grow:1;max-width: 800px;}
.search-box form{display:flex;position:relative}
.search-box input{width:100%;padding:12px 20px;border:none;border-bottom:2px solid var(--tpl-accent-blue);border-radius:0;outline:0;font-size:14px}
.search-box button{position:absolute;right:5px;top:5px;background: #ffffff;color: var(--tpl-accent-blue);border:none;width: 38px;height: 38px;line-height: 18px;padding: 3px;font-weight: bold;cursor:pointer;transition:.3s}
.search-box button:hover{color: var(--tpl-accent-blue-dark);}
.contact-info{display:flex;align-items:center;gap:10px;font-weight:700;color:#333;font-size:16px;white-space:nowrap}
.contact-info i{color:var(--tpl-accent-blue);font-size:20px}
@media (max-width:1024px){
.top-bar-container{flex-direction:column;gap:15px;text-align:center}
.search-box{width:100%;max-width:none;order:3}
.logo{order: 3;}
.contact-info{order:2;position: absolute;top: 5px;right: 5px;}
}
.katwaakbc{--columns:17;display:grid;grid-gap:8px;grid-template-columns:repeat(var(--columns),[col] 1fr);grid-template-rows:repeat(2,[row] 90px);}
.katwaakbc .katwaakbclist{background: #ffffff;display:block;position:relative;border-radius:var(--border-st);overflow:hidden;padding:10px 14px;cursor:pointer;text-decoration:none;color:#000;font-family:'BPG Arial Caps'}
.katwaakbc .katwaakbclist:hover{background: #ffffff;}
.katwaakbc p{white-space:pre-wrap}
.katwaakbc img{position:absolute;bottom:0;right:0;z-index:1;height:100%}
.katwaakbc3{grid-column:span 3}.katwaakbc2{grid-column:span 2}
@media screen and (max-width: 900px){
.katwaakbc { --columns: 18;grid-template-rows: repeat(5, [row] 90px);}
.katwaakbc3 {grid-column: span 8;}
.katwaakbc2 {grid-column: span 5;}
.katwaakbc4 {grid-column: span 9;}
}
@media screen and (max-width: 600px){
.katwaakbc { --columns: 18;grid-template-rows: repeat(7, [row] 90px);}
.katwaakbc3 {grid-column: span 9;}
.katwaakbc2 {grid-column: span 9;}
.katwaakbc4 {grid-column: span 9;}
}
@media screen and (max-width: 400px){
.katwaakbc { --columns: 1;grid-template-rows: repeat(14, [row] 90px);}
.katwaakbc3 {grid-column: span 1;}
.katwaakbc2 {grid-column: span 1;}
.katwaakbc4 {grid-column: span 1;}
}
.pretty-header{font-size:22px;font-family:'BPG Arial Caps';font-weight:400;line-height:22px;margin:40px 0!important;position:relative;overflow:hidden}
.search-container{display:flex;align-items:center;background:#fff;border-radius:50px;padding:4px 6px;box-shadow:0 4px 10px rgba(0,0,0,.1);max-width:630px;width:100%;border:1px solid #f0f0f5;box-sizing:border-box;overflow:hidden}
.search-container form{display:flex;width:100%;align-items:center;justify-content:space-between;margin:0;white-space:nowrap}
.search-input{flex:1;border:none!important;outline:0!important;background:0 0;padding:4px 15px;font-size:14px;color:#4b4b4b;min-width:0}
.search-button{background:var(--tpl-accent-blue);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;flex-shrink:0;margin-left:5px;padding:0}
.search-button:hover{background:#ca1818}
@media (max-width: 480px) {
.search-container {max-width: 100%;}
.search-input {font-size: 14px;}
}
.badge-new,.wishlist-btn-wrapper{position:absolute;/* top:12px; */z-index:2}
.my-custom-card{border-radius:var(--border-st)!important;/* border:none!important; */overflow:hidden!important;transition:transform .3s!important;box-shadow: 0 10px 30px rgb(0 0 0 / 0%)!important;border: 1px solid #eee!important;border-radius: var(--border-st)!important;}
.my-custom-card .product-pictures{height:215px!important;position:relative!important;margin-top:5px}
.my-custom-card .product-img{width:100%!important;height:100%!important;object-fit:cover!important}
.badge-new{right: 0;z-index: 9;background: #f30f0e;color:#fff;padding:4px 12px;border-radius: var(--border-st);font-size: 14px;font-weight: bold;letter-spacing: 1px;margin: 10px 10px;}
.wishlist-btn-wrapper{/* right:12px; */}
.wishlist-btn-wrapper a{background:#fff!important;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,.1)}
.product-content{padding:1px!important;text-align:left!important}
.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.product-card-title{font-size:17px!important;font-weight:700!important;color:#34495e!important;text-decoration:none!important;line-height:1.3!important;/* height:44px; */overflow:hidden}
.price-text{color:#536dfe!important;font-weight:800!important;font-size:19px!important;white-space:nowrap}
.category-tag{border-radius:20px;margin: 0px 0 10px;font-weight:500;font-size:12px;color:#34495e;text-transform:uppercase;letter-spacing:1px}
.product-description{color:#666!important;font-size:13px!important;line-height:1.4!important;height:36px;overflow:hidden;margin:5px 0 12px}
.stars-gold{color:#ff9800!important;font-size:13px!important}
.reads-count{color:#999;font-size:12px}
.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;padding-top:12px;}
.action-icons,.icon-circle{display:flex;align-items:center}
.action-icons{gap:10px}.icon-circle{background:#f0f2ff!important;width:36px;height:36px;border-radius:50%;justify-content:center;color:#536dfe!important;text-decoration:none}
.buy-button-container .shop-basket,.buy-button-container a{background:#536dfe!important;color:#fff!important;padding:10px 22px!important;border-radius:12px!important;font-weight:700!important;font-size:12px!important;text-decoration:none!important;display:flex!important;align-items:center;gap:8px}
.mySwiper .swiper-wrapper{display:flex!important}
.swiper-container{width:100%;height:auto;padding:20px 0 40px;overflow:hidden;position:relative}
.swiper-button-next,.swiper-button-prev{color:#536dfe!important;transform:scale(.7)}
.swiper-pagination-bullet-active{background:#536dfe!important}
:where(.goods-box) .mySwiper .swiper-wrapper{display:flex!important;grid-template-columns:none!important;gap:0!important}
.pretty-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.slider-controls{display:flex;gap:10px}
.swiper-button-next-custom,.swiper-button-prev-custom{width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50px;font-size:14px;transition:.3s}
.swiper-button-prev-custom{background:#34495e;color:#fff}
.swiper-button-next-custom{background:var(--tpl-accent-blue);color:#fff}
.swiper-button-next-custom:hover,.swiper-button-prev-custom:hover{opacity:.8}
.mySwiper .swiper-slide{height:auto;display:flex;justify-content:center}
.my-custom-card{width:100%!important;margin:0!important}
span.newprice{font-size:23px;color:var(--tpl-accent-blue);font-weight:700}
a.basket-linkss{display:block;text-align:center;line-height:44px;background-color:var(--tpl-accent-blue);color:#fff;border-radius:54px;height:44px;width:44px;transition:.3s;box-shadow:0 0 0 0 rgba(83,109,254,.5)}
.layout :is(.basket,.basket-link):hover,a.basket-linkss:hover{transform:scale(1.05);background-color:var(--tpl-accent-blue);animation:1.5s infinite ring}
@keyframes ring{0%{box-shadow:0 0 0 0 #ed9c98}70%{box-shadow:0 0 0 15px rgba(83,109,254,0)}100%{box-shadow:0 0 0 0 rgba(83,109,254,0)}}
.pretty-h{width:93%}
.uc-container{display:flex;flex-wrap:wrap;width:100%!important;margin:0 auto;box-sizing:border-box;justify-content:space-between;align-items:flex-start;align-content:flex-start}
.uc-card-modern,.uc-item{position:relative;display:flex}
.uc-item{width:31%!important;margin-bottom:1%;box-sizing:border-box;flex-direction:column}
@media screen and (max-width:768px){
.uc-item{width:100%!important;margin-bottom: 15px;}
.uc-container{padding:2px!important}
}
.uc-card-modern{background:#fff;margin:0 auto;padding:0;box-shadow:0 10px 30px rgba(0,0,0,.08);max-width:850px;border-radius:var(--border-st)}
.uc-card-image{flex:0 0 45%;display:flex;align-items:center;justify-content:center;min-height:220px;border-radius:12px;padding-left: 15px;z-index:2}
.uc-card-image img{max-width:100%;height:auto;object-fit:contain;border-radius:var(--border-st)}
.uc-card-body{flex:1;padding: 30px 10px 30px 15px;display:flex;flex-direction:column}
.uc-card-header{display:flex;justify-content:space-between;align-items:flex-start}
.uc-card-title{font-size:17px;margin:0;font-weight:700;color:#2c3e50}
.uc-card-desc-label{font-size:12px;color:#34495e;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}
.rating-line{display:flex;align-items:center;gap:10px;font-size:13px;justify-content: space-between;margin-top: 20px;margin-bottom: 15px;}
.stars-gold{color:#f1c40f}
.reads-count{color:#7f8c8d}
.uc-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid #f1f1f1}
.price-sale{display:flex;flex-direction:column}
.newprice{font-size:22px;font-weight:800;color:#2ecc71}
.oldprice{font-size:14px;color:#34495e;text-decoration:line-through}
.basket-cont .basket-linkss{background:#34495e;color:#fff!important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;text-decoration:none}
.chatico::after,.chatico::before{content:"";width:calc(100% + 30px);height:calc(100% + 30px);position:absolute}
.basket-cont .basket-linkss:hover{background:var(--tpl-accent-blue);transform:scale(1.1)}
.basket-cont img{vertical-align:middle;cursor:pointer;transition:.3s}
.basket-cont img:hover{transform:scale(1.2)}
@media screen and (max-width:768px){
    .uc-card-modern{flex-direction:column;margin:40px 15px 20px}
    .uc-card-image{margin:-50px auto 0;width:85%;flex:none;padding-left: 0;}
    .uc-card-body{padding:20px;text-align:center}
    .uc-card-header{flex-direction:column;align-items:center;gap:5px}
    .uc-card-footer{flex-direction:column;gap:15px}
    .rating-line{justify-content:center}
}
.chatico::after,.chatico::before,.pulse::after,.pulse::before{content:"";position:absolute;width:calc(100% + 30px);height:calc(100% + 30px)}
.cart-wrapper{display:flex;gap:25px}
@keyframes shake{0%,100%,50%{transform:rotate(0)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}}
@keyframes pulse-soft{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.contact-info{display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:.3s}
#close-button,.chatico{justify-content:center;display:flex;cursor:pointer}
.contact-info i{color:var(--tpl-accent-blue);animation:2s ease-in-out infinite shake}
.contact-info:hover i{animation:.5s linear infinite shake}
.contact-info span{font-weight:700;color:inherit}
.chatico i{color:#fff;line-height:38px;font-size:30px}
.chatico a,.pulse i{color:#fff}
.chatico{position:fixed;bottom:45px;right:24px;z-index:998;height:45px;width:45px;background:#00c6ff;background:linear-gradient(to right,#5c9ffa,#5c9ffa);border-radius:50%;align-items:center;margin:2px;box-shadow:0 2px 2px 0 rgb(153 153 153 / 50%),inset 0 -3px 6px -2px rgb(78 78 78 / 30%)}
.chatico span{font-size:14px;padding:10px;background:#5c9ffa;color:#fff;border-radius:5px;position:absolute;bottom:-10px;right:60px;width:280px;opacity:0;transition:opacity .5s ease-in-out;box-shadow:0 0 10px rgba(0,0,0,.1)}
.slist,.slist a,.tops a,.tops i{color:#7a7a7a}
.chatico span::after{content:"";position:absolute;width:0;height:0;margin-left:0;top:45px;right:-20px;box-sizing:border-box;border-width:.8em;border-style:solid;border-image:initial;border-color:transparent transparent #5c9ffa #5c9ffa;transform-origin:0px 0px;transform:rotate(225deg);border-radius:var(--border-st)}
.chatico::before{border:1px solid #5c9cf4;border-radius:50%;animation:1s linear infinite pulse}
.chatico::after{border:1px solid #5c9cf4;border-radius:50%;animation:1s linear .3s infinite pulse}
.chatico span.show{display:block;opacity:1}
.chatico span img{vertical-align:-4px}#close-button{position:absolute;top:5px;right:5px;background:0 0;color:#fff;border:none;font-size:20px;width:35px;background:#1d72de3d}
.pulse{height:30px;width:30px;background-color:#8bc34a;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;font-size:8px;margin:2px;cursor:pointer}
.slist,.slist a,.tops,.tops i{font-size:12px}
.pulse::before{border:1px solid #8bc34a;border-radius:50%;animation:1s linear infinite pulse}
.pulse::after{border:1px solid #8bc34a;border-radius:50%;animation:1s linear .3s infinite pulse}
@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1);opacity:1}100%{transform:scale(1.3);opacity:0}}
.tops{padding-top:10px;padding-bottom:10px;text-align:center;background: #ffffff;line-height:12px;border-bottom:1px solid #ededed}
.flist-item,.slist{background: #ffffff;border-radius:var(--border-st)}.tops a{transition:.3s}
.tops a:hover{color:#212121}
.tops i{margin:0 10px}
.la-arrow-right:before{content:"\f061"}
.slist{display:flex;align-items:center;gap:5px;padding:10px;margin-bottom:20px;justify-content:flex-start;width:fit-content}
.filter-sort-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}
.filter-side,.sort-side{flex:1}
.sort-side{flex:1;display:flex;justify-content:flex-end}
@media (max-width:768px){.filter-sort-wrapper{flex-direction:column;width:100%!important;padding:0;gap:10px}
    .filter-side,.sort-side{width:100%!important;display:block}.sort-side{justify-content:flex-start}
    .flist-item,.slist{width:100%!important;box-sizing:border-box}}
.slist a{text-decoration:none;background: #f3f4f6;padding:6px 12px;border-radius:var(--border-st);transition:.3s}
.slist a:hover{background:#f5f5f6;color:#575757}
.slist a.active{/* background-color:#ed9c9830; */color:#575757!important}
.flist-label,.flist-values a,.flist-values span.active{color:#7a7a7a;font-size:12px;margin-right:5px}
.slist *{font-size:12px}.flist-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;margin-bottom:15px;width:fit-content}
.flist-values{font-size:0}
.flist-values a,.flist-values span.active{display:inline-block;text-decoration:none;background:#fff;padding:6px 14px;border-radius:16px;transition:.3s;cursor:pointer}
.informer-img img,.informer-item{background: #ffffff;border-radius:var(--border-st)}
.forumDescr{color:#b0b0b0;font-size:10px;margin-left:3px}
.flist-values a:hover{background:#fff;color:#333;box-shadow:0 2px 5px rgba(0,0,0,.05)}
.flist-values a.active,.flist-values span.active{background-color:var(--tpl-accent-blue)!important;color:#fff!important}
.flist-values span.active .forumDescr{color:#f5f5f6}
.filter-sort-wrapper{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:10px 0}
.informer-item{display:flex;align-items:center;gap:15px;padding:10px;margin-bottom:10px}
.informer-img img{width:80px;height:80px;object-fit:cover}
.informer-info{display:flex;gap:5px;flex-direction:column;justify-content:flex-start}
.informer-title{font-size:14px;color:#444;text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700}
.informer-title:hover{color:#000}.informer-price{font-size:18px;font-weight:700;color:var(--tpl-accent-blue)}
.pmore{display:flex;justify-content:space-between;align-items:center;margin-top:20px}
@media (max-width:768px){.filter-sort-wrapper{flex-direction:column;align-items:flex-start}.filter-side,.sort-side{width:100%}.pmore{display:flex;justify-content:space-between;align-items:flex-start;margin-top:20px;flex-direction:column;gap:15px}}
.banner{position:relative;overflow:hidden;cursor:pointer;width:100%;line-height:0}
.banner img{width:100%;height:auto;transition:transform .5s,filter .5s;display:block}
.banner:hover img{transform:scale(1.08)}
.banner:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;transition:.5s;border-radius:12px;pointer-events:none}
.banner:hover:after{background:var(--tpl-accent-blue)00}
.goods-list .basket,.goods-list .compare-widget,.goods-list .compare-widget-remove+a,.goods-list .wish{border-radius:44px!important;height:44px!important;width:44px!important}
.allshopp{color:#fff;background-color:var(--tpl-accent-blue);text-align:center;padding:10px;margin-top:40px;border-radius: var(--border-st);}
.notify-stock-btn{font-size:0!important;background:0 0!important;border:none!important;padding:0!important;pointer-events:none}
.notify-stock-btn::before{content:"არ არის მარაგში";font-size:14px!important;color:red!important;font-weight:700;display:inline-block;visibility:visible}
.stockbox{margin:30px 0}#backToTop{height:45px;width:45px;border-radius:50%;bottom:110px;position:fixed;right:28px;background-color:#34495e;color:#fff;border:none;cursor:pointer;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:20px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.4s ease-in-out;transform:translateY(20px)}
#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}
#backToTop:hover{background-color:#2c3e50;transform:translateY(-5px)}
.cardwit{max-width: 1040px;margin:0 auto;background: #fff;border-radius: var(--border-st);padding: 20px;}
.container{max-width: 1540px;margin:0 auto;padding: 10px 0px;}
.hero-section{display:flex;align-items:center;gap:60px;margin-bottom:60px;justify-content:space-between;background: #fff;padding: 30px;border-radius: var(--border-st);}
.image-grid{flex:1;position:relative;height:500px}
.img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-st)}
.btn,.underline{background-color:var(--tpl-accent-blue)}
.btn,.info-bar{border-radius:var(--border-st)}
.bg-img{width:80%;height:80%;position:absolute;top:0;left:0;z-index:1}
.foreground-img{width:70%;height:75%;position:absolute;bottom:0;right:0;z-index:2}
.text-content{flex:1}
.text-content h2{font-size:28px;color:#222;font-family:'BPG Arial Caps'}
.underline{width:50px;height:2px;margin:15px 0}
.description{font-size:14px;color: #080808;margin-bottom:20px}
.features-list{list-style:none;margin-bottom:30px}
.features-list li{font-size:14px;margin-bottom:8px;position:relative;padding-left:20px}
.features-list li::before{content:"•";color:var(--tpl-accent-blue);position:absolute;left:0}
.btn{display:inline-block;color:#fff;padding:4px 12px;text-decoration:none;font-size:14px;transition:.3s}
.btn:hover{background-color:var(--tpl-accent-blue-dark)}
.info-bar{background-color: #ffffff;display:grid;grid-template-columns:repeat(4,1fr);padding:30px;color:#000}
.info-item{display:flex;align-items:center;gap:15px;padding:0 30px;border-left:2px solid #e0e0e0}
.info-item:first-child{border-left:0}
.info-item .icon{transition:.3s;font-size:30px;padding-right:10px;font-style:normal;color:var(--tpl-accent-blue)}
.info-item:hover i{transform:rotate(15deg)}
.info-item h4{font-size:14px;margin-bottom:4px}
.info-item p{font-size:12px;opacity:.9}
@media (max-width:1024px){.hero-section{flex-direction:column;gap:40px}.image-grid{width:100%;height:400px}.info-bar{grid-template-columns:repeat(2,1fr);gap:20px}}
@media (max-width:600px){.image-grid{height:300px}.info-bar{grid-template-columns:1fr;gap:25px}.text-content h2{font-size:22px}}
.manuxa{position:relative;display:inline-block;cursor:pointer;padding:8px 0;text-decoration:none;color:#fff}
.manuxa::after{content:'';position:absolute;bottom:0;width:0;height:1px;background-color:#fff;right:0;transition:width 1.2s cubic-bezier(.22, .61, .36, 1)}
.manuxa:hover::after{left:0;right:auto;width:100%}
.shop-wrapper{max-width:1540px;margin:0 auto;display:flex;gap:40px;padding:10px 0}
.sidebar-placeholder{width:350px;flex-shrink:0}
.banners-container{display:flex;flex-grow:1;gap:20px}
.banner-item{position:relative;background:#fff;/* border:1px solid #eee; */border-radius:var(--border-st);overflow:hidden;display:flex;align-items: flex-end;justify-content: flex-end;}
.img-wrappertop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:var(--border-st)}
.img-wrappertop img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.banner-item:hover .img-wrappertop img{transform:scale(1.08)}
.banner-text{position:relative;z-index:2;padding: 20px;pointer-events:none}
.banner-text *{pointer-events:auto}.main-card{flex:2.5;min-height:340px;border-radius:var(--border-st)}
.side-cards{flex:1;display:flex;flex-direction:column;gap:20px}
.small-card{flex:1;min-height:205px}

.btn-blue{display:inline-block;background-color:var(--tpl-accent-blue);color:#fff;padding:8px 20px;border-radius:var(--border-st);text-decoration:none;font-size:14px;margin-top:20px;transition:background .3s}
.btn-blue:hover{background-color:var(--tpl-accent-blue-dark)}
@media (max-width:1200px){.banners-container,.shop-wrapper{flex-direction:column}.sidebar-placeholder{width:100%;display:none}}
@media (max-width:768px){.banner-text{padding:20px}.main-card{min-height: 205px;}}
.profile-card{min-width: 300px;background:#fff;border-radius:var(--border-st);/* z-index: 999999999; */box-shadow:0 10px 25px rgb(0 0 0 / 49%);padding:5px;position:relative}
.card-headeruser{position:relative;height:180px;clip-path:polygon(0 0,100% 0,100% 85%,0% 100%);z-index: 1;}
.cover-photo{width:100%;height:100%;object-fit:cover;border-radius: var(--border-st) var(--border-st) 0 0;}
.settings-icon a{position:absolute;top:15px;right:15px;color:var(--tpl-accent-blue);cursor:pointer;background:#ffffffa3;border-radius:50px;width:30px;height:30px;line-height:30px;text-align:center;padding:0}
.card-body{padding:20px}

.profile-carduser,.userbox{width:100%;position:relative}
.avatar-circle,.list-content,.logout,.menu-list li,.user-features li,.userbox,.uslist ul{display:flex;}
.user-name{margin:0;color:#333;font-size:22px;font-weight:600}
.user-role{margin:5px 0 20px;color:#333;font-size:16px}
.profile-dropdown,.user-features{list-style:none;padding:0}
.user-features li{align-items:center;color:#333;font-size:14px;border-bottom:1px dashed #ededed}
.profile-dropdown li a{text-decoration:none;color:#333;display:block;padding:8px 0;transition:.3s}
.profile-dropdown li a i{color:var(--tpl-accent-blue);padding-right:8px}
.profile-dropdown li a:hover{color:#333;padding-left:5px}
input:-internal-autofill-selected{appearance:menulist-button;background-image:none!important;background-color:light-dark(#e8f0fe,rgba(70,90,126,.4))!important;color:fieldtext!important}
.profile-carduser{background:#fff;max-width:800px;border-radius:var(--border-st);box-shadow:0 10px 30px rgba(0,0,0,.1);padding:30px;text-align:center;margin:20px auto;overflow:unset}
.avatar-circle{border-radius:50%;justify-content:center;align-items:center}
.avatar-circle i{font-size:50px;color:#999}
.header-buttons{align-content:flex-start}
.username{margin:20px auto;font-weight:700;color:#333;padding:0 10px}
.menu-list{list-style:none;text-align:left;margin-top:20px;font-size:15px;padding:10px}
.menu-list li{align-items:center;color:#555;/* cursor:pointer; */transition:.3s;align-items:center;padding:12px 0;border-bottom:1px dotted #ddd}
.menu-list li:last-child{border-bottom:none}
.menu-list .icon{color:var(--tpl-accent-blue);width: 30px;}
@media (max-width:480px){.profile-card{max-width:100%}}
.list-content{justify-content:space-between;width:100%}
.label{font-weight:500;color:#555}.value{color:#555;margin-left:10px;}
.logout{margin-top:35px;justify-content:space-between}
.logout a{color:#666;border-bottom:1px solid #666;padding:8px 12px;font-size:15px}

.counter,.uslist ul li a{color:#232829;text-align:center}
.uslist ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:0}
.uslist ul li a{overflow:hidden;display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:12px 8px;border:1px solid #eee;background:#f3f4f6;border-radius:var(--border-st);transition:background .3s,transform .3s,box-shadow .3s;font-size:14px;position:relative}
.uslist ul li a i{font-size:26px;margin-bottom:8px;display:block;color:var(--tpl-accent-blue)}
.uslist ul li a:hover{background-color:#f9f9f9;transform:translateY(-4px);box-shadow:0 5px 15px rgba(0,0,0,.08)}
.counter{position:absolute;top:5px;right:-25px;background-color:#e9e9e9;width:80px;font-size:11px;font-weight:700;line-height:20px;transform:rotate(45deg);box-shadow:0 2px 4px rgba(0,0,0,.2)}

.userbox{max-width:800px;margin:0 auto;gap:30px;justify-content:center}

.userboxbottom,.userboxleft,.userboxright{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.1);border-radius:var(--border-st);width:100%}
.userboxleft{padding:10px;max-width:550px}
.userboxright{padding:20px}
.userboxbottom{display:flex;padding: 8px 10px;margin:20px auto;justify-content:space-between}
.pmCatLink,.pmCatLinkActive{margin-right:7px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:14px}
.userboxbot{padding:0 10px}
@media (max-width:768px){.userbox{flex-direction:column}.userboxbottom{display:flex;gap:20px;padding:20px 10px}}
.pmCatLink{padding: 4px 12px;background:#efefef;color:#646464;border-radius: var(--border-st);}
.pmCatLink:hover{background:#e9e9e9;color:#000}
.pmCatLinkActive{background:var(--tpl-accent-blue);color:#fff;border-radius: var(--border-st);padding: 4px 12px;}
.pmCatLinkActive:hover{color:#fff}
.nonemessage{background:#f1f1f1;padding-top:100px;padding-bottom:100px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
@media only screen and (max-width:900px){.pmCatLink,.pmCatLink:hover,.pmCatLinkActive,.pmCatLinkActive:hover{display:inline-block;font-size:15px;margin:4px}}
.product-header-art span{color:#fff;background:#34b67a;padding:4px 8px;border-radius:var(--border-st);margin-left:10px}
span.badge-newSale {color:#fff;background:#f30f0e;padding:4px 8px;border-radius:var(--border-st)}
.brand-info h3,.brand-info p{font-family:'BPG Arial Caps'}
 
.custom-footer{width:100%;background: #ffffff;position:relative;overflow:hidden}
.footer-wrapper{max-width:var(--max-w);margin:0 auto;position:relative;padding: 10px 0px 10px;}
.bg-shapes,.black-slant,.red-slant{position:absolute}
.bg-shapes{top:0;left:0;width:100%;height:100%;z-index:1}
.red-slant{left:-200px;bottom:-100px;width:450px;height:360%;background:var(--primary-red);transform:rotate(35deg)}
.black-slant{left:-80px;bottom:20px;width:420px;height:90px;background:#232829;transform:skewX(-40deg);/* border-radius:var(--border-st); */}
.footer-main-content{position:relative;z-index:5;display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:40px}
.photo-placeholder{width: 200px;height: 200px;/display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}
.icon-sq,.sq{background:var(--primary-red);border-radius:var(--border-st);color:#fff}
.photo-placeholder i{font-size:40px;margin-bottom:10px}
.photo-placeholder p{font-size:10px;font-weight:700;margin:0}
.name-title{font-size:42px;margin:0;color:#000;font-weight:700}
.red-text{color:var(--primary-red);font-weight:400}
.brand-info p,.contact-list li,.job-title{color:var(--text-grey)}
.job-title{font-size:22px;margin:5px 0 25px}
.contact-list{list-style:none;padding:0;margin:0}
.contact-list li{display:flex;align-items:center;margin-bottom:10px;font-size:16px}
.brand-logo,.icon-sq{align-items: center;display:flex;}
.icon-sq{color:#fff;width:28px;height:28px;justify-content:center;margin-right:15px;font-size:14px}
.brand-area{display:flex;flex-direction:column;align-items:flex-end}
.brand-logo{margin-bottom:20px;}
.details-area img {max-height:60px;margin-bottom: 10px;}
.hex-icon{font-size:45px;color:var(--primary-red)}
.brand-info h3{margin:0;font-size:22px;letter-spacing:1px}
.brand-info p{margin:0;font-size:16px;text-align:right}
.social-icons{display:flex;gap:4px}
.sq{padding:4px 10px;background: #5c9ffa;}
.sq a{color:#fff}
.address-strip{background:#232829;position:relative;z-index:10;margin-top:20px}
.address-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;color:#fff}
.loc-tag{background:var(--primary-red);padding:12px 25px;margin-right:20px}
.address-inner p{margin:0;font-size: 13px;letter-spacing:.5px}
@media (max-width:1100px){.contact-list {display: flex;flex-direction: column;align-items: flex-start;} .photo-placeholder {display:none;}.footer-main-content{grid-template-columns:1fr;justify-items:center;text-align:center}
  .bg-shapes{display:none}
  .brand-area{align-items:center}
  .address-inner{justify-content:center;padding-left:0}
  .loc-tag{clip-path:none}
  .contact-list li{justify-content:center}
}
.top-bar {background:#fff;}
.product-main, .product-tabs {background: #fff;border-radius: var(--border-st);padding: 20px;}



.btn-containerCont button:hover{background:#fff}
.contact-wrapperCont{max-width:1540px;margin:0 auto;display:flex;justify-content:center;align-items:center}
.cardCont h3,.iconCont{margin-bottom:15px}
.containerCont{display:flex;align-items:center;width:100%}
.info-gridCont{display:grid;grid-template-columns:repeat(2,280px);grid-gap:25px;z-index:2;margin-right:-100px}
.cardCont{background: #fff;padding:40px 20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.1);min-height:250px;flex-direction:column;justify-content:center;align-items:center;border-radius: var(--border-st);}
.iconCont{font-size:35px;color: var(--tpl-accent-blue);}
.cardCont h3{font-size:14px;letter-spacing:1px}
.cardCont a,.cardCont p{font-size:13px;color:#555;line-height:1.6;text-decoration:none}
.form-boxCont{background-color: #253d79;flex-grow:1;padding:80px 80px 80px 150px;min-height:600px;border-radius: var(--border-st);}
.form-boxCont h2{font-size: 22px;margin-bottom:40px;color: #ffffff;text-align:center}

@media (max-width:1100px){
  .containerCont{flex-direction:column}
  .info-gridCont{margin-right:0;margin-bottom:-50px;grid-template-columns:repeat(2,1fr)}
  .form-boxCont{padding:80px 30px 40px;width:100%}
}
@media (max-width:600px){
  .info-gridCont{grid-template-columns:1fr;width:100%}
  .cardCont{min-height:auto}
}

.contact-container{max-width:480px;margin:10px auto}
.styled-form{background:#f9f9f9;padding:30px; box-shadow:0 10px 25px rgba(0,0,0,.1)}
.input-group{position:relative;margin-bottom:20px}
.input-group i{position:absolute;left:15px;top: 17px;transform:translateY(-50%);color:var(--tpl-accent-blue);transition:.3s}
.input-group textarea+i{top:25px}
.input-group input,.input-group textarea{width:100%;padding: 4px 10px 4px 45px;border:2px solid #fff;outline:0;box-sizing:border-box;font-size:14px;transition:.3s}
.input-group input:focus,.input-group textarea:focus{border-color:var(--tpl-accent-blue);box-shadow:0 0 8px rgba(108,92,231,.2)}
.submit-btn{width:100%;padding:14px;background-color: #7cbc42;color:#fff;border:none;font-size:16px;font-weight: 400;cursor:pointer;transition:.3s}
.submit-btn:hover{background-color: #7cbc42;transform:translateY(-2px)}
.aall{color:var(--tpl-accent-blue);border-bottom: 2px solid var(--tpl-accent-blue)!important;font-weight:700}


.search {background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.17); width: 253px; height: 41px; margin-top: 4px;margin-right: 4px;}
.search input.query-field {background: transparent; border: 0 none; width: 176px; height: 39px; padding: 0 0 0 27px; color: #fff; float: left;}
.search input.query-search {background: url('/img/search-button.png') no-repeat; border: 0 none; width: 15px; height: 13px; margin: 14px 20px 0 0; padding: 0; cursor: pointer; float: right;}
.searchinfo {display: -webkit-inline-box; margin-left: 140px; margin-top: 4px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.17); padding: 12px 0 9px 12px; width: 30px;}
.right { float: right; }

#poisk2 a:hover {background: #f3f4f6;}
#poisk2 {border-top: 3px solid var(--tpl-accent-blue);position: absolute;margin-left: 0px;margin-top: 60px;display: none;font-weight: bold;width: 800px;box-shadow: 0 10px 25px rgb(0 0 0 / 44%);z-index: 99999;}
#poisk2::after {border-bottom: 8px solid transparent;border-left: 0px solid transparent;border-right: 8px solid var(--tpl-accent-blue);border-top: 8px solid transparent;content: "";left: 20px;position: absolute;top: -15px;transform: rotate(90deg);writing-mode: tb-rl;}
#poisk2 span { color:#444 !important; background: #EEE; display: block; padding: 8px;}
#poisk2 input {background: var(--tpl-accent-blue) !important;color: #fff !important;font-weight:bold;border: 0px !important;cursor:pointer;border-radius:0 !important;padding: 2px !important;height: 30px;width: 100% !important;margin: 0px;}
#poisk2 input:hover {background: var(--tpl-accent-blue-dark) !important;}
#poisk2 a {border-bottom: 1px dashed #ededed;color:#000 !important;font-weight: 400;font-size: 14px;text-decoration:none;white-space: normal;background: #ffffff;display:block;padding: 5px;height: auto;}
@media (max-width: 1024px) {#poisk2 {text-align: left; width: 100%;}}


.shop_spec{width:100%;max-width:100%;border-collapse:collapse;font-family:sans-serif;margin:20px 0}
.shop_spec_grp{display:flex;align-items:baseline;margin-bottom:12px}
.shop_spec_grp td:first-child{order:1;white-space:nowrap;padding-right:5px;color:#333;font-size:14px}
.shop_spec_val{order:3;white-space:nowrap;padding-left:5px;color:#000;font-weight:500;font-size:14px;min-width:120px;text-align:left;}
.shop_spec_grp::after{content:"";order:2;flex-grow:1;border-bottom:1px dotted #ccc;position:relative;top:-4px}

.usavatar-btn{border: 1px solid #f0f0f0;padding: 2px 10px;margin-right:5px;margin-top: 5px;text-decoration:none;border-radius: var(--border-st);display:inline-block;color:#333;background-color:#f9f9f9;transition:.3s;font-size: 13px;}
.usavatar-btn:hover{background-color:#eee;border-color:#bbb}

.com-order-block {display:none;}
.com-film{padding:15px;margin-top:15px;border-radius: var(--border-st);box-shadow:rgba(0,0,0,.05) 0 1px 2px 0;background:#fff}
.com-film: last-child{border-bottom:0}
.com-film li{list-style:none}
.com-film a{font-size:14px}
.com-film-detali{padding-top:4px;color:#999;text-align:right;margin-right:3px;float:right}
.com-film-detali-a a{font-weight:400}
.com-film-img img{float:left;border-radius:50px;width:50px;height:50px;margin-right:8px;margin-left:2px;background:#edf1f2}
.ulightbox img{/* transition:.3s ease-in-out; *//* height: 70px !important; *//* width: 70px !important; *//* border-radius: 4px; *//* object-fit: cover; *//* vertical-align: -6px; */}
.ulightbox img:hover{transform:translate(0,-2px);cursor:zoom-in}
.uc-message::after{content:"";position:absolute;width:0;height:0;margin-left:5px;top:2px;left: 23px;box-sizing:border-box;border-width:.4em;border-style:solid;border-image:initial;border-color:transparent transparent #f2f6ff #f2f6ff;transform-origin:0px 0px;transform:rotate(135deg)}
.paging-wrapper-bottom{margin:5px 0;text-align:center;clear:both!important}
.cMessage b{font-weight:700;color:#4caf50;font-size:15px;margin:0 10px 0 -10px;background:#fff;box-shadow:inset rgba(0,0,0,.15) -1px -1px 2px;padding:0 8px 3px;border-radius:20px}
.gKay{display:flex;gap:4px;border-radius: var(--border-st);padding: 0px 8px;margin:0;font:12px Georgia,sans-serif;border: 2px solid #f1f1f1;background:#fff;cursor:pointer;color:#444;align-items:center;justify-content:center;height: 32px;}
.Compage iframe{border:none;margin-top:10px}
.Compage,.comms{padding:15px;margin-top:20px;border-radius: var(--border-st);box-shadow:rgba(0,0,0,.05) 0 1px 2px 0;background:#fff}
.comms{position:relative}
.comms::after{box-shadow:rgba(0,0,0,.05) -2px 2px 2px 0;content:"";position:absolute;width:0;height:0;margin-left:5px;bottom:-22px;left:40px;box-sizing:border-box;border-width:.8em;border-style:solid;border-image:initial;border-color:transparent transparent #fff #fff;transform-origin:0px 0px;transform:rotate(315deg)}
.accordionComm{padding:8px 12px;width:100%;outline:0;transition:.4s;list-style:none}
.demo.active{border:2px solid #464850}
.panel{background-color:#fff;overflow:hidden}
#comment_panel{text-align:left;display:flex;align-items:center;align-content:center;flex-wrap:wrap;margin-bottom:5px;gap:5px}
#comment_panel .codeButtons{display:none}
#panel_bb a:link,#panel_bb a:visited{border-radius:5px;padding:5px 8px;margin:0 0 -8px;font:12px Georgia,sans-serif;border:1px solid #ddd;background:#fff;cursor:pointer;color:#444;height:28px}
.cMessage.uc-message img:not([rel="usm"]) {height: 50px;width: 50px;border-radius: 4px;object-fit: cover;}
.cMessage.uc-message img[rel="usm"] {width: 20px;height: 20px;vertical-align: middle;}
#imgStenanev div{display:inline-flex}
.recomb.flash{opacity:0;animation:2.5s forwards ani}@keyframes ani{0%{opacity:0}100%{opacity:1}}
.flag-slider {display: flex;width: 200%;height: 100%;transition: transform 0.2s ease-in-out;border-bottom: 1px solid #eee;}
.flag-slider img {width: 50%;margin:0;top:0;position:relative;left: 0;border-bottom: 1px solid #eee;}
.flag-wrapper09 {width: 23px;overflow: hidden;position: relative;cursor: pointer;}
@media (max-width:1024px){.gKay{display:none}}
.comm-answer,.uc-message{border-radius: var(--border-st);color:#444;position:relative;-webkit-margin-before:0;-webkit-margin-after:0;padding: 6px 15px!important;}
.comm-answer{background-color:#f5f5f6;display:inline-block;margin-left:25px;margin-top:10px}
.comm-answer::after{content:"";position:absolute;width:0;height:0;margin-left:5px;top:2px;left:20px;box-sizing:border-box;border-width:.4em;border-style:solid;border-image:initial;border-color:transparent transparent #f5f5f6 #f5f5f6;transform-origin:0px 0px;transform:rotate(135deg)}
.uc-message{background:#f5f5f6;display:block;margin-right: 6px!important;margin-top: 22px!important;}
.nocomm{margin-top:10px;background:#fff;padding:15px;border-radius: var(--border-st);box-shadow:rgba(0,0,0,.05) 0 1px 2px 0}

.emoji-trigger,.smiles img{background:#fff;cursor:pointer}
.emoji-trigger{display:inline-flex;font-size:24px;padding: 4px;border-radius: var(--border-st);transition:transform .2s;border: 2px solid #f1f1f1;height: 32px;}
.emoji-trigger:hover{transform:scale(1.1)}
.emoji-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width: 360px;max-height:450px;background: rgb(255 255 255 / 58%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius: var(--border-st);border:1px solid rgba(255,255,255,.4);box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px, 0 25px 50px -12px rgba(0,0,0,.25);display:none;flex-direction:column;z-index:10000;overflow:hidden;animation:.3s ease-out slideIn}
.emoji-header{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);font-weight:600;color:#333;cursor:move;user-select:none}
.close-btn{background:0 0;border:none;font-size:20px;cursor:pointer;color:#888}
.smiles{touch-action:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:8px;padding:15px;overflow-y:auto}
.smiles img{width:35px;height:35px;padding:6px;border-radius: var(--border-st);transition:.2s}
.smiles img:hover{background:rgba(255,255,255,.9);transform:translateY(-3px) scale(1.1)}
.smiles::-webkit-scrollbar{width:4px}
.smiles::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}
@keyframes slideIn{from{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}
@media (max-width:400px){.emoji-picker{width:90%}}


.upbutt{font-size:13px}
.loader{display:none;margin:10px auto}
.loader div{width:10px;height:10px;margin:3px;background:green;border-radius:50%;display:inline-block;animation:1.4s ease-in-out infinite both bounce}
.loader .ball1{animation-delay:-.32s}
.loader .ball2{animation-delay:-.16s}@keyframes bounce{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}
.upload-button{display:inline-block;padding: 0px 12px;height: 30px;line-height: 29px;background-color: #83b945;color:#fff;text-align:center;border-radius: var(--border-st);cursor:pointer;font-size:14px;user-select:none;transition:background-color .3s}
.upload-button:active,.upload-button:hover{background-color: #6c9d34;}
.preview-container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:10px;align-items:center}
.image-wrapper{position:relative;display:inline-block;margin:5px}
.preview-image{background:#fff;max-height:50px!important;max-width:50px!important;border-radius:4px;object-fit:cover;vertical-align:middle;margin:3px}
.delete-btn{position:absolute;top:-10px;right:0;background:#ffffff00;color:red;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;box-shadow:none}
.uploadimage{max-width:100%;padding:10px;background-color:rgb(245 245 246);margin:10px 0;border-radius: var(--border-st);}
.upflex{display:flex;align-items:center;align-content:center;gap:8px;margin:10px 0}
@media screen and (max-width:640px){.upflex{display:flex;flex-direction:column}}@media screen and (max-width:480px){.upflex{display:flex;flex-direction:column}}
@media screen and (max-width:420px){.upflex{display:flex;flex-direction:column}}@media screen and (max-width:375px){.upflex{display:flex;flex-direction:column}}

.photo-item {position: absolute;top: 10px;left: 10px}
.photo-item button {border-radius: 50%;width:40px;height:40px;padding:0px;background:#eeeeeead}
.u-ecc--1 .uEntryWrap, .u-ecc-0 .uEntryWrap {width: auto;flex: auto!important;}

.ast{color:#2fb14c;}
.bst{color:#98cc3f;}
.cst{color:#ffdc46;}
.dst{color:#f7941d;}
.est{color:#fa4034;}

.input-box label i {font-size: 13px;color: var(--tpl-accent-blue);padding-right:10px;}
.input-box input[type=password],.input-box input[type=text]{padding-right:40px!important}
@media (max-width:580px){.auth-card{padding:25px 20px;width: 400px;}.auth-header h1{font-size:22px}.form-row{grid-template-columns:1fr;gap:10px}}
.hidden-field {display: none !important;}
.alert-danger {text-align: center;padding: 20px;color: var(--tpl-accent-blue);}
.form-body,.form-header{padding: 25px;}
:root{--input-bg: #f3f4f6;--text-main:#2d3436;--shadow-soft:0 10px 30px rgba(0, 0, 0, 0.08)}
.registration-card{max-width: 650px;margin: 0px auto;background:#fff;box-shadow: 0 10px 30px rgba(0, 0, 0, .1);border-radius: var(--border-st);overflow:hidden;}

.form-header{color: #080808;text-align:center;background: var(--tpl-accent-blue);}
.form-header h2{color: #ffffff;font-size: 28px;margin-bottom: 8px;text-align: center;}
.form-header h3{color: #ffffff;font-size: 20px;margin-bottom: 8px;text-align: center;}
.form-header p{margin:5px 0 0;text-align: center;font-size:14px;color: #fff;}
.input-group-grid{display:grid;grid-template-columns:1fr 1fr;gap: 10px;}
.full-width{grid-column:span 2}
.form-group{margin-bottom: 15px;text-align: left;}
.form-group label{margin-bottom:8px;font-size:13px;font-weight:600;color: #3a3e3e;text-transform:uppercase;letter-spacing:.5px}
.input-wrapper input{width:100%;padding: 4px 15px;background:var(--input-bg);border:2px solid transparent;border-radius: var(--border-st);font-size: 14px;transition:.3s;box-sizing:border-box}
.input-wrapper input:focus{background:#fff;border-color:var(--tpl-accent-blue);box-shadow:0 5px 15px rgba(118,75,162,.1);outline:0}
.divider-text{text-align:center;margin:20px 0;position:relative;color:#b2bec3;font-size:14px}

.discount,.promo-code,.timer{font-weight:700;}
.promo-container{display:grid;grid-template-columns:repeat(3,1fr);gap: 50px;padding:20px}
.promo-card{background: #fff;border-bottom: 3px dashed var(--tpl-accent-blue);border-radius: var(--border-st) var(--border-st) 0 0;padding: 30px;text-align:center;box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;}
.discount{font-size:2rem;color:#ff4757}
.promo-code{background:#eee;padding: 8px;margin:10px 0;font-family:monospace;border-radius: var(--border-st);}
.timer{font-size:1.2rem;color: #7cbc42;margin: 15px;}
@media (max-width:768px){.promo-container{grid-template-columns:1fr}}
.copy-btn{background-color: var(--tpl-accent-blue);color:#fff;border:none;padding: 8px 20px;border-radius: var(--border-st);cursor:pointer;transition:.3s;width:100%}
.copy-btn:hover{background-color: var(--tpl-accent-blue-dark);}
.copy-btn.copied{background-color:#7cbc42}
.divider-text::after,.divider-text::before{content:"";position:absolute;top:50%;width:40%;height:1px;background:#eee}
.divider-text::before{left:0}.divider-text::after{right:0}
.btn-submit{font-size: 14px;width:100%;padding: 8px 14px;border:none;border-radius: var(--border-st);color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;background: var(--tpl-accent-blue);cursor: pointer;transition: .3s;}
.btn-submit:hover{transform: translateY(-2px)}
.btn-submit::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.5s}
.btn-submit:hover::before{left:100%}
@media (max-width:600px){.form-body, .form-header {padding: 25px;text-align: left;}.input-group-grid{grid-template-columns:1fr;gap: 0;}.full-width{grid-column:span 1}.form-header{padding: 10px;}}

.reginfo{font-style:italic;color:#d83d3c;font-size:12px}
.avatar-flex-container{display:flex;align-items:center;gap:20px;background:#fdfdfd;padding:10px;border-radius: var(--border-st);border:1px dashed #ccc;margin-top: 10px;}
.profile-preview-box{width:60px;height:60px;min-width:60px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.profile-preview-box img{width:100%;height:100%;object-fit:cover}
.input-wrapper {margin-top:8px;}
.newreg {text-align: center;padding-top: 30px;}

.totall{list-style:none;padding:20px;margin:20px 0;background:#fff;border:1px solid #e1e8ed;border-radius:var(--border-st);box-shadow:0 4px 15px rgba(0,0,0,.05)}
.totall li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed #eee;font-size:15px;color:#555}
.totall li:last-child{border-bottom:none;margin-top:10px;padding-top:15px;font-weight:800;font-size:18px;color:#2c3e50}
.totall li span{font-weight:600;color:#333}
.totall li strike{color:#95a5a6;font-weight:400;margin-right:8px;font-size:14px}
.totall li:last-child span{color:#27ae60}
.totall li:hover{background-color:#fcfcfc}
	
.addshopinf{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;background-color:#f4f7f9;border-radius:var(--border-st);align-items:start}
.addshopinf>div{background:#fff;padding:20px;border-radius:var(--border-st);border:1px solid #e0e6ed;box-shadow:0 2px 5px rgba(0,0,0,.03)}
.addshopinf>div:first-child,.addshopinf>div:nth-child(2),.addshopinf>div:nth-child(3),.addshopinf>div:nth-child(4){grid-column:1/2}
.addshopinf>div:last-child{grid-column:2/3;grid-row:1/6;height:100%}
.addshopinf h2{margin-top:0;font-size:1.2rem;color:#333;border-bottom:2px solid #3498db;padding-bottom:8px;margin-bottom:15px}
@media (max-width:768px){.addshopinf{grid-template-columns:1fr}.addshopinf>div:nth-child(n){grid-column:1/2;grid-row:auto}}

#order-form {padding:20px;background-color:#f4f7f9;border-radius:var(--border-st);margin-bottom:20px;}
.order-info {background: #fff;padding: 25px;border-radius: var(--border-st);border: 1px solid #e0e6ed;box-shadow: 0 2px 5px rgba(0,0,0,.03);margin-bottom: 20px;}

.catalog-menu:after {content: '';position: absolute;top: 0%;left: 40px;transform: translate(-50%, -50%) rotate(45deg);background: #ffffff;height: 16px;width: 16px;}
.profile-card:after {content: '';position: absolute;top: 0%;right: 4%;transform: translate(-50%, -50%) rotate(45deg);background: #ffffff;height: 16px;width: 16px;}
#mobileNavMenu {margin-top: 30px;}

.quantity{display:flex;align-items:center;gap:5px}
.qty-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px}
.qty-input{text-align:center}
i.delico{transition:.4s cubic-bezier(.165, .84, .44, 1);cursor:default}
i.delico:hover{color:#f71e3a;cursor:pointer}