
/* ==========================================================================   EMCARE TEKSTİL - ANA İSKELET VE YERLEŞİM MOTORU (styles.css)   ========================================================================== *//* 1. GLOBAL KUTU MODELİ VE GÖRÜNMEZ TETİKLEYİCİLER */*, *::before, *::after {  box-sizing: border-box;  margin: 0;  padding: 0;}.emcare-checkbox {  display: none ;  visibility: hidden ;  position: absolute ;  opacity: 0 ;  pointer-events: none ;}.clearer {  clear: both;}/* 2. GENEL DÜZEN VE DEĞİŞKENLER */:root {  --content-max-width: 1200px;  --logo-text-1: "FIRMA";  --logo-text-2: "ADINIZ";  --logo-url: "https://emcaretekstil.com/";  --logo-img: url('https://emcaretekstil.com/elektromanyetik-radyasyon-images/emcare-logolar/emcare-logo-beyaz-link.png');  --social-instagram: "https://instagram.com/emcaretekstil";  --social-linkedin: "https://www.linkedin.com/company/emcaretekstil";  --social-facebook: "https://facebook.com/emcaretekstil";  --banner-img: url('');  --banner-iframe: none;   --banner-title: "Elektromanyetik Radyasyon\A Koruyucu Tekstil Ürünleri";  --banner-desc: "İleri teknoloji koruyucu tekstil ve EMF kalkanlama çözümleri.\A Antistatik, Hijyenik, İzoterm ürünler";  --banner-btn-text: "Ürünleri Keşfet";   --banner-btn-url: "/emr-tuketici/urunler.html";}html, body {   width: 100% ;   max-width: 100% ;   overflow-x: hidden ; }.menu-spacer {  width: 100% ;  height: 60px ;}body {   padding-top: 0px;     text-shadow: 0.5px 1px 2px rgba(0, 0, 0, 0.3);    font-weight: 400;    -moz-osx-font-smoothing: grayscale;    -webkit-font-smoothing: antialiased;   }html, body, p, span, h1, h2, h3, h4, h5, h6, a, li, button, input, textarea, div {   font-family: 'Poppins', sans-serif ; }h1, h2, h3, h4, h5, h6 {   font-weight: 600;  text-align: left !important;  text-align-last: left !important;  text-wrap: balance; /* Başlıkların dengeli bölünmesini sağlar */}body a, body a:visited, body a:hover, body a:focus, body a:active {  text-decoration: none ;   border-bottom: none ;   box-shadow: none ; }.fas, .fa-solid { font-family: "Font Awesome 6 Free" ; font-weight: 900 ; }.fab, .fa-brands { font-family: "Font Awesome 6 Brands" ; font-weight: 400 ; }/* 3. ÜST SABİT NAVİGASYON BARI */#emcare-wrap {   position: fixed ;   top: 0 ;   left: 0 ;   width: 100% ;   height: 60px ;   backdrop-filter: blur(4px) ;   -webkit-backdrop-filter: blur(4px) ;   z-index: 9999 ; }.emcare-bar {   width: 100% ;   height: 60px ;   padding: 0 20px ;   display: flex ;   justify-content: space-between ;   align-items: center ;   position: relative ; }.emcare-brand-area {   display: flex ;   align-items: center ;   height: 100% ;   flex-shrink: 0 ; }.emcare-brand-link {  display: inline-flex ;   align-items: center ;   height: 100% ;   text-decoration: none ; }.emcare-logo-text {   font-size: 20px ;   font-weight: 700 ;   white-space: nowrap ;   display: inline-flex ;   align-items: center ;   gap: 6px ;   transition: color 0.15s ease ; }.emcare-logo-img {  max-height: 38px ;   width: auto ;   object-fit: contain ;   display: none; }/* 4. MASAÜSTÜ MENÜ YAPISI (993px ve Üzeri) */@media screen and (min-width: 993px) {  .emcare-burger { display: none ; }  .emcare-menu { display: flex ; align-items: center ; height: 100% ; }  .emcare-menu > ul {     list-style: none ;     display: flex ;     flex-direction: row ;     align-items: center ;     gap: 0px ;     height: 100% ;     margin: 0 ;     padding: 0 ;   }  .emcare-menu > ul > li {     display: inline-flex ;     align-items: center ;     position: relative ;     height: 100% ;     margin: 0 ;     padding: 0 ;   }  .emcare-menu > ul > li > a {     display: inline-flex ;     align-items: center ;     gap: 0px ;     font-size: 14px ;     font-weight: 500 ;     padding: 8px 12px ;     border-radius: 4px ;     white-space: nowrap ;     text-decoration: none ;     transition: color 0.15s ease, background-color 0.15s ease ;   }  .emcare-menu > ul > li > a i,  .emcare-menu > ul > li > a svg { margin-right: 6px ; }  .emcare-menu li:has(ul) > a::after {     content: "\f0d7" ;     font-family: "Font Awesome 6 Free" ;     font-weight: 900 ;     font-size: 18px ;     margin-left: 6px ;     display: inline-block ;   }      .emcare-menu li:has(ul):hover > a::after {    transform: rotate(180deg);  }    .emcare-menu li ul {     display: none ;     position: absolute ;     top: 100% ;     left: 0 ;     min-width: 200px ;     width: max-content ;     height: auto ;     backdrop-filter: blur(6px) ;     -webkit-backdrop-filter: blur(6px) ;     border-radius: 4px ;     padding: 6px 0 ;     margin: 0 ;     list-style: none ;     flex-direction: column ;     align-items: stretch ;     gap: 0 ;     z-index: 1000 ;     box-shadow: 0 10px 25px rgba(0,0,0,0.5) ;   }  .emcare-menu li:hover > ul { display: flex ; }  .emcare-menu li ul li { width: 100% ; display: block ; margin: 0 ; padding: 0 ; }  .emcare-menu li ul a {     width: 100% ;     display: flex ;     align-items: center ;     gap: 8px ;     padding: 10px 18px ;     border-radius: 0 ;     font-size: 13px ;     font-weight: 500 ;     white-space: nowrap ;     transition: color 0.15s ease, background-color 0.15s ease ;   }  .emcare-menu li ul a::after { display: none ; }  .emcare-menu > ul > li:last-child > a { font-weight: 600 ; margin-left: 6px ; }}/* 5. MOBİL MENÜ YAPISI (992px ve Altı) */@media screen and (max-width: 992px) {  .emcare-burger {     display: flex ;     cursor: pointer ;     flex-direction: column ;     justify-content: center ;     align-items: center ;     gap: 5px ;     height: 44px ;     width: 44px ;     padding: 10px ;     z-index: 10001 ;     margin: 0 ;   }  .emcare-burger span {     display: block ;     width: 24px ;     height: 2.5px ;     border-radius: 2px ;     transition: transform 0.25s ease, opacity 0.25s ease ;   }  .emcare-checkbox:checked ~ .emcare-burger span:nth-child(1),  .emcare-burger.open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg) ; }  .emcare-checkbox:checked ~ .emcare-burger span:nth-child(2),  .emcare-burger.open span:nth-child(2) { opacity: 0 ; }  .emcare-checkbox:checked ~ .emcare-burger span:nth-child(3),  .emcare-burger.open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg) ; }  .emcare-menu {     display: none ;     position: fixed ;     top: 60px ;     left: 0 ;     right: 0 ;     width: 100% ;     height: auto ;     max-height: calc(100vh - 80px) ;     overflow-y: auto ;     overflow-x: hidden ;     backdrop-filter: blur(4px) ;     -webkit-backdrop-filter: blur(4px) ;     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5) ;     z-index: 10000 ;     padding: 14px 0 24px 0 ;   }  .emcare-checkbox:checked ~ .emcare-menu,   .emcare-menu.menu-open { display: block ; }  .emcare-menu ul, .emcare-menu > ul {     display: flex ;     flex-direction: column ;     align-items: stretch ;     width: 100% ;     height: auto ;     padding: 0 ;     margin: 0 ;     list-style: none ;     background: transparent ;   }  .emcare-menu li, .emcare-menu > ul > li {     display: flex ;     flex-direction: column ;     align-items: stretch ;     width: 100% ;     height: auto ;     margin: 0 ;     padding: 0 ;     border: none ;     position: static ;   }  .emcare-menu a, .emcare-menu > ul > li > a {     display: flex ;     align-items: center ;     justify-content: flex-start ;     gap: 0px ;     width: 100% ;     height: auto ;     padding: 10px 24px ;     font-size: 15px ;     font-weight: 500 ;     white-space: normal ;     border-radius: 0 ;     transition: background-color 0.15s ease, color 0.15s ease ;   }  .emcare-menu a i, .emcare-menu a svg, .emcare-menu a .fas, .emcare-menu a .fab {    margin-right: 8px ;    width: 18px ;    text-align: center ;    flex-shrink: 0 ;  }  .emcare-menu li:has(ul) > a::after {     content: "\f0d7" ;     font-family: "Font Awesome 6 Free" ;     font-weight: 900 ;     font-size: 18px ;     margin-left: auto ;     display: inline-block ;   }  .emcare-menu li ul, .emcare-menu li:hover > ul {     display: none ; /* flex yaparsan alt menuler açık gelir */    position: static ;     width: 100% ;     height: auto ;     padding: 0 ;     margin: 0 ;     list-style: none ;     flex-direction: column ;     box-shadow: none ;     border: none ;   }  .emcare-menu li.is-open > ul, /* sonradan ekledik. tüm menu açık olsun istilorsar sil */  .emcare-menu li:hover > ul { /* sonradan ekledik. tüm menu açık olsun istilorsar sil */    display: flex ;  }  .emcare-menu li ul a {     padding: 8px 24px 8px 44px ;     font-size: 13.5px ;     opacity: 0.88;   }  .emcare-menu li ul a::after { display: none ; }  .emcare-menu ul:first-child > li:last-child {     display: flex ;     justify-content: center ;     align-items: center ;     padding: 18px 24px 6px 24px ;     border: none ;   }  .emcare-menu ul:first-child > li:last-child > a {     width: auto ;     min-width: 180px ;     max-width: 240px ;     text-align: center ;     justify-content: center ;     margin: 0 ;     padding: 10px 24px ;     font-size: 14px ;     font-weight: 600 ;     border-radius: 4px ;   }}/* ==========================================================================   EMCARE THEME - 2. SEVİYE DROPDOWN (KENDİ HİZASINDAN BAŞLAYAN TAM KOD)   ========================================================================== *//* 1. MASAÜSTÜ (993px ve Üzeri) */@media screen and (min-width: 993px) {  /* Üzerine gelinen satırı referans noktası yapma */  .emcare-menu li ul li {    position: relative !important;  }  /* 2. Dropdown Kutusu (Tam o satırın üst hizasından sağa açılır) */  .emcare-menu li ul li ul {    display: none;    position: absolute !important;    top: 0 !important;             /* Kendi menü satırının üst hizasından başlar */    left: 100% !important;         /* Sağa doğru açılır */    min-width: 200px;    margin-left: 1px;  }  /* Satırın üzerine gelindiğinde açılması */  .emcare-menu li ul li:hover > ul {    display: flex !important;  }  /* 2. Menüsü olan satırın sonuna sağ ok simgesi ekleme */  .emcare-menu li ul li:has(ul) > a::after {    content: "\f0da" !important;   /* Font Awesome sağ ok ikonu */    font-family: "Font Awesome 6 Free";    font-weight: 900;    font-size: 18px;    margin-left: auto;    display: inline-block;  }}/* 2. MOBİL (992px ve Altı) */@media screen and (max-width: 992px) {  .emcare-menu li ul li:hover > ul,  .emcare-menu li ul li.is-open > ul {    display: flex !important;  }  /* Mobilde 2. alt menü linklerinin daha içeriden (girintili) başlaması */  .emcare-menu li ul li ul a {    padding-left: 64px !important;    font-size: 13px !important;    opacity: 0.8 !important;  }.emcare-menu li ul li:has(ul) > a::after {    content: "\f0da" !important;   /* Font Awesome sağ ok ikonu */    font-family: "Font Awesome 6 Free";    font-weight: 900;    font-size: 18px;    margin-left: auto;    display: inline-block;  }}/* ==========================================================================   EMCARE THEME - GOOGLE TRANSLATE MENÜ İSKELETİ   ========================================================================== */  body > .skiptranslate > iframe.skiptranslate {      display: none !important;      visibility: hidden !important;}  div#google_translate_element div.goog-te-gadget-simple img:nth-of-type(1) {  display:none;}/* Google Translate Motorunun Görsel Öğelerini Gizleme */#google_translate_hidden, .goog-te-banner-frame.skiptranslate, .goog-te-banner-frame, #goog-gt-tt, .goog-te-balloon-frame {     display: none !important; }body { top: 0px !important; }/* RapidWeaver'ın menüde oluşturduğu taşıyıcı linki nötrleme */.emcare-menu li:has(#google_translate_element) > a,.emcare-menu a:has(#google_translate_element) {    padding: 0 !important;    margin: 0 !important;    background: transparent !important;    border: none !important;    box-shadow: none !important;    display: inline-flex !important;    align-items: center !important;    height: 100% !important;}/* 1. MASAÜSTÜ YERLEŞİMİ (993px ve Üzeri) */@media screen and (min-width: 993px) {    .rw-lang-wrapper {        position: relative;        display: inline-flex;        align-items: center;        height: 100%;    }    /* "Dili Seçin" Buton Yapısı */    .rw-lang-btn {        display: inline-flex;        align-items: center;        gap: 6px;        font-family: 'Poppins', sans-serif;        font-size: 14px;        font-weight: 500;        padding: 8px 12px;        border-radius: 4px;        white-space: nowrap;        background: transparent;        border: none;        cursor: pointer;        outline: none;        transition: color 0.15s ease, background-color 0.15s ease;    }    .rw-lang-btn .rw-arrow {        font-size: 18px;/*        transition: transform 0.2s ease;  */    }    .rw-lang-wrapper:hover .rw-arrow {        transform: rotate(180deg);    }    /* Buzlu Cam Efektli Dropdown Kutusu */    .rw-lang-dropdown {        display: none ;         position: absolute ;         top: 100% ;         left: 0 ;         min-width: 200px ;         width: max-content ;         height: auto ;         backdrop-filter: blur(6px) ;         -webkit-backdrop-filter: blur(6px) ;         border-radius: 4px ;         padding: 6px 0 ;         margin: 11px ;         list-style: none ;         flex-direction: column ;         align-items: stretch ;         gap: 0 ;         z-index: 1000 ;         box-shadow: 0 10px 25px rgba(0,0,0,0.5) ;        }    /* Fare aşağı inerken menünün kapanmasını önleyen görünmez köprü */    .rw-lang-dropdown::before {        content: "";        position: absolute;        top: -10px;        left: 0;        right: 0;        height: 10px;        background: transparent;    }    .rw-lang-wrapper:hover .rw-lang-dropdown {        display: flex;    }    /* Dil Seçenek Satırları */    .rw-lang-item {        width: 100%;        display: flex;        align-items: center;        gap: 8px;        padding: 10px 18px;        border-radius: 0;        font-family: 'Poppins', sans-serif;        font-size: 13px;        font-weight: 500;        white-space: nowrap;        background: transparent;        text-decoration: none;        cursor: pointer;        transition: color 0.15s ease, background-color 0.15s ease;    }}/* 2. MOBİL YERLEŞİM (992px ve Altı) */@media screen and (max-width: 992px) {    .rw-lang-wrapper {        width: 100%;        display: flex;        flex-direction: column;    }    .rw-lang-btn {        width: 100%;        display: flex;        align-items: center;        justify-content: flex-start;        gap: 0px;        padding: 10px 24px;        font-family: 'Poppins', sans-serif;        font-size: 15px;        font-weight: 500;        background: transparent;        border: none;        cursor: pointer;    }    .rw-lang-btn .rw-arrow {        margin-left: auto;        font-size: 16px;    }    .rw-lang-dropdown {        display: none;        position: static;        width: 100%;        background: transparent !important;        border: none;        box-shadow: none;        backdrop-filter: none;        -webkit-backdrop-filter: none;        padding: 0;        flex-direction: column;    }    .rw-lang-wrapper.is-open .rw-lang-dropdown {        display: flex;    }    .rw-lang-item {        padding: 8px 24px 8px 44px;        font-size: 13.5px;        opacity: 0.88;        cursor: pointer;        display: block;        background: transparent;        text-decoration: none;    }        .rw-lang-wrapper:hover .rw-lang-dropdown,    #google_translate_element:hover .rw-lang-dropdown,    .emcare-menu li:hover .rw-lang-dropdown {      display: flex !important;    }            /* 1. Kapsayıcı liste, link ve div elemanlarını tam genişliğe yayma */    .emcare-menu li:has(#google_translate_element),    .emcare-menu li:has(#google_translate_element) > a,    #google_translate_element,    .rw-lang-wrapper {      width: 100% !important;      min-width: 0 !important;      max-width: none !important;      display: flex !important;      flex-direction: column !important;    }        /* 2. "Dili Seçin" butonunu tüm satıra yayma */    .rw-lang-btn {      width: 100% !important;      display: flex !important;      justify-content: space-between !important;    }}/* 6. BANNER ALANI */.banner-section {   width: 100% ;   max-width: 100% ;   min-height: 180px;   aspect-ratio: 1200 / 344;   position: relative;   overflow: hidden;   display: flex ;   align-items: flex-start;   justify-content: flex-start;   margin: 0 ;   padding: 0 ;   background-color: #111111;  border-bottom: 1px solid rgba(0,0,0,0.85) ;}.banner-iframe {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   border: 0;   z-index: 1;   display: none; }.banner-bg {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background-image: var(--banner-img);   background-repeat: no-repeat;   background-position: 25% center;   background-size: cover;   animation: bannerZoom 18s ease-in-out infinite alternate;   will-change: transform;   z-index: 1; }.banner-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: url("https://www.emcaretekstil.com/elektromanyetik-radyasyon-images/emcare-banners/dotoverlay1.png") right bottom repeat;   z-index: 2;   pointer-events: none ; }.banner-content {   position: relative;   z-index: 3;   display: flex;   flex-direction: column;   align-items: flex-start;   text-align: left;   gap: 0px;   padding: 15px 20px ; }.banner-title {   font-size: clamp(1.2rem, 3.4vw, 3.6rem);   font-weight: 800;   line-height: 1.25;    text-shadow: 0 2px 4px rgba(0,0,0,0.8), 0 4px 12px rgba(0,0,0,0.7);  text-align: left;  color: #ffffff;}.banner-desc {   font-size: clamp(0.9rem, 1.3vw, 1.25rem);   font-weight: 400;  line-height: 1.3;   max-width: 650px;   margin: 4px 0 0px 0;   text-shadow: 0 2px 4px rgba(0,0,0,0.8), 0 4px 12px rgba(0,0,0,0.7);   text-align: left;  color: #ffffff;}.banner-btn {   margin-top: 10px;  font-size: clamp(0.85rem, 1.1vw, 1.1rem);   padding: 8px 24px;   border-radius: 10px;   font-weight: 600;   border: none;   transition: background-color 0.2s ease, color 0.2s ease ;}@keyframes bannerZoom {   0% { transform: scale(1); }   100% { transform: scale(1.08); } }@media screen and (max-width: 768px) {   .banner-title {    font-size: clamp(1.15rem, 5vw, 1.6rem);    margin-bottom: 6px;  }  .banner-desc { display: none ; }   .banner-btn { display: none ; }  .banner-overlay { display: none ; }}/* 7. İÇERİK (MAIN) VE KUTULAR (SEO UYUMLU FONT ÖLÇEĞİ) */main.site-main {   width: 100% ;   max-width: var(--content-max-width, 1200px) ;   margin: 0 auto ;   padding: 20px 20px ;  font-size: clamp(14px, 1.2vw, 15px);   line-height: 1.2;   text-align: justify;  text-align-last: left;  text-wrap: pretty;  word-break: normal;  overflow-wrap: break-word;  -webkit-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}main.site-main:empty {  display: none !important;}/* 1. DIŞ KUTU: Arka plan rengi ekranı boydan boya (%100) kaplar, sıfır boşluk */#myContent1, #myContent2, #myContent3, #myContent4, #myContent5,#myContent6, #myContent7, #myContent8, #myContent9, #myContent10 {  width: 100% !important;  max-width: 100% !important;  margin: 0 !important;  padding: 0 !important;}/* 2. İÇERİK: Paneldeki 1200px değerini alır, ekranın ortasına gelir ve 20px pay bırakır */#myContent1 > *, #myContent2 > *, #myContent3 > *, #myContent4 > *, #myContent5 > *,#myContent6 > *, #myContent7 > *, #myContent8 > *, #myContent9 > *, #myContent10 > * {  width: 100%;  max-width: var(--content-max-width, 1200px); /* Page Styles'taki piksel değerine bağlanır */  margin: 0 auto !important; /* Ortalar */  padding: 20px;  box-sizing: border-box;  font-size: clamp(14px, 1.2vw, 15px);  line-height: 1.2;  text-align: justify;  text-align-last: left;  text-wrap: pretty;  word-break: normal;  overflow-wrap: break-word;  -webkit-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}/* İçi boş olan kutular sayfada yer kaplamasın */#myContent1:empty, #myContent2:empty, #myContent3:empty, #myContent4:empty, #myContent5:empty,#myContent6:empty, #myContent7:empty, #myContent8:empty, #myContent9:empty, #myContent10:empty {  display: none !important;}/* İkon hizalamaları */[id^="myContent"] i, [id^="myContent"] svg {  padding: 0;   margin: 0;   line-height: 1;   font-size: 100%;   display: inline;   text-align: center; }p {  text-align: justify;  text-align-last: left;  hyphens: auto;  -webkit-hyphens: auto;  text-wrap: pretty;  overflow-wrap: break-word;}/* Span'ların satır kırma dengesini bozmasını engeller */p span {  display: inline !important;  white-space: normal !important;  text-align: inherit;}/* 8. FOOTER YERLEŞİMİ */.site-footer {   padding: 16px 10px ; }.site-footer .container {  max-width: var(--content-max-width, 1200px) ; }#footerLogoArea {  display: inline-flex ;  align-items: center ;}.footer-brand-link {  display: inline-flex ;   align-items: center ;   height: 100% ;   text-decoration: none ; }.footer-logo-text {   font-size: 20px ;   font-weight: 700 ;   white-space: nowrap ;   display: inline-flex ;   align-items: center ;   gap: 0px ;   transition: color 0.15s ease ; }.footer-logo-img {  max-height: 38px ;   width: auto ;   object-fit: contain ;   display: none ; }.footer-site-title {  font-size: 0.85rem;  font-weight: 500;  line-height: 1.2;  color: #ffffff;  margin: 0;  letter-spacing: 0.2px;  display: none;}.footer-site-slogan {  font-size: 0.85rem;  font-weight: 400;  line-height: 1.3;  color: #adb5bd;  margin: 0;}.site-footer .footer-contact-link,.site-footer .footer-dynamic-html a {  text-decoration: none ; }.footer-social-btn {   display: inline-flex;   align-items: center;   justify-content: center;   width: 38px;   height: 38px;   border-radius: 50%;   background-color: rgba(254,153,153, 0.8);   color: #ffffff ;   transition: background-color 0.2s ease, transform 0.2s ease; }.footer-social-btn:hover {  transform: translateY(-2px);}.site-footer .container > div:first-child {  margin-bottom: 0px !important;}.site-footer h6, .site-footer h2 {  margin-bottom: 0 !important;}.footer-dynamic-html p {  margin-bottom: 0 !important;}/* ==========================================================================   EMCARE THEME - DİNAMİK RENK MOTORU (colourtag.css)   ========================================================================== */:root {--banner-title-color: #FFFFFF;--banner-desc-color: #FFFFFF;--banner-btn-text-color: #FFFFFF;--banner-btn-text-hover-color: #FFFFFF;--banner-btn-bg-color: color-mix(in srgb, #FE6666 70%, transparent);--banner-btn-bg-hover-color: color-mix(in srgb, #FE3333 70%, transparent);/* Menü Link Renk Değişkenleri */--nav-link-color: #E5E5E5;--nav-link-hover-color: #FE3333;--nav-link-hover-bg: color-mix(in srgb, #FE3333 12%, transparent);--nav-link-active-color: #FE9999;--nav-link-active-bg: color-mix(in srgb, #FE9999 12%, transparent);}html, body {background-color: #DEDEDE ;color: #212529 ;}.menu-spacer {background-color: #111111 ;}/* ANA İÇERİK BAŞLIKLARI */.site-main h1 { color: #111111 ; }.site-main h2 { color: #111111 ; }.site-main h3 { color: #111111 ; }.site-main h4 { color: #111111 ; }.site-main h5 { color: #111111 ; }.site-main h6 { color: #111111 ; }/* Link Renkleri */.site-main a:not(.banner-section a),.site-main a:not(.banner-section a):visited, .site-main a:not(.banner-section a):active {color: #990000 ;}.site-main a:not(.banner-section a):hover,.site-main a:not(.banner-section a):focus {color: #FF3333 ;}/* ÜST BAR, LOGO VE MENÜ */#emcare-wrap {background-color: rgba(0, 0, 0, 0.75) ;background-color: color-mix(in srgb, #000000 75%, transparent) ;border-bottom: 1px solid rgba(255, 255, 255, 0.12) ;}.emcare-logo-text { color: #FFFFFF ; }.emcare-logo-text .logo-accent { color: #FE9999 ; }.emcare-brand-link:hover .emcare-logo-text,.emcare-brand-link:hover .emcare-logo-text .logo-accent {color: #FE3333 ;}/* Masaüstü Menü */.emcare-menu > ul > li > a {color: #E5E5E5 ;}.emcare-menu > ul > li > a:hover {color: #FE3333 ;background-color: rgba(254, 51, 51, 0.12) ;background-color: color-mix(in srgb, #FE3333 12%, transparent) ;}.emcare-menu > ul > li > a.current,.emcare-menu > ul > li > a.currentAncestor {color: #FE9999 ;background-color: rgba(254, 153, 153, 0.12) ;background-color: color-mix(in srgb, #FE9999 12%, transparent) ;}@media screen and (min-width: 993px) {.emcare-menu li ul {background-color: rgba(0, 0, 0, 0.75) ;background-color: color-mix(in srgb, #000000 75%, transparent) ;border: 1px solid rgba(255, 255, 255, 0.12) ;}.emcare-menu li ul a { color: #E5E5E5 ; }.emcare-menu li ul a:hover {color: #FE3333 ;background-color: rgba(254, 51, 51, 0.12) ;background-color: color-mix(in srgb, #FE3333 12%, transparent) ;}.emcare-menu li ul a.current,.emcare-menu li ul a.currentAncestor {color: #FE9999 ;background-color: rgba(254, 153, 153, 0.12) ;background-color: color-mix(in srgb, #FE9999 12%, transparent) ;}}/* Menü Sipariş Butonu */.emcare-menu > ul > li:last-child > a {background-color: #FE3333 ;color: #FFFFFF ;}.emcare-menu > ul > li:last-child > a:hover {background-color: color-mix(in srgb, #FE3333 80%, black) ;color: #FFFFFF ;}/* Mobil Menü */@media screen and (max-width: 992px) {.emcare-burger span { background-color: #E5E5E5 ; }.emcare-menu {background-color: rgba(0, 0, 0, 0.75) ;background-color: color-mix(in srgb, #000000 75%, transparent) ;border-bottom: 1px solid rgba(255, 255, 255, 0.12) ;}.emcare-menu a { color: #E5E5E5 ; }.emcare-menu a:hover {color: #FE3333 ;background-color: rgba(254, 51, 51, 0.12) ;background-color: color-mix(in srgb, #FE3333 12%, transparent) ;}.emcare-menu a.current,.emcare-menu a.currentAncestor { color: #FE9999 ; background-color: transparent ;}.emcare-menu li ul a { color: #E5E5E5 ; }.emcare-menu li ul a:hover {color: #FE3333 ;background-color: rgba(254, 51, 51, 0.12) ;background-color: color-mix(in srgb, #FE3333 12%, transparent) ;}.emcare-menu li ul a.current,.emcare-menu li ul a.currentAncestor { color: #FE9999 ; background-color: transparent ;}.emcare-menu ul:first-child > li:last-child > a {background-color: #FE3333 ;color: #FFFFFF ;box-shadow: 0 4px 12px color-mix(in srgb, #FE3333 35%, transparent) ;}.emcare-menu ul:first-child > li:last-child > a:hover {background-color: color-mix(in srgb, #FE3333 80%, black) ;color: #FFFFFF ;}}/* BANNER ELEMAN RENKLERİ */.banner-title { color: var(--banner-title-color, #ffffff) ; }.banner-desc { color: var(--banner-desc-color, #ffffff) ; }.banner-btn {color: var(--banner-btn-text-color, #ffffff) ;background-color: var(--banner-btn-bg-color, rgba(255, 0, 0, 0.5));}.banner-btn:hover {color: var(--banner-btn-text-hover-color, #ffffff) ;background-color: var(--banner-btn-bg-hover-color, rgba(150, 0, 0, 0.5));}/* --------------------------------------------------------------------------   5. MYContent KUTU (MYC) RENKLERİ (H1 - H6 AYRI AYRI)   -------------------------------------------------------------------------- *//* KUTU 1 (myc1) */#myContent1 {background-color: #555555 ;color: #DEDEDE ;}#myContent1 h1 {color: #FE9999 ;}#myContent1 h2 {color: #FE9999 ;}#myContent1 h3 {color: #FE9999 ;}#myContent1 h4 {color: #FE9999 ;}#myContent1 h5 {color: #FE9999 ;}#myContent1 h6 {color: #990000 ;}#myContent1 a {color: #FE9999 ;}#myContent1 a:hover {color: #FFFFFF ;}/* KUTU 2 (myc2) */#myContent2 {background-color: #CCCCCB ;color: #555555 ;}#myContent2 h1 {color: #FE3333 ;}#myContent2 h2 {color: #FE3333 ;}#myContent2 h3 {color: #FE3333 ;}#myContent2 h4 {color: #FE3333 ;}#myContent2 h5 {color: #FE3333 ;}#myContent2 h6 {color: #FE3333 ;}#myContent2 a {color: #FE3333 ;}#myContent2 a:hover {color: #111111 ;}/* KUTU 3 (myc3) */#myContent3 {background-color: #EBEBEB ;color: #555555 ;}#myContent3 h1 {color: #FE3333 ;}#myContent3 h2 {color: #FE3333 ;}#myContent3 h3 {color: #FE3333 ;}#myContent3 h4 {color: #FE3333 ;}#myContent3 h5 {color: #FE3333 ;}#myContent3 h6 {color: #FE3333 ;}#myContent3 a {color: #FE3333 ;}#myContent3 a:hover {color: #111111 ;}/* KUTU 4 (myc4) */#myContent4 {background-color: #FFFFFF ;color: #333333 ;}#myContent4 h1 {color: #FE3333 ;}#myContent4 h2 {color: #FE3333 ;}#myContent4 h3 {color: #FE3333 ;}#myContent4 h4 {color: #FE3333 ;}#myContent4 h5 {color: #FE3333 ;}#myContent4 h6 {color: #FE3333 ;}#myContent4 a {color: #FE3333 ;}#myContent4 a:hover {color: #111111 ;}/* KUTU 5 (myc5) */#myContent5 {background-color: #F8F9FA ;color: #333333 ;}#myContent5 h1 {color: #FE3333 ;}#myContent5 h2 {color: #FE3333 ;}#myContent5 h3 {color: #FE3333 ;}#myContent5 h4 {color: #FE3333 ;}#myContent5 h5 {color: #FE3333 ;}#myContent5 h6 {color: #FE3333 ;}#myContent5 a {color: #FE3333 ;}#myContent5 a:hover {color: #111111 ;}/* KUTU 6 (myc6) */#myContent6 {background-color: #DEDEDE ;color: #555555 ;}#myContent6 h1 {color: #FE3333 ;}#myContent6 h2 {color: #FE3333 ;}#myContent6 h3 {color: #FE3333 ;}#myContent6 h4 {color: #FE3333 ;}#myContent6 h5 {color: #FE3333 ;}#myContent6 h6 {color: #FE3333 ;}#myContent6 a {color: #FE3333 ;}#myContent6 a:hover {color: #111111 ;}/* KUTU 7 (myc7) */#myContent7 {background-color: #E0E0E0 ;color: #444444 ;}#myContent7 h1 {color: #FE3333 ;}#myContent7 h2 {color: #FE3333 ;}#myContent7 h3 {color: #FE3333 ;}#myContent7 h4 {color: #FE3333 ;}#myContent7 h5 {color: #FE3333 ;}#myContent7 h6 {color: #FE3333 ;}#myContent7 a {color: #FE3333 ;}#myContent7 a:hover {color: #111111 ;}/* KUTU 8 (myc8) */#myContent8 {background-color: #CCCCCC ;color: #333333 ;}#myContent8 h1 {color: #FE3333 ;}#myContent8 h2 {color: #FE3333 ;}#myContent8 h3 {color: #FE3333 ;}#myContent8 h4 {color: #FE3333 ;}#myContent8 h5 {color: #FE3333 ;}#myContent8 h6 {color: #FE3333 ;}#myContent8 a {color: #FE3333 ;}#myContent8 a:hover {color: #111111 ;}/* KUTU 9 (myc9) */#myContent9 {background-color: #BDBDBD ;color: #222222 ;}#myContent9 h1 {color: #FE3333 ;}#myContent9 h2 {color: #FE3333 ;}#myContent9 h3 {color: #FE3333 ;}#myContent9 h4 {color: #FE3333 ;}#myContent9 h5 {color: #FE3333 ;}#myContent9 h6 {color: #FE3333 ;}#myContent9 a {color: #FE3333 ;}#myContent9 a:hover {color: #111111 ;}/* KUTU 1 (myc1) */#myContent10 {background-color: #212529 ;color: #F8F9FA ;}#myContent10 h1 {color: #FE9999 ;}#myContent10 h2 {color: #FE9999 ;}#myContent10 h3 {color: #FE9999 ;}#myContent10 h4 {color: #FE9999 ;}#myContent10 h5 {color: #FE9999 ;}#myContent10 h6 {color: #FE9999 ;}#myContent10 a {color: #FE9999 ;}#myContent10 a:hover {color: #FFFFFF ;}/* FOOTER */.site-footer {background-color: #1A1E21 ;color: #ADB5BD ;}.site-footer h5, .site-footer h6, .site-footer h2 {color: #FFFFFF ;}.site-footer p, .site-footer .text-secondary, .site-footer .small {color: #ADB5BD ;}.site-footer .footer-contact-link,.site-footer .footer-dynamic-html a {color: #FB9998 ;transition: color 0.15s ease;}.site-footer .footer-contact-link:hover,.site-footer .footer-dynamic-html a:hover {color: #FF3333 ;}.footer-social-btn:hover {background-color: #FE3333 ;color: #ffffff ;}.footer-brand-link .logo-accent {color: #FE9999;transition: color 0.2s ease;}.footer-brand-link .logo-main {color: #FFFFFF;transition: color 0.2s ease;}.footer-brand-link:hover .logo-accent,.footer-brand-link:hover .logo-main {color: #FF3333;}/* ==========================================================================   GOOGLE TRANSLATE DİNAMİK RENK KURALLARI   ========================================================================== *//* 1. "Dili Seçin" Buton Rengi */.rw-lang-btn {color: #E5E5E5 !important;}/* 2. "Dili Seçin" Butonu Üzerine Gelindiğinde (Hover) */.rw-lang-btn:hover,.rw-lang-wrapper:hover .rw-lang-btn {color: #FE3333 !important;background-color: color-mix(in srgb, #FE3333 12%, transparent) !important;}/* 3. Açılır Menü (Dropdown) Zemin Rengi (Buzlu Cam / Yarı Saydam Uyumlu) */@media screen and (min-width: 993px) {.rw-lang-dropdown {background-color: color-mix(in srgb, #000000 80%, transparent) !important;}}/* 4. Dil Listesi Seçenek Yazı Rengi */.rw-lang-item {color: #E5E5E5 !important;}/* 5. Dil Listesi Seçenek Üzerine Gelindiğinde (Hover) Yazı ve Zemin Rengi */.rw-lang-item:hover {color: #FE3333 !important;background-color: color-mix(in srgb, #FE3333 12%, transparent) !important;}.banner-bg {display: block !important;}.banner-iframe {display: none !important;}:root {--btn-target: "_self";}.emcare-logo-text {display: none !important;}.emcare-logo-img {display: inline-block !important;}.footer-logo-text {display: inline-flex !important;}.footer-logo-img {display: none !important;}:root {	--logo-text-1: "EMCARE";	--logo-text-2: "TEKSTİL";	--logo-url: "https://emcaretekstil.com/";}