:root {
	--border-radius:5px;--color-hover-violet:rgb(56, 44, 114);--color-green:rgb(53, 161, 116);--color-hover-green:rgb(41, 127, 91);--color-light-green:rgb(105, 172, 98);--color-red:rgb(228, 55, 52);--color-black:rgb(38, 38, 38);--color-gray:rgb(129, 128, 138);--color-ashen:rgb(229, 230, 235);--color-purple-pastel:rgb(229, 229, 240);--color-white:rgb(255, 255, 255);--color-main-bg:rgb(244, 245, 251);--color-yellow:#ffc52b;--color-green-pastel:rgb(235, 245, 241);--color-blue:rgb(93, 95, 223);

	--gap-4:4px;--gap-8:8px;--gap-12:12px;--gap-16:16px;--gap-24:24px;	
	--font-size-32:2rem;--font-size-24:1.5rem;--font-size-21:1.3125rem;--font-size-18:1.125rem;--font-size-16:1rem;--font-size-14:.875rem;--font-size-12:.75rem;--font-size-10:.625rem;--font-size-8:.5rem;
	
	--hover-animation-time:.1s;--backgroud-fade-animation-time:.35s;--collapsible-block-animation-time:.35s;

}

.stuck-header #desktop_logo {max-width:165px !important;transition:ease-in .12s all;}
div#desktop_logo {max-width:185px}

.header-nav .block-iqitlinksmanager>ul>li:nth-child(1) a:before {padding-right:4px;content:"\f0b1";font-family:"FontAwesome"}
.header-nav .block-iqitlinksmanager>ul>li:nth-child(2) a:before {padding-right:4px;content:"\f09d";font-family:"FontAwesome"}
.header-nav .block-iqitlinksmanager>ul>li:nth-child(3) a:before {padding-right:4px;content:"\f0d1";font-family:"FontAwesome"}
.header-nav .block-iqitlinksmanager>ul>li:nth-child(4) a:before {padding-right:4px;content:"\f0e0";font-family:"FontAwesome"}
@media (max-width:768px) {
.header-nav .block-iqitlinksmanager a:before {font-size:18px}
}


{*--header--*}
.part.header-phone {display:flex;gap:10px;align-items:center;padding-right:30px} 
.part.header-phone i {font-size:21px;color:#ffc52b} 

{*--menu--*}
#iqitmegamenu-horizontal .tabs-links.col-3 {max-height:calc(-170px + 100vh);overflow-y:scroll}
.cbp-menu-column.cbp-menu-element {max-height:calc(-170px + 100vh);overflow-y:scroll}

.cbp-menu-column.cbp-menu-element::-webkit-scrollbar {width:2px}
#iqitmegamenu-horizontal .tabs-links.col-3::-webkit-scrollbar {width:2px}


{*--home--*}

.background-hom {position:absolute;bottom:0;right:0;height:100%;width:auto;z-index:0;object-fit:cover;pointer-events:none;user-select:none}
.label-wrapper-h {display:inline-block;font-family:sans-serif;font-weight:bold;color:white;line-height:1.2}
.label-h {position:relative;padding:10px 30px;margin:0;font-size:clamp(14px, 2.5vw, 28px);text-transform:uppercase}
.label-top-h {background-color:#3d3d3d; /* темно-сірий */clip-path:polygon(0 0, 100% 0, 95% 100%, 0% 100%)}
.label-bottom-h {background-color:#2e62ac; clip-path:polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);width:fit-content}
.fade-slider-container {position:absolute;width:200px;height:190px;margin:10px auto;background-image:url('/img/cms/simbol.webp');background-size:contain;background-position:center;background-repeat:no-repeat;overflow:hidden;display:flex;align-items:center;justify-content:center;left:calc(50% - 100px);bottom:calc(45%)}
.bg-dark-hom{background:#00000091}




@media (max-width:992px) {
.fade-slider-container {position:absolute;width:150px;height:150px;left:calc(50% - 150px);bottom:calc(80%)}
}

.fade-adv-text {position:absolute;color:#fff;font-size:clamp(16px, 2.5vw, 18px);font-weight:600;text-align:center;opacity:0;transform:scale(0.9);filter:blur(2px);transition:opacity 1s ease-in-out,transform 1s ease-in-out,filter 1s ease-in-out;padding:12px 35px;text-shadow:0 0 4px rgba(0, 0, 0, 0.7);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:1}

.fade-adv-text.visible {opacity:1;transform:scale(1);filter:blur(0)}
.fade-adv-text i {color:var(--color-yellow)}
.fade-texts {display:none}





{*--category--*}
.char-row{display:flex;gap:var(--gap-4);justify-content:space-between; --font-size:var(--font-size-12)}
.hover-visible-container {background-color:var(--color-white);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);padding:10px;bottom:0;display:none;inset-inline:0;position:absolute;transform:translateY(100%);transition:opacity var(--hover-animation-time) var(--animation-function);z-index:2}
.product-miniature:hover .hover-visible-container{box-shadow:0 6px 7px 0 #79797966;display:block;}
.hover-visible-container .name-char {color:var(--color-gray)}
.hover-visible-container .value-char {--font-size:var(--font-size-12);text-align:right}
.products-grid .product-miniature-default .product-reference {position:absolute;right:10px;top:15px}
.product-miniature {background:#fff;color:#262626}
.product-list-subcategories {background:#fff;padding:10px}
a.subcategory-name:hover {background:#ffc52b}

.js-product-miniature-wrapper .product-miniature .product-add-cart {display:none}
.js-product-miniature-wrapper:hover .product-miniature .product-add-cart {display:block;position:absolute;bottom:0;right:0}
.js-product-miniature-wrapper .product-price-and-shipping {margin-top:10px;margin-bottom:-10px}

@media (max-width:992px) {
.col-mobile-logo img.logo.img-fluid {max-width:135px}
}

@media (min-width:992px) {
.col-lg-2-4 {flex:0 0 auto;width:20% }
}

.hcatb .it-categ{border:6px solid transparent}
.hcatb .it-categ:hover {border:6px solid #ffc52b;transition-duration:.2s;transition-property:all;-moz-transform:translateY(-4px);-o-transform:translateY(-4px);-ms-transform:translateY(-4px);-webkit-transform:translateY(-4px);transform:translateY(-4px)}


{*--product--*}
.col-md-5.col-product-image {background:#fff;}
.btn-smallcontact {box-shadow:inset 0 1px 0 0 #fff6af;background:linear-gradient(to bottom, #ffec64 5%, #ffc52b 100%);background-color:#ffec64;border-radius:6px;border:1px solid #fa2;display:inline-block;cursor:pointer;color:#333;font-size:12px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #fe6}
.btn-smallcontact:hover {background:linear-gradient(to bottom, #ffc52b 5%, #ffec64 100%);background-color:#ffab23}
#iqithtmlandbanners-block-1 h5.block-title {display:none}
#product .col-md-5.col-product-image {position:relative;}
#product .product-reference {background-color:#ffc52b;border-radius:var(--border-radius);color:var(--color-white);height:fit-content;width:fit-content;padding:2px 3px;font-size:13px;position:absolute;z-index:2;right:10px;top:10px}
.bg-purple {background-color:#7360f2}
.item-mesenedger{width:40px;height:40px;border-radius:var(--border-radius)}
.item-mesenedger a {color:#fff!important}
.item-mesenedger:hover{background-color:#ffc52b!important}
.copy-tooltip {position:absolute;top:-20px;left:90%;transform:translateX(-50%);background-color:#28a745;color:#fff;padding:0px 5px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;z-index:10}
.copy-tooltip.show {opacity:1;transform:translateX(-30%)}
.copy-tooltip.error {background-color:#dc3545}
.social-sharing ul {margin-left:30px;margin-top:-20px;font-size:20px;padding-bottom:25px}
.product-tabs-nav {display:flex;justify-content:space-around;align-items:center;text-align:center;gap:10px;padding:10px 0}
.product-tabs-nav {position:sticky;top:55px;z-index:2;background:#fff;}
.product-tabs-nav .tab-item a {color:inherit;text-decoration:none;display:flex;gap:8px;align-items:center;transition:color 0.2s ease}
.product-tabs-nav .tab-item a:hover {color:#c9302c}
.product-tabs-nav .tab-item i {color:var(--color-yellow);font-size:24px;margin-bottom:5px}
.product-tabs-nav .tab-title {font-weight:600;color:#666}
section#product-details-wrapper{padding-top:3rem}
.section-content {background:#fff;padding:25px 15px;border-radius:var(--border-radius)}
#product-elige-y-compra, #product-description-wrapper, #product-details-wrapper {scroll-margin-top:120px;}
.product-description table {width:100%;table-layout:fixed;border-collapse:collapse}
.product-description td {padding:15px 0;text-align:center;vertical-align:top}
.product-description td a {position:relative;display:inline-block;width:100%;max-width:250px;text-align:center}
.product-description td a img {width:100%;height:auto;display:block}
span.name-cat-in {position:absolute;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);color:#fff;padding:6px 10px;font-size:clamp(12px, 3.2vw, 16px);line-height:1.3;text-align:center;white-space:normal}

@media (max-width:768px) {
.product-description table {display:block}
.product-description tbody {display:flex;flex-wrap:wrap;justify-content:space-around}
.product-description tr {display:contents;}
.product-description td {display:inline-block;  width:48%;  box-sizing:border-box;  padding:10px 1%}
.product-description td a {width:100%; max-width:100%}
}
@media (min-width:769px) {
#col-product-info,#iqithtmlandbanners-block-1 {position:sticky;top:65px;}
}

{*-cms-*}
.block-iqitlinksmanager-3,
.block-iqitlinksmanager-4,
.block-iqitlinksmanager-5 {
    background: #fff;
    padding: 25px 15px;
    margin-bottom: 10px!important;
    border-radius: 5px;
}


/* arcontactus-widget*/
.arcontactus-widget {opacity:0;transition:0.2s opacity}
.arcontactus-widget * {box-sizing:border-box}
.arcontactus-widget.active {opacity:1}
.arcontactus-widget.arcontactus-message {z-index:10000;right:20px;bottom:110px;position:fixed !important;height:70px;width:70px}
.arcontactus-widget .arcontactus-message-button {position:absolute;right:0;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.arcontactus-widget .arcontactus-message-button .icons {background-color:#fff;width:44px;height:44px;border-radius:50px;position:absolute;overflow:hidden;top:50%;left:50%;margin-top:-22px;margin-left:-22px}
.arcontactus-widget .arcontactus-message-button .static {position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-28px;width:52px;height:52px;text-align:center}
.arcontactus-widget .arcontactus-message-button .static svg {width:35px;height:35px;color:#fff}
.arcontactus-widget .icons-line {top:9px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-transition:cubic-bezier(0.13, 1.49, 0.14, -0.4);-o-transition:cubic-bezier(0.13, 1.49, 0.14, -0.4);transition:cubic-bezier(0.13, 1.49, 0.14, -0.4);-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);height:24px;transition:0.2s all}
.arcontactus-widget .icons-line i{padding:0 10px}
.arcontactus-widget .icons-line span {margin-right:0px;max-width:40px}
.arcontactus-widget .static {transition:0.2s all}
.arcontactus-widget .static.hide {transform:scale(0);opacity:0}
.arcontactus-widget .icons {transition:0.2s all}
.arcontactus-widget .icons.hide {transform:scale(0);opacity:0}
.arcontactus-widget .icons.hide .icons-line {transform:scale(0)}
.arcontactus-widget .icons .icon:first-of-type {margin-left:0}
.arcontactus-widget .arcontactus-close {color:#fff;padding:20px 25px}
.arcontactus-widget .messangers-block {background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.6);width:70px;position:absolute;bottom:80px;right:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:14px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:7px;-webkit-transform-origin:80% 105%;-ms-transform-origin:80% 105%;transform-origin:80% 105%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:ease-out 0.12s all;-o-transition:ease-out 0.12s all;transition:ease-out 0.12s all;z-index:10000}
.arcontactus-widget .messangers-block:before {position:absolute;bottom:-7px;right:24px;left:auto;display:inline-block !important;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content:''}
.arcontactus-widget .messangers-block.show-messageners-block {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .messanger {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;cursor:pointer;width:100%;padding:calc(50% - 20px);position:relative;min-height:54px}
.arcontactus-widget .messanger:hover {background-color:#eee}
.arcontactus-widget .msg-item-viber span {background:#7c529d}
.arcontactus-widget .msg-item-telegram-plane span {background:#2ca5e0}
.arcontactus-widget .msg-item-comments span {background:#7eb105}
.arcontactus-widget .msg-item-phone span {background:#b8860b}
.arcontactus-widget .messanger span {position:absolute;top:50%;margin-top:-20px;display:block;width:40px;height:40px;border-radius:50%;color:#fff;text-align:center;vertical-align:middle}
.arcontactus-widget .messanger span i {position:absolute;top:6px;left:6px;font-size:28px}
.arcontactus-widget .callback-countdown-block:before {position:absolute;bottom:-7px;right:25px;left:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;}
.arcontactus-widget .messangers-block .messangers-list {list-style:none;margin:0;padding:0}
.messangers-list-container {width:100%}