/* основное */
:root {
    --main: #111;
    --semi-main: #555;
    --light-main: #888;
    --accent: #FF4D00;
    --links: #000;
    --links-semi:  #C90026;
    --main-font: Gilroy;
    --bg-color: #f0f0f0;
    --blocks-bg: #fff;
    --btn-bg: linear-gradient(to right, #C90026, #DD002A);
    --btb-bg-hover:#FF4400;
    --btn-fontcolor:#fff;
    --semi-blocks-bg: #f0f0f0 ;
    --menu-bg: #FF4D00;
    --menu-bg-hover:#FF7700;
    --max-width:84%;
    --fz-1:0.76vw;
    --fz-2:1.0vw;
    --fz-3:1.4vw;
    --fz-4:3.0vw;
    --semibold:500;
    --bold:600;
    --extrabold:700;
}
* {box-sizing: border-box;}
img{border:0;max-width:100%;height:auto;}
.woocommerce-result-count {display: none;}
@media screen and (min-width:920px) {

html{font-size: var(--fz-1);}

body{-webkit-text-size-adjust:100%;font-family: var(--mf);background:var(--bg-color)}
body, div, table, tr, td, li, ul, p{margin:0;padding:0;border:0;font:inherit;color:var(--main);font-weight:400;font-family: var(--main-font);}
div, td, li, p, span {line-height:1.1rem;font-size: 1.06rem;}

h1, h2, h3, h4 {margin-top:0;}
}
.wrap{width: 100%;height:auto;}
.wr{margin:auto;position: relative;width:100%; max-width: var(--max-width);padding-left:2rem;padding-right:2rem;padding-top:2rem;padding-bottom:2rem;}
a, a:visited{text-decoration:none;color:var(--links);transition: .5s; border:0;}
a:hover, a:visited:hover, a:focus{text-decoration:none;color:var(--links-semi); }

input{font-family: inherit;border-radius:4.3rem;border:0; outline:none; border-radius:3rem;}
button {outline: 0; border: 0; font-family: var(--main-font);}
.btn {background:var(--btn-bg); padding:1.4rem 2.1rem 1.35rem 2.1rem;color:var(--btn-fontcolor);transition: all 0.5s; cursor:pointer; border-radius:4.3rem;font-size: 1rem;font-weight: var(--semibold);position: relative;}
.btn:hover {box-shadow: inset 0 -15px 2rem -10px rgba(0, 0, 0, 0.3);}
.mob-filter{display: none;}
.catalog-filter-cls{display: none;}
/* шапка */
.header {padding-top:1rem;padding-bottom:3rem;justify-content: space-between;align-items: center;display: flex;}
.logo {display: flex;align-items: center;}
.logo img {width:10rem;height:auto;}
.logo p {margin-top:0.6rem;color:var(--light-main); max-width:12.5rem;margin-left:2rem;line-height: 1.3rem;}

.loc {display: flex;cursor:pointer}
.loc p {border-bottom:1px solid;margin-left:0.4rem;line-height: 1.1rem;transition: 1s;}
.loc img {width:1rem;height:auto; opacity: 0.6;}
.loc:hover p {color:#C90026}

.loc {display: none !important;}
.search-block {position: relative;width:30rem;border-radius:2rem;}
.search-block input {width:100%;padding:1.3rem 2rem;font-size: 1.0rem;color:var(--light-main);display: block;}
.search-block::before {content: url("/assets/img/search.svg");display: block;right:1.6rem;top:1.2rem;width:1rem;height:1rem;z-index:1;position: absolute; opacity:0.7}


.phone {display: flex;flex-direction: column; align-items: flex-end;}
.phone-btn {margin-bottom:0.8rem;border-bottom:1px solid; cursor:pointer; line-height: 1.1rem;font-size: 0.9rem;transition: all 0.5s;}
.phone-btn:hover {color:#C90026}
.phone-link {display: flex;align-items: center;justify-content: flex-end;}
.phone-link img {margin-top:-0.4rem;margin-right:0.3rem;}
.phone-link a {font-size: 1.4rem;font-weight: var(--extrabold);margin-bottom:0.4rem;}
.phone-mail a {border-bottom:1px solid; line-height: 1.1rem;font-size: 0.9rem;}

/* хлеб */
.breads{list-style-type: none;display: flex;gap: 1rem;color:#777}
.breads li {color:#777;line-height: 1.0rem;}
.breads a {font-weight: 500;color:#555;line-height: 1.0rem;}
/* меню */
.top-menu {width:100%; display: flex;border-radius:4rem; align-items: center;justify-content: space-between;position: relative;background: #fff;}
.menu-catalog {background: var(--btn-bg); border-radius:5rem;padding:1.6rem 2.4rem;cursor: pointer ;display: flex;transition: all 0.5s;}
.menu-catalog:hover {box-shadow: inset 0 -15px 2rem -10px rgba(0, 0, 0, 0.3);}

.menu-catalog p {color:#fff;font-weight: var(--bold); margin-left:0.8rem;font-size: 1.1rem;}
.semi-menu {display: flex;list-style-type: none;align-items: center;gap:3rem; flex-grow: 1;padding-left:3rem}
.semi-menu a {font-weight: var(--bold)}
.menu-blocks {display: flex;align-items: center;gap:2rem;padding-right:2rem;}
.menu-blocks div {position: relative;cursor: pointer;}
.menu-blocks i {background:var(--btn-bg); border-radius:50%;display: block;width:1.5rem;height:1.5rem;display: flex;align-items: center;justify-content: center;color:#fff;font-style: normal;font-weight: var(--extrabold);font-size: 0.8rem;position: absolute;top:-0.6rem;right:-0.6rem;}


.main-menu {position: absolute;top:0; left:0;width:100%;background:#fff;border-radius:2rem;display: none;box-shadow: 1rem 1rem 4rem rgba(0, 0, 0, 0.1);z-index: 10;}
.main-menu-wrap {justify-content: space-between;display: flex;align-items:stretch;}
.main-menu-zag {font-weight: var(--bold);font-size: 1.1rem;margin-bottom:1rem;}
.main-menu-zag span {font-weight:normal;color:rgba(0, 0, 0, 0.5); display: inline-block;margin-left:0.2rem}
.main-menu {display: flex;align-items: flex-start;justify-content: flex-start;}

.main-menu-top {background:#f6f6f6;border-radius:2rem 0 0 2rem;}
.main-menu-cat {list-style-type: none;}
.main-menu-cat li {font-weight: var(--extrabold);font-size: 1.1rem; padding:1.8rem 3rem 1.6rem 3rem;cursor:pointer;margin-bottom:-2px;background:#f6f6f6;}
.main-menu-cat li:first-child {border-radius:2rem 0 0 0}
.main-menu-cat .active {border-right:3px solid #fff; background:#fff;}

.center-menu {flex-grow: 1;}
.main-menu-center {display: flex; align-items: flex-start; justify-content: flex-start;flex-grow: 1;}

.main-menu-block {padding:2.6rem 3rem;}
.main-menu-block ul {list-style: none;margin-top:0.8rem; margin-bottom:2.4rem;}
.main-menu-block ul li {margin-top:0.7rem;margin-bottom:0.7rem;}
.main-menu-block ul a {color:#666;font-weight: var(--semibold); display: flex;align-items: center;}
.main-menu-block ul a:hover {color:#C90026;}
.main-menu-block ul:last-child {margin-bottom:0;}
.main-menu-block-right {padding:2.6rem;}
.main-menu-block-right ul {list-style-type: none;}
.main-menu-block-right ul li {margin-bottom:1rem;position: relative;}
.main-menu-block-right ul li a {display: flex;align-items:center;justify-content: flex-start;}
.main-menu-block-right ul li img {margin-right:0.6rem;}
.main-menu-block-right ul li:nth-child(3) img{margin-top:-0.2rem;}
.main-menu-block-right i {background:var(--btn-bg); border-radius:50%;display: block;width:1.5rem;height:1.5rem;display: flex;align-items: center;justify-content: center;color:#fff;font-style: normal;font-weight: var(--extrabold);font-size: 0.8rem;position: absolute;top:-0.6rem;left:-0.6rem;}

.menu-overlay {position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0.24); z-index: 3 !important; display: none; opacity: 0; visibility: hidden; transition: opacity 0.2s ease; pointer-events: none;}

.menu-overlay.active {display: block !important; opacity: 1; visibility: visible; pointer-events: auto;}
.main-menu {z-index: 20; display: none;}
.main-menu.open {display: block;}
.main-menu-cat li {transition: border-color 0.3s ease, color 0.3s ease;}
.main-menu-cat li.active {font-weight: 600; border-bottom-color: #007bff;}
.main-menu-center {opacity: 0;max-height: 0;overflow: hidden;visibility: hidden;transform: translateY(-10px); pointer-events: none;transition: opacity 0.4s ease, max-height 0.4s ease, transform 0.4s ease, visibility 0s 0.4s;}
.main-menu-center.active {opacity: 1; max-height: 50rem; visibility: visible;transform: translateY(0);pointer-events: auto;transition: opacity 0.4s ease, max-height 0.4s ease, transform 0.4s ease, visibility 0s 0s;}
body.menu-open {overflow: hidden;}


/* блок о компании */
.main-page-comp {background:#fff;border-radius:2rem;margin-top:3rem;margin-bottom:7rem;padding:3rem;display: flex;justify-content: space-between;gap:2rem}
.main-page-comp-opis {font-size: 1rem;line-height:1.5rem;}
.main-page-comp img {width:32%;height:auto;border-radius:1.6rem;}
.main-page-comp h1 {font-weight: var(--bold);font-size: 1.4rem;line-height: 1.6rem;margin-bottom:0.6rem;}

.main-page-comp ul {list-style-type: none;margin-top:2rem;margin-bottom:2rem;}
.main-page-comp ul li {position: relative;padding-left:1rem;margin-top:0.9rem;margin-bottom:0.9rem;}
.main-page-comp ul li::before {position: absolute;left:0;left:0rem;top:0.4rem;display: block;content: '';border-radius: 50%;background: #DD002A; width:5px;height:5px;}

/* баннеры на главной */
.main-banners {margin-top:4rem;margin-bottom:2rem;}
.main-banners h2 {font-size: 2rem;line-height: 2.5rem;font-weight: var(--extrabold);}

.main-banner-wrap div {background:#fff;position: relative;overflow: hidden; border-radius:2rem;}

.main-banner-wrap div img {transition: all 0.5s;object-fit: cover;display: block;}
.main-banner-wrap div:hover img {transform: scale(1.04);}
.main-banner-wrap {border-radius:2rem;overflow:hidden; margin-top:2rem;display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr;gap:2rem;}
.main-banner-wrap-2 {border-radius:2rem;overflow:hidden; margin-top:2rem;display:flex;gap:2rem;height:34rem;justify-content: space-between;}
.main-banner-wrap-2 div {background:#fff;position: relative;overflow: hidden; border-radius:2rem;}
.main-banner-wrap-2 div img {transition: all 0.5s;object-fit: cover}
.main-banner-wrap-2 div:hover img {transform: scale(1.04);}
.banner-1 {grid-column: 1; grid-row: 1;}
.banner-2 {grid-column: 1; grid-row: 2; background: #5b6abf;}
.banner-3 {grid-column: 2; grid-row: 1 / 3;background: #6b5b95;}
.banner-4 {grid-column: 3; grid-row: 1 / 3; background: #8b4585;}
.banner-5 {width:48%;}
.banner-6 {width:48%;}

.banner-1 a p:nth-child(2) {font-size: 1.4rem;font-weight: var(--bold);color:#000; position: absolute; top:2rem;left:2rem;}
.banner-1 a p:nth-child(3) {font-size: 1.1rem;font-weight: var(--semibold);color:rgba(0, 0, 0, 0.5); position: absolute; top:3.7rem;left:2rem;}
.banner-2 a p:nth-child(2) {font-size: 1.4rem;font-weight: var(--bold);color:#000; position: absolute; top:2rem;left:2rem;}
.banner-2 a p:nth-child(3) {font-size: 1.1rem;font-weight: var(--semibold);color:rgba(0, 0, 0, 0.5); position: absolute; top:3.7rem;left:2rem;}

.banner-3 a p:nth-child(2) {font-size: 1.6rem;font-weight: var(--bold);color:#000; position: absolute; top:3rem;left:2.8rem;}
.banner-3 a p:nth-child(3) {font-size: 1.2rem;font-weight: var(--semibold);color:rgba(0, 0, 0, 0.5); position: absolute; top:5.0rem;left:2.8rem;}
.banner-4 a p:nth-child(2) {font-size: 1.6rem;font-weight: var(--bold);color:#000; position: absolute; top:3rem;left:2.8rem;}
.banner-4 a p:nth-child(3) {font-size: 1.2rem;font-weight: var(--semibold);color:rgba(0, 0, 0, 0.5); position: absolute; top:5.0rem;left:2.8rem;}

.banner-5 a p:nth-child(2) {font-size: 1.8rem;font-weight: var(--bold);color:#000; position: absolute; top:3rem;left:3rem;}
.banner-5 a p:nth-child(3) {font-size: 1.3rem;font-weight: var(--semibold);color:rgba(0, 0, 0, 0.5); position: absolute; top:5.1rem;left:3rem;}
.banner-5 img {object-fit: none !important;position: absolute;right:0}
.banner-6 a p:nth-child(2) {font-size: 1.8rem;font-weight: var(--bold);color:#000; position: absolute; top:3rem;left:3rem;}
.banner-6 a p:nth-child(3) {font-size: 1.3rem;font-weight: var(--semibold);color:rgba(0, 0, 0, 0.5); position: absolute; top:5.1rem;left:3rem;}

/* карточки товаров */
.catalog {margin-top:4rem;}
.catalog-wrap {display: flex;align-items: flex-start;justify-content: stretch;flex-wrap: wrap;gap: 1rem; gap:1%;}
.catalog h1 {font-size: 2.2rem;font-weight: var(--extrabold);margin-bottom:3rem;}
.catalog-wrap h1 {font-size: 2.2rem;font-weight: var(--extrabold);margin-bottom:3rem;}
.catalog-wrap h2 {font-size: 2.2rem;font-weight: var(--extrabold);margin-bottom:3rem;}
.catalog-point {border-radius: 2rem;position: relative;background:#fff;padding:1.5rem 1.5rem 1.7rem 1.5rem;width:24.25%; margin-bottom:2rem;}
.catalog-img-wrap {display: block;border-radius:1.6rem; overflow: hidden;}
.catalog-point img {display: block;transition: 0.5s;}
.catalog-point img:hover {transform: scale(1.03);}
.catalog-badge {position: absolute;top:2.4rem;left:2.4rem;display: flex;flex-direction: column;gap: 0.4rem;z-index:10}
.catalog-badge div {background:#C90026; border-radius:2rem;color:#fff;padding:0.5rem 0.9rem; font-weight: var(--extrabold);font-size: 0.88rem;}
.catalog-zag {font-size: 1.06rem;line-height: 1.4rem;margin-bottom:0.5rem;margin-top:1.5rem; font-weight: var(--bold);}
.catalog-price {font-weight: var(--extrabold);font-size: 1.6rem; color:#14AA00; display: flex; align-items: center;}
.catalog-price span {font-weight: var(--extrabold);font-size: 1.2rem; color:#14AA00}
.catalog-price strike {color:#999;font-size: 1.1rem;margin-right:0.4rem;font-weight: 400;}


/* Товар */
.main-tovar .catalog-badge {position: absolute;top:4.5rem;left:2.5rem;}
.main-tovar h1 {margin-bottom:3rem;margin-top:3rem;}
    .gallery {
      display: flex;
      justify-content: space-between;
      background: #ffffff;
      padding: 20px;
      border-radius:2rem;
      max-width: 800px;
      width: 100%;
      margin-bottom:2rem;
    }

    .main-container {
      width: 75%;
      aspect-ratio: 3 / 4;
      overflow: hidden;
      border-radius: 1.5rem;
      background-color: #e9ecef;
    }

    #mainImage {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 0.25s ease-in-out;
      opacity: 1;
    }

    .thumbnails {
    width: 24%;
      display: flex;
      flex-direction: column;
      
      justify-content: center;
      gap: 0 !important;
    }

    .thumb {
      flex: 1;
      width:100%;
      aspect-ratio: 3 / 4;
      object-fit: cover;
      border-radius: 1rem;
      margin-bottom:0.6rem;
      cursor: pointer;
      border: 2px solid transparent;
      transition: all 0.2s ease;
    }

    .thumb:hover,
    .thumb.active {
      border-color: #ddd;
      opacity: 1;
    }


.tovar-wrap {display: flex;justify-content: space-between;}
.tovar-left{width:50%;}
.tovar-main{width:45%;}
.tovar-gallery {width:52%;}
.price-wrap {width:40%;}
.price-zag {font-weight: var(--bold);font-size: 1.2rem;margin-bottom:0.4rem; margin-left:0.1rem}

.price {display: flex;align-items: center;}
.price p {color:#14AA00;font-size:1.8rem;font-weight: var(--extrabold);margin-left:0.5rem}
.tovar-price {background:#fff;border-radius:2rem;padding:2rem;margin-bottom:3rem;}
.tovar-btns {display: flex;align-items: center;gap: 1rem;}
.tovar-btns .btn {display: inline-flex;align-items: center;justify-content: center;}
.tovar-btns .btn img {margin-right:0.5rem; display: block;}
.buy-btn img {margin-top:-0.2rem}
.tovar-params {list-style-type: none;display: flex; flex-wrap: wrap;padding-left:0.3rem;padding-right:0.3rem;margin-bottom:2rem;justify-content: space-between;}
.tovar-params li {display: flex; font-size: 1.1rem;font-weight: 500;width:45%;margin-bottom:0.8rem; color:#666}
.tovar-params li span {color:#000;font-size: 1.1rem;font-weight: 600;display: inline-block;margin-left:0.4rem}

.tovar-size {margin-top:2rem;padding-left:0.3rem;padding-right:0.3rem;}
.tovar-size-top {display: flex;justify-content: flex-start;margin-bottom:0.5rem;}
.tovar-size-top p {font-weight: var(--bold);font-size: 1.2rem;color:#000; margin-right:1rem;}
.tovar-size-top a {display: block;border-bottom:1px solid}

.tovar-size ul {list-style-type: none;display: flex; flex-wrap: wrap;gap:0.5rem;margin-left:-0.1rem;margin-top:1.6rem;}
.tovar-size li {font-size: 1.1rem;font-weight: 500;margin-bottom:0.8rem; color:#666}
.tovar-size li span {color:#000;font-size: 1rem;font-weight: 400;padding:1rem 1.4rem;display: block;margin-left:0.2rem;background:#666;border-radius:1rem;color:#fff;}

.tovar-size li a {display: block;padding:1rem 1.4rem;font-weight: 600;color:#000;font-size: 1rem;background:#fff;border-radius:1rem;}
.tovar-main .posted_in {margin-left:0.3rem;margin-bottom:3rem;display: block;}
.tovar-main .posted_in a {font-weight: var(--bold);border-bottom:1px solid;}
.tovar-opis {margin-top:4rem;}
.tovar-opis-zag {font-weight: var(--bold);font-size: 1.2rem;margin-bottom:1rem}
.tovar-opis-text p {color:#666;font-size: 1rem;line-height: 1.4rem; margin-top:0.6rem;margin-bottom:0.6rem;}
.tovar-opis-more {border-bottom: 1px dotted;display: inline-block; cursor:pointer;font-weight: var(--bold);}
/* страница категории */
.catalog-main-wrap {display: flex; justify-content: space-between;gap: 2rem;align-items: flex-start;}
.catalog-filter {background:#fff;border-radius:2rem;min-width:17rem;padding:2.2rem}
.catalog-filter ul {list-style-type: none;margin-bottom:3rem;}
.catalog-filter ul:last-child {margin-bottom:0}
.catalog-filter ul li a {padding:0.4rem 0;display: block;color:#666;font-weight: 500;font-size: 0.96rem;}
.catalog-filter ul li {display: flex;align-items: center;}
.catalog-filter ul li input {margin-left:0;margin-right:0.6rem}
.catalog-filter-zag {font-weight: var(--bold);font-size: 1.2rem;margin-bottom:1.0rem;}
.catalog-links {list-style-type: none;display: flex; gap: 0.6rem;flex-wrap:wrap;}

.catalog-links li a {display: block;color:#fff;background:#999;transition: 0.5s; border-radius:2rem;padding:0.4rem 0.9rem 0.5rem 0.9rem;font-size: 0.9rem;}
.catalog-links li a:hover {color:#fff;background:#666;}

.pagination{list-style-type: none;display: flex;width:100%;flex-grow: 1;gap: 1rem;justify-content: center;}
.pagination li {border-radius:50%;font-weight: var(--bold);display: flex;width:4rem;height:4rem;align-items: center;justify-content: center;}
.pagination .active {border-radius:50%;background:#ddd;}
.pagination li a {border-radius:50%;display: flex;width:4rem;height:4rem;background:#333;align-items: center;justify-content: center;color:#fff !important}

/* корзина */
.wc-block-components-product-name {font-size: 1.2rem !important;font-weight: 600 !important;}
.wc-block-cart-items__header th {font-weight: 700 !important;}
.wc-block-cart .wc-block-cart__totals-title {font-weight: 700 !important;}
.wc-block-components-formatted-money-amount {color:#14AA00;font-weight: 600;}
#customer_details {margin-bottom:3rem;}
/* футер */
.footer {padding-top:2rem;padding-bottom:1rem;margin-top:1rem;margin-bottom:1rem;}
.footer-left a {display: inline-block;margin-bottom:1rem;}
.footer-wrap {display: flex; gap:10rem;background:#333; padding:3rem 5rem 3rem 3rem;border-radius:2rem;}
.footer a {color:#bbb !important;}
.footer a:hover {color:#fff !important}
.footer p {color:#999;margin-bottom:1.0rem;line-height: 1.4rem;}

.footer-center {display: flex;justify-content:space-between; flex-grow:1;}
.footer-center ul{list-style-type: none;}
.footer-center ul li {color:#fff; margin-bottom:0.67rem;}
.footer-center-title{font-size: 1.2rem;font-weight:var(--bold);margin-bottom:1.1rem !important;}


/* Формы и модальные окна */
.popup{display:none;position: fixed;z-index:900;top:0;bottom:0;left:0;right:0;overflow:auto;}
.modal{background:#fff;z-index:1200;margin:auto;position:absolute;left:0;right:0;}
.overlaypop{position: fixed;z-index:1000;top:0;bottom:0;left:0;right:0;background: rgba(0,0,0,0.6);cursor:pointer;}
.modaltext{padding:3.4rem 4rem 3rem 4rem;}
.clsbtn{position:absolute;color:var(--main) !important;cursor:pointer;transition: 0.5s;}
.clsbtn:hover{transform: rotate(90deg);}


.modalform{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}

:not(div).inpt {font-size:1rem;margin-bottom:0.6rem;padding:1.6rem 1.8rem 1.5rem 1.8rem;box-sizing: border-box;font-weight:500;outline:0;border:0;background:#f0f0f0;cursor:pointer;font-family:var(--main-font);color: var(--main);}
:not(div).inpt::placeholder{color:var(--main);opacity: 0.7;}
:not(div).inpt:focus {box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.07);}

.inpt input{width: 100%; font-size:1rem;padding:1.6rem 1.8rem 1.5rem 1.8rem;box-sizing: border-box;font-weight:500;outline:0;border:0;background:#f0f0f0;cursor:pointer;font-family:var(--main-font);color: var(--main);}
.inpt input::placeholder{color:var(--main);opacity: 0.7;}
.inpt input:focus {box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.07);}

.modal{width:30rem;top:12vh;border-radius:1.5rem;}
.overlaypop{padding-bottom:10vh;}
.clsbtn{right:1.4rem;top:1.4rem;font-size:1.4rem;}

.modalform .inpt{width:100%;display: block;}
.modalform .btn{width:100%;padding:1.6rem 2rem 1.5rem 2rem;font-size: 1.0rem;margin-top:0.5rem;font-weight:var(--bold);display: block;margin:auto;}
.modalzag {font-size:1.3rem;font-weight:var(--bold);text-align:center;color:#000}
.modalopis{margin:0 auto;max-width:18rem;margin-top:0.4rem;margin-bottom:1.4rem;font-size:1.0rem;line-height: 1.3rem;text-align:center;color:var(--main); opacity: 0.7;font-weight:var(--semibold);}


.pol {margin-top:1rem;display: flex;align-items: flex-start;opacity: 0.7;}
.pol input {margin-top:0.7rem;margin-right:0.7rem;}
.pol p {font-size:0.73rem;margin-top:0.5rem; }
.pol a {border-bottom: 1px solid;}

.politika {padding-top:2rem;padding-bottom:2rem;}
.politika-back {margin-bottom:2rem; display: inline-block;font-size: 1.1rem;}
.politika p {margin-top:1.2rem;margin-bottom:1.2rem;font-size: 1.1rem;line-height: 140%;}
.politika h1 {margin-bottom:1rem;font-size: 1.8rem;line-height: 2.2rem;}
.politika h2 {margin-bottom:1rem;margin-top:2rem;font-size: 1.4rem;line-height: 1.8rem;}
.politika li {margin-top:1.2rem;margin-bottom:1.2rem;font-size: 1.1rem;line-height: 140%;list-style-type: circle;margin-left:1.7rem;padding-left:0.4rem;}
.politika table td {padding: 0.9em 1.1rem; border:1px solid #ddd; font-size:0.9rem;line-height: 140%;}
.politika a {border-bottom:1px solid;}
.politika table {padding: 0; margin:0; box-sizing: border-box;}
.politika table td {vertical-align: top;}
.politika ol {padding-left:0;}

.size-table-section {margin-bottom: 0 !important}
.size-table-section table {border-collapse: collapse;}
.size-table-section table th {padding:0.9rem 1.2rem;border:0; border-bottom: 1px solid #ddd}
.size-table-section table td {padding:0.9rem 1.2rem}
.table-wrapper {margin-top:2rem;margin-bottom:3.5rem;border: 1px solid #ddd; border-radius: 1rem;overflow: hidden;width: fit-content}
.size-table-section .table-wrapper:last-child {margin-bottom:0 !important}

.table-wrapper table {border-collapse: collapse;}
.table-wrapper table th {padding:0.9rem 1.2rem;border:0; border-bottom: 1px solid #ddd; text-align:left;}
.table-wrapper table td {padding:0.9rem 1.2rem}
.table-wrapper {margin-top:2rem;margin-bottom:3.5rem;border: 1px solid #ddd; border-radius: 1rem;overflow: hidden;width: fit-content}
.table-wrapper .table-wrapper:last-child {margin-bottom:0 !important}

.video-container {
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9; /* пропорции 16:9 */
  margin-bottom:3rem;
}

.video-container video,
.video-container iframe {
  width: 100%;
  height: 100%;
  object-fit: cover; /* или contain, чтобы видео не обрезалось */
}
.text-block p {margin-top:1rem;margin-bottom:1rem;color:#444;font-size: 1.1rem;line-height: 1.5rem;}
.text-block ul {margin-bottom:3rem;}
.warehouse-contacts {display: flex;align-items:stretch; justify-content: space-between;}
.contacts-block-left {width:47%}
.contacts-block-right {width:47%; height:30rem;}
.contacts-block-right iframe {height:26rem;}
.contact-block {margin-top:2rem;}
.contact-block div {display: flex;align-items: center; justify-content: flex-start;margin-bottom:1rem;}
.contact-block div span {display: inline-block;margin-right:0.5rem;font-weight:600;}
.contact-block div p {margin:0 !important}
.contact-block div p a{border-bottom:1px solid; } 
.text-block ol {padding-left:0rem}
.text-block li {margin-top:1.2rem;margin-bottom:1.2rem;color:#444;margin-left:1.5rem;font-size: 1.1rem;line-height: 1.5rem;}
.text-block h1 {margin-bottom:3rem;}
.text-block h2 {font-size: 1.8rem;margin-bottom:2rem;margin-top:4rem;}
.text-block h3 {font-size: 1.4rem;margin-bottom:1.6rem;line-height: 1.7rem;margin-top:2.6rem;}
.text-block h4 {font-size: 1.2rem;margin-bottom:0.4rem;line-height: 1.6rem;margin-top:2.4rem;}
.text-block hr {height:1px; background:#ddd;border-radius:1rem;margin-top:2rem;margin-bottom:2rem;border:0;}

.text-block a {color:#DD002A; border-bottom:1px solid;}
.text-block strong {color:#000}
#payment {margin-top:7rem;}
#payment img {margin-top:3.4rem;}
#payment h4 {margin-top:1rem;}
@media screen and (max-width: 1800px) and (min-width: 900px) {
html{font-size: var(--fz-2);}
.wr {max-width: 100%;}
body{-webkit-text-size-adjust:100%;font-family: var(--mf);background:var(--bg-color)}
body, div, table, tr, td, li, ul, p{margin:0;padding:0;border:0;font:inherit;color:var(--main);font-weight:400;font-family: var(--main-font);}
div, td, li, p, span {line-height:1.1rem;font-size: 1.06rem;}
h1, h2, h3, h4, h5, h6{margin-top:0; padding:0;font-weight:bold;text-align:left;display:block;font-weight:700;color:#000;}
}



@media screen and (max-width: 900px) {
html{font-size: var(--fz-4);}
body{-webkit-text-size-adjust:100%;font-family: var(--mf);background:var(--bg-color)}
body, div, table, tr, td, li, ul, p{margin:0;padding:0;border:0;font:inherit;color:var(--main);font-weight:400;font-family: var(--main-font);}
div, td, li, p, span {font-size: 1.5rem;}
h1, h2, h3, h4, h5, h6{margin-top:0; padding:0;font-weight:bold;text-align:left;display:block;font-weight:700;color:#000;}
.wr {padding-left:1.6rem;padding-right:1.6rem;max-width: 100%;}
.fdc {flex-direction: column;display: flex;}
.btn {font-size: 1.3rem;padding:1.6rem 2.6rem}


/* шапка */
.header {padding-bottom:1rem;padding-top:0;}
.top-menu{display: none;}
.logo {margin-bottom:2rem;}
.logo p {max-width:13rem;margin-left:1rem;font-size: 1.1rem;}
.loc {margin-bottom:2rem;}
.loc img {width:1.5rem}
.loc p {line-height: 1.8rem;}

.search-block input {font-size: 1.4rem;}
.search-block::before {right:1.1rem;width:2rem;height:2rem;top:1.3rem;}
.phone {display: flex;align-items: center;margin-top:1rem;}
.phone-btn {margin-bottom:0.8rem;font-size: 1.3rem;line-height: 1.6rem;}
.phone-link img {margin-top:-0.3rem;}
.phone-link a {margin-bottom:0.2rem;font-size:2.2rem;}
.phone-mail a {font-size: 1.3rem;}
.search-block {margin-bottom:1rem;width:90%}





/* баннеры на главной */
.main-banners a {display: block;}
.banner-5 {width:100%;}
.banner-5 img {position: relative;object-fit: contain !important;}
.banner-6 {width:100%;}


.banner-1 a p:nth-child(2) {font-size: 1.4rem;top:1.6rem;left:2rem;}
.banner-1 a p:nth-child(3) {font-size: 1.3rem;top:3.5rem;left:2rem;}
.banner-2 a p:nth-child(2) {font-size: 1.4rem;top:1.6rem;left:2rem;}
.banner-2 a p:nth-child(3) {font-size: 1.3rem;top:3.5rem;left:2rem;}

.banner-3 a p:nth-child(2) {font-size: 1.6rem;top:1.6rem;left:2rem;}
.banner-3 a p:nth-child(3) {font-size: 1.3rem;top:3.8rem;left:2rem;}
.banner-4 a p:nth-child(2) {font-size: 1.6rem;top:1.6rem;left:2rem;}
.banner-4 a p:nth-child(3) {font-size: 1.3rem;top:3.8rem;left:2rem;}

.banner-5 img {width:120%;height:auto !important;}
.banner-5 a p:nth-child(2) {font-size: 1.6rem;top:1.6rem;left:2rem;}
.banner-5 a p:nth-child(3) {font-size: 1.3rem;top:2.1rem;left:2rem;}

.banner-6 a p:nth-child(2) {font-size: 1.6rem;top:1.6rem;left:2rem;}
.banner-6 a p:nth-child(3) {font-size: 1.3rem;top:2.1rem;left:2rem;}

/* блок о компании */
.main-page-comp {padding:2.4rem;}
.main-page-comp img {width:100%;}
.main-page-comp h1 {font-size: 1.7rem;line-height: 2rem;}
.main-page-comp div {margin-bottom:2rem;}
.main-page-comp-opis {font-size: 1.3rem;line-height: 1.9rem;margin-top:1rem;}

.main-page-comp ul li {font-size: 1.3rem;line-height: 1.9rem;margin-top:1rem;padding-left:1.4rem}
.main-page-comp ul li::before {top:0.7rem}

.breads {min-width: 0 !important;overflow-y: auto;flex-wrap: nowrap;justify-content: flex-start;padding-bottom:1.1rem; margin-left:-1.5rem;width:calc( 100% + 3rem ); background:#ddd;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem;}
.breads li {font-size: 1.3rem;white-space: nowrap;padding-top:0.2rem}


.page-content-block h1 {font-size: 1.8rem;}
.size-table-section h2 {font-size: 1.6rem;}
.table-wrapper {overflow-x: scroll;max-width:100%;}
.table-wrapper table td, .table-wrapper table th {min-width:12rem;text-align: left;}
.table-wrapper table th {font-size: 1.2rem;}
.warehouse-contacts {display: flex;flex-direction: column;}
.contacts-block-left {width:100%;margin-bottom:2rem;}
.contacts-block-right {width:100%;margin-bottom:2rem; height:20rem;}
/* карточки */
.catalog {margin-top:1.5rem}
.catalog-main-wrap {gap:0}
.catalog h1 {margin-bottom:2rem;font-size: 2.3rem;}
.catalog-wrap h1 {margin-bottom:2rem;}
.catalog-wrap h2 {margin-bottom:2rem;}
.catalog-wrap {gap:2%;max-width: 100%}
.catalog-point {width:49%; padding:0.9rem; border-radius:1.2rem}
.catalog-img-wrap {border-radius:0.6rem;}
.catalog-badge {left:0;top:0;}
.main-tovar .catalog-badge div {font-size: 1.2rem;padding:0.8rem 1.2rem;}
.catalog-links {min-width:100%;overflow-y: auto;flex-wrap: nowrap;}
.catalog-links li {flex-grow: 1;white-space: nowrap;}
.catalog-links li a {display: block;font-size: 1.1rem;padding:0.84rem 1.4rem 0.8rem 1.4rem}
.catalog-price {font-size: 1.6rem;}
.catalog-price span {font-size: 1.7rem;}
.catalog-price strike {font-size: 1.4rem;}
/* категория */
.mob-filter{display: inline-flex;align-items: center;justify-content: center;background:#C90026; border-radius:2rem;padding:1.2rem 1.8rem 1.1rem 1.4rem;position: sticky; top:2rem;right:0;z-index:200; margin-bottom:0;}
.mob-filter img {width:1.6rem;height:auto; display: block;margin-right:0.5rem}
.mob-filter span {color:#fff;font-weight: var(--bold);font-size: 1.2rem;}
.catalog-filter {position: fixed;top:0; right:0;width:80%;border-radius:0;min-height:100vh;height:100%; z-index:9999;overflow-y: auto;box-shadow: 0 0 4rem rgba(0, 0, 0, 0.24);}
.catalog-filter {display: none;}
.catalog-filter-cls{display: block;position: absolute;right:2rem;top:1.6rem;font-size: 2rem;}
.catalog-filter-zag {font-size: 1.6rem;}
.catalog-filter ul li a {font-size: 1.4rem;}
.catalog-filter ul li input {margin-right:1.1rem}
.pagination {min-width: 0 !important;overflow-y: auto;flex-wrap: nowrap;max-width: 100%; justify-content: flex-start;padding-bottom:0.6rem}
.pagination li {font-size: 1.1rem;white-space: nowrap;min-width:4rem;height:4rem;flex-grow: 1;}
.pagination li a {width:4rem;height:4rem;flex-grow: 1;}
.catalog-badge div {padding:0.6rem 0.9rem 0.5rem 0.9rem;}
/* Товар */
.main-tovar {padding-bottom:3rem;}
.main-tovar h1 {font-size: 2rem;line-height: 2.4rem;}
.main-tovar h1 {margin-bottom:2rem;}
.tovar-gallery {width:100%;}
.main-container {width:100%;}
.thumbnails {width:100%;flex-direction: row;margin-top:1rem}

      .thumb {
        aspect-ratio: 3 / 4;
        width:32% !important;
        margin-right:0.5rem;
      }

.gallery .thumbnails {gap:0 !important; margin-bottom:0;}
.tovar-main {width:100%;}
.tovar-price {width:100%;}
.tovar-btns {flex-wrap:wrap;}
.price-wrap {width:100%;margin-bottom:1rem;}
.price-zag {font-size: 1.8rem;}
.price p {font-size: 2.4rem;}

.tovar-params li {width:100%;font-size: 1.5rem;line-height: 1.6rem;}
.tovar-params li span {font-size: 1.5rem;line-height: 1.80rem;}
.tovar-size-top p {font-size: 2rem;}
.tovar-size-top a {font-size: 1.6rem;line-height: 1.4rem;display: inline-block;}
.tovar-opis-zag {font-size: 2rem;}
.tovar-opis-text p {font-size: 1.6rem;line-height: 2.4rem;margin-top:1rem;margin-bottom:1rem;}

.tovar-size {margin-top:2rem;padding-left:0.3rem;padding-right:0.3rem;}
.tovar-size-top {margin-bottom:0.5rem;}
.tovar-size-top p {font-size: 1.2rem;color:#000; margin-right:1rem;}

.tovar-size ul {flex-wrap: wrap;gap:0.5rem;margin-left:-0.1rem;margin-top:1.6rem;}
.tovar-size li {font-size: 1.5rem;margin-bottom:0.8rem;}
.tovar-size li span {font-size: 1.5rem;padding:1rem 1.4rem;margin-left:0.2rem;border-radius:1rem;}

.tovar-size li a {padding:1rem 1.4rem;font-weight: 600;font-size: 1.5rem;border-radius:1rem;}


/* футер */
.footer {padding-top:1rem;padding-bottom:1rem;margin-top:1rem;}
.footer-wrap {gap:0;padding:2.8rem}
.footer p {font-size: 1.3rem;line-height: 1.7rem;}
.footer-center ul{margin-top:2rem;}
.footer-center li {font-size: 1.3rem;}
.footer-center-title {font-size: 1.5rem !important;}
.menu-blocks {padding-left:2rem;padding-top:2rem;padding-bottom:2rem;}
.menu-blocks div img {width:3rem;}
.menu-blocks i {font-size: 1.3rem;width:2.6rem;height:2.6rem;}
.semi-menu {flex-direction: column;align-items: flex-start; margin-top:1rem;gap:0;padding-left:0;}
.semi-menu a {display: block;}



input.inpt {font-size:1.3rem;margin-bottom:0.6rem;padding:1.8rem 2.2rem 1.7rem 2.2rem;box-sizing: border-box;font-weight:500;outline:0;border:0;background:#f0f0f0;cursor:pointer;font-family:var(--main-font);color: var(--main);}


.modal{width:30rem;top:12vh;border-radius:1.5rem;}
.overlaypop{padding-bottom:10vh;}
.clsbtn{right:1.4rem;top:1.4rem;font-size:1.4rem;}
.modaltext {padding:3.6rem 2.6rem 3.1rem 2.6rem}
.modalform .inpt{width:100%;display: block;}
.modalform .btn{width:100%;padding:1.8rem 2rem 1.7rem 2rem;font-size: 1.3rem;margin-top:1.5rem !important;font-weight:var(--bold);display: block;margin:auto;}
.modalzag {font-size:1.6rem;}
.modalopis{max-width:21rem;margin-top:0.4rem;margin-bottom:2.4rem;font-size:1.2rem;line-height: 1.5rem;}


.pol {margin-top:1rem;display: flex;align-items: flex-start;opacity: 0.7;}
.pol input {margin-top:0.7rem;margin-right:0.7rem;}
.pol p {font-size:1rem;margin-top:0.5rem; }
.pol a {border-bottom: 1px solid;}



.page-content-block {padding: 2.4rem !important;}
.text-block p {margin-top:1rem;margin-bottom:1rem;color:#444;font-size: 1.3rem;line-height: 1.8rem;}
.text-block ul {margin-bottom:3rem;}
.contacts-block-right {height:26rem;}
.contacts-block-right iframe {height:24rem;}
.text-block ol {padding-left:0rem}
.text-block li {margin-top:1.2rem;margin-bottom:1.2rem;color:#444;margin-left:1.5rem;font-size: 1.3rem;line-height: 1.8rem;}
.text-block h1 {margin-bottom:3rem;}
.text-block h2 {font-size: 1.8rem;margin-bottom:2rem;margin-top:3rem;}
.text-block h3 {font-size: 1.6rem;margin-bottom:1.6rem;line-height: 1.7rem;margin-top:2.0rem;}
.text-block h4 {font-size: 1.4rem;margin-bottom:0.4rem;line-height: 1.6rem;margin-top:2.0rem;}
.text-block hr {height:1px; background:#ddd;border-radius:1rem;margin-top:2rem;margin-bottom:2rem;border:0;}
.text-block table {border-collapse: separate;border-radius:1rem;}


.table-wrapper table td, .table-wrapper table th {min-width:17rem;padding:0.9rem 1.2rem;text-align: left;font-size: 1.2rem;}
.table-wrapper table th {font-size: 1.2rem;padding:0.9rem 1.2rem;}


.text-block a {color:#DD002A; border-bottom:1px solid;}
.text-block strong {color:#000}
/* корзина*/
.wc-block-cart-items__row {display: flex !important;flex-direction: column !important;}
.wc-block-cart-item__image {padding-right:0 !important;padding-bottom:1.2rem !important;}
.wc-block-cart-item__image img {border-radius:1rem;}
.wc-block-components-product-name {font-size: 1.6rem !important;}
.wc-block-components-totals-footer-item-shipping {font-size: 1.2rem;}
.wc-block-cart__sidebar {margin-bottom: 0 !important}
.wc-block-cart__submit {margin-bottom: 0 !important}

#payment {margin-top:4rem;}
/* === Кнопка открытия (фиксирована справа внизу) === */
.mobile-menu-trigger {
  position: fixed;
  bottom: 95px;
  right: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #DD002A;
  color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9998;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: transform 0.2s;
}
.mobile-menu-trigger:active { transform: scale(0.95); }
.mobile-menu-trigger svg { width: 24px; height: 24px; }

/* === Оверлей и меню === */
.mobile-menu-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  display: flex;
  align-items: flex-end; /* или center, если хочешь по центру */
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.mobile-menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

.mobile-menu {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  max-height: 100vh;
  background: #fff;
  display: flex;
  flex-direction: column;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.mobile-menu-overlay.active .mobile-menu {
  transform: translateY(0);
}

/* === Шапка === */
.mobile-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 2rem;
  border-bottom: 1px solid #eee;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
}
.mobile-menu__title {
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  flex: 1;
  text-align: center;
}
.mobile-menu__back,
.mobile-menu__close {
  background: none;
  border: none;
  padding: 0.8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #333;
  font-size: 14px;
}
.mobile-menu__close { padding: 4px; }

/* === Контент с прокруткой === */
.mobile-menu__content {
  flex: 1;
  overflow-y: auto;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

/* === Элементы меню === */
.menu-level {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu-level[hidden] { display: none !important; }

.menu-item {
  padding: 1.4rem 2rem;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #222;
}
.menu-item:active { background: #f9f9f9; }
.menu-item a {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
}
.menu-item__text { flex: 1; }
.menu-item__arrow {
  opacity: 0.6;
  transition: transform 0.2s;
}
.menu-item[data-next]:active .menu-item__arrow {
  transform: translateX(4px);
}

/* Подзаголовки разделов */
.menu-subtitle {
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  font-weight: var(--extrabold);
  padding-top:2rem;
  padding-bottom:1rem;
  background: #fafafa;
}

}


/* === Анимация появления кнопки при скролле (опционально) === */
@media (max-width: 901px) {
  .mobile-menu-trigger { display: flex; }
}
@media (min-width: 900px) {
  .mobile-menu-trigger { display: none; } /* Скрываем на десктопе */
  .mobile-menu-overlay {display: none;}
}


/* Базовые стили и сброс браузерных настроек */
.orderby {
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    color: #333333;
    background-color: #ffffff;
    
    /* Убираем стандартную стрелку браузера */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* Кастомная стрелка (SVG) в акцентном красном цвете */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23DD002A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px;
    
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px 36px 10px 14px; /* Отступ справа под стрелку */
    cursor: pointer;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

/* Состояние при наведении */
.orderby:hover {
    border-color: #cccccc;
    background-color: #fcfcfc;
}

/* Состояние фокуса (акцентный цвет) */
.orderby:focus {
    border-color: #DD002A;
    /* Легкое красное свечение для удобства */
    box-shadow: 0 0 0 3px rgba(221, 0, 42, 0.12); 
}

/* Стили для самого выпадающего списка (опций) */
.orderby option {
    background-color: #ffffff;
    color: #333333;
    padding: 8px;
}

/* Стили для отключенного состояния (на всякий случай) */
.orderby:disabled {
    background-color: #f5f5f5;
    border-color: #eaeaea;
    color: #999999;
    cursor: not-allowed;
    opacity: 0.7;
}