.page-icerik {    min-height: 650px;    padding: 2rem 0rem;    background-color: #fff;    color: #333;    line-height: 1.7;}a {    text-decoration: none;}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%;}/* --------------------------------------------------- *//* Video Galerisi Stilleri (Değişiklik Yok) *//* --------------------------------------------------- */.page-videolar {    padding: 0;}.page-videolar .images-list {    position: relative;    display: block;    overflow: hidden;    border-radius: var(--radius);    background: #fff;    transition: all 0.3s ease;    text-decoration: none;    color: inherit;    margin-bottom: 25px;}.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: var(--radius);}.page-videolar .image img {    width: 100%;    height: auto;    display: block;    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: 0px;}/* Ana kart yapısı */.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);}/* Lazy Load için Resim Çerçevesi (Placeholder) */.image-container {    border-radius: var(--radius);    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;}/* Resmin kendisi için stiller */.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;}/* Resim yüklendiğinde görünür yap */.image-container img.loaded {    opacity: 1;}/* Mevcut hover efektiniz yeni yapıya uyarlandı */.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: 20px;    height: 20px;    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: 18px;    font-weight: 700;    color: #fff;    padding: 0.8rem 0.5rem;    background: #2424c2;    border-radius: 0 0 var(--radius) var(--radius);    text-decoration: none;}/* Genel responsive kurallar */@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);}/* --------------------------------------------------- *//* Ekibimiz Sayfası Stilleri (Değişiklik Yok) *//* --------------------------------------------------- */.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;}/* İÇERK MODAL RESİM VE VİDEO*/.page-baslik1 {    background-color: #f5f5f5;    /* Hafif gri arka plan */    padding: 1.5rem 0;    border-bottom: 1px solid #e0e0e0;    margin-top: 110px;}.page-baslik1 h3 {    font-size: 1.75rem;    font-weight: 700;    color: #2424c2;    margin: 0 0 0px 0;    line-height: 1.2;}.page-baslik1 .d-sm-flex {    display: flex;    align-items: center;    justify-content: space-between;    gap: 1rem;}/* Breadcrumb stili */.page-baslik1 .breadcrumb {    display: flex;    flex-wrap: wrap;    font-size: 0.9rem;    color: #777;    list-style: none;    padding: 0;    margin: 0;}.page-baslik1 .breadcrumb li {    margin-right: 0.5rem;}.page-baslik1 .breadcrumb li + li:before {    content: "/";    margin-right: 0.5rem;    color: #999;}.page-baslik1 .breadcrumb li a {    color: #555;    text-decoration: none;    transition: color 0.3s ease;}.page-baslik1 .breadcrumb li a:hover {    color: #007bff;    /* Ana renk */}@media (max-width: 767px) {    .page-baslik1 .d-sm-flex {        flex-direction: column;        align-items: flex-start;        gap: 0.5rem;    }    .page-baslik1 h3 {        font-size: 1.5rem;        margin-bottom: 0.5rem;    }    .page-baslik1 .breadcrumb {        font-size: 0.85rem;    }}/**/.sol-menu-style1 {    width: 100%;    height: auto;}.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: #2424c2;}.sol-menu-style1 .sol-menu .menu-akordiyon ul li a:hover {    color: #fff;    background: #2424c2;}.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;    font-size: 18px;    text-align: left;    background: #333;    color: #fff;    border: none;    outline: none;    display: flex;    align-items: center;}.sol-menu-style1 .navbar .navbar-toggler:focus {    border: none;}.sol-menu-style1 .navbar .navbar-toggler:hover {    border: none;}.sol-menu-style1 .navbar .navbar-toggler svg {    margin-right: 15px;    fill: #fff;    width: 25px;    height: 25px;}@media (min-width: 1201px) {    .sol-menu-mobil-button {        display: none !important;    }}@media (max-width: 1200px) {    .sol-menu-style1 .sol-menu .menu-akordiyon {        padding: 0px 15px;    }    /* width */    .sol-menu-hasem .menu-akordiyon::-webkit-scrollbar {        width: 5px;    }    /* Track */    .sol-menu-hasem .menu-akordiyon::-webkit-scrollbar-track {        box-shadow: inset 0 0 5px grey;        border-radius: 10px;    }    /* Handle */    .sol-menu-hasem .menu-akordiyon::-webkit-scrollbar-thumb {        background: #6d6d6d;        border-radius: 10px;    }    .sol-menu-hasem {        width: 80%;        height: 100%;        position: fixed;        top: 0;        left: -80%;        z-index: 999999999999;        background: #fff;        transition: 0.2s ease-in-out;    }    .sol-menu-hasem-fixed {        left: 0;        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);    }    .sol-menu-hasem .akordiyon-baslik {        font-size: 16px;        text-align: left;        font-weight: 700;        padding: 15px;        border-bottom: 1px solid #d6d6d6;        box-shadow: 0 0 10px rgba(0, 0, 0, 0);        text-transform: capitalize;        margin-bottom: 15px;        display: flex;        align-items: center;        justify-content: space-between;    }    .sol-menu-hasem .akordiyon-baslik .kapat svg {        fill: #000;        width: 25px;        height: 25px;    }    #menu-overlay {        display: none;        /* Başlangıçta gizli */        position: fixed;        top: 0;        left: 0;        width: 100%;        height: 100%;        background-color: rgba(0, 0, 0, 0.6);        /* Yarı saydam siyah renk */        z-index: 999;        /* Menünün arkasında, sayfa içeriğinin önünde */        cursor: pointer;        /* Tıklanabilir olduğunu belirtmek için */    }}.page-dosya {    padding: 2rem 0rem;}/* Dosya linkleri */.page-dosya .dosya-liste {    position: relative;    display: flex;    flex-direction: column;    align-items: center;    padding: 1rem;    background: #f9f9f9;    border: 1px solid #e0e0e0;    transition: transform 0.3s ease, box-shadow 0.3s ease;    text-decoration: none;    color: inherit;    border-radius: 0.5rem;    fill: var(--primary-orange);}.page-dosya .dosya-liste:hover {    transform: translateY(-5px);    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);}/* Dosya ikonları */.page-dosya .dosya-icon {    position: relative;    display: flex;    align-items: center;    justify-content: center;    width: 80px;    height: 80px;    margin-bottom: 0.8rem;}/* SVG ikon boyutu ve renk ayarı */.page-dosya .dosya-icon svg {    width: 60px;    height: 60px;    display: block;}/* İndir butonu */.page-dosya .indir {    position: absolute;    top: 1px;    right: 5px;    font-size: 0.9rem;    background-color: #ffffff;    color: #fff;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50%;    width: 28px;    height: 28px;    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);    transition: background-color 0.3s ease, transform 0.3s ease;    padding: 0 6px;}.page-dosya .dosya-liste:hover .indir {    color: #fff;    transform: scale(1.1);}/* Dosya başlığı */.page-dosya .dosya-aciklama .baslik {    text-align: center;    font-size: 0.95rem;    font-weight: 500;    color: #333;    word-break: break-word;}/* Responsive kolonlar */@media (max-width: 767px) {    .page-dosya .col-6 {        width: 100% !important;        margin-bottom: 1rem;    }}@media (min-width: 768px) and (max-width: 1199px) {    .page-dosya .col-md-3 {        width: 50% !important;        margin-bottom: 1rem;    }}/* Animasyon ve geçişler */.page-dosya .dosya-liste,.page-dosya .dosya-icon,.page-dosya .indir {    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}.iletisim_yeni {    width: 100%;    height: auto;    position: relative;    padding: 60px 0;}.iletisim_yeni .float-start {    fill: #2424c2;    background: #ffffff;    width: 70px;    height: 70px;    align-items: center;    border-radius: 50%;    text-align: center;    display: inline-flex;    padding: 0 !important;    justify-content: center;    box-shadow: 0px 0px 10px 0px #0000001f;}.iletisim_yeni svg {    fill: #2424c2;}.iletisim_yeni .formbgg {    width: 100%;    height: auto;    background: transparent;    margin-top: 30px;}.iletisim_yeni .formsol {    width: 85%;}.iletisim_yeni .formsol h3 {    width: 100%;    height: auto;    text-align: center;    font-weight: 400;    display: none;}.iletisim_yeni form.form1 {    border-radius: 0px !important;    -webkit-border-radius: 0px !important;    -moz-border-radius: 0px !important;    -ms-border-radius: 0px !important;    -o-border-radius: 0px !important;    border: none !important;    padding: 0rem !important;    background: transparent;}.iletisim_yeni form.form1 .basliklabel {    display: none;}.iletisim_yeni form.form1 .form-control {    width: 100%;    font-size: 14px !important;    padding: 15px 10px 15px 20px !important;    font-weight: 400;    line-height: 1.5;    margin-bottom: 20px;    color: #212529;    background-color: #fff;    background-clip: padding-box;    border: 1px solid #ced4da;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 0.25rem;    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;    border-left: solid #2424c2;}.iletisim_yeni form.form1 textarea.form-control {    min-height: 250px !important;    padding: 15px 10px 15px 10px !important;    width: 100%;}.iletisim_yeni form.form1 .btn {    font-size: 0.85rem;    height: 52px;    padding: 0 1.9rem;    display: flex;    border: none;    align-items: center;    border-radius: 5px;}.iletisim_yeni .maps {    height: 100%;    border-radius: 20px;    overflow: hidden;    border: solid 10px white;    box-shadow: 0px 0px 10px 0px #00000026;}.iletisim_yeni .maps iframe {    width: 100%;    height: 100%;}.guvenlik_resim {    position: relative;    left: 140px;    bottom: 60px;    max-width: 140px;}@media(max-width: 1024px) {    [class*="col-"] {        width: 100%;    }    .iletisim_yeni .formsol {        width: 100%;    }    .guvenlik_resim {        max-width: 200px;    }    .iletisim_yeni .maps {        display: none;    }    .sol-menu-style1 .navbar .navbar-toggler {        margin-bottom: 20px;    }}