.s1 {background: linear-gradient(135deg,#b64396,#f771d1);}
.s2 {background: linear-gradient(135deg,#6ec6ff,#71e3c7);}
.s3 {background: linear-gradient(135deg,#9b8cff,#c9a7ff);}
.s4 {background: linear-gradient(135deg, #e0e0e0, #f5f5f5);}
.s5 {background: linear-gradient(135deg, #172554, #2563eb);}


.btn {display: block;  font-size: 14px;  padding: var(--gap-halfff) var(--gap-half) var(--gap-halff) var(--gap-half); color: var(--white);border-radius: 6px;}
.btn > svg{margin-bottom:-8px; color: var(--white);   stroke: var(--white); }
.big-rozd a:hover{transform: perspective(1000px) rotateY(22deg);}

/*-- Випадаюче меню в хедері ---*/
.menu-wrapper {position: relative;}
.menu-toggle {display: none;}
.menu-block {display: block;  background: var(--yellow);    padding: 4px 8px;  text-align: center;  cursor: pointer;  border-radius: 6px;  user-select: none;}
.menu-list { position:absolute; top:0;left:0; list-style: none; margin: 0; padding: 0;  background: var(--yellow); border-radius: 5px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease;}
.menu-list li {border-bottom: 1px solid #555; padding:0;}
.menu-list li:last-child {border-bottom: none; }
.menu-list a {display: flex; gap:var(--gap-halff); color:var(--txt); font-size:15px; flex-flow: row nowrap;  padding: 12px;   text-decoration: none;}
.menu-list a:hover {color:  var(--red);}
.menu-toggle:checked + .menu-block + .menu-list {max-height: 500px;  min-width: 220px; width: 220px; display:block; position:absolute; top:50px;left:0;}
.menu-list input {display: none; }
.menu-list label { display: block; cursor: pointer; text-decoration: none;}
.menu-list input:checked ~ ul {max-height: 0;}
ul.menu-list li::after {display:none;}
.menu-block .icon{float:none;}
.menu-block span{width:100%; display:block;}
.sect-mhed {padding:var(--gap); border-radius:12px; text-align:center;box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.14), 0 -10px 10px 0 rgba(0, 0, 0, 0.14);}
.sect-mhed h1{width:100%; text-align:center;}


/*---  CAT ---*/
.cat-blog > .product-card {flex: 1 1 calc(50% - var(--gap));} 


/* ========================================
   📌MODAL Інформаційне вікно з білкою
   ======================================== */
#ard-modalinfo{display:block;position: fixed;height:450px; min-width:332px; left:0; bottom:0;z-index: 500;}
#ard-modalinfo::after{display:block; content:''; width:180px; height:220px; background: url('/0-templates/acess/img/css_sprites2.png') -372px -617px;position:absolute; left:-40px; bottom:30px;z-index: 502;}
#ard-modalinfo::before{display:block; content:''; width:186px; height:186px; background: url('/0-templates/acess/img/css_sprites2.png') -352px -432px;position:absolute; left:60px; bottom:-150px;z-index: 501;transform: translate(-50%, -50%) rotateX(60deg);transform-origin: center;animation: ard-modal-spin 7s linear infinite;}
.ard-mdli-main{position:absolute; left:90px; bottom:100px;width:334px;  background: url('/0-templates/acess/img/css_sprites2.png') -572px -179px; transform: perspective(180px) rotateY(-6deg) skewX(0.0deg) scale(1.0, 0.9);}
.ard-mdli-main:hover{transform: none;}
.ard-mdli-main::after{display:block; content:''; width:334px; height:33px; background: url('/0-templates/acess/img/css_sprites2.png') -572px -38px;position:absolute; left:0px; top:-32px;z-index: 512;}
.ard-mdli-main::before{display:block; content:''; width:334px; height:62px; background: url('/0-templates/acess/img/css_sprites2.png') -572px -109px;position:absolute; left:0px; bottom:-62px;z-index: 512;}
.ard-mdli-main > s {color:red; font-size: 26px; position: absolute; top: -17px; right: 32px; z-index:526; cursor:pointer;transform: rotate(45deg);}
.ard-mdli-main > s:hover { font-size: 28px;}
.ard-mdli-main > h5 {display:block; text-align: center; width:240px;font-size:18px; letter-spacing: 2px; color:var(--red); padding: 0; margin: var(--gap-half) 0 0 var(--gap); animation: ard-color-blink 5s infinite ease-in-out;}
.ard-mdli-txt{width:334px; min-height:100px; font-size: 15px;  color:var(--txt); line-height: 1.6; padding:16px 16px 16px var(--gap);}
.ard-mdli-txt::before{display:block; content:''; width:6px; height:90%; background: url('/0-templates/acess/img/css_sprites2.png') -550px -13px;position:absolute; right:0px; bottom:2px;z-index: 514; animation: ard-modal-linia 7s linear infinite alternate;}
@keyframes ard-modal-spin {
   from {transform: translate(-50%, -50%) rotateX(60deg) rotate(0deg); opacity: .4;}
   to {transform: translate(-50%, -50%) rotateX(60deg) rotate(360deg); opacity: .9;}
}
@keyframes ard-modal-linia {
   from {height:20%}
   to {height:98%}
}
@keyframes ard-color-blink {
   0% {font-size: 18px; letter-spacing: 2px; color:var(--txt);}
   40% {font-size: 24px letter-spacing: 4px; color:var(--red);}
   100% {font-size: 18px; letter-spacing: 2px; color:var(--txt);}
}

/*- СИСТЕМНІ |mesegSiteReport| ПОВІДОМЛЕННЯ --*/
#mesrep{position: fixed; width:350px; height:360px; z-index:9992; bottom:140px; right:220px;}
#mesrep::after{content: ''; position:absolute; z-index:9997; right:-270px; bottom:-144px; width:373px; height:473px; background:url(/0-templates/acess/img/ard_report_v2.png) bottom right no-repeat; }
.mesrptxt{position:relative; z-index:9995; opacity: .7; height:97%; background:#114c5d; padding:20px; border: 1px solid #58d7f7; border-radius:6px; transform: perspective(120px) rotateY(4deg) skewX(0.0deg) scale(1.0, 0.9)}
.mesrptxt s {display: block; height:50px; border-radius:4px; background:#23bce3;}
.mesrptxt s::after{content: 'Системне повідомлення:'; margin:14px 20px 0 0; font-size:20px; color:#073d46; display:inline-block; float:right;}
#mrp_close{float:left;background:#073d46; color:#58d7f7; text-decoration:none; margin:9px 0 0 -18px; font-size:23px; padding:1px 10px;border-radius:6px;  position:relative; z-index:9999; cursor:pointer;}
#mrp_close:hover{background:red;}
.mesrptxt i {font-size:26px; padding: 30px 45px 0 0; color:7adff1; line-height:1.4; display:block; white-space: wrap;} 

/* ========================================
   📌 МОДАЛЬНЕ ВІКНО РЕЗУЛЬТАТІВ ПОШУКУ
   ======================================== */
#ardmodalsearch-overlay {position: fixed;  top: 0; left: 0; padding:var(--gap-half) var(--gap-half) var(--gap-half)  120px; width: 100%; height: 100%; max-height: 100vh; background-color: rgba(0, 0, 0, 0.8);  display: flex; justify-content: center; align-items: top; z-index: 3000;}
#ardmodalsearch-content {background-color: #fff; overflow-y: auto; padding:var(--gap-half); border: 4px solid var(--pink); border-radius: 12px; max-height: 100vh; width: 94%; max-width: 1400px; min-height:250px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); position: relative;}
#ardmodsearch-closebtn {font-weight: bold; cursor: pointer; position: absolute; top: 6px; right: -6px; border-radius:50%; font-size: 40px; padding:6px 18px;  background: var(--pink); color:white;}
.ard_rezsearch-zag {width:100%; background: var(--pink); font-size:18px; padding:var(--gap-half); text-align:center; color:white; border-radius:12px;}
#ardmodalsearch-overlay::after { display: block; content: ""; width: 180px; height: 220px; position: absolute; left: 6px; top: 20px; z-index: 3022; background: url(/0-templates/acess/img/css_sprites2.png) -372px -617px;}
#ardmodalsearch-overlay::before { display: block; content: ""; width: 186px; height: 186px; position: absolute; left: 100px; top: 245px; z-index: 3021; transform: translate(-50%, -50%) rotateX(60deg); transform-origin: center center; background: url(/0-templates/acess/img/css_sprites2.png) -352px -432px; animation: 7s linear 0s infinite normal none running ard-modal-spin;}


/*Карточка результатів пошуку*/
.ardkart_rezsear{margin: var(--gap-half); padding:var(--gap-half); border-radius: 12px; border: 1px solid gray; }
.ardkart_rezsear a h3{font-size:17px; margin-bottom: var(--gap-halff);}
.ardkart_rezsear sub{border-radius: 6px; font-size:13px; padding:var(--gap-halfff) var(--gap-halff);  background: var(--fongrad_gray);}
.ardkart_rezsear sup{font-size:13px;}

/* ========================================
   📌 КОМЕНТАРІ
   ======================================== */
#ard-addcomnt-tilo label{display:inline-block;width:auto;height:1px;}
#ard-addcomnt-tilo label::after{content: attr(data-name); position: absolute; top: 10px; left: 24px;  background:white; padding:2px; z-index: 3; 
    font-size:11px; letter-spacing: 1px;  text-transform: uppercase; white-space: nowrap;}
#ard-addcomnt-tilo label i{color:#1e3452; font-size: 1.5em; opacity: .8; width:12px;   background:white; position: absolute; top:8px; left:0; z-index: 5;}
.ard_comment_ansver{position:relative; margin:20px 0 10px 0;padding:5px; border-bottom: solid 1px gray;}
.ard_ca_user {width:100px;}
.ard_ca_text {flex: 1;}
.ard_ca_user > img {width:60px;}
.ard_ca_user > s{position:absolute; top:0; left:65px; font-size: 1.2em; color:gray;}
.ard_ca_user > h5 {display:block; width:100%;}
.ard_ca_li {margin:0 0 14px 0; padding:0; font-size: 12px; list-style:none; color:gray;}
.ard_ca_li li{display:inline-block;}
.ard_ca_li li::after, .ard_ca_reiting li::after{display:none;}
.ard_ca_li li > svg, .ard_ca_reiting svg {margin-bottom: -6px; transform: scale(0.8);}
.ard_ca_reiting li > s {font-size: 1.3em; cursor:pointer;}
.ard_ca_reiting li > s:hover{filter: hue-rotate(-230deg);}
.ard_ca_li li:first-child{margin-left:0; padding-left:0;}
.ard_ca_reiting.row {padding:0; list-style:none; width:100px; margin:0 auto; gap:var(--gap-half);}
.ard_ca_reiting li {margin:0; padding:0;}
.ard_ca_reiting .ard_reit_minus{padding-left:14px;  border-left: 1px solid gray;}
.ard_reit_user {background: gray; border-radius: 6px 0 6px 0; padding-right:6px; color:white;}
.ard-addcomnt-user{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap:20px;}
.ard-addcomnt-user > div {width:46%; position:relative;}
.ard-addcomnt-user > div i {position:absolute; top:8px; left:5px;}
.ardcom-text {width:100%; position:relative; margin:1px 0 6px 0;}
.ardcom-text > input {display:none;}
#add-comments{width:100%; border-radius:6px; height: calc(1.2em * 4);}
.ard-addcom > button{margin:0 auto;}
.ard-cmtxt{font-weight:600; font-size:15px;}


#gallery-allimg{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px;max-width:1400px;margin:0 auto}#gallery-allimg figure.galimg-min{margin:0;position:relative;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}#gallery-allimg figure.galimg-min:hover{transform:translateY(-4px);box-shadow:0 8px 15px rgba(0,0,0,.2),0 6px 6px rgba(0,0,0,.15)}#gallery-allimg figure.galimg-min picture{display:block;overflow:hidden}#gallery-allimg figure.galimg-min img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .4s ease,filter .3s ease;filter:brightness(1)}#gallery-allimg figure.galimg-min:hover img{transform:scale(1.08);filter:brightness(0.94)}#gallery-allimg figure.galimg-min figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));color:#fff;font-size:.95rem;font-weight:500;opacity:0;transform:translateY(10px);transition:all .3s ease}#gallery-allimg figure.galimg-min:hover figcaption{opacity:1;transform:translateY(0)}#gallery-allimg figure.galimg-min::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(103,58,183,.1),rgba(33,150,243,.1));opacity:0;transition:opacity .3s ease;pointer-events:none}#gallery-allimg figure.galimg-min:hover::after{opacity:1}@media(max-width:640px){#gallery-allimg{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:12px}#gallery-allimg figure.galimg-min{border-radius:8px}#gallery-allimg figure.galimg-min figcaption{font-size:.85rem;padding:12px 8px}}

/*-- ASINC --*/
[class*='spait-'] { background: url('../0-1-img/sprit3.webp') no-repeat top left; display:inline-block; width: 22px; height: 22px; } 
.spait-logo-c { background-position: 0 0; width: 22px; height: 22px; } 
.spait-madeukr { background-position: -28px 0; width: 103px; height: 35px; } 
.spait-iknn_mash { background-position: -137px 0; } 
.spait-iknn_gram { background-position: -185px 0; width: 32px; } 
.spait-iknn_svun { background-position: -223px 0; } 
.spait-iknn_viz { background-position: -271px 0; height: 43px; } 
.spait-logom { background-position: -319px 0; width: 90px; height: 45px; } 
.spait-logo-cc { background-position: -415px 0; width: 66px; height: 66px; } 
.spait-logo { background-position: -487px 0; width: 160px; height: 75px; } 
.spait-popular { background-position: -653px 0; width: 190px; height: 92px; } 
.spait-sonua { background-position: -849px 0; width: 94px; height: 94px; } 
.spait-hitu { background-position: -949px 0; width: 184px; height: 96px; } 
.spait-allcat { background-position: 0 -102px; width: 153px; height: 97px; } 
.spait-ekskluziv { background-position: -159px -102px; width: 203px; height: 99px; } 
.spait-novinki { background-position: -368px -102px; width: 172px; height: 100px; } 
.spait-ysisvichku { background-position: -546px -102px; width: 270px; height: 177px; } 

.ktpr {display:flex; flex-flow:row wrap; justify-content:space-around;}
.ktpr a {display:block;min-width:124px;min-height:150px;background:#222; margin:20px; background:url(../0-1-img/sprit4.webp)  -15px -377px;}
.ktpr a:nth-of-type(2){width:142px; background-position: -435px -15px;}
.ktpr a:nth-of-type(3){width:117px;  background-position: -169px -377px;}
.ktpr a.holod-font222{width:135px; background-position: -435px -195px;}
.ktpr a.holod-font{width:142px; background-position: -193px -195px;}
.ktpr a:nth-of-type(6){width:100px; background-position: -316px -377px;}
.ktpr a:nth-of-type(7){width:163px; background-position: -242px -15px;}
.ktpr a:nth-of-type(8){width:197px; background-position: -15px -15px;}

/* FAQ баян */
.faq-title { display: block; cursor: pointer; font-size: 18px; font-weight: bold; padding: 10px 40px 10px 10px; background: #f7f7f7; border-radius: 5px; position: relative;}
.faq-title::after { content: "+"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: bold;}
.faq-item input { display: none;}
.faq-content { max-height: 0; overflow: hidden; transition: max-height .3s ease; padding-left: 10px;}
.faq-item input:checked ~ .faq-content { max-height: 500px; margin-top: 10px;}
.faq-item input:checked + .faq-title::after { content: "–";}

/* весь товар */
.altov {display:flex; flex-flow:row wrap; justify-content:space-evenly; min-height:287px; margin:var(gap) 0; background:#1e639a; position:relative;}
[class*='at-gr-'] {display:flex; flex-flow:row wrap;justify-content:space-evenly;}
[class*='at-gr-'] a, [class*='at-gr-'] i {width:94px; height:149px;}
.altov::before, .altov::after{content:'';display:block; width:100%; height:16px; background:url(../0-1-img/fonfoot.webp) 0 -246px; position:absolute; left:0; top:-16px;}
.altov::after{background-position: 0 -264px;top:auto; bottom:-16px;}


.altov a, .altov i {border-radius:5px; margin:8px 4px; border: solid 2px #114976;}
.altov a:hover {border: solid 2px #fff;}
.altov h2 {color:#ccac65; margin:22px 0; text-align:center;}
.altov h2 .icon {color:#ccac65; stroke:#ccac65;margin-bottom:-6px;}
.at-gr-osnovni {padding:30px 0 80px 0;}
.at-gr-osnovni a{height:149px; width:94px; position:relative; border: solid 4px #4689bf;}
.at-gr-osnovni a::after {content: attr(data-name); display:block; width:100%; height:30px; background:#4689bf; color:#fff; font-size:13px; font-weight:800;text-transform:uppercase; border: solid 4px #4689bf; border-radius:5px; text-align:center; position:absolute; top:-25px;left:-4px;}
.at-gr-osnovni a:nth-of-type(3)	{border-color:#fff;}
.at-gr-osnovni a:nth-of-type(3)::after {background:#fff;border-color:#fff;color:#000;}
.at-gr-osnovni a:nth-of-type(4)	{border-color:#a6ec68;}
.at-gr-osnovni a:nth-of-type(4)::after {background:#a6ec68;border-color:#a6ec68;}
.at-gr-osnovni a:nth-of-type(5)	{border-color:#c30101;}
.at-gr-osnovni a:nth-of-type(5)::after {background:#c30101;border-color:#c30101;}
.at-gr-osnovni a:nth-of-type(6)	{border-color:#f58ea3;}
.at-gr-osnovni a:nth-of-type(6)::after {background:#f58ea3;border-color:#f58ea3;}
.at-gr-osnovni a:nth-of-type(7)	{border-color:#000;}
.at-gr-osnovni a:nth-of-type(7)::after {background:#000;border-color:#000;}
.at-gr-osnovni a:nth-of-type(8)	{border-color:#1d517a;}
.at-gr-osnovni a:nth-of-type(8)::after {background:#1d517a;border-color:#1d517a;}
.at-gr-osnovni a:nth-of-type(10){border-color:#db28f0;}
.at-gr-osnovni a:nth-of-type(10)::after {background:#db28f0;border-color:#db28f0;}
.at-gr-osnovni a:nth-of-type(11){border-color:#ccac65;}
.at-gr-osnovni a:nth-of-type(11)::after {background:#ccac65;border-color:#ccac65;}
.dalee-kat {position:relative; width:100%; height:60px; text-align:center;z-index:5;}
.dalee-kat a{background:url('../0-1-img/sprit3.webp') -546px -102px; width: 270px; height: 177px;  margin-top:-80px;}
.dalee-kat a:hover {transform: perspective(1000px) rotateY(12deg);}
.atpigr {width:auto!important;border:none!important;padding:0;margin:0 4px 8px 4px;}


[class*='bj-'] { background: url('../0-1-img/sprit4.webp') no-repeat top left; display:inline-block; width: 94px; height:149px; } 
.bj-sv19h {background-position: -446px -377px;} .bj-sv51 {width:148px!important;background-position: -1355px -15px;}.bj-sv51df {width:148px!important;background-position: -1353px -176px;}
.bj-sv52 {background-position: -614px -15px;} .bj-sv53 {background-position: -607px -194px;} .bj-sv53a {background-position: -607px -373px;} 
.bj-sv53b {background-position: -735px -195px;} .bj-sv53bb {background-position: -608px -542px;} .bj-sv53c {background-position: -731px -194px;} .bj-sv54 {background-position: -734px -373px;}.bj-sv54dr{background-position: -857px -368px;}.bj-sv54mn{background-position: -452px -549px;}
.bj-sd1 {background-position: -15px -557px;} .bj-sd2 {background-position: -139px -557px;} .bj-sd3 {background-position: -263px -557px;} .bj-sd4 {background-position: -387px -557px;} .bj-sd5 {background-position: -511px -557px;} .bj-sd6 {background-position: -635px -557px;} .bj-sd7 {background-position: -855px -15px;} .bj-sd8 {background-position: -855px -194px;} .bj-ss1 {background-position: -855px -373px;} .bj-ss3 {background-position: -855px -552px;} .bj-ss4 {background-position: -15px -736px;} .bj-ss5 {background-position: -143px -736px;} .bj-ss6 {background-position: -263px -736px;} .bj-ssw {background-position: -388px -736px;} .bj-sswb {background-position: -511px -736px;} .bj-sv12 {background-position: -635px -736px;} .bj-sv12b {background-position: -759px -736px;} .bj-sv13 {background-position: -981px -15px;} .bj-sv13bir {background-position: -853px -194px;} .bj-sv13b {background-position: -979px -194px;} .bj-sv13c {background-position: -979px -373px;} .bj-sv13d {background-position: -979px -552px;} .bj-sv13dd {background-position: -979px -731px;} .bj-sv13h {background-position: -15px -915px;} .bj-sv14 {background-position: -139px -915px;} .bj-sv14b {background-position: -263px -915px;} .bj-sv15 {background-position: -387px -915px;} .bj-sv16 {background-position: -511px -915px;} .bj-sv16b {background-position: -635px -915px;} .bj-sv16c {background-position: -759px -915px;} .bj-sv17 {background-position: -883px -915px;} .bj-sv17b {background-position: -1107px -15px;} .bj-sv17c {background-position: -1103px -194px;} .bj-sv18 {background-position: -1103px -373px;} .bj-sv18b {background-position: -1103px -552px;} .bj-sv18c {background-position: -1103px -731px;} .bj-sv19 {background-position: -1103px -910px;} .bj-sv19b {background-position: -1227px -15px;} .bj-sv19c {background-position: -1227px -194px;} .bj-sv19d {background-position: -1227px -373px;} 
.bj-sv19f {background-position: -746px -559px;} .bj-sv19f {background-position: -746px -559px;} .bj-sv20f {background-position: -865px -730px;} .bj-sv21f {background-position: -1220px -730px;}
.bj-sv22f {background-position: -1220px -909px;}.bj-sv23f {background-position: -630px -559px;}


[class*='sprt-'] { background: url('../0-1-img/sprite.webp') no-repeat top left; display:inline-block; width: 50px; height: 50px;  } 
.sprt-f_france { background-position: 0 0; width: 24px; height: 24px; } 
.sprt-f_georgia { background-position: -26px 0; width: 24px; height: 24px; } 
.sprt-f_germany { background-position: -52px 0; width: 24px; height: 24px; } 
.sprt-f_israel { background-position: -78px 0; width: 24px; height: 24px; } 
.sprt-f_moldova { background-position: -104px 0; width: 24px; height: 24px; } 
.sprt-f_poland { background-position: -130px 0; width: 24px; height: 24px; } 
.sprt-f_russian { background-position: -156px 0; width: 24px; height: 24px; } 
.sprt-f_ukraine { background-position: -182px 0; width: 24px; height: 24px; } 
.sprt-f-greatbritain { background-position: -208px 0; width: 24px; height: 24px; } 
.sprt-sp-mua { background-position: -234px 0; width: 53px; height: 32px; } 
.sprt-sp-cc1 { background-position: -289px 0; width: 48px; height: 48px; } 
.sprt-sp-cc2 { background-position: -339px 0; width: 42px; height: 48px; } 
.sprt-sp-cc3 { background-position: -383px 0; width: 42px; height: 48px; } 
.sprt-sp-cc4 { background-position: -427px 0; width: 48px; height: 48px; } 
.sprt-sp-mob-gl { background-position: -477px 0; width: 44px; height: 49px; } 
.sprt-sp-mob-ip { background-position: -523px 0; width: 40px; height: 49px; } 
.sprt-bitcoin { background-position: -565px 0; } 
.sprt-bank_privat { background-position: -617px 0; } 
.sprt-paypal { background-position: -669px 0; } 
.sprt-visa { background-position: -721px 0; } 
.sprt-bank_mono { background-position: -773px 0; } 
.sprt-sp-glmap { background-position: -825px 0; } 
.sprt-sp-poch-ykr { background-position: -877px 0; width: 35px; } 
.sprt-sp-poch-nova { background-position: -914px 0; } 
.sprt-sp-kr { background-position: -966px 0; } 
.sprt-sp-kr-2 { background-position: -1018px 0; } 
.sprt-sp-kr-3 { background-position: -1070px 0; } 
.sprt-sp-kr-4 { background-position: 0 -52px; } 
.sprt-sp-kr-5 { background-position: -52px -52px; } 
.sprt-sp-yak1 { background-position: -104px -52px; width: 184px; height: 161px; } 

/* ======SVG=========== https://hugeicons.com/icons?style=Stroke&type=Rounded ==== */
.icon {width: 26px; height: 26px;  color: var(--txt); stroke: var(--txt);}