.page-icerik {    min-height: 650px;    padding: 2rem 0rem;    background-color: #fff;    color: #333;    line-height: 1.7;    font-size: 20px;    font-weight: 200;}a {    text-decoration: none;}.header-alt {    padding: 20px 8%;}a.liste_kutu {    width: 100%;    position: relative;    text-align: center;    display: block;    color: #424244;}a.liste_kutu .urun_liste_bg {    width: 100%;    height: 100%;    position: absolute;    left: 0px;    top: 0px;}a.liste_kutu .liste_kutu_ic {    width: 100%;    height: auto;    position: relative;    display: block;    padding-top: 0;    z-index: 1;    border-radius: 5px;    overflow: hidden;    box-shadow: 0px 0px 3px #0000002e;}a.liste_kutu .baslik {    width: 100%;    height: auto;    position: relative;    bottom: 0px;    z-index: 99;    padding: 40px 40px;    transition: all 0.2s;    text-align: left;    background: #fff;}a.liste_kutu .baslik .sayi::before {    content: "";    display: block;    width: 48px;    height: 1px;    margin-right: 16px;    background: var(--primary-orange);}a.liste_kutu .baslik .sayi {    width: 100%;    display: flex;    text-align: left;    margin-bottom: 14px;    font-size: 17px;    font-weight: 700;    align-items: center;}a.liste_kutu .baslik span {    width: 100%;    display: block;    text-align: left;    margin-bottom: 20px;    font-size: 22px;    font-weight: 700;}a.liste_kutu .baslik small {    width: 100%;    display: block;    text-align: left;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;    display: -webkit-box !important;    text-overflow: ellipsis;    font-size: 16px;    font-weight: 400;}a.liste_kutu .liste_kutu_ic .resim {    width: 100%;    height: 325px;    position: relative;    z-index: 9;}a.liste_kutu .liste_kutu_ic .resim img {    height: 100%;    object-fit: cover;    width: 100%;}.page-videolar {    padding: 0;}.page-videolar .images-list {    position: relative;    display: block;    overflow: hidden;    border-radius: 0.75rem;    background: #fff;    transition: all 0.3s ease;    text-decoration: none;    color: inherit;}.page-videolar .images-list:hover {    transform: translateY(-5px);    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);}.page-videolar .image {    position: relative;    width: 100%;    overflow: hidden;    border-radius: 0.75rem;}.page-videolar .image img {    width: 100%;    height: auto;    display: block;    border-radius: inherit;    transition: transform 0.4s ease;}.page-videolar .images-list:hover img {    transform: scale(1.05);}.page-videolar .zoom {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    background-color: rgba(255, 255, 255, 0.85);    border-radius: 50%;    width: 60px;    height: 60px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;}.page-videolar .zoom svg {    width: 30px;    height: 30px;    transition: transform 0.3s ease;    fill: var(--primary-orange);}.page-videolar .images-list:hover .zoom {    background-color: var(--primary-orange);}.page-videolar .images-list:hover .zoom svg {    transform: scale(1.15);    fill: #fff;}.page-videolar .images-list-text {    font-size: 1rem;    font-weight: 500;    color: #333;    text-align: center;    padding: 0.75rem 0.5rem 0.5rem;    line-height: 1.4;}@media (max-width: 767px) {    .page-videolar .col-6 {        width: 100% !important;        margin-bottom: 1.5rem;    }    .page-videolar .images-list-text {        font-size: 0.95rem;        padding: 0.5rem 0.25rem;    }    .page-videolar .zoom {        width: 50px;        height: 50px;    }    .page-videolar .zoom svg {        width: 24px;        height: 24px;    }}@media (min-width: 768px) and (max-width: 1199px) {    .page-videolar .col-md-6 {        width: 50% !important;        margin-bottom: 1.5rem;    }}.page-videolar .images-list,.page-videolar .zoom,.page-videolar img {    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}.page-resimler {    margin-top: 30px;}.page-urunler-listele-resimler {    position: relative;    display: block;    border-radius: 1rem;    background: #fff;    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);    transition: transform 0.3s ease, box-shadow 0.3s ease;    margin-bottom: 1.5rem;}.page-urunler-listele-resimler:hover {    transform: translateY(-5px);    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);}.image-container {    position: relative;    overflow: hidden;    width: 100%;    background-color: #f0f0f0;    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' width='200' height='200' style='shape-rendering: auto; display: block; background: transparent;' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Ccircle cx='50' cy='50' r='32' stroke-width='8' stroke='%23cccccc' stroke-dasharray='50.26548245743669 50.26548245743669' fill='none' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' keyTimes='0;1' values='0 50 50;360 50 50'%3E%3C/animateTransform%3E%3C/circle%3E%3Cg%3E%3C/g%3E%3C/g%3E%3C!-- [ldio] generated by https://loading.io/ --%3E%3C/svg%3E");    background-size: 50px;    background-repeat: no-repeat;    background-position: center;}.image-container img {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    object-fit: cover;    opacity: 0;    transition: opacity 0.5s ease-in-out, filter 0.4s ease;}.image-container img.loaded {    opacity: 1;}.page-urunler-listele-resimler:hover .image-container img.loaded {    filter: brightness(0.85);}/* Zoom ikonu stilleri */.page-urunler-listele-resimler .zoom {    position: absolute;    inset: 0;    display: flex;    align-items: center;    justify-content: center;    opacity: 0;    background: rgba(0, 0, 0, 0.4);    transition: opacity 0.3s ease;    z-index: 2;}.page-urunler-listele-resimler:hover .zoom {    opacity: 1;}.page-urunler-listele-resimler .zoom svg {    width: 40px;    height: 40px;    fill: #fff;    transform: scale(0.8);    transition: transform 0.3s ease;}.page-urunler-listele-resimler:hover .zoom svg {    transform: scale(1);}/* Resim başlığı stilleri */.images-list-text {    text-align: center;    font-size: 1rem;    font-weight: 500;    color: #333;    padding: 0.8rem 0.5rem;    background: #f9f9f9;    border-radius: 0 0 1rem 1rem;    text-decoration: none;}@media (max-width: 767px) {    .col-6 {        width: 100% !important;    }    .images-list-text {        font-size: 0.9rem;    }}@media (min-width: 768px) and (max-width: 1199px) {    .col-md-3 {        width: 50% !important;    }}.page-urunler-listele-resimler,.page-urunler-listele-resimler .zoom,.page-urunler-listele-resimler svg {    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}.team-section h2 {    color: #333;    position: relative;    display: inline-block;    padding-bottom: 10px;}.team-section h2::after {    content: "";    position: absolute;    bottom: 0;    left: 50%;    transform: translateX(-50%);    width: 60px;    height: 3px;    background-color: #0d6efd;}.profile-card {    background-color: #fff;    border-radius: 15px;    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);    transition: all 0.3s ease;    overflow: hidden;    border: 1px solid #eee;}.profile-card:hover {    transform: translateY(-10px);    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);}.profile-image-wrapper {    position: relative;    overflow: hidden;    padding: 20px 20px 0 20px;}.profile-image-wrapper img {    width: 150px;    height: 150px;    object-fit: cover;    transition: transform 0.4s ease;    border: 4px solid #fff;    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.profile-card:hover .profile-image-wrapper img {    transform: scale(1.1);}.profile-overlay {    position: absolute;    top: 20px;    left: 20px;    right: 20px;    bottom: 0;    background: rgba(13, 110, 253, 0.8);    border-radius: 50% 50% 0 0;    opacity: 0;    visibility: hidden;    transition: all 0.4s ease;    display: flex;    align-items: center;    justify-content: center;}.profile-card:hover .profile-overlay {    opacity: 1;    visibility: visible;}.overlay-content {    color: #fff;}.social-links a {    color: #fff;    font-size: 18px;    margin: 0 8px;    display: inline-block;    transition: transform 0.2s ease;}.social-links a:hover {    color: #fff;    transform: scale(1.2);}.profile-info {    background-color: #fff;}.profile-info h5 {    font-weight: 600;    color: #212529;}.profile-info p {    font-size: 0.9rem;}.iletisim1 {    width: 100%;    height: auto;}.iletisim1 .maps {    width: 100%;    height: 400px;}.iletisim1 .maps iframe {    width: 100%;    height: 100%;}.iletisim-bolumu {    padding: 80px 0;    text-align: center;}.iletisim-bolumu .section-title {    font-size: 36px;    color: var(--mavi);    margin-bottom: 20px;    font-family: var(--font3);    text-align: left;}.iletisim-bolumu .section-subtitle {    font-size: 22px;    margin-bottom: 40px;    text-align: left;    padding: 0 250px 0px 0;    line-height: 25px;    font-weight: 300;}.iletisim-grid {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 30px;}.iletisim-kutu {    text-align: left;    padding: 0;}.iletisim-kutu .ikon-alan {    width: 60px;    height: 60px;    border-radius: 50%;    background-color: var(--primary-orange);    color: white;    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 20px;    position: absolute;}.iletisim-kutu .ikon {    width: 30px;    height: 30px;}.iletisim-kutu .ikon-text {    padding-left: 80px;}.iletisim-kutu h3 {    font-size: 20px;    color: var(--dark-text);    margin-bottom: 10px;    font-family: var(--font3);    margin-top: 0;}.iletisim-kutu p {    font-size: 20px;    color: var(--yazirenk2);    margin-top: 0;}form.form1 {    background: #f2f2f2;    padding: 40px;}.mb-3 {    margin-bottom: 1rem !important;}form.form1 .basliklabel {    font-weight: 600;    color: #333;    margin-bottom: 6px;    display: none;    text-align: left;}form.form1 .basliklabel span {    color: #e63946;    margin-right: 4px;}form.form1 .form-control {    border: none;    border-bottom: 1px solid #ddd;    border-radius: 0;    padding: 10px 14px 10px 0;    font-size: 15px;    transition: all 0.3s ease;    width: 100%;    background: transparent;}form.form1 .form-control:focus {    box-shadow: none;    outline: none;}form.form1 textarea.form-control {    resize: none;    min-height: 120px;    width: 100%;    font-family: sans-serif;}form.form1 .guvenlik_input {    display: flex;    flex-direction: column;}form.form1 .guvenlik_input .guvenlik_resim {    margin-top: 10px;    position: relative;    bottom: 60px;    left: 90px;    zoom: 70%;}form.form1 .guvenlik_input .guvenlik_resim img {    border: #ffdead;    border-radius: 6px;    padding: 4px;    background: transparent;}form.form1 button#submit_1 {    padding: 20px 30px;    border-radius: 0 0 0 0;    font-size: 13px;    font-weight: 500;    letter-spacing: 3px;    color: white !important;    background-color: var(--primary-orange) !important;    text-transform: uppercase;    display: inline-flex;    border: none;    border-radius: 30px;}form.form1 button#submit_1:hover {    transform: translateY(-2px);}form.form1 .help-block {    font-size: 13px;    color: #e63946;    margin-top: 4px;}form.form1 .formAlert_1 {    margin-top: 15px;    border-radius: 8px;    padding: 12px;    font-size: 14px;}@media (max-width: 1200px) {    form.form1 {        padding: 20px;        display: none;    }    form.form1 button#submit_1 {        font-size: 15px;        padding: 10px;    }    .sol-menu-style2 .navbar .navbar-toggler {        display: none !important;    }    .iletisim-grid {        grid-template-columns: 1fr;    }    #sol-menu {        display: none;    }    /* Masaüstünde görünür olsun */    @media (min-width: 992px) {        #sol-menu {            display: block !important;        }    }    .sol-menu-hasem-fixed {        position: fixed;        top: 0;        left: 0;        width: 280px;        height: 100vh;        background: #fff;        z-index: 999;        overflow-y: auto;    }    .footer {        display: none;    }}.sol-menu-style1 .breadcrumb {    margin-bottom: 0px;    border-radius: 0px;    background: transparent;    padding: 0px;}.sol-menu-style1 .breadcrumb li a {    color: #3e3e3e;}.sol-menu-style1 .sol-menu .menu-akordiyon {    width: 100%;    position: relative;}.sol-menu-style1 .sol-menu .menu-akordiyon .sol-menu-icon {    display: inline-block;    margin-right: 8px;    font-size: 0.75rem;    display: none;}.sol-menu-style1 .sol-menu .menu-akordiyon .sol-menu-alt-var {    display: inline-block;    float: right;    font-size: 12px;}.sol-menu-style1 .sol-menu .menu-akordiyon {    width: 100%;    text-align: left;}.sol-menu-style1 .sol-menu .menu-akordiyon ul {    margin: 0;    padding: 0;    width: 100%;    position: relative;}.sol-menu-style1 .sol-menu .menu-akordiyon ul li:first-child {    border: none;    margin-top: 0px;}.sol-menu-style1 .sol-menu .menu-akordiyon ul li {    list-style-type: none;    width: 100%;    position: relative;    background: #f2f2f2;    margin-top: 1px;}.sol-menu-style1 .sol-menu .menu-akordiyon ul li a {    width: 100%;    font-size: 0.85rem;    color: #23282d;    line-height: 1.6em;    padding: 16px 24px 14px;    font-weight: 500;    transition: all 0.25s ease !important;    display: block;}.sol-menu-style1 .sol-menu .menu-akordiyon ul li.active a {    color: #fff;    background: #5f5f5f;}.sol-menu-style1 .sol-menu .menu-akordiyon ul li a:hover {    color: #fff;    background: #5f5f5f;}.sol-menu-style1 .sol-menu .menu-akordiyon ul li ul {    display: none;    background: #fff;}.sol-menu-style1 .sol-menu .menu-akordiyon ul li ul li {    margin-top: 0px;}.sol-menu-style1 .sol-menu .menu-akordiyon ul li ul li a {    padding: 8px 24px 8px;    font-weight: 400;    color: #23282d;}.sol-menu-style1 .navbar {    padding: 0px;}.sol-menu-style1 .navbar .navbar-toggler {    width: 100%;    position: relative;    margin-top: 0px;    top: 0px;    padding: 16px 24px 14px;    font-size: 0.8rem;    text-align: left;    background: #333;    color: #fff;    border: none;    outline: none;}.sol-menu-style1 .navbar .navbar-toggler:focus {    border: none;}.sol-menu-style1 .navbar .navbar-toggler:hover {    border: none;}.sol-menu-style1 .navbar .navbar-toggler i {    padding-right: 5px;}.sol-menu-style2 {    width: 100%;    height: auto;}.sol-menu-style2 .breadcrumb {    margin-bottom: 0px;    border-radius: 0px;    background: transparent;    padding: 0px;}.sol-menu-style2 .breadcrumb li a {    color: #3e3e3e;}.sol-menu-style2 .sol-menu .menu-akordiyon {    width: 100%;    position: relative;}.sol-menu-style2 .sol-menu .menu-akordiyon .sol-menu-icon {    display: inline-block;    margin-right: 8px;    font-size: 12px;    display: none;}.sol-menu-style2 .sol-menu .menu-akordiyon .sol-menu-alt-var {    display: inline-block;    float: right;    font-size: 0.8rem;}.sol-menu-style2 .sol-menu .menu-akordiyon {    width: 100%;    text-align: left;}.sol-menu-style2 .sol-menu .menu-akordiyon ul {    margin: 0;    padding: 0;    width: 100%;    position: relative;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li:first-child {    border: none;    margin-top: 0px;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li {    list-style-type: none;    width: 100%;    position: relative;    background-color: #fff;    -webkit-box-shadow: 5px 0 17px 0 rgba(0, 0, 0, 0.05);    -moz-box-shadow: 5px 0 17px 0 rgba(0, 0, 0, 0.05);    box-shadow: 5px 0 17px 0 rgba(0, 0, 0, 0.05);    margin-top: 1px;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li a {    border-bottom: none;    border-right: none;    padding: 10px 20px;    line-height: 1;    position: relative;    width: 100%;    display: flex;    align-items: center;    justify-content: space-between;    text-decoration: none;    color: #000;    font-size: 21px;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li.active a {    color: #fff;    background: var(--primary-orange);}.sol-menu-style2 .sol-menu .menu-akordiyon ul li a:after {    content: "";    width: 32px;    height: 32px;    display: flex;    align-items: center;    justify-content: center;    background: #0000000d;    mask: url("data:image/svg+xml;utf8,<svg fill='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='...'/></svg>") no-repeat center;    -webkit-mask: url("data:image/svg+xml;utf8,<svg fill='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='...'/></svg>") no-repeat center;    mask-size: 20px;    -webkit-mask-size: 20px;    cursor: pointer;    transition: all 500ms ease;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li a:hover {    color: #fff;    background: var(--primary-orange);}.sol-menu-style2 .sol-menu .menu-akordiyon ul li a:hover:after {    content: "\eab8";    position: relative;    font-family: "fontello";    font-style: normal;    font-weight: normal;    width: 32px;    height: 32px;    text-align: center;    color: #000000;    background: #0000000d;    cursor: pointer;    border-radius: 2px;    -o-transition: all 500ms ease;    transition: all 500ms ease;    z-index: 5;    display: flex;    align-items: center;    justify-content: center;    font-size: 20px;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li ul {    display: none;    background: #fff;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li ul li {    margin-top: 0px;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li ul li a {    padding: 13px 24px 13px;    font-weight: 400;    color: #23282d;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li ul li.active a {    color: #fff;    background: #5f5f5f;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li ul li a:hover {    color: #fff;    background: #5f5f5f;}.sol-menu-style2 .navbar {    padding: 0px;}.sol-menu-style2 .navbar .navbar-toggler {    width: 100%;    position: relative;    margin-top: 0px;    top: 0px;    padding: 16px 24px 14px;    font-size: 0.375rem;    text-align: left;    background: #333;    color: #fff;    border: none;    outline: none;}.sol-menu-style2 .navbar .navbar-toggler:focus {    border: none;}.sol-menu-style2 .navbar .navbar-toggler:hover {    border: none;}.sol-menu-style2 .navbar .navbar-toggler i {    padding-right: 5px;}/* --- Mobil Menü Genel Stilleri --- *//* Mobil menü açıldığında body'e scroll'u engellemek için */body.mobil-menu-acik {    overflow: hidden;}/* Arka planı karartan overlay katmanı */.menu-overlay {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.6);    z-index: 998;    /* Menünün bir katman altında olmalı */    opacity: 0;    visibility: hidden;    /* display:none yerine bu, animasyon için daha iyi */    transition: opacity 0.4s ease, visibility 0.4s ease;}/* Menü açıldığında overlay'i görünür yap */body.mobil-menu-acik .menu-overlay {    opacity: 1;    visibility: visible;}/* --- Sadece Mobil ve Tablet İçin Geçerli Stiller (LG Kırılım Noktası: 992px) --- */@media (max-width: 991.98px) {    #sol-menu {        position: relative;        top: 0;        left: 0;        width: 100%;        /* Menü genişliği */        height: 100%;        background: #fff;        overflow-y: auto;        box-shadow: 4px 0px 15px rgba(0,0,0,0.15);        /* Başlangıç pozisyonu: Ekranın solunda gizli */        /* transform: translateX(-100%); */        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);        /* Yumuşak geçiş efekti */    }    /* Menü açıldığında pozisyonu: Ekranda görünür */    body.mobil-menu-acik #sol-menu {        transform: translateX(0);    }    /* Mobil menüdeki kapatma butonu */    #sol-menu .kapatma-yeri {        margin-bottom: 20px;        position: absolute;        right: 9px;        background: #000;        width: 25px;        height: 25px;        color: #fff;        display: flex;        align-items: center;        display: none !important;        justify-content: center;        line-height: 1;        border-radius: 50%;        top: 10px;        font-size: 18px;        font-family: arial;    }    #sol-menu .kapatma-yeri i {        font-size: 28px;        color: #333;        cursor: pointer;        transition: transform 0.2s ease, color 0.2s ease;    }    #sol-menu .kapatma-yeri i:hover {        color: #d9534f;        /* Kırmızı bir renk */        transform: rotate(90deg);    }    .sol-menu-hasem {        display: block !important;    }}@media(max-width: 1024px) {    .iletisim-bolumu .section-subtitle {        padding: 0 0 30px 0;    }    [class*="col-"]{        width: 100%;    }    .akordiyon-baslik{        display: none;    }    .sol-menu-style2 .sol-menu .menu-akordiyon{        margin-bottom: 20px;    }}@media (min-width: 992px) {    /* Masaüstünde hamburger menü butonunu gizle */ .sol-menu-mobil-button {        display: none !important;    }    /* Masaüstünde menüyü normal akışında göster */    #sol-menu {        display: block !important;        position: static;        /* Sabit pozisyondan çıkar */        height: auto;        width: 100%;        transform: none !important;        /* Animasyon için eklenen transform'u iptal et */        box-shadow: none;        /* Gölgeyi kaldır */        padding: 0;        overflow-y: visible;    }    /* Masaüstünde overlay'i her zaman gizli tut */    .menu-overlay {        display: none !important;    }}/* Mevcut menü stilleriniz (sol-menu-style1, sol-menu-style2) olduğu gibi kalabilir. *//* Bu yeni kodlar, sadece mobil açılıp kapanma mekanizmasını yönetir. */.sol-menu-style1 .navbar .navbar-toggler,.sol-menu-style2 .navbar .navbar-toggler {    /* d-lg-none class'ı zaten bunu yapıyor ama garanti olsun */    display: block;}@media (min-width: 992px) {    .sol-menu-style1 .navbar .navbar-toggler, .sol-menu-style2 .navbar .navbar-toggler {        display: none;    }}