/* =================================================================== *//* === BU DOSYA, SİTENİZİN TÜM STİLLERİNİ VE LAZY LOAD GÜNCELLEMELERİNİ İÇERİR === *//* =================================================================== */.page-icerik {    min-height: 650px;    padding: 4rem 0rem;    background-color: #fff;    color: #333;    line-height: 1.7;}a {    text-decoration: none;}/* --------------------------------------------------- *//* Liste Kutusu Stilleri (Değişiklik Yok) *//* --------------------------------------------------- */a.liste_kutu {    width: 100%;    position: relative;    text-align: center;    display: block;    color: #424244;    margin-bottom: 30px;}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: 30px 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-color);}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: 21px;    font-weight: 700;    margin-bottom: 0;}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: 0.75rem;    background: #fff;    transition: all 0.3s ease;    text-decoration: none;    color: inherit;    margin-bottom: 20px;}.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-color);}.page-videolar .images-list:hover .zoom {    background-color: var(--primary-color);}.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);}/* =================================================================== *//* === RESİM GALERİSİ İÇİN GÜNCELLENMİŞ VE BİRLEŞTİRİLMİŞ STİLLER === *//* =================================================================== */.page-resimler {    margin-top: 30px;}/* 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 {    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: 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;}/* 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;}/**/.iletisim1 {    width: 100%;    height: auto;}.iletisim1 .maps {    width: 100%;    height: 500px;    margin-top: 80px;}.iletisim1 .maps iframe {    width: 100%;    height: 100%;}.iletisim-bolumu {    padding: 0;    text-align: center;}.iletisim-bolumu .section-title {    font-size: 36px;    color: var(--mavi);    margin-bottom: 20px;    font-family: var(--font3);    text-align: left;    margin-top: 0;}.iletisim-bolumu .section-subtitle {    font-size: 17px;    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-color);    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: 16px;    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-color) !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;}.show-all-btn {    display: inline-flex;    align-items: center;    padding: 12px 24px;    border: 1px solid #1d7db3;    border-radius: 30px;    color: #1d7db3;    background-color: transparent;    font-size: 0.95rem;    font-weight: 600;    text-decoration: none;    transition: all 0.3s ease;}.show-all-btn:hover {    background-color: #1d7db3;    color: white;}.btn-arrow {    display: flex;    align-items: center;    justify-content: center;    width: 32px;    height: 32px;    background-color: #1d7db3;    color: white;    border-radius: 50%;    margin-left: 12px;    font-size: 1.2rem;    transition: transform 0.3s ease;}.show-all-btn:hover .btn-arrow {    transform: translateX(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: 11px;    border-radius: 30px;    overflow: hidden;}.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: 16px;}.sol-menu-style2 .sol-menu .menu-akordiyon ul li.active a {    color: #fff;    background: var(--primary-color);}.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-color);}.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;    display: 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;}.about-section {    position: relative;    background-color: #4c4c4c;    padding: 70px 40px;    overflow: hidden;    /* Grid deseninin taşmasını önler */}/* Arka Plandaki Grid Deseni */.about-section::before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-image: linear-gradient( to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px ), linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);    background-size: 40px 40px;    z-index: 0;    opacity: 0.5;}/* İçerik Konteyneri */.about-container {    display: flex;    align-items: center;    gap: 50px;    margin: 0 auto;    position: relative;    /* İçeriğin grid üzerinde kalması için */    z-index: 1;}.about-container {    display: flex;    align-items: center;    gap: 50px;    margin: 0 auto;    position: relative;    /* İçeriğin grid üzerinde kalması için */    z-index: 1;}.about-container .show-all-btn {    border: 1px solid #1d7db3;    color: #fff;    background: #1d7db3;}.about-container .btn-arrow {    background-color: #fff;    color: #1d7db3;}/* Sol Taraf - Fotoğraf Galerisi */.image-gallery {    flex: 2;    display: flex;    gap: 15px;}.image-gallery .main-image {    flex: 2;    /* Büyük resmin daha fazla yer kaplaması için */}.image-gallery .side-images {    flex: 1;    display: flex;    flex-direction: column;    gap: 15px;}.image-gallery img {    width: 100%;    height: 100%;    object-fit: cover;    border-radius: 3px;    display: block;}/* Sağ Taraf - Metin İçeriği */.text-content {    flex: 1;    padding-left: 20px;}.text-content h2 {    font-size: 42px;    font-weight: 600;    margin-top: 0;    margin-bottom: 20px;    color: #fff;}.text-content p {    font-size: 15px;    line-height: 1.4;    color: #fff;    /* Daha yumuşak bir beyaz tonu */    margin-bottom: 30px;}/* Buton Stili */.explore-button {    display: inline-flex;    align-items: center;    padding: 10px 15px 10px 25px;    border: 1px solid #e08b33;    border-radius: 50px;    /* Tam yuvarlak kenarlar */    text-decoration: none;    color: #ffffff;    font-weight: 500;    transition: all 0.3s ease;}.explore-button:hover {    background-color: rgba(224, 139, 51, 0.1);}.explore-button .icon {    display: flex;    justify-content: center;    align-items: center;    width: 36px;    height: 36px;    background-color: #f37d1d;    /* Turuncu daire */    border-radius: 50%;    margin-left: 15px;    font-size: 20px;    font-weight: bold;    transition: transform 0.3s ease;}.explore-button:hover .icon {    transform: translateX(5px);    /* Hover'da hafif sağa kayma efekti */}/* Mobil ve Tablet için Responsive Tasarım */@media (max-width: 992px) {    .about-container {        flex-direction: column;        text-align: center;    }    .text-content {        padding-left: 0;        margin-top: 40px;    }}@media (max-width: 576px) {    .image-gallery {        flex-direction: column;    }    .text-content h2 {        font-size: 32px;    }    .text-content p {        font-size: 15px;    }    .about-section {        padding: 40px 20px;    }}.homesayac {    margin-top: 50px;    text-align: center;    position: relative;    z-index: 1;}.homesayac__wrapper {    display: flex;    justify-content: space-around;    align-items: center;    flex-wrap: wrap;    /* Mobil cihazlar için alt satıra geçmesini sağlar */    margin: 0 auto;}/* Her bir sayaç öğesi (Element) */.homesayac__item {    flex-basis: 22%;    /* 4'lü dizilim için */    padding: 20px;    margin: 15px 0;    transition: transform 0.3s ease, box-shadow 0.3s ease;}.homesayac__item:hover {    transform: translateY(-10px);}/* İkon Stili */.homesayac__icon {    font-size: 48px;    color: #007bff;    /* Ana Renk */    margin-bottom: 20px;    transition: color 0.3s ease;}.homesayac__item:hover .homesayac__icon {    color: #0056b3;}/* Sayı Stili */.homesayac__number {    font-size: 3.5em;    font-weight: 700;    color: #fff;    line-height: 1.1;}.dhomesayac__item-ci {    display: flex;    align-items: center;    justify-content: center;}.homesayac__item .plus {    font-size: 26px;    font-weight: 400;    color: #fff;    margin-left: 25px;}/* Başlık/Etiket Stili */.homesayac__label {    font-size: 1em;    font-weight: 400;    color: #fff;    margin-top: 10px;    text-transform: uppercase;}/* Responsive Ayarlar */@media (max-width: 992px) {    .homesayac__item {        flex-basis: 45%;        /* 2'li dizilim */    }    .homesayac__number {        font-size: 3em;    }}@media (max-width: 576px) {    .homesayac__wrapper {        flex-direction: column;        /* Tekli dizilim */    }    .homesayac__item {        flex-basis: 100%;        width: 100%;    }}.page-urunler-liste {    width: 100%;    height: auto;    position: relative;    border-radius: 20px;    overflow: hidden;    margin-bottom: 20px;    display: inline-block;}.page-urunler-liste .resim {    width: 100%;    height: 420px;    position: relative;}.page-urunler-liste .resim::before {    width: 100%;    height: 100%;    position: absolute;    content: '';    left: 0px;    top: 0px;    background-color: rgba(0, 0, 0, .2);    z-index: 99;    transition: .3s;}.page-urunler-liste:hover .resim::before {    background-color: rgba(0, 0, 0, 0.326);}.page-urunler-liste .resim img {    width: 100%;    height: 100%;    object-fit: cover;}.page-urunler-liste .baslik {    width: 100%;    position: absolute;    display: flex;    align-items: center;    justify-content: center;    font-size: 15px;    font-weight: 700;    bottom: 50px;    left: 0px;    transition: .5s;    z-index: 9;    color: #fff;    text-align: center;    z-index: 99;}.page-urunler-liste .baslik span {    position: relative;    z-index: 1;    display: block;    font-size: 25px;    font-weight: 700;    text-transform: uppercase;    margin-bottom: 12px;    padding: 0 20px;}.page-urunler-liste .baslik small {    position: relative;    z-index: 1;    display: inline-block;    font-size: 11px;    line-height: 1.72727em;    font-weight: 500;    text-transform: uppercase;    letter-spacing: 3px;    border-bottom: 1px solid transparent;    transition: .5s;}.page-urunler-liste:hover .baslik small {    border-bottom: 1px solid #fff;}.makine-ozellikleri {    /* Arka planı beyaz yaptık */    /* Hafif gölge ekledik */    margin-top: 30px;    width: 100%;}.makine-ozellikleri h2 {    color: var(--primary-color, #007bff);    margin-bottom: 30px;    text-align: center;    font-size: 28px;    font-weight: 600;    /* Daha belirgin başlık */}.makine-ozellikleri .ozellik-listesi {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));    gap: 30px;}.makine-ozellikleri .ozellik {    display: flex;    align-items: center;    padding: 20px;    border-radius: 10px;    background-color: #f5f5f5;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);    /* Daha hafif gölge */    transition: transform 0.2s ease-in-out;    /* Hover efekti için geçiş */}.makine-ozellikleri .ozellik svg {    width: 50px;    height: 50px;    overflow: inherit;    fill: var(--primary-color);    margin-right: 20px;}.makine-ozellikleri .ozellik:hover {    transform: translateY(-5px);    /* Hoverda yukarı kaydırma efekti */}.makine-ozellikleri .ozellik i {    font-size: 32px;    /* İkonları büyüttük */    margin-right: 15px;    color: var(--primary-color, #007bff);    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);    /* İkonlara hafif gölge */}.makine-ozellikleri .ozellik span {    font-size: 14px;    line-height: 1.5;    color: #333;    /* Metin rengini koyulaştırdık */}/* İsteğe bağlı: Daha belirgin hover efekti için */.makine-ozellikleri .ozellik:hover {    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);    /* Daha belirgin gölge */}@media(max-width: 1024px) {    [class*="col-"] {        width: 100%;        padding: 5px;    }    .urundetayci {        width: 100%;        margin: 0px 0 0 0;    }    .urundetayci .icerikkk {        margin-top: 50px;    }    .page-resimler, .page-videolar {        padding-top: 50px;    }    .icerik_form {        display: none;    }    .iletisim-bolumu .section-subtitle {        padding: 0 0px 0px 0;    }    .iletisim-grid {        display: block;    }    .iletisim-kutu {        margin-bottom: 20px;    }    .page-baslik1 {        margin-top: 130px;    }}.page-blog-list {    width: 100%;    height: auto;    color: #45517F;    border: solid 1px #efefef;    padding: 10px;    margin-bottom: 15px;}.page-blog-list .baslik1 {    width: 100%;    height: auto;    font-size: 14px;    font-weight: 700;    color: #89B22E;    margin-bottom: 15px;}.page-blog-list .baslik2 {    width: 100%;    height: auto;    font-size: 15px;    font-weight: 500;    margin-bottom: 25px;    text-transform: uppercase;    color: black;    min-height: 60px;}.page-blog-list .resim {    width: 100%;    height: 150px;    background-position: center !important;    background-size: cover !important;    overflow: hidden;}.page-blog-list .resim img {    max-width: 100%;}.page-blog-list .text {    font-weight: 500;    font-size: 13px;    opacity: 60%;    margin-top: 10px;}.page-blog-list small.detay {    display: flex;    align-items: center;    text-transform: uppercase;    font-weight: 600;    font-size: 13px;    color: var(--primary-color);    position: relative;    padding: 0px 0px;    margin-top: 30px;}.page-blog-list small.detay:hover {    color: #1F2749;}.page-blog-list small.detay span {    font-size: 13px;    margin-left: 12px;}.page-blog-details {    width: 100%;    height: auto;    position: relative;}.page-blog-details h4 {    font-weight: 700;    font-size: 20px;    border-top: 1px solid #f1f1f1;    padding-top: 25px;    margin-bottom: 25px;}.page-blog-details .page-blog-details-image {    width: 100%;    height: auto;    border: solid 1px #f1f1f1;    padding: 5px;}.page-blog-details .page-blog-details-sosyal {    width: 100%;    height: auto;    border-top: 1px solid #e9ecef;    border-bottom: 1px solid #e9ecef;    margin-top: 20px;    margin-bottom: 20px;    padding-top: 20px;    padding-bottom: 20px;}.page-blog-details .page-blog-details-image img {    width: 100%;}.page-blog-details h3 {    font-weight: 700;    font-size: 30px;}.page-blog-details h6 {    font-weight: 300;    font-size: 17px;    font-style: italic;    opacity: 60%;}.page-blog-details p {    font-weight: 400;    font-size: 16px;    opacity: 100%;}