/* utils */ .size-11 { font-size:11px !important; line-height:15px !important; } .size-12 { font-size:12px !important; line-height:16px !important; } .size-13 { font-size:13px !important; line-height:17px !important; } .size-14 { font-size:14px !important; line-height:18px !important; } .size-15 { font-size:15px !important; line-height:19px !important; } .size-16 { font-size:16px !important; line-height:20px !important; } .size-17 { font-size:17px !important; line-height:23px !important; } .size-18 { font-size:18px !important; line-height:24px !important; } .size-19 { font-size:19px !important; line-height:25px !important; } .size-20 { font-size:20px !important; line-height:26px !important; } .size-25 { font-size:25px !important; line-height:30px !important; } .size-30 { font-size:30px !important; line-height:36px !important; } .size-40 { font-size:40px !important; line-height:46px !important; } .size-50 { font-size:50px !important; line-height:56px !important; } .size-60 { font-size:60px !important; line-height:66px !important; } .size-70 { font-size:70px !important; line-height:76px !important; } .size-80 { font-size:80px !important; line-height:86px !important; } .size-90 { font-size:90px !important; line-height:96px !important; } .size-100 { font-size:100px !important; line-height:106px !important; } .size-150 { font-size:150px !important; line-height:166px !important; } .size-200 { font-size:200px !important; line-height:216px !important; } .weight-300 { font-weight:300 !important; } .weight-400 { font-weight:400 !important; } .weight-500 { font-weight:500 !important; } .weight-600 { font-weight:600 !important; } .weight-700 { font-weight:700 !important; } .weight-800 { font-weight:800 !important; } .width-10 { width:10px !important; } .width-20 { width:20px !important; } .width-30 { width:30px !important; } .width-40 { width:40px !important; } .width-50 { width:50px !important; } .width-100 { width:100px !important; } .width-150 { width:150px !important; } .width-200 { width:200px !important; } .width-250 { width:250px !important; } .width-300 { width:300px !important; } .width-350 { width:350px !important; } .width-400 { width:400px !important; } .width-450 { width:450px !important; } .width-500 { width:500px !important; } .width-550 { width:550px !important; } .width-600 { width:600px !important; } .width-650 { width:650px !important; } .width-700 { width:700px !important; } .width-750 { width:750px !important; } .width-800 { width:800px !important; } .height-10 { height:10px !important; } .height-20 { height:20px !important; } .height-30 { height:30px !important; } .height-50 { height:50px !important; } .height-100 { height:100px !important; } .height-150 { height:150px !important; } .height-200 { height:200px !important; } .height-250 { height:250px !important; } .height-300 { height:300px !important; } .height-350 { height:350px !important; } .height-400 { height:400px !important; } .height-450 { height:450px !important; } .height-500 { height:500px !important; } .height-550 { height:550px !important; } .height-600 { height:600px !important; } .height-650 { height:650px !important; } .height-700 { height:700px !important; } .height-750 { height:750px !important; } .height-800 { height:800px !important; } .padding-0 { padding:0 !important; } .padding-3 { padding:3px !important; } .padding-6 { padding:6px !important; } .padding-8 { padding:8px !important; } .padding-10 { padding:10px !important; } .padding-15 { padding:15px !important; } .padding-20 { padding:20px !important; } .padding-30 { padding:30px !important; } .padding-40 { padding:40px !important; } .padding-50 { padding:50px !important; } .padding-60 { padding:60px !important; } .padding-70 { padding:70px !important; } .padding-80 { padding:80px !important; } .padding-90 { padding:90px !important; } .padding-100 { padding:100px !important; } .padding-top-0 { padding-top:0 !important; } .padding-top-10 { padding-top:10px !important; } .padding-top-15 { padding-top:15px !important; } .padding-top-20 { padding-top:20px !important; } .padding-top-30 { padding-top:30px !important; } .padding-top-40 { padding-top:40px !important; } .padding-top-50 { padding-top:50px !important; } .padding-top-60 { padding-top:60px !important; } .padding-top-80 { padding-top:80px !important; } .padding-top-100 { padding-top:100px !important; } .padding-top-130 { padding-top:130px !important; } .padding-top-150 { padding-top:150px !important; } .padding-top-180 { padding-top:180px !important; } .padding-top-200 { padding-top:200px !important; } .padding-bottom-0 { padding-bottom:0 !important; } .padding-bottom-10 { padding-bottom:10px !important; } .padding-bottom-15 { padding-bottom:15px !important; } .padding-bottom-20 { padding-bottom:20px !important; } .padding-bottom-30 { padding-bottom:30px !important; } .padding-bottom-40 { padding-bottom:40px !important; } .padding-bottom-50 { padding-bottom:50px !important; } .padding-bottom-60 { padding-bottom:60px !important; } .padding-bottom-80 { padding-bottom:80px !important; } .padding-bottom-100 { padding-bottom:100px !important; } .padding-bottom-130 { padding-bottom:130px !important; } .padding-bottom-150 { padding-bottom:150px !important; } .padding-bottom-180 { padding-bottom:180px !important; } .padding-bottom-200 { padding-bottom:200px !important; } .margin-top-0 { margin-top:0 !important; } .margin-top-1 { margin-top:1px !important; } .margin-top-2 { margin-top:2px !important; } .margin-top-3 { margin-top:3px !important; } .margin-top-6 { margin-top:6px !important; } .margin-top-8 { margin-top:8px !important; } .margin-top-10 { margin-top:10px !important; } .margin-top-20 { margin-top:20px !important; } .margin-top-30 { margin-top:30px !important; } .margin-top-40 { margin-top:40px !important; } .margin-top-50 { margin-top:50px !important; } .margin-top-60 { margin-top:60px !important; } .margin-top-80 { margin-top:80px !important; } .margin-top-100 { margin-top:100px !important; } .margin-top-130 { margin-top:130px !important; } .margin-top-150 { margin-top:150px !important; } .margin-top-180 { margin-top:180px !important; } .margin-top-200 { margin-top:200px !important; } .margin-bottom-0 { margin-bottom:0 !important; } .margin-bottom-1 { margin-bottom:1px !important; } .margin-bottom-2 { margin-bottom:2px !important; } .margin-bottom-3 { margin-bottom:3px !important; } .margin-bottom-6 { margin-bottom:6px !important; } .margin-bottom-8 { margin-bottom:8px !important; } .margin-bottom-10 { margin-bottom:10px !important; } .margin-bottom-20 { margin-bottom:20px !important; } .margin-bottom-30 { margin-bottom:30px !important; } .margin-bottom-40 { margin-bottom:40px !important; } .margin-bottom-50 { margin-bottom:50px !important; } .margin-bottom-60 { margin-bottom:60px !important; } .margin-bottom-80 { margin-bottom:80px !important; } .margin-bottom-100 { margin-bottom:100px !important; } .margin-bottom-130 { margin-bottom:130px !important; } .margin-bottom-150 { margin-bottom:150px !important; } .margin-bottom-180 { margin-bottom:180px !important; } .margin-bottom-200 { margin-bottom:200px !important; } .margin-left-0 { margin-left:0 !important; } .margin-left-3 { margin-left:3px !important; } .margin-left-6 { margin-left:6px !important; } .margin-left-8 { margin-left:8px !important; } .margin-left-10 { margin-left:10px !important; } .margin-left-15 { margin-left:15px !important; } .margin-left-20 { margin-left:20px !important; } .margin-left-30 { margin-left:30px !important; } .margin-left-40 { margin-left:40px !important; } .margin-left-50 { margin-left:50px !important; } .margin-left-60 { margin-left:60px !important; } .margin-left-80 { margin-left:80px !important; } .margin-left-100 { margin-left:100px !important; } .margin-left-130 { margin-left:130px !important; } .margin-left-150 { margin-left:150px !important; } .margin-left-180 { margin-left:180px !important; } .margin-left-200 { margin-left:200px !important; } .margin-left-250 { margin-left:250px !important; } .margin-left-300 { margin-left:300px !important; } .margin-right-0 { margin-right:0 !important; } .margin-right-3 { margin-right:3px !important; } .margin-right-6 { margin-right:6px !important; } .margin-right-8 { margin-right:8px !important; } .margin-right-10 { margin-right:10px !important; } .margin-right-15 { margin-right:15px !important; } .margin-right-20 { margin-right:20px !important; } .margin-right-30 { margin-right:30px !important; } .margin-right-40 { margin-right:40px !important; } .margin-right-50 { margin-right:50px !important; } .margin-right-60 { margin-right:60px !important; } .margin-right-80 { margin-right:80px !important; } .margin-right-100 { margin-right:100px !important; } .margin-right-130 { margin-right:130px !important; } .margin-right-150 { margin-right:150px !important; } .margin-right-180 { margin-right:180px !important; } .margin-right-200 { margin-right:200px !important; } .margin-right-250 { margin-right:250px !important; } .margin-right-300 { margin-right:300px !important; } .line-height-0 { line-height:0 !important; } .line-height-10 { line-height:10px !important; } .line-height-20 { line-height:20px !important; } .line-height-30 { line-height:30px !important; } .line-height-40 { line-height:40px !important; } .line-height-50 { line-height:50px !important; } .line-height-60 { line-height:60px !important; } .line-height-70 { line-height:70px !important; } .line-height-80 { line-height:80px !important; } .line-height-90 { line-height:90px !important; } .line-height-100 { line-height:100px !important; } .nopadding { padding:0 !important; } .nopadding-left { padding-left:0 !important; } .nopadding-right { padding-right:0 !important; } .nopadding-top { padding-top:0 !important; } .nopadding-bottom { padding-bottom:0 !important; } .nomargin { margin:0 !important; } .nomargin-left { margin-left:0 !important; } .nomargin-right { margin-right:0 !important; } .nomargin-top { margin-top:0 !important; } .nomargin-bottom { margin-bottom:0 !important; } .noborder { border:0 !important; } .noborder-left { border-left:0 !important; } .noborder-right { border-right:0 !important; } .noborder-top { border-top:0 !important; } .noborder-bottom { border-bottom:0 !important; } .nobg { background:transparent; } .lowercase { text-transform:lowercase; } .uppercase { text-transform:uppercase; } .noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; } .font-style-italic { font-style:italic; } .font-style-normal { font-style:normal; } .pointer { cursor:pointer; } .block { display:block !important; } .block-inline { display:inline-block !important; } .inline-block { display:inline-block !important; } .bold { font-weight:bold !important; } .fullwidth { width:100% !important; max-width:100% !important; } .halfwidth { width:50% !important; } .justify { text-align:justify; } .relative { position:relative; } .absolute { position:absolute !important; top:0; left:0; right:0; bottom:0; } .text-left { text-align:left !important; } .text-right { text-align:right !important; } .noshadow { box-shadow:none; text-shadow:none; } .nofloat { float:none !important; } .display-table { display:table; width:100%; height:100%; position:relative; z-index:99; } .display-table-cell { display:table-cell; width:100%; height:100%; } .vertical-align-middle { vertical-align:middle; } .txt-no-decoration { text-decoration:none !important; } .softhide { display:none; } img.pull-left { margin:0 20px 10px 0; } img.pull-right { margin:0 0 10px 20px; } ul>li>i { margin-right:10px; } .no-text-underline, .no-text-decoration { text-decoration:none; } .line-through { text-decoration: line-through; } video.fullvideo { width:100%; height:100%; } .btn-custom { background-color: #eb073e !important; border-color: #eb073e #eb073e #eb073e !important; color: #FFF !important; --color: #eb073e !important; --hover: #eb073e !important; --disabled: #eb073e !important; --active: #eb073e !important; } .btnturuncu { color: #eb073e !important; } .teklifal { color:#fff; } .social-icons li.teklifal a { border-radius : 0 !important; color:#fff !important; padding: 0 10px 0 10px; } .more-about { margin-top:130px; } .list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child { color: #FFF; border-color: #FFF; } .divider { margin: 20px auto; } .altTuruncuBaslik { color:#ff290b; } h4.card-title { color:#ff290b; } .urunAdi { color: #3F3329; font-size: 50px!important; line-height:70px !important; } .gribaslik { color: #727271 !important; } .urunbg { min-height: 770px; padding: 14% 0; } .urunbg blockquote { background-color:#ff290b; padding:20px; color:#fff; } .urunbg blockquote p { color:#fff; font-size:22px; line-height:30px; } section h2 { color:#000; text-align:left; padding-top:20px; } html section.section-secondary h1, html section.section-secondary h2, html section.section-secondary h3, html section.section-secondary h4, html section.section-secondary h5, html section.section-secondary h6 { color: #000; } .referansimage { filter: grayscale(100%); } .referansimage:hover { filter: grayscale(0%); } .custom-cards .cards-container { position: absolute; top: -40%; left: 0; } .list.list-icons.list-icons-sm li { padding-left: 0px !important; padding-right:0px !important; } .anasayfacard {} .table > thead > tr > th.warning { background-color: #ff290b; } .table > thead > tr > th.dark { background-color: #010144; } .text-bluetooth { color:#2546e9!important; } .custom-cards .cards-container .card { min-height: 0px; } #footer ul li { padding-left: 10px !important; } .cards-medical-services { text-align:center; } .more-about { background-image: url("/uploads/galeri/Solion_Lityum_Aku_20220923145403621kbzagryrom.jpg"); } .card-body { min-height:97px; } .kelime a { color:#9fa1af !important; } .kelime { color:#9fa1af !important; } .w-auto { width: auto !important; HEIGHT: fit-content !important; MARGIN: auto !important; padding-left:20PX; } section.anasayfa { background: #1a1a1a; } .seotags a { color:#777; font-size:12px; font-style:italic; margin-bottom:20px; } .seotags { padding-bottom:20px; } .owl-carousel { display: block; margin-bottom: 0px; opacity: 0; } html .btn-primary { border-color: #0F153C #0F153C #1249de; color: #FFF; --color: #0F153C; --hover: #5782f2; --disabled: #0F153C; --active: #124dea; } .menubefore:before { background: #000 !important; opacity: 0.1 !important; } .menubefore:after { background: #000 !important; opacity: 0.1 !important; } .btnkoleksiyonmenu { color: #fff !important; } .btnkoleksiyonmenu:hover { background:#0F153C !important; color:#fff !important; } /*.koleksiyonaust { height:100%; width:100px; z-index:100; } */ #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top-color: #fff!important; } .urunozelik h3 { text-align:center; } .urunozelik h3 { font-size:12px; color:#777; } @media (min-width: 100px) { .anasayfacard { display:none!important; } .more-about { margin-top: 0px;} .d-sm-block {display: block!important;} .flexyok { display:contents!important; } .flexyok .counter {margin-right:30px;} .urunbg { min-height:500px !important; padding: 48% 0 0 0; background-repeat: no-repeat !important; background-size: 100% !important; } } @media (min-width: 768px) { .anasayfacard { display:block!important; } .more-about {margin-top: 130px;} .flexyok { display:flex!important; } .flexyok .counter {margin-right:none;} .urunbg { min-height:770px !important; padding: 14% 0 0 0; background-repeat: no-repeat !important; background-size: cover !important; } } @media (min-width: 992px) { #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border-bottom: 1px solid #f7f7f7; color: #777; font-size: 0.83em; font-weight: 400; padding: 6px 35px 6px 18px; position: relative; text-transform: none; text-decoration: none; letter-spacing: -0.5px; } /* Header Classic Layout Fixes */ #header .header-column.justify-content-end .header-row.pt-3 { display: flex !important; align-items: center !important; flex-wrap: nowrap; gap: 0; justify-content: flex-end; } #header .header-nav-top { display: inline-flex; align-items: center; margin-right: 0; } #header .header-nav-features { display: inline-flex !important; align-items: center !important; margin-left: 10px; padding-left: 20px; } #header .header-logo { display: flex; align-items: center; padding: 0; } #header .header-logo img { max-width: 100%; height: auto; display: block; } #header .header-column { display: flex; align-items: center; } #header .header-social-icons { list-style: none; padding: 0; margin: 0; display: inline-flex; align-items: center; gap: 10px; } @media (max-width: 991px) { #header .header-column.justify-content-end .header-row.pt-3 { flex-wrap: wrap; gap: 10px; } #header .header-nav-top { width: 100%; } #header .header-nav-features { width: auto; margin-left: 0; padding-left: 0; } } /* Tema Renk Güncellemesi - #3F3329 */ :root { --primary: #3F3329 !important; } ::-moz-selection { background: #3F3329 !important; } ::selection { background: #3F3329 !important; } a { color: #3F3329 !important; } a:hover { color: #5a4a3c !important; } a:focus { color: #5a4a3c !important; } html .text-color-primary, html .text-primary { color: #3F3329 !important; } html .text-color-hover-primary:hover, html .text-hover-primary:hover { color: #5a4a3c !important; } html .btn-primary { background-color: #3F3329 !important; border-color: #3F3329 !important; color: #FFF !important; } html .btn-primary:hover { background-color: #5a4a3c !important; border-color: #5a4a3c !important; } html .svg-fill-color-primary { fill: #3F3329 !important; } html .svg-fill-color-primary svg path, html .svg-fill-color-primary svg rect, html .svg-fill-color-primary svg line, html .svg-fill-color-primary svg polyline, html .svg-fill-color-primary svg polygon { fill: #3F3329 !important; } /* Footer Stilleri - KALDIRILDI - Mobil stillerle aynı olması için */ .social-icons li a { transition: all 0.2s ease; border-radius: 100%; display: block; height: 28px; line-height: 28px; width: 28px; text-align: center; color: #333; text-decoration: none; font-size: 12.8px; font-size: 0.8rem; } .social-icons li:hover a i{ color: #FFF !important; } /* Header Menü Hover Override - RecMenu Hover: Arkaplan #3F3329, Yazı #FFFEF2 */ #header .header-nav-main nav > ul > li:hover > a, #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li.accessibility-open > a { background-color: #3F3329 !important; color: #FFFEF2 !important; } /* Header Menü Alt Border - Mavi yerine #3F3329 */ #header .header-nav-main nav > ul > li.dropdown:hover > a:before, #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before { border-bottom-color: #3F3329 !important; } /* Header Nav Line - Alt çizgi rengi */ #header .header-nav.header-nav-line nav > ul > li > a:before, #header .header-nav.header-nav-line nav > ul > li:hover > a:before, #header .header-nav.header-nav-line nav > ul > li.open > a:before, #header .header-nav.header-nav-line nav > ul > li.active > a:before { background-color: #3F3329 !important; border-bottom-color: #3F3329 !important; } /* Header Nav Bottom Line */ #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li.open > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li.active > a:before { background-color: #3F3329 !important; } /* Header Nav Top Line */ #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li:hover > a:before { background-color: #3F3329 !important; } /* Header Dropdown Menü Hover */ #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus { background-color: rgba(63, 51, 41, 0.1) !important; color: #3F3329 !important; } /* Header Dropdown Modern Hover */ #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a:hover, #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a:active { background-color: rgba(63, 51, 41, 0.1) !important; color: #3F3329 !important; } /* Header Nav Top Hover - Video linkleri için beyaz */ #header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a:focus, #header .header-nav-top .nav > li > a:hover i, #header .header-nav-top .nav > li > a:focus i, #header .header-nav-top .nav > li > a:hover [class*="fa-"], #header .header-nav-top .nav > li > a:focus [class*="fa-"] { color: #FFF !important; } /* Header Nav Features Hover */ #header .header-nav-features .header-nav-features-toggle:hover, #header .header-nav-features .header-nav-features-toggle:focus { color: #3F3329 !important; } /* Dropdown Mega Hover */ #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:active > a, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:focus > a { color: #3F3329 !important; } /* Header Menü Alt Border - Mavi yerine #3F3329 */ #header .header-nav-main nav > ul > li.dropdown:hover > a:before, #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before { border-bottom-color: #3F3329 !important; } /* Header Nav Line - Alt çizgi rengi */ #header .header-nav.header-nav-line nav > ul > li > a:before, #header .header-nav.header-nav-line nav > ul > li:hover > a:before, #header .header-nav.header-nav-line nav > ul > li.open > a:before, #header .header-nav.header-nav-line nav > ul > li.active > a:before { background-color: #3F3329 !important; border-bottom-color: #3F3329 !important; } /* Header Nav Bottom Line */ #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li.open > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li.active > a:before { background-color: #3F3329 !important; } /* Header Nav Top Line */ #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li:hover > a:before { background-color: #3F3329 !important; } /* Header Nav Links - Alt Border */ #header .header-nav.header-nav-links nav > ul > li > a:before, #header .header-nav.header-nav-links nav > ul > li:hover > a:before, #header .header-nav.header-nav-links nav > ul > li.open > a:before, #header .header-nav.header-nav-links nav > ul > li.active > a:before { background-color: #3F3329 !important; border-bottom-color: #3F3329 !important; } /* Dropdown Menü Üst Border */ #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top-color: #3F3329 !important; } } /* Tüm Mavi Hover Renklerini #3F3329 ile Değiştir - Global Override */ /* Header Menü Hover - RecMenu Hover: Arkaplan #3F3329, Yazı #FFFEF2 */ #header .header-nav-main nav > ul > li:hover > a, #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li.accessibility-open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a { background-color: #3F3329 !important; color: #FFFEF2 !important; } /* Aktif Menü Öğeleri - Hover Gibi Görünsün */ #header .header-nav-main nav > ul > li.active > a, #header .header-nav-main nav > ul > li.active:hover > a, #header .header-nav-main nav > ul > li.active.open > a, #header .header-nav-main nav > ul > li.active.dropdown > a, #header .header-nav-main nav > ul > li > a.active { background-color: #3F3329 !important; color: #FFFEF2 !important; } /* Aktif Dropdown Menü Öğeleri */ #header .header-nav-main nav > ul > li.dropdown.active > a, #header .header-nav-main nav > ul > li.dropdown.active:hover > a, #header .header-nav-main nav > ul > li.dropdown.active.open > a { background-color: #3F3329 !important; color: #FFFEF2 !important; } /* Header Menü Alt Border - Global Override (Tüm durumlar için) */ #header .header-nav-main nav > ul > li.dropdown:hover > a:before, #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-main nav > ul > li:hover > a:before { border-bottom-color: #3F3329 !important; background-color: #3F3329 !important; } /* Header Nav Line ve Links - Alt çizgi border rengi */ #header .header-nav nav > ul > li > a:before, #header .header-nav nav > ul > li:hover > a:before, #header .header-nav nav > ul > li.open > a:before, #header .header-nav nav > ul > li.active > a:before { background-color: #3F3329 !important; border-bottom-color: #3F3329 !important; } /* Header Dropdown Menü Item Hover */ #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover { background-color: rgba(63, 51, 41, 0.1) !important; color: #3F3329 !important; } /* Tüm Primary Color Hover Override */ [class*="text-color-hover-primary"]:hover, [class*="text-hover-primary"]:hover, [class*="hover-primary"]:hover { color: #5a4a3c !important; } /* Background hover - primary color override */ [class*="bg-hover-primary"]:hover, [class*="background-hover-primary"]:hover { background-color: rgba(63, 51, 41, 0.1) !important; } /* Button hover override - mavi yerine kahverengi */ .btn:hover:not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info), .btn:focus:not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info) { background-color: #3F3329 !important; border-color: #3F3329 !important; color: #FFF !important; } .btn-primary:hover, .btn-primary:focus { background-color: #5a4a3c !important; border-color: #5a4a3c !important; color: #FFF !important; } /* Link hover override - mavi yerine kahverengi */ a:hover:not(.btn):not(.no-hover-override), .link-hover-style-1:hover, .link-hover-style-2:hover, [href]:hover { color: #5a4a3c !important; } /* Tüm mavi hex renk kodlarını override et */ [style*="#0088CC"]:hover, [style*="#0088cc"]:hover, [style*="rgb(0, 136, 204)"]:hover, [style*="rgb(0,136,204)"]:hover { background-color: rgba(63, 51, 41, 0.1) !important; color: #3F3329 !important; } /* Randevu Link ve Buton Stilleri - WhatsApp Yeşili */ /* Desktop - Header Nav Top'taki Randevu Linki */ #header .header-nav-top .randevu-link { background-color: #25D366 !important; color: #FFF !important; border-radius: 25px !important; padding: 6px 16px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; text-decoration: none !important; font-weight: 500 !important; transition: all 0.3s ease !important; margin-right: 10px !important; } #header .header-nav-top .randevu-link:hover, #header .header-nav-top .randevu-link:hover *, #header .header-nav-top .randevu-link:focus, #header .header-nav-top .randevu-link:focus * { background-color: #128C7E !important; color: #FFF !important; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3) !important; } /* Üstteki Randevu Linki Hover Rengini Koru - Beyaz Kalacak */ #header .header-nav-top .randevu-link, #header .header-nav-top .randevu-link i.fab { color: #FFF !important; } #header .header-nav-top .randevu-link:hover, #header .header-nav-top .randevu-link:hover i.fab, #header .header-nav-top .randevu-link:focus, #header .header-nav-top .randevu-link:focus i.fab, #header .header-nav-top .randevu-link:active, #header .header-nav-top .randevu-link:active i.fab { color: #FFF !important; background-color: #128C7E !important; } #header .header-nav-top .randevu-link i { font-size: 1.1em !important; } /* Üst Menüdeki Sosyal Medya İkonları - Hover'da Beyaz Yazı ve İkon - Tüm Durumlar */ #header .header-nav-top .header-social-icons.social-icons li:hover a, #header .header-nav-top .header-social-icons li a:hover, #header .header-nav-top .header-social-icons.social-icons li:hover a i, #header .header-nav-top .header-social-icons li a:hover i, #header .header-nav-top .header-social-icons li a:hover [class*="fa-"], #header .header-nav-top .header-social-icons li a:hover [class*="fab"], #header .header-nav-top .header-social-icons li a:hover [class*="fas"], #header .header-nav-top .header-social-icons li a:hover [class*="far"], #header .header-nav-top .header-social-icons li a:hover *, #header .header-nav-top .header-social-icons li:hover a, #header .header-nav-top .header-social-icons li:hover a i, #header .header-nav-top .header-social-icons li:hover a [class*="fa-"], #header .header-nav-top .header-social-icons li:hover a [class*="fab"], #header .header-nav-top .header-social-icons li:hover a [class*="fas"], #header .header-nav-top .header-social-icons li:hover a [class*="far"] { color: #FFF !important; } /* Tema CSS'inden gelen spesifik sosyal medya hover kurallarını override et - TÜM İKONLAR İÇİN */ #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-facebook a, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-facebook a i, #header .header-nav-top .header-social-icons li:hover.social-icons-facebook a, #header .header-nav-top .header-social-icons li:hover.social-icons-facebook a i, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-instagram a, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-instagram a i, #header .header-nav-top .header-social-icons li:hover.social-icons-instagram a, #header .header-nav-top .header-social-icons li:hover.social-icons-instagram a i, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-twitter a, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-twitter a i, #header .header-nav-top .header-social-icons li:hover.social-icons-twitter a, #header .header-nav-top .header-social-icons li:hover.social-icons-twitter a i, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-youtube a, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-youtube a i, #header .header-nav-top .header-social-icons li:hover.social-icons-youtube a, #header .header-nav-top .header-social-icons li:hover.social-icons-youtube a i, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-linkedin a, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-linkedin a i, #header .header-nav-top .header-social-icons li:hover.social-icons-linkedin a, #header .header-nav-top .header-social-icons li:hover.social-icons-linkedin a i, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-pinterest a, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-pinterest a i, #header .header-nav-top .header-social-icons li:hover.social-icons-pinterest a, #header .header-nav-top .header-social-icons li:hover.social-icons-pinterest a i, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-whatsapp a, #header .header-nav-top .header-social-icons.social-icons li:hover.social-icons-whatsapp a i, #header .header-nav-top .header-social-icons li:hover.social-icons-whatsapp a, #header .header-nav-top .header-social-icons li:hover.social-icons-whatsapp a i, #header .header-nav-top .header-social-icons.social-icons li:hover[class*="social-icons-"] a, #header .header-nav-top .header-social-icons.social-icons li:hover[class*="social-icons-"] a i, #header .header-nav-top .header-social-icons li:hover[class*="social-icons-"] a, #header .header-nav-top .header-social-icons li:hover[class*="social-icons-"] a i { color: #FFF !important; } /* Üst Menüdeki Nav Linkleri (Video vb.) - Hover'da Beyaz Yazı ve İkon */ #header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a:hover i, #header .header-nav-top .nav > li > a:focus, #header .header-nav-top .nav > li > a:focus i, #header .header-nav-top .nav > li > a:hover [class*="fa-"], #header .header-nav-top .nav > li > a:focus [class*="fa-"], #header .header-nav-top .nav > li > a:hover [class*="fab"], #header .header-nav-top .nav > li > a:focus [class*="fab"], #header .header-nav-top .nav > li > a:hover [class*="fas"], #header .header-nav-top .nav > li > a:focus [class*="fas"] { color: #FFF !important; } /* Üst Menüdeki Tüm Linkler - Hover'da Beyaz Yazı ve İkon */ #header .header-nav-top a:hover, #header .header-nav-top a:hover *, #header .header-nav-top a:focus, #header .header-nav-top a:focus *, #header .header-nav-top a:hover i, #header .header-nav-top a:focus i, #header .header-nav-top a:hover [class*="fa-"], #header .header-nav-top a:focus [class*="fa-"], #header .header-nav-top a:hover [class*="fab"], #header .header-nav-top a:focus [class*="fab"], #header .header-nav-top a:hover [class*="fas"], #header .header-nav-top a:focus [class*="fas"] { color: #FFF !important; } /* Mobil - Menü Solundaki Randevu Butonu - WhatsApp Yeşili */ #header .randevu-button-mobile { background-color: #25D366 !important; color: #FFF !important; border-radius: 25px !important; padding: 8px 16px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; text-decoration: none !important; font-weight: 500 !important; transition: all 0.3s ease !important; margin-right: 10px !important; font-size: 0.9em !important; white-space: nowrap !important; } #header .randevu-button-mobile:hover, #header .randevu-button-mobile:focus { background-color: #128C7E !important; color: #FFF !important; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3) !important; text-decoration: none !important; } #header .randevu-button-mobile i { font-size: 1.1em !important; } /* Mobil Header Nav için düzenleme */ /* Desktop'ta (768px ve üstü) randevu butonu gizli */ @media (min-width: 768px) { #header .randevu-button-mobile { display: none !important; } } /* 767px ve altında randevu butonu görünür - Normal Durum */ @media (max-width: 767px) { #header .header-nav { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; gap: 10px !important; width: 100% !important; } /* 767px ve altında randevu butonu görünür */ #header .randevu-button-mobile { display: inline-flex !important; align-items: center !important; margin-right: 10px !important; order: 1 !important; /* Sol tarafa yerleştir */ margin-right: auto !important; margin-left: 0 !important; flex-shrink: 0 !important; } #header .header-nav-main { order: 2 !important; /* Orta */ flex: 1 !important; } #header .header-btn-collapse-nav { order: 3 !important; /* Sağ tarafa yerleştir */ margin-left: auto !important; flex-shrink: 0 !important; } } @media (min-width: 1200px) { } @media (min-width: 1400px) { } /* Hamburger Menü - İkon Beyaz, Arkaplan Kahverengi */ #header .header-btn-collapse-nav { background-color: #3F3329 !important; border-color: #3F3329 !important; color: #FFF !important; border-radius: 4px !important; padding: 10px 15px !important; } #header .header-btn-collapse-nav i, #header .header-btn-collapse-nav i.fas, #header .header-btn-collapse-nav i.fa-bars { color: #FFF !important; fill: #FFF !important; } #header .header-btn-collapse-nav:hover, #header .header-btn-collapse-nav:focus { background-color: #5a4a3c !important; border-color: #5a4a3c !important; } #header .header-btn-collapse-nav:hover i, #header .header-btn-collapse-nav:focus i, #header .header-btn-collapse-nav:hover i.fas, #header .header-btn-collapse-nav:focus i.fas, #header .header-btn-collapse-nav:hover i.fa-bars, #header .header-btn-collapse-nav:focus i.fa-bars { color: #FFF !important; fill: #FFF !important; } /* Ana Menüde (RecKategori) Randevu Linkini Desktop'ta Gizle */ @media (min-width: 992px) { /* WhatsApp linki içeren menü item'larını gizle */ #header .header-nav-main nav > ul > li a[href*="wa.me"], #header .header-nav-main nav > ul > li a[href*="whatsapp"] { display: none !important; } /* Randevu içeren menü linklerini gizle - LayoutDataService'den gelen d-md-none class'ı ile birlikte çalışır */ #header .header-nav-main nav > ul > li.d-md-none { display: none !important; } } /* Sticky Header Durumunda Randevu Linklerini Yönet */ /* Sticky Header Aktif Olduğunda - Üst Menüdeki Randevu Linkini Gizle */ html.sticky-header-active #header .header-nav-top .randevu-link, html.sticky-header-active #header .header-nav-top .nav-item.nav-item-anim-icon { display: none !important; } /* Sticky Header Aktif Olduğunda - Ana Menü Yanındaki Randevu Linkini Göster (Desktop - 992px ve üstü) - WhatsApp Yeşili */ @media (min-width: 992px) { html.sticky-header-active #header .randevu-button-sticky { display: inline-flex !important; background-color: #25D366 !important; color: #FFF !important; border-radius: 25px !important; padding: 8px 16px !important; align-items: center !important; gap: 6px !important; text-decoration: none !important; font-weight: 500 !important; transition: all 0.3s ease !important; margin-right: 10px !important; font-size: 0.9em !important; white-space: nowrap !important; } html.sticky-header-active #header .randevu-button-sticky:hover, html.sticky-header-active #header .randevu-button-sticky:focus { background-color: #128C7E !important; color: #FFF !important; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3) !important; text-decoration: none !important; } html.sticky-header-active #header .randevu-button-sticky i { font-size: 1.1em !important; color: #FFF !important; } /* Sticky Header Durumunda Ana Menü Layout Düzenlemesi */ html.sticky-header-active #header .header-nav { display: flex !important; align-items: center !important; gap: 10px !important; } } /* 767px ve altında (Tablet ve Mobil) - Hem Normal Hem Sticky Durumda Randevu Linkini Göster */ @media (max-width: 767px) { /* Normal Durumda - randevu-button-mobile zaten görünür (d-md-none class'ı ile) */ /* Ekstra güvence için */ #header .randevu-button-mobile { display: inline-flex !important; } /* Sticky Header Aktif Olduğunda - Ana Menü Yanındaki Randevu Linkini Göster - WhatsApp Yeşili */ html.sticky-header-active #header .randevu-button-sticky { display: inline-flex !important; background-color: #25D366 !important; color: #FFF !important; border-radius: 25px !important; padding: 8px 16px !important; align-items: center !important; gap: 6px !important; text-decoration: none !important; font-weight: 500 !important; transition: all 0.3s ease !important; margin-right: 10px !important; font-size: 0.9em !important; white-space: nowrap !important; order: 1 !important; margin-right: auto !important; margin-left: 0 !important; flex-shrink: 0 !important; } html.sticky-header-active #header .randevu-button-sticky:hover, html.sticky-header-active #header .randevu-button-sticky:focus { background-color: #128C7E !important; color: #FFF !important; transform: translateY(-1px); box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3) !important; text-decoration: none !important; } html.sticky-header-active #header .randevu-button-sticky i { font-size: 1.1em !important; color: #FFF !important; } /* Sticky Header Durumunda Normal Randevu Butonunu Gizle */ html.sticky-header-active #header .randevu-button-mobile { display: none !important; } /* Sticky Header Durumunda Ana Menü Layout Düzenlemesi - 767px ve altı */ html.sticky-header-active #header .header-nav { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: nowrap !important; gap: 10px !important; width: 100% !important; } html.sticky-header-active #header .header-nav-main { order: 2 !important; flex: 1 !important; } html.sticky-header-active #header .header-btn-collapse-nav { order: 3 !important; margin-left: auto !important; flex-shrink: 0 !important; } } /* Ürün Detay Etiketler Card Border Kaldır */ .our-blog .card.etiketler-card { border: none !important; box-shadow: none !important; } /* =============================================== */ /* CUSTOM TAG LABEL - HOVER YOK, SADECE STATİK */ /* =============================================== */ /* Normal Durum - Tüm State'ler İçin Aynı Görünüm */ body a.custom-tag-label, body a.custom-tag-label:link, body a.custom-tag-label:visited, body a.custom-tag-label:active, body a.custom-tag-label:hover, body a.custom-tag-label:focus, html body a.custom-tag-label, html body a.custom-tag-label:hover, html body a.custom-tag-label:focus { background-color: #EBEAE9 !important; color: #3F3329 !important; padding: 0.35em 0.65em !important; font-size: 90% !important; border-radius: 0.25rem !important; text-decoration: none !important; display: inline-block !important; margin-right: 0.25rem !important; margin-bottom: 0.25rem !important; font-weight: 500 !important; outline: none !important; transition: none !important; transform: none !important; box-shadow: none !important; } /* =============================================== */ /* SECTION OVERRIDES */ /* =============================================== */ /* Section - Border Top Kaldır */ section.section { border-top: none !important; } /* =============================================== */ /* FOOTER STİLLERİ - KAHVERENGİ ARKAPLAN (MOBİL GİBİ) */ /* =============================================== */ /* Footer Kahverengi Arkaplan - Tüm Ekranlar */ #footer { background-color: #3F3329 !important; border-top-color: #3F3329 !important; } /* Footer Yazı Renkleri - Beyaz/Açık Renk */ #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p, #footer strong, #footer span, #footer li { color: #FFFEF2 !important; } /* Footer Link Renkleri */ #footer a:not(.btn) { color: #FFFEF2 !important; } #footer a:not(.btn):hover { color: #FFF !important; text-decoration: none !important; } #footer a:not(.btn):focus, #footer a:not(.btn):active { color: #FFF !important; } /* Footer Light Text Override */ #footer .text-color-light { color: #FFFEF2 !important; } #footer .text-color-light:hover { color: #FFF !important; } /* Footer List Icons */ #footer .list-icons li i { color: #FFFEF2 !important; border-color: #FFFEF2 !important; } /* Footer Copyright */ #footer .footer-copyright { background-color: rgba(0, 0, 0, 0.2) !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } #footer .footer-copyright.footer-copyright-style-2 { background-color: rgba(0, 0, 0, 0.2) !important; border-top-color: rgba(255, 255, 255, 0.1) !important; } #footer .footer-copyright p { color: #FFFEF2 !important; } /* Footer Link Hover Style */ #footer .link-hover-style-1 { color: #FFFEF2 !important; } #footer .link-hover-style-1:hover { color: #FFF !important; } /* =============================================== */ /* SCROLL TO TOP BUTTON - TEXT COLOR FIX */ /* =============================================== */ /* Scroll to Top Butonu - Beyaz Yazı (Tüm durumlar için) */ html .scroll-to-top, html .scroll-to-top:hover, html .scroll-to-top:focus, html .scroll-to-top:active, html .scroll-to-top.visible { color: #FFF !important; } html .scroll-to-top span, html .scroll-to-top:hover span, html .scroll-to-top:focus span, html .scroll-to-top:active span { color: #FFF !important; } /* =============================================== */ /* MODERN LIGHTBOX (MAGNIFIC POPUP) - CUSTOM STYLING */ /* =============================================== */ /* Lightbox Overlay - Koyu ve Modern */ .mfp-bg { background: #000 !important; opacity: 0.95 !important; } /* Lightbox Container */ .mfp-wrap { z-index: 1050 !important; } /* Lightbox Image */ .mfp-img { background: #000 !important; padding: 40px 0 !important; } .mfp-figure:after { box-shadow: 0 0 40px rgba(0, 0, 0, 0.8) !important; } /* Lightbox Navigation Arrows - Modern ve Büyük */ .mfp-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.1) !important; border: none !important; width: 60px !important; height: 60px !important; border-radius: 50% !important; transition: all 0.3s ease !important; opacity: 0.7 !important; } .mfp-arrow:hover { background: rgba(255, 255, 255, 0.2) !important; opacity: 1 !important; transform: translateY(-50%) scale(1.1) !important; } .mfp-arrow-left { left: 20px !important; } .mfp-arrow-right { right: 20px !important; } .mfp-arrow i { color: #FFF !important; font-size: 24px !important; } .mfp-arrow:before, .mfp-arrow:after { display: none !important; } /* Lightbox Close Button - Modern */ .mfp-close { color: #FFF !important; font-size: 32px !important; line-height: 32px !important; opacity: 0.7 !important; width: 44px !important; height: 44px !important; background: rgba(255, 255, 255, 0.1) !important; border-radius: 50% !important; transition: all 0.3s ease !important; } .mfp-close:hover { opacity: 1 !important; background: rgba(255, 255, 255, 0.2) !important; transform: rotate(90deg) !important; } /* Lightbox Bottom Bar (Counter, Title) */ .mfp-bottom-bar { margin-top: -36px !important; } .mfp-title { color: #FFF !important; font-size: 16px !important; padding-right: 36px !important; } .mfp-counter { color: #FFF !important; font-size: 14px !important; background: rgba(63, 51, 41, 0.8) !important; padding: 5px 15px !important; border-radius: 20px !important; position: absolute !important; top: 15px !important; right: 15px !important; } /* Lightbox Zoom Effect */ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.95; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /* Galeri Grid Hover Effect */ .img-thumbnail-hover-icon { position: relative; overflow: hidden; transition: all 0.3s ease; } .img-thumbnail-hover-icon:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .img-thumbnail-hover-icon:before { content: '\f00e'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); font-size: 32px; color: #FFF; background: rgba(63, 51, 41, 0.9); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; opacity: 0; z-index: 1; } .img-thumbnail-hover-icon:hover:before { transform: translate(-50%, -50%) scale(1); opacity: 1; } /* =============================================== */ /* ÜRÜN DETAY SAYFA BAŞLIKLARI - TYPOGRAPHY FIX */ /* =============================================== */ /* Ürün Detay Sayfası - Yazi2 İçindeki Başlıklar */ .main .card-body h2, .main .card-body h3, .main .card-body h4 { color: #3F3329 !important; font-family: "Poppins", Arial, sans-serif !important; line-height: 1.4 !important; margin-top: 1rem !important; margin-bottom: 0.3rem !important; text-transform: none !important; } .main .card-body h2 { font-size: 1.25rem !important; /* 20px */ font-weight: 500 !important; /* Medium - En kalın */ } .main .card-body h3 { font-size: 1.1rem !important; /* 17.6px */ font-weight: 400 !important; /* Normal - Bir tık kalın */ } .main .card-body h4 { font-size: 1rem !important; /* 16px */ font-weight: 300 !important; /* Light - İnce */ } /* Ürün Detay - Summary Entry (Ana içerik) */ .main .summary.entry-summary h2, .main .summary.entry-summary h3, .main .summary.entry-summary h4 { color: #3F3329 !important; font-family: "Poppins", Arial, sans-serif !important; line-height: 1.4 !important; margin-bottom: 0.3rem !important; text-transform: none !important; } .main .summary.entry-summary h2 { font-size: 1.25rem !important; font-weight: 500 !important; /* Medium - En kalın */ } .main .summary.entry-summary h3 { font-size: 1.1rem !important; font-weight: 400 !important; /* Normal - Bir tık kalın */ } .main .summary.entry-summary h4 { font-size: 1rem !important; font-weight: 300 !important; /* Light - İnce */ } /* İçerik Paragrafları - Tüm Alanlar */ .main .card-body p, .main .summary.entry-summary p, .main .container p, .main .container-fluid p { font-family: "Poppins", Arial, sans-serif !important; font-size: 1rem !important; font-weight: 300 !important; line-height: 1.7 !important; color: #333 !important; margin-bottom: 0.5rem !important; /* Küçük boşluk (~8px) */ } /* Liste Elemanları - Tüm Alanlar */ .main .card-body ul, .main .card-body ol, .main .summary.entry-summary ul, .main .summary.entry-summary ol, .main .container ul, .main .container ol { margin-bottom: 1rem !important; padding-left: 1.5rem !important; } .main .card-body li, .main .summary.entry-summary li, .main .container li { font-family: "Poppins", Arial, sans-serif !important; font-size: 1rem !important; font-weight: 300 !important; margin-bottom: 0.2rem !important; line-height: 1.5 !important; color: #333 !important; } /* Liste İçindeki Paragraflar - Boşluk Kaldır */ .main ul li p, .main ol li p { margin-bottom: 0 !important; margin-top: 0 !important; } /* Genel Kural - Tüm Ürün Detay İçeriği */ .main .container h2, .main .container-fluid h2 { color: #3F3329 !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.4 !important; margin-bottom: 0.3rem !important; text-transform: none !important; } .main .container h3, .main .container-fluid h3 { color: #3F3329 !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 1.1rem !important; font-weight: 400 !important; line-height: 1.4 !important; margin-bottom: 0.3rem !important; text-transform: none !important; } .main .container h4, .main .container-fluid h4 { color: #3F3329 !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 1rem !important; font-weight: 300 !important; line-height: 1.4 !important; margin-bottom: 0.3rem !important; text-transform: none !important; } /* =============================================== */ /* BLOG/HABER BAŞLIKLARI VE LİNKLER - BOLD */ /* =============================================== */ /* Blog/Haber Bölümü h3 Başlıkları - Bold */ .our-blog h3 { font-weight: bold !important; } /* Haber Kartlarındaki Başlıklar - Bold */ .our-blog .card-body h2, .our-blog .card-body h3, .our-blog .card-body h4, .our-blog .card-body h5 { font-weight: bold !important; } /* Haber Linkleri - Bold */ .our-blog a { font-weight: bold !important; } /* Anasayfa - Hizmetlerimiz ve Sanatçılarımız Başlıkları - BOLD ve ORTALANMIŞ */ .meet-doctors h2, .meet-doctors h3, section h2.text-capitalize, section h3.text-capitalize { font-weight: 700 !important; font-size: 1.75rem !important; text-align: center !important; } /* Anasayfa - SANATÇILARIMIZ ve HİZMETLERİMİZ Başlıkları - ORTALANMIŞ */ section.bg-color-light h2, section.meet-doctors h2 { text-align: center !important; width: 100% !important; } /* Haber Detay - Sağ Kolon Diğer Haberler */ .main .col-lg-3 h4 { font-weight: bold !important; margin-bottom: 1rem !important; } /* Diğer Haberler - UL Listesi - Sol Boşluğu Kaldır */ .main .col-lg-3 ul.list-unstyled { padding-left: 0 !important; margin-left: 0 !important; } .main .col-lg-3 .list-icons li, .main .col-lg-3 ul li { margin-bottom: 0.8rem !important; } .main .col-lg-3 .list-icons li a, .main .col-lg-3 ul li a { font-weight: 500 !important; font-size: 0.95rem !important; line-height: 1.4 !important; }