:root{

    --product-left-width: 75%;
    --product-info-width: calc(98% - var(--product-left-width));

    --unified-border-radius: 10px;
    --unified-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    --unified-border-color: #b3b3b3;

}

.product-main {
    display: flex;
    gap: 20px;
}

.gallery_product,
.product-info {
    width: var(--product-info-width);
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    min-width: var(--product-info-width);
}

.product-left {

    /* max-width: 59%; */
    /* width: 59%; */

    width: var(--product-left-width);
}

@media (max-width: 767px) {

    .product-left {

        width: 100%;

        /* max-width: 100%; */
    }
}

.tyler-gallery {

    gap: 5px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;

}

.tyler-gallery a {

    height: 70px;
}

.galleryThumb {

    cursor: pointer;
    border: 1px solid #000;
    height: 100%;
    width: auto;
    margin: 0 auto;
    object-fit: cover;
}

.mainImg {
    height: 50vh;

    /* height: 400px; */


    width: auto;
    margin: auto;
    cursor: zoom-in;
}

@media (max-width: 767px) {

    .mainImg {
        height: 35vh;
    }
}



@media (max-width: 767px) {

    .product-main {
        flex-direction: column;
    }

    .product-info {
        width: 100% !important;
    }

    .mainImg {
        max-width: 95vw !important;
        

    }

    .buy-buttons {

        display: flex;
    }

}

:root {
    --font: 'Golos Text';
    --main-theme: #1247a5;
    --main-theme-2: #1247a5;
    --link-color: #1247a5;
    --main-theme-hover: #0634B0;
    --main-theme-text: #fff;
    --main-theme-border-radius: 4px;
    --main-theme-back: #fff;
}


.breadcrumbs-share {
    margin-left: 20px;
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 20px; */

    position: relative;
    align-items: center;
}

.breadcrumbs-share a {
    text-decoration: none;
    color: inherit;

}

.share_tooltip {
    background-color: white;
    padding: 8px;
    border-radius: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: absolute;
    display: none;
    top: 20px;
    left: -35px;

}

.share-icon {
    position: relative;
    cursor: pointer;
    /* margin-right: 20px;
    margin-top: 15px; */

    border-radius: 3px;
    /* border: 2px solid #000; */
    padding: 5px;
    
    height: 32px;
    background-color: #fff;
    
}

.copy-icon {
    position: absolute;
    top: 50%;
    right: 18;
    width: 32px;
    height: 32px;
    background-size: cover;
    background-image: url(/imgs/copy.svg);
    transform: translateY(-50%);
}


.share-icon:hover .share_tooltip {
    display: flex;
    /* показываем при наведении */
}

.share_tooltip-text {
    text-align: center;
    text-transform: uppercase;
}


/* Оверлей (фон) */
.share_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Полупрозрачный черный */
    display: none;
    /* Скрыт по умолчанию */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Модальное окно */
.share_modal {
    /* width: 300px;
    height: 200px; */
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Кнопка закрытия */
.share_close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: xx-large;
    cursor: pointer;
    padding: 5px;
}

/* Заголовок */
.share_title {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: xx-large;
}

/* Иконки соцсетей */
.share_icons {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.share_icon {
    width: 64px;
    height: 64px;
    background: #f0f0f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 20px;
}

/* Кнопка копирования */
.share_copy {
    display: block;
    width: 100%;
    padding: 8px;
    background: #f0f0f0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    font-size: xx-large;
}

.vk_share_icon {
    background-image: url(/imgs/icon-vk.png);
}

.fb_share_icon {
    background-image: url(/imgs/icon-facebook.png);
}

.tg_share_icon {
    background-image: url(/imgs/icon-telegram.png);
}

.wa_share_icon {
    background-image: url(/imgs/icon-whatsapp.png);
}

.ok_share_icon {
    background-image: url(/imgs/icon-odnoklassniki.png);
}

.notifier_alert {
    position: fixed;
    top: -100px; /* Начальное положение за пределами экрана */
    left: 50%;
    transform: translateX(-50%);
    background-color: black;
    color: white;
    padding: 12px 24px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    opacity: 0;
    transition: top 0.5s ease, opacity 0.5s ease;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .notifier_icon {
    font-size: 18px;
    color: #4CAF50;
  }
  
  .notifier_message {
    font-family: Arial, sans-serif;
    font-size: 16px;
  }

.body_Delivery {
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    padding: 20px 22px;
}

.delivery_Delivery {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px;
    font-size: 15px;
    line-height: 22px;
}



.offer_Link {
    color: var(--link-color);
    font-size: 15px;
    margin-bottom: 5px;
    cursor: pointer;
}

.button_Outline {
    background: rgba(255, 255, 255, 0);
    color: var(--main-theme-2);
    border: 1px solid var(--main-theme);
}

.button_Default {
    background: var(--main-theme);
    color: var(--main-theme-text);
    border: 1px solid var(--main-theme);
}

.button_Button {
    padding: 0 10px;
    border-radius: var(--main-theme-border-radius);
    cursor: pointer;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    gap: 10px;
    height: 48px;
    max-height: 100%;
    justify-content: center;
    font-size: 15px;
    transition: .3s;
    position: relative;
    text-align: center;
}

.offer_Value {
    font-size: 24px;
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

.body_Buy {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 13, 37, .15);
    border-radius: 8px;
    padding: 28px 24px;
    min-width: 300px;
    margin-bottom: 20px;
}

.offer_Buttons {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    flex-direction: column;
}



.offer_Price {
    display: flex;
    grid-gap: 8px;
    gap: 8px;
    flex-direction: column;
}

.offer_Qty {
    font-size: 13px;
    display: flex;
    grid-gap: 6px;
    gap: 6px;
    margin-bottom: 15px;
    /* align-items: flex-end; */
    justify-content: space-between;
    width: 100%;
}

.product-short__main {

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;

}


.product-short {
    display: flex;
    flex-wrap: wrap;
}


.product-short__left {

    display: flex;
    flex-direction: column;

    position: relative;
    width: calc(100% - 380px);



}

.product-short__right {
    position: relative;
    margin-left: auto;
    width: 350px;
}


.product-short .art {

    font-size: 14px;
    color: #000;
    font-weight: 700;
}

.product__head {
    color: #000;
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: 500;
    margin-bottom: 40px;
}

.dh {
    margin: 12px 0;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none;
    font-size: .8em;

}

.dh a {
    text-decoration: none;
    color: #545151;
    
    line-height: 1.5em;
    margin: 0 7px
}

.dh a:hover {
    color: #a12400
}

.dh a.home {
    top: 2px;
    width: 15px;
    height: 14px;
    margin: 0 10px 0 0;
    background: url(/imgs/icons-sprite.svg?v=0.0.1#home) 0 0/cover no-repeat
}

.dh ins {
    /* vertical-align: top; */
    height: 19px;
    text-decoration: none;
}

.dh ins:before {
    content: "→";
    display: block;
    font-size: 13px;
    color: #afafaf;
}

.dh a.home,
.dh ins,
.side-menu__desc {
    display: inline-block;
}

.delivery-container {
    font-size: 1.4rem;
    color: black;
    /* font-weight: 700; */
    text-transform: capitalize;
}


.tab-content_brand {
    position: relative;
    max-height: 320px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.tab-content_brand.expanded {
    max-height: none;
}

.fade-out {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 75px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.tab-content_brand.expanded .fade-out {
    display: none;
}

.show-more-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    /* margin-top: 10px;*/
    padding: 5px 10px;
    cursor: pointer;
    background: #f0f0f0;
    border: 1px solid #ccc;
    /* border-radius: 3px; */
    
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}





.search_pop_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 998;
}

.search_pop_container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    width: 80%;
    max-width: 1000px;
    height: 90vh;
    max-height: 90%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 999;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.search_pop_container.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

.search_pop_overlay.active {
    opacity: 1;
    visibility: visible;
}

.search_pop_content {
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow-y: auto;
    box-sizing: border-box;
}


.search_rolling_div {

    display: none;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;

    margin-top: 20px;
    margin-bottom: 50px;
    position: relative;


}

.search_rolling_div_content {

    width: 100%;

}

.w1200_google_search {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;

    /* justify-content: space-between; */
    /* align-items: center; */

    padding: 15px 5px;
    position: relative;
}

.close_search_rolling_div {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;


    /* font-size: 36px; */
    color: #000;
    z-index: 1000;
}

.gcsc-more-maybe-branding-root,
.gcsc-find-more-on-google-root {

    display: none !important;
}


.stock-container{

    display: flex;
    align-items: center;
    
}

.offer_InStock{

    margin-left: 10px;
}

.services-title{
    /* font-size: 2.2rem; */
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;

}

.document-block{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

/* span.price{

    display: block;
    text-align: center;
} */

/* .ya-page_css_quirks {

    margin-top: 15px;
} */


section.tabs-accordion a {
    color: var(--central-text-link-color) !important;
    text-decoration: underline;
    font-weight: bold;
}




.yandex_search_text{
    font-size: 18px;
    position: absolute;
    top: 15px;
    left: 15px;
    /* z-index: 1000; */
    color: #000;
     
    font-weight: 600;
    
    
}


.exact_search_text{
    font-size: 18px;
    position: absolute;
    top: -30px;
    left: -4px;
    /* z-index: 1000; */
    color: #000;
     
    font-weight: 600;
    
    
}

.exact_search_text p{

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}

.not-ours-images-list img{

    height: 70px;
    border: 1px solid #000;
    
}