.elementor-126 .elementor-element.elementor-element-633988f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-126 .elementor-element.elementor-element-8a5d482{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-c1100e8 .elementor-heading-title{color:#1E2023;}.elementor-126 .elementor-element.elementor-element-8b75e48{text-align:left;}.elementor-126 .elementor-element.elementor-element-bded2ba{width:100%;max-width:100%;}.elementor-126 .elementor-element.elementor-element-4be1030{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-6ec1333{--display:flex;--min-height:600px;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 5px 0px rgba(78, 112.99999999999999, 150, 0.10980392156862745);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-126 .elementor-element.elementor-element-6ec1333:not(.elementor-motion-effects-element-type-background), .elementor-126 .elementor-element.elementor-element-6ec1333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9225a19 );}.elementor-126 .elementor-element.elementor-element-ecae4e0{--display:flex;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 5px 0px rgba(78, 112.99999999999999, 150, 0.10980392156862745);--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-126 .elementor-element.elementor-element-ecae4e0:not(.elementor-motion-effects-element-type-background), .elementor-126 .elementor-element.elementor-element-ecae4e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9225a19 );}.elementor-126 .elementor-element.elementor-element-ecae4e0.e-con{--align-self:flex-start;}.elementor-126 .elementor-element.elementor-element-adee4d3.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(max-width:1024px){.elementor-126 .elementor-element.elementor-element-4be1030{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-126 .elementor-element.elementor-element-4be1030{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-6ec1333{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-126 .elementor-element.elementor-element-ecae4e0{--width:100%;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-126 .elementor-element.elementor-element-6ec1333{--width:70%;}.elementor-126 .elementor-element.elementor-element-ecae4e0{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-126 .elementor-element.elementor-element-6ec1333{--width:100%;}.elementor-126 .elementor-element.elementor-element-ecae4e0{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-bded2ba *//* Axtarış İnputunun Stili */
.muayine-search-field {
    padding: 16px 24px!important;
    border-radius: 16px;
    border: 0px!important;
    font-size: 16px;
    border-radius: 16px!important ;
    box-shadow: 0px 0px 5px rgba(78, 113, 150, 0.10980392156862745);
    
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f0ed1cc *//* ========================================================== */
/* SOL SİYAHI (Müayinə Kartları) */
/* ========================================================== */

/* Hər bir Müayinə Kartının Əsas Düzülüşü (Left vs Right) */
.muayine-item {
    display: flex;
    justify-content: space-between; /* Sol və sağ tərəfi ayırır */
    align-items: center; /* Elementləri mərkəzdə saxlayır */
    padding: 15px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s;
}

/* Müayinə Başlığı və Endirim Etiketinin Düzülüşü */
.title-row {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    align-items: center;
    gap: 10px; /* Ad və endirim etiketi arasındakı məsafə */
    margin-bottom: 5px;
}

/* Başlıq Stili */
.muayine-title {
    font-size: 1.2em!important;
    font-weight: 600;
    
        white-space: normal !important; /* Mətni aşağı sal */
        word-wrap: break-word !important; /* Uzun sözü məcbur qır */
        overflow-wrap: break-word !important; /* Müasir brauzerlər üçün */
        width: 100% !important;
    color: #1E2023;
    margin: 0; /* Başlıq marjinlərini sıfırla */
}

/* Endirim Etiketi */
.discount-tag {
    
    background: #e84d4a;
    background: linear-gradient(90deg,rgba(232, 77, 74, 1) 0%, rgba(255, 182, 110, 1) 100%); /* Açıq narıncı fon */
    color: #fff; /* Tünd narıncı mətn */
    font-size: 0.5em!important;
    font-weight: bold;
    padding: 6px 12px;
    border-radius: 100px;
    letter-spacing: 0.5px;
}

/* Təsvir Stili */
.muayine-desc {
    font-size: 0.8em!important;
    color: #777;
    padding-right: 20px!important;
    margin: 0;
}

/* Sağ tərəf (Qiymət və Düymə) Stili */
.item-content-right {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0; /* Kiçilməsin */
}

/* Qiymət Nümayişi */
.price-display {
    font-size: 1em!important;
    font-weight: 600;
    color: #000; /* Mavi rəngdə qiymət */
}

/* ========================================================== */
/* DÜYMƏLƏRİN STİLİ */
/* ========================================================== */

.calc-add-btn {
    /* Vizual olaraq sizin nümunə şəklinizə yaxın dizayn */
    background: #4A87E8;
    background: linear-gradient(90deg,rgba(74, 135, 232, 1) 0%, rgba(110, 182, 254, 1) 100%);
    color: white;
    border: none;
    width: 150px;
    padding: 10px 30px!important;
    text-align: center;
    cursor: pointer;
    border-radius: 30px; /* Dairəvi künclər */
    font-weight: 600;
    transition: 0.3s;
}

/* Düymə Seçiləndəki (Silmək rejimi) Stili */
.calc-add-btn.selected {
    color: #fff;
    background: #e84d4a;
    background: linear-gradient(90deg,rgba(232, 77, 74, 1) 0%, rgba(255, 182, 110, 1) 100%); /* Qırmızı fon */
    border: 1px #000!important;
}



/* ========================================================== */
/* MOBİL DÜZƏLİŞ - FINAL (Tam Alt-alta və Söz Qırılması) */
/* ========================================================== */

@media (max-width: 768px) {
    /* 1. Əsas Kart Konteyneri */
    .muayine-item {
        display: flex !important;
        flex-direction: column !important; /* Hər şey alt-alta */
        align-items: flex-start !important; /* Sola yasla */
        
        gap: 15px;
        width: 100% !important;
        box-sizing: border-box !important; /* Padding eni artırmasın */
    }

    /* 2. Başlıq və Etiket Hissəsi */
    .title-row {
        display: flex !important;
        flex-direction: column !important; /* Etiketi başlığın altına salır */
        align-items: flex-start !important;
        gap: 8px !important;
        width: 100% !important;
    }

    /* 3. Başlıq Mətni (Uzun sözlərin qırılması) */
    .muayine-title {
        font-size: 18px !important;
        line-height: 1.4 !important;
        white-space: normal !important; /* Mətni aşağı sal */
        word-wrap: break-word !important; /* Uzun sözü məcbur qır */
        overflow-wrap: break-word !important; /* Müasir brauzerlər üçün */
        width: 100% !important;
    }

    /* 4. Endirim Etiketi */
    .discount-tag {
        display: inline-block !important;
        margin-top: 2px !important;
        font-size: 12px !important; /* Mobildə biraz kiçik olsun */
    }

    /* 5. Təsvir Mətni */
    .item-content-left {
        width: 100% !important;
    }
    
    .muayine-desc {
        padding-right: 0 !important;
        white-space: normal !important;
        width: 100% !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* 6. Sağ Tərəf (Qiymət və Düymə) */
    .item-content-right {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important; /* Alt-alta */
        align-items: flex-start !important;
        gap: 15px !important;
        margin-top: 10px !important;
    }

    /* 7. Qiymət */
    .price-display {
        font-size: 22px !important;
        font-weight: 800 !important;
        color: #4A87E8 !important;
    }

    /* 8. Düymə (Tam ekran) */
    .calc-add-btn {
        width: 100% !important;
        display: block !important;
        padding: 12px !important;
        margin: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-adee4d3 *//* ========================================================== */
/* 1. SAĞ PANELİN POZİSİYALANMASI VƏ YÜKSƏKLİYİ */
/* ========================================================== */

.selected-muayine-panel {
    height: 100%; /* Əgər parent konteynerin hündürlüyü təyin edilibsə, 100% tutar */
    display: flex; /* Flexbox-u aktivləşdirir */
    flex-direction: column; /* Elementləri yuxarıdan aşağı düzür */
    
    
    
}
/* ========================================================== */
/* 2. SEÇİLƏNLƏR SİYAHISININ SCROLL OLMASI (DİNAMİK HÜNDÜRLÜK) */
/* ========================================================== */

#selected-items-container {
    width: 100%!important;
    max-height:400px;
    flex-grow: 1; /* Qalan bütün boş sahəni zəbt edir */
    overflow-y: auto; /* Elementlər çoxaldıqca scroll edir */
    overflow-x: hidden; /* Yan scroll-u gizlədir */
    padding-right: 15px;
    margin-bottom: 15px;
}

/* ========================================================== */
/* 3. SİYAHI İÇİNDƏKİ LAYOUT VƏ TRUNCATION */
/* ========================================================== */

#selected-items-container .selected-item {
    width: 100%!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dotted #e0e0e0;
    
}

/* Müayinə Adı (60%) */
.selected-item p { 
    width: 60%!important;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    margin: 0;
    padding-right: 5px;
}

/* Qiymət (30%) */
.selected-item span {
    width: 40%!important;
    text-align: right;
    font-weight: bold;
}

/* Silmə Buttonu (10%) */
.remove-from-cart {
    width: 10%!important;
    background: none!important;
    padding: 0px!important;
    border: none!important;
    color: #C0C0C0!important; /* Yaşıl Rəng */
    cursor: pointer;
    font-weight: bold;
}

/* ========================================================== */
/* 4. TOTAL VƏ BUTTON STİLLƏRİ */
/* Bu elementlərin kiçilməməsi üçün Flexbox tərəfindən idarə olunur */
/* ========================================================== */
.qeydiyyatbtn, .pdfexpbtn, .total-bar {
    flex-shrink: 0; /* Konteyner kiçildikdə bu elementlərin ölçüsü dəyişməz qalsın */
}

.qeydiyyatbtn{
    background: linear-gradient(90deg,rgba(74, 135, 232, 1) 0%, rgba(110, 182, 254, 1) 100%);
    border: none;
    border-radius: 100px!important;
    width: 100%;
    margin-bottom: 10px;
}
.pdfexpbtn{
    color: #1E2023!important;
    background: #F1F1F1!important;
    border:none!important;
    border-radius: 100px!important;
    width: 100%;
}
.total-bar {
    display: flex; /* Flexbox-u aktivləşdirir */
    justify-content: space-between; /* Elementləri sol və sağ künclərə itələyir */
    align-items: center; /* Elementləri şaquli olaraq ortalayır */
    /* Əsas Stillər (dəyişməyin) */
    border-top: 2px solid #F1F1F1;
    padding: 15px 0 10px;
    
    flex-shrink: 0;
}
.pricebeftext{
    color:#8A8A8A;
    font-weight: 400;
    font-size: 16px;
}
.pricetext{
    color:#1E2023;
    font-weight: 600;
    font-size: 24px;
}










/* ========================================================== */
/* MOBİL DİZAYN (Hər şey Alt-alta və SOLA YASLI) */
/* ========================================================== */
.qeydiyyatbtn svg, .pdfexpbtn svg {
    display: none;
    width: 24px;
    height: 24px;
}



@media (max-width: 768px) {
   
    /* 1. Panelin Ümumi Görünüşü */
    .selected-muayine-panel {
        /* Sola yapışmasın deyə kənarlardan 20px boşluq verdim */
        padding: 20px !important; 
        height: auto !important;
        background: #fff;
        box-shadow: 0px -4px 15px rgba(0,0,0,0.1);
        width: 100% !important;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9;
    }

    /* 2. Gizlədiləcək Elementlər */
    .selected-muayine-panel h3,
    #selected-items-container {
        display: none !important;
    }

    /* 3. Footer Wrapper (Sütun rejimi və SOLA YASLAMA) */
    .mobile-footer-row {
        display: flex;
        flex-direction: column !important; 
        justify-content: center;
        align-items: flex-start !important; /* DƏYİŞİKLİK: Sola yasla */
        gap: 15px; 
        width: 100%;
    }

    /* 4. Qiymət Hissəsi */
    .total-bar {
        border: none !important;
        padding: 0 !important;
        width: 100% !important;
        display: flex;
        justify-content: flex-start !important; /* DƏYİŞİKLİK: Sola yasla */
        align-items: center;
        gap: 8px;
    }

    .pricebeftext {
        font-size: 16px !important;
        color: #888;
    }

    .pricetext {
        font-size: 24px !important; 
        font-weight: 800;
        color: #1E2023;
    }

    /* 5. Buttonlar Qrupu */
    .action-buttons {
        display: flex;
        gap: 12px; 
        justify-content: flex-start !important; /* DƏYİŞİKLİK: Sola yasla */
        align-items: center;
        width: 100%;
    }

    /* 6. Dairəvi Button Stili */
    .qeydiyyatbtn {
        width: 80% !important;        
        height: 55px !important;
        border-radius: 100px !important; 
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center;
        gap: 10px;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15); 
    }
    
    .pdfexpbtn {
        width: 20% !important;        
        height: 55px !important;
        border-radius: 100px !important; 
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15); 
    }

  /* Yazıları gizlədirik */
    .pdfexpbtn .btn-text {
        display: none !important;
    }

    /* İkonları göstəririk */
    .qeydiyyatbtn svg, .pdfexpbtn svg {
        display: block !important;
        width: 26px; 
        height: 26px;
    }

    /* Rənglər */
    .pdfexpbtn svg path { fill: #333; }
    .qeydiyyatbtn svg path { fill: #fff; }
}/* End custom CSS */