/* =========================  RESET & BASE  ========================= */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --header-h:110px;
  --c-bg-head:#e9f3ff;
  --c-border:#d6dee6;
  --c-accent:#0078ba;
  --badge-new:#FF2F2F;
  --badge-sale:#F09915;
  --badge-hit:#FF32EB;
  --badge-spec:#2152F2;
  --badge-season:#38C795;
  --badge-preorder:#41BC1F;
  --badge-clear:#FF632F;
  --badge-stock:#fff;
}
html,body{
  overflow-x:hidden;
  scroll-padding-top: var(--header-h);
  scroll-behavior: smooth; 
}
body{
  padding-top:var(--header-h);
  font-family:Tahoma,sans-serif;
  background:#fff;
  line-height:1.4;
  color:#333
}
a{text-decoration:none;color:#2580C3}
ul{list-style:disc outside; list-style-type: none;}

/* =========================  HEADER  ========================= */
.header{
  position:fixed;inset:0 0 auto 0;z-index:1000;background:#fff;transition:box-shadow .5s cubic-bezier(0.4, 0, 0.2, 1)
}
.header.is-stuck{box-shadow:0 2px 8px rgba(0,0,0,.08)}

.header-top{background:#F5F5F5;overflow:visible;max-height:500px;opacity:1;transition:max-height .5s cubic-bezier(0.4, 0, 0.2, 1),opacity .5s cubic-bezier(0.4, 0, 0.2, 1),margin-top .5s cubic-bezier(0.4, 0, 0.2, 1),margin-bottom .5s cubic-bezier(0.4, 0, 0.2, 1),padding-top .5s cubic-bezier(0.4, 0, 0.2, 1),padding-bottom .5s cubic-bezier(0.4, 0, 0.2, 1);position:relative;z-index:1001}
.header-top__inner{
  width:1200px;margin:0 auto;padding:8px 0;display:flex;justify-content:space-between;align-items:center;font-size:.9rem
}
.header-top__left{display:flex;position:relative;z-index:1002}
.header-top__left a{color:#1D1D1D;margin-right:20px;font-size:14px;font-weight:400}
.header-top__left a:hover{text-decoration:underline}
.company-link{display:flex;align-items:center}
.company-link .arrow{margin-left:3px;font-size:.8rem;color:#666}
.header-top__center{flex:1;text-align:center}
.new-version-link{color:#2580C3;font-weight:400}
.header-top__right{display:flex;align-items:center;gap:16px}
.header-top__right span{font-size:13px;font-weight:400;color:#1D1D1D80}
.header-top__right strong{font-weight:700}

.header-top__more-wrap{display:none;position:relative;vertical-align:middle}
.header-top__more-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;padding:0;border:none;background:transparent;
  color:#1D1D1D;font-size:18px;line-height:1;cursor:pointer;border-radius:4px;
  font-family:inherit
}
.header-top__more-btn:hover{background:rgba(0,0,0,.06);color:#1D1D1D}
.header-top__more-popup{
  position:absolute;top:100%;left:0;margin-top:6px;min-width:180px;
  padding:8px 0;background:#fff;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.12);
  display:flex;flex-direction:column;z-index:10010
}
.header-top__more-popup[hidden]{display:none !important}
.header-top__more-popup a{
  padding:10px 16px;color:#1D1D1D;font-size:14px;font-weight:400;
  white-space:nowrap;transition:background .15s
}
.header-top__more-popup a:hover{background:#F5F5F5;text-decoration:none;color:#2580C3}

@media (max-width: 929px) {
  .header-top__nav-extra{display:none !important}
  .header-top__more-wrap{display:inline-flex;align-items:center}
}

.header-mid{background:#fff;transition:background .5s cubic-bezier(0.4, 0, 0.2, 1)}
.header-mid__inner{display:flex;gap:16px;align-items:center;padding:10px 0;margin:0 auto;transition:padding .5s cubic-bezier(0.4, 0, 0.2, 1)}

/* search */
.header-search{display:flex;flex:1;justify-content:space-between;align-items:center;background:#F5F5F5;border-radius:24px;position:relative}
.header-search input{flex:1 1 auto;padding:6px 10px;min-width:0;border:none;background:transparent;border-radius:4px 0 0 4px}
.header-search input:focus{outline:none}
.header-search input::placeholder{color:#BEBEBE}
.search-btn{border:none;background:transparent;padding:6px 12px;cursor:pointer;border-radius:0 4px 4px 0}
.clear-btn{position:absolute;right:52px;top:50%;transform:translateY(-50%);background:transparent;border:0;padding:0;cursor:pointer;display:none}
.header-search.has-text .clear-btn{display:block}
.search-dropdown{
  max-height:353px;overflow-y:auto;position:absolute;left:50%;top:calc(100% + 6px);
  padding:16px 20px 12px;display:none;gap:20px;background:#fff;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.15);
  z-index:10000;transform:translateX(-50%);width:1200px;max-width:min(1200px,100vw - 32px)
}
.header-search.open .search-dropdown{display:flex}
.search-col{display:flex;flex-direction:column;flex:1;max-height:353px;overflow-y:auto}
.search-col:not(:last-child){border-right:1px solid #eee}
.search-col h4{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:6px;font:600 16px/1.2 Tahoma,sans-serif;margin-bottom:8px}
.search-col ul{list-style:none;margin:0;padding:0}
.search-col li+li{margin-top:4px}
.search-col a{font-size:12px;line-height:1.3}
.news-list li{line-height:1.2}
.news-list time{display:block;font-size:10px;color:#999;margin-top:2px}
.products li{display:flex;gap:6px;align-items:flex-start}
.products img{width:32px;height:32px;object-fit:contain}
.products .title{font-size:12px;line-height:1.3;font-weight:400}
.products .sub{font-size:10px;color:#777;margin-top:2px}
.search-dropdown a{color:#1D1D1D;transition:color .15s}
.search-dropdown a:hover{color:#2580C3;text-decoration:underline}
.products li>a{display:flex;gap:6px}

.prod_in_trash {
  float: right;
  width: 10px;
  height: 8px;
  margin: 3px 2px 0 0;
  background: url(/images/bchecker.png) 0 0 no-repeat;
  *margin-top: 6px;
}

@media (max-width:768px){
  .search-dropdown{width:100%;max-width:calc(100vw - 32px);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;gap:16px}
  .search-col{flex:0 0 auto;min-width:280px;max-width:none;max-height:353px;overflow-y:auto}
  .search-col:not(:last-child){border-right:1px solid #eee;border-bottom:none;padding-bottom:0;margin-bottom:0}
}

/* cart / compare / buttons */
.header-cartinfo{display:flex;align-items:center}
.cart-icon{background:#F5A08B;color:#fff;padding:10px;border-radius:8px;font-size:1.2rem;margin-right:10px}
.cart-icon:hover{background:#e47f6b;transition:background .2s}
.cart-text{display:flex;flex-direction:column}
.cart-qty{color:#F5A08B}
.cart-sum{font-weight:700}
.header-compare{position:relative;width:40px;height:40px;border-radius:50%;background:#F5F5F5;display:flex;justify-content:center;align-items:center}
.compare-icon{background:#F5F5F5;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#555}
.compare-count{position:absolute;top:-5px;right:-5px;background:#FF4A4A;color:#fff;border-radius:999px;min-width:20px;height:13px;padding:0 4px;font-size:9px;display:flex;justify-content:center;align-items:center;line-height:1}
.header-buttons{display:flex;gap:10px;margin-left:auto}

/* =========================  DROPDOWN (MEGA)  ========================= */
.dropdown{position:relative;isolation:isolate}
.dropdown-toggle{display:flex;align-items:center;gap:4px;cursor:pointer}
.dropdown-toggle .arrow{transition:transform .2s}
.dropdown:hover .arrow,.dropdown.open .arrow{transform:rotate(180deg)}
.dropdown-menu{
  position:absolute;top:100%;left:0;z-index:10000;display:none;width:540px;max-width:calc(100vw - 32px);
  max-height:calc(100vh - 32px);overflow:auto;padding:16px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.15);border-radius:16px
}
.dropdown:hover>.dropdown-menu,.dropdown.open>.dropdown-menu{display:flex}
.dropdown-menu.dir-left{left:auto;right:0}
.dropdown-menu.dir-up{top:auto;bottom:100%;border-radius:16px}
.dropdown-col{flex:1}
.dropdown-col+.dropdown-col{border-left:1px solid #d6dee6;padding-left:32px}
.dropdown-menu h4 a{font:700 15px/1.3 Tahoma,sans-serif;margin:12px 0 4px;color:#0066b3 !important;}
.dropdown-menu ul{margin:0 0 12px;padding:0;list-style:none}
.dropdown-menu a{display:block;padding:2px 0;font:14px/1.4 Tahoma,sans-serif;color:#111}
.dropdown-menu a:hover{color:#0066b3;text-decoration:underline}

/* =========================  TOP SECTION & PROMO  ========================= */
.top-section{display:flex;gap:20px;}

.top-section__left{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.top-section__right{
  width:auto;
}

.top-section__right .login-panel h3 {font-size: 28px;}
.top-section__right .login-panel form .form-group label {font-size: 19px;}

.promo-big-block{
  background:#f5f5f5;border-radius:16px;display:flex;justify-content:space-between;padding:20px;position:relative;
  background-image:url('/images/main/tape.png');background-repeat:no-repeat;background-position:top right;background-size:60% 100%
}
.promo-big-block__content{max-width:60%}
.promo-big-block__content h1{font-size:28px;font-weight:700;margin-bottom:10px;color:#1D1D1D}
.subtitle{color:#1D1D1D;margin-bottom:15px}
.btn-big{padding:12px 24px;font-size:1rem}
.btn-blue{background:#2580C3;color:#fff;border:none}
.balloons-img{height:100%;margin-left:5px}

/* promo image container + frames */
.promo-big-block__image{position:relative;flex:0 0 40%;min-height:220px;overflow:hidden}
.pr-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
.promo-big-block__image>.pr-img:first-child{opacity:1}
@keyframes fromTop{0%{transform:translateY(-100%)}100%{transform:none;opacity:1}}
@keyframes fromBottom{0%{transform:translateY(100%)}100%{transform:none;opacity:1}}
@keyframes fromLeft{0%{transform:translateX(-100%)}100%{transform:none;opacity:1}}
@keyframes fromRight{0%{transform:translateX(100%)}100%{transform:none;opacity:1}}
.from-top{animation:fromTop .8s ease-out forwards}
.from-bottom{animation:fromBottom .8s ease-out forwards}
.from-left{animation:fromLeft .8s ease-out forwards}
.from-right{animation:fromRight .8s ease-out forwards}

/* =========================  MINI PROMO + LOGIN  ========================= */
.promo-mini-blocks{display:flex;gap:20px}
.promo-mini-block{flex:1;background:#f5f5f5;border-radius:16px;padding:15px;display:flex;gap:10px}
.mini-block__icon{width:24px;padding-top:6px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center}
.mini-block__icon img{max-width:40px}
.mini-block__text{display:flex;flex:1;gap:8px;flex-direction:column;justify-content:space-between}
.mini-block__text .btn{margin-top:auto;width:fit-content;padding:6px 16px}
.mini-block__text h3{font-size:1.1rem}

.login-panel{background:#2580C3;color:#fff;padding:16px;border-radius:16px;padding-bottom: 34px;}
.login-panel h3{margin-bottom:15px;font-size:18px}
.login-panel form{display:flex;flex-direction:column;gap:10px}
.form-group{position:relative}
.form-group input{
  width:100%;
  padding:24px 16px 12px;
  border-radius:8px;
  border:none;
  margin-top: 14px;
  font-size:1.2rem;
  color:#000;
  background:#fff
}

#password{padding-right:34px;}
.form-group input:focus{outline:none}
.form-group input::placeholder{color:transparent}
.form-group label{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  color:#1D1D1D;
  margin-top: 8px;
  font-size:1rem;
  pointer-events:none;
  transition:.2s
}
.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{top:8px;transform:none;font-size:.75rem;color:#1D1D1D4D}
.password-field{position:relative;display:flex;align-items:center}
.toggle-pass{position:absolute;right:8px;background:transparent;border:none;color:#555;cursor:pointer}
.form-group .toggle-pass{top:55%;transform:translateY(-50%);padding:0}
.form-group .toggle-pass img{width: 20px;height: 20px;margin-top: 10px;}
.login-links{display:flex;flex-direction:column;gap:5px;font-size:.85rem}
.login-links a{color:#fff;text-decoration:underline; margin-top: 8px;}
.login-links-inner{display:flex;flex-direction:column;gap:5px;font-size:.85rem}
.login-links-inner a{color:#fff;text-decoration:underline;}

/* =========================  BANNERS + NEWS  ========================= */
.two-banners-and-news{display:flex;gap:16px}
.banners-block{display:flex;flex:2;gap:16px}
.banner-card{flex:1;width:220px;border-radius:16px;color:#1D1D1D;padding:15px;display:flex;gap:16px;flex-direction:column;align-items:flex-start}
.banner-card .btn{margin-top:auto}
.banner-green{background:#84EF804D}
.banner-yellow{background:#F2E99CCC}
.banner-gray{background:#f5f5f5}
.banner-card h3{font-size:18px;color:#333;line-height:1.3}
.banner-card .news-buttons{width:100%;display:flex;justify-content:space-between;}

.news-panel{flex:1;background:#F5F5F5;border-radius:8px;padding:15px;border:none;display:flex;flex-direction:column;gap:10px}
.news-panel__header{display:flex;justify-content:space-between;align-items:center}
.news-panel__header h2{font-size:1.2rem;color:#333}
.news-item h4{color:#2580C3;margin-bottom:3px;font-size:1rem}
.news-item h4 a{color:#2580C3}
.news-item h4 a:hover{text-decoration:underline}
.news-item time{font-size:.85rem;color:#666}
.news-panel__buttons{display:flex;justify-content:space-between;margin-top:auto;flex-wrap:wrap}
.news-panel__buttons .btn-all-news{margin-top:0}

/* цвета баджей для каталога */
.badge-color__season {background-color: #fcfffd}
.badge-color__special_offer {background-color: #4651f9}
.badge-color__hit_sale {background-color: #c251a3}
.badge-color__sale {background-color: #f08125}
.badge-color__new {background-color: #FF2F2F}
.badge-color__to_order {background-color: #10ce6a}
.badge-color__stoc {background-color: #df00c0}
.badge-color__stoc2 {background-color: #a4a4a4}

/* =========================  FOUR COLS  ========================= */
.col-block{background:none;border:none}
.col-title{text-align:center;margin:0 0 12px;font:700 18px/1.25 Tahoma,sans-serif;color:#333}
.col-block img{width:100%;display:block}
.col-block ul{margin-top:5px;list-style:disc outside;padding-left:20px}
.col-block ul li{margin-bottom:5px}
.col-block ul li::marker{color:#2580C3}
.col-block ul li a{color:#2580C3;font:400 15px/1.5 Tahoma,sans-serif}
.col-block a:hover{text-decoration:underline}


/* =========================  PARTNERS  ========================= */
.partners{margin-bottom:30px}
.partners h2{font-size:1.5rem;margin-bottom:15px}
.partners-list{
  display:flex;justify-content:space-between;align-items:center;list-style:none;flex-wrap:wrap;padding:0;margin:0
}
.partners-list li{
  height:80px;display:flex;align-items:center;justify-content:center;flex:1 1 0;padding:0 10px;border-right:2px dotted #999;background: none;
}
.partners-list li:last-child{border-right:none}
.partners-list a img{display:block}

/* =========================  FOOTER  ========================= */
.footer{margin-top:30px;font-size:.9rem;color:#333}
.footer .container{padding:0}

.footer-line1{background:#f9f9f9;padding:10px 0}
.footer-line1__inner{display:flex;justify-content:space-between;align-items:center}
.footer-menu-center{display:flex;align-items:center}
.footer-menu-center a{margin-left:20px;color:#333}
.footer-line1__right .btn-blue{background:#2580C3;color:#fff;border:none}

.footer-line2{background:#F8F8F8;padding:15px 0}
.footer-line2__inner{display:flex;justify-content:space-between;align-items:center;gap:20px}

.footer-news-block{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px}
.icon-bubble{width:32px;height:32px;background:#2580C3;padding:6px;border-radius:8px}
.icon-bubble img{width:100%;height:100%}
.news-text p{font-size:.9rem;line-height:1.3}

.footer-social-block{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:10px}
.footer-social-block p{margin-right:10px}
.footer-social-block .social-icons{display:flex;gap:12px}
.footer-social-block .social-icons .icon-bubble{background:#F3F3F3}
.footer-social-block .social-icons a img{width:100%;height:100%}

.footer-question-block{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:10px}
.footer-question-block p{margin-right:10px}
.footer-question-block .question-icons a img{width:32px;margin-left:5px}
.footer-question-block .question-icons {display: flex;}

.footer-line3{background:#F8F8F8;padding:10px 0}
.footer-line3__inner{display:flex;justify-content:space-between;align-items:center}
.footer-left-info{font-weight:700}
.footer-phones span{margin-left:20px}
.footer-right-credit p{display:flex !important;align-items:center;gap:5px}
.footer-right-credit img{height:14px}

/* =========================  USER PANEL  ========================= */
.user-panel{background:#F8F8F8;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;color:#1D1D1D;font-size:14px}
.user-panel__head{display:flex;justify-content:space-between;align-items:center;font-size:18px}
.user-panel__filling{gap:8px}
.logout-btn{padding:0;background:transparent;border:none;cursor:pointer}
.user-ask{background:#fff;border-radius:16px;padding:18px 12px;text-align:center;font-size:14px;display:flex;flex-direction:column;gap:16px}
.user-ask__icons{display:flex;justify-content:center;gap:16px}
.user-ask__icons a{width:auto;height:auto;background:none;border-radius:0;padding:0;line-height:0}
.user-ask__icons img{width:32px;height:32px}
.user-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:14px}
.user-links a{color:#2580C3;text-decoration:underline}
.user-links a:hover{text-decoration:none}
.logout-btn img{width:20px;height:20px}
.logout-btn:hover{opacity:.8}

/* =========================  CATALOG  ========================= */
.breadcrumbs{font-size:13px;color:#777;margin-bottom:8px}
.breadcrumbs a{color:inherit}
.breadcrumbs a:hover{text-decoration:underline}

.catalog-wrapper{display:flex;gap:24px;margin-top:16px}
.catalog-nav{width:220px;flex-shrink:0;font-size:15px}
.catalog-nav h3{font-size:16px;margin-bottom:8px;color:#2580C3}
.catalog-nav ul{list-style:none;padding-left:0}
.catalog-nav li+li{margin-top:4px}
.catalog-nav h3 a{color:#2580C3}
.catalog-nav a{color:#1D1D1D}
.catalog-nav a:hover{color:#2580C3;text-decoration:underline}

.catalog-side{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}
.filter-panel{background:#F5F5F5;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:20px;font-size:16px}
.filter-panel h4{font-size:20px;margin:0}
.filter-selects select{
  display:block;width:100%;padding:9.5px 12px;border:none;border-radius:8px;background:#fff url("./images/chevron-down.svg") no-repeat right 20px center;background-size:18px;
  font:16px/1.3 Tahoma,sans-serif;color:#000;appearance:none
}
.filter-selects select:focus{outline:none;box-shadow:0 0 0 2px rgba(37,128,195,.3)}
.filter-selects select option[disabled]{color:#BEBEBE}
.filter-selects select+select{margin-top:12px}
.filter-group{display:flex;flex-direction:column;gap:12px}
.filter-group label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}
.filter-group input[type="checkbox"]{width:16px;height:16px;border:2px solid #1D1D1D80;border-radius:2px;cursor:pointer;appearance:none;position:relative}
.filter-group input[type="checkbox"]:checked{background:#2580C3;border-color:#2580C3}
.filter-group input[type="checkbox"]:checked::after{content:"";position:absolute;left:50%;top:45%;width:8px;height:3px;border:2px solid #fff;border-right:none;border-top:none;transform:translate(-50%,-50%) rotate(-45deg)}
.filter-warning{display:flex;align-items:center;gap:4px;background:#FF4A4A1A;color:#FF4A4A;padding:4px 8px;border-radius:16px;font-size:13px;margin-top:16px;flex-wrap:nowrap}
.filter-warning .icon{flex-shrink:0;width:20px;height:20px;border:2px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}
.filter-actions{display:flex;flex-direction:column;gap:12px;padding-top: 16px;}
.filter-actions .btn{padding:9.5px 15.5px;font-size:14px;border-radius:24px}

.catalog-main{flex:1 1 100%;min-width:0}
.catalog-header{display:flex;align-items:center;gap:16px}
.catalog-header h1{font-size:28px;line-height:1.2;margin:0}
.catalog-header .total{font-size:16px;color:#1D1D1D}

.cards-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,193px);
  grid-auto-rows:1fr;
  gap:24px;margin-top:16px;
  justify-content:start;
}

@media(max-width: 576px) {
  .cards-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    justify-content:stretch;
  }
}

.cards-grid>a{
  display:flex;
}

@media(max-width: 580px) {
  .cat-card h3 {
    word-wrap:break-word;
    overflow-wrap:break-word;
    word-break:break-word;
  }
}

@media(max-width: 400px) {
  .cat-card {
    padding: 12px;
    gap: 10px;
  }
  .cat-card h3 {
    font-size: 14px;
  }
}

.catalog-main .cards-grid a{color:#1D1D1D; text-decoration: none;}
.catalog-main .cards-grid a:hover{text-decoration:underline}
.cat-card{background:#F5F5F5;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .15s;flex:1 1 auto;min-width:0;overflow:hidden}
.cat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}
.cat-card img{width:100%;object-fit:contain;border-radius:8px;background:#f5f5f5}
.cat-card h3{
  font-size:16px;
  color:#1D1D1D;
  margin:0;
  margin-top:auto;
  word-wrap:break-word;
  overflow-wrap:break-word;
  word-break:break-word;
  hyphens:auto;
}
.cat-card ul{list-style:none;padding-left:0;font-size:14px}
.cat-card li+li{margin-top:4px}
.cat-card a{color:#1D1D1D}
.cat-card a:hover{text-decoration:underline}


.page-title{font-weight:700;font-size:28px;line-height:1.25;margin:0 0 12px;color:#1D1D1D}
.page-lead{font-weight:400;font-size:16px;line-height:1.35;margin:0 0 32px;color:#1D1D1D}
.section-title{font-weight:700;font-size:20px;margin:0 0 24px;color:#1D1D1D}

/* Стили для страниц поставщиков и других разделов */
.how-to-buy:not(:has(.order-switch)) ul li{font-size:16px;line-height:1.45;color:#1D1D1D;margin-bottom:8px;background:none!important;padding-left:20px!important;list-style:disc}
.how-to-buy:not(:has(.order-switch)) ol li{font-size:16px;line-height:1.45;color:#1D1D1D;margin-bottom:8px;background:none!important;padding-left:20px!important}
.how-to-buy:not(:has(.order-switch)) a:hover{text-decoration:underline}
.how-to-buy:not(:has(.order-switch)) a[style*="text-decoration:underline"]:hover{text-decoration:underline}

.order-switch{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.switch-card{flex:1 1 380px;border-radius:20px;background:#F5F5F5;padding:16px;display:flex;flex-direction:column;gap:8px;border:none;text-align:left;cursor:pointer;transition:box-shadow .15s}
.switch-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.05)}
.switch-card.is-active{cursor:default;box-shadow:none}
.switch-card .card-main{font-weight:400;font-size:16px;line-height:1.4;color:#1D1D1D}
.switch-card .card-note{font-size:14px;color:#7A7A7A}
.switch-card a{text-decoration:underline}
.switch-card .card-main a{color:#0B79D0}
.switch-card .card-note a{color:#7A7A7A}

.order-steps{list-style:none;margin:0 0 40px;display:flex;flex-direction:column;gap:16px;padding:0}
.order-steps li{background:#F5F5F5;border-radius:16px;padding:16px;display:grid;grid-template-columns:24px 1fr;column-gap:12px;row-gap:0;align-items:start}
.step-icon{width:20px;height:20px;border-radius:50%;background:#0B79D0;display:flex;align-items:center;justify-content:center;flex-shrink:0;grid-column:1;grid-row:1/span 2;margin:4px 0 0}
.step-icon svg{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.step-head{display:flex;align-items:center;gap:8px;margin:0 0 4px;grid-column:2}
.order-steps p{margin:0;font-size:16px;line-height:1.45;color:#1D1D1D;grid-column:2}
.step-title{font-weight:700;font-size:16px;color:#1D1D1D}
.order-note{font-size:14px;line-height:1.45;margin-bottom:48px;color:#1D1D1D}

.cashcarry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.cashcarry-head h2{font-weight:700;font-size:24px;margin:0;color:#1D1D1D}
.map-link{font-weight:400;font-size:14px;color:#0B79D0}
.cashcarry-desc{font-size:14px;line-height:1.4;margin:0 0 24px;color:#1D1D1D}
.stores-title{font-weight:700;font-size:16px;margin:0 0 16px;color:#1D1D1D}
.stores-flex{display:flex;gap:24px}
.stores-flex>*{flex:1 1 50%}
.store-buttons{display:flex;flex-direction:column;gap:12px}
.store-btn{font-size:16px;font-weight:600;padding:10px 18px;border-radius:8px;border:none;text-align:left;cursor:pointer;background:#EAF3FF;color:#0B79D0;transition:background .15s}
.store-btn.is-active{background:#0B79D0;color:#fff}
.store-btn:hover:not(.is-active){background:#D8E9FF}
.store-map{background:#F5F7FA;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:24px}
.store-map img{width:100%;height:auto;display:block;border-radius:12px}
.store-map iframe[map-frame]{width:100%!important;max-width:100%!important;height:480px;border-radius:12px;display:block}
.btn-contact{width:100%;padding:14px 24px;border:none;background:#0B79D0;color:#fff;font-weight:600;font-size:16px;border-radius:12px;cursor:pointer}
.btn-contact:hover{opacity:.9}

/* =========================  БЫСТРЫЙ ЗАКАЗ  ========================= */

.filter-panel__head{ position:relative; display:flex; align-items:center; justify-content:space-between; }
.fast-order__head-left{ display:flex; align-items:center; gap:8px; }

.fast-order__row{
  display:flex;
  align-items:stretch;
  gap:8px;
  width:100%;
}

.fast-order__code,
.fast-order__qty{
  flex-basis:0;
  min-width:0;
}

.fast-order__code{ flex:2 1 0; }

.fast-order__qty{
  flex:1 1 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:36px;
  padding:0 12px;
  border-radius:8px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
}

.fast-order__input{
  display:block;
  width:100%;
  height:36px;
  border:0;
  border-radius:8px;
  padding:0 12px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
  font-size:14px;
  line-height:56px;
  outline:none;
  box-sizing:border-box;
}

.fast-order__code--with-search{ position:relative; }
.fast-order__code--with-search .fast-order__input{ padding-right:36px; }
.fast-order__search{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:28px;height:28px;
  border:0;
  border-radius:6px;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  opacity:.6;
}
.fast-order__search:hover{ opacity:1; }
.fast-order__search[disabled]{ opacity:.35; cursor:default; pointer-events:none; }

.fast-order__qty--plain{ justify-content:flex-start; padding:0 8px; }
.qty__input{
  width:100%;
  text-align:center;
  border:0;
  background:transparent;
  font-size:16px;
  line-height:1;
  padding:0;
  outline:none;
  color:#1D1D1D;
}
.qty__input::placeholder{ color:#1D1D1D4D; }

.qty__btn{ width:28px;height:28px; border:0;border-radius:50%; background:transparent; position:relative; cursor:pointer; }
.qty__btn::before{
  content:""; position:absolute; inset:0; margin:auto; width:8px; height:8px;
  border-right:2px solid #1D1D1D4D; border-top:2px solid #1D1D1D4D; transform:rotate(45deg);
}

.qty__btn--minus::before{ transform:rotate(225deg); }
.qty__btn:disabled{ opacity:.4; cursor:default; }

.fast-order .filter-actions{ gap:12px; }

.visually-hidden{
  position:absolute!important;
  height:1px; width:1px;
  overflow:hidden; clip:rect(1px,1px,1px,1px);
  white-space:nowrap;
}

/* Информер */
.fast-order__hint{
  width:22px; height:22px;
  border-radius:50%;
  border:1px solid #2580C3;
  color:#2580C3;
  background:#fff;
  font:600 14px/22px inherit;
  text-align:center;
}


.fo-tip{
  position:absolute;
  z-index:30;
  max-width:280px;
  padding:8px 10px;
  border-radius:8px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.06) inset;
  font-size:13px;
  line-height:1.35;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .12s ease, transform .12s ease;
}
.fo-tip.show{ opacity:1; transform:translateY(0); }
.fo-tip::after{
  content:"";
  position:absolute;
  right:14px; top:-4px;
  width:10px; height:10px;
  background:#fff;
  transform:rotate(45deg);
}


/* =========================  #colsSwiper (локальные правила)  ========================= */


/* =========================  TABLES / PAGINATION  ========================= */
.product-table-wrapper, .page-block-wraper-detail {
  --c-bg-head:#e9f3ff;--c-border:#d6dee6;--c-accent:#0078ba;
  --badge-new:#FF2F2F;--badge-sale:#F09915;--badge-hit:#FF32EB;
  --badge-spec:#2152F2;--badge-season:#38C795;--badge-preorder:#41BC1F;
  --badge-clear:#FF632F;--badge-stock:#fff;
  margin-top:24px
}
.img-toggle-line{margin:12px 0; display: flex; justify-content: space-between;}
.img-toggle{color:var(--c-accent);display:inline-flex;align-items:center;gap:6px;
  text-decoration:underline}
.catalog-topbar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;}
.catalog-topbar .total{margin-left:auto}
.perpage a{color:var(--c-accent);text-decoration:underline}
.perpage a.is-active{color:#1d1d1d;text-decoration:none;font-weight:400}
.view-mode{display:flex;gap:8px;align-items:center}
.view-mode a{color:var(--c-accent);font-weight:700;text-decoration:underline}
.view-mode a.is-active{color:#1d1d1d;text-decoration:none}

/* === ТАБЛИЦА ТОВАРОВ === */
/* рамка только снаружи + разделители между строками */
.product-table{width:100%;border-collapse:collapse;border:1px solid var(--c-border);
  table-layout:auto}
.product-table th,.product-table td{border:none}
.product-table thead th{background:var(--c-bg-head);padding:12px 14px;font-weight:700;
  vertical-align:middle;border-bottom:1px solid var(--c-border)}
.product-table tbody tr+tr{border-top:1px solid var(--c-border)}
.product-table tbody td{padding:4px 14px;vertical-align:top}

/* центр. группа «Название | Код | Производитель» */
.product-table thead .col-name{text-align:center}
.th-groups{display:inline-flex;align-items:center;justify-content:center;gap:18px}
.th-group{display:inline-flex;align-items:center;gap:6px;position:relative;white-space:nowrap}
.th-group + .th-group::before{
  content:""; width:1px; height:1.2em; background:#c9d5e2; display:inline-block;
  margin:0 8px 0 4px;
}

/* единый элемент стрелки сортировки */
.sort-ico{display:inline-block;width:9px;height:11px;background:url('/i/arrows.gif') 0 0 no-repeat;
  text-indent:-9999px;overflow:hidden;flex:0 0 9px}

/* «Стоимость» — по левому краю */
.product-table thead .col-price{text-align:left}
.product-table thead .th-price{display:inline-flex;align-items:center;gap:6px}
.product-table .col-price .sub{font-size:12px;font-weight:400;color:#666;margin-top:2px}

/* колонка выбора — фикс ширина, одинаковое выравнивание чекбоксов */
.product-table .col-select{width:170px;text-align:left;white-space:nowrap}
.product-table .col-select label,
.product-table thead .col-select .select-all{display:flex;align-items:center;gap:8px;margin:0}
.product-table input[type="checkbox"]{margin:0}

/* ячейка с названием */
.product-info{display:flex;gap:12px;min-width:0}
.thumbs{flex:0 0 64px}
.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:6px}
.desc .title{color:#1a73e8;text-decoration:none;font-weight:400;display:inline-block;margin:4px 0 6px}
.desc .title:hover{text-decoration:underline}
.desc .meta{color:#666;font-size:14px}
.badges{display:flex;gap:6px;margin-top:2px}
.badge{display:inline-block;padding:4px 10px;border-radius:16px;color:#fff;font-size:12px;line-height:1}
.badge-new{background:var(--badge-new)}
.badge-sale{background:var(--badge-sale)}

/* правая колонка (цены/наличие/управление) */
.col-price .price-per-unit{font-weight:700;font-size:20px}
.col-price .price-per-pack{font-weight:700;margin-top:2px}
.col-price .price-per-pack_line-through{text-decoration: line-through;margin-top:2px}
.col-price .ruble{font-weight:400}
.availability{margin:6px 0 8px;color:#666}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
.dot.gray{background:#bbb}.dot.yellow{background:#f3c930}.dot.green{background:#49b45a}.dot.red{background:#7B1113}
.order-controls{display:flex;gap:8px;align-items:center}
.order-controls input[type="number"]{width:80px}
.unit-select{padding:6px 28px 6px 8px;border:1px solid #ccd6e0;border-radius:6px;
  background:#fff url('./images/chevron-down.svg') no-repeat right 8px center / 14px}
.btn-cart{width:40px;height:34px;border-radius:8px;border:1px solid #ccd6e0;background:#fff url('./images/cart.svg') center/18px no-repeat;}

/* нижние кнопки */
.product-bottom-actions{display:flex;gap:16px;margin:16px 0}
.btn-outline,.btn-primary{padding:10px 16px;border-radius:8px;border:1px solid #c9d5e2;background:#fff}
.btn-primary{background:#eaf3ff}

/* чтобы таблица не «выпирала» в сайдбар при узких экранах */
.catalog-main{min-width:0}

/* === ТАБЛИЦА СКИДОК (ДЕСКТОП) === */
.discount-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #cfe0ec;margin:16px 0 8px}
.discount-table th,.discount-table td{padding:12px 14px;border:1px solid #e0ebf4;border-left:none;border-top:none}
.discount-table th{background:#eef7ff;white-space:nowrap;text-align:left}
.discount-table tr:last-child td{background:#f9fbfc}
.discount-note{font-size:14px;color:#444}
.discount-note .red{color:#ff6a6a}

/* === ТАБЛИЦА СКИДОК (МОБИЛЬНАЯ ВЕРСИЯ — 2 колонки) === */
.discount-table-mob{display:none;margin:16px 0;border:1px solid #cfe0ec;border-radius:6px;overflow:hidden}
.dtm-row{display:grid;grid-template-columns:1fr 1fr}
.dtm-row:nth-child(odd){background:#f3f7f6}
.dtm-l,.dtm-r{padding:12px 14px;border-top:1px solid #e0ebf4}
.dtm-l{font-weight:600}
.dtm-row .discount_t{background-color: #ffcc33;}
.dtm-row .discount_b{background-color: #ffcc33;}
.sort-icon{display:inline-flex;flex-direction:column;gap:2px;margin-right:4px}
.sort-icon .arrow{width:6px;height:6px}
.pipe{margin:0 4px;color:var(--c-accent);font-weight:700}
.product-info{display:flex;gap:12px}
.in_basket{background-color: #f7f7f7 ! important;}
.thumbs img{width:90px;height:90px;object-fit:cover;border-radius:4px}
.desc{line-height:1.3}
.desc .badges{margin-bottom:4px}
.title{color:var(--c-accent);font-weight:400;text-decoration:none}
.title:hover{text-decoration:underline}
.meta{font-size:12px;color:#666}
.badge{display:inline-block;font-size:11px;font-weight:700;color:#fff;border-radius:12px;padding:1px 8px 2px;margin-right:4px}
.badge-new{background:var(--badge-new)}
.badge-sale{background:var(--badge-sale)}
.badge-hit{background:var(--badge-hit)}
.badge-spec{background:var(--badge-spec)}
.badge-season{background:var(--badge-season)}
.badge-preorder{background:var(--badge-preorder)}
.badge-clear{background:var(--badge-clear)}
.badge-stock{background:var(--badge-stock);color:#000;border:1px solid #aaa}
.col-price{min-width:230px}
.price-per-unit{font-weight:700;font-size:16px}
.price-per-pack{font-weight:700;font-size:15px}
.ruble{font-weight:400}
.price-per-unit small,.price-per-pack small{font-weight:400;font-size:12px}
.availability{font-size:12px;margin:4px 0 6px;color:#666;display:flex;align-items:center}
.dot{width:8px;height:8px;border-radius:50%}
.dot.gray{background:#bfbfbf}
.dot.yellow{background:#f6b93b}
.dot.green{background:#7dbd34}
.order-controls{display:flex;align-items:center;gap:6px}
.order-controls input{width:60px;padding:4px 6px;text-align:center;border:1px solid var(--c-border);border-radius:4px}
.unit-select{padding:5px 4px;font-size:12px;border:1px solid var(--c-border);border-radius:4px;background:#fff;cursor:pointer}
.btn-cart{display:inline-block;width:40px;height:24px;border:none;border-radius:4px;cursor:pointer;background:var(--c-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='11' r='1'/%3E%3Ccircle cx='11' cy='11' r='1'/%3E%3Cpath d='M1 1h2l1 7h8l2-5H4'/%3E%3C/svg%3E") no-repeat center/12px 12px}
.btn-cart:hover{opacity:.9}
.buybutton{text-align:center;vertical-align:middle}
.buybutton .btn-cart{display:inline-block}
.product-bottom-actions{display:flex;justify-content:flex-end;gap:16px;margin:24px 0 16px}
.btn-outline,.btn-primary{padding:10px 24px;font-size:15px;border-radius:4px;cursor:pointer;transition:opacity .15s,background .15s}
.btn-outline{background:#f3f3f3;border:1px solid var(--c-border);color:#888}
.btn-primary{background:var(--c-accent);border:1px solid var(--c-accent);color:#fff}
[disabled]{opacity:.45;cursor:not-allowed}
.btn-showmore{display:block;width:100%;padding:18px 0;margin:0 auto 32px;background:#fff;border:1px solid var(--c-border);border-radius:4px;font-size:16px;cursor:pointer;transition:background .15s}
.btn-showmore:hover{background:#fafafa}
.pagination{display:flex;justify-content:center;gap:6px;margin-bottom:40px;font-size:0}
.page,.ellipsis{display:inline-block;font-size:15px;padding:8px 16px;border:1px solid var(--c-border)}
.page{color:var(--c-accent);cursor:pointer;transition:background .15s}
.page.is-active{background:#fff5cc;font-weight:700;pointer-events:none}
.page:hover:not(.is-active){background:#e9f3ff}
.ellipsis{border:none;color:#777}

.discount-table{width:100%;box-sizing:border-box;border:2px solid var(--c-border);border-collapse:collapse;table-layout:fixed}
.discount-table th,.discount-table td{border:1px solid var(--c-border);padding:4px;white-space:nowrap;font-size:11px}
.discount-table tr:first-child td{background:#e6f1e6}
.discount-table tr:nth-child(2) td{background:#d0dcdc}
.discount-note{font-size:14px;margin-bottom:64px}
.discount-note .red{color:#ff4a4a;font-weight:700}
.discount-table th:first-child{width:105px;text-align:left}
.product-table tbody td.col-check{text-align:center;vertical-align:middle}
.product-table tbody td.col-check input{vertical-align:middle}
.sort-icon{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;height:12px;vertical-align:middle;margin-right:4px;position:relative;top:-1px}
.sort-icon .arrow{width:6px;height:6px}

/* =========================  BUTTONS (COMMON)  ========================= */
.btn{display:inline-block;justify-content:center;padding:8px 16px;border-radius:24px;text-align:center;transition:.2s;background:#fff;border:1px solid #2580C3;color:#2580C3}
.btn:hover{opacity:.9}
.btn-primary{background:#2580C3;border:none;color:#fff}
.btn-light{background:#F5F5F5;color:#333;border:none}
.btn-light:hover{background:#e4e4e4;color:#000;transition:background .2s,color .2s}
.btn-big{padding:12px 24px;font-size:1rem}
.btn-blue{background:#2580C3;color:#fff;border:none}
.btn-outline{background:transparent;border:1px solid #2580C3;color:#2580C3}
.btn-outline:hover{background:#2580C3;color:#fff;transition:background .2s,color .2s}
.btn-submit{background:#2580C3;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}
.btn-border-black{background:transparent;border:1px solid #000;color:#000;padding:6px 16px;border-radius:24px}
.btn-border-black:hover{background:#000;color:#fff;transition:background .2s,color .2s}
.btn-blue-subscribe{background:#2580C3;color:#fff;padding:6px 14px;border-radius:24px;border:none}
.btn-auth{
  color:#2580C3;
  border:1px solid #fff;
  background:#fff;
  padding:16.7px 0;
  margin-top:8px;
  font-size: 1.2em;
}
.catalog-side .btn-auth{
  padding:11.5px 0;
}
.catalog-side  {
.login-panel{background:#2580C3;color:#fff;padding:16px;border-radius:16px}
.login-panel h3{margin-bottom:15px;font-size:18px}
.login-panel form{display:flex;flex-direction:column;gap:10px}
.form-group{position:relative}
.form-group input{width:100%;padding:24px 16px 8px;border-radius:8px;border:none;font-size:1.1rem;color:#000;background:#fff}
.form-group input:focus{outline:none}
.form-group input::placeholder{color:transparent}
.form-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#1D1D1D;font-size:1rem;pointer-events:none;transition:.2s}
.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{top:12px;transform:none;font-size:.75rem;color:#1D1D1D4D}
.password-field{position:relative;display:flex;align-items:center}
.toggle-pass{position:absolute;right:8px;background:transparent;border:none;color:#555;cursor:pointer}
.form-group .toggle-pass{top:55%;transform:translateY(-50%);padding:0}
.login-links{display:flex;flex-direction:column;gap:5px;font-size:.85rem}
.login-links a{color:#fff;text-decoration:underline}
}

.btn-auth:hover{color:#fff;border:1px solid #fff;background:#2580C3;transition:background .2s,color .2s}
.btn-all-news{display:inline-block;width:fit-content;margin-top:auto;border:1px solid #2580C3;color:#2580C3;border-radius:24px;padding:6px 14px}
.btn-all-news:hover{background:#2580C3;color:#fff;transition:background .2s,color .2s}

/* =========================  MOBILE TOOLBAR & MENU  ========================= */
.mobile-only{display:none}
.mobile-tabbar{
  position:fixed;bottom:0;left:0;right:0;height:56px;z-index:1000;background:#fff;box-shadow:0 -2px 6px rgba(0,0,0,.06);font:12px/1 Tahoma,sans-serif
}
.mobile-only-block { display: none; }

.filter-panel__head{ position:relative; }

.filter-panel__toggle{
  display:none;
  position:absolute; top:2px; right:8px;
  width:28px; height:28px;
  align-items:center; justify-content:center;
  background:transparent; border:0; cursor:pointer; padding:0;
  color:#2580C3;
}
.filter-panel__chev{ transition:transform .2s ease; }

.filter-panel__body{
  overflow:hidden;
  display:flow-root;
  transition:max-height .3s ease, padding .2s ease, margin .2s ease;
}

/* Десктопная таблица - видна только на десктопе */
.filter-table-desktop{display:table}
.filter-table-mobile{display:none}

/* На десктопе скрываем мобильные строки */
.filter-row-mobile{display:none !important}

/* Мобильная таблица - видна только на мобилке */
@media (max-width:880px){
  .filter-table-desktop{display:none !important}
  .filter-table-mobile{
    display:table !important; 
    width:100% !important;
    max-width:100% !important;
    table-layout:fixed !important
  }
  table.filter-form div.buttons_border {
    padding-top: 0 !important;
  }
  
  /* Показываем первый инпут на мобилке */
  .filter-panel__content .plt_row_M > div > .inputfield,
  .filter-panel__content .plt_row_P > div > .inputfield,
  .filter-panel__content .plt_row_S > div > .inputfield,
  .filter-panel__content #plt_cont_M_mobile .plt_row_M > div > .inputfield,
  .filter-panel__content #plt_cont_P_mobile .plt_row_P > div > .inputfield,
  .filter-panel__content #plt_cont_S_mobile .plt_row_S > div > .inputfield {
    display: block !important;
  }
  
  /* Отступ между первым инпутом и дополнительными на мобилке */
  .filter-panel__content #itemsloc_M_mobile,
  .filter-panel__content #itemsloc_P_mobile,
  .filter-panel__content #itemsloc_S_mobile {
    margin-top: 7px;
  }
  
  /* На мобилке скрываем все десктопные строки */
  .filter-row-desktop{display:none !important}
  
  /* На мобилке показываем только мобильные строки */
  .filter-row-mobile{
    display:block !important; 
    width:100% !important;
    max-width:100% !important
  }
  
  .filter-row-mobile td{
    width:100% !important;
    max-width:100% !important;
    display:block !important;
    padding:0 !important;
    box-sizing:border-box !important
  }
  
  /* Панель занимает всю ширину */
  .filter-row-mobile .filter-panel-mobile{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important
  }
  
  /* Мобильные селекты во всю ширину */
  .filter-table-mobile select,
  .filter-table-mobile input[type="text"],
  .filter-table-mobile textarea{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important
  }
  
  .filter-panel__content{
    width:100% !important
  }
  
  /* Только текстовые поля и селекты на всю ширину, исключая кнопки */
  .filter-panel__content select,
  .filter-panel__content input[type="text"],
  .filter-panel__content input.inputfield:not(.filterless):not(.more),
  .filter-panel__content textarea{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important
  }
  
  /* Кнопки закрытия и добавления - нормальный размер */
  .filter-panel__content input.filterless,
  .filter-panel__content input[type="image"],
  .filter-panel__content input.more,
  .filter-panel__content input[type="button"]{
    width:auto !important;
    max-width:none !important;
    display:inline-block !important
  }
  
  .filter-panel-mobile{
    background:#F5F5F5;
    border-radius:16px;
    padding:0;
    margin:8px 0;
    overflow:hidden;
    transition:all .3s ease;
    gap:0 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column
  }
  
  .filter-panel-mobile .filter-panel__head{
    display:flex !important;
    justify-content:space-between;
    align-items:center;
    padding:10px;
    position:relative;
    user-select:none
  }
  
  .filter-panel-mobile .filter-panel__title{
    flex:1;
    font-weight:500;
    font-size:11pt !important;
    margin:0;
    color:#1D1D1D
  }
  
  .filter-panel-mobile .filter-panel__toggle{
    display:flex;
    position:relative;
    top:auto;
    right:auto;
    width:28px;
    height:28px;
    align-items:center;
    justify-content:center;
    background:transparent;
    border:none;
    cursor:pointer;
    padding:0;
    flex-shrink:0;
    color:#1D1D1D
  }
  
  .filter-panel-mobile .filter-panel__chev{transition:transform .3s ease}
  .filter-panel-mobile.is-collapsed .filter-panel__chev{transform:rotate(-90deg)}
  .filter-panel-mobile .filter-panel__body{overflow:hidden;transition:max-height .3s ease}
  .filter-panel-mobile .filter-panel__content{padding:0 16px 16px 16px}
  
  .filter-panel-mobile select,
  .filter-panel-mobile .inputselect{
    width:100%;
    padding:0;
    border:1px solid #e0e0e0;
    border-radius:8px;
    background:#fff;
    font-size:14px;
    box-sizing:border-box
  }
  
  .filter-panel-mobile input[type="text"],
  .filter-panel-mobile .inputfield{
    width:100%;
    padding:10px 12px;
    border:1px solid #e0e0e0;
    border-radius:8px;
    background:#fff;
    font-size:14px;
    box-sizing:border-box
  }
  
  .filter-panel-mobile input[type="button"],
  .filter-panel-mobile .more{margin-top:8px}
  
  .filter-panel-mobile #itemsloc_M > div,
  .filter-panel-mobile #itemsloc_P > div,
  .filter-panel-mobile #itemsloc_S > div{
    margin-bottom:8px
  }
  
  .filter-panel-mobile #itemsloc_M .input-form,
  .filter-panel-mobile #itemsloc_P .input-form,
  .filter-panel-mobile #itemsloc_S .input-form{
    display:flex !important;
    gap:8px;
    align-items:center;
    width:100%
  }
  
  .filter-panel-mobile #itemsloc_M .inputfield,
  .filter-panel-mobile #itemsloc_P .inputfield,
  .filter-panel-mobile #itemsloc_S .inputfield{
    flex:1;
    width:auto !important
  }
  
  .filter-panel-mobile #itemsloc_M .filterless,
  .filter-panel-mobile #itemsloc_P .filterless,
  .filter-panel-mobile #itemsloc_S .filterless{
    flex-shrink:0
  }
  
  .filter-panel-mobile .filter-panel__content > .table-filter-text{
    display:none
  }
}

.filter-group{ padding:16px 0 0 0; }

.mobile-menu-title{font-size:20px;font-weight:700;padding:0 24px 12px;margin-top:12px;color:#1D1D1D}
.mb-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#1d1d1d;background:none;border:0;position:relative;cursor:pointer}
.mb-item img{width:24px;height:24px}
.mb-item.is-active{color:#2580c3;font-weight:600}
.mb-item .badge{position:absolute;top:4px;right:22px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#ff4a4a;color:#fff;font-size:10px;line-height:16px;display:inline-flex;align-items:center;justify-content:center}
#mobile-menu{position:fixed;inset:0;z-index:2000;background:#fff;overflow-y:auto;transform:translateY(100%);transition:.35s cubic-bezier(.4,0,.2,1);border-radius:16px 16px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.15)}
#mobile-menu.open{transform:none}
.menu-close{position:absolute;top:18px;right:18px;width:28px;height:28px;border:none;cursor:pointer;background:url('./images/ico-close.svg') center/20px no-repeat}

/* mobile menu content */
.catalog-tiles{list-style:none;margin:0;padding:72px 24px 24px;display:flex;flex-direction:column;gap:12px}
.catalog-tiles li a{display:block;padding:14px 18px;border-radius:12px;background:var(--c,#ccc);color:#fff;font:600 18px/1 Tahoma,sans-serif}
.menu-links{padding:16px 24px 32px;display:flex;flex-direction:column;font:16px/1.3 Tahoma,sans-serif}
.menu-links a{color:#1d1d1d;padding:16px 0;display:block}
.menu-links a:not(:last-child){border-bottom:1px solid #eee}
.menu-links details>summary{position:relative;padding:16px 0;list-style:none;cursor:pointer;font-weight:400;border-bottom:1px solid #eee}
.menu-links details[open]>summary{margin-bottom:4px}
.menu-links summary::-webkit-details-marker{display:none}
.menu-links details>summary::after{
  content:'';position:absolute;right:0;top:50%;width:14px;height:14px;transform:translateY(-50%) rotate(0deg);transition:transform .2s;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%231D1D1D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 5 7 9 11 5'/%3E%3C/svg%3E") center/14px 14px no-repeat
}
.menu-links details[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
.menu-links>details>a {
  padding-left: 12px;
}
/* =========================  SCROLLBARS  ========================= */
.scroll-area{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#F3F3F3 transparent}
.scroll-area::-webkit-scrollbar{width:4px}
.scroll-area::-webkit-scrollbar-track{background:transparent}
.scroll-area::-webkit-scrollbar-thumb{background:#F3F3F3;border-radius:4px}
.scroll-area::-webkit-scrollbar-button,
.scroll-area::-webkit-scrollbar-button:start,
.scroll-area::-webkit-scrollbar-button:end,
.scroll-area::-webkit-scrollbar-button:vertical:increment,
.scroll-area::-webkit-scrollbar-button:vertical:decrement,
.scroll-area::-webkit-scrollbar-button:single-button{width:0;height:0;display:none;background:none}

.product-table .desc .title,
.product-table .desc .title:visited{
  color: var(--c-accent);
}

.product-table .col-price .price-per-unit,
.product-table .col-price .price-per-pack{
  font-size: 15px;
  line-height: 1.2;
}
.product-table-wrapper .price-per-unit,
.product-table-wrapper .price-per-pack{ font-size: 18px; }

.product-table .badges{ display:flex; gap:6px; margin:2px 0 6px; }
.product-table .badge{
  display:inline-block; padding:2px 10px; border-radius:999px;
  font:700 12px/1.3 Tahoma, sans-serif; color:#fff;
}

.product-table .badge-new      { background: var(--badge-new,      #FF2F2F); } /* Новинка */
.product-table .badge-sale     { background: var(--badge-sale,     #F09915); } /* Распродажа */
.product-table .badge-hit      { background: var(--badge-hit,      #FF32EB); } /* Хит-продаж */
.product-table .badge-spec     { background: var(--badge-spec,     #2152F2); } /* Спец.предложение */
.product-table .badge-season   { background: var(--badge-season,   #38C795); } /* Сезонный */
.product-table .badge-preorder { background: var(--badge-preorder, #41BC1F); } /* Под заказ */
.product-table .badge-clear    { background: var(--badge-clear,    #FF632F); } /* Ликвидация */
.product-table .badge-stock    {                                      /* Сток */
  background: var(--badge-stock, #fff);
  color:#000; border:1px solid #aaa;
}

.catalog-topbar{ margin-bottom:12px; }


.discount-table-mob .dtm-head .dtm-l,
.discount-table-mob .dtm-head .dtm-r{
  font-weight:700;
  background:#eef7ff;
  border-top:none;
}

.also-panel{
  background:#f5f5f5;
  border-radius:16px;
  padding:18px 16px;
  display:flex;
  flex-direction:column;
  gap:0px;
}
.also-panel h4{
  margin:0 0 12px;
  font:700 18px/1.2 Tahoma, sans-serif;
  color:#1D1D1D;
}
.also-panel a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#1D1D1D;
  font:400 16px/1.35 Tahoma, sans-serif;
  text-decoration:none;
  padding:4px 0;
}
.also-panel a:hover{ text-decoration:underline; color:#2580C3; }

.also-panel a .badge{
  position:static;
  display:inline-block;
  margin-left:10px;
  padding:4px 10px;
  border-radius:999px;
  background:#FF2F2F;
  color:#fff;
  font:400 12px/1 Tahoma, sans-serif;
  vertical-align:middle;
}

/* Кнопка-плитка */
#mobile-menu .catalog-tiles li.has-submenu > a.tile-toggle,
#mobile-menu .catalog-tiles li > a.tile-toggle{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:14px 18px;
  border-radius:12px;
  background:var(--c,#888); color:#fff; font:600 18px/1.2 Tahoma,sans-serif;
}

#mobile-menu .catalog-tiles li > a.tile-toggle::after{
  content:""; width:16px; height:16px; flex:0 0 16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4,6 8,10 12,6'/%3E%3C/svg%3E") center/16px 16px no-repeat;
  transition:transform .2s ease;
  opacity:.9;
}
#mobile-menu .catalog-tiles li.open > a.tile-toggle::after{ transform:rotate(180deg); }

/* -------- Подменю -------- */

/* Базовое (закрытое) состояние: НЕ занимаем места */
#mobile-menu .catalog-tiles .submenu{
  list-style:none;
  margin:0;                 /* убрать «хвосты» */
  padding:0;                /* убрать «хвосты» */
  background:#fff;
  border-radius:12px;
  box-shadow:none;          /* тень только в открытом */
  overflow:hidden;
  max-height:0;
  opacity:0;
  transition:
    max-height .25s ease,
    opacity .2s ease,
    padding .2s ease,
    margin .2s ease,
    box-shadow .2s ease;
}

/* Не выключаем через display:none — оставляем block,
   чтобы корректно считать scrollHeight и анимировать */
#mobile-menu .catalog-tiles .submenu[hidden]{ display:none ; }

/* открытое подменю: видно содержимое и небольшой нижний отступ */
#mobile-menu .catalog-tiles li.open > .submenu{
  margin-top:8px;
  /* добавили запас снизу */
  padding:10px 10px 14px;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  opacity:1;
  overflow:visible;        /* чтобы низ не «резало» */
}

/* на всякий: небольшой зазор под последним пунктом */
#mobile-menu .catalog-tiles .submenu > li:last-child > a{
  margin-bottom:4px;
}

/* Пункты внутри подменю */
#mobile-menu .catalog-tiles .submenu a{
  display:block; padding:10px 8px; border-radius:8px;
  color:#1D1D1D; font:400 16px/1.35 Tahoma,sans-serif;
  background:#fff;
}
#mobile-menu .catalog-tiles .submenu a:hover{
  background:#f5f5f5; color:#0B79D0; text-decoration:underline;
}

.left_menu_checked {
  margin-left: -12px;
  margin-top: 4px;
  float: left;
  position: relative;
}

/* production/zateya/ */

.page-block-wraper ul li {
  margin-bottom: 5px;
  padding-bottom: 0;
  padding-left: 12px;
  background: url(/i/ul_mark.gif) left 25% no-repeat;
}

.catalog_inner .catalog_line.first {
  display: flex;
  flex-wrap:wrap;
  gap: 40px;
  
}

.page-block-wraper ul.catalog_line li {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  background: none;
}

.catalog_line-item {
  background: unset!important;
  width:140px;
}

.catalog_line-item img {
  width:140px;
}

.catalog_line-items {
  background: unset!important;
  width:90px;
}

.catalog_line-items img {
  width:90px;
}

.product_count .product_check {
  float: right;
  margin: 0;
  padding: 0;
}

.page-block-wraper {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
}

.page-block-wraper p {
  margin: 0 0 0.7em 0;
  line-height: 1.3em;
}

.page-block-wraper p:not(:empty) {
  margin-bottom: 0.7em;
}

.page-block-wraper a {
  text-decoration: underline;
}

.page-block-wraper a:hover {
  text-decoration: none;
}

.table-container {
  display: flex;
  gap: 13%;
}

.text-container {
  align-self: center;
  max-width: 40%;
}

/* production/zateya/ */

/* production/zateya/z_catalogi/ */

.table-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.table-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* production/zateya/z_catalogi/ */

/* production/prod/poisk.php */

.catalog-flex {
  justify-content: space-between;
}

div.filter-form {
  background-color: #FFFFFF;
}

table.filter-form {
  margin-bottom: 12px;
  width: 100%;
}

table.filter-form .inputfield {
  font-size: 8pt;
  width: 100%
}

table.filter-form .inputselect {
  font-size: 8pt
}

/* Стили для поиска в селектах */
.select-search-option {
  font-style: italic;
  color: #2580C3;
  background-color: #f0f8ff;
}

.select-search-input-hidden {
  box-sizing: border-box;
}

.js-inputselect2 {
  min-width: 200px;
}

.select-search-input-hidden {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 9.5px 12px;
  border: none;
  border-radius: 8px;
  background: #fff;
  font: 16px/1.3 Tahoma, sans-serif;
  color: #000;
  appearance: none;
  outline: none;
  cursor: text;
}

table.filter-form tr.top td {
  background-color: #B1D5E3;
  height: 25px;
  padding: 10px 5px 0px 5px;
}

table.filter-form tr.top td table td {
  padding: 0px;
}

table.filter-form table.filtercontent td {
  padding: 6px 15px 5px 9px;
  vertical-align: top
}

table.filter-form table.filtercontent td.delimiter {
  background-color: #B1D5E3;
  height: 1px;
  margin: 0px;
  padding: 0px
}

table.filter-form table.filtercontent div.empty {
  line-height: 1
}

table.filter-form td {
  background-color: #FFFFFF
}

table.filter-form td.content {
  padding: 0px 0px 0px 0px;
  vertical-align: top;
}

table.filter-form input.more {
  font-size: 8pt
}

table.filter-form input.button-flat {
  font-size: 10pt
}

table.filter-form input.minus {
  padding: 10px 0px 0px 0px
}

table.filter-form a.context-button {
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-repeat: no-repeat;
  padding: 3px;
  padding-top: 3px;
  border: 0px;
  margin: 1px;
  white-space: nowrap;
}

table.filter-form a.pressed {
  margin: 0px;
}

table.filter-form a,
table.filter-form a:visited,
table.filter-form a:active {
  color: #000000;
  text-decoration: none;
  font-size: 12px
}

table.filter-form a:hover {
  color: black;
}

table.filter-form a.dop_link {
  color: #000000;
  text-decoration: none
}

table.filter-form a#filtermore {
  background-image: url(/i/filter/more.gif);
}

table.filter-form a#filtershow {
  background-image: url(/i/filter/show.gif);
  padding-left: 15px;
}

table.filter-form a#filterhide {
  background-image: url(/i/filter/hide.gif);
  padding-left: 15px;
}

table.filter-form table.filtercontent td.filterless {
  padding: 3px 5px 0px 5px;
}

table.filter-form a.context-button:hover {
  height: 19px;
  margin: 0px;
  background-color: #FFFFFF;
}

table.filter-form a.icon {
  height: 19px;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

table.filter-form a#filterless {
  background-image: url(/i/filter/less.gif);
  padding-left: 14px;
  margin: 0px;
  background-position: 2px 2px;
}

table.filter-form input.filterless {
  vertical-align: top;
  position: relative;
  top: 3px;
  border: 0px
}

table.filter-form img.arrow {
  border: 0px;
  margin: 0px 0px 2px 4px;
  width: 5px;
  height: 3px;
}

table.filter-form div.buttons {
  padding: 7px 7px 12px 7px;
  border: 2px solid #B1D5E3;
  border-right: 1px solid #B1D5E3;
  border-top: none;
  margin: 0;
}

table.filter-form div.buttons_border {
  background-color: #FFFFFF;
  padding: 3px 0px 0px 0px;
  border: 2px solid #B1D5E3;
  border-right: 1px solid #B1D5E3;
  border-top: 0 none;
  border-bottom: 0 none;
}

table.filter-form .table-filter-text {
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 8pt;
  white-space: normal;
  width: auto;
  padding: 0px;
  *zoom: 1;
}

table.filter-form .table-filter-check-text {
  position: relative;
  bottom: 3px;
  top: 3px;
  left: -3px;
  right: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 8pt
}

td.popupmenu {
  border: 2px solid #B1D5E3;
  padding: 1px;
  background-color: #ffffff;
  border-top: 0 none;
}

table.filter-form td.popupmenu table.popupitem {
  width: 100%;
  margin: 0px !important;
  cursor: default;
  border: 1px solid #FFF;
}

table.filter-form td.popupmenu table.popupitemover {
  margin: 0px !important;
  border: 1px solid #B1D5E3;
  background-color: #FFFFFF
}

table.filter-form td.popupmenu table.popupitem {
  width: 100%;
  margin: 0px !important;
  cursor: default;
  border: 1px solid #FFF;
}

table.filter-form td.popupmenu table.popupitemover {
  margin: 0px !important;
  border: 1px solid #B1D5E3;
  background-color: #FFFFFF
}

table.popupitem td.gutter {
  width: 20px;
}

table.popupitem td.guttersel {
  background-image: url(/i/filter/checkbox.gif);
  background-repeat: no-repeat;
  background-position: center;
}

table.filter-form td.popupmenu table.popupitem td.item {
  padding: 3px 5px 2px 9px !important;
  white-space: normal !important;
  font-size: 8pt !important;
  font-family: Tahoma, Arial, sans-serif !important;
}

.filter-form tr td {
  vertical-align: top;
}
.filter-parametres table{
  width: 100%;
}
/* production/prod/poisk.php */


/* company/about/helium.php */

.table-grid>.helium {
  align-items: flex-start;
}

.table-grid>.image-container {
  justify-content: flex-end;
}

.table-grid>.image-column {
  grid-column: 2;
}

.main_table {
  border-collapse: collapse;
  width: 100%;
}

.main_table TD {
  border: 2px solid #B1D5E3;
  padding: 2px 5px 1px 5px;
}

#catalog_detail .main_table TD,
.page-block-wraper-detail .main_table TD {
  padding: 8px 5px 6px 5px;
}

.main_table_tr {
  font-weight: bold;
}

.main_table_tr TD {
  font-weight: bold;
}

/* Контакты - десктопная версия */
.contacts__item--mob {
  display: none !important;
}

.contacts__item--web {
  display: table-cell !important;
}

/* company/about/helium.php */

/* company/contact/ */

.width-max {
  width: 100%;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div[style*="position: relative"]:empty {
  display: none !important;
  margin: 0 !important;
  height: 0 !important;
  padding: 0 !important;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div[id="EDE7708A_49CA_FDAE_55FC_A7AC0AD0B180"]:empty {
  display: none !important;
  margin: 0 !important;
  height: 0 !important;
  padding: 0 !important;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div[style*="position: relative"] iframe[src=""],
.page-block-wraper.width-max:has(.main_table tbody.contacts) > div[style*="position: relative"] iframe:not([src]),
.page-block-wraper.width-max:has(.main_table tbody.contacts) > div[style*="position: relative"] iframe[src*="ifr ame"] {
  display: none;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div[style*="position: relative"]:has(iframe[src=""]),
.page-block-wraper.width-max:has(.main_table tbody.contacts) > div[style*="position: relative"]:has(iframe[src*="ifr ame"]) {
  display: none !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 0 !important;
  padding: 0 !important;
}

/* Легкая стилизация элементов страницы контактов */
.page-block-wraper.width-max:has(.main_table tbody.contacts) h2 {
  font-size: 22px;
  font-weight: 600;
  color: #1D1D1D;
  margin: 24px 0 14px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #E5E5E5;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) h2:first-of-type {
  margin-top: 0;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) h3 {
  font-size: 19px;
  font-weight: 600;
  color: #1D1D1D;
  margin: 18px 0 10px 0;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) h3 span {
  font-size: 19px !important;
  font-weight: 600 !important;
  color: #1D1D1D;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > p {
  font-size: 15px;
  line-height: 1.5;
  color: #1D1D1D;
  margin-bottom: 12px;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > p strong {
  font-weight: 600;
  color: #1D1D1D;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) a {
  color: #2580C3;
  text-decoration: underline;
  transition: color 0.2s;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) a:hover {
  color: #0B79D0;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div[style*="position: relative"] {
  margin: 16px 0;
  border-radius: 4px;
  overflow: hidden;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div[style*="position: relative"] iframe {
  width: 100%;
  height: 400px;
  border: none;
  display: block;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div > h2:last-of-type + div {
  margin: 16px 0;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div > h2:last-of-type + div table {
  margin: 8px 0;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div > h2:last-of-type + div table a {
  display: inline-block;
  margin-right: 8px;
  transition: opacity 0.2s;
}

.page-block-wraper.width-max:has(.main_table tbody.contacts) > div > h2:last-of-type + div table a:hover {
  opacity: 0.7;
}

/* company/contact/ */


/* personal/basket.php */

.page-block-wraper .announce {
  margin: 0 auto 20px;
  overflow: hidden;
  /* max-width: 712px; */
  display: flex;
}

.page-block-wraper .announce .announce_block {
  width: 33%;
  /* max-width: 236px; */
  float: left;
  background: #fbfe9c url(/i/announce_tr.png) 100% 0 no-repeat;
}

.page-block-wraper .announce .center {
  margin: 0 2px;
}

.page-block-wraper .announce .announce_block .announce_top {
  background: url(/i/announce_tl.png) 0 0 no-repeat;
  height: 100%;
}

.page-block-wraper .announce .announce_block .announce_bottom {
  background: url(/i/announce_br.png) 100% 100% no-repeat;
  height: 100%;
  background-size: contain;
}

.page-block-wraper .announce .announce_block .announce_bottom2 {
  background: url(/i/announce_bl.png) 0 100% no-repeat;
  padding-bottom: 2px;
  height: 100%;
}

.page-block-wraper .announce .announce_block .announce_inner {
  margin-right: 1px;
}

.page-block-wraper .announce .announce_block .announce_inner div {
  padding: 12px 25px 15px 20px;
}

.page-block-wraper .announce .announce_block .announce_inner div a {
  color: #0081cf
}

.page-block-wraper .announce .announce_block .flag {
  background: url(/i/flag.png) 100% 100% no-repeat;
  height: 100%;
}

.page-block-wraper .announce .announce_block .spiral {
  background: url(/i/spiral.png) 100% 100% no-repeat;
  height: 100%;
}

.page-block-wraper .announce .announce_block .mask {
  background: url(/i/mask.png) 100% 100% no-repeat;
  height: 100%;
}

.page-block-wraper .announce .announce_block p {
  margin: 0;
  font-size: 0.86em;
  color: #010101;
}

.page-block-wraper .announce .announce_block p span {
  color: #f00;
}

.tabl .tablehead A {
  font-size: 1.2em;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  background: url(/i/arrows.gif) left 4px no-repeat;
  padding-left: 8px;
}

.head_t {
  background-color: #E2F6FE;
}

.head_t td {
  background-color: #DAEAF1;
  color: #333333;
  font-weight: bold;
}

.table_td span {
  padding: 0;
}

.table_td span input[type="checkbox"] {
  margin: 0;
  padding: 0
}

#sale {
  width: 100%;
  border: 2px solid #b1d5e3;
  border-bottom-width: 2px;
  margin-bottom: 15px;
  margin-top: 1px;
  border-collapse: separate
}

#sale .tablebody_sale,
#sale .tablebody_sale_bottom {
  font-size: 17.1px;
}

tr.tablebody_sale td {
  border-bottom: 1px solid #b1d5e3;
  border-left: 1px solid #b1d5e3;
  background-color: #e4ebe0;
  font-size: 0.85em;
  padding: 5px 5px 5px 5px;
}

#sale td {
  text-align: center;
}

#sale td.heading {
  text-align: left;
}

#sale td.heading {
  background-color: #ffffff;
}

#sale td.color1 {
  background-color: #cfd4cc;
}

#sale td.color2 {
  background-color: #d4dfce;
}

#sale td.color3 {
  background-color: #b9d6d0;
}

#sale td.color4 {
  background-color: #b6cccd;
}

#sale td.color5 {
  background-color: #bcd7e3;
}

.tablebody_sale .discount_t {
  background-color: #ffcc33 !important;
}

.tablebody_sale_bottom .discount_b {
  background-color: #ffcc33 !important;
}

tr.tablebody_sale_bottom td {
  border-left: 1px solid #b1d5e3;
  font-size: 0.85em;
  padding: 5px 5px 5px 5px;
  background-color: #c6c6c6;
}

.red {
  color: #ff6666;
}

.page-block-wraper .import_excel {
  margin: 0;
  padding: 0;
}

.page-block-wraper .import_excel div,
.page-block-wraper .import_excel p {
  margin: 0;
  padding: 0;
}

.page-block-wraper .import_excel p {
  font-size: 0.86em;
}

.page-block-wraper .import_excel h2 {
  margin-top: 40px;
}

.page-block-wraper .import_excel .file_block {
  float: left;
}

.page-block-wraper .import_excel .file_block .form_head {
  margin-bottom: 3px;
}

.page-block-wraper .import_excel .file_block .file_input {
  margin-bottom: 8px;
}

.page-block-wraper .import_excel .file_block .add_btn {
  text-align: right;
}

.page-block-wraper .import_excel .file_block .dwnl_file {
  padding: 0 0 3px 35px;
  background: url(/i/exel_ico_big.gif) no-repeat;
  margin-top: 20px;
}

.page-block-wraper .import_excel .text_1 {
  float: left;
  width: 26%;
  margin: 0 10px 0 20px;
}

.page-block-wraper .import_excel .text_1 .imp_il {
  text-align: center;
  margin-top: 35px;
}

.page-block-wraper .import_excel .text_2 {
  float: left;
  width: 26%;
}

.page-block-wraper .import_excel .text_2 .p_last {
  margin-top: 35px;
}

/* personal/basket.php */

.basket_tbl,
.basket_tbl TABLE {
  font-size: 1em;
  width: 100%;
}

.basket_tbl .table_td {
  font-size: 0.9em;
}

.basket_tbl .head_t td,
.basket_tbl .tablehead {
  font-size: 1em !important;
}

.basket_tbl .head_t td a,
.basket_tbl .tablehead a {
  font-size: 1em !important;
}

.basket_tbl .total td:nth-of-type(2)[colspan="2"] {
  font-size: 1em !important;
}

.basket_tbl .total td:nth-of-type(2)[colspan="2"] strong {
  font-size: 1em !important;
}

.basket_tbl .total td {
  font-size: 0.9em !important;
}

.basket_tbl .total td:nth-of-type(2)[colspan="2"] {
  font-size: 1em !important;
}

.basket_tbl .total td strong {
  font-size: 0.9em !important;
}

.basket_tbl .total td:nth-of-type(2)[colspan="2"] strong {
  font-size: 1em !important;
}

.basket_tbl .section_tr td {
  font-size: 0.9em !important;
}

.basket_tbl .section_tr td a {
  font-weight: normal !important;
  text-decoration: none !important;
  font-size: 0.9em !important;
  color: #00669c !important;
}

.basket_tbl .section_tr td a:hover {
  text-decoration: underline !important;
}

.basket_tbl .section_tr td strong {
  font-size: 0.9em !important;
}

.basket_tbl .table_td a {
  font-weight: normal !important;
  text-decoration: none !important;
  font-size: 0.9em !important;
  color: #00669c !important;
}

.basket_tbl .table_td a:hover {
  text-decoration: underline !important;
}

.basket_tbl .table_td strong {
  font-size: 0.9em !important;
  font-weight: bold;
}

.basket_tbl .table_td .basket-weight {
  font-size: 0.85em;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.basket_tbl .table_td .catalog-section-list-discount-wrap {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.basket_tbl .table_td .catalog-section-list-discount.basket {
  margin-left: 0 !important;
  padding-left: 0 !important;
  left: 0;
}

@supports not selector(:has(*)) {
  .basket_tbl .table_td:not(:has(a)):not(:has(input)) {
    font-size: 0.85em;
  }
}

.basket_tbl .table_td span[style*="white-space: nowrap"] {
  padding-left: 0 !important;
}

.basket_tbl .table_td .stat_catalog.availability {
  display: block !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.basket_tbl .table_td p[style*="font-size: 9px"] {
  margin-bottom: 0 !important;
}

/* personal/order.php */

.inputradio {
  margin-left: 0px;
  margin-right: 4px;
}

#order_comp .tablebodytext,
#order_comp .choose_type TD,
#order_comp #catalog_finalstep TD,
#order_comp .tabl TD,
#order_comp .add_info_text TD,
#order_comp .zakaz_info TABLE TD,
#order_comp .zakaz_info TABLE TD A,
#order_comp .zakaz_info_link A {
    font-size: 1em;
}

#order_comp .new_prof .tablebodytext,
#order_comp #catalog_zakaz .group_name,
#order_comp #catalog_zakaz .tablebodytext,
#order_comp .prof_table {
    font-size: 1.1em
}

#order_comp .inputradio {
    margin-left: 0em;
    padding-left: 0em
}

#order_comp .radio_select TD {
    font-size: 1em;
    vertical-align: top;
}

HTML>BODY #order_comp #catalog_zakaz .tablebodytext,
#order_comp #catalog_finalstep TD.tablehead {
    font-size: 1.2em
}

#order_comp .radio_choose_type,
#order_comp .radio_choose_prof {
    vertical-align: top;
    padding-top: 0.3em;
    padding-bottom: 0.6em
}

#order_comp TD.pay_way {
    font-size: 1em;
    padding-bottom: 1em
}

#catalog_zakaz .tablehead {
  padding-top: 15px
}

#catalog_zakaz .row_table .tablebody {
  padding-top: 5px;
  padding-right: 20px
}

#catalog_zakaz .inputtext,
#catalog_zakaz .inputtextarea,
#catalog_zakaz .inputselect {
  width: 180px;
  margin-top: 2px
}

#catalog_zakaz .inputtextarea {
  height: 60px
}

#order_comp .new_prof .tablebodytext,
#order_comp #catalog_zakaz .group_name,
#order_comp #catalog_zakaz .tablebodytext,
#order_comp .prof_table {
    font-size: 1.1em
}

.starrequired,
.required {
    font-family: Tahoma, Arial, sans-serif;
    color: red;
    font-size: 12px;
}

#catalog_finalstep .tableheadtext {
  font-size: 1.2em
}

#catalog_finalstep .tablebody {
  padding-top: 5px
}

#order_comp h3 {
  margin: 0.8em 0 0.3em 0;
}

.detail_order_table tr+tr+tr td {
  border-top: 1px #EDEDED solid;
}

.tabl TD {
  padding: 0.3em 7px 0.5em 7px;
}

.pinkbutton {
  background-color: #f5a08b;
  border-color: #993300;
  border-width: 1px;
  height: 23px;
}

.pinkbutton:hover {
  background-color: #db8f7c;
}

.page-block-wraper input[type="submit"] {
  padding: 1px 6px;
}

#order_comp table {
  width: 100%;
}


/* personal/order.php */

/* personal/ */

#catalog_nav_sec {
  width: 100%;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

#catalog_nav_sec td {
  white-space: nowrap;
  font-size: 1em;
  width: 33%;
}

#catalog_nav_sec td#list_col {
  width: auto;
}

/* personal/ */


/* production/tradem/ */

.page-block-wraper.width-max .main_table.tradem-table {
  font-family: inherit;
}

.page-block-wraper.width-max .main_table.tradem-table TD {
  font-size: 16px;
  line-height: 1.45;
  color: #1D1D1D;
  vertical-align: middle;
}

.page-block-wraper.width-max .main_table.tradem-table TD img {
  max-height: 75px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.page-block-wraper.width-max .main_table.tradem-table TD p {
  margin: 0.7em 0 !important;
  font-size: 16px;
  line-height: 1.45;
  color: #1D1D1D;
}

.page-block-wraper.width-max .main_table.tradem-table TD div {
  margin: 0.7em 0 !important;
}

.page-block-wraper.width-max .main_table.tradem-table TD font {
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #1D1D1D !important;
}

.page-block-wraper.width-max .main_table.tradem-table TD br {
  line-height: 0.7em;
}

.page-block-wraper.width-max .main_table.tradem-table TD:first-child {
  width: 200px;
  text-align: center;
  vertical-align: middle;
  padding: 16px !important;
}

.page-block-wraper.width-max .main_table.tradem-table TD:last-child {
  padding: 16px !important;
  vertical-align: middle;
}

.baloons-table {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 16px;
  padding: 16px;
}

.baloons-table-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.2s ease;
}

.baloons-table-item:hover {
  transform: scale(1.03);
}

.baloons-table-item img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 4px;
}

/* Стили для карты цветов BELBAL на странице production/print/type_size.php */
.belbal-color-chart-wrapper {
  border: 2px solid #4F81BD;
  border-radius: 8px;
  padding: 20px;
  background-color: #ffffff;
}

.belbal-color-chart-main-title {
  color: #4F81BD;
  text-align: left;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-family: Tahoma, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.belbal-color-chart-wrapper .color-chart-section-title {
  background-color: #4F81BD;
  color: #ffffff;
  padding: 12px 20px;
  margin: 20px 0 16px 0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border-radius: 4px;
  text-transform: uppercase;
  font-family: Tahoma, sans-serif;
}

.belbal-color-chart-wrapper .color-chart-section-title:first-of-type {
  margin-top: 0;
}

.belbal-color-chart-wrapper .color-chart-table {
  border: 1px solid #DCE6F1;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 20px;
  background-color: #FAFAFA;
}

.belbal-color-chart-wrapper .color-chart-table:last-child {
  margin-bottom: 0;
}

.belbal-color-chart-wrapper .baloons-table-item {
  background-color: #ffffff;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  padding: 8px;
  transition: all 0.2s ease;
  font-family: Tahoma, sans-serif;
}

.belbal-color-chart-wrapper .baloons-table-item:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-color: #4F81BD;
}

.belbal-color-chart-wrapper .baloons-table-item div {
  font-family: Tahoma, sans-serif;
}

.belbal-color-chart-wrapper .item-label {
  text-align: center;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
  font-family: Tahoma, sans-serif;
}

.margin table td p {
  margin: 0;
}

.grid-table {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}

.grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* production/tradem/ */


/* production/print/order/ */

.print-form td {
  padding: 2px 0px 2px 0;
  vertical-align: middle;
  white-space: nowrap;
  width: 71px;
}

.print-form h3 {
  white-space: nowrap
}

.print-form h1 {
  white-space: nowrap
}

.print-form td table {
  font-size: 1.1em;
  width: 71px;
  margin-right: 4px
}

.print-form .inputtext {
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 5px;
}

.print-form .radio-table td {
  vertical-align: top;
  white-space: nowrap
}

.print-form .radio-table .radio {
  padding-top: 3px;
  width: 100%
}

.print-form .color-cell .c {
  vertical-align: middle;
  height: 115px;
  padding: 0px;
  padding-right: 2px;
  margin: 0px;
  background-position: top;
  background-repeat: no-repeat
}

.print-form .color-cell td {
  text-align: center;
  padding: 0px;
  font-size: 0.7em;
  height: 40px;
  vertical-align: top;
}

/* production/print/order/ */

/* /production/print/ */


/* /production/print/ */


/* /production/calendar/ */

.calendar-table {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}
.calendar-item {
  text-align: center;
}

/* /production/calendar/ */

.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
}

.product-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.flex-container {
  display: flex;
  gap: 10px;
}

/* /production/prod/list_prmsection_id_dta.html */

#catalog_list {
  font-family: Tahoma, Arial, sans-serif;
  width: 100%;
  border: 1px solid #b1d5e3;
  margin-bottom: 15px;
  margin-top: 1px;
  table-layout: fixed;
}

#catalog_list .goods_image {
  width: 72px;
}

#catalog_list .goods {
  width: auto;
}

#catalog_list .goods_chose {
  width: 190px;
}

#catalog_list .goods_sum {
  width: 240px;
}

#catalog_list TABLE {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

#catalog_list .tablebody {
  padding: 10px 2px 10px 2px;
  font-size: 1.01em;
  border-bottom: 1px solid #EEEEEE;
}

#catalog_list .tablebody A {
  font-size: 1.2em;
}

.catalog_inner #catalog_list .tablebody .goods_name {
  font-size: 17px !important;
  width: 100%;
  padding-right: 130px;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1;
}

.catalog_inner #catalog_list .tablebody .chose_block {
  position: relative;
}

.catalog_inner #catalog_list .tablebody .chose_block .car {
  position: absolute;
  right: 0;
  bottom: 0;
}

#catalog_list .tablebody .colored_tab TD {
  padding-bottom: 4px;
}

#catalog_list .tablebody .main_text {
  font-size: 14px;
  margin: 0px;
  padding: 7px 0px 0px 0px;
  color: #666666;
}

#catalog_list .tablebody .price_num {
  font-size: 14px;
  font-weight: 700;
}

#catalog_list .tablebody .nowrap {
  font-weight: 400;
}

#catalog_list .tablebody .nowrap .price_num {
  font-weight: 700;
}

#catalog_list .tablebody del {
  font-weight: 400;
  text-decoration: line-through;
}

#catalog_list .tablebody del .price_num {
  font-weight: 700;
}

#catalog_list .tablebody b {
  font-weight: 400;
}

#catalog_list .tablebody b .price_num {
  font-weight: 700;
}

#catalog_list .tablebody .price_table TD {
  padding-right: 5px;
  padding-bottom: 0 !important;
  font-size: 1em;
  vertical-align: middle !important;
}

#catalog_list .tablebody .price_table TR {
  display: table-row;
}

#catalog_list .tablebody .price_table {
  display: table;
  border-collapse: collapse;
}

#catalog_list .tablebody .price_table .buybutton {
  vertical-align: middle !important;
  text-align: center;
}

#catalog_list .tablebody .price_table .text_input,
#catalog_list .tablebody .price_table .user_unit_class,
#catalog_list .tablebody .price_table .btn-cart {
  height: 25px;
  box-sizing: border-box;
  vertical-align: middle;
}

#catalog_list .tablebody .price_table .text_input,
#catalog_detail .text_input,
#sec_find_inc .text_input {
  width: 65px;
}

#catalog_detail_nav {
  font-size: 0.88em;
  margin: 0 auto;
}

#catalog_list .tablehead {
  background-color: #daeaf1;
  padding: 6px 0px 10px 6px;
  white-space: nowrap;
}

#catalog_list div.in_basket {
  font-weight: bold !important;
  color: #000000;
}

#catalog_list .tablebody div.in_basket {
  font-weight: bold !important;
}

#catalog_list tr.in_basket {
  background-color: #f7f7f7;
}

#catalog_list tr.in_basket td {
  background-color: #f7f7f7;
}

#catalog_list tr:has(td div.in_basket) {
  background-color: #f7f7f7;
}

#catalog_list tr:has(td div.in_basket) td {
  background-color: #f7f7f7;
}

#catalog_list .tablehead A,
.tabl .tablehead A {
  font-size: 0.9em;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  background: url(/i/arrows.gif) left 4px no-repeat;
  padding-left: 8px;
}

#catalog_list .tablehead SPAN {
  font-size: 1em;
  color: #6c93a4;
  font-weight: bold;
}

#catalog_list .tablehead .photo_title {
  font-size: 1em;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}

#catalog_list .photo_img {
  width: 62px;
  height: 62px;
  text-align: center;
}

#catalog_list .tablebody a {
  text-decoration: none;
}

#catalog_list .tablebody a:hover {
  text-decoration: underline;
}

.stat_catalog {
  padding-left: 30px;
  background-position: left center;
  background-repeat: no-repeat;
}

#catalog_list .tablecompare {
  padding: 3px 0px 0px 4px;
}

#catalog_list .catalog-section-list-discount-table.in_basket {
  background: linear-gradient(to right, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0.75) 10%);
  color: red;
  font-size: 120%;
}

.tablebody-mob {
  display: none !important;
}

.tablebody .valign_middle INPUT {
  margin: 0px;
}

html>body .tablebody .valign_middle INPUT {
  margin: -0.2em 0px 0px 0px;
}

html:first-child .tablebody .valign_middle INPUT {
  margin: 0px;
}

.tablebody td {
  padding-top: 6px;
  padding-bottom: 3px;
  vertical-align: top
}

#catalog_detail .price .tablebody,
#catalog_detail .price span,
#catalog_detail .price b {
    font-size: 14px;
}

.cat_manager {
  margin: 1em 0;
  font-size: 1.1em;
  /* height: 100%; */
  clear: both;
  text-align: center;
}

.cat_manager div {
  white-space: nowrap;
}

#switch_pics {
  background: url(/i/lamp.gif) no-repeat;
  padding-left: 15px;
  float: left;
}

.catalog-section-list-discount-wrap {
  position: relative;
  width: 100%;
}

.catalog-section-list-discount-table {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 10%);
  font-size: 120%;
}

@media (min-width: 1249px) {
  .catalog-section-list-discount {
    color: red;
    display: inline-block;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 110%;
    font-weight: bolder;
    position: absolute;
    padding-left: 5px;
    right: 0;
    text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
    z-index: 1;
  }

  .catalog-section-list-discount-mob {
    display: none;
  }
}

@media (max-width: 1248px) {
  .catalog-section-list-discount {
    display: none;
  }

  .catalog-section-list-discount-mob {
    color: red;
    display: inline-block;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 110%;
    font-weight: bolder;
  }
}

.product_pic_cont .pic .catalog-section-list-discount-mob {
  position: absolute;
  right: 0;
  text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
}

.tablehead #nds {
  font-size: 0.85em;
  padding-right: 5px;
}

/* /production/prod/list_prmsection_id_dta.html */


/* production/prod/detail_prmid_dta.html */

#catalog_detail .tablebody {
  font-size: 0.9em;
}

#catalog_detail {
  margin-top: 15px;
}

#catalog_detail H1,
#catalog_detail .H1 {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-size: 1.2em;
  font-weight: bold;
  font-family: Tahoma, Arial, sans-serif;
  color: #05669b;
}

#catalog_detail H2,
#catalog_detail .H2 {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-size: 1.07em;
  font-weight: bold;
  font-family: Tahoma, Arial, sans-serif;
  color: #000;
}

#catalog_detail .ph_pages {
  text-decoration: underline;
  color: #49788f;
}

#catalog_detail .ph_pages_cur {
  text-decoration: none;
  color: #000;
}

#catalog_detail .H1 {
  color: black;
}

#catalog_detail h1 {
  color: black;
  font-weight: bold;
}

#catalog_detail .price {
  font-size: 12px;
}

#catalog_detail .price .tablebody,
#catalog_detail .price span,
#catalog_detail .price b {
  font-size: 14px;
}

#catalog_detail .item_nav {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: flex;
  width: 100%;
}

#catalog_detail .item_nav li {
  margin: 0;
  padding: 0;
  float: none;
  flex: 1 1 0;
  list-style: none;
  text-align: center;
  border-radius: 15px 15px 0 0;
  background: #f0d1d0;
  border: 1px solid #f0d1d0;
  border-bottom: none;
}

#catalog_detail .item_nav li span {
  padding: 3px 0 2px;
  display: block;
  font-family: Tahoma, Arial, sans-serif;
  color: #4f4f4f;
  font-size: 13px;
  font-weight: bold;
}

#catalog_detail .item_nav li h2 {
  padding: 3px 0 2px;
  display: block;
  font-family: Tahoma, Arial, sans-serif;
  color: #4f4f4f;
  font-size: 13px;
  font-weight: bold;
}

#catalog_detail .item_nav li.active {
  background: #fff;
  border: 1px solid #d68987;
  border-bottom: none;
}

#catalog_detail .item_nav li.active span {
  color: #000;
}

#catalog_detail .item_nav li.active h2 {
  color: #000;
}

#catalog_detail_nav TD {
  vertical-align: bottom;
  padding: 2px 3px 19px 3px
}

#catalog_detail .main_table {
  border: none;
  width: 100%
}

#catalog_detail .main_table TD {
  border: none;
  padding: 8px 0px 6px 15px
}

#catalog_detail .main_table .sec_col {
  padding-left: 39px
}

#catalog_detail .price_num {
  font-size: 1.2em;
}

#catalog_detail .lined tr.odd {
  background: #ededed;
}

#catalog_detail .lined2 tr.even {
  background: #ededed;
}

#catalog_detail .lined tr.even {
  background: none;
}

#chain {
  margin: 15px 0 15px 0;
}


/* production/prod/detail_prmid_dta.html */

.subscribe__table {
  width: 100%;
}

hr {
  height: 1px;
  border-top: 1px solid #cccccc;
  color: #cccccc;
}

#do_price {
  background: url(/i/exel.gif) no-repeat;
  padding-left: 18px;
  background-position: left;
}

.inline-flex {
  display: flex;
  justify-content: space-between;
}


.catalog-nav .news_block {
  margin-top: 20px;
  background: #F5F5F5;
  border-radius: 16px;
  padding: 9px 8px;
}

.catalog-nav .news_block div,
.catalog-nav .news_block p {
  margin: 0;
  padding: 0;
}

.catalog-nav .news_block .date {
  float: left;
  margin-right: 12px;
}

.catalog-nav .news_block .date .day {
  font-size: 2.5em;
  color: #FF6666;
  text-align: center;
}

.catalog-nav .news_block .date .month {
  font-weight: bold;
  padding-bottom: 3px;
  font-size: 0.9em;
  text-align: center;
}

.catalog-nav .news_block .news_head {
  padding-top: 4px;
  overflow: hidden;
  zoom: 1;
}

.catalog-nav .news_block .news_head a {
  font-weight: bold;
  margin-bottom: 0;
  color: #2580C3;
  font-size: 16px;
  line-height: 1.35;
  text-decoration: none;
}

.catalog-nav .news_block .news_head a:hover {
  text-decoration: underline;
}

.catalog-nav .news_block .news {
  font-size: 0.86em;
  color: #000;
  margin-top: 10px;
  clear: both;
}

.catalog-nav .news_block .news table {
  width: 100% !important;
}

.catalog-nav .news_block .news a {
  font-size: 1em;
}

/* Стили для блока новостей с картинкой в label */
.catalog-nav .news_block .date:has(.label) {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

.catalog-nav .news_block .date .label {
  width: 100%;
  display: block;
}

.catalog-nav .news_block .date .label img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.catalog-nav .news_block:has(.date .label) .news_head {
  clear: both;
  float: none;
  width: 100%;
}

/* =========================  Текст авторизации  ========================= */
.auth-required-message {
  font-weight: 700 !important;
  color: #FF4A4A !important;
  font-size: 18px !important;
  line-height: 1.4;
  margin: 16px 0;
}

.active_menu {
  font-weight: bold;
  text-decoration: underline;
}

#t17 .bg {
  background: #c0d067;
}

#t17 td,
#t18 td {
  vertical-align: top;
}

#t18 .bg {
  background: #f2e99c;
}

/* НЕРЕДИЗАЙН СТРАНИЦЫ */
ul.photo-items-list.photo-album-list > li.photo-album-item { background: none !important; }

/*Все медиа*/
@media(min-width:1246px) {
  .top-section{display:flex;gap:20px;margin-top:0px}
}

@media (min-width:1247px){
  .top-section{
    align-items:stretch;
    margin-top:0;
  }
  .top-section__right{
    flex:0 0 460px;
    align-self:stretch;
    width:auto;
  }
  .top-section__right .login-panel{
    height:100%;
    display:flex;
    flex-direction:column;
  }
}

@media(min-width:1246px){
  .four-cols{display:flex;justify-content:space-between;gap:20px;margin-top:0;overflow:visible}
  .four-cols .swiper-wrapper{display:flex;gap:20px;width:100%!important}
  .four-cols .swiper-slide{flex:1 1 0;width:auto!important;height:auto!important}
  .four-cols .swiper-pagination{display:none!important}
}

@media (min-width:1246px){
  .user-panel {
    height: 100%;
    justify-content: space-between;
  }
  .catalog-side .user-panel{
    height: auto;
  }
}

@media(max-width:991px){
  .catalog-wrapper{flex-direction:column}
  .catalog-nav ul{columns:2}
  .catalog-wrapper:has(.page-block-wraper){flex-direction:row;flex-wrap:nowrap}
  .catalog-wrapper:has(.page-block-wraper) .catalog-nav{width:220px;flex-shrink:0}
  .catalog-wrapper:has(.page-block-wraper) .page-block-wraper{flex:1 1 auto;min-width:0}
}

@media(max-width:992px){
  .catalog-wrapper.page-basket .catalog-nav{display:none !important}
}
@media(max-width:900px){
  .catalog-wrapper:has(.page-block-wraper) .catalog-side{display:none}
  .catalog-wrapper:has(.catalog-main) .catalog-side{display:none}
  .catalog-nav,.catalog-side{width:100%}
}

@media(max-width:991px){
  .order-switch .switch-card{flex:1 1 100%}
  .stores-flex{flex-direction:column}
  .stores-flex>*{flex:1}
}
@media(max-width:600px){
  .page-title{font-size:24px}
  .page-lead{font-size:16px}
  .switch-card .card-main{font-size:16px}
  .switch-card .card-note{font-size:12px}
  .step-title{font-size:12px}
  .order-steps p{font-size:12px}
  .stores-title{font-size:16px}
  .store-btn{font-size:14px}
  .btn-contact{font-size:14px}
  .discount-table{display:none}
  .discount-table-mob{display:block}
  .stanki-table td{
    font-size:13px!important;
    line-height:1.4!important;
    padding:6px 6px!important;
  }
  .stanki-table td p,
  .stanki-table td span{
    font-size:13px!important;
    line-height:1.4!important;
  }
}

@media (min-width:1247px){
  .filter-panel__head{ position:relative; }
  .fast-order__hint{ position:absolute; top:5px; right:0px; }
}

@media (max-width:1246px) {
  .fast-order__hint { display: none; }
}

@media (max-width:420px){
  .fast-order__row{ flex-wrap:wrap; }
  .fast-order__code, .fast-order__qty{ flex:1 1 100%; }
}

/* Мобайл/планшет: */
@media (max-width:1246px){
  :root{
    --page-gutter:16px;
    --peek:32px;
  }

  #colsSwiper{
    overflow:hidden;
    margin:0;
    padding:0;
  }
  #colsSwiper .swiper-wrapper{
    gap:0;
    padding:0;
    margin:0;
  }
  
  #colsSwiper.four-cols.swiper{ margin-left:0; }

  #colsSwiper{ padding-bottom:8px; }

  #colsSwiper .swiper-slide{
    box-sizing:border-box;
    flex:0 0 auto;
    width:calc(100% - var(--peek));
    height:auto;
  }

  #colsSwiper .col-block{
    background:#F5F5F5;
    border-radius:20px;
    padding:20px;
  }
  #colsSwiper .col-title{
    text-align:left;
    margin-bottom:12px;
  }

  #colsSwiper .col-block img{
    margin-bottom:12px;
    border-radius:12px;
  }

  #colsSwiper .swiper-scrollbar{
    position:static;
    height:4px;
    margin:8px var(--page-gutter) 0;
    background:#E6E6E6;
    border-radius:2px;
  }
  #colsSwiper .swiper-scrollbar-drag{
    background:#2580C3;
    border-radius:2px;
  }
}

@media (min-width:1247px){
  #colsSwiper .swiper-scrollbar{ display:none; }
}

@media (max-width:900px){
  .mobile-only-block { display:block; }

  .catalog-mobile-top,
  .catalog-mobile-bottom{
    display:flex;
    flex-direction:column;
    gap:24px;
    margin-top:24px;
  }
}

@media (min-width:901px) and (max-width: 1248px) {
  .catalog-mobile-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr 0.5fr 1fr;
    margin-top:24px;
    gap: 20px;
  }
}

@media (max-width:1246px){

  .catalog-mobile-top > *:empty,
  .catalog-mobile-bottom > *:empty{ display:none; }

  .catalog-mobile-top .filter-panel .filter-warning,
  .catalog-mobile-top .filter-warning{
    margin-top:16px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    white-space:nowrap;
  }
  .catalog-mobile-top .filter-panel .filter-warning .icon,
  .catalog-mobile-top .filter-warning .icon{
    flex-shrink:0 !important;
  }
}

@media (min-width: 1249px){
  .catalog-mobile-top,
  .catalog-mobile-bottom{ display:none !important; }
}

@media (min-width: 992px){
  .catalog-wrapper:has(.catalog-main) .catalog-mobile-top,
  .catalog-wrapper:has(.catalog-main) .catalog-mobile-bottom{ display:none !important; }
  .catalog-wrapper:has(.catalog-main) + .catalog-mobile-bottom{ display:none !important; }
}

@media (max-width:1246px){
  .filter-panel__toggle{ display:flex; }

  .filter-panel.is-collapsed{
    gap: 0;
  }

  .filter-panel.is-collapsed .filter-panel__body{
    max-height:0;
    padding-top:0; padding-bottom:0;
    margin-top:0; margin-bottom:0;
  }
  .filter-panel.is-collapsed .filter-panel__chev{ transform:rotate(-90deg); }

  .filter-panel .filter-warning{
    margin-top:16px !important;
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    white-space:nowrap;
  }
  .filter-panel .filter-warning .icon{
    flex-shrink:0 !important;
  }
}

/* =========================  RESPONSIVE ≤1248  ========================= */
@media(max-width:1248px){
  .mobile-only{display:block}
  .desktop-only{display:none}
  .mobile-tabbar{display:flex}

  .header-top__left,.header-top__right{display:none!important}
  .header-top__center{flex:1;text-align:center;padding:4px 0}
  .header-mid__inner{width:100%;flex-direction:column;align-items:stretch;gap:16px;padding:8px 16px}
  .header-logo{display:flex;justify-content:space-between;align-items:center}
  .header-cartinfo,.header-compare,.header-buttons{display:none!important}
  .header-search{width:100%}
  .header-search input{font-size:16px}

  .catalog-topbar{flex-direction:column;gap:6px}
  .product-bottom-actions{flex-direction:column;align-items:stretch}
  .btn-showmore{font-size:15px}
  .header-top__inner{width:100%}

  /* auth button (mobile) */
  .auth-btn-mobile{
    border-radius:50%;
    padding:10px;
    border:none;
    width:44px;
    height:44px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#F3F3F3;
  }
  .auth-btn-mobile img{
    width:22px;
    height:22px;
    object-fit:contain;
    filter:none;
  }
  .auth-btn-mobile.is-logged-in{
    background:#2580C3;
  }
  .auth-btn-mobile.is-logged-in img{
    filter:brightness(0) invert(1);
  }

  body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
}

@media (min-width: 769px) and (max-width: 1248px) {
  html{font-size:15px}
  .mobile-only{display:none !important}
  .desktop-only{display:block}
  .mobile-tabbar{display:none !important}
  .container{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding:24px 16px;box-sizing:border-box}
  .container:has(.top-section),
  .container:has(.catalog-main){width:1200px;max-width:100%}
  .catalog-wrapper:not(:has(.catalog-main)) .catalog-side{display:none}
  .catalog-wrapper:not(:has(.catalog-main)){flex-direction:row;flex-wrap:nowrap;gap:20px}
  .catalog-wrapper:not(:has(.catalog-main)) .catalog-nav{width:220px;flex-shrink:0}
  .catalog-wrapper:not(:has(.catalog-main)) .page-block-wraper,
  .catalog-wrapper:not(:has(.catalog-main)) .width-max{flex:1 1 auto;min-width:0;overflow:visible}
  .catalog-wrapper:not(:has(.catalog-main)) .catalog-mobile-top,
  .catalog-wrapper:not(:has(.catalog-main)) .catalog-mobile-bottom{display:flex !important;flex-direction:column;gap:24px;margin-top:24px}
  .header + .container{padding-top:24px}
  .top-section{flex-wrap:nowrap;gap:20px;align-items:stretch}
  .top-section__left{flex:2;min-width:0}
  .top-section__right{flex:1;min-width:0;display:flex;flex-direction:column}
  .top-section__right > *{flex:1;min-height:0}
  .two-banners-and-news{flex-wrap:wrap;gap:16px}
  .two-banners-and-news .banners-block{flex:1 1 auto}
  .two-banners-and-news .news-panel{flex:1 1 100%;width:100%;min-width:0}
  #colsSwiper{
    width:1200px;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    padding:24px 0;
    box-sizing:border-box;
    overflow-x:scroll;
    overflow-y:visible;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#F3F3F3 transparent;
  }
  #colsSwiper::-webkit-scrollbar{height:6px}
  #colsSwiper::-webkit-scrollbar-track{background:transparent}
  #colsSwiper::-webkit-scrollbar-thumb{background:#F3F3F3;border-radius:6px}

  #colsSwiper .swiper-wrapper{
    display:flex;
    gap:20px;
    width:max-content !important;
    flex-wrap:nowrap;
    padding:0;
    margin:0;
  }
  #colsSwiper .swiper-slide{flex:0 0 auto !important;width:calc(1140px / 4) !important;height:auto;box-sizing:border-box}
  #colsSwiper .col-block{background:#F5F5F5;border-radius:16px;padding:20px}
  #colsSwiper .col-title{text-align:center;margin-bottom:12px}
  #colsSwiper .col-block img{margin-bottom:12px;border-radius:12px}
  #colsSwiper .swiper-scrollbar{display:none}
  .page-title,.catalog-header h1,.promo-big-block__content h1{font-size:26px}
  .section-title,.filter-panel h4,.cashcarry-head h2{font-size:18px}
  .col-title,.banner-card h3,.news-panel__header h2{font-size:16px}
  .news-item h4,.user-panel__head{font-size:16px}
  .page-lead,.catalog-header .total,.filter-panel,.order-steps p,.step-title,.store-btn,.btn-contact{font-size:15px}
  .footer,.news-text p,.user-panel,.user-ask,.user-links,.form-group input,.filter-group label,.filter-actions .btn,.switch-card .card-main,.order-note,.cashcarry-desc,.stores-title,.map-link,.desc .meta,.discount-note{font-size:13px}
  .breadcrumbs,.dropdown-menu a,.switch-card .card-note,.col-block ul li a{font-size:13px}
  .login-panel h3,.mini-block__text h3{font-size:16px}
  .news-item time,.login-links,.login-links-inner{font-size:.8rem}
  .filter-warning,.product-table .col-price .sub,.meta,.badge{font-size:12px}
  .col-price .price-per-unit,.price-per-unit{font-size:18px}
  .btn-big{font-size:15px}
  .header-top__inner{width:1200px;max-width:100%;margin:0 auto;padding:2px 16px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;gap:4px;box-sizing:border-box}
  .header-top__left,
  .header-top__right{display:flex !important;flex-shrink:0}
  .header-top__left{align-items:center}
  .header-top__left a{margin-right:4px;font-size:14px}
  .header-top .footer-menu-center a{margin-left:4px}
  .header-top .company-link .arrow{font-size:.8rem}
  .header-top__center{flex:1;text-align:center;padding:0;min-width:0;flex-shrink:1}
  .header-top .new-version-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .header-top__right{gap:6px;flex-shrink:0}
  .header-top__right span,.header-top__right strong{font-size:13px}
  .header-top__right-item + .header-top__right-item{margin-left:2px}
  .header.is-stuck .header-top{max-height:0;opacity:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none;overflow:hidden}
  .header-mid__inner{width:1200px;max-width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px 10px;padding:8px 12px;margin:0 auto}
  .header-logo{display:flex;align-items:center;max-height:71px;flex-shrink:0}
  .header-logo__image{max-width:182px}
  .header-cartinfo,.header-compare,.header-buttons{display:flex !important}
  .header-cartinfo,.header-compare{flex-shrink:0}
  .header-search{flex:1 1 180px;min-width:0}
  .header-search input{font-size:inherit}
  .search-dropdown{width:100%;max-width:calc(100vw - 32px);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;gap:16px}
  .search-col{flex:0 0 auto;min-width:280px;max-width:none;max-height:353px;overflow-y:auto}
  .search-col:not(:last-child){border-right:1px solid #eee;border-bottom:none;padding-bottom:0;margin-bottom:0}
  .header-buttons{display:flex !important;flex-wrap:wrap;margin-left:auto;gap:8px}
  .header-buttons .dropdown{flex:1 1 auto;min-width:160px}
  .header-buttons .dropdown .dropdown-toggle{width:100%;justify-content:center;box-sizing:border-box;font-size:14px}
  body{padding-bottom:0}
  .catalog-wrapper:has(.catalog-main) .catalog-nav{display:none}
  .catalog-wrapper{gap:20px}
  .catalog-main{flex:1 1 100%;width:100%;min-width:0}
  .footer .container{padding-left:16px;padding-right:16px;box-sizing:border-box}
  .footer-line3__inner{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:auto auto;
    gap:16px 24px;
    align-items:center;
    text-align:left;
  }
  .footer-line3__inner .footer-phones{display:contents}
  .footer-line3__inner .footer-left-info{grid-row:1;grid-column:1;margin:0}
  .footer-line3__inner .footer-left-info p{margin:0}
  .footer-line3__inner .footer-phones span{margin:0}
  .footer-line3__inner .footer-phones span:nth-child(1){grid-row:1;grid-column:2}
  .footer-line3__inner .footer-phones span:nth-child(2){grid-row:1;grid-column:3;text-align:right}
  .footer-line3__inner .footer-phones span:nth-child(3){grid-row:2;grid-column:1}
  .footer-line3__inner .footer-phones span:nth-child(4){grid-row:2;grid-column:2}
  .footer-line3__inner .footer-right-credit{grid-row:2;grid-column:3;margin:0;text-align:right}
  .footer-line3__inner .footer-right-credit p{justify-content:flex-end;margin:0}
}

@media (min-width: 769px) and (max-width: 900px) {
  .header-buttons{flex:1 1 100%;min-width:100%;margin-left:0}
}

@media (min-width: 901px) and (max-width: 1200px) {
  .header-buttons{flex-direction:column;align-items:stretch;gap:6px}
  .header-buttons .dropdown{width:100%;min-width:0}
}

/* =========================  RESPONSIVE ≤768  ========================= */
@media(max-width:768px) {
  .container{padding:20px 16px}
  body{padding-top:var(--header-h);scroll-padding-top: 177px;}

  .top-section{flex-direction:column;gap:24px}
  .top-section__right{
    width:100%
  }
  .promo-big-block{flex-direction:column;gap:20px;padding:24px 16px 28px}
  .promo-big-block__image{order:-1;min-height:200px}
  .promo-big-block__content{max-width:none}
  .promo-big-block__content h1{font-size:22px;line-height:1.2;margin:0 0 8px}
  .promo-big-block__content .subtitle{font-size:15px;margin:0 0 16px}
  .promo-big-block .btn-big{width:100%;border-radius:40px;font-size:16px}
  .promo-mini-blocks{flex-direction:column;gap:12px}

  .two-banners-and-news{flex-direction:column;gap:24px}
  .banners-block{flex-direction:column;gap:24px}

  .four-cols{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px;cursor:grab;touch-action:pan-x}
  .four-cols.dragging{cursor:grabbing}
  .four-cols::-webkit-scrollbar{display:none}
  .four-cols .col-block{flex:0 0 88vw;scroll-snap-align:start;background:#F5F5F5;border-radius:20px;padding:20px}
  .four-cols .col-title{text-align:left;margin-bottom:12px}
  .four-cols img{margin-bottom:12px;border-radius:12px}
  .four-cols ul{font:15px/1.4 Tahoma,sans-serif;padding-left:18px}
  .four-cols .swiper-scrollbar{height:4px;border-radius:2px;background:#E6E6E6;margin-top:8px}
  .four-cols .swiper-scrollbar-drag{background:#2580C3;border-radius:2px}
  .four-cols.swiper{height:auto;margin-left:16px}
  .four-cols .swiper-slide{height:auto!important}

  #partnersSwiper{margin-left:16px;padding:0 0 12px;--logo-w:136px}
  #partnersSwiper h2{margin:0 0 12px}
  #partnersSwiper .swiper-wrapper{padding-left:16px!important;margin-right:0!important}
  #partnersSwiper .partners-list{display:flex;flex-wrap:nowrap;gap:24px;padding:0;margin:0}
  #partnersSwiper .partners-list li{border-right:none!important;padding:0!important}
  #partnersSwiper .swiper-slide{flex:0 0 var(--logo-w);width:var(--logo-w)!important;display:flex;align-items:center;justify-content:center}
  #partnersSwiper img{display:block;width:100%;height:auto;object-fit:contain}
  #partnersSwiper .swiper-scrollbar{height:4px;margin:8px 0 0;background:#e6e6e6;border-radius:2px}
  #partnersSwiper .swiper-scrollbar-drag{background:#666;border-radius:2px}

  .footer-line1__inner,.footer-line2__inner,.footer-line3__inner{flex-direction:column;gap:16px;text-align:center}
  .footer-menu-center{flex-wrap:wrap;justify-content:center}
  .footer-menu-center a{margin:6px 12px 0}
  .footer-line2__inner{align-items:stretch}
  .footer-news-block,.footer-social-block,.footer-question-block{flex-direction:column;align-items:flex-start}
  .footer-phones span{display:block;margin-top:4px}
  .btn-border-black {
    width:100%
  }

  .footer-line1{border-radius:40px 40px 0 0;padding:10px 16px}
  .footer-line1__inner{
    display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo btn" "nav nav";align-items:center;gap:16px;text-align:initial
  }
  .footer-menu-left{grid-area:logo}
  .footer-line1__right{grid-area:btn;justify-self:end}
  .footer-menu-center{
    grid-area:nav;
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    flex-wrap:nowrap;
    justify-content:flex-start;
    width:100%
  }
  .footer-menu-center a{margin:0}
  .footer-menu-center .dropdown-toggle{width:100%;justify-content:space-between}

  .footer-line2{padding:15px 16px}
  .footer-line2__inner{flex-direction:column;gap:16px}
  .footer-social-block,.footer-question-block{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
  .footer-social-block p,.footer-question-block p{margin:0}
  .footer-social-block .social-icons,.footer-question-block .question-icons{display:flex;gap:12px;margin-left:auto}
  .footer-question-block .question-icons a img{width:32px;margin-left:0px}
  .footer-news-block{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon text" "btn btn";align-items:center;gap:12px}
  .footer-news-block .icon-bubble{grid-area:icon}
  .footer-news-block .news-text{grid-area:text}
  .footer-news-block .news-text p{text-align:left}
  .footer-news-block .btn{grid-area:btn;width:100%;text-align:center;padding:8px 0;border-radius:40px;font-size:16px}
  .footer-line3{padding:10px 16px}
  .footer-line3__inner{flex-direction:column;align-items:flex-start;text-align:left;gap:28px}
  .footer-phones{display:flex;flex-direction:column;gap:20px}
  .footer-phones span{margin:0;color:#1D1D1D80;font-size:14px;line-height:1.25}
  .footer-phones span strong{color:#1D1D1D;font-weight:700}
  .footer-left-info{font-weight:400;font-size:14px}
  .footer-right-credit{opacity:.7}
  .footer-right-credit img{height:16.4px}

  .promo-big-block{position:relative;overflow:hidden;background-image:none;border-radius:16px;--promo-img-h:300px;--tape-w:clamp(280px,44vw,270px)}
  .promo-big-block__image{order:-1}
  .promo-big-block .pr-img{
    object-fit:contain;
    object-position:center 42%
  }
  .promo-big-block::after{
    content:"";position:absolute;top:0;right:-2px;width:var(--tape-w);aspect-ratio:248/406;background:url("./images/mobile_tape.png") right top/contain no-repeat;z-index:0;pointer-events:none
  }
  .promo-big-block>*{position:relative;z-index:1}

  .footer-logo{max-height:45px}
  .header-logo{max-height:71px}
  .header-logo__image{max-width:182px}

  .promo-mini-block{
    --icon:52px;--gap:16px;display:grid;grid-template-columns:var(--icon) 1fr;column-gap:var(--gap);
    border-radius:24px;padding:20px 18px;background:#F5F5F5;align-items:start
  }
  .promo-mini-block .mini-block__icon{width:var(--icon);height:auto;padding:0;background:none;border:0;border-radius:0;display:flex;align-items:center;justify-content:center}
  .promo-mini-block .mini-block__icon img{width:28px;height:28px;object-fit:contain}
  .promo-mini-block .mini-block__text{display:flex;flex-direction:column;gap:10px}
  .promo-mini-block .mini-block__text h3{margin:0;font:700 22px/1.2 Tahoma,sans-serif;color:#1D1D1D}
  .promo-mini-block .mini-block__text p{margin:0;font:400 18px/1.35 Tahoma,sans-serif;color:#1D1D1D}
  .promo-mini-block .mini-block__text .btn{display:block;width:calc(100% + var(--icon) + var(--gap));margin-left:calc(-1 * (var(--icon) + var(--gap)));padding:8px 0;border-radius:999px;border-width:2px;font-size:20px;text-align:center}

  .banners-block{display:flex;flex-direction:column;gap:24px}
  .banner-card{display:grid;width:100%;grid-template-columns:128px 1fr;align-items:center;gap:16px 20px;padding:20px;border-radius:24px}
  .banner-card img{width:128px;height:128px;object-fit:contain;justify-self:start}
  .banner-card h3{grid-column:2;margin:0;color:#1D1D1D}
  .banner-card .btn{grid-column:1/-1;width:100%;padding:8px 0;border-radius:40px;text-align:center;border:2px solid #1D1D1D;color:#1D1D1D;background:transparent}

  .col-block ul li{color:#1D1D1D}

  .catalog-nav,
  .catalog-side{
    display:none;
  }

  .catalog-wrapper{ gap:0; }
  .catalog-main{ flex:1 1 100%; width:100%; }

    .footer-line2__inner{
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .footer-social-block   { order: 1; }
  .footer-question-block { order: 2; }
  .footer-news-block     { order: 3; }

  .footer-line3__inner{
    display:flex;
    flex-direction:column;
    gap:24px;
  }

  .footer-phones{ order: 1; }
  .footer-left-info{ order: 2; }
  .footer-right-credit{ order: 3; }
}

@media (max-width: 785px) {
  .display-desctop {
    overflow:auto;
    padding:20px 16px;
  }
}

/* =========================  MICRO ≤375  ========================= */
@media(max-width:375px){
  .mobile-tabbar span{font-size:10px}
  .menu-links{font-size:15px}
  .banner-card h3{font-size:15px}
  .col-title{font-size:16px}
}

/* =========================  DESKTOP ≥1246  ========================= */
@media(min-width:1246px){
  :root{--container-max:1200px;--page-gutter:16px}
  @media(min-width:1366px){:root{--container-max:1320px}}
  @media(min-width:1536px){:root{--container-max:1440px}}
  @media(min-width:1728px){:root{--container-max:1600px}}

  .container{
    width:min(calc(100% - var(--page-gutter) * 2),var(--container-max));
    margin-inline:auto;padding-block:32px;padding-inline:0;
  }
  .header-top__inner{
    width:min(calc(100% - var(--page-gutter) * 2),var(--container-max));
    margin-inline:auto;padding:8px 0
  }
  .container.header-mid__inner{padding:15.5px 0}

  .header + .container {
    padding-block-start: 0;
  }
  .header.is-stuck .header-top { 
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    pointer-events: none;
  }

  .header-mid .header-mid__inner .header-logo a img {
    transition: width .5s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header.is-stuck .header-mid .header-mid__inner .header-logo a img {
    width:140px;
  }

}

@media (max-width:1246px){
  .discount-table{display: none !important;}
  .discount-table-mob{ display:block; }
}

@media (min-width:1246px) and (max-width:1365px){

  .catalog-topbar{
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 12px;
  }
  .catalog-topbar .total{
    order: 3;
    flex: 1 1 100%;
    margin-left: 0;
    white-space: normal;
  }

  .product-table{ table-layout: fixed; width:100%; }
  .catalog-main{ overflow: visible; }
  .product-table-wrapper{ max-width:100%; }

  .product-table thead .col-name .th-groups{
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 4px;
  }
  .product-table thead .col-select .select-all{
    white-space: normal;
  }

  .product-table thead .col-select,
  .product-table tbody .col-select{ width: 140px; }
  .product-table thead .col-price,
  .product-table tbody .col-price{ width: 270px; }

  .product-table th, .product-table td{
    white-space: normal;
    word-break: break-word;
    hyphens: auto;
  }

  .product-table .order-controls{ flex-wrap: wrap; }
}

@media (max-width:1248px){

  .catalog-topbar{
    display:block;
    margin-bottom:12px;
    text-align:left;
  }
  .catalog-topbar .perpage,
  .catalog-topbar .view-mode,
  .catalog-topbar .total{
    display:block;
    margin:0 0 6px;
    white-space:normal;
  }
  .catalog-topbar .total{ margin-bottom:0; }

  .product-table thead{
    display:block !important;
    background:#daeaf1;
    border-top:1px solid var(--c-border);
    border-bottom:1px solid var(--c-border);
  }
  .product-table thead tr{ display:block; }
  .product-table thead th{
    display:block;
    background:transparent;
    border:0 !important;
    padding:8px 12px;
    text-align:left;
  }
  .product-table thead .col-name{ padding-bottom:6px; }
  .product-table thead .col-name .th-groups{
    justify-content:flex-start;
    gap:6px;
  }
  .product-table thead .col-name .th-group + .th-group::before{
    margin:0 6px;
    height:1em;
  }
  .product-table thead .col-select{
    padding:6px 12px;
    text-align:left;
  }
  .product-table thead .col-select .select-all{
    justify-content:flex-start;
  }
  .product-table thead .col-price{ padding:6px 12px; text-align:left; }

  .product-table tbody{ display:block; }
  .product-table tbody tr{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto auto auto;
    column-gap:12px; row-gap:8px;
    align-items:start;
    padding:12px 14px;
    background:#fff;
    margin:0;
    border-left:0; border-right:0;
    border-top:1px solid var(--c-border);
    min-width:0;
  }
  .product-table tbody tr:first-child{ border-top:0; }
  .product-table tbody td{ border:0; padding:0; }

  .product-table .col-name{ grid-column:1 / -1; grid-row:1; }
  .product-table .product-info{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    column-gap:12px;
    min-width:0;
  }
  .product-table .desc{ min-width:0; }
  .product-table .badges{ margin:0 0 6px; }
  .product-table .desc .title{ margin:2px 0 6px; }

  .product-table .col-price{ grid-column:2; grid-row:2; }
  .product-table .price-per-unit,
  .product-table .price-per-pack{ display:block; }
  .product-table .availability{ margin:6px 0 8px; display:flex; gap:0px; align-items:center; }
  .product-table .order-controls{ display:flex; gap:8px; flex-wrap:nowrap; }

  .product-table .col-select{
    grid-column:2; grid-row:3;
    display:flex; justify-content:flex-end; align-items:center;
    width:auto !important; text-align:right;
    margin-top:2px;
  }
  .product-table .col-select label{ white-space:nowrap; }

  .product-table th, .product-table td{
    white-space:normal; word-break:break-word; hyphens:auto;
  }
}


@media (min-width:1246px) and (max-width:1365px){
  .catalog-topbar{ flex-wrap: wrap; gap: 8px 16px; margin-bottom:12px; }
  .catalog-topbar .total{ order:3; flex:1 1 100%; margin-left:0; white-space:normal; }

  .product-table{ table-layout: fixed; width:100%; }
  .product-table thead .col-select,
  .product-table tbody .col-select{ width:150px; }
  .product-table thead .col-price,
  .product-table tbody .col-price{ width:280px; }
  .product-table .order-controls{ flex-wrap: wrap; }
}

@media (max-width:1246px){
  .discount-table-mob{ display:block; }
}

@media (max-width:383px){

  .catalog-wrapper,
  .catalog-main,
  .product-table-wrapper,
  .product-table{
    overflow: visible !important;
    max-width: 100%;
  }

  .product-table tbody tr{
    grid-template-columns: 52px minmax(0,1fr);
    padding: 10px 10px;
    column-gap: 10px;
    min-width: 0;
  }
  .product-table .product-info{
    grid-template-columns: 52px minmax(0,1fr);
    min-width: 0;
  }
  .product-table .thumbs img{ width:52px; height:52px; }

  .product-table .desc,
  .product-table .desc .title,
  .product-table .col-price{
    min-width:0; max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .product-table .order-controls{
    flex-wrap: wrap;
    gap: 6px 8px;
    max-width:100%;
  }
  .product-table .order-controls input[type="number"]{ width:48px; }
  .product-table .unit-select{
    flex: 1 1 110px;
    min-width:110px;
    max-width:100%;
  }
  .product-table .btn-cart{
    flex: 0 0 32px;
    width:32px; height:32px;
  }

  .product-table .col-select{
    grid-column: 2;
    justify-content: flex-end;
    align-items: center;
    width:auto !important;
  }

  .product-table thead th{ padding:8px 10px; }
  .product-table thead .col-name .th-groups{ gap:4px; }
}

@media screen and (max-width: 869px) {
  .table-container {
    flex-direction: column;
  }
  
  .text-container {
    max-width: 100%;
  }
}

@media screen and (max-width: 769px) {
  .table-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (max-width: 769px) {
  .table-grid>.image-column {
    grid-column: 1;
  }
  .main_table TD {
    display: block;
    width: 100%;
  }
  
  .page-block-wraper.width-max.margin .main_table TD {
    display: table-cell !important;
    width: auto !important;
  }
  
  .page-block-wraper.width-max.margin .main_table {
    display: table !important;
    width: 100% !important;
  }
  
  .page-block-wraper.width-max.margin .main_table tbody {
    display: table-row-group !important;
  }
  
  .page-block-wraper.width-max.margin .main_table tr {
    display: table-row !important;
  }
  
}

@media (max-width: 880px) {
  .stanki-table td{
    font-size:14px!important;
    line-height:1.4!important;
    padding:8px 8px!important;
  }
  .stanki-table td p,
  .stanki-table td span{
    font-size:14px!important;
    line-height:1.4!important;
  }

  .print-form table,
  .print-form tbody,
  .print-form td,
  .print-form tr,
  .print-form p {
    height: auto !important;
    width: 100% !important;
    display: block !important;
    position: static !important;
  }

  .print-form > tr > td[colspan="3"] {
    display: block !important;
    width: 100% !important;
  }

  .print-form > tr > td[colspan="3"] > table {
    display: block !important;
    width: 100% !important;
  }

  .print-form .balloons-colors-table {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    border: none !important;
  }

  .print-form .balloons-colors-table tbody,
  .print-form .balloons-colors-table tr {
    display: contents !important;
  }

  .print-form .balloons-colors-table td.color-cell {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 8px 4px !important;
    box-sizing: border-box !important;
  }

  .print-form .balloons-colors-table td.color-cell > table {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
  }

  .print-form .balloons-colors-table td.color-cell > table tbody,
  .print-form .balloons-colors-table td.color-cell > table tr {
    display: contents !important;
  }

  .print-form .balloons-colors-table td.color-cell > table td {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
  }

  .print-form .balloons-colors-table td.color-cell .c {
    height: 100px !important;
    min-height: 100px !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }

  .print-form .balloons-colors-table td.color-cell .c > div {
    margin-top: -30px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 5px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  .print-form .balloons-colors-table td.color-cell .c > div[style*="padding-bottom"] {
    padding-bottom: 0 !important;
    padding-top: 8px !important;
  }

  .print-form .balloons-colors-table td.color-cell .c > div input[type="checkbox"],
  .print-form .balloons-colors-table td.color-cell .c > div input.chckbx {
    margin: 0 auto !important;
    display: block !important;
  }

  .image-print {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

}

@media (max-width: 880px) {
  .catalog_inner #catalog_list .tablebody .goods_name {
		padding-right: 0 !important;
	}
  
  .catalog_inner table, .catalog_inner tbody,
  .catalog_inner td, .catalog_inner tr,
  .catalog_inner p {
    height: auto !important;
    display: block;
    position: static !important;
  }
  
  .catalog_inner .price_table,
  .catalog_inner .price_table tbody,
  .catalog_inner .price_table tr,
  .catalog_inner .price_table td {
    display: table !important;
  }
  
  .catalog_inner .price_table tbody {
    display: table-row-group !important;
  }
  
  .catalog_inner .price_table tr {
    display: table-row !important;
  }
  
  .catalog_inner .price_table td {
    display: table-cell !important;
  }
  
  .catalog-section-list-discount-wrap {
    width: 20%;
  }

  #catalog_list .tablebody-mob {
    display: flex !important;
    justify-content: space-between;
  }

  #catalog_list .tablebody-web {
    display: none !important;
  }

  #catalog_list .photo_img-mob {
    justify-content: center;
    align-items: center;
    display: flex !important;
    height: unset;
    width: 90px;
    margin-right: 10px;
  }

  #catalog_list .content__info-mob {
    width: 100%;
  }

  #catalog_list .goods_name {
    white-space: unset !important;
  }

  .stat_catalog {
    font-size: 1.01em;
    margin-top: 2px;
    padding-left: 24px;
    line-height: 1em
  }
  .price_table .display-inline {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
  }
  
  #catalog_list .tablebody div[style*="display:flex"] {
    margin-top: 5px;
    flex-direction: column;
  }
}

@media (max-width: 1248px) {
  .product-table .col-select{
    text-align:right;
  }
  .product-table .col-select label,
  .product-table thead .col-select .select-all{
    justify-content:flex-end;
  }
  .product-table .col-select > *{
    text-align:right;
    white-space:nowrap;
  }
  .product-table .col-select .catalog-section-list-discount-wrap{
    text-align:right;
  }
  .product-table .col-select .in_basket,
  .product-table .col-select .in_basket-mob{
    text-align:right;
    white-space:nowrap;
  }
  .product-table .col-select .in_basket b,
  .product-table .col-select .in_basket-mob b{
    white-space:nowrap;
  }
  .product-table .col-select .in_basket .display_br_in_product_card,
  .product-table .col-select .in_basket-mob .display_br_in_product_card{
    display:none;
  }
  .product-table .col-select .car{
    text-align:right;
    display:block !important;
    width:auto !important;
    margin-left:8px;
    margin-right:0;
    margin-top:4px;
    padding:0;
  }
  .product-table .col-select .car .delivery-icon{
    display:block !important;
    margin:0 0 0 8px !important;
    width:auto;
    height:auto;
  }
}

@media (max-width: 880px) {
  #catalog_detail .item_nav {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	#catalog_detail .item_nav li {
		float: none;
	}

	#catalog_detail_nav tr {
		display: flex !important;
		justify-content: center;
	}

	#catalog_detail_nav td {
		width: auto !important;
	}

	#catalog_detail tr.manufacturer-content-row .main_table.lined {
		display: table !important;
	}

	 #catalog_detail tr.manufacturer-content-row .main_table.lined tbody {
		display: table-row-group !important;
	}
}

@media (max-width: 880px) {
  .partners-list {
      width: 100%;
      overflow: hidden;
      overflow-x: auto;
      flex-wrap: nowrap;
      flex-direction: row;
  }

  .partners-list li {
      border: none;
  }

  .label_checkbox {
    margin-left: 20px;
    padding-top: 0px;
  }
}

/* НЕРЕДИЗАЙН СТРАНИЦЫ */
ul.photo-items-list.photo-album-list > li.photo-album-item { background: none !important; }

@media (min-width: 1249px) {
  .delivery-icon {
    margin-left:100%;
    margin-right:0px;
  }
}

@media (max-width: 1248px) and (min-width: 384px) {
  .delivery-icon {
    margin-left:95%;
    margin-right:10px;
  }
}

@media (max-width: 383px) {
  .delivery-icon {
    margin-left:90%;
    margin-right:10px;
  }
}

@media (max-width: 1248px) {
  .in_basket-mob {
    margin-left:20px;
  }
}

@media (min-width: 1249px) {
  .in_basket-mob {
    word-wrap: break-word
  }
}

@media (min-width: 1366px) {
  .display_br_in_product_card {
    display: none;
  }
}

@media (min-width: 1249px) and (max-width: 1365px) {
  .display_br_in_product_card {
    display: block;
  }
}

/* =========================  PRODUCT DETAIL IMAGE  ========================= */
.det_img_wrapper {
  position: relative;
}

.det_img_box {
  display: inline-block;
}

.det_img_box .main_image {
  max-width: 400px;
  max-height: 400px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.det_novelty {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

@media (max-width: 880px) {
  .det_img_wrapper {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    display: block;
  }
  
  .det_img_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .det_img_box .main_image {
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height: none;
  }
}

@media (max-width: 880px) {
  #catalog_detail > tbody > tr:not(.manufacturer-row):not(.manufacturer-content-row) > td:first-child:has(.det_img_wrapper),
  #catalog_detail > tr:not(.manufacturer-row):not(.manufacturer-content-row) > td:first-child:has(.det_img_wrapper) {
    /* padding-right: 30px !important; */
  }
  
  #catalog_detail > tbody > tr:not(.manufacturer-row):not(.manufacturer-content-row) > td:first-child > table:has(.det_img_wrapper),
  #catalog_detail > tr:not(.manufacturer-row):not(.manufacturer-content-row) > td:first-child > table:has(.det_img_wrapper) {
    padding-right: 0;
  }
  
  #catalog_detail > tbody > tr:first-child > td:first-child:not(:has(.same_item)),
  #catalog_detail > tr:first-child > td:first-child:not(:has(.same_item)) {
    /* padding-right: 30px !important; */
  }
  
  .same_item td,
  .same_item > tbody > tr > td,
  .same_item > tr > td,
  #catalog_detail.same_item > tbody > tr > td:first-child,
  #catalog_detail.same_item > tr > td:first-child {
    padding-right: 0 !important;
  }
  
  #catalog_detail > tbody > tr > td > table,
  #catalog_detail > tr > td > table {
    width: 100% !important;
    max-width: 100%;
  }
  
  #catalog_detail > tbody > tr > td > table:not(.main_table) > tbody > tr > td,
  #catalog_detail > tr > td > table:not(.main_table) > tbody > tr > td,
  #catalog_detail > tbody > tr > td > table:not(.main_table) > tr > td,
  #catalog_detail > tr > td > table:not(.main_table) > tr > td {
    display: block !important;
    width: 100% !important;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  #catalog_detail .main_table,
  #catalog_detail .main_table.lined {
    display: table !important;
    width: 100% !important;
    table-layout: auto;
  }
  
  #catalog_detail .main_table tr,
  #catalog_detail .main_table.lined tr {
    display: table-row !important;
  }
  
  #catalog_detail .main_table td,
  #catalog_detail .main_table.lined td,
  #catalog_detail .main_table .tablebody,
  #catalog_detail .main_table.lined .tablebody {
    display: table-cell !important;
    width: auto !important;
  }
  
  #catalog_detail .det_img_wrapper {
    width: 100% !important;
    max-width: 100%;
  }
}

.det_novelty .badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 16px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  font-family: Tahoma, sans-serif;
  white-space: nowrap;
}

.det_novelty .badge-color__new {
  background-color: #FF2F2F;
}

.det_novelty .badge-color__sale {
  background-color: #f08125;
}

.det_novelty .badge-color__hit_sale {
  background-color: #c251a3;
}

.det_novelty .badge-color__special_offer {
  background-color: #4651f9;
}

.det_novelty .badge-color__season {
  background-color: #fcfffd;
}

.det_novelty .badge-color__to_order {
  background-color: #10ce6a;
}

.det_novelty .badge-color__stoc {
  background-color: #df00c0;
}

.det_novelty .badge-color__stoc2 {
  background-color: #a4a4a4;
}

.same_item {
  margin-top: 32px;
  margin-bottom: 32px;
}

.same_item tr:first-child td {
  padding-bottom: 16px !important;
}

.same_item tr:nth-child(2) {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 16px;
}

.same_item tr:nth-child(2) td {
  padding: 0 12px 24px 12px !important;
  vertical-align: top !important;
  max-width: 300px;
}

.same_item tr:nth-child(2) td > table {
  width: 100%;
  max-width: 300px;
  background: #F5F5F5;
  border-radius: 16px;
  padding: 16px;
  display: block;
  transition: box-shadow .15s;
  margin: 0 auto;
}

.same_item tr:nth-child(2) td > table:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

.same_item .item_img90 {
  width: 150px !important;
  height: 150px !important;
  max-width: 100%;
  max-height: 150px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  padding: 8px;
}

.same_item .tablebody {
  padding: 0 !important;
  text-align: center !important;
}

.same_item .tablebody img {
  display: inline-block !important;
  vertical-align: middle;
  margin-right: 6px;
}

.same_item .tablebody small {
  display: inline-block !important;
  vertical-align: middle;
}

.same_item tr:nth-child(2) td {
  text-align: center !important;
}

.same_item tr:nth-child(2) td > table td {
  text-align: center !important;
}

.same_item .item_name {
  display: block;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 16px;
  color: #1D1D1D;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.same_item .item_name:hover {
  text-decoration: underline;
}

.same_item .item_price {
  margin-top: 8px;
  text-align: center;
}

.same_item .item_price span {
  font-size: 18px;
  font-weight: 600;
  color: #1D1D1D;
}

.same_item tr:nth-child(2) td > table tr td {
  text-align: center !important;
}

.same_item tr:nth-child(2) td > table tr.tablebody td {
  text-align: center !important;
  white-space: nowrap;
}

.same_item tr:nth-child(2) td > table tr.tablebody td img,
.same_item tr:nth-child(2) td > table tr.tablebody td small {
  display: inline-block !important;
  vertical-align: middle;
}

.same_item tr:nth-child(2) td > table tr.tablebody td img {
  margin-right: 6px;
}

@media (max-width: 880px) {
  .same_item .item_img90 {
    width: 150px !important;
    max-width: 150px;
    height: 150px !important;
    max-height: 150px;
  }
  
  .same_item tr:nth-child(2) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    justify-content: center !important;
  }
  
  .same_item tr:nth-child(2) td {
    flex: 0 1 calc(50% - 8px) !important;
    min-width: 0;
    max-width: 300px;
    padding: 0 8px 16px 8px !important;
  }
  
  .same_item tr:nth-child(2) td:only-child {
    flex: 0 1 auto !important;
    max-width: 300px;
  }
}

@media (max-width: 576px) {
  .same_item tr:nth-child(2) td {
    flex: 0 1 100% !important;
    max-width: 300px;
  }
}

/* =========================  NEWS PAGINATION  ========================= */
.news-pager-info {
  margin-bottom: 16px;
  text-align: left;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}

.news-pager {
  margin: 16px 0 24px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
}

.news-pager .pager__group {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  align-items: center;
}

.news-pager .pager__group_part_main {
  flex: 1 1 auto;
  min-width: 0;
}

.news-pager .button {
  margin: 0;
  flex-shrink: 0;
  white-space: nowrap;
}

.news-pager .button_size_s .button__text {
  padding: 0 12px;
  font-size: 13px;
}

.news-pager .button_theme_pseudo:before {
  border-radius: 4px;
}

/* Мобильные устройства */
@media (max-width: 768px) {
  .news-pager {
    gap: 6px;
    margin: 12px 0 20px;
  }
  
  .news-pager .pager__group {
    gap: 4px;
  }
  
  .news-pager .button_size_s .button__text {
    padding: 0 10px;
    font-size: 12px;
  }
  
  .news-pager .button_size_s {
    line-height: 26px;
    min-height: 28px;
  }
  
  .news-pager-info {
    font-size: 13px;
    margin-bottom: 12px;
  }
}

@media (max-width: 480px) {
  .news-pager-info {
    font-size: 12px;
    margin-bottom: 10px;
  }
  
  .news-pager {
    gap: 4px;
    margin: 10px 0 16px;
  }
  
  .news-pager .pager__group {
    gap: 3px;
  }
  
  .news-pager .button_size_s .button__text {
    padding: 0 8px;
    font-size: 11px;
  }
  
  .news-pager .button_size_s {
    line-height: 24px;
    min-height: 26px;
  }
  
  /* На очень маленьких экранах делаем кнопки более компактными */
  .news-pager .button_type_jump .button__text,
  .news-pager .button_type_arrow .button__text {
    padding: 0 7px;
    font-size: 11px;
  }
  
  /* Убираем соединение кнопок на мобильных для лучшей читаемости */
  .news-pager .button.button_side_left:before,
  .news-pager .button.button_side_right:before {
    border-radius: 4px;
  }
}

/* =========================  NEWS DETAIL IMAGES  ========================= */
.catalog-wrapper .page-block-wraper.width-max:has(.date_news) font.text img,
.catalog-wrapper .page-block-wraper.width-max:has(.back_to_news) font.text img,
.catalog-wrapper .page-block-wraper.width-max:has(.date_news) .text img,
.catalog-wrapper .page-block-wraper.width-max:has(.back_to_news) .text img,
.catalog-wrapper .page-block-wraper.width-max:has(.date_news) p img,
.catalog-wrapper .page-block-wraper.width-max:has(.back_to_news) p img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  display: block;
  margin: 16px 0;
}

.catalog-wrapper .page-block-wraper.width-max:has(.date_news) p[style*="text-align: center"] img,
.catalog-wrapper .page-block-wraper.width-max:has(.back_to_news) p[style*="text-align: center"] img {
  margin: 16px auto;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  .catalog-wrapper .page-block-wraper.width-max:has(.date_news) font.text img,
  .catalog-wrapper .page-block-wraper.width-max:has(.back_to_news) font.text img,
  .catalog-wrapper .page-block-wraper.width-max:has(.date_news) .text img,
  .catalog-wrapper .page-block-wraper.width-max:has(.back_to_news) .text img,
  .catalog-wrapper .page-block-wraper.width-max:has(.date_news) p img,
  .catalog-wrapper .page-block-wraper.width-max:has(.back_to_news) p img {
    margin: 12px 0;
  }
}

@supports not selector(:has(*)) {
  .catalog-wrapper .page-block-wraper.width-max font.text img,
  .catalog-wrapper .page-block-wraper.width-max .text img,
  .catalog-wrapper .page-block-wraper.width-max p img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 16px 0;
  }
  
  .catalog-wrapper .page-block-wraper.width-max p[style*="text-align: center"] img {
    margin: 16px auto;
  }
}

/* =========================  Мобильный фикс для страниц принтов  ========================= */
@media (max-width: 880px) {
  .page-block-wraper:has(.MsoNormal) img,
  .page-block-wraper:has(.MsoNormal) p img,
  .page-block-wraper:has(.MsoNormal) span img,
  .page-block-wraper:has(.MsoNormal) font img,
  .catalog-wrapper:has(.MsoNormal) img,
  .catalog-wrapper:has(.MsoNormal) p img,
  .catalog-wrapper:has(.MsoNormal) span img,
  .catalog-wrapper:has(.MsoNormal) font img,
  .MsoNormal img,
  p.MsoNormal img,
  p.MsoNormal span img,
  p.MsoNormal font img,
  .image-print,
  .page-block-wraper .image-print,
  .catalog-wrapper .image-print,
  .page-block-wraper:has(.image-print) img,
  .catalog-wrapper:has(.image-print) img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block;
    box-sizing: border-box !important;
  }
  
  .page-block-wraper:has(.MsoNormal),
  .page-block-wraper:has(.MsoNormal).width-max,
  .page-block-wraper:has(.image-print),
  .page-block-wraper:has(.image-print).width-max,
  .catalog-wrapper:has(.MsoNormal),
  .catalog-wrapper:has(.image-print),
  #centr:has(.MsoNormal),
  #centr:has(.image-print),
  #centr:has(.MsoNormal) > table,
  #centr:has(.image-print) > table,
  #centr:has(.MsoNormal) > table > tbody,
  #centr:has(.image-print) > table > tbody,
  #centr:has(.MsoNormal) > table > tbody > tr,
  #centr:has(.image-print) > table > tbody > tr,
  #centr:has(.MsoNormal) > table > tbody > tr > td,
  #centr:has(.image-print) > table > tbody > tr > td {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
  
  body:has(.MsoNormal),
  body:has(.image-print) {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }
  
  .page-block-wraper:has(.MsoNormal) img[width],
  .page-block-wraper:has(.MsoNormal) p img[width],
  .page-block-wraper:has(.MsoNormal) span img[width],
  .page-block-wraper:has(.MsoNormal) font img[width],
  .page-block-wraper:has(.image-print) img[width],
  .page-block-wraper:has(.image-print) p img[width],
  .page-block-wraper:has(.image-print) span img[width],
  .page-block-wraper:has(.image-print) font img[width],
  .catalog-wrapper:has(.MsoNormal) img[width],
  .catalog-wrapper:has(.MsoNormal) p img[width],
  .catalog-wrapper:has(.MsoNormal) span img[width],
  .catalog-wrapper:has(.MsoNormal) font img[width],
  .catalog-wrapper:has(.image-print) img[width],
  .catalog-wrapper:has(.image-print) p img[width],
  .catalog-wrapper:has(.image-print) span img[width],
  .catalog-wrapper:has(.image-print) font img[width],
  .MsoNormal img[width],
  p.MsoNormal img[width],
  .image-print[width] {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }
  
  .page-block-wraper:has(.MsoNormal) table,
  .page-block-wraper:has(.MsoNormal) td,
  .page-block-wraper:has(.MsoNormal) tr,
  .page-block-wraper:has(.image-print) table,
  .page-block-wraper:has(.image-print) td,
  .page-block-wraper:has(.image-print) tr,
  .catalog-wrapper:has(.MsoNormal) table,
  .catalog-wrapper:has(.MsoNormal) td,
  .catalog-wrapper:has(.MsoNormal) tr,
  .catalog-wrapper:has(.image-print) table,
  .catalog-wrapper:has(.image-print) td,
  .catalog-wrapper:has(.image-print) tr,
  .MsoNormal table,
  .MsoNormal td,
  .MsoNormal tr {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

.page-block-wraper#print_form td {
  font-size: 0.9em;
}
.page-block-wraper#print_form h3 {
    margin: 0.8em 0 0.3em 0;
}

.inputcheckbox {
  margin-left: 0px;
  margin-right: 6px;
}

#back-to-top {
  display: flex;
  position: fixed;
  bottom: 60px;
  right: 17px;
  background-color: #2580C3;
  border: none;
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  z-index: 5;
  transition: opacity 0.3s ease-in-out;
}

#back-to-top:hover {
  opacity: 0.9;
}

.header {
    transition: transform 0.3s ease-in-out;
}

.header.hide {
    transform: translateY(-63%);
}

#myCarousel {
    --f-arrow-pos: 10px;
    --f-arrow-bg: rgba(255, 255, 255, 0.75);
    --f-arrow-hover-bg: rgba(255, 255, 255, 1);
    --f-arrow-color: #333;
    --f-arrow-width: 40px;
    --f-arrow-height: 40px;
    --f-arrow-border-radius: 50%;
    height: 400px;
}

#myCarousel .f-carousel__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
}

#myCarousel img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
}

@media screen and (min-width: 880px) {
  #catalog_detail .tb-padding {
    padding-left: 16px;
  }
}