.header-ust {    background: rgb(128,0,0);}.footer-bottom {    background: rgb(128, 0, 0);    text-align: center;    position: relative;    bottom: 0;    z-index: 9;    width: 100%;    padding: 15px 20px;    opacity: 1;    font-size: 15px;}a.WhatsApp1 {    display: flex;    font-size: 18px;    background: #2EB843;    font-weight: 600;    width: 51px;    height: 51px;    position: fixed;    bottom: 20px;    left: 20px;    border-radius: 50%;    -webkit-transition: all .1s ease-out 0s;    -moz-transition: all .1s ease-out 0s;    -ms-transition: all .1s ease-out 0s;    -o-transition: all .1s ease-out 0s;    transition: all .1s ease-out 0s;    color: #fff;    align-items: center;    justify-content: center;    animation: whatsapp infinite 2s linear;    z-index: 9999}a.WhatsApp1 svg {    width: 24px;    height: 24px;    fill: white;}@keyframes whatsapp {    0% {        box-shadow: 0 0 0 0 #2EB843    }    50% {        box-shadow: 0 0 0 10px #015dc700    }    100% {        box-shadow: 0 0 0 0 #015dc700    }}.mobilbuttonlar {    display: none;}@media(max-width: 1024px) {    .footer-bottom{        margin-bottom: 45px;    }    a.WhatsApp1 {        bottom: 60px    }    .btn {        border-radius: 0;        display: flex;        justify-content: center;        align-items: center;        padding: 10px 20px;        width: 100%    }    .btn svg {        width: 24px;        height: 24px;        fill: white;    }    .mobilbuttonlar {        position: fixed;        width: 100%;        bottom: 0;        z-index: 999;        display: flex;    }    .btn1 {        background: #800000;        border-color: #800000;        color: #fff;        width: 100%;    }    .btn2 {        background: #680202;        border-color: #680202;        color: #fff;        width: 100%;    }    .btn3 {        background: #490101;        border-color: #490101;        color: #fff;        width: 100%;    }}.page-icerik {    min-height: 650px;    padding: 2rem 0rem;    background-color: #fff;    color: #333;    line-height: 1.7;}/* Banner Arka Plan */.banner-bg {    overflow: hidden;}/* Swiper Container Stilleri */.swiper-container {    width: 100%;    margin: 0 auto;}/* Ana Swiper */.gallery-top22 {    height: auto;    margin-bottom: 10px;}.gallery-top22 .swiper-slide {    position: relative;}.gallery-top22 .swiper-slide .resim {    position: relative;    overflow: hidden;}.gallery-top22 .swiper-slide .resim img {    width: 100%;    height: 100%;    object-fit: cover;    display: block;    transition: transform 0.3s ease;    /* Yakınlaştırma efekti */    border-radius: 5px;}.gallery-top22 .swiper-slide:hover .resim img {    transform: scale(1.1);    /* Hoverda resme yakınlaş */}.gallery-top22 .swiper-slide .buyut {    position: absolute;    top: 10px;    right: 10px;    background-color: rgba(0, 0, 0, 0.5);    color: #fff;    padding: 5px 10px;    border-radius: 4px;    text-decoration: none;    opacity: 0;    transition: opacity 0.3s ease;}.gallery-top22 .swiper-slide:hover .buyut {    opacity: 1;}/* Küçük Swiper (Thumbnails) */.gallery-thumbs22 {    height: 100px;    box-sizing: border-box;    padding: 10px 0;}.gallery-thumbs22 .swiper-slide {    width: 20%;    height: 100%;    opacity: 0.4;    transition: opacity 0.3s ease;    cursor: pointer;}.gallery-thumbs22 .swiper-slide-thumb-active {    opacity: 1;}.gallery-thumbs22 .swiper-slide img {    display: block;    width: 100%;    height: 100%;    object-fit: cover;    border-radius: 4px;}/* Swiper Butonları */.swiper-button-next,.swiper-button-prev {    color: rgb(128,0,0);    /* Temanızın rengi */}/* Ürün Detay Butonları */.urundetaybutton {    margin-top: 20px;    display: flex;}.urundetaybutton .col-xl-6 {    padding: 0 10px;}.urundetaybutton .col-xl-6 a,.urundetaybutton .col-xl-6 button {    display: block;    width: 100%;    padding: 12px 15px;    border: none;    border-radius: 5px;    text-align: center;    text-decoration: none;    color: #fff;    font-weight: 600;    transition: background-color 0.3s ease;    overflow: hidden;}.urundetaybutton .col-xl-6 .tumunugor {    background-color: rgb(128,0,0);}.urundetaybutton .col-xl-6 .tumunugor:hover {    /* Temanızın ikinci rengi */}.urundetaybutton .col-xl-6 .tumunugor2 {    background-color: #6c757d;    font-family: var(--font1);    font-size: 16px;    padding: 15px 20px;}.urundetaybutton .col-xl-6 .tumunugor2:hover {    background-color: #5a6268;}@media(max-width: 1024px) {    .urundetaybutton {        margin-bottom: 20px;    }}/* Ürün İçeriği */.urunicerik {}.urunicerik .icerik {    font-size: 1em;    color: #555;    line-height: 1.6;}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: rgb(128,0,0);}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: rgb(128,0,0);}.page-videolar .images-list:hover .zoom {    background-color: rgb(128,0,0);}.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 {    position: relative;    overflow: hidden;    width: 100%;    border-radius: var(--radius);    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'%3E%3Ccircle cx='50' cy='50' r='32' stroke='%23ccc' stroke-width='8' fill='none' stroke-dasharray='50 50'%3E%3CanimateTransform attributeName='transform' type='rotate' dur='1s' repeatCount='indefinite' values='0 50 50;360 50 50'/%3E%3C/circle%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;}.image-container img.loaded {    opacity: 1;}.page-urunler-listele-resimler:hover .image-container img.loaded {    filter: brightness(0.85);}/* Modal styling burada kalabilir (senin mevcut media-modal.css) *//* 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: 1rem;    font-weight: 500;    color: #333;    padding: 0.8rem 0.5rem;    background: #f9f9f9;    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);}/* İÇERK MODAL RESİM VE VİDEO*/.page-baslik1 {    /* Hafif gri arka plan */    margin-top: 125px;    width: 100%;    height: auto;    padding-top: 105px;    padding-bottom: 105px;    position: relative;    margin-top: 120px;    margin-bottom: 0;    background: url(../images/icerik_baslik3.jpg);    background-size: cover;}.page-baslik1 h3 {    font-weight: 700;    margin: 0 0 0px 0;    line-height: 1.2;    color: #fff;    font-size: 35px;    margin-top: 0px;    margin-bottom: 0px;    text-transform: uppercase;}.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;    color: white;}.page-baslik1 .breadcrumb li + li:before {    content: "/";    margin-right: 0.5rem;    color: #999;}.page-baslik1 .breadcrumb li a {    color: #fff;    text-decoration: none;    transition: color 0.3s ease;}.page-baslik1 .breadcrumb li a:hover {    color: #fff;    /* 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: rgb(128,0,0);}.sol-menu-style1 .sol-menu .menu-akordiyon ul li a:hover {    color: #fff;    background: rgb(128,0,0);}.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(max-width: 1024px) {    .sol-menu-style1 .navbar .navbar-toggler {        margin-bottom: 30px;    }}@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: rgb(128,0,0);}.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);}.urn-detay-resim {    width: 100%;    height: auto;}/* --- Genel Form Stili --- */.form1 {    width: 100%;}/* --- Form Etiketleri (Label) --- */.form1 .basliklabel {    font-weight: 500;    color: #333;    margin-bottom: 3px;    /* Etiket ile input arası boşluk */    display: block;    /* Etiketin tam genişlik kaplamasını sağlar */    font-size: 90%;}/* Gerekli alanları belirten yıldız (*) için stil */.form1 .form-label span {    color: #e74c3c;    /* Canlı bir kırmızı renk */    font-weight: bold;    margin-right: 4px;}/* --- Input ve Textarea Alanları --- */.form1 .form-control {    width: 100%;    padding: 12px 15px;    border: 1px solid #ced4da;    /* Standart gri çerçeve */    border-radius: 5px;    font-size: 1rem;    color: #495057;    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;}/* Input alanına tıklandığında (focus) oluşacak efekt */.form1 .form-control:focus {    border-color: #00338d;    /* Buton rengiyle uyumlu çerçeve rengi */    box-shadow: 0 0 0 3px rgba(0, 51, 141, 0.2);    /* Hafif bir parlama efekti */    outline: none;    /* Tarayıcının varsayılan focus çerçevesini kaldır */}/* Placeholder metinlerini biraz soluklaştır */.form1 .form-control::placeholder {    color: #aab2bd;    opacity: 1;}/* Textarea'nın boyutunun dikey olarak değiştirilebilmesini sağlar */.form1 textarea.form-control {    resize: vertical;}/* --- Güvenlik Kodu Alanı --- */.form1 .input-group {    display: flex;    /* Input ve resmi yan yana getirmek için */    width: 100%;}.form1 .input-group .form-control {    /* Input'un resimle birleşik görünmesi için sağ köşe yuvarlaklığını kaldır */    border-top-right-radius: 0;    border-bottom-right-radius: 0;    flex-grow: 1;    /* Esneyerek boşluğu doldurmasını sağlar */}.form1 .form-group {    position: relative;    margin-bottom: 10px;}.form1 .guvenlik_resim {    display: flex;    align-items: center;    border-left: none;    position: absolute;    right: 0;    bottom: 10px;}.form1 .guvenlik_resim img {    display: block;    height: 28px;    /* Input yüksekliği ile uyumlu hale getirir */    cursor: pointer;    /* Üzerine gelince tıklanabilir olduğunu belirtir */}/* --- Gönder Butonu --- */.form1 .btn {    background-color: rgb(128,0,0) !important;    /* Orijinal formdaki renk */    color: #ffffff;    border: none;    padding: 12px 20px;    font-size: 1rem;    font-weight: bold;    border-radius: 5px;    cursor: pointer;    width: 100%;    /* Bulunduğu sütunu tamamen kaplar */    transition: background-color 0.2s ease, transform 0.1s ease;    margin-top: 28px;}/* Butonun üzerine gelince (hover) efekti */.form1 .btn:hover {    background-color: #00225c;    /* Rengin biraz daha koyu tonu */    transform: translateY(-2px);    /* Hafif yukarı kalkma efekti */}/* --- Buton Konteyneri --- *//* Bu ana kapsayıcı olduğu için başında bir şey olmasına gerek yok. */.contact-buttons {    display: flex;    justify-content: center;    align-items: center;    gap: 1rem;    flex-wrap: wrap;    padding: 1rem;}/* --- Genel Buton Stilleri (Sadece .contact-buttons içindekiler için) --- */.contact-buttons .btn {    display: inline-flex;    align-items: center;    justify-content: center;    gap: 0.6rem;    flex: 1;    padding: 12px 24px;    border-radius: 8px;    border: none;    font-size: 16px;    font-weight: 600;    color: #ffffff;    text-decoration: none;    cursor: pointer;    transition: all 0.3s ease;    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}/* İkonlar (Sadece .contact-buttons içindekiler için) */.contact-buttons .btn-icon {    width: 20px;    height: 20px;}/* --- WhatsApp Butonu'na Özel Stiller --- */.contact-buttons .btn-whatsapp {    background-color: #25d366;}/* --- Ana Buton'a (Bize Ulaşın) Özel Stiller --- */.contact-buttons .btn-primary {    background-color: rgb(128,0,0);}/* --- Hover Efektleri (Sadece .contact-buttons içindeki butonlar için) --- */.contact-buttons .btn:hover {    transform: translateY(-3px);    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.15);    opacity: 0.95;}.contact-buttons .btn:active {    transform: translateY(0);    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}/* --- Mobil Cihazlar İçin (Ekran 600px'den küçükse) --- */@media (max-width: 600px) {    .contact-buttons {        flex-direction: column;        width: 90%;    }    .contact-buttons .btn {        width: 100%;        padding: 14px;    }}