/*
Theme Name: Divi Child
Theme URI: https://diviextended.com/
Version: 1.0
Description: Child Theme of Divi
Author: Divi Extended
Template: Divi
*/
@import url("../Divi/style.css");

.pop_up_rozetka_container {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, 0.5);
	 opacity: 0;
	 pointer-events: none;
	 z-index: 110;
	 transition: opacity 0.5s ease-in-out;
}
.pop_up_rozetka_container.active {
	opacity: 1;
	pointer-events: all;
}
.pop_up_rozetka {
    position: absolute;
    width: 85%;
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    /* transform: scale(0.5); */
    background-image: radial-gradient(circle farthest-corner at -8.9% 30.7%, rgba(69, 240, 176, 1) 0%, rgba(54, 93, 228, 1) 90.5%);
    box-shadow: rgb(255 255 255 / 23%) 0px 7px 29px 5px;
    border-radius: 15px;
    padding: 15px 20px;
    transition: transfotm 0.5s;
    z-index: 200;
    margin-bottom: 10%;
}
.pop_up_rozetka.active {
	transform: translate(-50%, -50%) scale(1);
}
.inside_tovar {
    position: relative;
    height: 100%;
    width: 100%;
}
.zakaz_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zakaz_header img {
    height: 30px;
    width: 30px;
    object-fit: contain;
}
.zakaz_close_btn {
    transition: transform .3s;
}
.main_pop_up_zakaz {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px 0;
    /* border: 1px solid #d2d2d7; */
    border-radius: 5px;
    padding: 0 0 25px;
}
.horisonlat_radio_wrap {
    min-width: 260px;
    width: 100%;
    max-width: 400px;
    margin: 25px 8px 0px;
    transition: .5s;
}
.dlinaProvoda_centr {
    display: flex;
    justify-content: center;
}
.dlinaProvoda_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.linage {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin: 0px 0 16px 45px;
    line-height: 5px;
    position: relative;
}
.radio_wraper {
    position: relative;
}
.radio_btns {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin: 8px;
    transition: .3s;
    cursor: pointer;
    position: relative;
}
.radio_btns:checked+.radio_btns_lable {
    transform: scale(1.1);
    background-color: #F7931E;
    color: #FFF;
}
.radio_btns_lable {
    position: absolute;
    display: inline-flex;
    width: 34px;
    height: 30px;
    padding: 2px 3px;
    left: 3px;
    top: 6px;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    background-color: #f6f7f8;
    box-shadow: rgba(0, 0, 0, 5%) 0px 3px 5px;
    border-radius: 5px;
    transition: .3s;
}
.radio_btns::before {
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    left: -5px;
    padding: 2px;
    width: 36px;
    height: 32px;
    border-radius: 5px;
    transition: .3s;
    z-index: 1;
}
.buy2_btn {
    padding: 12px 24px;
    background: #FFFFFF;
    border: 0 solid #E2E8F0;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    color: #1A202C;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    color: gray;
    text-align: center;
}
.zakaz_close_btn {
	cursor: pointer;
}
.variable-item.custom {
	height: fit-content !important;
}
.variable-item.custom .option-text {
	display: none;
}
.variable-item.custom img {
	width: 100px !important;
	height: 100px !important;
    border: none !important;
}


/*calculator*/

.calc-parametr{    margin-bottom: 10px; padding-bottom:10px;border-bottom:1px solid #d2d2d7}
.calc-parametr h4{font-size: 17px;    font-weight: 600;    line-height: 32px;color: #000;}

.calc-attr-list{width: 100%;
display: flex;    flex-wrap: wrap;    margin-bottom: 15px;
}
.calc-single-attr{
width: 170px;
    margin: 0 8px 16px;
    cursor: pointer;
    transition: .3s;
    padding-bottom: 10px;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 8%) 0px 3px 5px;
    position: relative;
}
.calc-single-attr:hover{transform: scale(1.05);}
.calc-single-attr img{width: 100%;   /* object-fit: none; */   object-position: left;    margin-bottom: 5px;}
.row-type3 .calc-single-attr img{height: 80px;}
.calc-single-attr .descr{    display: flex;flex-direction: column;
    color: #616060;
    font-size: 14px;
    text-align: center;
    line-height: 12px;    padding: 0 5px;
    /*margin-bottom: 5px;
    padding-top: 5px;*/
    }

.calc-single-attr .descr >span{    min-height: 30px;     line-height: 15px;}
.calc-single-attr .descr .subtitle{    color: #616060;
    font-size: 10px;
    text-align: center;
    line-height: 12px;
    padding-top: 5px;}


/*.calc-attr-list.row-type1 .calc-single-attr{width: 100px;}*/
/*.calc-attr-list.row-type2 .calc-single-attr{width: 170px;}*/
.calc-attr-list.row-type3 .calc-single-attr{width: 110px;;}
.calc-attr-list.row-type4 .calc-single-attr{width: 65px;     font-size: 13px;}
.calc-attr-list.row-type4 .descr{font-size: 12px;}

.descr .calc-price{margin-top:10px;}

.calc-attr-list.row-type5 .calc-single-attr{ width: calc(33% - 16px);}

.row-type4 .calc-single-attr .descr >span {    min-height: 20px;}
.row-type1 .calc-single-attr .descr >span {    min-height: 26px;}



.calc-color{    width: 100%;    height: 65px;    border-radius: 5px;    background: #fff;    transition: transform .3s;    margin-bottom: 8px;}



.calc-subparams{border-top:1px solid #d2d2d7;    list-style: none;    margin: 0;    padding: 10px 0 0 10px!important;    list-style-type: none !important;}
.calc-subparams li{position:relative;z-index: 9;}
.calc-subparams li label{padding-left: 20px;}
.calc-subparams input,
.calc-subparams label{cursor:pointer;}
   

.calc-single-attr .calc-radio{display:none}
.calc-infoo{ display:none!important;   position: fixed;
    display: flex;
    bottom: 12px;
    left: 0;
    width: 800px;
    z-index: 999999999999;}


.calc-subparams li::before,
.calc-attr-list.row-type2 .calc-single-attr::before,
.calc-attr-list.row-type3 .calc-single-attr::before,
.calc-attr-list.row-type4 .calc-single-attr::before,
.calc-attr-list.row-type5 .calc-single-attr::before,
.calc-attr-list.row-type6 .calc-single-attr::before {
    content: url(/wp-content/themes/Divi/images/checked.svg);
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 7px;

    left: 7px;
    transform: scale(0);
    transition: transform .2s;
    z-index: 1;
}

.calc-subparams li.checked::before,
.calc-attr-list.row-type2 .calc-single-attr.checked::before,
.calc-attr-list.row-type3 .calc-single-attr.checked::before,
.calc-attr-list.row-type4 .calc-single-attr.checked::before,
.calc-attr-list.row-type5 .calc-single-attr.checked::before,
.calc-attr-list.row-type6 .calc-single-attr.checked::before{transform: scale(1);}

.calc-subparams li::after,
.calc-attr-list.row-type2 .calc-single-attr::after,
.calc-attr-list.row-type3 .calc-single-attr::after,
.calc-attr-list.row-type4 .calc-single-attr::after,
.calc-attr-list.row-type5 .calc-single-attr::after,
.calc-attr-list.row-type6 .calc-single-attr::after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 9px;
    left: 7px;
    border: 1px solid #bfbfc2;
    background: #fff;
    border-radius: 50%;
    transition: transform .2s;
    
}
.calc-subparams li::after,
.calc-subparams li::before{z-index: -1;}

.calc-subparams li.checked::after,
.calc-attr-list.row-type2 .calc-single-attr.checked::after,
.calc-attr-list.row-type3 .calc-single-attr.checked::after,
.calc-attr-list.row-type4 .calc-single-attr.checked::after,
.calc-attr-list.row-type5 .calc-single-attr.checked::after,
.calc-attr-list.row-type6 .calc-single-attr.checked::after{transform: scale(0);}

.calc-subparams li::before,
.calc-subparams li.checked::before{left:0; top:2px;}
.calc-subparams li::after,
.calc-subparams li.checked::after{left:0;top:6px;}


.calc-userval{    display: inline-block;
    position: absolute;
    top: 7px;
    right: 7px;
    background-color: #F7931E;
    border-radius: 4px;
    padding: 2px 6px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 14px;opacity:0;}
.calc-single-attr.checked > .calc-userval{opacity:1; }


.calc-center{text-align:center}


.calc-button-list{   position:relative; display: flex;    justify-content: center;    margin-bottom: 40px;}
.calc-button-list li label{    display: inline-flex;
    width: 34px;
    height: 32px;
    padding: 5px 6px;
    margin: 0 5px;
    cursor:pointer;

    justify-content: center;
    align-items: center;
    font-size: 15px;
    background-color: #f6f7f8;
    box-shadow: rgba(0, 0, 0, 5%) 0px 3px 5px;
    border-radius: 5px;
    transition: .3s;    color: #000;}
.calc-button-list li.checked label{    transform: scale(1.1);
    background-color: #000!important;
    color: #FFF!important;}
.calc-button-list li:hover label{background-color: #d2d3d5;}
.calc-button-list li input{display:none}
.calc-button-list li label{    cursor: pointer;}

.formans{    padding: 0 10px 30px 10px;}


.formans .submt-param{    padding: 12px 24px;
    background: #FFFFFF;
    border: 0 solid #E2E8F0;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    color: #1A202C;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;}



.calc-modal-title{    font-weight: 700;
    color: #fff;
    font-size: 17px; padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #d2d2d7}
.calc-modal-subtitle{    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
        margin-bottom: 15px;}
    
.calc-lnfield{    box-sizing: border-box;
    /*display: block;*/
    margin:0 auto 40px;
    min-width: 260px;
    width: 100%;
    max-width: 400px;
    height: 40px;

    border-radius: 5px;
    border: 1px solid #3eacc8;
    padding: 18px 8px;
    font-size: 15px;
    font-weight: 500;
    outline: none;}
    
    
    
    
    
    
    
    
    

/*modal*/
.modal-toggle {   cursor: pointer; display:none}
.modal-wrapper {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;transition: all 0.300s ease-in;
   background:rgba(255, 255, 255, .7);
   z-index: -1;
   opacity: 0;
   pointer-events: auto;
}
.modal-wrapper.showed{   z-index: 999999;   opacity: 1; }
.modal-subwrap{position: absolute;    top: 0;    left: 0; width:100%; height:100%;
    display: flex;transition: all 0.300s ease-in;/*transform:  scale(0.5)*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.showed .modal-subwrap{/*transform:  scale(1);*/}
.modal-subwrap  .modal {
   max-width: 720px;    width: 96%;
    height: auto;
   position: relative;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    display: inline-block;
    margin: auto; opacity:0;

   vertical-align: middle;
   padding: 20px;
    
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #d8e8ff;
    transform-origin: bottom;

    color: #fff;
    padding: 20px;
    border: 0px none;

    background: #ff8c00;
    background-image:radial-gradient(circle farthest-corner at -8.9% 30.7%, #ff8c00 0%, #ed7028 90.5%);
    box-shadow: rgb(255 255 255 / 23%) 0px 7px 29px 5px;
    border-radius: 15px;
    padding: 15px 20px;
    transition: all 0.300s ease-in;
    z-index: 200;
}

.modal-wrapper.showed  .modal{    -webkit-transform: scale(1) ;transform: scale(1) ; opacity:1;}
.modalshadow #page-wrap{filter: blur(4px);}
#page-wrap{    overflow: hidden;}


.modal .close {
position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    -webkit-transition: all 0.300s ease-in;
    -moz-transition: all 0.300s ease-in;
    transition: all 0.300s ease-in;
    font-size: 40px;
    opacity: 0.87;
    color: #fff;
    line-height: 22px;
}

.modal .close:hover {  opacity: 1;}


.fancybox__container{    z-index: 999999 !important;}.fancybox__backdrop{opacity: 0.6!important;}
.row-type6 .calc-single-attr {    width: 154px;text-align: center;}
.fancyb{position: absolute;    top: 10px;    right: 10px;    width: 40px;    height: 40px;    cursor: pointer;}
.gallery-img{      width: auto !important;    border-top-left-radius: 5px;    border-top-right-radius: 5px;    object-fit: contain !important;    height: 200px !important;}

/*Diomed 04.10.2025*/

/* Заголовок товара */
.single-product .related.products ul.products li.product h2.woocommerce-loop-product__title,
.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
#nuko-related ul.products li.product h2.woocommerce-loop-product__title,
#nuko-related ul.products li.product .woocommerce-loop-product__title {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Цена */
.single-product .related.products ul.products li.product .price,
#nuko-related ul.products li.product .price {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: #FF8C00 !important; /* как в каталоге */
}

/* Чуть меньше отступов под заголовком, чтобы выглядело аккуратно */
.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
#nuko-related ul.products li.product .woocommerce-loop-product__title {
  margin-bottom: .35rem !important;
}

/* === Центрирование элементов в блоке Related === */
#nuko-related ul.products li.product,
.single-product .related.products ul.products li.product {
  text-align: center !important;
}

#nuko-related ul.products li.product img,
.single-product .related.products ul.products li.product img {
  margin: 0 auto !important;
  display: block !important;
}

#nuko-related ul.products li.product .woocommerce-loop-product__title,
.single-product .related.products ul.products li.product .woocommerce-loop-product__title,
#nuko-related ul.products li.product .price,
.single-product .related.products ul.products li.product .price {
  text-align: center !important;
}

/* ===== ТОВАРЫ: заголовок и цена — Open Sans, маленький, без CAPS ===== */

/* Заголовки в каталоге (Divi .et_pb_shop) и вообще в сетках товаров */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.et_pb_shop .woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.et_pb_shop .woocommerce ul.products li.product .woocommerce-loop-product__title,
.single-product .related.products ul.products li.product h2.woocommerce-loop-product__title,
#nuko-related ul.products li.product h2.woocommerce-loop-product__title,
#nuko-related ul.products li.product .woocommerce-loop-product__title{
  font-family:"Open Sans", Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important; /* снимаем CAPS от Divi */
  margin-bottom:.35rem !important;
}

/* Цена (каталог, related) */
.woocommerce ul.products li.product .price,
.et_pb_shop .woocommerce ul.products li.product .price,
.single-product .related.products ul.products li.product .price,
#nuko-related ul.products li.product .price{
  font-family:"Open Sans", Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.2 !important;
  color:#FF8C00 !important; /* как в каталоге */
}

/* ===== Центрируем только блок “Сопутствующие товары” ===== */
#nuko-related ul.products li.product{ text-align:center !important; }
#nuko-related ul.products li.product img{ display:block !important; margin:0 auto !important; }
#nuko-related ul.products li.product .woocommerce-loop-product__title,
#nuko-related ul.products li.product .price{ text-align:center !important; }
/*Diomed 04.10.2025*/