.block-realmain {
    background-color: var(--color-background-page);
    width: 100vw;
    height: fit-content;
}

.block-main-realmain {
    height: fit-content;
}

.block-main-realmain-content {
    padding-top: 132px;
    width: fit-content;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
}

.line-back {
    flex-wrap: wrap;
    align-items: center;
    width: fit-content;
    display: flex;
    gap: 10px;

    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    line-height: 140%;

    margin-bottom: 20px;
}

.line-back img {
  width: 14px;
  height: 14px;

  object-fit: contain;
}

.step {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    line-height: 140%;

    transition: color .3s ease-in-out;
}

.line-back a:hover {
    color: var(--color-foreground-accent);
}

.container-info {
    display: flex;
    gap: 1.563vw;
    align-items: center;
}

.container-info-text {
    display: flex;
    gap: 3.125vw;
    align-self: start;
}

.container-info-text-about {
    width: 30.625vw;
}

.product-name {
    display: flex;
    flex-direction: column;

    font-size: var(--font-size-2xl);
    color: var(--color-foreground-primary);
    line-height: 110%;
    font-weight: 500;

    margin-bottom: 38px;
}

.product-name h1, .product-name h2 {
    font-size: var(--font-size-2xl) !important;
    line-height: 110% !important;
    font-weight: 500 !important;
}

.product-name h1 {
    display: flex;
    flex-direction: column;
}

.product-name-code {
    color: var(--color-foreground-tertiary);
}

.advantages {
    display: flex;
    gap: 20px;
}

.advantages .adv {
    display: flex;
    gap: 4px;
    align-items: center;

    font-size: var(--font-size-xs);
    line-height: 125%;
    color: #000;
}

.advantages .adv-1 {
    width: 101px;
}

.advantages .adv-2 {
    width: 104px;
}

.advantages .adv-3 {
    width: 147px;
}

.advantages .adv-img {
    width: 20px;
    height: 20px;
}

.advantages .adv-img img {
    object-fit: contain;
}

.advantages .adv-img-1 img {
    width: 16.67px;
    height: 15.01px;
}

.advantages .adv-img-2 img {
    width: 15.83px;
    height: 15.83px;
}

.advantages .adv-img-2-zap img {
    width: 22px;
    height: 17.5px;
}

.advantages .adv-img-3 img {
    width: 20px;
    height: 20px;
}

.advantages .adv-img-3-zap img {
    width: 20px;
    height: 20px;
}

/* Аккордеон */
.accordion-characteristics {
    width: 100%;
    margin-top: 48px;
}

.accordion-characteristics-title {
    display: block;

    font-size: var(--font-size-sm);
    line-height: 140%;
    color: var(--color-foreground-primary);
    font-weight: 500;
}


.accordion-characteristic-content {
    display: flex;
    flex-direction: column;
    gap: 12px;

    font-size: var(--font-size-sm);
    line-height: 140%;
    margin-top: 16px;
}


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

.line .line-characteristic {
    color: var(--color-foreground-tertiary);
}

.line .line-value {
    color: var(--color-foreground-primary);
}

.container-info-text-price {
    width: 21.016vw;
    height: fit-content;
    padding: 24px 16px;

    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    align-self: start;
}

.container-info-text-price .num {
    font-size: var(--font-size-2xl);
    line-height: 110%;
    color: var(--color-foreground-primary);
    font-weight: 500;
}

.btn-buy {
    margin-top: 16px;

    display: flex;
    width: 100%;
    height: 46px;

    background-color: var(--color-foreground-accent);

    color: var(--color-background-primary);
    font-size: 16px;
    line-height: 140%;
    font-weight: 500;

    align-items: center;
    justify-content: center;

    border-radius: 34px;
}

.interactive-links {
    margin-top: 28px;

    display: flex;
    flex-direction: column;
    gap: 12px;
}

.interactive-link {
    display: flex;
    gap: 8px;

    align-items: center;
}

.link-cont-image {
    width: 24px;
    height: 24px;
}

.link-cont-image img {
    width: 20px;
    height: 20px;

    object-fit: contain;
}

.link-words {
    color: var(--color-foreground-secondary);
    font-size: var(--font-size-sm);
    line-height: 140%;
}

/* Блок фото */
.container-info-image {
    width: 38.672vw;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: end;
}

.main-slide {
    width: 100%;
    height: 500px;
}

.main-slide img {
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;

    object-fit: cover;

    border-radius: 12px;
}

.main-slide.zap img {
    object-fit: contain;
}

.thumbnails-container {
    height: 114px;
    width: 38.672vw;

    overflow: hidden;
    position: relative;
}

.thumbnails-container > * {
    flex-shrink: 0;
}

.thumbnails-container.big-1-img {
    display: none;
}

.thumbnails-wrapper {
    display: flex;
    gap: 0.938vw;
    width: fit-content;
    transition: transform 0.3s ease;
}

.thumbnail {
    cursor: pointer;
    width: 8.984vw;
    height: 114px;

    flex-shrink: 0;
}

.thumbnail img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    border-radius: 8px;

    transition: opacity 0.3s ease-in-out;
}

.thumbnail.active {
    border: var(--color-foreground-tertiary) solid 2px;
    border-radius: 8px;
}

.container-info-text-price.min {
    display: none;
}

.slider-min {
    display: none;
}

.slider-min-not-1 {
    display: none;
}

.img-arrow {
  cursor: pointer;
}

.img-arrow {
  display: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-background-primary);
  border-radius: 50%;
  position: fixed;
  z-index: 10001;
  top: 50%;
}

.prev-image {
    left: 5%;
}

.next-image {
    right: 5%;
}

.img-arrow img {
  width: 12.8px;
  height: 12.8px;
}


/* Блок табов */
.tabs {
    margin-top: 24px;
    display: flex;
    gap: 16px;
}

.tabs > input[type="radio"] {
  display: none;
}

.tabs label {
    padding: 8px 20px;

    font-size: var(--font-size-sm);
    line-height: 140%;
    color: var(--color-foreground-tertiary);

    cursor: pointer;
    border: 1px solid var(--color-foreground-secondary);
    border-radius: 8px;

    transition: color .3s ease, border-color .3s ease, background-color .3s ease;
}

.tabs > input[type="radio"]:checked + label {
  color: var(--color-background-primary);
  background-color: var(--color-foreground-accent);
  border-bottom: 1px solid transparent;
}

.tabs-content-info {
    margin-bottom: 64px;
    margin-top: 24px;

    width: 934px;

    color: var(--color-foreground-primary);
    font-size: var(--font-size-sm);
    line-height: 140%;
}

.tab-content-sects {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tab-content-sect {
    display: flex;
    flex-direction: column;
    gap: 8px;

    max-width: 40%;
}

.seo-desc {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.seo-desc h2 {
    font-size: var(--font-size-md);
    line-height: 125%;
}

/* Стили для табов */
.tab-text-container {
    position: relative;
}

.tab-text {
    max-height: 180px;
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: break-word;

    background: linear-gradient(to bottom, rgba(19, 22, 28, 1) 0%, rgb(238, 243, 246) 95%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.tab-text.no-gradient {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: var(--color-foreground-primary);
}

.tab-content:last-child .tab-text {
    max-height: none;
    background: transparent;
    color: var(--color-foreground-primary);
}

.tab-content:last-child .read-more-btn{
    display: none !important;
}

.read-more-btn {
    background: none;
    border: none;

    font-size: var(--font-size-sm);
    line-height: 140%;
    color: var(--color-foreground-accent);

    cursor: pointer;
    margin-top: 8px;
    padding: 0;
}

/* Скрываем кнопку, если текст не обрезан (опционально, через JS) */
.tab-text-container.expanded .read-more-btn {
    display: none;
}

.tab-text-container.expanded .tab-text {
    max-height: fit-content;
    color: var(--color-foreground-primary);
    background: transparent;
}

/* Похожие товары */
.another-products {
    padding-bottom: calc(128px + 22px);
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    margin: auto;
    max-width: 100%;
    padding-left: 32px;
}

.another-products-title-block {
    display: flex;
    align-items: center;
    width: 95vw;
    justify-content: space-between;
    max-width: 1893.04px;
}

.another-products-title-block-t {
    font-size: var(--font-size-2xl);
    color: var(--color-foreground-primary);
    line-height: 130%;
}

.another-products-title-block-transform {
    display: flex;
    gap: 12px;
}

.another-products-title-block-transform-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: var(--color-foreground-accent);
    border-radius: 50%;
    transition: background-color 0.3s ease;

    cursor: pointer;
}

.another-products-title-block-transform-circle.prev {
    transform: rotate(-180deg);
}


.another-products-title-block-transform-circle.prev.dis {
    transform: rotate(0);
}

.another-products-title-block-transform-circle.next.dis {
    transform: rotate(-180deg);
}

.another-products-title-block-transform-circle div {
    width: 12.8px;
    height: 12.8px;
    background-image: url(../img/catalog/other-product_icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}


.another-products-title-block-transform-circle.dis {
    background-color: var(--color-background-accent-muted);
}
.another-products-title-block-transform-circle.dis div {
    background-image: url(../img/catalog/other-product-not-active_icon.svg);
}

.another-products-content {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;

    border-radius: 16px 0 0 16px;
}

.another-products-content-container {
    display: flex;
    gap: 15px;

    border-radius: 16px 0 0 16px;
}

.another-product {
    width: 388px;
    height: 472px;
    border-radius: 16px;
    border: 1px solid var(--color-background-stroke);
    background-color: var(--color-background-primary);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.another-product.null {
    background-color: transparent !important;
    border: none !important;
}

.another-product-image {
    width: 100%;
    height: 324px;
    display: flex;
}

.another-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    border-radius: 16px 16px 0 0;
}

.another-product-content {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.another-product-content-title {
    font-size: var(--font-size-lg);
    line-height: 120%;
    color: var(--color-foreground-primary);

    transition: color 0.3s ease;
}

.another-product-content-title:hover {
    color: var(--color-foreground-accent);
}

.another-product-content-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.another-product-content-price {
    font-size: var(--font-size-2xl);
    line-height: 130%;
    color: var(--color-foreground-primary);
}

.another-product-content-year {
    font-size: var(--font-size-lg);
    line-height: 110%;
    color: var(--color-foreground-accent);
}



@media screen and (min-width: 1440px) {
    .block-main-realmain-content {
        padding-top: 142px;
    }

    .line-back {
        margin-bottom: 24px;
    }

    .container-info {
        gap: 2.083vw;
    }

    .container-info-text {
        gap: 1.389vw;
    }

    .product-name h1,
    .product-name h2 {
        font-size: var(--font-size-3xl) !important;
    }

    /* Аккордеон */
    .accordion-characteristics-title { 
        font-size: var(--font-size-md);
        line-height: 125%;
    }

    .container-info-text-price {
        width: 22.847vw;
    }

    .container-info-text-price .num {
        font-size: var(--font-size-3xl);
        line-height: 110%;
    }

    .btn-buy {
        height: 54px;

        font-size: var(--font-size-lg);
        line-height: 110%;
        font-weight: 600;
    }

    /* Блок фото */
    .container-info-image {
        width: 36.528vw;
    }

    .main-slide {
        height: 520px;
    }

    .thumbnails-container {
        height: 122px;
        width: 36.528vw;
    }

    .thumbnails-wrapper {
        gap: 0.833vw;
    }

    .thumbnail {
        width: 8.51vw;
        height: 122px;
    }

    .container-info-text-about {
        width: 32.014vw;
    }

    .advantages {
        gap: 24px;
    }

    .advantages .adv {
        font-size: var(--font-size-sm);
        line-height: 140%;
    }

    .advantages .adv-1 {
        width: 116px;
    }

    .advantages .adv-2 {
        width: 119px;
    }

    .advantages .adv-3 {
        width: 170px;
    }

    .tabs-content-info {
        width: 1015px;
        margin-bottom: 64px;
    }

    /* Похожие товары */
    .another-products-title-block {
        width: 95.556vw;
    }

    .another-products-title-block-t {
        font-size: var(--font-size-4xl);
        line-height: 110%;
    }

    .another-product {
        width: 445px;
    }
}

@media screen and (min-width: 1920px) {
    .block-main-realmain-content {
        padding-top: 138px;
    }

    .tabs-content-info {
        margin-bottom: 64px;
        max-width: 1893.04px;
        width: 66.771vw;
    }

    .container-info {
        gap: 3.125vw;
    }

    .container-info-text {
        gap: 5.26vw;
    }

    .container-info-text-about {
        width: 24.688vw;
    }

    .product-name {
        font-size: var(--font-size-3xl);
        line-height: 110%;

        margin-bottom: 44px;
    }

    .product-name h1, .product-name h2 {
        font-size: var(--font-size-3xl) !important;
        line-height: 110% !important;
    }

    .advantages {
        gap: 24px;
    }

    .advantages .adv {
        gap: 8px;
    }

    .advantages .adv-1 {
        width: 124px;
    }

    .advantages .adv-2 {
        width: 127px;
    }

    .advantages .adv-3 {
        width: 178px;
    }

    .advantages .adv-img {
        width: 24px;
        height: 24px;
    }

    .advantages .adv-img-1 img {
        width: 20.01px;
        height: 18.01px;
    }

    .advantages .adv-img-2 img {
        width: 19px;
        height: 19px;
    }

    .advantages .adv-img-3 img {
        width: 24px;
        height: 24px;
    }

    /* Аккордеон */
    .accordion-characteristics {
        margin-top: 64px;
    }

    .container-info-text-price {
        width: 22.969vw;
        padding: 24px;
    }

    .container-info-text-price .num {
        font-size: var(--font-size-4xl);
    }

    .btn-buy {
        height: 66px;

        font-size: var(--font-size-xl);
        line-height: 120%;
    }


    .link-words {
        font-size: var(--font-size-md);
        line-height: 125%;
    }   
    
    /* Блок фото */
    .container-info-image {
        width: 38.958vw;
    }

    .main-slide {
        height: 564px;
    }

    .thumbnails-container {
        height: 153px;
        width: 38.958vw;
    }

    .thumbnails-wrapper {
        gap: 0.625vw;
    }

    .thumbnail {
        cursor: pointer;
        width: 9.271vw;
        height: 153px;
    }

    /* Похожие товары */
    .another-products {
        max-width: calc(1893.04px + 48px);
        padding-left: 48px;
    }

    .another-products-title-block {
        width: 95.261vw;
    }

    .another-product {
        width: 445px;
    }

    .another-product.null {
        display: none;
    }
}

@media screen and (min-width: 2050px) {
    .line-back {
        width: 95.261%;
        max-width: 2439px;
    }

    .container-info {
        gap: 64.063px;
        justify-content: center;
    }

    .container-info-text {
        gap: 107.83px;
    }

    .container-info-text-about {
        width: 493px;
    }

    .container-info-text-price {
        width: 472px;
    } 
    
    /* Блок фото */
    .container-info-image {
        width: 800px;
    }

    .thumbnails-container {
        width: 800px;
    }

    .thumbnails-wrapper {
        gap: 12px;
    }

    .thumbnail {
        width: 190px;
    }

    .container-info-text-about {
        width: 493px;
    }

    .another-products {
        max-width: 1893.04px;
        padding-left: 0;
    }
}

@media screen and (max-width: 1100px) {
    .block-main-realmain-content {
        padding-top: 126px;
        width: 100%;
    }

    .line-back {
        width: 95%;
        margin: 0 auto;
        margin-bottom: 32px;
    }

    .container-info {
        gap: 0;
    }

    .container-info-text {
        gap: 0;
        width: 100%;
    }

    .container-info-image {
        display: none;
    }

    .container-info-text-price.big {
        display: none;
    } 

    .container-info-text-about {
        width: 100%;
        margin-bottom: 32px;
    }

    .product-name {
        width: 95%;
        margin: 0 auto 30px;
    }

    .product-name-name {
        width: 392px;
    }

    .advantages {
        width: 95%;
        margin: 0 auto;
    }

    .advantages .adv {
        gap: 4px;
    }

    .container-info-text-price.min {
        display: flex;
        flex-direction: column;

        width: calc(100% - 24px * 2);
        margin: calc(24px * 2) auto 0;
    }

    /* Аккордеон */
    .accordion-characteristics {
        width: calc(100% - 24px * 2);
        margin: 32px auto 0;
    }

    .container-info-text-price {
        width: 269px;
    }

    .btn-buy {
        width: 279px;
        height: 46px;
    }

    /* новый мини-слайдер */
    .slider-min {
        width: 100%;
        height: 36.198vw;
        overflow: hidden;
        position: relative;

        display: block;

        margin-top: calc(24px * 3);
    }

    .slides-container {
        display: flex;

        gap: 12px;
        
        width: 100%;
        height: 100%;
        transition: transform 0.3s ease;
    }

    .slide-min {
        min-width: 45.573vw;
        width: 45.573vw;
        height: 100%;
    }

    .slide-min img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;

        border-radius: 8px;
    }

    .slide-min:first-child {
        margin-left: calc(-45.573vw + (45.573vw / 2));
    }


    .slider-min.lap-not-2 {
        display: flex;
        height: 36.198vw;
        width: calc(100% - 24px * 2);
        margin: calc(24px * 3) calc((100% - (100% - 24px * 2)) / 2);
    }

    .slider-min.lap-not-2 .slide-min {
        height: 100%;
        width: calc((100% - 12px) / 2);
        min-width: 0;
    }

    .slider-min.lap-not-2 .slides-container {
        justify-content: space-between;
    }

    .slider-min.lap-not-2 .slide-min:first-child {
        margin-left: 0;
    }

    .slider-min-not-1 {
        display: flex;
        height: 36.198vw;
        max-height: 277px;

        margin: calc(24px * 3) auto 0;
        width: calc(100% - 24px * 2);
    }

    .slider-min-not-1 img {
        width: 62.76vw;
        max-width: 480px;
        height: 100%;

        object-fit: cover;
        border-radius: 8px;
    }

    .slider-min-not-1.zap img {
        object-fit: contain;
    }

    .tabs {
        width: calc(100% - 24px * 2);
        margin: 0 auto;
        gap: 8px;
    }

    .tabs-content-info {
        width: calc(100% - 24px * 2);
        margin: 16px auto 52px;
    }

    .tab-content-sect {
        max-width: 100%;
    }

    .container-info-text-about {
        margin-bottom: 32px;
    }

    .another-products {
        padding-bottom: calc(84px + 22px);
    }

    /* Похожие товары */
    .another-products {
        max-width: 100%;
        width: 100%;
        padding-left: 24px;
    }

    .another-products-title-block {
        width: 95vw;
    }

    .another-products-title-block-t {
        font-size: var(--font-size-2xl);
        line-height: 130%;
    }

    .another-products-title-block-transform {
        display: none;
    }

    .another-product {
        width: 317px;
        height: 401px;
    }

    .another-product-image {
        height: 265px;
    }

    .another-product-content-title {
        font-size: var(--font-size-md);
        line-height: 125%;
    }

    .another-product-content-price {
        font-size: var(--font-size-xl);
        line-height: 120%;
    }
}


@media screen and (max-width: 600px) {
    .block-main-realmain-content {
        padding-top: 108px;
    }

    .container-info-text-about {
        margin-bottom: 32px;
    }

    .line-back {
        width: 93.334%;
        gap: 8px;

        font-size: var(--font-size-xs);
        line-height: 125%;
        margin-bottom: 28px;
    }

  .line-back img {
      width: 12px;
      height: 12px;
      object-fit: contain;
  }

    .step {
        font-size: var(--font-size-xs);
        line-height: 125%;
    }

    .product-name {
        font-size: var(--font-size-xl);
        line-height: 120%;
    }

    .product-name h1, .product-name h2 {
        font-size: var(--font-size-xl) !important;
        line-height: 120% !important;
    }

    .product-name-name {
        width: 100%;
    }

    .advantages {
        flex-direction: column;
        gap: 24px;
    }

    /* Слайдер */
    .slider-min {
        height: 201px;
        margin-top: 36px;
    }

    .slide-min {
        min-width: 70.278vw;
        width: 70.278vw;
    }

    .slide-min:first-child {
        margin-left: calc((-70.278vw + 3.333vw * 3.6));
    }

    .slider-min.mob-2 {
        margin-left: 16px;
    }
    .slider-min.mob-2 .slide-min:first-child {
        margin-left: 0;
    }

    .slider-min-not-1 {
        width: 93.334%;
        max-height: 235px;
        margin: calc(24px + 12px) auto 0;
        height: 55.833vw;
    }

    .slider-min-not-1 img {
        width: 100%;
        max-width: 392px;
    }

    /* Аккордеон */
    .accordion-characteristics {
        margin-top: 32px;
        width: calc(100% - 16px * 2);
    }

    .container-info-text-price.min {
        width: 93.334%;
        margin: 24px auto;
    }

    .btn-buy {
        width: 82.222vw;
    }

    .img-arrow {
        width: 32px;
        height: 32px;
    }

    .img-arrow img {
        width: 8px;
        height: 8px;
    }

    .tabs {
        width: calc(100vw - 12px);
        margin-left: 12px;
        overflow-x: scroll;
    }

    .tabs::-webkit-scrollbar {
        height: 0;
    }

    .tabs-content-info {
        margin-top: 16px;
        margin-bottom: 49px;
        width: calc(100% - 12px * 2);
    }

    .tab-text {
        max-height: 140px;
    }

    .another-products {
        padding-bottom: calc(158.33px + 22px);
        gap: 16px;
    }

    .another-products-title-block {
        width: 100%;
    }

    .another-products-title-block-t {
        font-size: 21.54px;
        line-height: 120%;
    }

    .another-product {
        width: 237px;
        height: 290px;
    }

    .another-product-image {
        height: 160px;
    }

    .another-product-content {
        padding: 16px 12px;
    }

    .another-product-content-title {
        font-size: var(--font-size-sm);
        line-height: 140%;
    }
}


/* Увеличенное изображение в lightbox */
.lightbox-img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0); /* Начинаем с малого */
    width: fit-content;
    max-width: 80vw;
    max-height: 55vh;
    z-index: 100000; /* Выше blur */
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    animation: zoomIn 0.3s ease forwards; /* Плавное увеличение */
    cursor: zoom-out; /* Курсор для закрытия */
    display: none; /* Скрыт по умолчанию */
}

.lightbox-img img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    max-height: 55vh;
    max-width: 80vw; /* Позволяем расти за 80vw */
    display: block; /* Убедимся, что img видно */

    object-fit: contain;

    transform-origin: center center; /* Центр для зума */
    transition: transform 0.1s ease; /* Smooth зум */
}

/* Крестик для закрытия lightbox */
.close-lightbox {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1001; /* Выше всего */
    transition: color 0.3s ease;
    background: none;
    border: none;
    padding: 0;
    line-height: 1; /* Чтобы × был ровно */
}

.close-lightbox:hover,
.close-lightbox:focus {
    color: #bbb;
}

/* Анимации */
@keyframes zoomIn {
    from {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

@keyframes zoomOut {
    from {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    to {
        transform: translate(-50%, -50%) scale(0.5); /* Уменьшаем к центру */
        opacity: 0; /* Тускнеем */
    }
}

/* Класс для анимации открытия (zoomIn) */
.lightbox-img.open {
    animation: zoomIn 0.3s ease forwards; /* forwards — сохраняет финальное состояние */
}

/* Класс для анимации закрытия (zoomOut) */
.lightbox-img.zoom-out {
    animation: zoomOut 0.3s ease forwards; /* Уменьшение + fade */
}

/* На мобилках */
@media (max-width: 600px) {
    .close-lightbox {
        top: 10px;
        right: 20px;
        font-size: 30px;
    }

    .lightbox-img {
        width: 95%;
        max-height: 95vh;
    }
}

/* Главное изображение: Делаем кликабельным */
.main-slide-img img, .slider-min-not-1 img, .slide-min img {
    cursor: zoom-in; /* Иконка увеличения */
    transition: transform 0.2s ease;
}

.main-slide-img img:hover {
    transform: scale(1.02); /* Лёгкий эффект hover */
}

.lightbox-img:not(.open) {
    display: none !important;  /* Жёстко скрываем */
    pointer-events: none;
}

.lightbox-img.zoomed img {
    transition: none; /* Отключаем transition во время pinch для responsiveness */
}

/* Слайдер: Улучшения для мобильных */
.slider-min {
    touch-action: pan-x pinch-zoom; /* Позволяет горизонтальный свайп + pinch (не конфликтует) */
}
.slide-min {
    touch-action: manipulation; /* Ускоряет touch на элементах */
}
/* Blur и lightbox: Не мешают touch */
.blur, .lightbox-img {
    touch-action: none; /* Блокирует скролл страницы, но позволяет локальные события */
}