.fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .sliderback { background: !important; } .slidermback { background: !important; } .sliderback { padding-top: !important; padding-bottom: !important; } .sliderbtn { display: none!important; } .sliderbtn2 { display: none!important; } .slidertitle { font-size: !important; } .slidertitle { font-weight: 600!important; } .slidertitle { color: !important; } .sliderdescription { color: !important; } .slidersub_title { color: !important; } .slidersub_title { font-size: 22px!important; } .slidersub_title { font-weight: 800!important; } .sliderdescription { font-weight: !important; } .sliderdescription { font-size: 20px!important; } @media (max-width: 767px) { .slidertitle { font-size: 30px!important; } .slidersub_title { font-size: 20px!important; } .sliderdescription { font-size: 17px!important; } } .slidercard_image_height { min-height: 0!important; max-height: 0!important; object-fit: cover!important; } .slidercard_height { min-height: 0!important; max-height: 0!important; } .slidercard_height { background: !important; } .slidertext { font-size: 0!important; } .slidertext { color: #000000!important; } .slidertext { text-align: left!important; } .sliderdesc { color: !important; } .sliderdesc { text-align: left!important; } .slidermcard_height { background: !important; } .slidermtext { color: !important; } .slidermtext { text-align: left!important; } .slidermdesc { color: !important; } .slidermdesc { text-align: left!important; } .sliderpagetitle { display: none!important; } .sliderimage { width: 100%!important; object-fit: cover; } .sliderimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .sliderimage { min-height: 0!important; max-height: 0!important; } } .slidertitle_det { font-size: 0!important; } .sliderimage { width: 100%!important; object-fit: cover;} .sliderimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .sliderimage { min-height: 0!important; max-height: 0!important; } } .slidertitle_detail { font-size: 0!important; } .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .varsayilanback { background: #F4F8FB!important; } .varsayilanmback { background: #FBFBFB!important; } .varsayilanback { padding-top: !important; padding-bottom: !important; } .varsayilanbtn2 { display: none!important; } .varsayilantitle { font-size: !important; } .varsayilantitle { font-weight: 600!important; } .varsayilantitle { color: !important; } .varsayilandescription { color: !important; } .varsayilansub_title { color: !important; } .varsayilansub_title { font-size: 22px!important; } .varsayilansub_title { font-weight: 800!important; } .varsayilandescription { font-weight: !important; } .varsayilandescription { font-size: 20px!important; } @media (max-width: 767px) { .varsayilantitle { font-size: 30px!important; } .varsayilansub_title { font-size: 20px!important; } .varsayilandescription { font-size: 17px!important; } } .varsayilancard_height { min-height: 300px!important; max-height: 300px!important; } .varsayilancard_height { background: !important; } .varsayilantext { color: !important; } .varsayilantext { text-align: left!important; } .varsayilandesc { color: !important; } .varsayilandesc { text-align: left!important; } .varsayilanmcard_image_height { min-height: 350px!important; max-height: 350px!important; object-fit: cover!important; } .varsayilanmcard_height { background: !important; } .varsayilanmtext { color: !important; } .varsayilanmtext { text-align: left!important; } .varsayilanmdesc { color: !important; } .varsayilanmdesc { text-align: left!important; } .varsayilanmdesc_status { display: none!important; } .varsayilanimage { width: 100%!important; object-fit: cover; } .varsayilancategories { display: none!important; } .varsayilanimage { width: 100%!important; object-fit: cover;} .varsayilancategory { display: none!important; } .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .hakkimizdaback { background: #F4F8FB!important; } .hakkimizdamback { background: !important; } .hakkimizdaback { padding-top: !important; padding-bottom: !important; } .hakkimizdatitle { font-size: !important; } .hakkimizdatitle { font-weight: 600!important; } .hakkimizdatitle { color: !important; } .hakkimizdadescription { color: #636363!important; } .hakkimizdasub_title { color: !important; } .hakkimizdasub_title { font-size: 22px!important; } .hakkimizdasub_title { font-weight: 700!important; } .hakkimizdadescription { font-weight: !important; } .hakkimizdadescription { font-size: 17px!important; } @media (max-width: 767px) { .hakkimizdatitle { font-size: 30px!important; } .hakkimizdasub_title { font-size: 20px!important; } .hakkimizdadescription { font-size: 17px!important; } } .hakkimizdacard_height { background: !important; } .hakkimizdatext { color: !important; } .hakkimizdatext { text-align: left!important; } .hakkimizdadesc { color: !important; } .hakkimizdadesc { text-align: left!important; } .hakkimizdamcard_image_height { min-height: 450px!important; max-height: 450px!important; object-fit: cover!important; } .hakkimizdamcard_height { background: !important; } .hakkimizdamtext { color: !important; } .hakkimizdamtext { text-align: left!important; } .hakkimizdamdesc { color: !important; } .hakkimizdamdesc { text-align: left!important; } .hakkimizdapagetitle { display: none!important; } .hakkimizdaimage { width: 100%!important; object-fit: cover; } .hakkimizdaimage { width: 100%!important; object-fit: cover;} .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .servicesmback { background: !important; } .servicesback { padding-top: !important; padding-bottom: !important; } .servicesbtn2 { display: none!important; } .servicestitle { font-size: !important; } .servicestitle { font-weight: 600!important; } .servicestitle { color: !important; } .servicesdescription { color: !important; } .servicessub_title { color: !important; } .servicessub_title { font-size: 22px!important; } .servicessub_title { font-weight: 800!important; } .servicesdescription { font-weight: !important; } .servicesdescription { font-size: 20px!important; } @media (max-width: 767px) { .servicestitle { font-size: 30px!important; } .servicessub_title { font-size: 20px!important; } .servicesdescription { font-size: 17px!important; } } .servicescard_height { background: !important; } .servicestext { font-weight: 600!important; } .servicestext { color: !important; } .servicestext { text-align: left!important; } .servicesdesc { color: !important; } .servicesdesc { text-align: left!important; } .servicesmcard_height { background: !important; } .servicesmtext { color: !important; } .servicesmtext { text-align: left!important; } .servicesmtext { font-weight: 800!important; } .servicesmdesc { color: !important; } .servicesmdesc { text-align: left!important; } .servicespagetitle { display: none!important; } .servicesimage { width: 100%!important; object-fit: cover; } .servicesimage { width: 100%!important; object-fit: cover;} .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .marqueeback { background: !important; } .marqueemback { background: !important; } .marqueeback { padding-top: !important; padding-bottom: !important; } .marqueetitle { font-size: 21321!important; } .marqueetitle { font-weight: 600!important; } .marqueetitle { color: !important; } .marqueedescription { color: !important; } .marqueesub_title { color: !important; } .marqueesub_title { font-size: 21321!important; } .marqueesub_title { font-weight: 14!important; } .marqueedescription { font-weight: !important; } .marqueedescription { font-size: 20px!important; } @media (max-width: 767px) { .marqueetitle { font-size: 30px!important; } .marqueesub_title { font-size: 20px!important; } .marqueedescription { font-size: 17px!important; } } .marqueecard_image_height { min-height: 300px!important; max-height: 300px!important; object-fit: cover!important; } .marqueecard_height { background: !important; } .marqueetext { color: !important; } .marqueetext { text-align: center!important; } .marqueedesc { color: !important; } .marqueedesc { text-align: right!important; } .marqueemcard_height { background: !important; } .marqueemtext { color: !important; } .marqueemtext { text-align: center!important; } .marqueemdesc { color: !important; } .marqueemdesc { text-align: left!important; } .marqueeimage { width: 100%!important; object-fit: cover; } .marqueeimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .marqueeimage { min-height: 0!important; max-height: 0!important; } } .marqueetitle_det { font-size: 0!important; } .marqueeimage { width: 100%!important; object-fit: cover;} .marqueeimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .marqueeimage { min-height: 0!important; max-height: 0!important; } } .marqueetitle_detail { font-size: 0!important; } .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .statisticmback { background: !important; } .statisticback { padding-top: !important; padding-bottom: !important; } .statisticbtn { display: none!important; } .statisticbtn2 { display: none!important; } .statistictitle { font-size: !important; } .statistictitle { font-weight: 600!important; } .statistictitle { color: !important; } .statisticdescription { color: !important; } .statisticsub_title { color: !important; } .statisticsub_title { font-size: 22px!important; } .statisticsub_title { font-weight: 800!important; } .statisticdescription { font-weight: !important; } .statisticdescription { font-size: 20px!important; } @media (max-width: 767px) { .statistictitle { font-size: 30px!important; } .statisticsub_title { font-size: 20px!important; } .statisticdescription { font-size: 17px!important; } } .statisticcard_image_height { min-height: 300px!important; max-height: 300px!important; object-fit: cover!important; } .statisticcard_height { background: !important; } .statistictext { font-weight: 600!important; } .statistictext { color: !important; } .statistictext { text-align: center!important; } .statisticdesc { color: !important; } .statisticdesc { text-align: right!important; } .statisticmcard_height { background: !important; } .statisticmtext { color: !important; } .statisticmtext { text-align: center!important; } .statisticmtext { font-weight: 800!important; } .statisticmdesc { color: !important; } .statisticmdesc { text-align: left!important; } .statisticpagetitle { display: none!important; } .statisticimage { width: 100%!important; object-fit: cover; } .statisticimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .statisticimage { min-height: 0!important; max-height: 0!important; } } .statistictitle_det { font-size: 0!important; } .statisticimage { width: 100%!important; object-fit: cover;} .statisticimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .statisticimage { min-height: 0!important; max-height: 0!important; } } .statistictitle_detail { font-size: 0!important; } .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .how-workback { position: relative; /* pseudo-element için gerekli */ overflow: hidden; /* taşmaları engelle */ height: 100%; /* NOT: burada artık background-image kullanmıyoruz, pseudo-element gösterecek */ } /* Arkaplan resmini sadece pseudo-element ile koyup saydamlık uyguluyoruz */ .how-workback::before { content: ''; position: absolute; inset: 0; /* top:0; right:0; bottom:0; left:0; */ background-image: url(https://aryagelisimmerkezi.com/assets/gorseller/dis-hekimi-dis-klinigi-1/arkaplan/nasil-calisir-69982e0f88ba8-2E0F88BAC.webp); background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0.06; /* İstediğin saydamlık: 0.0 - 1.0 */ pointer-events: none; /* üstteki elemanlara tıklanmasını engelleme */ z-index: 0; /* içeriklerin arkasında kalsın */ } .how-workmback { background: !important; } .how-workback { padding-top: !important; padding-bottom: !important; } .how-workbtn2 { display: none!important; } .how-worktitle { font-size: !important; } .how-worktitle { font-weight: 600!important; } .how-worktitle { color: !important; } .how-workdescription { color: !important; } .how-worksub_title { color: !important; } .how-worksub_title { font-size: 22px!important; } .how-worksub_title { font-weight: 700!important; } .how-workdescription { font-weight: !important; } .how-workdescription { font-size: 20px!important; } @media (max-width: 767px) { .how-worktitle { font-size: 30px!important; } .how-worksub_title { font-size: 20px!important; } .how-workdescription { font-size: 17px!important; } } .how-workcard_height { background: !important; } .how-worktext { color: !important; } .how-worktext { text-align: left!important; } .how-workdesc { color: !important; } .how-workdesc { text-align: left!important; } .how-workmcard_image_height { min-height: 450px!important; max-height: 450px!important; object-fit: cover!important; } .how-workmcard_height { background: !important; } .how-workmtext { color: !important; } .how-workmtext { text-align: left!important; } .how-workmdesc { color: !important; } .how-workmdesc { text-align: left!important; } .how-workimage { width: 100%!important; object-fit: cover; } .how-workimage { width: 100%!important; object-fit: cover;} .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .demosback { background: !important; } .demosmback { background: #006CEE!important; } .demosback { padding-top: !important; padding-bottom: !important; } .demosbtn2 { display: none!important; } .demostitle { font-size: !important; } .demostitle { font-weight: 600!important; } .demostitle { color: !important; } .demosdescription { color: !important; } .demossub_title { color: !important; } .demossub_title { font-size: 22px!important; } .demossub_title { font-weight: 600!important; } .demosdescription { font-weight: !important; } .demosdescription { font-size: 20px!important; } @media (max-width: 767px) { .demostitle { font-size: 30px!important; } .demossub_title { font-size: 20px!important; } .demosdescription { font-size: 17px!important; } } .demoscard_height { background: !important; } .demostext { color: !important; } .demostext { text-align: !important; } .demosdesc { color: !important; } .demosmcard_height { background: !important; } .demosmtext { color: !important; } .demosmtext { text-align: left!important; } .demosmdesc { color: !important; } .demosmdesc { text-align: left!important; } .demospagetitle { display: none!important; } .demosimage { width: 100%!important; object-fit: cover; } .demosimage { width: 100%!important; object-fit: cover;} .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .reviewsback { background: #F4F8FB!important; } .reviewsmback { background: !important; } .reviewsback { padding-top: !important; padding-bottom: !important; } .reviewsbtn2 { display: none!important; } .reviewstitle { font-size: !important; } .reviewstitle { font-weight: 600!important; } .reviewstitle { color: !important; } .reviewsdescription { color: !important; } .reviewssub_title { color: !important; } .reviewssub_title { font-size: 22px!important; } .reviewssub_title { font-weight: 800!important; } .reviewsdescription { font-weight: !important; } .reviewsdescription { font-size: 20px!important; } @media (max-width: 767px) { .reviewstitle { font-size: 30px!important; } .reviewssub_title { font-size: 20px!important; } .reviewsdescription { font-size: 17px!important; } } .reviewscard_height { background: !important; } .reviewstext { font-weight: 700!important; } .reviewstext { color: !important; } .reviewstext { text-align: left!important; } .reviewsdesc { color: !important; } .reviewsdesc { text-align: left!important; } .reviewsmcard_height { background: !important; } .reviewsmtext { color: !important; } .reviewsmtext { text-align: left!important; } .reviewsmtext { font-weight: 700!important; } .reviewsmdesc { color: !important; } .reviewsmdesc { text-align: left!important; } .reviewspagetitle { display: none!important; } .reviewsimage { width: 100%!important; object-fit: cover; } .reviewsimage { width: 100%!important; object-fit: cover;} .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .carouselback { background: !important; } .carouselmback { background: !important; } .carouselback { padding-top: !important; padding-bottom: !important; } .carouseltitle { font-size: !important; } .carouseltitle { font-weight: 600!important; } .carouseltitle { color: !important; } .carouseldescription { color: !important; } .carouselsub_title { color: !important; } .carouselsub_title { font-size: 22px!important; } .carouselsub_title { font-weight: 700!important; } .carouseldescription { font-weight: !important; } .carouseldescription { font-size: 20px!important; } @media (max-width: 767px) { .carouseltitle { font-size: 30px!important; } .carouselsub_title { font-size: 20px!important; } .carouseldescription { font-size: 17px!important; } } .carouselcard_height { background: !important; } .carouseltext { color: !important; } .carouseltext { text-align: left!important; } .carouseldesc { color: !important; } .carouseldesc { text-align: left!important; } .carouselmcard_image_height { min-height: 450px!important; max-height: 450px!important; object-fit: cover!important; } .carouselmcard_height { background: !important; } .carouselmtext { color: !important; } .carouselmtext { text-align: left!important; } .carouselmdesc { color: !important; } .carouselmdesc { text-align: left!important; } .carouselimage { width: 100%!important; object-fit: cover; } .carouselimage { width: 100%!important; object-fit: cover;} .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .choose-usback { background: !important; } .choose-usmback { background: !important; } .choose-usback { padding-top: !important; padding-bottom: !important; } .choose-usbtn { display: none!important; } .choose-usbtn2 { display: none!important; } .choose-ustitle { font-size: !important; } .choose-ustitle { font-weight: 600!important; } .choose-ustitle { color: !important; } .choose-usdescription { color: !important; } .choose-ussub_title { color: !important; } .choose-ussub_title { font-size: 22px!important; } .choose-ussub_title { font-weight: 700!important; } .choose-usdescription { font-weight: !important; } .choose-usdescription { font-size: 20px!important; } @media (max-width: 767px) { .choose-ustitle { font-size: 30px!important; } .choose-ussub_title { font-size: 20px!important; } .choose-usdescription { font-size: 17px!important; } } .choose-uscard_height { background: !important; } .choose-ustext { color: !important; } .choose-ustext { text-align: left!important; } .choose-usdesc { color: !important; } .choose-usdesc { text-align: left!important; } .choose-usmcard_image_height { min-height: 450px!important; max-height: 450px!important; object-fit: cover!important; } .choose-usmcard_height { background: !important; } .choose-usmtext { color: !important; } .choose-usmtext { text-align: left!important; } .choose-usmdesc { color: !important; } .choose-usmdesc { text-align: left!important; } .choose-usimage { width: 100%!important; object-fit: cover; } .choose-usimage { width: 100%!important; object-fit: cover;} .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .grid-imageback { background: !important; } .grid-imagemback { background: !important; } .grid-imageback { padding-top: 20px!important; padding-bottom: 20px!important; } .grid-imagetitle { font-size: !important; } .grid-imagetitle { font-weight: 600!important; } .grid-imagetitle { color: !important; } .grid-imagedescription { color: !important; } .grid-imagesub_title { color: !important; } .grid-imagesub_title { font-size: 22px!important; } .grid-imagesub_title { font-weight: 700!important; } .grid-imagedescription { font-weight: !important; } .grid-imagedescription { font-size: 20px!important; } @media (max-width: 767px) { .grid-imagetitle { font-size: 30px!important; } .grid-imagesub_title { font-size: 20px!important; } .grid-imagedescription { font-size: 17px!important; } } .grid-imagecard_height { background: !important; } .grid-imagetext { color: !important; } .grid-imagetext { text-align: left!important; } .grid-imagedesc { color: !important; } .grid-imagedesc { text-align: left!important; } .grid-imagemcard_image_height { min-height: 450px!important; max-height: 450px!important; object-fit: cover!important; } .grid-imagemcard_height { background: !important; } .grid-imagemtext { color: !important; } .grid-imagemtext { text-align: left!important; } .grid-imagemdesc { color: !important; } .grid-imagemdesc { text-align: left!important; } .grid-imageimage { width: 100%!important; object-fit: cover; } .grid-imageimage { width: 100%!important; object-fit: cover;} .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .image-gallerymback { background: !important; } .image-galleryback { padding-top: !important; padding-bottom: !important; } .image-gallerybtn2 { display: none!important; } .image-gallerytitle { font-size: !important; } .image-gallerytitle { font-weight: 600!important; } .image-gallerytitle { color: !important; } .image-gallerydescription { color: !important; } .image-gallerysub_title { color: !important; } .image-gallerysub_title { font-size: 22px!important; } .image-gallerysub_title { font-weight: 600!important; } .image-gallerydescription { font-weight: !important; } .image-gallerydescription { font-size: 20px!important; } @media (max-width: 767px) { .image-gallerytitle { font-size: 30px!important; } .image-gallerysub_title { font-size: 20px!important; } .image-gallerydescription { font-size: 17px!important; } } .image-gallerycard_image_height { min-height: 250px!important; max-height: 250px!important; object-fit: cover!important; } .image-gallerycard_height { background: !important; } .image-gallerytext { color: !important; } .image-gallerytext { text-align: left!important; } .image-gallerydesc { color: !important; } .image-gallerydesc { text-align: left!important; } .image-gallerymcard_image_height { min-height: 250px!important; max-height: 250px!important; object-fit: cover!important; } .image-gallerymcard_height { background: !important; } .image-gallerymtext { color: !important; } .image-gallerymtext { text-align: left!important; } .image-gallerymdesc { color: !important; } .image-gallerymdesc { text-align: left!important; } .image-gallerypagetitle { display: none!important; } .image-galleryimage { width: 100%!important; object-fit: cover; } .image-galleryimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .image-galleryimage { min-height: 0!important; max-height: 0!important; } } .image-gallerytitle_det { font-size: 0!important; } .image-galleryimage { width: 100%!important; object-fit: cover;} .image-galleryimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .image-galleryimage { min-height: 0!important; max-height: 0!important; } } .image-gallerytitle_detail { font-size: 0!important; } .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .blogback { background: #FAFCFF!important; } .blogmback { background: !important; } .blogback { padding-top: !important; padding-bottom: !important; } .blogbtn2 { display: none!important; } .blogtitle { font-size: !important; } .blogtitle { font-weight: 600!important; } .blogtitle { color: !important; } .blogdescription { color: !important; } .blogsub_title { color: !important; } .blogsub_title { font-size: 22px!important; } .blogsub_title { font-weight: 800!important; } .blogdescription { font-weight: !important; } .blogdescription { font-size: 20px!important; } @media (max-width: 767px) { .blogtitle { font-size: 30px!important; } .blogsub_title { font-size: 20px!important; } .blogdescription { font-size: 17px!important; } } .blogcard_height { min-height: 350px!important; max-height: 350px!important; } .blogcard_height { background: !important; } .blogtext { font-weight: 600!important; } .blogtext { color: !important; } .blogtext { text-align: left!important; } .blogdesc { color: !important; } .blogdesc { text-align: left!important; } .blogmcard_height { background: !important; } .blogmtext { color: !important; } .blogmtext { text-align: left!important; } .blogmtext { font-weight: 600!important; } .blogmdesc { color: !important; } .blogmdesc { text-align: left!important; } .blogmdesc_status { display: none!important; } .blogpagetitle { display: none!important; } .blogimage { width: 100%!important; object-fit: cover; } .blogcategories { display: none!important; } .blogimage { width: 100%!important; object-fit: cover;} .blogcategory { display: none!important; } .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .pagesback { background: !important; } .pagesmback { background: !important; } .pagesback { padding-top: !important; padding-bottom: !important; } .pagestitle { font-size: !important; } .pagestitle { font-weight: 600!important; } .pagestitle { color: !important; } .pagesdescription { color: !important; } .pagessub_title { color: !important; } .pagessub_title { font-size: 22px!important; } .pagessub_title { font-weight: 800!important; } .pagesdescription { font-weight: !important; } .pagesdescription { font-size: 20px!important; } @media (max-width: 767px) { .pagestitle { font-size: 30px!important; } .pagessub_title { font-size: 20px!important; } .pagesdescription { font-size: 17px!important; } } .pagescard_height { min-height: 300px!important; max-height: 300px!important; } .pagescard_height { background: !important; } .pagestext { color: !important; } .pagestext { text-align: left!important; } .pagesdesc { color: !important; } .pagesdesc { text-align: left!important; } .pagesmcard_image_height { min-height: 350px!important; max-height: 350px!important; object-fit: cover!important; } .pagesmcard_height { background: !important; } .pagesmtext { color: !important; } .pagesmtext { text-align: left!important; } .pagesmdesc { color: !important; } .pagesmdesc { text-align: left!important; } .pagesmdesc_status { display: none!important; } .pagespagetitle { display: none!important; } .pagesimage { width: 100%!important; object-fit: cover; } .pagescategories { display: none!important; } .pagesimage { width: 100%!important; object-fit: cover;} .pagescategory { display: none!important; } .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .iletisimmback { background: !important; } .iletisimback { padding-top: !important; padding-bottom: !important; } .iletisimbtn { display: none!important; } .iletisimbtn2 { display: none!important; } .iletisimtitle { font-size: !important; } .iletisimtitle { font-weight: 600!important; } .iletisimtitle { color: !important; } .iletisimdescription { color: !important; } .iletisimsub_title { color: !important; } .iletisimsub_title { font-size: 22px!important; } .iletisimsub_title { font-weight: 800!important; } .iletisimdescription { font-weight: !important; } .iletisimdescription { font-size: 20px!important; } @media (max-width: 767px) { .iletisimtitle { font-size: 30px!important; } .iletisimsub_title { font-size: 20px!important; } .iletisimdescription { font-size: 17px!important; } } .iletisimcard_image_height { min-height: 0!important; max-height: 0!important; object-fit: cover!important; } .iletisimcard_height { min-height: 0!important; max-height: 0!important; } .iletisimcard_height { background: !important; } .iletisimtext { font-size: 20px!important; } .iletisimtext { color: #1EFF0E!important; } .iletisimtext { text-align: right!important; } .iletisimdesc { color: !important; } .iletisimdesc { text-align: left!important; } .iletisimmcard_height { background: !important; } .iletisimmtext { color: !important; } .iletisimmtext { text-align: left!important; } .iletisimmdesc { color: !important; } .iletisimmdesc { text-align: left!important; } .iletisimpagetitle { display: none!important; } .iletisimimage { width: 100%!important; object-fit: cover; } .iletisimimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .iletisimimage { min-height: 0!important; max-height: 0!important; } } .iletisimtitle_det { font-size: 0!important; } .iletisimimage { width: 100%!important; object-fit: cover;} .iletisimimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .iletisimimage { min-height: 0!important; max-height: 0!important; } } .iletisimtitle_detail { font-size: 0!important; } .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .faqback { position: relative; /* pseudo-element için gerekli */ overflow: hidden; /* taşmaları engelle */ height: 100%; /* NOT: burada artık background-image kullanmıyoruz, pseudo-element gösterecek */ } /* Arkaplan resmini sadece pseudo-element ile koyup saydamlık uyguluyoruz */ .faqback::before { content: ''; position: absolute; inset: 0; /* top:0; right:0; bottom:0; left:0; */ background-image: url(https://aryagelisimmerkezi.com/assets/gorseller/dis-hekimi-dis-klinigi-1/arkaplan/sik-sorulan-sorular-69982cff52cfe-2CFF52D03.webp); background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0.42; /* İstediğin saydamlık: 0.0 - 1.0 */ pointer-events: none; /* üstteki elemanlara tıklanmasını engelleme */ z-index: 0; /* içeriklerin arkasında kalsın */ } .faqmback { background: !important; } .faqback { padding-top: !important; padding-bottom: !important; } .faqbtn2 { display: none!important; } .faqtitle { font-size: !important; } .faqtitle { font-weight: 600!important; } .faqtitle { color: !important; } .faqdescription { color: !important; } .faqsub_title { color: !important; } .faqsub_title { font-size: 22px!important; } .faqsub_title { font-weight: 600!important; } .faqdescription { font-weight: !important; } .faqdescription { font-size: 20px!important; } @media (max-width: 767px) { .faqtitle { font-size: 30px!important; } .faqsub_title { font-size: 20px!important; } .faqdescription { font-size: 17px!important; } } .faqcard_height { background: !important; } .faqtext { font-weight: 600!important; } .faqtext { color: !important; } .faqtext { text-align: left!important; } .faqdesc { color: !important; } .faqdesc { text-align: left!important; } .faqmcard_height { background: !important; } .faqmtext { color: !important; } .faqmtext { text-align: left!important; } .faqmtext { font-weight: 600!important; } .faqmdesc { color: !important; } .faqmdesc { text-align: left!important; } .faqpagetitle { display: none!important; } .faqimage { width: 100%!important; object-fit: cover; } .faqimage { width: 100%!important; object-fit: cover;} .fwb{ font-weight: 600!important; } .sbg{ background: #F4F8FB; } .formmback { background: !important; } .formback { padding-top: !important; padding-bottom: !important; } .formbtn { display: none!important; } .formbtn2 { display: none!important; } .formtitle { font-size: !important; } .formtitle { font-weight: 600!important; } .formtitle { color: !important; } .formdescription { color: !important; } .formsub_title { color: !important; } .formsub_title { font-size: 22px!important; } .formsub_title { font-weight: 800!important; } .formdescription { font-weight: !important; } .formdescription { font-size: 20px!important; } @media (max-width: 767px) { .formtitle { font-size: 30px!important; } .formsub_title { font-size: 20px!important; } .formdescription { font-size: 17px!important; } } .formcard_image_height { min-height: 0!important; max-height: 0!important; object-fit: cover!important; } .formcard_height { min-height: 0!important; max-height: 0!important; } .formcard_height { background: !important; } .formtext { font-size: 0!important; } .formtext { color: #000000!important; } .formtext { text-align: left!important; } .formdesc { color: !important; } .formdesc { text-align: left!important; } .formmcard_height { background: !important; } .formmtext { color: !important; } .formmtext { text-align: left!important; } .formmdesc { color: !important; } .formmdesc { text-align: left!important; } .formpagetitle { display: none!important; } .formimage { width: 100%!important; object-fit: cover; } .formimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .formimage { min-height: 0!important; max-height: 0!important; } } .formtitle_det { font-size: 0!important; } .formimage { width: 100%!important; object-fit: cover;} .formimage { min-height: 0!important; max-height: 0!important; } @media (max-width: 767px) { .formimage { min-height: 0!important; max-height: 0!important; } } .formtitle_detail { font-size: 0!important; } #footer_area { background-image: url(https://aryagelisimmerkezi.com/assets/gorseller/dis-hekimi-dis-klinigi-1/arkaplan/footerarea-ED.webp); background-repeat: no-repeat; background-size: cover; height: 100%; /* Eğer üst elemanlar da yüzde yüz yükseklik alıyorsa */ } #footer_area { padding: 0px!important; } #copyright_area { padding: 500!important; } #footer_area a { color: ; } /*MOBİL*/ #language_area { display: none!important; /* Gizli */ } .copyright_text { text-align: center!important; } #copyright_area { background: #000000!important; } /* Theme Settings Panel Styles */ .theme-settings-trigger { position: fixed; right: 0; top: 55%; transform: translateY(-50%); width: 60px; height: 60px; background: #18bcc7; color: white; border-radius: 25px 0 0 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 9999; box-shadow: 2px 0 10px rgba(0,0,0,0.2); transition: all 0.3s ease; } .theme-settings-trigger:hover { background: #7a1fb2; transform: translateY(-50%) translateX(5px); } .theme-settings-trigger i { font-size: 18px; animation: rotate 2s linear infinite; } /* Theme Settings Panel Styles */ .demo-settings-trigger { position: fixed; right: 0; top: 47%; transform: translateY(-50%); width: 80px; height: 50px; background: #18bcc7; color: white; border-radius: 25px 0 0 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 1000; box-shadow: 2px 0 10px rgba(0,0,0,0.2); transition: all 0.3s ease; } .demo-settings-trigger:hover { background: #7a1fb2; transform: translateY(-50%) translateX(5px); } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .theme-settings-panel { position: fixed; left: -450px; top: 0; width: 450px; height: 100vh; background: white; z-index: 1000000; box-shadow: 2px 0 15px rgba(0,0,0,0.1); transition: left 0.3s ease; overflow-y: auto; } .theme-settings-panel.active { left: 0; } .theme-settings-header { padding: 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; } .theme-settings-header h4 { margin: 0; color: #333; font-size: 18px; font-weight: 600; } .btn-delete-cookies { background: #e74c3c; color: white; border: none; padding: 8px 16px; border-radius: 20px; font-size: 12px; cursor: pointer; transition: background 0.3s ease; font-weight: bold; } .btn-delete-cookies:hover { background: #c0392b; } .theme-settings-content { padding: 20px; } .setting-group { margin-bottom: 30px; } .setting-group h5 { color: #333; font-size: 14px; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.5px; } /* Theme Colors */ .theme-colors { display: grid; grid-template-columns: repeat(auto-fill, minmax(45px, 1fr)); gap: 8px; padding: 5px; border: 1px solid #eee; border-radius: 8px; } .color-option { width: 45px; height: 45px; border-radius: 8px; cursor: pointer; position: relative; transition: all 0.2s ease; border: 2px solid transparent; display: flex; align-items: center; justify-content: center; } .color-option:hover { transform: scale(1.05); border-color: #333; box-shadow: 0 4px 8px rgba(0,0,0,0.2); } .color-option.active { border-color: #333; box-shadow: 0 0 0 3px rgba(51,51,51,0.3); } .color-option.active::after { content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-weight: bold; font-size: 14px; text-shadow: 0 0 3px rgba(0,0,0,0.5); } /* Layout Options */ .layout-options { display: flex; gap: 15px; justify-content: space-between; } .layout-option { flex: 1; text-align: center; cursor: pointer; padding: 10px; border-radius: 8px; transition: background 0.2s ease; } .layout-option:hover { background: #f8f9fa; } .layout-option.active { background: #e8f5e8; } .layout-preview { width: 60px; height: 40px; margin: 0 auto 8px; border: 2px solid #ddd; border-radius: 4px; position: relative; } .layout-option.active .layout-preview { border-color: #28a745; } .wide-preview { background: #f8f9fa; } .boxed-preview { background: #f8f9fa; margin: 0 auto 8px; width: 50px; } .frame-preview { background: #f8f9fa; border: 3px solid #ddd; } .layout-option span { display: block; font-size: 12px; color: #666; font-weight: 500; } .layout-option.active span { color: #28a745; font-weight: 600; } /* Header Options */ .header-options { display: flex; gap: 10px; } .header-option { flex: 1; padding: 12px 20px; border: 1px solid #ddd; background: white; color: #666; cursor: pointer; border-radius: 6px; font-size: 12px; font-weight: 600; transition: all 0.2s ease; } .header-option:hover { border-color: #bbb; } .header-option.active { background: #007bff; border-color: #007bff; color: white; } /* Logo Options */ .logo-options { display: flex; gap: 15px; justify-content: space-between; } .logo-option { flex: 1; text-align: center; cursor: pointer; padding: 15px 10px; border: 2px solid #ddd; border-radius: 8px; transition: all 0.2s ease; background: white; } .logo-option:hover { border-color: #007bff; box-shadow: 0 2px 8px rgba(0,123,255,0.1); } .logo-option.active { border-color: #007bff; box-shadow: 0 0 0 3px rgba(0,123,255,0.1); background: #f8f9ff; } .logo-preview { width: 80px; height: 50px; margin: 0 auto 8px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; border-radius: 4px; overflow: hidden; } .logo-img { max-width: 100%; max-height: 100%; object-fit: contain; } .logo-option span { display: block; font-size: 12px; color: #666; font-weight: 500; } .logo-option.active span { color: #007bff; font-weight: 600; } /* Overlay */ .theme-settings-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .theme-settings-overlay.active { opacity: 1; visibility: visible; } /* Responsive */ @media (max-width: 768px) { .theme-settings-panel { width: 350px; left: -350px; } .theme-colors { grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); max-height: 250px; } .color-option { width: 40px; height: 40px; } .theme-settings-trigger { width: 45px; height: 45px; } .theme-settings-trigger i { font-size: 16px; } } @media (max-width: 480px) { .theme-settings-panel { width: 320px; left: -320px; } .theme-colors { grid-template-columns: repeat(auto-fill, minmax(35px, 1fr)); max-height: 200px; } .color-option { width: 35px; height: 35px; } } #top_header *:not(i) { font-family: Jost !important; } #top_header * { font-size: 17px!important; } } #top_header a {color: } /*MOBİL*/ #language_area { display: block!important; /* Görünür */ } #top_html { width: 100%; top: 0; z-index: 9999; padding: 12px; background: #000000; color: #E7E7E7; overflow: hidden; position: relative; } #top_html a { color: #FFDF1E; text-decoration: none; } #top_html a:hover { color: #193DFF; } /* Seçili metne verilen linklerin renklerini koru - inline style'daki !important öncelikli */ /* Inline style'da !important varsa, CSS kuralı onu override edemez */ /* Bu yüzden genel link rengi kuralını sadece inline style'ı olmayan linkler için uygula */ #top_html marquee a:not([style*="color"]) { color: #FFDF1E; } /* Altı çizili yazıların alt çizgi rengi yazının rengiyle aynı olsun */ #top_html u, #top_html [style*="text-decoration: underline"], #top_html [style*="text-decoration:underline"] { text-decoration-color: currentColor !important; } #top_html .close-icon { position: relative; bottom: 70px; cursor: pointer; float: right; padding-right: 4px; font-size: 1.2rem; margin-bottom: 50px; display: none; } .sliderpagetitle { display: none!important; } .sliderpagetitlepadding { padding: 0 0 0 0; } .sliderpagetitletext { font-size: 0!important; } .sliderpagetitletext { color: #000000!important; } .sliderpagetitlesubtext { color: !important; } .sliderpagetitlesubtext { text-align: left!important; } .sliderpagetitletext { text-align: left!important; } .varsayilanpagetitlepadding { padding: 40px 0 40px 0; } .varsayilanpagetitletext { font-size: 25px!important; } .varsayilanpagetitletext { color: #FFFFFF!important; } .varsayilanpagetitlesubtext { color: #FFFFFF!important; } .varsayilanpagetitlesubtext { text-align: left!important; } .varsayilanpagetitletext { text-align: left!important; } .hakkimizdapagetitle { display: none!important; } .hakkimizdapagetitlepadding { padding: 45px 0 45px 0; } .hakkimizdapagetitletext { font-size: 21px!important; } .hakkimizdapagetitletext { color: !important; } .hakkimizdapagetitlesubtext { font-size: 22px!important; } .hakkimizdapagetitlesubtext { color: !important; } .hakkimizdapagetitlesubtext { text-align: center!important; } .hakkimizdapagetitletext { text-align: center!important; } .servicespagetitle { display: none!important; } .servicespagetitletext { color: !important; } .servicespagetitlesubtext { color: !important; } .servicespagetitlesubtext { text-align: left!important; } .servicespagetitletext { text-align: left!important; } .marqueepagetitlepadding { padding: 0 0 0 0; } .marqueepagetitletext { color: !important; } .marqueepagetitlesubtext { color: !important; } .marqueepagetitlesubtext { text-align: left!important; } .marqueepagetitletext { text-align: left!important; } .statisticpagetitle { display: none!important; } .statisticpagetitlepadding { padding: 0 0 0 0; } .statisticpagetitletext { color: !important; } .statisticpagetitlesubtext { color: !important; } .statisticpagetitlesubtext { text-align: left!important; } .statisticpagetitletext { text-align: left!important; } .how-workpagetitletext { color: !important; } .how-workpagetitlesubtext { color: !important; } .how-workpagetitlesubtext { text-align: center!important; } .how-workpagetitletext { text-align: center!important; } .demospagetitle { display: none!important; } .demospagetitletext { font-weight: 800!important; } .demospagetitletext { color: !important; } .demospagetitlesubtext { color: !important; } .demospagetitlesubtext { text-align: left!important; } .demospagetitletext { text-align: left!important; } .reviewspagetitle { display: none!important; } .reviewspagetitletext { color: !important; } .reviewspagetitlesubtext { color: !important; } .reviewspagetitlesubtext { text-align: left!important; } .reviewspagetitletext { text-align: left!important; } .carouselpagetitletext { color: !important; } .carouselpagetitlesubtext { color: !important; } .carouselpagetitlesubtext { text-align: center!important; } .carouselpagetitletext { text-align: center!important; } .choose-uspagetitletext { color: !important; } .choose-uspagetitlesubtext { color: !important; } .choose-uspagetitlesubtext { text-align: center!important; } .choose-uspagetitletext { text-align: center!important; } .grid-imagepagetitletext { color: !important; } .grid-imagepagetitlesubtext { color: !important; } .grid-imagepagetitlesubtext { text-align: center!important; } .grid-imagepagetitletext { text-align: center!important; } .image-gallerypagetitle { display: none!important; } .image-gallerypagetitletext { color: !important; } .image-gallerypagetitlesubtext { color: !important; } .image-gallerypagetitlesubtext { text-align: left!important; } .image-gallerypagetitletext { text-align: left!important; } .blogpagetitle { display: none!important; } .blogpagetitletext { color: !important; } .blogpagetitlesubtext { color: !important; } .blogpagetitlesubtext { text-align: right!important; } .blogpagetitletext { text-align: right!important; } .pagespagetitle { display: none!important; } .pagespagetitletext { color: !important; } .pagespagetitlesubtext { color: !important; } .pagespagetitlesubtext { text-align: left!important; } .pagespagetitletext { text-align: left!important; } .iletisimpagetitle { display: none!important; } .iletisimpagetitletext { color: !important; } .iletisimpagetitlesubtext { color: !important; } .iletisimpagetitlesubtext { text-align: left!important; } .iletisimpagetitletext { text-align: left!important; } .faqpagetitle { display: none!important; } .faqpagetitletext { color: !important; } .faqpagetitlesubtext { color: !important; } .faqpagetitlesubtext { text-align: left!important; } .faqpagetitletext { text-align: left!important; } .formpagetitle { display: none!important; } .formpagetitletext { color: !important; } .formpagetitlesubtext { color: !important; } .formpagetitlesubtext { text-align: left!important; } .formpagetitletext { text-align: left!important; } .languagespagetitle { display: none!important; } .languagespagetitlepadding { padding: 0 0 0 0; } .languagespagetitletext { font-size: 0!important; } .languagespagetitletext { color: #000000!important; } .languagespagetitlesubtext { color: !important; } .top_logo_tema { width: 210px!important; height: auto!important; } .footer_logo_tema { width: 230px!important; height: auto!important; } @media screen and (max-width: 768px) { .mobil_logo_tema { width: 220px!important; height: auto!important; } } #menu_bar { font-family: Jost!important; } #menu_bar a { font-family: Jost!important; } #menu_bar * { font-size: 20px!important; } #menu_bar * { font-weight: 600!important; } /* Detay sayfaları H1 başlık - masaüstü/tablet/mobil responsive */ .detay-default-title { font-size: 38px; font-weight: 700; } @media (max-width: 767px) { .detay-default-title { font-size: 22px; } } @media (min-width: 768px) and (max-width: 991px) { .detay-default-title { font-size: 28px; } } /* Detay sayfaları H1 üstü kapak resmi - mobil/tablet */ @media (max-width: 767px) { .detay-default-image { height: 220px !important; object-fit: cover; border-radius: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .detay-default-image { height: 320px !important; } } /* Sayfa başlık alanı (pages-parts title) - mobil sabit boyut */ @media (max-width: 767px) { .breadcumb-wrapper .breadcumb-title { font-size: 20px !important; } .breadcumb-wrapper .breadcumb-menu, .breadcumb-wrapper .breadcumb-menu a, .breadcumb-wrapper [class*="pagetitlesubtext"] { font-size: 14px !important; } } @media (min-width: 768px) and (max-width: 991px) { .breadcumb-wrapper .breadcumb-title { font-size: 24px !important; } .breadcumb-wrapper .breadcumb-menu, .breadcumb-wrapper .breadcumb-menu a, .breadcumb-wrapper [class*="pagetitlesubtext"] { font-size: 14px !important; } } .mptn{ padding-top: 70px!important; } .mptb{ padding-bottom: 70px!important; } .ptn{ padding-top: 100pximportant; } .pbn{ padding-bottom: 90pximportant; } #searchInputWrapper{ position: absolute; right: 0%; bottom: 26%; } .search-icon{ z-index: 11; } .rounded{ position: relative; } .form-control:focus{ border-color: #18bcc7; } .category-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; overflow-x: auto; gap: 1rem; padding-bottom: 0.5rem; font-family: "Outfit", serif; } .category-links { display: flex; flex-wrap: nowrap; gap: 1rem; overflow-x: auto; scrollbar-width: thin; } .category-links::-webkit-scrollbar { height: 5px; } .category-links::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; } .category-link { display: inline-block; font-size: 1.1rem; font-weight: 500; color: #333; text-decoration: none; white-space: nowrap; padding: 0.25rem 0.75rem; border-radius: 8px; transition: background 0.3s; padding: 10px; } .category-link:hover, .category-link.active { background-color: #EBF4FF; padding: 10px; color: #18bcc7; font-weight: bold; } .search-icon { font-size: 1.3rem; cursor: pointer; color: #333; background: none; border: none; } .search-input-wrapper { max-width: 900px; min-width: 400px; float: right; margin-top: 10px; display: none; transition: all 0.3s ease; } .search-input-wrapper.active { display: block; } /* Empty state - modern compact design */ .empty-state-compact { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2.5rem 1.5rem; max-width: 320px; margin: 0 auto; } .empty-state-compact .empty-state-icon { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #f0f4f8 0%, #e8eef4 100%); display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; } .empty-state-compact .empty-state-icon i { font-size: 1.5rem; color: #94a3b8; } .empty-state-compact .empty-state-text { margin: 0; font-size: 1.09rem; color: #64748b; line-height: 1.5; text-align: center; } .special-shadow{box-shadow: 0 0 40px 0 rgba(154,86,58,.08);} .active3 {color: #18bcc7!important;} .active2 {background: #18bcc7!important;} .contact-item:hover {color: white!important;} /* Translate */ #goog-gt-tt {display:none !important;} .skiptranslate {display:none !important;} .goog-te-banner-frame {display:none !important;} .goog-te-menu-value:hover {text-decoration:none !important;} body {top:0 !important;} #google_translate_element2 {display:none!important;} .loading-gif { max-width: 500px; } .pre-loader { position: fixed; z-index: 100; /** make sure this is the highest value compared to all other divs **/ top: 0; left: 0; background: #191f26; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } .pre-loader.hidden { animation: fadeOut 1s; /** change to 1s */ animation-fill-mode: forwards; } @keyframes fadeOut { 100% { opacity: 0; visibility: hidden; } } .modall { display: none; position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7); align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; } .modall[style*="display: block"] { display: flex !important; } /* Popup + X sarmalayıcı: X popup kutusunun sağ üst dış köşesinde olacak */ .popup-close-wrap { position: relative; display: inline-block; max-width: 100%; font-size: 1.9rem!important; } /* İçerik / Kutu */ .modal-contentt { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0; background-color: #000000; border: none!important; width: 70%; /* Ekran boyutuna bağlı olarak daha fazla veya daha az olabilir */ z-index: 1001!important; margin: 0% auto; /* Dikeyde daha fazla ortalama */ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 25px 80px -20px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.08); } /* Popup: açılış / kapanış efektleri – varsayılan + data-effect-in / data-effect-out */ .modall { opacity: 0; transition: opacity 0.28s ease-out; } .modall.popup-open { opacity: 1; } .modall.popup-open .modal-contentt { animation: popupBoxIn 0.32s ease-out forwards; } .modall.popup-closing { opacity: 0; transition: opacity 0.36s ease-in; } .modall.popup-closing .modal-contentt { animation: popupBoxOut 0.32s ease-in forwards; } /* Giriş efektleri (data-effect-in) */ .modall[data-effect-in="zoom"].popup-open .modal-contentt { animation: popupIn_zoom 0.32s ease-out forwards; } .modall[data-effect-in="slideUp"].popup-open .modal-contentt { animation: popupIn_slideUp 0.35s ease-out forwards; } .modall[data-effect-in="slideDown"].popup-open .modal-contentt { animation: popupIn_slideDown 0.35s ease-out forwards; } .modall[data-effect-in="slideLeft"].popup-open .modal-contentt { animation: popupIn_slideLeft 0.35s ease-out forwards; } .modall[data-effect-in="slideRight"].popup-open .modal-contentt { animation: popupIn_slideRight 0.35s ease-out forwards; } .modall[data-effect-in="fade"].popup-open .modal-contentt { animation: popupIn_fade 0.3s ease-out forwards; } .modall[data-effect-in="flipX"].popup-open .modal-contentt { animation: popupIn_flipX 0.4s ease-out forwards; } .modall[data-effect-in="flipY"].popup-open .modal-contentt { animation: popupIn_flipY 0.4s ease-out forwards; } .modall[data-effect-in="bounce"].popup-open .modal-contentt { animation: popupIn_bounce 0.5s ease-out forwards; } .modall[data-effect-in="rotateIn"].popup-open .modal-contentt { animation: popupIn_rotateIn 0.35s ease-out forwards; } .modall[data-effect-in="drop"].popup-open .modal-contentt { animation: popupIn_drop 0.4s ease-out forwards; } .modall[data-effect-in="flipScale"].popup-open .modal-contentt { animation: popupIn_flipScale 0.4s ease-out forwards; } /* Çıkış efektleri (data-effect-out) – daha belirgin, süre 0.32–0.38s */ .modall[data-effect-out="zoom"].popup-closing .modal-contentt { animation: popupOut_zoom 0.35s ease-in forwards; } .modall[data-effect-out="slideUp"].popup-closing .modal-contentt { animation: popupOut_slideUp 0.35s ease-in forwards; } .modall[data-effect-out="slideDown"].popup-closing .modal-contentt { animation: popupOut_slideDown 0.35s ease-in forwards; } .modall[data-effect-out="slideLeft"].popup-closing .modal-contentt { animation: popupOut_slideLeft 0.35s ease-in forwards; } .modall[data-effect-out="slideRight"].popup-closing .modal-contentt { animation: popupOut_slideRight 0.35s ease-in forwards; } .modall[data-effect-out="fade"].popup-closing .modal-contentt { animation: popupOut_fade 0.32s ease-in forwards; } .modall[data-effect-out="flipX"].popup-closing .modal-contentt { animation: popupOut_flipX 0.38s ease-in forwards; } .modall[data-effect-out="flipY"].popup-closing .modal-contentt { animation: popupOut_flipY 0.38s ease-in forwards; } .modall[data-effect-out="bounce"].popup-closing .modal-contentt { animation: popupOut_bounce 0.35s ease-in forwards; } .modall[data-effect-out="rotateIn"].popup-closing .modal-contentt { animation: popupOut_rotateIn 0.35s ease-in forwards; } .modall[data-effect-out="drop"].popup-closing .modal-contentt { animation: popupOut_drop 0.35s ease-in forwards; } .modall[data-effect-out="flipScale"].popup-closing .modal-contentt { animation: popupOut_flipScale 0.38s ease-in forwards; } @keyframes popupBoxIn { from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); } } @keyframes popupBoxOut { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.75); } } @keyframes popupIn_zoom { from { opacity: 0; transform: scale(0.92); } to { opacity: 1; transform: scale(1); } } @keyframes popupOut_zoom { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.6); } } @keyframes popupIn_slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes popupOut_slideUp { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-70px); } } @keyframes popupIn_slideDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } } @keyframes popupOut_slideDown { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(70px); } } @keyframes popupIn_slideLeft { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: translateX(0); } } @keyframes popupOut_slideLeft { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-80px); } } @keyframes popupIn_slideRight { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } } @keyframes popupOut_slideRight { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(80px); } } @keyframes popupIn_fade { from { opacity: 0; } to { opacity: 1; } } @keyframes popupOut_fade { from { opacity: 1; } to { opacity: 0; } } @keyframes popupIn_flipX { from { opacity: 0; transform: perspective(400px) rotateX(90deg); } to { opacity: 1; transform: perspective(400px) rotateX(0); } } @keyframes popupOut_flipX { from { opacity: 1; transform: perspective(400px) rotateX(0); } to { opacity: 0; transform: perspective(400px) rotateX(-95deg); } } @keyframes popupIn_flipY { from { opacity: 0; transform: perspective(400px) rotateY(90deg); } to { opacity: 1; transform: perspective(400px) rotateY(0); } } @keyframes popupOut_flipY { from { opacity: 1; transform: perspective(400px) rotateY(0); } to { opacity: 0; transform: perspective(400px) rotateY(-95deg); } } @keyframes popupIn_bounce { from { opacity: 0; transform: scale(0.3); } 50% { transform: scale(1.05); } 70% { transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes popupOut_bounce { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.4); } } @keyframes popupIn_rotateIn { from { opacity: 0; transform: scale(0.9) rotate(-5deg); } to { opacity: 1; transform: scale(1) rotate(0); } } @keyframes popupOut_rotateIn { from { opacity: 1; transform: scale(1) rotate(0); } to { opacity: 0; transform: scale(0.85) rotate(18deg); } } @keyframes popupIn_drop { from { opacity: 0; transform: translateY(-100px); } to { opacity: 1; transform: translateY(0); } } @keyframes popupOut_drop { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(100px); } } @keyframes popupIn_flipScale { from { opacity: 0; transform: scale(0.5) rotateY(-90deg); } to { opacity: 1; transform: scale(1) rotateY(0); } } @keyframes popupOut_flipScale { from { opacity: 1; transform: scale(1) rotateY(0); } to { opacity: 0; transform: scale(0.5) rotateY(95deg); } } /* Popup: X butonu – popup-modal-body’nin sağ üst köşesine hizalı */ .modall .popup-close { position: absolute !important; top: 8px !important; right: 8px !important; display: inline-flex !important; align-items: center; justify-content: center; width: 48px; height: 48px; min-width: 48px; min-height: 48px; padding: 0; margin: 0; border: none; border-radius: 50%; color: #ffffff !important; background: transparent; font-size: 38px; font-weight: 600; line-height: 1; cursor: pointer; z-index: 10002 !important; visibility: visible !important; opacity: 1 !important; transition: transform 0.35s ease, opacity 0.2s ease; -webkit-tap-highlight-color: transparent; text-shadow: 0 1px 3px rgba(0,0,0,0.8), 0 0 1px rgba(0,0,0,0.9); } .modall .popup-close:hover, .modall .popup-close:focus { color: #ffffff !important; opacity: 1 !important; transform: rotate(90deg); outline: none; text-decoration: none; } /* Popup: içerik alanı – padding sadece ayarlardan (inline), X butonu buna göre konumlanır */ .popup-modal-body { position: relative; flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; } .popup-modal-body .popup-img { width: 100%; height: auto; max-height: 70vh; object-fit: contain; display: block; vertical-align: middle; } .popup-modal-body-embed iframe { max-width: 100%; width: 100%; min-height: 200px; } /* Popup: footer eski yapıda (body dışında), Tekrar Gösterme butonu body içinde ve body’ye hizalı */ .popup-modal-footer { /* footer div eski konumda bırakıldı, içi boş olabilir */ } /* Tekrar Gösterme butonu body içinde – body’nin sağ alt köşesine hizalı */ .popup-modal-body .popup-btn-noshow { position: absolute !important; bottom: 8px !important; right: 8px !important; z-index: 2; } .popup-btn-noshow, .noshow { display: inline-block; padding: 10px 18px; border: none; border-radius: 6px; color: #fff; background: #18bcc7; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.2s, opacity 0.2s; -webkit-tap-highlight-color: transparent; box-shadow: 0 2px 6px rgba(0,0,0,0.15); } .popup-btn-noshow:hover, .popup-btn-noshow:focus, .noshow:hover, .noshow:focus { opacity: 0.92; outline: none; } /* Popup sarmalayıcı – padding ayarlardan (inline style) gelir, burada ekstra yok */ .popup-modal-wrap.modal-contentt { display: flex; flex-direction: column; max-height: 90vh; } /* Mobil popup */ @media screen and (max-width: 600px) { .modal-contentt { width: 94% !important; max-width: 94%; margin: 5% auto !important; max-height: 88vh; } .popup-modal-body { padding-top: 16px; padding-bottom: 48px; } .modall .popup-close { top: 8px !important; right: 8px !important; width: 44px; height: 44px; min-width: 44px; min-height: 44px; font-size: 32px; } .popup-modal-body .popup-img { max-height: 60vh; } .popup-btn-noshow, .noshow { padding: 12px 16px; font-size: 13px; } } /* Liste Dikey için stil tanımlamaları */ ul.mfb-component--br > li, ul.mfb-component--br ul li { display: block; float: none; clear: both; } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } 50% { transform: scale(1.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); } 100% { transform: scale(1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } } .pulse { animation: pulse 1.5s infinite ease-in-out; } /* SweetAlert Font Size Düzeltmeleri */ .swal2-popup .swal2-title { font-size: 1.75rem !important; font-weight: 600 !important; line-height: 1.4 !important; } .swal2-popup .swal2-content, .swal2-popup .swal2-html-container { font-size: 1.15rem !important; line-height: 1.6 !important; color: #3F4254 !important; } .swal2-popup .swal2-html-container { font-size: 1.15rem !important; } .swal2-popup .swal2-styled { font-size: 1rem !important; padding: 0.625rem 1.5rem !important; } .swal2-popup { font-size: 1rem !important; }