.main-menu-three__logo img{ width: 170px; } .sidebar-info-contents .logo img{ width: 200px; } .mobile-nav__content .logo-box img{ background: #fff; padding: 5px; border-radius: 10px; width: 200px; } p { margin: 10px 0; } .main-menu-three__call-sub-title { color: rgba(var(--mediplace-white-rgb), .90); } .about-three__right .section-title { margin-bottom: 12px; } .about-three__experience-box { position: absolute; top: 48px; left: -440px; transform: rotate(-90deg); background-color: var(--mediplace-base); text-align: center; max-width: 400px; width: 100%; padding: 12px 0 14px; mask: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='392' height='120' viewBox='0 0 392 120'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='392' height='120'/%3E%3C/svg%3E); --webkit-mask: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='392' height='120' viewBox='0 0 392 120'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='392' height='120'/%3E%3C/svg%3E); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: cover; mask-size: cover; display: flex; justify-content: center; align-content: space-between; align-items: center; } .about-three__experience-count { position: relative; display: inline-flex; align-items: center; justify-content: center; } .about-three__experience-count-text { font-size: 16px; color: var(--mediplace-white); font-weight: 600; text-transform: uppercase; display: inline-flex; margin: 0 0 0 20px; } .about-three__experience-count span { font-size: 40px; font-weight: 600; line-height: 60px; color: var(--mediplace-white); font-family: var(--mediplace-font); } .services-three__icon img { width: 100%; } .services-three__icon { position: relative; top: unset; left: unset; height: unset; width: 100%; border: unset; display: flex; align-items: center; justify-content: center; background-color: var(--mediplace-white); z-index: 2; } .services-three__single-inner { position: relative; display: block; background-color: var(--mediplace-white); padding: 15px 15px 15px; mask: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='424' height='315' viewBox='0 0 424 315'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='424' height='315'/%3E%3C/svg%3E); -webkit-mask: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='424' height='315' viewBox='0 0 424 315'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='424' height='315'/%3E%3C/svg%3E); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: cover; mask-size: cover; } .services-three__text { font-weight: 500; font-size: 14px; line-height: 24px; } .brand-one { position: relative; display: block; background-color: #000000a8; padding: 75px 0px 75px; z-index: 2; } .brand-one .section-title__tagline{ color: #fff; } .brand-one .section-title__title{ color: #fff; } .blog-three__img { position: relative; display: block; overflow: hidden; border-radius: 15px; margin-left: 0; } .blog-three__content { position: relative; display: block; padding: 30px 15px 40px; } .main-menu-three__nav-sidebar-icon { position: relative; display: block; margin-left: 0; } .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 25px; } .footer-widget__office-list li+li { margin-top: 14px; } .brand-one__carousel.owl-carousel .owl-item img { width: 100%; } .page-header__inner { position: relative; display: block; padding: 70px 0 30px; z-index: 1; text-align: center; } .page-header__inner h3 { font-size: 45px; color: var(--mediplace-white); line-height: 75px; font-weight: 700; margin-bottom: 17px; } .blower-section { --primary: #0f3d5e; --primary-dark: #0b2f49; --accent: #1d8cf8; --bg: #f4f7fb; --card: #ffffff; --text: #1f2937; --muted: #6b7280; --border: #e5e7eb; --shadow: 0 10px 30px rgba(15, 61, 94, 0.10); max-width: 1280px; margin: 0 auto 40px auto; padding: 0 24px 24px 24px; font-family: Arial, sans-serif; color: var(--text); } /* ========================= ATAK MOBILE HEADER ========================= */ :root{ --atak-primary: #0f172a; --atak-secondary: #1e293b; --atak-accent: #f59e0b; --atak-accent-2: #ffb703; --atak-text: #0b1324; --atak-muted: #64748b; --atak-white: #ffffff; --atak-soft: #f6f8fc; --atak-border: rgba(15, 23, 42, 0.08); --atak-shadow: 0 10px 30px rgba(2, 6, 23, 0.14); --atak-radius: 18px; } .atak-mobile-header{ position: sticky; top: 0; z-index: 9999; background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); border-bottom: 1px solid var(--atak-border); box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06); } .atak-mobile-header__top{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; } .atak-mobile-header__logo{ display: inline-flex; align-items: center; max-width: 150px; } .atak-mobile-header__logo img{ max-width: 100%; height: auto; display: block; } .atak-mobile-header__actions{ display: flex; align-items: center; gap: 8px; } .atak-mobile-header__icon{ width: 44px; height: 44px; border: 1px solid var(--atak-border); background: var(--atak-white); color: var(--atak-primary); border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05); transition: all .25s ease; text-decoration: none; font-size: 16px; } .atak-mobile-header__icon:hover{ transform: translateY(-2px); color: var(--atak-white); background: var(--atak-primary); } .atak-mobile-header__icon--call{ background: linear-gradient(135deg, var(--atak-accent), var(--atak-accent-2)); color: var(--atak-white); border-color: transparent; } .atak-mobile-header__menu-btn{ padding: 0; cursor: pointer; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } .atak-mobile-header__menu-btn span{ display: block; width: 18px; height: 2px; background: currentColor; border-radius: 20px; margin: 3px auto; } .atak-mobile-header__quicklinks{ display: flex; gap: 8px; overflow-x: auto; padding: 0 14px 12px; scrollbar-width: none; } .atak-mobile-header__quicklinks::-webkit-scrollbar{ display: none; } .atak-mobile-chip{ flex: 0 0 auto; padding: 9px 14px; border-radius: 999px; background: var(--atak-soft); border: 1px solid rgba(15, 23, 42, 0.06); color: var(--atak-text); font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; } .atak-mobile-chip--accent{ background: linear-gradient(135deg, var(--atak-accent), var(--atak-accent-2)); color: var(--atak-white); border-color: transparent; } /* Drawer */ .atak-mobile-drawer-overlay{ position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); opacity: 0; visibility: hidden; transition: .3s ease; z-index: 9998; } .atak-mobile-drawer{ position: fixed; top: 0; right: -100%; width: min(92vw, 380px); height: 100vh; background: var(--atak-white); z-index: 9999; box-shadow: -16px 0 40px rgba(2, 6, 23, 0.18); transition: right .35s ease; display: flex; flex-direction: column; } .atak-mobile-drawer.is-open{ right: 0; } .atak-mobile-drawer-overlay.is-open{ opacity: 1; visibility: visible; } .atak-mobile-drawer__head{ display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 18px 18px 14px; background: linear-gradient(160deg, var(--atak-primary), var(--atak-secondary)); color: var(--atak-white); } .atak-mobile-drawer__brand{ display: flex; align-items: center; gap: 12px; } .atak-mobile-drawer__brand img{ width: 160px; height: auto; background: var(--atak-white); padding: 6px; border-radius: 12px; } .atak-mobile-drawer__brand strong{ display: block; font-size: 16px; line-height: 1.2; } .atak-mobile-drawer__brand span{ display: block; font-size: 12px; color: rgba(255,255,255,0.75); margin-top: 4px; } .atak-mobile-drawer__close{ width: 40px; height: 40px; border: none; border-radius: 12px; background: rgba(255,255,255,0.12); color: var(--atak-white); cursor: pointer; } .atak-mobile-drawer__body{ padding: 18px; overflow-y: auto; } .atak-mobile-drawer__contact{ display: grid; gap: 10px; margin-bottom: 18px; } .atak-mobile-drawer__contact a, .atak-mobile-drawer__hours{ display: flex; gap: 10px; align-items: center; padding: 12px 14px; background: var(--atak-soft); border-radius: 14px; color: var(--atak-text); text-decoration: none; font-size: 14px; font-weight: 500; } .atak-mobile-drawer__contact i, .atak-mobile-drawer__hours i{ color: var(--atak-accent); font-size: 15px; } .atak-mobile-drawer__nav ul{ margin: 0; padding: 0; list-style: none; } .atak-mobile-drawer__nav li + li{ border-top: 1px solid rgba(15, 23, 42, 0.06); } .atak-mobile-drawer__nav a{ display: flex; align-items: center; justify-content: space-between; padding: 15px 4px; color: var(--atak-primary); text-decoration: none; font-size: 15px; font-weight: 700; letter-spacing: .2px; } .atak-mobile-drawer__nav a:after{ content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: var(--atak-muted); } .atak-mobile-drawer__cta{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; } .atak-mobile-btn{ display: inline-flex; justify-content: center; align-items: center; text-align: center; min-height: 46px; border-radius: 14px; text-decoration: none; font-size: 14px; font-weight: 700; } .atak-mobile-btn--dark{ background: var(--atak-primary); color: var(--atak-white); } .atak-mobile-btn--accent{ background: linear-gradient(135deg, var(--atak-accent), var(--atak-accent-2)); color: var(--atak-white); } .atak-mobile-drawer__social{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; } .atak-mobile-drawer__social a{ width: 42px; height: 42px; border-radius: 12px; background: var(--atak-soft); color: var(--atak-primary); display: inline-flex; align-items: center; justify-content: center; text-decoration: none; } /* only mobile */ @media (min-width: 992px){ .atak-mobile-header, .atak-mobile-drawer, .atak-mobile-drawer-overlay{ display: none !important; } } body.atak-mobile-menu-open{ overflow: hidden; } /*------------------- PAGE GALERİ -------------------*/ /* Galeri resimlerini sabitleme */ .page_galeri .image-item img { width: 100%; /* Genişlik bulunduğu sütuna yayılsın */ height: 250px; /* Sabit yükseklik (İsteğe göre değiştirebilirsiniz) */ object-fit: cover; /* Resmi bozmadan kutuya sığdırır ve fazlalığı kırpar */ object-position: center; /* Resmi ortalar */ border-radius: 8px; /* İsterseniz köşeleri hafif yuvarlatabilirsiniz */ transition: transform 0.3s ease; /* Hover efekti için yumuşatma */ } /* Hover (Üzerine gelince) efekti */ .image-hover-zoom:hover img { transform: scale(1.05); /* Üzerine gelince hafif büyüme sağlar */ } /* Mobilde resimlerin çok küçük kalmaması için ayar */ @media (max-width: 768px) { .page_galeri .image-item img { height: 200px; } } /*------------------- TOC -------------------*/ .widget-toc{ background: #f5f5f5; border-radius: 10px; padding: 15px; border: 1px solid #ddd; } .widget-toc p{ font-weight: bold; } .widget-toc ol{} .widget-toc ol li a{ font-weight: bold; } /*------------------- 2.1. Container -------------------*/ :root { --main-container: 90%; --container-gutters: 24px; } /* Medium Large devices */ @media (max-width: 1399px) { :root { --main-container: 1250px; } } @media only screen and (min-width: 1300px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .th-container { max-width: calc(var(--main-container) + var(--container-gutters)); padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2); } /* .container-xxl.px-0, .container-xl.px-0, .container-lg.px-0, .container-md.px-0, .container-sm.px-0, .container.px-0 { max-width: var(--main-container); } */ } @media only screen and (min-width: 1300px) { .th-container { --main-container: 1776px; } } @media only screen and (min-width: 1300px) { .th-container2 { --main-container: 1544px; } } @media only screen and (max-width: 1600px) { .container-fluid.px-0 { padding-left: 15px !important; padding-right: 15px !important; } .container-fluid.px-0 .row { margin-left: 0 !important; margin-right: 0 !important; } } .container-gallery { max-width: 1840px; } .comment-section { max-width: 800px; margin: 2rem auto; padding: 20px; background: #f8f9fa; border-radius: 15px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); } .comment-section .comment-box { background: white; border-radius: 10px; padding: 20px; margin-bottom: 20px; transition: transform 0.2s; border: 1px solid #e9ecef; } .comment-section .comment-box:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .comment-section .user-avatar { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; } .comment-section .comment-input { border-radius: 10px; padding: 15px 20px; border: 2px solid #e9ecef; transition: all 0.3s; } .comment-section .comment-input:focus { box-shadow: none; border-color: #86b7fe; } .comment-section .btn-comment { border-radius: 20px; padding: 8px 25px; background: #0d6efd; border: none; transition: all 0.3s; } .comment-section .btn-comment:hover { background: #0b5ed7; transform: translateY(-1px); } .comment-section .comment-actions { font-size: 0.9rem; } .comment-section .comment-actions a { color: #6c757d; text-decoration: none; margin-right: 15px; transition: color 0.2s; } .comment-section .comment-actions a:hover { color: #0d6efd; } .comment-section .comment-time { color: #adb5bd; font-size: 0.85rem; } .comment-section .reply-section { margin-left: 60px; border-left: 2px solid #e9ecef; padding-left: 20px; } .contact-links{} .contact-links ul{ list-style: none; padding: 0; margin: 0; } .contact-links ul li{ margin-bottom: 20px; } .contact-links ul li a{} .contact-links ul li a .icon{ display: inline-block; background: red; border-radius: 50%; color: #fff; line-height: 30px; font-size: 15px; width: 30px; height: 30px; text-align: center; } .contact-links ul li a .name{ display: inline-block; color: #fff; } .contact-links ul li a .desc{ display: inline-block; color: #fff; font-weight: bold; } .modal.lightbox img{ margin: 0 !important; width: 100% !important; } .modal.lightbox .ratio.ratio-16x9{ background-color: #00000000 !important; } .modal.lightbox .carousel-control-next, .carousel-control-prev { position: absolute; top: -100px; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 2%; height: 100px !important; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease; } .modal.lightbox .carousel-control-next-icon { background-image: url('../img/icon_next.png'); } .modal.lightbox .carousel-control-prev-icon { background-image: url('../img/icon_prev.png'); } .modal.lightbox .modal-xl { max-width: 70%; } .goog-logo-link, .goog-te-banner-frame.skiptranslate { display: none !important; } .goog-te-gadget{ font-size: 0 !important } #google_translate_element{ /* position: absolute; top: -5px; right: -110px; */ height: 35px; position: absolute; top: 8px; } #google_translate_element a{ display: none !important; } .goog-te-combo{ border: 1px solid; padding: 5px 0 5px 0; width: 100px; } .widget_breton_core_switcher{ display: none; } .langs-select{ float: right; margin-left: 20px; height: 30px; line-height: 27px; } .skiptranslate{ display: none; } .lang_actives .boxed_wrapper{ margin-top: -40px; } .lang_actives.lang_en .main-menu .navigation > li{ margin: 0px 5px; } .lang_actives.lang_en .main-menu .navigation > li > a{ font-size: 13px; font-weight: bold; } /* Button Animate */ .custom-btn { color: #fff; font-weight: bold; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; } .btn-animate1 { border: none; background: rgb(195 0 0); background: linear-gradient(0deg, rgb(195 0 0) 0%, rgb(255 0 0) 100%); color: #fff; overflow: hidden; } .btn-animate1:hover { text-decoration: none; color: #fff; } .btn-animate1:before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%; background-color: #fff; animation: shiny-btn1 3s ease-in-out infinite; } .btn-animate1:hover{ opacity: .7; } .btn-animate1:active{ box-shadow: 4px 4px 6px 0 rgba(255,255,255,.3), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .2); } @-webkit-keyframes shiny-btn1 { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } 80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } 100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } } .trwpwhatsappballon { font-size: 14px; border-radius: 12px; border: 1px solid #fff; max-width: 250px; display: none; } .trwpwhatsapptitle { background-color: #22c15e; color: white; padding: 14px; border-radius: 12px 12px 0px 0px; text-align: center; } .trwpwhatsappmessage { padding: 16px 12px; background-color: white; } .trwpwhatsappinput { position: relative; background-color: white; border-radius: 0px 0px 12px 12px; } .trwpwhatsappinput input { width: 206px; border-radius: 10px; margin: 1px 1px 0px 10px; padding:10px; font-family: "Raleway", Arial, sans-serif; font-weight: 300; font-size: 13px; background-color: #efefef; border: 1px solid #d4d4d4; } .trwpwhatsappbutton { background-color: #22c15e; border-radius: 20px; padding: 8px 15px; cursor: pointer; color: #fff; max-width: 220px; margin-top: 10px; margin-bottom: 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .trwpwhatsappall { position: fixed; z-index: 9999999999999999999; bottom: 50px; right: 10px; font-family: "Raleway", Arial, sans-serif; font-weight: 300; font-size: 15px; } .trwpwhatsappsendbutton { color: #22c15e; cursor:pointer; } .trwpwhatsappsendbutton i{ position: absolute; right: 10px; } .trwpwhatsappall button {border: none;} .trwpwhatsappall button i { float: right; position: absolute; z-index: 999999999999; right: 10px; bottom: 15px; font-size: 18px !important; color: #000; } .trwpwhatsappall .kapat { position: absolute; right: 8px; top: 6px; font-size: 13px; border: 1px solid #fff; border-radius: 99px; padding: 2px 5px 2px 5px; color: white; font-size: 10px; cursor: pointer; } /* CSS Multiple Whatsapp Chat */ #whatsapp-chat a:link, #whatsapp-chat a:visited { color: #444; text-decoration: none; transition: all 0.4s ease-in-out; } #whatsapp-chat h1 { font-size: 20px; text-align: center; display: block; background: linear-gradient(to right top, #6f96f3, #164ed2); padding: 20px; color: #fff; border-radius: 50px; } #whatsapp-chat .whatsapp-name { font-size: 16px; font-weight: 600; padding-bottom: 0; margin-bottom: 0; line-height: 0.5; } #whatsapp-chat { box-sizing: border-box !important; outline: none !important; position: fixed; width: 300px; border-radius: 10px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); bottom: 90px; right: 30px; overflow: hidden; z-index: 99; animation-name: showchat; animation-duration: 1s; transform: scale(1); } a.blantershow-chat { /* background: #009688; */ background: #fff; color: #404040; position: fixed; display: flex; font-weight: 400; justify-content: space-between; z-index: 98; bottom: 100px; right: 30px; font-size: 15px; padding: 10px 20px; border-radius: 30px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); } a.blantershow-chat svg { transform: scale(1.2); margin: 0 0 0 0; } #whatsapp-chat .header-chat { /* background: linear-gradient(to right top, #6f96f3, #164ed2); */ background: #009688; background: #095e54; color: #fff; padding: 20px; } #whatsapp-chat .header-chat h3 { margin: 0 0 10px; } #whatsapp-chat .header-chat p { font-size: 14px; line-height: 1.7; margin: 0; color: #fff; } #whatsapp-chat .info-avatar { position: relative; } #whatsapp-chat .info-avatar img { border-radius: 100%; width: 50px; float: left; margin: 0 10px 0 0; background: #fff; height: 50px; padding: 5px; } #whatsapp-chat a.informasi { padding: 20px; display: block; overflow: hidden; animation-name: showhide; animation-duration: 0.5s; } #whatsapp-chat a.informasi:hover { background: #f1f1f1; } #whatsapp-chat .info-chat span { display: block; } #whatsapp-chat #get-label, #whatsapp-chat span.chat-label { font-size: 12px; color: #888; } #whatsapp-chat #get-nama, #whatsapp-chat span.chat-nama { margin: 5px 0 0; font-size: 15px; font-weight: 700; color: #222; } #whatsapp-chat #get-label, #whatsapp-chat #get-nama { color: #fff; } #whatsapp-chat span.my-number { display: none; } /* .blanter-msg { color: #444; padding: 20px; font-size: 12.5px; text-align: center; border-top: 1px solid #ddd; } */ #whatsapp-chat textarea#chat-input { border: none; font-family: "Arial", sans-serif; width: 100%; height: 50px; outline: none; resize: none; padding: 10px; font-size: 14px; } #whatsapp-chat a#send-it { width: 40px; font-weight: 700; padding: 10px 0 0 5px; background: #095e54; border-radius: 0; } #whatsapp-chat a#send-it svg { fill: #fff; height: 24px; width: 24px; } #whatsapp-chat .first-msg { background: transparent; padding: 30px; text-align: center; } #whatsapp-chat .first-msg span { background: #e2e2e2; color: #333; font-size: 14.2px; line-height: 1.7; border-radius: 10px; padding: 15px 20px; display: inline-block; } #whatsapp-chat .start-chat .blanter-msg { display: flex; } #whatsapp-chat #get-number { display: none; } #whatsapp-chat a.close-chat { position: absolute; top: 5px; right: 15px; color: #fff; font-size: 30px; } @keyframes ZpjSY { 0% { background-color: #b6b5ba; } 15% { background-color: #111111; } 25% { background-color: #b6b5ba; } } @keyframes hPhMsj { 15% { background-color: #b6b5ba; } 25% { background-color: #111111; } 35% { background-color: #b6b5ba; } } @keyframes iUMejp { 25% { background-color: #b6b5ba; } 35% { background-color: #111111; } 45% { background-color: #b6b5ba; } } @keyframes showhide { from { transform: scale(0.5); opacity: 0; } } @keyframes showchat { from { transform: scale(0); opacity: 0; } } @media screen and (max-width: 480px) { #whatsapp-chat { width: auto; left: 5%; right: 5%; font-size: 80%; } } .whatsapp-chat-hide { display: none; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } .whatsapp-chat-show { display: block; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1; } #whatsapp-chat .whatsapp-message-container { display: flex; z-index: 1; } #whatsapp-chat .whatsapp-message { padding: 7px 14px 6px; background-color: white; border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px); } #whatsapp-chat .whatsapp-chat-body { padding: 20px 20px 20px 10px; background-color: #e6ddd4; position: relative; } #whatsapp-chat .whatsapp-chat-body::before { display: block; position: absolute; content: ""; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 0; opacity: 0.08; background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png"); } #whatsapp-chat .dAbFpq { display: flex; z-index: 1; } #whatsapp-chat .eJJEeC { background-color: white; width: 52.5px; height: 32px; border-radius: 16px; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; margin-left: 10px; opacity: 0; transition: all 0.1s ease 0s; z-index: 1; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; } #whatsapp-chat .hFENyl { position: relative; display: flex; } #whatsapp-chat .ixsrax { height: 5px; width: 5px; margin: 0px 2px; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; background-color: #9e9da2; animation-name: ZpjSY; } #whatsapp-chat .dRvxoz { height: 5px; width: 5px; margin: 0px 2px; background-color: #b6b5ba; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; animation-name: hPhMsj; } #whatsapp-chat .kAZgZq { padding: 7px 14px 6px; background-color: white; border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 40px); } #whatsapp-chat .kAZgZq::before { position: absolute; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; content: ""; top: 0px; left: -12px; width: 12px; height: 19px; } #whatsapp-chat .bMIBDo { font-size: 13px; font-weight: 700; line-height: 18px; color: rgba(0, 0, 0, 0.4); } #whatsapp-chat .iSpIQi { font-size: 14px; line-height: 19px; margin-top: 4px; color: #111111; } #whatsapp-chat .iSpIQi { font-size: 14px; line-height: 19px; margin-top: 4px; color: #111111; } #whatsapp-chat .cqCDVm { text-align: right; margin-top: 4px; font-size: 12px; line-height: 16px; color: rgba(17, 17, 17, 0.5); margin-right: -8px; margin-bottom: -4px; } .btn_whatsapp { position: fixed; bottom: 20px; width: 60px; right: 90px; } @media (max-width: 992px){ .mobilGizle{ display: none !important; } .slideshow-container { } } @media (min-width: 992px) and (max-width: 1100px) { } @media (min-width: 1100px) and (max-width: 1200px) { } @media (min-width: 1200px) and (max-width: 1600px) { .main-menu-three__logo img { width: 150px; } .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 10px; } .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a { font-size: 15px; } .main-menu-three__call-and-nav-sidebar-icon { display: block; } .main-menu-three__call { display: inline-flex; } .main-menu-three__nav-sidebar-icon { position: relative; display: inline-flex; margin-left: 0px; top: -13px; } .main-menu-three__call-sub-title { font-size: 12px; } .main-menu-three__call-number { font-size: 12px; } } @media (min-width: 1300px) and (max-width: 1400px) { .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 20px; } .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a { font-size: 16px; } } @media (min-width: 1400px) and (max-width: 1500px) { .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 30px; } .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a { font-size: 17px; } } @media (min-width: 1500px) and (max-width: 1600px) { .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 40px; } .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a { font-size: 18px; } } @media (min-width: 1600px) and (max-width: 1700px) { } @media (min-width: 1700px) and (max-width: 1800px) { } @media (min-width: 1800px) and (max-width: 999925px) { } @media (min-width: 1750px) and (max-width: 999925px) { } /* 320 - 480 */ @media only screen and (min-device-width : 990px) and (max-device-width : 1200px) { } /* 320 - 480 */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { } /* 475 - 768 */ @media only screen and (min-device-width : 475px) and (max-device-width : 768px) { } /* 765 - 990 */ @media only screen and (min-device-width : 765px) and (max-device-width : 990px) { } /* 990 - 1300 */ @media only screen and (min-device-width : 990px) and (max-device-width : 1300px) { } @media only screen and (min-width: 1200px) and (max-width: 1815px) { .main-menu-three__wrapper-inner { padding-left: 0 !important; } } /* ========================================================= ÜRÜN BOOTSTRAP TABLARI ========================================================= */ .oa-product-tabs { width: 100%; } /* TAB MENÜ */ .oa-bootstrap-tabs { display: flex; align-items: stretch; gap: 8px; border-bottom: 1px solid #e5e5e5; margin: 0; padding: 0; } .oa-bootstrap-tabs .nav-item { margin-bottom: -1px; } .oa-bootstrap-tabs .nav-link { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 58px; padding: 0 24px; border: 1px solid transparent; border-bottom: 2px solid transparent; border-radius: 10px 10px 0 0; background: transparent; color: #555; font-size: 15px; font-weight: 600; transition: color .25s ease, background-color .25s ease, border-color .25s ease; } .oa-bootstrap-tabs .nav-link i { font-size: 17px; transition: transform .25s ease; } /* HOVER */ .oa-bootstrap-tabs .nav-link:hover { color: #264280; background: rgba(247, 71, 28, .05); border-color: transparent; } .oa-bootstrap-tabs .nav-link:hover i { transform: translateY(-1px); } /* AKTİF */ .oa-bootstrap-tabs .nav-link.active { color: #264280; background: #fff; border-color: #e5e5e5; border-bottom-color: #fff; box-shadow: 0 -2px 8px rgba(0, 0, 0, .025); } .oa-bootstrap-tabs .nav-link.active::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: -2px; height: 3px; background: #264280; border-radius: 3px 3px 0 0; } /* TAB İÇERİĞİ */ .oa-bootstrap-tab-content { padding: 32px 0 0; } .oa-bootstrap-tab-content > .tab-pane { animation: oaTabFade .25s ease; } @keyframes oaTabFade { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 767px) { .oa-bootstrap-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 5px; padding-bottom: 0; scrollbar-width: none; } .oa-bootstrap-tabs::-webkit-scrollbar { display: none; } .oa-bootstrap-tabs .nav-item { flex: 0 0 auto; } .oa-bootstrap-tabs .nav-link { min-height: 52px; padding: 0 17px; font-size: 13px; white-space: nowrap; } .oa-bootstrap-tabs .nav-link i { font-size: 15px; } .oa-bootstrap-tabs .nav-link.active::after { left: 12px; right: 12px; } .oa-bootstrap-tab-content { padding-top: 24px; } } /* ========================================================= ÜRÜN DETAY TABLARI ========================================================= */ .oa-product-tabs { width: 100%; } /* ========================================================= TAB MENÜ ========================================================= */ .oa-bootstrap-tabs { display: flex; align-items: stretch; gap: 6px; margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; } .oa-bootstrap-tabs .nav-item { margin-bottom: -1px; } .oa-bootstrap-tabs .nav-link { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 58px; padding: 0 24px; border: 1px solid transparent; border-bottom: 2px solid transparent; border-radius: 10px 10px 0 0; background: transparent; color: #555; font-size: 15px; font-weight: 600; transition: all .25s ease; } .oa-bootstrap-tabs .nav-link i { font-size: 17px; transition: transform .25s ease; } .oa-bootstrap-tabs .nav-link:hover { color: #264280; background: rgba(247, 71, 28, .05); } .oa-bootstrap-tabs .nav-link:hover i { transform: translateY(-1px); } .oa-bootstrap-tabs .nav-link.active { color: #274380; background: #fff; border-color: #e5e5e5; border-bottom-color: #fff; box-shadow: 0 -2px 8px rgba(0, 0, 0, .025); } .oa-bootstrap-tabs .nav-link.active::after { content: ""; position: absolute; left: 18px; right: 18px; bottom: -2px; height: 3px; background: #254180; border-radius: 3px 3px 0 0; } /* ========================================================= TAB İÇERİĞİ ========================================================= */ .oa-bootstrap-tab-content { padding-top: 35px; } .oa-bootstrap-tab-content > .tab-pane { animation: oaTabFade .3s ease; } @keyframes oaTabFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= ORTAK BOŞ İÇERİK ========================================================= */ .oa-empty-content { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 180px; padding: 35px 20px; border: 1px dashed #ddd; border-radius: 12px; background: #fafafa; text-align: center; } .oa-empty-content i { margin-bottom: 12px; font-size: 35px; color: #254180; } .oa-empty-content p { margin: 0; color: #777; font-size: 14px; } /* ========================================================= FAYDALAR / ÖZELLİKLER ========================================================= */ .oa-option-grid { display: flex; flex-direction: column; gap: 24px; } /* Grup kartı */ .oa-option-panel { position: relative; padding: 25px; background: #fff; border: 1px solid #e8e8e8; border-radius: 14px; box-shadow: 0 5px 20px rgba(0, 0, 0, .04); transition: all .25s ease; } .oa-option-panel:hover { border-color: rgb(38 66 128); box-shadow: 0 8px 25px rgba(0, 0, 0, .07); transform: translateY(-2px); } /* Grup başlığı */ .oa-option-panel h3 { position: relative; margin: 0 0 20px; padding: 0 0 14px 15px; color: #222; font-size: 19px; line-height: 1.4; font-weight: 700; border-bottom: 1px solid #eee; } .oa-option-panel h3::before { content: ""; position: absolute; left: 0; top: 3px; width: 4px; height: calc(100% - 17px); background: #254180; border-radius: 4px; } /* Liste */ .oa-option-panel ul { list-style: none; margin: 0; padding: 0; } /* Fayda / özellik */ .oa-option-panel li { display: flex; align-items: flex-start; gap: 14px; padding: 15px 0; border-bottom: 1px solid #f0f0f0; } .oa-option-panel li:last-child { padding-bottom: 0; border-bottom: 0; } /* İkon */ .oa-option-panel li > i { flex: 0 0 34px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-top: 1px; border-radius: 50%; background: rgba(247, 71, 28, .09); color: #1f3e80; font-size: 14px; } /* Görsel */ .oa-option-panel li > img { flex: 0 0 45px; width: 45px; height: 45px; margin-top: 0; object-fit: contain; border-radius: 8px; } /* Yazı alanı */ .oa-option-panel li > span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; } /* Başlık */ .oa-option-panel li strong { display: block; color: #252525; font-size: 15px; line-height: 1.5; font-weight: 700; } /* Açıklama */ .oa-option-panel li small { display: block; color: #777; font-size: 13px; line-height: 1.6; } /* ========================================================= BELGELER ========================================================= */ .oa-document-card { position: relative; display: flex; flex-direction: column; min-height: 230px; padding: 22px !important; border: 1px solid #e8e8e8 !important; border-radius: 14px !important; background: #fff; box-shadow: 0 5px 18px rgba(0, 0, 0, .04); transition: all .25s ease; } .oa-document-card:hover { border-color: rgba(247, 71, 28, .3) !important; transform: translateY(-4px); box-shadow: 0 10px 28px rgba(0, 0, 0, .08); } /* Belge görsel alanı */ .oa-document-card > img { display: block; max-width: 100%; height: 100px; margin: 0 auto; object-fit: contain; } /* Belge başlığı */ .oa-document-card h6 { min-height: 42px; display: flex; align-items: center; justify-content: center; margin-top: 18px !important; color: #252525; font-size: 14px; line-height: 1.45; font-weight: 600; } /* Görüntüle butonu */ .oa-card-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: 100%; margin-top: auto; padding: 10px 16px; border: 0 !important; border-radius: 7px !important; background: #213f80 !important; color: #fff !important; font-size: 13px; font-weight: 600; transition: all .25s ease; } .oa-card-btn:hover { background: #284380 !important; color: #fff !important; transform: translateY(-1px); } /* ========================================================= BENZER ÜRÜNLER ========================================================= */ #urun-benzer .row { margin-top: 0; } #urun-benzer .production-card { display: block; height: 100%; overflow: hidden; border-radius: 14px; background: #fff; border: 1px solid #e8e8e8; text-decoration: none; box-shadow: 0 5px 18px rgba(0, 0, 0, .04); transition: all .3s ease; } #urun-benzer .production-card:hover { transform: translateY(-5px); border-color: rgba(247, 71, 28, .3); box-shadow: 0 12px 30px rgba(0, 0, 0, .09); } /* Benzer ürün görsel */ #urun-benzer .production-card__image { position: relative; height: 230px; overflow: hidden; background: #f7f7f7; } #urun-benzer .production-card__image img { width: 100%; height: 100%; object-fit: contain; transition: transform .45s ease; } #urun-benzer .production-card:hover .production-card__image img { transform: scale(1.05); } /* Overlay */ #urun-benzer .production-card__overlay { position: absolute; inset: 0; background: linear-gradient( to top, rgba(0, 0, 0, .45), transparent 55% ); opacity: .7; pointer-events: none; } /* Ok */ #urun-benzer .production-card__arrow { position: absolute; right: 15px; bottom: 15px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #223f80; color: #fff; opacity: 0; transform: translateX(8px); transition: all .3s ease; } #urun-benzer .production-card:hover .production-card__arrow { opacity: 1; transform: translateX(0); } /* Benzer ürün başlığı */ #urun-benzer .production-card__content { padding: 18px 20px; } #urun-benzer .production-card__content h3 { margin: 0; color: #252525; font-size: 16px; line-height: 1.45; font-weight: 700; } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 991px) { .oa-option-grid { grid-template-columns: 1fr; } } @media (max-width: 767px) { /* TABLAR */ .oa-bootstrap-tabs { overflow-x: auto; flex-wrap: nowrap; gap: 4px; scrollbar-width: none; } .oa-bootstrap-tabs::-webkit-scrollbar { display: none; } .oa-bootstrap-tabs .nav-item { flex: 0 0 auto; } .oa-bootstrap-tabs .nav-link { min-height: 52px; padding: 0 16px; font-size: 13px; white-space: nowrap; } .oa-bootstrap-tabs .nav-link i { font-size: 15px; } .oa-bootstrap-tab-content { padding-top: 25px; } /* FAYDA / ÖZELLİK */ .oa-option-panel { padding: 20px; } .oa-option-panel h3 { font-size: 17px; } .oa-option-panel li { gap: 11px; } /* BELGELER */ .oa-document-card { min-height: 220px; } /* BENZER ÜRÜNLER */ #urun-benzer .production-card__image { height: 210px; } } /* ========================================================= ÇOK KÜÇÜK EKRAN ========================================================= */ @media (max-width: 480px) { .oa-bootstrap-tabs .nav-link { padding: 0 13px; } .oa-bootstrap-tabs .nav-link span { font-size: 12px; } .oa-bootstrap-tabs .nav-link i { font-size: 14px; } .oa-option-panel { padding: 17px; border-radius: 10px; } .oa-option-panel h3 { font-size: 16px; } } .atak-vakum-table { width: 100%; border-collapse: collapse; font-family: 'Segoe UI', Arial, sans-serif; font-size: 15px; color: #222; background: #fff; } .atak-vakum-table th { background-color: #03246a; color: #ffffff; font-weight: 700; text-align: center; vertical-align: middle; padding: 14px 10px; border: 1px solid #ffffff33; line-height: 1.3; } .atak-vakum-table td { text-align: center; vertical-align: middle; padding: 14px 10px; border: 1px solid #e0e0e0; } /* Model column stands out like in the reference image */ .atak-vakum-table td.model { font-weight: 600; color: #223f80; } /* Alternating row colors */ .atak-vakum-table tbody tr:nth-child(even) { background-color: #f5f6f7; } .atak-vakum-table tbody tr:nth-child(odd) { background-color: #ffffff; } /* Optional hover effect */ .atak-vakum-table tbody tr:hover { background-color: #eaf4f8; transition: background-color 0.2s ease-in-out; } /* Rounded outer corners like the screenshot */ .atak-vakum-table { border-radius: 6px; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.08); } /* Responsive: allow horizontal scroll on small screens */ .atak-vakum-table-wrapper { overflow-x: auto; } /* Genel wrap (yatay kaydırma) */ .atak-vakum-table-wrap { overflow-x: auto; } /* Başlıktaki alt birim (kW, mm Hg vb.) yazıları */ .atak-vakum-table th .sub { display: block; font-weight: 400; font-size: 12px; opacity: 0.85; margin-top: 2px; } /* Ürün resmi sütunu */ .atak-vakum-table td.col-img { width: 90px; padding: 8px; } .atak-vakum-table td.col-img img { width: 80px; height: auto; display: block; margin: 0 auto; } /* PDF sütunu */ .atak-vakum-table th.col-pdf, .atak-vakum-table td.col-pdf { width: 70px; } .atak-vakum-table td.col-pdf a { display: inline-flex; } .atak-vakum-table img.pdf-icon { width: 30px; height: auto; transition: transform 0.15s ease; } .atak-vakum-table img.pdf-icon:hover { transform: scale(1.1); } /* Ürün görseli */ .atak-vakum-product-image { width: 80px; height: 63px; object-fit: contain; display: block; margin: 0 auto; border-radius: 4px; background: #fafafa; } /* Görsel yoksa gösterilecek boş kutu */ .atak-vakum-product-image.empty { width: 80px; height: 63px; margin: 0 auto; border-radius: 4px; background: #f0f1f2; border: 1px dashed #d0d3d6; } /* İstersen boş kutunun içine "Görsel yok" ikonu/metni koymak için */ .atak-vakum-product-image.empty::after { content: "—"; display: flex; align-items: center; justify-content: center; height: 100%; color: #b0b3b6; font-size: 12px; } /* PDF indirme linki */ .atak-pdf-link { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; transition: background-color 0.15s ease, transform 0.15s ease; } .atak-pdf-link:hover { background-color: #eaf4f8; transform: scale(1.08); } .atak-pdf-link:active { transform: scale(0.96); } .atak-pdf-link img { width: 26px; height: auto; display: block; } /* Ürün görseli sarmalayıcı */ .atak-vakum-product-image { width: 80px; height: 63px; margin: 0 auto; border-radius: 4px; background: #fafafa; display: flex; align-items: center; justify-content: center; overflow: hidden; } .atak-vakum-product-image img { width: 100%; height: 100%; object-fit: contain; display: block; } /* Görsel yoksa gösterilecek boş kutu */ .atak-vakum-product-image.empty { background: #f0f1f2; border: 1px dashed #d0d3d6; } .atak-vakum-product-image.empty::after { content: "—"; color: #b0b3b6; font-size: 12px; } /* ========================================================= KVM PRODUCT SECTION MEVCUT TASARIM ========================================================= */ .kvm-product-section { display: flex; align-items: stretch; gap: 22px; width: 100%; margin: 35px 0; padding: 28px; background: #f4f7fa; border-radius: 16px; box-sizing: border-box; } /* RESİM ALANI */ .kvm-product-media { width: 42%; flex: 0 0 42%; background: #ffffff; border: 1px solid #e1e5e9; border-radius: 16px; padding: 25px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); box-sizing: border-box; } .kvm-product-media a { display: flex; width: 100%; align-items: center; justify-content: center; } .kvm-product-media img { display: block; width: 90%; max-width: 100%; height: auto; margin: 0; object-fit: contain; } /* YAZI ALANI */ .kvm-product-info { width: 58%; flex: 1; background: #ffffff; border: 1px solid #e1e5e9; border-radius: 16px; padding: 28px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .kvm-product-info h4 { margin: 0 0 8px; padding: 0; font-size: 18px; line-height: 1.4; font-weight: 600; } .kvm-product-info h2 { margin: 0 0 18px; padding: 0; font-size: 30px; line-height: 1.25; font-weight: 700; } .kvm-product-info p { margin: 0 0 15px; padding: 0; font-size: 15px; line-height: 1.7; } .kvm-product-info p:last-child { margin-bottom: 0; } /* ========================================================= TABLET - PRODUCT SECTION ========================================================= */ @media (max-width: 991px) { .kvm-product-section { gap: 18px; padding: 20px; } .kvm-product-media { width: 40%; flex: 0 0 40%; padding: 20px; } .kvm-product-media img { width: 95%; } .kvm-product-info { padding: 22px; } .kvm-product-info h2 { font-size: 25px; } .kvm-product-info p { font-size: 14px; line-height: 1.65; } } /* ========================================================= MOBİL - PRODUCT SECTION ========================================================= */ @media (max-width: 767px) { .kvm-product-section { display: block; width: 100%; margin: 25px 0; padding: 12px; border-radius: 12px; } /* Resim */ .kvm-product-media { width: 100%; padding: 18px; margin-bottom: 12px; border-radius: 12px; } .kvm-product-media a { width: 100%; } .kvm-product-media img { width: 85%; max-width: 400px; } /* Yazı */ .kvm-product-info { width: 100%; padding: 22px; border-radius: 12px; } .kvm-product-info h4 { font-size: 16px; margin-bottom: 7px; } .kvm-product-info h2 { font-size: 23px; line-height: 1.3; margin-bottom: 15px; } .kvm-product-info p { font-size: 14px; line-height: 1.65; margin-bottom: 13px; } } /* ========================================================= KÜÇÜK TELEFON - PRODUCT SECTION ========================================================= */ @media (max-width: 480px) { .kvm-product-section { padding: 8px; margin: 20px 0; } .kvm-product-media { padding: 15px; margin-bottom: 10px; } .kvm-product-media img { width: 90%; } .kvm-product-info { padding: 18px; } .kvm-product-info h4 { font-size: 15px; } .kvm-product-info h2 { font-size: 21px; } .kvm-product-info p { font-size: 13.5px; line-height: 1.6; } } /* ========================================================= KVM BİLGİ CARDLARI Uygulama Alanları Teknik Özellikler Avantajları Sertifikalar Uygulamalar Sektörler ========================================================= */ .kvm-info-cards { width: 100%; margin: 35px 0; } /* BOOTSTRAP ROW */ .kvm-info-cards .row { align-items: stretch; } /* CARD */ .kvm-info-card { height: 100%; width: 100%; background: #ffffff; border: 1px solid #e1e5e9; border-radius: 16px; overflow: hidden; box-sizing: border-box; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); transition: all 0.3s ease; } .kvm-info-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07); } /* ========================================================= CARD RESİM ========================================================= */ .kvm-info-card-image { width: 100%; display: none !important; padding: 20px; background: #f4f7fa; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .kvm-info-card-imageS { width: 100%; padding: 20px; background: #f4f7fa; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } .kvm-info-card-imageS a { display: flex; width: 100%; align-items: center; justify-content: center; } .kvm-info-card-imageS img { display: block; width: 50%; max-width: 430px; max-height: 260px; height: auto; margin: 0; object-fit: contain; } .kvm-info-card-image a { display: flex; width: 100%; align-items: center; justify-content: center; } .kvm-info-card-image img { display: block; width: 50%; max-width: 430px; max-height: 260px; height: auto; margin: 0; object-fit: contain; } /* ========================================================= CARD İÇERİK ========================================================= */ .kvm-info-card-content { padding: 24px 26px 26px; box-sizing: border-box; } .kvm-info-card-content h4 { margin: 0 0 14px; padding: 0; font-size: 21px; line-height: 1.35; font-weight: 700; } .kvm-info-card-content p { margin: 0; padding: 0; font-size: 15px; line-height: 1.7; color: #555; } /* ========================================================= CARD LİSTELERİ ========================================================= */ .kvm-info-card-content ul { margin: 0; padding: 0; list-style: none; } .kvm-info-card-content li { position: relative; margin: 0 0 8px; padding-left: 17px; font-size: 14.5px; line-height: 1.55; color: #555; } .kvm-info-card-content li:last-child { margin-bottom: 0; } .kvm-info-card-content li::before { content: "•"; position: absolute; left: 0; top: 0; font-weight: 700; } /* ========================================================= TEKNİK ÖZELLİKLER ========================================================= */ .kvm-info-card-content ul li strong { font-weight: 600; } /* ========================================================= TABLET - INFO CARDS ========================================================= */ @media (max-width: 991px) { .kvm-info-cards { margin: 25px 0; } .kvm-info-cards .row { --bs-gutter-x: 18px; --bs-gutter-y: 18px; } .kvm-info-card-image { padding: 18px; } .kvm-info-card-image img { width: 90%; max-height: 230px; } .kvm-info-card-content { padding: 21px; } .kvm-info-card-content h4 { font-size: 19px; } .kvm-info-card-content p, .kvm-info-card-content li { font-size: 14px; } } /* ========================================================= MOBİL - INFO CARDS ========================================================= */ @media (max-width: 767px) { .kvm-info-cards { margin: 20px 0; } .kvm-info-cards .row { --bs-gutter-x: 14px; --bs-gutter-y: 14px; } .kvm-info-card { border-radius: 12px; } .kvm-info-card-image { padding: 15px; } .kvm-info-card-image img { width: 88%; max-width: 400px; max-height: 210px; } .kvm-info-card-content { padding: 18px; } .kvm-info-card-content h4 { font-size: 18px; margin-bottom: 12px; } .kvm-info-card-content p { font-size: 14px; line-height: 1.65; } .kvm-info-card-content li { font-size: 13.5px; line-height: 1.55; margin-bottom: 7px; } } /* ========================================================= KÜÇÜK TELEFON - INFO CARDS ========================================================= */ @media (max-width: 480px) { .kvm-info-cards { margin: 20px 0; } .kvm-info-cards .row { --bs-gutter-x: 10px; --bs-gutter-y: 10px; } .kvm-info-card { border-radius: 11px; } .kvm-info-card-image { padding: 12px; } .kvm-info-card-image img { width: 92%; max-height: 185px; } .kvm-info-card-content { padding: 16px; } .kvm-info-card-content h4 { font-size: 17px; margin-bottom: 11px; } .kvm-info-card-content p, .kvm-info-card-content li { font-size: 13px; } } /* ========================================================= KVM TEKNİK TABLO ========================================================= */ .kvm-table-section { width: 100%; margin: 35px 0; padding: 28px; background: #f4f7fa; border-radius: 16px; box-sizing: border-box; } .kvm-table-title { margin-bottom: 18px; } .kvm-table-title h3 { margin: 0; padding: 0; font-size: 22px; line-height: 1.4; font-weight: 700; color: #222; } .kvm-table-wrapper { width: 100%; overflow-x: auto; background: #fff; border: 1px solid #e1e5e9; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); -webkit-overflow-scrolling: touch; } .kvm-technical-table { width: 100%; min-width: 1800px; border-collapse: collapse; margin: 0; font-size: 12px; line-height: 1.4; } .kvm-technical-table th { padding: 12px 9px; background: #f4f7fa; border: 1px solid #dfe4e8; color: #222; font-size: 11px; font-weight: 700; line-height: 1.35; text-align: center; vertical-align: middle; white-space: nowrap; } .kvm-technical-table td { padding: 9px 10px; border: 1px solid #e5e8eb; color: #333; text-align: center; vertical-align: middle; white-space: nowrap; } .kvm-technical-table tbody tr:nth-child(even) { background: #fafbfc; } .kvm-technical-table tbody tr:hover { background: #f1f5f8; } .kvm-technical-table td:first-child { font-weight: 700; color: #222; } .kvm-table-note { margin-top: 15px; padding: 12px 16px; background: #fff; border-left: 3px solid #222; border-radius: 6px; font-size: 13px; color: #555; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 991px) { .kvm-table-section { margin: 25px 0; padding: 20px; border-radius: 12px; } .kvm-table-title h3 { font-size: 20px; } .kvm-technical-table { min-width: 1800px; font-size: 11px; } .kvm-technical-table th { padding: 10px 7px; font-size: 10px; } .kvm-technical-table td { padding: 8px; } } /* ========================================================= MOBİL ========================================================= */ @media (max-width: 767px) { .kvm-table-section { margin: 25px 0; padding: 12px; border-radius: 12px; } .kvm-table-title { margin-bottom: 14px; } .kvm-table-title h3 { font-size: 18px; } .kvm-table-wrapper { border-radius: 10px; } .kvm-technical-table { min-width: 1800px; font-size: 10px; } .kvm-technical-table th { padding: 9px 6px; font-size: 9px; } .kvm-technical-table td { padding: 7px 8px; } .kvm-table-note { margin-top: 12px; padding: 10px 12px; font-size: 12px; } } /* ========================================================= KÜÇÜK TELEFON ========================================================= */ @media (max-width: 480px) { .kvm-table-section { padding: 8px; margin: 20px 0; } .kvm-table-title h3 { font-size: 17px; } .kvm-technical-table { min-width: 1800px; font-size: 9px; } .kvm-technical-table th { padding: 8px 5px; font-size: 8.5px; } .kvm-technical-table td { padding: 6px; } } /* ========================================================= KVM GALERİ ========================================================= */ .kvm-gallery-section { width: 100%; display: none !important; margin: 35px 0; } .kvm-gallery-card { width: 100%; height: 100%; padding: 12px; background: #ffffff; border: 1px solid #e1e5e9; border-radius: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); box-sizing: border-box; overflow: hidden; } .kvm-gallery-card a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .kvm-gallery-card img { display: block; width: 100%; height: 240px; object-fit: contain; margin: 0; transition: transform 0.3s ease; } .kvm-gallery-card:hover img { transform: scale(1.03); } /* TABLET */ @media (max-width: 991px) { .kvm-gallery-section { margin: 25px 0; } .kvm-gallery-card { padding: 10px; border-radius: 12px; } .kvm-gallery-card img { height: 210px; } } /* MOBİL */ @media (max-width: 767px) { .kvm-gallery-section { margin: 25px 0; } .kvm-gallery-card { padding: 8px; border-radius: 10px; } .kvm-gallery-card img { height: 160px; } } /* KÜÇÜK TELEFON */ @media (max-width: 480px) { .kvm-gallery-section { margin: 20px 0; } .kvm-gallery-card { padding: 6px; } .kvm-gallery-card img { height: 135px; } } @media (max-width: 767px) { .kvm-info-cards .row { --bs-gutter-x: 16px; --bs-gutter-y: 16px; } .kvm-info-cards .col-lg-4 { width: 50%; flex: 0 0 50%; max-width: 50%; } } /* ========================================== ÜRÜN DETAY ========================================== */ .urun-detay { max-width: 950px; margin: 20px auto; padding: 35px 28px; font-family: inherit; background: #f5f9fd; border: 1px solid #d9e5f0; border-radius: 24px; } /* ========================================== HEADER ========================================== */ .urun-detay__header { text-align: center; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 0; } .urun-detay__baslik { position: relative; display: inline-block; font-size: 32px; line-height: 1.2; font-weight: 700; color: #123b5d; margin: 0 0 18px; } .urun-detay__baslik::after { content: ""; display: block; width: 90px; height: 4px; margin: 16px auto 0; background: #2388ed; border-radius: 10px; } .urun-detay__kapasite { display: inline-block; font-size: 16px; font-weight: 600; color: #315674; background: transparent; padding: 0; border-radius: 0; } /* ========================================== BUTONLAR ========================================== */ .urun-detay__aksiyonlar { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 25px; flex-wrap: wrap; } .urun-detay__btn[href="/konfigurator"] { display: none !important; } .urun-detay__btn { display: inline-flex; align-items: center; justify-content: center; min-width: 90px; padding: 10px 22px; border: 1px solid #d6e1eb; border-radius: 8px; background: #fff; color: #17486d; text-decoration: none; font-size: 14px; font-weight: 600; box-shadow: 0 3px 10px rgba(25, 60, 90, 0.06); transition: all 0.25s ease; } .urun-detay__btn:hover { background: #2388ed; border-color: #2388ed; color: #fff; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(35, 136, 237, 0.18); } /* ========================================== GÖRSEL ALANI ========================================== */ .urun-detay__gorsel { display: flex; justify-content: center; align-items: center; gap: 20px; background: #fff; border: 1px solid #e0e7ee; border-radius: 18px; padding: 25px; margin-bottom: 22px; box-shadow: 0 5px 18px rgba(31, 55, 75, 0.06); } .urun-detay__ana-gorsel { display: block; width: 400px; max-width: 50%; height: auto; object-fit: contain; } .urun-detay__ikon { display: block; width: 400px; max-width: 50%; height: auto; object-fit: contain; } /* ========================================== TEKNİK TABLO ========================================== */ .urun-detay__teknik { background: #fff; border: 1px solid #e0e7ee; border-radius: 18px; padding: 25px; margin-top: 20px; box-shadow: 0 5px 18px rgba(31, 55, 75, 0.06); text-align: center; overflow: hidden; } .urun-detay__tablo { display: block; width: 100%; max-width: 100%; height: auto; margin: 0 auto; } /* ========================================== MOBİL ========================================== */ @media (max-width: 600px) { .urun-detay { margin: 10px; padding: 25px 15px; border-radius: 18px; } .urun-detay__baslik { font-size: 25px; } .urun-detay__kapasite { font-size: 15px; } .urun-detay__aksiyonlar { flex-direction: row; gap: 8px; } .urun-detay__btn { flex: 1; min-width: 0; padding: 10px 12px; } .urun-detay__gorsel { flex-direction: column; padding: 20px 12px; } .urun-detay__ana-gorsel { width: 100%; max-width: 350px; } .urun-detay__ikon { width: 180px; max-width: 60%; } .urun-detay__teknik { padding: 12px; overflow-x: auto; } .urun-detay__tablo { min-width: 650px; max-width: none; } } @media (min-width: 1819px) and (max-width: 1929px) { /*.main-menu-three__call-and-nav-sidebar-icon{*/ /* display: block;*/ /*}*/ .main-header-three { position: relative; display: block; width: 1921px !important; background: transparent; transition: all 500ms ease; z-index: 999; } } .urun-detay__teknik h2 { font-size: 22px; } /* 320 - 480 */ /* 320 - 480 */ /* 475 - 768 */ /* 765 - 990 */ /* 990 - 1300 */ /* ========================================================= Desktop Header Responsive Düzeltmeleri ========================================================= */ @media (min-width: 1200px) { .main-header-three { background: #fff; z-index: 999; } .main-menu-three__wrapper { padding-left: 0px !important; padding-right: 0px !important; } /* --- DÃœZENLENDÄ°: grid-template-areas ile üst bilgi çubuÄŸu tam geniÅŸliÄŸe yayılıyor, logo + menü altta tek satırda --- */ .main-menu-three__wrapper-inner { display: grid !important; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); grid-template-rows: auto auto; grid-template-areas: "top top" "logo menu"; align-items: stretch; row-gap: 0; /* DÃœZENLENDÄ°: üst çubukla arada boÅŸluk istenmiyor */ padding-left: 0 !important; } /* --- YENÄ°: box-outer'ı layout'tan çıkarıp çocuklarını doÄŸrudan grid'e katıyoruz --- */ .main-menu-three__main-menu-box-outer { display: contents !important; } .main-menu-three__logo { grid-area: logo; align-self: center; position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; max-width: none !important; width: auto !important; min-width: 0; padding: 14px 22px 10px 32px; /* DÃœZENLENDÄ°: sol boÅŸluk 18px -> 32px, kenara yapışmasın */ } .main-menu-three__call-and-nav-sidebar-icon { border-bottom-left-radius: 45px; } .main-menu-three__nav-sidebar-icon { margin-right: 10px !important; } .main-menu-three__logo img { width: clamp(140px, 10vw, 180px) !important; /* DÃœZENLENDÄ°: tek satırlı menüye uysun diye küçültüldü */ max-width: 100%; height: auto; } .main-menu-three__main-menu-box-outer, .main-menu-three__main-menu-box, .main-menu-three__main-menu-box-content { min-width: 0; } /* --- DÃœZENLENDÄ°: grid-area eklendi, tam geniÅŸlik --- */ .main-menu-three__main-menu-box-outer-top { grid-area: top; /* YENÄ° */ width: 100%; /* YENÄ° */ flex-wrap: nowrap !important; min-height: 56px; padding: 0px 50px !important; gap: 20px; overflow: hidden; } .main-menu-three__contact-list { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap !important; gap: 26px !important; } .main-menu-three__contact-list li { flex-wrap: nowrap !important; min-width: 0; gap: 10px !important; } .main-menu-three__contact-list li .text p, .main-menu-three__contact-list li .text p a { white-space: nowrap; } .main-menu-three__social { flex: 0 0 auto; gap: 14px !important; } /* --- DÃœZENLENDÄ°: grid-area eklendi --- */ .main-menu-three__main-menu-box-content { grid-area: menu; /* YENÄ° */ align-self: stretch; /* YENÄ° */ padding-top: 0px; /* YENÄ°: logo ile aynı hizada dikey boÅŸluk */ padding-bottom: 0px; /* YENÄ° */ padding-right: 28px; /* YENÄ°: saÄŸ kenara boÅŸluk, CTA kutusu yapışmasın */ display: grid !important; grid-template-columns: minmax(0, 1fr) auto; align-items: center; flex-wrap: nowrap !important; gap: 18px; } /* --- YENÄ°: menü linklerini mevcut alanın ortasına hizalama --- */ .main-menu-three__main-menu-box { display: flex !important; justify-content: center !important; align-items: center !important; width: 100%; } .main-menu-three .main-menu__list { justify-content: center !important; /* DÃœZENLENDÄ°: flex-start -> center */ flex-wrap: nowrap !important; flex: 0 1 auto; min-width: 0; } .main-menu-three .main-menu__list > li, .stricky-header.main-menu-three .main-menu__list > li { padding-top: 26px !important; padding-bottom: 26px !important; white-space: nowrap; } .main-menu-three .main-menu__list > li + li, .stricky-header.main-menu-three .main-menu__list > li + li { margin-left: clamp(15px, 1.65vw, 30px) !important; } .main-menu-three .main-menu__list > li > a, .stricky-header.main-menu-three .main-menu__list > li > a { font-size: clamp(15px, 0.95vw, 18px) !important; line-height: 1.1; } .main-menu-three__cart-search-call-and-nav-sidebar-icon { flex-wrap: nowrap !important; flex-shrink: 0; min-width: max-content; } .main-menu-three__search-cart-box { flex-shrink: 0; } .main-menu-three__call-and-nav-sidebar-icon { flex-wrap: nowrap !important; margin-left: 20px !important; padding: 18px 0 18px 10px !important; min-width: 0; } .main-menu-three__call-and-nav-sidebar-icon:before { top: -58px !important; } .main-menu-three__call { flex-wrap: nowrap !important; flex-shrink: 0; } .main-menu-three__nav-sidebar-icon { margin-left: 34px !important; flex-shrink: 0; } } @media (min-width: 1200px) and (max-width: 1550px) { .main-menu-three__wrapper { padding-left: 0px !important; padding-right: 0px !important; } .main-menu-three__wrapper-inner { grid-template-columns: 240px minmax(0, 1fr); } .main-menu-three__logo { padding-right: 16px; } .main-menu-three__logo img { width: 160px !important; /* DÃœZENLENDÄ° */ } .main-menu-three__main-menu-box-outer-top { padding-left: 50px !important; padding-right: 50px !important; } .main-menu-three__contact-list { gap: 20px !important; } .main-menu-three__main-menu-box-content { gap: 12px; } .main-menu-three .main-menu__list > li + li, .stricky-header.main-menu-three .main-menu__list > li + li { margin-left: 18px !important; } .main-menu-three .main-menu__list > li > a, .stricky-header.main-menu-three .main-menu__list > li > a { font-size: 16px !important; } .main-menu-three__search { font-size: 22px !important; } .main-menu-three__call-and-nav-sidebar-icon { margin-left: 16px !important; padding-left: 20px !important; } .main-menu-three__call-icon { width: 38px !important; height: 38px !important; } .main-menu-three__call-sub-title { font-size: 14px !important; } .main-menu-three__call-number { font-size: 16px !important; } .main-menu-three__nav-sidebar-icon { margin-left: 24px !important; } .main-menu-three__nav-sidebar-icon .navSidebar-button { width: 44px !important; } } @media (min-width: 1200px) and (max-width: 1350px) { .main-menu-three__wrapper { padding-left: 16px !important; padding-right: 16px !important; } .main-menu-three__wrapper-inner { grid-template-columns: 210px minmax(0, 1fr); } .main-menu-three__logo img { width: 140px !important; /* DÃœZENLENDÄ° */ } .main-menu-three__main-menu-box-outer-top { padding-left: 50px !important; padding-right: 50px !important; clip-path: none !important; border-radius: 0 !important; } .main-menu-three__contact-list li:nth-child(2), .main-menu-three__social { display: none !important; } .main-menu-three .main-menu__list > li, .stricky-header.main-menu-three .main-menu__list > li { padding-top: 23px !important; padding-bottom: 23px !important; } .main-menu-three .main-menu__list > li + li, .stricky-header.main-menu-three .main-menu__list > li + li { margin-left: 14px !important; } .main-menu-three .main-menu__list > li > a, .stricky-header.main-menu-three .main-menu__list > li > a { font-size: 15px !important; } .main-menu-three__call-content { display: none !important; } .main-menu-three__call-and-nav-sidebar-icon { margin-left: 12px !important; padding-left: 14px !important; } .main-menu-three__nav-sidebar-icon { margin-left: 14px !important; } } @media (max-width: 1199px) { .main-header-three .main-menu-three__wrapper { padding: 0 !important; } .main-header-three .main-menu-three__wrapper-inner { padding-left: 0 !important; } .main-header-three .main-menu-three__logo { position: relative !important; max-width: none !important; width: 100% !important; padding: 15px 16px !important; justify-content: space-between; } .main-header-three .main-menu-three__logo img { width: 200px !important; max-width: 58vw; } .main-header-three .main-menu-three__main-menu-box-outer-top { display: none !important; } .main-header-three .main-menu-three__main-menu-box-content { padding: 12px 16px !important; justify-content: flex-end !important; } .main-header-three .main-menu-three__cart-search-call-and-nav-sidebar-icon { display: none !important; } } .news-section .card { border: none; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; } .news-section .card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12); } .btn-blog-carc { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 22px; border-radius: 8px; background: #1976d2; color: #fff !important; font-size: 14px; font-weight: 600; text-decoration: none; border: 1px solid #1976d2; transition: all 0.3s ease; } .btn-blog-carc:hover { background: #0d47a1; border-color: #0d47a1; color: #fff !important; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(13, 71, 161, 0.25); } @media (max-width: 767px) { .news-section img { width: 100% !important; object-fit: cover; display: block; } .footer-widget__about-logo { justify-self: center; } } .footer-widget__about-logo img{ width: 300px !important; }