.jessan-logo img,
.custom-logo { 
  height: 44px !important; 
  width: auto !important; 
  max-width: 160px !important;
}

/* === JESSAN OFİS ANA SAYFA STİLLERİ === */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&family=Barlow+Condensed:wght@600;700;800&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
    --navy: #0d1b2e;
    --navy-mid: #162540;
    --blue: #1a4b8c;
    --blue-bright: #1e5fcb;
    --accent: #e8a020;
    --white: #ffffff;
    --gray-50: #f8f9fb;
    --gray-100: #f0f2f5;
    --gray-200: #e2e6ed;
    --gray-400: #9aa3b0;
    --gray-600: #5c6575;
    --gray-800: #2c3340;
    --red: #e53935;
    --font: 'Barlow', sans-serif;
    --font-cond: 'Barlow Condensed', sans-serif;
}
body { font-family: var(--font); color: var(--gray-800); background: var(--white); font-size: 15px; line-height: 1.6; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
ul { list-style: none; }

/* TOPBAR */
.jessan-topbar { background: var(--navy); color: rgba(255,255,255,0.75); font-size: 12.5px; padding: 7px 0; }
.jessan-topbar .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; }
.jessan-topbar a { color: rgba(255,255,255,0.75); }
.jessan-topbar a:hover { color: white; }
.topbar-left, .topbar-right { display: flex; gap: 20px; align-items: center; }
.topbar-left span { display: flex; align-items: center; gap: 5px; }

/* HEADER */
.jessan-header { background: white; border-bottom: 1px solid var(--gray-200); position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.jessan-header .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 20px; height: 68px; }
.jessan-logo { font-family: var(--font-cond); font-size: 26px; font-weight: 800; color: var(--navy); display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.jessan-logo img { height: 44px; width: auto; }
.jessan-nav { display: flex; gap: 4px; align-items: center; }
.jessan-nav a { padding: 8px 14px; border-radius: 6px; font-weight: 600; font-size: 14px; color: var(--gray-800); transition: background 0.15s; }
.jessan-nav a:hover { background: var(--gray-100); }
.jessan-search { flex: 1; display: flex; border: 1.5px solid var(--gray-200); border-radius: 8px; overflow: hidden; height: 42px; }
.jessan-search input { flex: 1; border: none; outline: none; padding: 0 16px; font-size: 14px; font-family: var(--font); }
.jessan-search button { width: 46px; background: var(--blue-bright); border: none; cursor: pointer; color: white; font-size: 18px; }
.header-phone { display: flex; align-items: center; gap: 10px; background: var(--navy); color: white; padding: 8px 16px; border-radius: 8px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.header-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.icon-btn { width: 42px; height: 42px; border-radius: 8px; border: 1.5px solid var(--gray-200); display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; font-size: 18px; transition: background 0.15s; }
.icon-btn:hover { background: var(--gray-100); }
.icon-btn .badge { position: absolute; top: -5px; right: -5px; background: var(--blue-bright); color: white; width: 18px; height: 18px; border-radius: 50%; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; }

/* STATS BAR */
.jessan-stats { background: white; border-bottom: 1px solid var(--gray-200); padding: 20px 0; }
.jessan-stats .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: repeat(4,1fr); }
.stat-item { display: flex; align-items: center; gap: 14px; padding: 0 24px; border-right: 1px solid var(--gray-200); }
.stat-item:first-child { padding-left: 0; }
.stat-item:last-child { border-right: none; }
.stat-text strong { font-size: 17px; font-weight: 800; color: var(--navy); font-family: var(--font-cond); display: block; }
.stat-text span { font-size: 12.5px; color: var(--gray-600); }

/* SECTION COMMON */
.jessan-section { padding: 64px 0; }
.jessan-section.bg-gray { background: var(--gray-50); }
.jessan-section .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.section-header { text-align: center; margin-bottom: 44px; }
.section-header h2 { font-family: var(--font-cond); font-size: 34px; font-weight: 800; color: var(--navy); margin-bottom: 10px; }
.section-header p { color: var(--gray-600); font-size: 15px; max-width: 540px; margin: 0 auto; }

/* CATEGORIES */
.cat-card { cursor: pointer; }

/* PRODUCTS */
.products-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 28px; }
.products-header h2 { font-family: var(--font-cond); font-size: 32px; font-weight: 800; color: var(--navy); }
.products-header p { font-size: 14px; color: var(--gray-600); margin-top: 4px; }

/* WooCommerce ürün kartı */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(5,1fr) !important; gap: 16px !important; }
.woocommerce ul.products li.product { border: 1.5px solid var(--gray-200) !important; border-radius: 12px !important; overflow: hidden !important; background: white !important; transition: transform 0.18s, box-shadow 0.18s !important; padding: 0 !important; margin: 0 !important; width: auto !important; float: none !important; }
.woocommerce ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 6px 24px rgba(0,0,0,0.09) !important; }
.woocommerce ul.products li.product a img { margin: 0 !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 14px !important; font-weight: 700 !important; color: var(--gray-800) !important; padding: 14px 14px 6px !important; }
.woocommerce ul.products li.product .price { font-family: var(--font-cond) !important; font-size: 18px !important; font-weight: 800 !important; color: var(--navy) !important; padding: 0 14px !important; display: block !important; }
.woocommerce ul.products li.product .button { width: calc(100% - 28px) !important; margin: 12px 14px 14px !important; background: var(--blue-bright) !important; color: white !important; border-radius: 7px !important; padding: 10px !important; font-weight: 700 !important; font-size: 13.5px !important; text-align: center !important; border: none !important; transition: background 0.15s !important; }
.woocommerce ul.products li.product .button:hover { background: #1650b0 !important; }

/* REFERENCES */
.refs-grid { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }

/* NEWSLETTER */
.jessan-newsletter { background: var(--navy); padding: 56px 0; }
.jessan-newsletter .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.jessan-newsletter h2 { font-family: var(--font-cond); font-size: 30px; font-weight: 800; color: white; margin-bottom: 8px; }
.jessan-newsletter p { color: rgba(255,255,255,0.6); font-size: 15px; }
.newsletter-form { display: flex; gap: 10px; flex-shrink: 0; }
.newsletter-form input { width: 280px; padding: 12px 18px; border: 1.5px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.08); border-radius: 8px; color: white; font-size: 14px; outline: none; font-family: var(--font); }
.newsletter-form input::placeholder { color: rgba(255,255,255,0.4); }
.newsletter-form button { background: var(--blue-bright); color: white; border: none; border-radius: 8px; padding: 12px 24px; font-weight: 700; font-size: 14.5px; cursor: pointer; font-family: var(--font); white-space: nowrap; }

/* FOOTER */
.jessan-footer { background: #2c3340; color: rgba(255,255,255,0.65); padding: 56px 0 28px; }
.jessan-footer .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.footer-brand .jessan-logo { color: white; margin-bottom: 16px; }
.footer-brand p { font-size: 13.5px; line-height: 1.7; color: rgba(255,255,255,0.5); margin-bottom: 16px; }
.footer-contact div { font-size: 13px; margin-bottom: 6px; color: rgba(255,255,255,0.6); }
.footer-col h4 { font-weight: 700; font-size: 14px; color: white; margin-bottom: 16px; }
.footer-col ul li { margin-bottom: 9px; }
.footer-col ul li a { font-size: 13.5px; color: rgba(255,255,255,0.55); transition: color 0.15s; }
.footer-col ul li a:hover { color: white; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.social-links { display: flex; gap: 10px; }
.social-link { width: 34px; height: 34px; background: rgba(255,255,255,0.08); border-radius: 7px; display: flex; align-items: center; justify-content: center; transition: background 0.15s; color: rgba(255,255,255,0.8); font-size: 16px; }
.social-link:hover { background: var(--blue-bright); color: white; }

/* WHATSAPP */
.wa-btn { position: fixed; bottom: 24px; right: 24px; z-index: 999; width: 56px; height: 56px; background: #25d366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(37,211,102,0.4); cursor: pointer; transition: transform 0.15s; font-size: 28px; color: white; }
.wa-btn:hover { transform: scale(1.08); color: white; }

/* RESPONSIVE */
@media (max-width: 1024px) {
    .woocommerce ul.products { grid-template-columns: repeat(3,1fr) !important; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .woocommerce ul.products { grid-template-columns: repeat(2,1fr) !important; }
    .jessan-newsletter .container { flex-direction: column; }
    .newsletter-form { flex-direction: column; width: 100%; }
    .newsletter-form input { width: 100%; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .jessan-stats .container { grid-template-columns: repeat(2,1fr); gap: 16px; }
    .header-phone span { display: none; }
}

/* ============================================
   MÜŞTERİ PANELİ — MYACCOUNT LAYOUT
   ============================================ */

body.woocommerce-account .entry-content,
body.woocommerce-account .site-main,
body.woocommerce-account .page-content {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

body.woocommerce-account .woocommerce {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 36px !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: 40px 40px 60px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 240px !important;
    min-width: 240px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.woocommerce-account .entry-title,
body.woocommerce-account h1.page-title {
    display: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e5e9f0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #fff !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 18px !important;
    color: #1a2e5a !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid #e5e9f0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    white-space: nowrap !important;
    background: #fff !important;
    box-sizing: border-box !important;
    transition: background .2s, color .2s !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child a {
    border-bottom: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #f0f4ff !important;
    color: #1a56db !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #1a2e5a !important;
    color: #fff !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a svg {
    stroke: #fff !important;
}

@media (max-width: 768px) {
    body.woocommerce-account .woocommerce {
        flex-direction: column !important;
        padding: 20px 16px 40px !important;
        gap: 20px !important;
    }
    body.woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        min-width: unset !important;
    }
}