/* Главное меню*/
.menu__column.image_column{margin-left:0px}
.menu__dropdown{width: 1440px;}
.menu__column.image_column{}
/*.menu__column{max-width:360px;}*/
.header__dropmenu{width: 1440px;}

.catalog__menu__col__item.level-2.active {	margin-top: 0px;}

.menu__dropdown .menu__field{
  height: 100%;
  overflow-y: auto;
  /*max-height: calc(100vh - 172px);*/
  scrollbar-width: thin;
}

.catalog__menu__col__item.level-2.active {
  height: 100%;
  overflow-y: auto;
  max-height: calc(100vh - 172px);
  scrollbar-width: thin;
  scrollbar-color: var(--season-color) rgba(0, 0, 0, 0.1);
}



@media screen and (max-width: 1470px) {
  .menu__img {
    min-width: 250px;
    
  }
}
.menu__column.is_filter {
  max-width: 380px;
  margin-left: 0px;
}

div.card__brand {
    height: auto;
}

.level-3.active {
   max-width: 100%;
}


.catalog__menu__col__item.level-2 {
    max-width: 360px;
}

.catalog__menu__col__item.level-2 {
  & .menu__sublist {
    max-width: 360px;
  }
}

.filter_container {
  max-width: 380px;
  flex: 19;
}

.menu__dropdown{}

.menu__img img{
    /*height: auto !important;*/
    max-width: 390px;
}

.menu__subitem .menu__sublink::after {
  right: 7px;
}

.menu__field {
  width: 350px;
}

.menu__drop {
  left: 637px;
  width: 800px;
}

.menu__sublist {
  max-width: 360px;
}

.menu__sublist .menu__subitem .menu__sublink::after {
  right: 7px;
}

/*Карточка*/
.tabs__name {
	margin-right: 50px;
    padding-top: 10px;
}

.card__view {
   margin-bottom: 10px;
}
@media (max-width: 700px) {
    .breadcrumbs + .catalog-base + .tags p.h1 {
    margin-top: 0 !important;
    font-size: 24px;
}
     .catalog__item:hover .catalog__options{
         margin-left:10px;
     }
     .catalog--view4 .catalog__param--base .catalog__options{
         margin-left:0px;
     }
}
@media (max-width: 1000px) {

    .swiper-slide  a{
        margin: 0 5px;
     }
}


/* Статьи */
.news__info .news__title {
  text-transform: uppercase;
}

.news__img img.mobile-visible{
        display:none;
}

@media (max-width: 480px) {
  .news h1 {
    padding-right: 0px;
    margin-bottom: 10px;
  }
}

@media (max-width: 1000px)  and (min-width:340px) {
    .swiper-slide a{
         margin:0px
    }
     .swiper-button-next {
         right: 0px;
    }
     .swiper-button-prev {
        left: 0px;
    }
}

@media (max-width: 700px)  and (min-width:340px) {
    .news__item.news__item--wide  .mobile-visible{
          height: auto;
          display:block;

    }
    .news h1 {
          padding-right: 0px;
          margin-bottom: 10px;
    }
	.news__item.news__item--wide .news__info{
        margin-top:10px;
    }

    .news__item .news__info {
        margin-top:10px;
    }

    .news__img {
        min-height: 100px;
        height: auto;
        /*height: 240px;*/
    }
    .news__item.news__item--half .mobile-visible{
        display:none;
    }
    .news__item.news__item--half .desctop-visible{
        display:block !important;
        max-height: 100%;
    }
    .news__item.news__item--half .news__info {
        margin-top:10px;
    }
    .news__item.news__item--half .news__img {
        width:100%;
        height:auto;

    }

	.news__img img.mobile-visible{
        height: auto;
        display:block;
    }

    .service__img {
        margin: 0 auto;
    }
    .service__item {
		text-align: center;
    }
}


@media (max-width: 1000px) and (min-width: 701px) {
	.news__img .desctop-visible{
        height: auto;
        display:block;
    }
    .news__img .mobile-visible{
        display: none;
    }
	.news__link{
        padding-bottom: 20px;
    }
	.news__item.news__item--wide {
        height:auto;
        display:block;
    }
	.news__item.news__item--half .news__info{
        margin-top:14px
    }
    .news__item.news__item--half .mobile-visible{
        display:none;
    }
    .news__item.news__item--half .desctop-visible{
        display:block;
        max-height: 100%;
    }
     .service__img {
        margin: 0 auto;
    }
    .service__item {
		text-align: center;
    }
}

@media (max-width: 1000px) and (min-width: 701px) {
    .news__img {
        width:100%;
        height:auto;
    } 
}


@media (max-width: 1980px) and (min-width: 1001px){
    .news__img .mobile-visible{
       display:none;
    }

     .news__img .desctop-visible{
       display:block;
    }

}




/*Нижняя мобильная корзина*/

.nav__item.nav__item--active path{
    fill: var(--season-color);
}
.nav__item.nav__item--active span{
    color: var(--season-color);
}

.nav__link span{
    color: #121218;
}


/*@media (max-width: 700px) {
     .news__item--wide .news__info{
        margin-top: 383px;
     }
     .news__item--wide {
        margin-bottom: 20px;
     }
     .news__link {
        padding-bottom: 20px;
	 }
}

@media (max-width: 1000px) {
    .news__list .news__item  .news__img {
        max-height: 220px;
        margin-bottom: 12px;
    }

	.news__item.news__item--half .news__info{
        margin-top: 20px;
    }
	.news__item.news__item--half .news__img {
        max-height: 253px;
        height: 253px;
    }
	.news__item.news__item--wide  .news__link .news__img {
      height: 240px;
    }


 }

@media (max-width: 480px) {
  .news__info {
    padding-top: 44px;

  }
}*/

/* .search__dropdown {
    display: block !important;
}
.title-search-result .search__dropdown {
    position: static;
} */

.pointer {
    cursor: pointer;
}

body .info__cut {
    height: auto;
}
.info__more, .info__cut::after, .info__cut.info__cut--open.active::after {
    display: none;
}

body .info__cut.active {
    height: 376px;
}
.info__cut.active::after {
    display: block;
}

.info__cut.active .info__more {
    display: block;
}

.form__check.error, .form__check.error .checkbox-label, .form__check.error .checkbox-label a {
    color: red;
}
.oneclick-result {
    font-weight: 600;
    font-size: 15px;
}

.pricelist__img {
    height: 127px;
}

.simple-page {
    font-size: 16px;
    line-height: 1.5;
}

.card__delivery {
    display: none;
}

.popup__comment p {
    margin: 0 0 5px 0;
}

.site-shadow, .popup-shadow {
    background: #fff;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    display: none;
}

.popup__size_wrap table {
    width: 100%;
    border-collapse: collapse;
}
.popup__size_wrap table tr {
    border-bottom: 1px solid rgba(134, 149, 173, 0.2);
}
.popup__size_wrap table th, .popup__size_wrap table td {
    height: 48px;
    padding: 0 15px;
    text-align: left;
}
.popup__size_wrap table td {
    font-weight: 500;
}

.popup__size_wrap table thead th {
    background-color: rgba(134, 149, 173, 0.1);
}

.card__about #tabs iframe {
    width: 100% !important;
}

.tags__item.active, .tags__item.active::after {
    border-color: #121218;
}
.tags__item.active svg path:first-child, .tags__item.active svg path:nth-child(2) {
    stroke: #121218;
}

p.h1 {
    margin: .67em 0;
    font-size: 48px;
    font-weight: 700;
}

.popup__img a {
    height: inherit;
}

/* .selection__label.active {
	color: var(--season-color);
	border-color: var(--season-color);
} */

/* .selection__label.second-line.disabled, li.sku_prop.disabled a {
	opacity: 0.25;
    background-color: #eee;
    cursor: context-menu;
} */


.catalog_slider_wrapper--02{
z-index:101;
}

.catalog_slider_wrapper--01{
z-index:100;
}


.sorting__link--active svg {
    -webkit-transform: none;
    transform: none;
}
.sorting__link--active svg.desc, .sorting__current svg.desc {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.breadcrumbs + .catalog-base + .tags h1,
.breadcrumbs + .catalog-base + .tags p.h1{
    margin-top: 0 !important;
}
.tags {
  margin-bottom: 0px;
}
.css-loader {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #25b09b;
    --_m: 
        conic-gradient(#0000 10%,#000),
        linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
@keyframes l3 {to{transform: rotate(1turn)}}

.fancybox-iosfix {
    position: static !important;
}

.header__nav {
    margin: 10px 0;
}

.menu__title {
    display: block;
}
.menu__sublink {
    padding-top: 5px;
    padding-bottom: 5px;
}

.card__banner {
    display: block;
    position: relative;
}
    .card__banner_description {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .75);
        padding: 8px 10px;
        color: #fff;
        display: none;
    }
        .card__banner_description p {
            margin: 0 0 6px;
        }
    
    .card__banner:hover .card__banner_description {
        display: block;
    }

.filter__columns {
    height: 100%;
    /*max-height: 123px;*/
    overflow: hidden;
    transition: 0.3s;
    &.open {
        transition: 1s;
        max-height: 100%;
    }
}

.catalog--view1 .list-banner-long, .catalog--view2 .list-banner-long, .catalog--view3 .list-banner-long, .catalog--view4 .list-banner-short {
    display: none;
}

.level-3.active {
    max-width: 1000px;
}

.delivery__text {
    word-break: break-all;
}
.delivery__price span {
    white-space: nowrap;
}

@media (min-width: 768px){
    .card__order {
        float:right;
    }
    .card__about {
        width: 100%;
    }
    .card__view, .tabs {
        width: 55%;
    }

    /*.mobile-visible {
        display: none !important;
    }*/
}

/*Мобильный список товаров 4*/
@media (max-width: 700px) {
    .catalog__text {
        margin-bottom: 20px;
	}

    .catalog--view4 .catalog__btns {
        flex-direction: column;
  }

  .catalog--view4 .catalog__btn {
        width: 100%;
        border-radius:3px;
  }

  .catalog--view4   .catalog__list {
    margin-left: -15px;
    margin-right: -15px;
    }

   .catalog--view4 .catalog__param--base {

  width: 100%;

}

.catalog--view4 .catalog__order {
  width: 100%;
}

}


@media (max-width: 1200px){
    .card__about {
        display: flex;
        flex-direction: column;
    }

    .card__view {
        order: 1;
    }
    .card__order {
        order: 2;
    }
    .tabs {
        order: 3;
    }
}



@media (max-width: 700px) {
    .catalog--view4 .catalog__about {
        display: none;
    }

    .card__btns {
        flex-direction: column;
    }

    .card__btn, .card__click {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px){
    .desctop-visible {
        display: none !important;
    }

    .pricelist__img {
        height: 108px;
    }

    .catalog__item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }
    
    .catalog__item:hover::before {
        visibility: hidden;
    }

    /* .filter__field {
        overflow: hidden;
    } */
}

.card__info .price+.card__option .selection__check:disabled + .selection__label,
.card__info .price+.card__option .selection__label.disabled
{
    opacity: 0.7;
}
@media (max-width: 1200px) {
    .filter__show {
        position: sticky;
        bottom: 10px;
        margin-left: 15px;
        width: calc(100% - 105px);
        height: 52px;
    }
}
@media (min-width: 1200px) {
    .filter__selection{
        padding-right: 2px;
    }
    .filter__columns{
        /*max-height: 140px;*/
    }
    .filter__columns.open {
        height: auto;
        max-height: 303px;
        scrollbar-color: #8695AD rgba(134, 149, 173, 0.1);
        scrollbar-width: thin;
    }
    .filter__columns.ready{
        overflow-y: auto;
    }

    .filter__columns .filter__check:nth-child(n+5) {
        transition: max-height 0.15s ease, margin-bottom 0.15s ease;
    }
    .filter__columns.open .filter__check:nth-child(n+5) {
        transition: max-height 0.15s ease, margin-bottom 0.15s ease;
    }
}
.nontransition *{
    transition: none !important;
}
.catalog__img{
    height: auto;
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/10;
}
.catalog--view3 .catalog__img,
.catalog--view2 .catalog__img {
    height: auto;
}
.catalog__img img{
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
}
.menu__item:hover .header__dropmenu{
    display: none;
}
.menu__item.hovered .header__dropmenu{
    display: block;
}
.menu__item.hovered .menu__dropdown {
    display: flex;
}
.menu__item:hover .menu__dropdown {
    display: none;
}
.header__dropmenu:hover{
    display: block !important;
}
.menu__dropdown:hover{
    display: flex !important;
}
.menu__dropdown{animation: Open 0.2s forwards;}

.pay-widget-yandex {
    min-width: 380px;
}
@media (max-width: 400px){
	.pay-widget-yandex {
		min-width: 280px;
	}
}
/* .pay-widget-yandex > div {
    display: none;
}
.pay-widget-yandex > div#yandexpay-container {
    display: block;
} */

.pay-widget-yandex {
    text-align: right;
}

.pay-widget-yandex #yapay_button_container {
    display: inline-block;
}


/* ---------- F23: accent-green active pagination dot (2026-05-26) ----------
   Theme rules at style.css:2295-2297 (desktop) and 9052-9056 (mobile ≤767)
   make active dot differ from inactive only by opacity (0.5→1) or width
   (15px→30px) — same colour #121218 throughout. Difference too subtle on
   small mobile dots → Konstantin perceived «Фото магазина» pagination as
   not moving. Re-color the active dot in accent green to give clear visual
   feedback at any size. Applies to ALL carousels site-wide that use the
   standard pagination convention (life-photos / contacts / master / card). */
.life-photos__pagination .swiper-pagination-bullet-active,
.contacts__pagination .swiper-pagination-bullet-active,
.master__pagination .swiper-pagination-bullet-active,
.card__pagination .swiper-pagination-bullet-active {
    background-color: var(--season-color) !important;
    opacity: 1 !important;
}
