:root{--primary-rust:#8b4513;--secondary-rust:#a0522d;--accent-orange:#cd5c5c;--dark-metal:#1a1a1a;--steel-gray:#2c3e50;--light-gray:#f4f4f4;--white:#fff;--text-dark:#333;--font-heading:"Oswald",sans-serif;--font-body:"Roboto",sans-serif;--transition:all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--white);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;display:block}header{background-color:var(--dark-metal);color:var(--white);position:sticky;top:0;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3)}.top-bar{background-color:#000;font-size:.8rem;padding:8px 5%;display:flex;justify-content:space-between;align-items:center}.stock-ticker{display:flex;align-items:center;gap:10px}.stock-indicator{width:10px;height:10px;background-color:#2ecc71;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.7)}70%{box-shadow:0 0 0 6px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}.main-header{display:flex;justify-content:space-between;align-items:center;padding:15px 5%}.logo{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--white);letter-spacing:1px}.logo span{color:var(--secondary-rust)}.nav-menu{display:flex;gap:25px}.nav-link{font-weight:500;text-transform:uppercase;font-size:.95rem;position:relative}.nav-link::after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--secondary-rust);transition:var(--transition)}.nav-link:hover::after{width:100%}.nav-link:hover{color:var(--secondary-rust)}.header-actions{display:flex;align-items:center;gap:15px}.search-container{position:relative;background:rgba(255,255,255,.1);border-radius:4px;padding:5px 10px;display:flex;align-items:center}.search-input{background:0 0;border:none;color:var(--white);outline:0;width:150px;font-size:.9rem}.search-input::placeholder{color:rgba(255,255,255,.6)}.btn-stock{background-color:var(--secondary-rust);color:var(--white);padding:8px 20px;border-radius:4px;font-weight:600;font-size:.9rem;text-transform:uppercase;border:1px solid var(--secondary-rust)}.btn-stock:hover{background-color:transparent;color:var(--secondary-rust)}.hamburger{display:none;cursor:pointer;font-size:1.5rem}.category-bar{background-color:#2c3e50;border-bottom:4px solid #e67e22;padding:0}.cat-list{display:flex;justify-content:flex-start;flex-wrap:wrap;list-style:none;padding:0;margin:0}.cat-item{margin:0}.cat-item a{display:block;padding:15px 20px;color:#fff;text-decoration:none;font-weight:500;font-size:.95rem;text-transform:uppercase;transition:all .3s ease;border-right:1px solid rgba(255,255,255,.05)}.cat-item a:hover{background-color:#e67e22;color:#fff}.hero-slider{position:relative;height:600px;overflow:hidden;background-color:#000}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.slide.active{opacity:1}.slide::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.3) 100%)}.slide-content{position:relative;z-index:2;text-align:center;color:var(--white);max-width:800px;padding:20px;transform:translateY(20px);opacity:0;transition:all 1s ease .5s}.slide.active .slide-content{transform:translateY(0);opacity:1}.slide-title{font-family:var(--font-heading);font-size:4rem;line-height:1.1;margin-bottom:20px;text-transform:uppercase}.slide-title span{color:var(--secondary-rust)}.slide-desc{font-size:1.2rem;margin-bottom:30px;color:#ddd}.btn-hero{display:inline-block;padding:15px 40px;border:2px solid var(--white);color:var(--white);font-weight:700;text-transform:uppercase;letter-spacing:1px}.btn-hero:hover{background-color:var(--secondary-rust);border-color:var(--secondary-rust)}.section-padding{padding:80px 5%}.section-header{text-align:center;margin-bottom:60px}.section-title{font-family:var(--font-heading);font-size:2.5rem;color:var(--dark-metal);position:relative;display:inline-block;margin-bottom:15px}.section-title::after{content:"";display:block;width:60px;height:4px;background-color:var(--secondary-rust);margin:10px auto 0}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.product-card{background:var(--white);border:1px solid #eee;transition:var(--transition);position:relative;overflow:hidden}.product-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-5px);border-color:var(--secondary-rust)}.product-img-box{height:250px;overflow:hidden;position:relative}.product-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-img-box img{transform:scale(1.1)}.product-info{padding:20px}.product-title{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:10px;color:var(--dark-metal)}.product-specs{font-size:.9rem;color:#666;margin-bottom:15px;border-top:1px solid #eee;padding-top:10px}.product-link{color:var(--secondary-rust);font-weight:700;font-size:.9rem;text-transform:uppercase;display:flex;align-items:center;gap:5px}.info-section{background-color:var(--light-gray);display:grid;grid-template-columns:1fr 1fr}.info-content{padding:80px 10%;display:flex;flex-direction:column;justify-content:center}.info-image{background:linear-gradient(45deg,var(--primary-rust),var(--dark-metal));min-height:400px;position:relative}.info-image::after{content:"CORTEN.TR";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;font-weight:900;color:rgba(255,255,255,.1);font-family:var(--font-heading)}footer{background-color:var(--dark-metal);color:#bbb;padding:80px 5% 30px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:60px}.footer-col h4{color:var(--white);font-family:var(--font-heading);font-size:1.2rem;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px}.footer-col ul li{margin-bottom:12px}.footer-col ul li a:hover{color:var(--secondary-rust);padding-left:5px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}@media (max-width:992px){.hero-slider{height:500px}.slide-title{font-size:3rem}.info-section{grid-template-columns:1fr}.info-image{height:300px}}@media (max-width:768px){.nav-menu{display:none}.hamburger{display:block;color:#fff}.search-container{display:none}.top-bar{flex-direction:column;gap:10px;text-align:center}.header-actions{display:none}.category-bar{padding:0}.cat-item a{padding:12px 15px;font-size:.8rem}.slide-title{font-size:2.2rem}.footer-bottom{flex-direction:column;gap:15px}}

/* ============================================ */
/* ÜRÜN DETAY SAYFASI - KESIN HIZALAMA */
/* ============================================ */

.product-page-wrapper {
    background: #fff !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.product-top-section {
    display: flex !important;
    flex-direction: row !important;
    gap: 50px !important;
    align-items: stretch !important;
    background: #fff !important;
    padding: 40px 5% !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* SOL: RESİM */
.product-image-box {
    flex: 0 0 480px !important;
    width: 480px !important;
    min-width: 480px !important;
    height: 480px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.product-image-box img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
}

/* SAĞ: BİLGİ KUTUSU - KESIN HIZALAMA */
.product-info-box {
    flex: 1 !important;
    min-width: 0 !important;
    height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
}

/* İÇ KAYDIRMA ALANI */
.product-info-box-inner {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding-right: 6px !important;
}

/* Scrollbar stillemesi (Chrome/Edge) */
.product-info-box-inner::-webkit-scrollbar {
    width: 6px !important;
}

.product-info-box-inner::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
}

.product-info-box-inner::-webkit-scrollbar-thumb {
    background: #e67e22 !important;
    border-radius: 3px !important;
}

.product-info-box-inner::-webkit-scrollbar-thumb:hover {
    background: #d46a1a !important;
}

.product-info-box h1 {
    font-family: Oswald, sans-serif !important;
    font-size: 28px !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    color: #222 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
    flex-shrink: 0 !important;
}

.product-sku {
    display: inline-block !important;
    background: #f8f8f8 !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    color: #777 !important;
    border: 1px solid #eee !important;
    border-radius: 3px !important;
    width: fit-content !important;
    margin: 0 0 8px 0 !important;
    flex-shrink: 0 !important;
}

.product-specs-card {
    background: #f9f9f9 !important;
    padding: 14px !important;
    border-left: 4px solid #e67e22 !important;
    border-radius: 4px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.product-specs-card h3 {
    font-family: Oswald, sans-serif !important;
    font-size: 13px !important;
    color: #222 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
}

.product-specs {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.product-specs li {
    padding: 7px 0 !important;
    border-bottom: 1px solid #eee !important;
    font-size: 12px !important;
    color: #333 !important;
    margin: 0 !important;
}

.product-specs li:last-child {
    border-bottom: none !important;
}

.product-specs strong {
    color: #e67e22 !important;
    display: block !important;
    margin-bottom: 2px !important;
}

.product-price-box {
    background: #fff3e0 !important;
    border: 2px solid #e67e22 !important;
    padding: 12px !important;
    border-radius: 8px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.product-price-box .price-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 8px !important;
}

.product-price-box .price-label {
    font-family: Oswald, sans-serif !important;
    font-size: 12px !important;
    color: #e67e22 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.product-price-box .price-badge {
    background: #e67e22 !important;
    color: #fff !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.product-price-box .price-note {
    font-size: 12px !important;
    color: #666 !important;
    margin: 0 !important;
}

.product-buttons {
    display: flex !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.product-buttons a {
    flex: 1 !important;
    padding: 14px 16px !important;
    text-align: center !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.btn-whatsapp {
    background: #25D366 !important;
    color: #fff !important;
}

.btn-whatsapp:hover {
    background: #1fa853 !important;
    transform: translateY(-2px) !important;
}

.btn-phone {
    background: #333 !important;
    color: #fff !important;
}

.btn-phone:hover {
    background: #111 !important;
    transform: translateY(-2px) !important;
}

.product-contact-info {
    background: #f9f9f9 !important;
    border: 2px solid #ddd !important;
    padding: 12px !important;
    border-radius: 8px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.product-contact-info h3 {
    font-family: Oswald, sans-serif !important;
    font-size: 12px !important;
    color: #222 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
}

.product-contact-info .contact-item {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #eee !important;
}

.product-contact-info .contact-item:last-of-type {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.product-contact-info .contact-icon {
    font-size: 16px !important;
    margin-right: 10px !important;
    min-width: 20px !important;
}

.product-contact-info .contact-label {
    font-size: 9px !important;
    color: #999 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.product-contact-info .contact-value {
    font-size: 12px !important;
    color: #222 !important;
    font-weight: 600 !important;
    margin: 2px 0 0 0 !important;
}

.product-contact-info .contact-hours {
    background: #f0f8ff !important;
    padding: 8px !important;
    border-radius: 6px !important;
    margin-top: 8px !important;
    border-left: 4px solid #e67e22 !important;
}

.product-contact-info .contact-hours p {
    font-size: 11px !important;
    color: #333 !important;
    margin: 2px 0 !important;
}

.product-contact-info .contact-hours strong {
    color: #e67e22 !important;
}

.product-trust-badges {
    display: flex !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.product-trust-badges .badge {
    flex: 1 !important;
    background: #e8f5e9 !important;
    border: 1px solid #4caf50 !important;
    padding: 8px 4px !important;
    border-radius: 6px !important;
    text-align: center !important;
}

.product-trust-badges .badge-icon {
    display: block !important;
    font-size: 16px !important;
    margin-bottom: 3px !important;
}

.product-trust-badges .badge-text {
    display: block !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}





.product-full-content li {
    margin-bottom: 12px !important;
}

.product-quick-info {
    display: none !important;
}

@media (max-width: 992px) {
    .product-top-section {
        flex-direction: column !important;
        padding: 20px 5% !important;
        gap: 30px !important;
        align-items: flex-start !important;
    }
    .product-image-box {
        width: 100% !important;
        height: auto !important;
        flex: none !important;
        min-width: auto !important;
    }
    .product-info-box {
        height: auto !important;
    }
    .product-info-box-inner {
        overflow-y: visible !important;
    }
}



/* ==== ÜRÜN DETAY – CKEditor İÇERİĞİ (TEK VE KESİN SET) ==== */

.product-full-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 40px 5% !important;
    box-sizing: border-box !important;
    background: #fafafa !important;
    overflow-x: auto !important; /* taşarsa yatay scroll */
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* Yazılar köşeye yapışmasın */
.product-full-content p,
.product-full-content li {
    margin-bottom: 14px !important;
}

/* CKEditor başlıkları */
.product-full-content h1,
.product-full-content h2,
.product-full-content h3 {
    font-family: Oswald, sans-serif !important;
    color: #222 !important;
    margin: 30px 0 12px 0 !important;
}

.product-full-content h2 {
    font-size: 24px !important;
    border-bottom: 3px solid #e67e22 !important;
    padding-bottom: 8px !important;
}

.product-full-content h3 {
    font-size: 20px !important;
    border-bottom: 2px solid #e67e22 !important;
    padding-bottom: 6px !important;
}

/* Listeler */
.product-full-content ul,
.product-full-content ol {
    margin: 12px 0 16px 22px !important;
}

/* Tablolar – tümü için aynı stil (figure.table içindekiler dahil) */
.product-full-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 22px 0 !important;
    background: #fff !important;
    table-layout: auto !important;
}

.product-full-content table th {
    background: #e67e22 !important;
    color: #fff !important;
    padding: 12px !important;
    border: 1px solid #ddd !important;
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.product-full-content table td {
    padding: 10px !important;
    border: 1px solid #eee !important;
    color: #333 !important;
    white-space: nowrap !important;
}

/* tablet/mobilde yatay scroll zorunlu */
@media (max-width: 768px) {
    .product-full-content {
        padding: 30px 10px !important;
    }

    .product-full-content table {
        min-width: 600px !important;
        font-size: 13px !important;
    }
}

/* SAYFA TAŞMASINI ENGELLEYEN ZIRHLI TABLO CSS */

.product-full-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 40px 5% !important;
    display: block !important;
    overflow-x: hidden !important; /* Sayfanın sağa kaymasını engeller */
    box-sizing: border-box !important;
}

/* CKEditor'den gelen her tabloyu otomatik bir kaydırma kutusuna al */
.product-full-content table {
    display: block !important; /* Tabloyu blok yap ki overflow çalışsın */
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important; /* Tablo uzunsa kendi içinde kaysın */
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse !important;
    margin: 25px 0 !important;
    border: 1px solid #ddd !important;
}

/* Tablo içindeki hücrelerin düzeni */
.product-full-content table th,
.product-full-content table td {
    min-width: 120px !important; /* Hücreler çok sıkışmasın */
    padding: 12px !important;
    border: 1px solid #eee !important;
    font-size: 14px !important;
    white-space: nowrap !important; /* Yazılar kırılmasın, tablo kaysın */
    text-align: left !important;
}

.product-full-content table th {
    background: #e67e22 !important;
    color: #fff !important;
    position: sticky; /* Kaydırırken başlıklar görünür kalsın (opsiyonel) */
    top: 0;
}

/* Eğer CKEditor figure etiketi kullanıyorsa onu da kısıtla */
.product-full-content figure.table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Mobil Ayarı */
@media (max-width: 768px) {
    .product-full-content {
        padding: 20px 15px !important;
    }
    .product-full-content table th,
    .product-full-content table td {
        font-size: 12px !important;
        padding: 8px !important;
    }
}

/*Footer sosyal iconlar için <style> */
  
    /* Sosyal Medya Kapsayıcı */
    .footer-social-wrapper {
        display: flex;
        justify-content: flex-end; /* Sağa yaslar */
        gap: 10px; /* Butonlar arası boşluk */
        align-items: center;
    }

    /* Genel Buton Stili */
    .social-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.1); /* Hafif şeffaf beyaz */
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 50%; /* Tam yuvarlak */
        color: #fff !important;
        text-decoration: none;
        transition: all 0.3s ease; /* Yumuşak geçiş efekti */
        font-size: 18px;
    }

    /* İkon Hizalama */
    .social-btn i {
        line-height: 0;
    }

    /* --- HOVER (Üzerine Gelince) EFEKTLERİ --- */
    
    /* Facebook Mavisi */
    .social-btn.fb:hover {
        background-color: #1877F2;
        border-color: #1877F2;
        transform: translateY(-5px); /* Yukarı zıplama */
        box-shadow: 0 5px 15px rgba(24, 119, 242, 0.4);
    }

    /* Instagram Gradyanı */
    .social-btn.ins:hover {
        background: #f09433; 
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
        background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
        background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
        border-color: #bc1888;
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(188, 24, 136, 0.4);
    }

    /* LinkedIn Mavisi */
    .social-btn.in:hover {
        background-color: #0077b5;
        border-color: #0077b5;
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0, 119, 181, 0.4);
    }

    /* Pinterest Kırmızısı */
    .social-btn.pin:hover {
        background-color: #bd081c;
        border-color: #bd081c;
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(189, 8, 28, 0.4);
    }

    /* Mobilde Ortala */
    @media only screen and (max-width: 767px) {
        .footer-social-wrapper {
            justify-content: center;
            margin-top: 15px;
        }
    }