/*
Theme Name:     newfantorg
Theme URI:      https://www.fantorg.ru
Author:         Serg
Version:        4.0
*/ 



        #cookie-banner {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #4a4035; /* тёплый тёмно‑серый, сочетается с деревом */
            color: #f4f2ef;            /* мягкий белый */
            padding: 18px 20px;
            border-radius: 6px;
            z-index: 2;
            max-width: 420px;
            width: 90%;
            box-shadow: 0 4px 16px rgba(0,0,0,0.18);
            font-family: inherit;
            line-height: 1.5;
            text-align: center;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        #cookie-banner a {
            color: #f4f2ef;
            text-decoration: underline;
            text-decoration-thickness: 1.5px;
            text-underline-offset: 4px;
            text-decoration-color: #ff9e4a; /* фирменный оранжево‑жёлтый */
            opacity: 0.95;
        }
        #cookie-banner a:hover {
            opacity: 1;
            text-decoration-color: #d68238;
        }
        #cookie-accept {
            margin-top: 14px;
            padding: 10px 22px;
            cursor: pointer;
            background-color: transparent;
            color: #f4f2ef;
            border: 1px solid #ff9e4a;
            border-radius: 4px;
            font-weight: 600;
            font-size: 14px;
        }
        #cookie-accept:hover {
            background-color: #ff9e4a;
            color: #4a4035;
            border-color: #ff9e4a;
        }
        /* Класс для плавного скрытия */
        #cookie-banner.hidden {
            opacity: 0;
            transform: translateX(-50%) translateY(10px);
            pointer-events: none;
        }



nav.tsf-breadcrumb ol {padding-left: 0;color: #666;}
.tsf-breadcrumb {margin: 5px 0 20px;}

.floating-phones {
  position: fixed;
  top: 0;
  right: 40px;
  padding: 10px 50px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  z-index: 9999;
  display: none;
  left: 0;
}

.floating-phones.show {
  display: inline-block;
  width: 1100px;
  margin: 0 auto;
  background: transparent url(/wp-content/uploads/top_bg.jpg)repeat-x left top;
  height: 34px;
  text-align: center;
}

.floating-phones a {
    display: inline-block;
    text-decoration: none;
    margin: 5px 0;
    font-size: 20px;
    padding: 0 20px;
  color: #fffcc0;
}


.screen-reader-text {display: none;}

.diagonal-line-reverse {
    height: 1px;
    background-color: #E4C7AD;
content: " ";
  display: block;
  left: -35%;
  bottom: -23px;
  transform: rotate(-70deg);
  width: 183%;
  position: relative;
  right: 0;

}

.diagonal-newtovar {
  background: #FBF2E182 url(/wp-content/uploads/2024/10/bg2.webp);
  display: grid;
  grid-template-columns: 230px 40px 270px 40px 1fr;
  gap: 0px;
  border: 1px solid #C084526B;
  border-radius: 4px;
  margin: 10px 0 20px;
  padding: 10px 10px 10px 10px;
}

.diagonal-img {float: left;padding: 0 10px 0 0; }
/*.block a:link {color: #0558b7;}
.block a:visited {color: #093540;}*/





/* Кнопка открытия */
.menu-toggle {color: #5d5d5d;
    display: block;
    background: none;
    border: 1px solid #ccc;
    font-size: 20px;
    padding: 5px 10px;
    cursor: pointer;
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: -350px;
    width: 300px;
    height: 100%;
    background: #fff;
    box-shadow: 2px 0 10px rgba(0,0,0,0.2);
    transition: left 0.3s ease;
    z-index: 9999;
    padding: 20px 20px 0 20px;
    overflow-y: auto;    /* Добавить */
    max-height: 100%;    /* Добавить */
    overflow-y: auto;
}

/* Мобильное меню (открыто) */
.mobile-menu.active {
    left: 0;
}

/* Кнопка закрытия */
.menu-close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    float: right;
}

/* Стили списка меню */
.mobile-nav {
    list-style: none;
    padding: 0;
    margin: 50px 0;
}

.mobile-nav li {
    margin: 10px 0;
}

.mobile-nav a {
    text-decoration: none;
}

/* Десктопное меню */
.desktop-menu {
    display: none;
}

/* Показываем десктопное меню на больших экранах */
@media (min-width: 769px) {
    .menu-toggle {
        display: none;
    }
    
    .desktop-menu {
        display: block;
    }
    
    .desktop-nav {
        list-style: none;
        display: flex;
        gap: 15px;
        margin: 0;
        padding: 0;
    }


.menu-item {
    border-right: 1px solid #f26522;
    padding-right: 15px;
    line-height: 1;
    height: 15px;
}
.menu-item a {color: #0558b7;}
.menu-item a:hover {
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
  text-decoration-style:dotted;
}
.menu-item-3690 {
    border-right: 0;
}

}




    #cookie-notification {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: 700px;
        padding: 15px;
        background-color: #fff;
        /*background-color: #7c8693;*/
        border-radius: 5px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
        z-index: 1000;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #cookie-notification p {
        margin: 0;
        color: #333;
        flex-grow: 1;
        margin-right: 15px;
    }
.cnal {
  color: #0D3D72 !important;
}
  #cookie-notification a:visited{
  color: #fff200;
}
    #cookie-accept {
        background-color: #f9f6f3;
  color: #093540;
  border: 1px solid gray;
  padding: 8px 20px;
  cursor: pointer;
  border-radius: 4px;
  flex-shrink: 0;
    }
    #cookie-accept:hover {
        background-color: #45a049;
        color: white;
    }



/* Стили для лайтбокса */
.qdp-new{font-size: 22px; color: #f26522;font-weight: bold;}
.banner {display: flex;align-items: center;height: 100px;background: linear-gradient(120deg, #484141 21%, #fff 22%);color: black;padding: 0px; border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);overflow: hidden;position: relative;}
.qdp-logo {display: flex;align-items: center;justify-content: center;background: #484141;border-radius: 5px;padding: 5px;margin-right: 20px;flex-shrink: 0;margin-left: 15px;}
.feature-button {background: rgb(242, 101, 34);color: #fff !important;padding: 5px 10px;border-radius: 5px;font-size: 14px;font-weight: bold;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);transform: scale(0.8);opacity: 0;animation: button-pop 0.5s ease-in-out forwards;}
.text-container {position: relative;height: 100px;}
.fade-text {position: absolute;top: 25px;left: 60px;width: 470px;opacity: 0;animation: fade 12s infinite;}
.fade-title > p {margin: 5px 0;}
.fade-title {position: absolute;top: 0;left: 60px;width: 470px;}
.qdp-button {position: relative;top: 55px;left: 60px;}
.fade-texts > p {margin: 10px;}
.fade-text:nth-child(1) {animation-delay: 0s;}
.fade-text:nth-child(2) {animation-delay: 4s;}
.fade-text:nth-child(3) {animation-delay: 8s;}

@keyframes fade {
    0% { opacity: 0; } /* Начало анимации: текст не виден */
    10% { opacity: 2; } /* Текст появляется */
    30% { opacity: 2; } /* Текст остается видимым */
    40% { opacity: 0; } /* Текст исчезает */
    100% { opacity: 0; } /* Текст остается невидимым до конца анимации */
}


.button-container {position: absolute;
        bottom: 10px;
        right: 10px;
        display: flex;
        gap: 2px;
        opacity: 0;
        animation: button-appear 1s ease-in-out 1s forwards;
    }
    
    .feature-button {
        background: rgba(255, 215, 0, 0.9);
        color: #333;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 14px;
        font-weight: bold;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        transform: scale(0.8);
        opacity: 0;
        animation: button-pop 0.5s ease-in-out forwards;
    }
    
    .feature-button:nth-child(1) { animation-delay: 1.2s; }
    .feature-button:nth-child(2) { animation-delay: 1.4s; }
    .feature-button:nth-child(3) { animation-delay: 1.6s; }
    .feature-button:nth-child(4) { animation-delay: 1.8s; }
    .feature-button:nth-child(5) { animation-delay: 2s; }
    
    @keyframes button-appear {
        0% { opacity: 0; transform: translateY(10px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    
    @keyframes button-pop {
        0% { opacity: 0; transform: scale(0.8); }
        100% { opacity: 1; transform: scale(1); }
    }








body {font-family:Arial,Helvetica,sans-serif;color:#093540;line-height:1.5;font-size:15px;margin:0;}
#phones {font-size:calc(148% - 3%);text-align:center;font-family:Arial,Helvetica,sans-serif;padding:12px 40px 12px 0;}
#phones a {color:#fffcc0;text-align:center;white-space:nowrap;text-decoration:none;}
.fan-main {background:url(/wp-content/uploads/bg_body.jpg)repeat-y right;margin-right: 40px;background-color: white;}
.site-branding {max-width:1200px;display: flex;margin: -80px auto 0;}
.my-custom-cart-area {margin-left: -100px;margin-right: 100px;margin-top: 20px;}
.mobinave{display: flex;width: 1200px;margin: 50px auto;}
.box-alignment {width: 1200px;margin: 0 auto;}
.container-wide {width: 1200px;margin: 0 auto;}

.container {max-width:1200px;display:flex;margin:0 auto;padding:0 0 30px;}
.content_home {width:74%;}
.custom-logo-link {margin:0 auto;width: 344px;height: 80px;}
.custom-logo-link:focus{background: transparent;}
.mobimenu{display: none;}
.header-levo {background:transparent url(/wp-content/uploads/visual.jpg)no-repeat left top;}
.header-verh {height: 154px;background: transparent url(/wp-content/uploads/top_bg.jpg)repeat-x left top;position: relative;z-index: -1;}
.header-pravo {background:url(/wp-content/uploads/top_corner.jpg)no-repeat right top;position: relative;margin-right: -40px;}


/*
.hfg_header .header-bottom-inner {background-color:#fff0;background:url(/wp-content/uploads/bg_body.jpg)repeat-y right;}
footer {background:url(/wp-content/uploads/bg_body.jpg)repeat-y right;padding-right:40px;}
.nv-navbar {background:url(/wp-content/uploads/top_corner.jpg)no-repeat right top;height:190px;background-color:#fff0;}
.theme-new-fantik {background:url(/wp-content/uploads/top_bg.jpg)repeat-x top;margin:0;padding:0;}
*/

.bord{box-shadow: 0px 5px 5px -5px rgba(34, 60, 80, 0.6); width:80%;height: 20px;margin: 0 auto 30px;}


.loko {font-size:17px;font-weight:600;margin: 0 0 10px;line-height: 1.3;}
.mini-cart-info {display:inline-block;position:relative;margin-top:5px;}
.mini-pp {font-size:13px;margin:0;}
.reklama-title {font-weight:300;color:#F60;font-size:1.35em;margin:10px 0 0 10px;}
.wp-block-grid {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;border:1px solid #C08452;border-radius:4px;margin:20px 0;padding: 20px 0 20px 10px;}

.home-sidebar {width:260px;padding-right:40px;display:block;float:left;margin-top: 5px;}
.sidebar{width: 23%;margin-right: 2%;}
#undercar {color:#f26522;border:1px solid #f26522;padding:11px 13px;}
#undercar #pos-abs {left:26px;position:absolute;top:110px;}
.home-text{display: flex;}
.home-texl{width: 70%;margin-left: 70px; margin-top: 0px;text-align: justify;}
.home-texr{width: 30%; margin-left: 40px;margin-top: 30px;}
.nv-sidebar-wrap.nv-left {padding-right:20px;}
.page .nv-sidebar-wrap,.single .nv-sidebar-wrap {margin-top:0;margin-bottom:40px;}
.primary-sidebar {min-width:260px;padding-right:40px;padding-top:5px;display:block;}
.widget {padding-bottom:0;margin-bottom:40px;box-shadow:0 30px 20px -25px rgba(130,101,83,0.5);}
.widget p{}
.widget-title {font-weight:600;color:#F26522;font-size:1.35em;margin:0px 0 0 10px;}
.widget ul {background-color:#f8f5e9;padding:0;}
.widget ul li {margin-top:0;list-style:none;font:14px Arial;border-bottom:1px solid #d1c9b096;padding:7px 8px 12px 17px;border-right: 0;}
.widget ul li a {color:#355392;text-decoration:none;}

.home-sidebar > .widget > .menu-prajs-listy-container {
  position: relative;
  background-color: #E8D3A8;
  background: #DBE8D242 url(/wp-content/uploads/2024/10/bg2.webp);
  margin-top: 10px;
}
.home-sidebar >  .widget ul {vertical-align: middle;
  display: inline-block;
  backdrop-filter: blur(1px);
  background: rgba(255,255,255,0.4);
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.2);
  margin: 15px;}

  .home-sidebar > .widget ul li {
  margin-top: 0;
  list-style: none;
  font-size: 14px;
  border-bottom: 1px solid #d1c9b096;
  /*padding: 7px 3px 7px 13px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 17px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5; border-right: 0;
}

 .home-sidebar > .widget ul li a {
  color: #0558b7;
  text-decoration: none;
}
 .home-sidebar > .widget ul li a:hover {
  color: #06f;
}

.home-block-1{max-width:900px;margin-left:300px;}

.news_block_ogr {position:relative;background-color:#E8D3A8;background:#DBE8D2B5 url(/wp-content/uploads/2024/10/bg2.webp);margin-top:10px;}
.news_block_title_ogr {display:block;color:#FFF;font-size:1.5em;}
.news_title_ogr {vertical-align:middle;display:inline-block;backdrop-filter:blur(5px);background:rgba(255,255,255,0.4);border-radius:10px;border:1px solid rgba(255,255,255,0.2);margin:15px;padding:5px 10px;}
.news_title_ogr > .news_treler_text {font-size:16px;color:#093540d6;}
.k-image-container {position:relative;width:270px;height:80px;}
.k-image-frame {position:absolute;top:0;left:0;}
.k-image-text {padding-left:25px;font-size:15px;vertical-align:middle;}
.k-image-text a {font-size:15px;text-decoration:none;}
.navik {display:grid;grid-gap:28px;grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr;}
.style-frameImage {z-index:-1;transform:translateX(10%) translateY(-10%);background-color:#DBE8D2B5;height:100%;min-width:253px;background:#F6F9F3 url(/wp-content/uploads/2024/10/bg2.webp);}
.style-image {opacity:1;height:90px;margin:0;padding:0;}

.breadcrumbs a{color:#666;text-decoration:none;}
.breadcrumbs a:visited{color:#0060B6}
.breadcrumbs{font-size: 95%;}
.breadcrumbs, .kb_sep, .kb_title {color:#666;margin-bottom: 15px;}

h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 13px;}
h6 {font-size: 11px;}
a, .cat_title {text-decoration: none;color: #f26522;}
.entry-title{margin-top: 0;color: #f26522;margin-bottom: 10px;}

a{outline:none;text-decoration:none;}
a{color: #0558b7;}
/*a:link{color: #06f;}
a:visited{color: #06f;}*/
a:hover{color:#0066ff;background:transparent;text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
  text-decoration-style:dotted;}



.info,
.success,
.warning,
.error {
	position: relative;
	padding: 10px 10px 10px 80px;
	min-height: 30px;
}
.info:before,
.success:before,
.warning:before,
.error:before {
	position: absolute;
	top: 55%;
	width: 70px;
	margin-left: -58px;

}
.info {color: #084298; background: #bde5f8;}
.info:before {content: url('https://www.fantorg.ru/wp-content/uploads/2024/11/info.png');transform: translateY(-50%);}
.success {color: #0f5132; background: #dff2bf;}
.success:before {content: "\f00c";}
.warning {color: #5f5000; background: #feefb3;}
.warning:before {content: url('https://www.fantorg.ru/wp-content/uploads/2024/12/warning.png');transform: translateY(-50%);}
.error {color: #842029;	background: #ffccba;}
.error:before {content: url('https://www.fantorg.ru/wp-content/uploads/2024/12/error.png');transform: translateY(-50%);}


.nav-links{text-align: center;}
.page-numbers{margin: 5px;}
.pagination{padding: 10px;}
.current{padding: 5px 10px;border: 1px solid #f26522;}
.dqd {
  width: 70%;
  float: left;
}

.dqd-media {
  width: 27%;
  margin-left: 20px;
  float: right;
  font-size: 93%;
}

.dqd-medias {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  padding: 10px 0;
}

.dqd-image-container {
  height: 100px;
  overflow: hidden;
  position: relative;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.dqd-cropped-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.dqd-video-title {
  clear: both;
	padding-top: 40px;}
.dqd-video {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

@media (max-width: 768px) {
  .dqd, .dqd-media {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}
.dqd h2 {color: #F26522;}
.dqd-media > h3 {font-size:14px;margin: 5px 0;}
.dqd-media > ul {padding-left: 15px;}
.dqd-video-container {
  position: relative; /* Делаем контейнер относительным для позиционирования иконки */
}

.play-icon {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 40px; /* Размер иконки */
  color: white; /* Цвет иконки */
  background-color: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
  border-radius: 25%; /* Круглая форма */
  padding: 5px 10px; /* Отступы внутри иконки */
  cursor: pointer; /* Курсор в виде указателя */
  transition: background-color 0.3s ease; /* Плавное изменение фона */
}

.play-icon:hover {
  background-color: rgba(0, 0, 0, 0.7); /* Изменение фона при наведении */
}

.dashicons-cart {background-color:#eaf2e4;color:#dea86d;backdrop-filter:blur(5px);background:rgba(255,255,255,0.4);border-radius:10px;border:1px solid rgb(199,147,103);vertical-align:middle;padding:10px;}

.bloc3 {display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:5px;max-width:1200px;margin:0 auto;}
.mcs {background-color:#E2E2E2;background-image:linear-gradient(toright,#E2E2E220%,#f7f7f750%,#E2E2E265%);height:60%;border-right:2px solid #fff;padding:8px;}
.mcs a {text-decoration:none;color:#355392;display:inline-block;font-size:.9em;line-height:1.2em;height:35px;width:100%;text-align:center;}
.mcs img {margin-left:0;margin-bottom:10px;}
.pras {text-align:center;font-weight:600;color:#2C3E50;font-size:16px;}

.vdo {-webkit-columns: 250px 3;-moz-columns: 250px 3;columns: 250px 3;-webkit-column-gap: 0px;-moz-column-gap: 0px;column-gap: 0px;-webkit-column-rule: 1px solid #eee;-moz-column-rule: 1px solid #eee;column-rule: 1px solid #eee;background-color: #fbfbfb;padding: 10px 0;}
.vdo > li {margin-left: 30px;}
.vdos {color: #0558b7;text-decoration: none;line-height: 1.6;}
.vdo2 {-webkit-columns: 250px 2;-moz-columns: 250px 2;columns: 250px 2;margin: 40px 0;}

.svazms{position:absolute;right:auto;left:-14px;width:100px;background:#e1eadb;word-break:break-word;border:1px solid #c4c4c4;border-radius:4px;transform:translateX(-100%);cursor:pointer;font-size:16px;text-align:center;margin:10px 10px 0;padding:6px 12px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);}
.messendg{position:fixed;right:20px;bottom:8%;z-index:1;display:flex;flex-direction:column;}
.trigger-button{cursor:pointer;position:relative;}
.contact-icons{display:none;position:absolute;bottom:110%;left:50%;transform:translateX(-50%);margin-top:10px;border-radius:5px;z-index:10;flex-direction:column;padding:10px;}
.contact-icons.show{display:flex;gap:10px;}
.contact-icons a{display:inline-block;position:relative;width:45px;height:45px;}
.tooltip{display:none;position:absolute;bottom:50%;right:110%;transform:translateY(50%);background-color:#333;color:#fff;border-radius:4px;font-size:14px;white-space:nowrap;z-index:10;opacity:0;transition:opacity .3s ease;padding:5px 10px;}
.wtsp{background-color:#2fd35d;}
.tlgr{background-color:#51a0e9;}
.contact-icons a:hover .tooltip{display:block;opacity:1;}
.chatfan{background-color: #1B93EF;border-radius: 50%;padding: 11px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);}

.brhk{padding:0 4px}

.vwt {width:130px;border:1px solid #a7a7a7ed;display:block;border-radius:8px;height:22px;text-decoration: none;color: #093540;font-size: 14px;margin: 0 0 18px 0;}
.vwt_img {position:relative;background-color:#fff;display:block;margin-right:10px;float:left;margin-left:10px;margin-top: -10px;}
.kontakti{display:grid;grid-template-columns:1fr 26% 26%;gap:40px;}


.foot-info {display:grid;grid-template-columns:300px 1fr 200px 1fr;gap:50px;}
.site-footer {width:1200px;margin:0 auto;}
.site-info {padding:25px 0;}

.count {display:none;}
.shop_table {display:block;}
.woocommerce-loop-category__title{color: #093540;}
.quantity{margin-right:13px!important;display: inline-block;}
.qty{padding:8px;min-width: 4em;border: 1px solid #c6c6c6;}
.woocommerce-loop-product__title {/*color: #093540;*/color: #0060B6;font-weight: 400;/*font-size: 1rem !important;*/}
.price {color:#000 !important;font-size:18px!important;margin-bottom: 0 !important;font-weight: 500 !important;margin-left: 10px;}
.woocommerce div.product form.cart {margin-top: 1.3em;}


.woocommerce a.added_to_cart {width: 100%;text-align: center;padding: 3px 0;background-color: #e1eadb;margin-top: 10px;}
.custom-request-notice {font-size: 16px;color: #d00;padding: 10px;margin-top: 10px;background-color: #f9f9f9;}
.single_add_to_cart_button, .add_to_cart_button{background: linear-gradient(to top, #1A52A8, #4D83D6)!important;color: #fff!important;font-weight: 300!important;}
.product-is-added{width:100%}
.woocommerce button.button.added::after{display: none;}
.term-description {margin-top: 40px;}
.ajax_add_to_cart:after{display: none;}
.page-title {margin-top: 0;color: #f26522;margin-bottom: 20px;}


.alignright{float:right;}
.knopka{margin-left: 60px;text-align: center;background-color: #fff;width: 190px;padding: 4px;border: 4px double #dd7e4a;border-radius: 15px 0 15px 0;display: block;text-decoration: none;font-weight: bold;font-size: 14px;color: #f26522;}
.kdovla{background-color: #bdecb6;padding: 6px 12px;border-radius: 10px;border: 4px double white;}
.kdovla:link{color: #093540;text-decoration: none;}
.kdovla:visited{color: #093540;}
.kdovla:hover{background: #88cf88;color: #093540;}

#menu-menu {margin-top: 0px;padding-left: 18px;}
#menu-menu > .menu-item {display: inline-block;padding-right: 5px;font-size:16px;padding-bottom: 7px;}
#menu-menu > .menu-item a{text-decoration:none;border-right:1px solid #e0bc81;padding-right: 10px;color: #093540;padding-left: 5px;}
#menu-item-48 a{border-right: 0px !important;}
.mega-menu-item-48 > .mega-menu-link{border:0 !important;}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link{margin-bottom: 10px; }

.alignleft{float:left;}
.alignright{float:right;margin: 10px 0 20px 20px;}
.size-full{margin: 0 20px 0 0;}

.posts-search{display: inline-block;
  margin: 20px 8px;
  width: 180px;
  height: auto;}
.serch_post_img{width:180px;height:135px;}
.post-search-title{overflow: hidden;
  text-overflow: ellipsis;
  height: 85px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;}

.pracal{display: flex;}
.calcul{border: 1px solid #f26522;padding: 15px;width: 220px;height: 430px;}
.stic{position: sticky;top: 40px;height: 600px;margin: 0 0 0 20px;}

.calcule {border: 1px solid #f26928;padding: 10px;min-width: 250px;font-size: 13px;}
.calfor {width: 130px;display: inline-block;margin: 3px 0;}
.calculitg {margin: 3px 7px 0 0;font-size: 12px;width: 133px;display: inline-block;text-align: right;}
.calcrez {font-size: 15px;color: #07f;}
.cnopa{position: relative;margin-left: 150px;}
.calmin{margin: 0 0 0 20px;}
.tabltolst{width: 730px;}

.tabqu > tr > td {padding: 4px .4rem 4px;text-align: center;border-bottom: 1px solid #999999;}











.woocommerce div.product form.cart .button {margin-top: 0 !important;}
.woocommerce ul.products li.product .button {font-size: 14px;}
.rr	{/*background: linear-gradient(to top, #1A52A8, #4D83D6) !important;*/
	background: linear-gradient(to top, #E76223, #FB6823E5) !important;color:white;}
.checkout-button {width: auto;}
.woocommerce-order-action--mobile-app {display: none !important;}
.woocommerce table.shop_attributes th {width: 200px;text-align: left;line-height: 1.2;padding: 4px;border-bottom: 1px dotted rgba(0,0,0,.45);}
.woocommerce table.shop_attributes td {border-bottom: 1px dotted rgba(0,0,0,.45);}
.woocommerce table.shop_attributes td p {padding: 4px 0;}
.woocommerce span.onsale {
  min-height: 1.4em;
  min-width: 4.236em;
  padding: .202em 1em;
  line-height: 1.236;
  border-radius: 16%;
  background-color: #f8f5e9;
  color: #355392;
  border: 1px solid #e96425;
}
.woocommerce-Tabs-panel > h2 {display: none;}
.wc-tab > h2 {display: none;} 

.fantorg-cart-wrapper {display: inline-block;min-width: 140px;max-width: 150px;}
.cart-icon {display: inline-block;width: 24px;height: 24px;background: #F26522;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    }
.cart-count {background: #96BC4D;color: white;border-radius: 40%;padding: 2px 10px;font-size: 12px;min-width: 18px;text-align: center;top: -19px;position: relative;margin-right: 10px;}
.checkout-btn {padding: 1px 3px;background: #F26522;color: white !important;text-decoration: none;border-radius: 3px;font-size: 13px;white-space: nowrap;border: 4px double white;clear: both;display:block;text-align:center;}
.checkout-btn:hover {background: #3e8e41; color: white;}
.cart-total-no{margin-left:30px;margin-top:-30px;display: block;}
.add_to_cart_button {padding:3px 8px;}



.site-main{width: 1200px;margin: 0 auto;}
.meas{display: flex;gap: 10px;margin-bottom: -10px;}
.plk > tr > td {padding: 5px 10px;border: 1px solid grey;}

.section-title-prais{font-size: 20px;}


/* 404 Page Styles */
.error-404.not-found {
    text-align: center;
    min-height: 30vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.error-404 .mainbox {
    font-size: 5rem;
    line-height: 1;
    color: #ff4c4c;
    font-weight: 700;
    margin: 0 auto 1rem;
}

.error-404 .page-title {
    font-size: 2rem;
    margin-bottom: 0.5rem;
    color: #333;
}

.error-404 .msg {
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0 auto 2rem;
    max-width: 600px;
}

.error-404 .msg a {
    color: #ff4c4c;
    text-decoration: none;
    font-weight: 500;
}

.error-404 .msg a:hover {
    text-decoration: underline;
}

.error-404 .search-form-wrapper {
    max-width: 500px;
    margin: 0 auto;
}

.error-404 .search-form-wrapper input[type="search"] {
    width: 100%;
    padding: 0.8rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.error-404 .search-form-wrapper input[type="submit"] {
    background: #ff4c4c;
    color: white;
    border: none;
    padding: 0.3rem 1.5rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.error-404 .search-form-wrapper input[type="submit"]:hover {
    background: #e04141;
}



@media screen and (max-width: 1080px) {
	.container {padding: 0 10px 30px;}
	.header-levo {background: none;}
	.custom-logo-link{margin: 0;padding-right: 280px;}
	#phones{font-size: 19px;text-align: left;margin-left: 20px;}
	.site-branding{grid-template-columns: 1fr;}
	.fan-main {padding: 0px 0px 20px 0px;}
	.home-texl {width: 60%;margin-left: 0px;}
	.home-texr{width: 40%;}
	.k-image-text {padding-left: 10px;vertical-align: middle;}
	.k-image-text a {font-size: 14px;}
	.k-image-container {position: relative;width: 100%;height: 80px;}
	.style-frameImage {height: 100%;min-width: 200px;}
	.navik{margin-top: 40px;}
	.mobinave {width: 90%;margin: 50px 20px;}
	.site-footer, .box-alignment {width: 95%;margin: 0 20px;}
	.news_title_ogr > .news_treler_text {font-size: 14px;}
	.size-full {margin: 0;float: none;}
	.bloc3 {grid-template-columns: 1fr 1fr 1fr;}
	.foot-info {grid-template-columns: 1fr 1fr;gap: 10px;}
	.tabltolst {width: 100%;}
	
	.stic {margin: 0 0 0 10px;}
	.calcule {padding: 7px;min-width: 213px;}
	.calfor {width: 100px;}
	.cnopa {margin-left: 120px;}
}

@media screen and (max-width: 480px) {
	.box-alignment {width: 100%;}
	.site-footer {width: 100%;margin: 0;}
	.header-levo {background:none;}
	.header-pravo {background:none;margin-right: 0px;}
	.box-alignment {width: auto;margin-top: 40px;}
	.checkout-button {width: 100px;}
	.add_telegram {top:58%!important;}
	.add_whatsapp {top:50%!important;}
	.header{background: none;}
	.custom-logo-link{display: block;margin: 0 auto;}
	footer {background: none;padding: 20px;}
	.fan-main{background: none;padding-right: 0px;padding-top: 0px;margin-right: 0;margin-top: 0px;}
	.site-branding{display: block;}
	/*.mobinave{display: grid;grid-template-columns: 1fr 1fr;}*/
	.mobinave {width: 40%;margin-top: 56px;margin-left: 60%;margin-bottom: 10px;}
	.main-navigation{margin:auto;}
	.custom-logo-link {padding: 10px 0;}
	.navik{margin: 0 auto;grid-template-rows: 1fr 1fr 1fr;grid-template-columns: 1fr;max-width: 300px;}
	.home-sidebar{width: 100%;height: auto;margin-bottom: 30px;padding-right: 0px;float:none;}
	.wp-block-grid{grid-template-columns: 1fr;gap: 20px;}
	.bloc3{grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns: 1fr;gap: 5px;padding: 0 20px;}
	.container{margin: 40px 10px 0 10px;padding: 0;}
	.site-footer {width: 100%;}
	.foot-info {grid-template-columns: 1fr;gap: 10px;}
	.home-text{display: block;}
	.home-texl{width: 100%;margin-left: 0px; margin-top: 10px;text-align: revert;}
	.home-texr{width: 100%; margin-left: 0px;}
	.my-custom-cart-area{margin: 60px 20px 0;width: 40%;float: left;}
	.tvmd, .tvmo{display:none;}
	#phones{padding: 10px 0;}
	.hfg_header {height: 125px;}
	.messendg {bottom: 3%;}
	.sidebar{display:none;}
	.content_home {width: 100%;}
	.vdo > li {padding-bottom: 5px;}
	.quantity {margin-right: 5px !important;}
	.qty {min-width: 3em;}
	.pracal {display: block;}
	.stic {position: relative;top: 40px;height: auto;margin: 10px 0 40px 0px;}
	.calmin{margin: 30px 0;}
	.descmenu{display: none;}
	.mobimenu, .kontakti{display: block;}
	/*.woocommerce ul.products li.product .button {font-size: 14px;background: linear-gradient(to top, #1A52A8, #4D83D6) !important;color:white;}*/
	.woocommerce div.product form.cart .button {margin-top: 0 !important;}
	.size-full {margin: 10px 20px 0 0;float: left;}
	 .style-frameImage {min-width: 240px;}
	.k-image-text {padding-left: 25px;}
	.meas{display: block;gap: 10px;margin-bottom: -10px;}
	.container-wide {width: 100%;}
	body {color: #000;}
	.home-block-1{max-width: 100%;margin-left: 0;}
	
	.qdp-logo {min-height: 215px;}
	.banner {min-height: 215px;}
	.text-container {min-height: 215px;}
	.fade-texts {position: relative;left: 0; width: auto;}
	.qdp-new{margin-bottom: -15px;display: block;}
	.cta-button{margin-top:10px;display: block;}
	.play-icon {top: 40%;font-size: 25px;}

  table {font-size: 14px;}
  .hide-on-mobile {display: none;}
  .qdp-logo {
  border-radius: 0;
  padding: 5px;
  margin-right: 0;
  flex-shrink: 0;
  margin-left: 0;
}
.fade-title {
  position: absolute;
  top: 0;
  left: 10px;
  width: 350px;
  line-height: 1.2;
}
.fade-text {
  position: absolute;
  top: 45px;
  left: 10px;
  width: 230px;
  opacity: 0;
  animation: fade 12s infinite;
    animation-delay: 0s;
  line-height: 1.2;
  font-size: 14px;
  }
.qdp-button {
  position: relative;
  top: 85px;
  left: 10px;
}
.button-container {
  bottom: 6px;
  right: 10px;
}


.diagonal-newtovar {grid-template-columns: 1fr;grid-template-rows: 1fr 15px 1fr 15px 1fr; }
.diagonal-line-reverse {width: 100%;left: 0%;right: 0;bottom: -5px;transform: rotate(0deg);}
.widget ul li {padding: 7px 18px 11px 17px;}

.floating-phones.show {width: 100%;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 60px;}
  .floating-phones {padding: 10px 10px;}
}
