/*
Theme Name: Ajax Alarm Sistemleri
Theme URI: https://ajaxalarmsistemi.com
Author: Ajax Alarm Sistemleri
Description: Hafif, hızlı, SEO uyumlu WooCommerce teması. Ajax Systems resmi renk paleti.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.7
WC requires at least: 8.0
WC tested up to: 9.4
License: GNU General Public License v2
Text Domain: ajax-alarm
Tags: woocommerce, dark, security, e-commerce, fast
*/

/* ============================================================
   GLOBAL NAV RESET — Diğer eklenti/tema stillerini sıfırla
============================================================ */
nav.main-nav ul { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; list-style: none !important; margin: 0 !important; padding: 0 !important; gap: 2px !important; }
nav.main-nav ul li { display: block !important; float: none !important; list-style: none !important; position: relative !important; margin: 0 !important; padding: 0 !important; }

/* ============================================================
   CSS VARIABLES — Ajax Systems Official Brand Colors
============================================================ */
:root {
  --green:      #5AE4AA;
  --green-dark: #009C70;
  --green-glow: rgba(90,228,170,0.1);
  --green-pale: rgba(90,228,170,0.05);

  --black:  #181818;
  --black2: #1D1D1D;
  --gray3:  #383838;
  --gray2:  #5E5E5E;
  --gray1:  #ADADAD;
  --lg3:    #D7D7D7;
  --lg2:    #EDEDED;
  --lg1:    #F7F7F7;
  --white:  #FFFFFF;

  --success: #5AE4AA;
  --danger:  #FF4D4D;
  --warning: #FFBB33;
  --info:    #5AB0E4;

  --border:    rgba(255,255,255,0.07);
  --border-md: rgba(255,255,255,0.12);
  --border-lg: rgba(255,255,255,0.18);

  --text:       #FFFFFF;
  --text-sec:   #ADADAD;
  --text-muted: #5E5E5E;

  --max-w:  1300px;
  --r-sm:   6px;
  --r:      10px;
  --r-lg:   16px;
  --r-xl:   24px;

  --font: 'Inter', 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --tr:    0.18s ease;
  --tr-md: 0.3s ease;

  --sh:       0 2px 12px rgba(0,0,0,0.35);
  --sh-lg:    0 8px 40px rgba(0,0,0,0.5);
  --sh-green: 0 4px 24px rgba(90,228,170,0.2);
}

/* ============================================================
   RESET & BASE
============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--font);background:var(--black);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;transition:color var(--tr);}
ul,ol{list-style:none;}
button{cursor:pointer;font-family:var(--font);}
input,textarea,select{font-family:var(--font);outline:none;}
p{color:var(--text-sec);line-height:1.75;}

/* ============================================================
   TİPOGRAFİ
============================================================ */
h1{font-size:clamp(28px,5.5vw,56px);font-weight:800;letter-spacing:-0.03em;line-height:1.1;}
h2{font-size:clamp(22px,4vw,40px);font-weight:700;letter-spacing:-0.025em;line-height:1.2;}
h3{font-size:clamp(16px,2.5vw,22px);font-weight:700;letter-spacing:-0.02em;line-height:1.3;}
h4{font-size:17px;font-weight:600;}
h5{font-size:14px;font-weight:600;}

.text-green{color:var(--green);}
.text-muted{color:var(--text-muted);}
.text-center{text-align:center;}

/* ============================================================
   LAYOUT
============================================================ */
.container{max-width:var(--max-w);margin:0 auto;padding:0 20px;}
.section{padding:80px 0;}
.section-sm{padding:48px 0;}
.section-lg{padding:110px 0;}

.sec-label{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;color:var(--green);
  letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;
}
.sec-label::before{content:'';width:18px;height:2px;background:var(--green);border-radius:2px;}
.sec-title{color:var(--text);margin-bottom:12px;}
.sec-title em{color:var(--green);font-style:normal;}
.sec-sub{color:var(--text-sec);font-size:15px;line-height:1.75;max-width:540px;margin-bottom:44px;}

/* ============================================================
   BUTONLAR
============================================================ */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 26px;border-radius:var(--r-sm);
  font-size:14px;font-weight:600;transition:all var(--tr);
  cursor:pointer;border:none;white-space:nowrap;
}
.btn-primary{background:var(--green);color:var(--black);}
.btn-primary:hover{background:var(--green-dark);color:var(--white);transform:translateY(-1px);box-shadow:var(--sh-green);}
.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-md);}
.btn-outline:hover{border-color:var(--green);color:var(--green);}
.btn-dark{background:var(--black2);color:var(--text);border:1px solid var(--border);}
.btn-dark:hover{border-color:var(--green);color:var(--green);}
.btn-sm{padding:9px 18px;font-size:13px;}
.btn-lg{padding:15px 34px;font-size:15px;}
.btn-full{width:100%;justify-content:center;}

/* ============================================================
   TOP BAR
============================================================ */
.topbar{background:var(--black2);border-bottom:1px solid var(--border);padding:8px 0;font-size:12px;}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.topbar-links{display:flex;gap:16px;}
.topbar-links a{color:var(--text-muted);display:flex;align-items:center;gap:5px;transition:color var(--tr);}
.topbar-links a:hover{color:var(--green);}
.topbar-links svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;}
.topbar-right{display:flex;align-items:center;gap:16px;}
.topbar-tel{color:var(--green);font-weight:700;font-size:13px;display:flex;align-items:center;gap:5px;}
.topbar-tel svg{width:13px;height:13px;stroke:var(--green);fill:none;stroke-width:2;}
.topbar-badge{background:var(--green);color:var(--black);font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;}

/* ============================================================
   HEADER
============================================================ */
#site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(24,24,24,0.96);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border-bottom:1px solid var(--border);transition:box-shadow var(--tr-md);
}
#site-header.scrolled{box-shadow:0 4px 32px rgba(0,0,0,0.5);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px;}

.site-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;}
.logo-icon{width:36px;height:36px;background:var(--green);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.logo-icon svg{width:20px;height:20px;stroke:var(--black);fill:none;stroke-width:2.5;}
.logo-name{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-0.03em;line-height:1.2;}
.logo-name span{color:var(--green);}
.logo-tag{font-size:9px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;display:block;}

/* ============================================================
   MAIN NAV — Güçlü Override
============================================================ */
nav.main-nav ul,
nav.main-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}
nav.main-nav ul > li,
nav.main-nav > ul > li {
  position: relative !important;
  display: block !important;
  float: none !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
nav.main-nav ul > li > a,
nav.main-nav > ul > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 8px 13px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--text-sec) !important;
  border-radius: var(--r-sm) !important;
  transition: all var(--tr) !important;
  white-space: nowrap !important;
}
nav.main-nav ul > li > a:hover,
nav.main-nav ul > li.current-menu-item > a,
nav.main-nav ul > li.current_page_item > a {
  color: var(--text) !important;
  background: var(--gray3) !important;
}
.nav-chevron {
  width: 12px; height: 12px;
  stroke: currentColor; fill: none; stroke-width: 2;
  transition: transform var(--tr);
}
nav.main-nav ul > li:hover .nav-chevron { transform: rotate(180deg); }
nav.main-nav ul > li:hover .nav-drop { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

.nav-drop{
  position:absolute;top:calc(100% + 8px);left:50%;
  transform:translateX(-50%) translateY(-6px);
  background:var(--black2);border:1px solid var(--border-md);
  border-radius:var(--r-lg);padding:8px;min-width:240px;
  opacity:0;visibility:hidden;transition:all var(--tr-md);
  box-shadow:var(--sh-lg);z-index:200;
}
.main-nav>li:hover .nav-drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav-drop a{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;color:var(--text-sec);border-radius:var(--r-sm);transition:all var(--tr);}
.nav-drop a:hover{background:var(--gray3);color:var(--text);}
.nav-drop-icon{width:32px;height:32px;background:var(--gray3);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nav-drop-icon svg{width:15px;height:15px;stroke:var(--green);fill:none;stroke-width:2;}
.nav-drop-label{font-size:13px;font-weight:500;color:var(--text);display:block;}
.nav-drop-sub{font-size:11px;color:var(--text-muted);display:block;}

.header-right{display:flex;align-items:center;gap:8px;}
.hdr-search{display:flex;align-items:center;gap:8px;background:var(--gray3);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 14px;width:200px;transition:border-color var(--tr);}
.hdr-search:focus-within{border-color:var(--green);}
.hdr-search svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2;flex-shrink:0;}
.hdr-search input{background:none;border:none;outline:none;font-size:13px;color:var(--text);width:100%;}
.hdr-search input::placeholder{color:var(--text-muted);}

.hdr-icon{width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--gray3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--tr);position:relative;color:var(--text-sec);text-decoration:none;}
.hdr-icon:hover{border-color:var(--green);color:var(--green);}
.hdr-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;}
.hdr-icon .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;background:var(--green);color:var(--black);font-size:10px;font-weight:800;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--black);padding:0 4px;}

.hamburger{display:none;flex-direction:column;gap:5px;background:var(--gray3);border:1px solid var(--border);border-radius:var(--r-sm);width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;}
.hamburger span{width:20px;height:2px;background:var(--text);border-radius:2px;display:block;transition:all var(--tr);}

.mob-nav{display:none;position:fixed;inset:0;background:var(--black2);z-index:998;padding:80px 24px 24px;overflow-y:auto;}
.mob-nav.open{display:block;}
.mob-nav-close{position:absolute;top:18px;right:18px;width:40px;height:40px;background:var(--gray3);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.mob-nav-close svg{width:18px;height:18px;stroke:var(--text);fill:none;stroke-width:2;}
.mob-nav a{display:block;padding:13px 0;font-size:15px;font-weight:500;color:var(--text-sec);border-bottom:1px solid var(--border);transition:color var(--tr);}
.mob-nav a:hover{color:var(--green);}

/* ============================================================
   HERO
============================================================ */
.hero{background:var(--black);padding:80px 0 0;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-150px;right:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(90,228,170,0.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--green-dark),transparent);}

.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}

.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--green-glow);border:1px solid rgba(90,228,170,0.2);color:var(--green);font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:22px;}
.badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:bdot 2s infinite;}
@keyframes bdot{0%,100%{opacity:1;}50%{opacity:.3;}}

.hero h1{color:var(--text);margin-bottom:18px;}
.hero h1 em{color:var(--green);font-style:normal;}
.hero-desc{font-size:15px;color:var(--text-sec);line-height:1.8;max-width:460px;margin-bottom:32px;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px;}
.hero-stats{display:flex;gap:28px;padding-top:28px;border-top:1px solid var(--border);flex-wrap:wrap;}
.hero-stat-n{font-size:26px;font-weight:800;color:var(--green);line-height:1;margin-bottom:3px;}
.hero-stat-l{font-size:12px;color:var(--text-muted);font-weight:500;}

.hero-panel{background:var(--black2);border:1px solid var(--border-md);border-radius:var(--r-xl);padding:24px;box-shadow:var(--sh-lg),0 0 80px rgba(90,228,170,0.04);}
.panel-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border);}
.panel-title{font-size:13px;font-weight:600;color:var(--text);}
.panel-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--green);font-weight:600;}
.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;animation:stpulse 2s infinite;}
@keyframes stpulse{0%,100%{box-shadow:0 0 0 0 rgba(90,228,170,0.4);}50%{box-shadow:0 0 0 5px rgba(90,228,170,0);}}

.panel-zones{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;}
.panel-zone{background:var(--gray3);border:1px solid var(--border);border-radius:var(--r);padding:13px;display:flex;align-items:center;gap:10px;}
.panel-zone.ok{border-color:rgba(90,228,170,0.2);}
.panel-zone.warn{border-color:rgba(255,77,77,0.25);}
.pz-icon{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pz-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
.pz-name{font-size:12px;font-weight:600;color:var(--text);}
.pz-state{font-size:11px;color:var(--text-muted);}
.panel-footer{background:var(--gray3);border-radius:var(--r-sm);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;}
.panel-footer-l{font-size:12px;color:var(--text-muted);}
.panel-footer-r{font-size:12px;color:var(--green);font-weight:600;}

/* ============================================================
   TRUST BAR
============================================================ */
.trust-bar{background:var(--green);padding:13px 0;}
.trust-bar-inner{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap;}
.trust-item{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--black);}
.trust-item svg{width:15px;height:15px;stroke:var(--black);fill:none;stroke-width:2.5;}

/* ============================================================
   KATEGORİLER
============================================================ */
.cats-section{padding:80px 0;background:var(--black2);}
.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.cat-card{background:var(--gray3);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 20px;display:flex;flex-direction:column;gap:12px;transition:all var(--tr-md);text-decoration:none;position:relative;overflow:hidden;}
.cat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green);transform:scaleX(0);transition:transform var(--tr-md);transform-origin:left;}
.cat-card:hover{border-color:rgba(90,228,170,0.3);transform:translateY(-3px);box-shadow:var(--sh-green);}
.cat-card:hover::after{transform:scaleX(1);}
.cat-icon{width:48px;height:48px;background:var(--green-glow);border-radius:var(--r);display:flex;align-items:center;justify-content:center;transition:background var(--tr);}
.cat-icon svg{width:24px;height:24px;stroke:var(--green);fill:none;stroke-width:1.8;}
.cat-card:hover .cat-icon{background:var(--green);}
.cat-card:hover .cat-icon svg{stroke:var(--black);}
.cat-name{font-size:14px;font-weight:700;color:var(--text);}
.cat-count{font-size:12px;color:var(--text-muted);}
.cat-link{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--green);font-weight:600;margin-top:auto;opacity:0;transform:translateX(-5px);transition:all var(--tr);}
.cat-link svg{width:13px;height:13px;stroke:var(--green);fill:none;stroke-width:2.5;}
.cat-card:hover .cat-link{opacity:1;transform:translateX(0);}

/* ============================================================
   ÜRÜN KARTLARI — WooCommerce Override
============================================================ */
.wc-section{padding:80px 0;background:var(--black);}
.wc-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;gap:16px;flex-wrap:wrap;}

.woocommerce ul.products,.woocommerce-page ul.products{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;
  gap:14px!important;list-style:none!important;margin:0!important;padding:0!important;
}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:var(--black2)!important;border:1px solid var(--border)!important;
  border-radius:var(--r-lg)!important;overflow:hidden!important;
  transition:all var(--tr-md)!important;display:flex!important;
  flex-direction:column!important;float:none!important;width:auto!important;margin:0!important;padding:0!important;
}
.woocommerce ul.products li.product:hover{
  border-color:rgba(90,228,170,0.35)!important;transform:translateY(-4px)!important;box-shadow:var(--sh-green)!important;
}
.woocommerce ul.products li.product a img{
  width:100%!important;height:210px!important;object-fit:contain!important;
  background:var(--gray3)!important;padding:16px!important;transition:transform 0.4s ease!important;
}
.woocommerce ul.products li.product:hover a img{transform:scale(1.04)!important;}

.woocommerce span.onsale{
  background:var(--green)!important;color:var(--black)!important;
  font-size:11px!important;font-weight:800!important;padding:4px 10px!important;
  border-radius:20px!important;min-height:auto!important;line-height:1.5!important;
  top:10px!important;left:10px!important;right:auto!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link{
  padding:14px 16px!important;flex:1!important;display:flex!important;flex-direction:column!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:14px!important;font-weight:600!important;color:var(--text)!important;
  margin-bottom:8px!important;line-height:1.4!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
.woocommerce ul.products li.product .price{
  color:var(--green)!important;font-size:16px!important;font-weight:700!important;
  display:block!important;margin-bottom:12px!important;
}
.woocommerce ul.products li.product .price del{color:var(--text-muted)!important;font-size:13px!important;font-weight:400!important;}
.woocommerce ul.products li.product .price ins{text-decoration:none!important;}

/* Loop'ta TL gösterimi */
.loop-price-tl{font-size:12px;color:var(--text-muted);margin-top:2px;margin-bottom:10px;display:block;}

.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{
  background:var(--gray3)!important;color:var(--text)!important;
  border:1px solid var(--border-md)!important;border-radius:var(--r-sm)!important;
  font-size:13px!important;font-weight:600!important;padding:10px 16px!important;
  width:calc(100% - 32px)!important;margin:0 16px 16px!important;
  text-align:center!important;transition:all var(--tr)!important;display:block!important;
}
.woocommerce ul.products li.product .button:hover,.woocommerce ul.products li.product .added_to_cart:hover{
  background:var(--green)!important;color:var(--black)!important;border-color:var(--green)!important;
}

/* ============================================================
   TEK ÜRÜN SAYFASI
============================================================ */
.woocommerce div.product{background:var(--black)!important;color:var(--text)!important;}
.woocommerce div.product .woocommerce-product-gallery{
  background:var(--black2)!important;border:1px solid var(--border)!important;
  border-radius:var(--r-lg)!important;overflow:hidden!important;padding:20px!important;
}
.woocommerce div.product .product_title{
  font-size:clamp(22px,4vw,36px)!important;font-weight:700!important;
  color:var(--text)!important;letter-spacing:-0.02em!important;margin-bottom:12px!important;
}

/* EUR + TL fiyat kutusu */
.ajax-price-box{
  background:var(--black2);border:1px solid var(--border-md);
  border-radius:var(--r-lg);padding:20px;margin-bottom:20px;
}
.ajax-price-eur{
  font-size:32px;font-weight:800;color:var(--green);line-height:1;margin-bottom:6px;display:flex;align-items:baseline;gap:8px;
}
.ajax-price-eur-label{font-size:13px;font-weight:500;color:var(--text-muted);}
.ajax-price-tl{
  display:flex;align-items:center;gap:8px;padding-top:12px;margin-top:12px;
  border-top:1px solid var(--border);
}
.ajax-price-tl-amount{font-size:22px;font-weight:700;color:var(--text-sec);}
.ajax-price-tl-label{font-size:12px;color:var(--text-muted);}
.ajax-price-tl-rate{font-size:11px;color:var(--text-muted);margin-left:auto;}
.ajax-price-tl-del{font-size:14px;color:var(--text-muted);text-decoration:line-through;}

.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--green)!important;font-size:28px!important;font-weight:800!important;display:none!important;
}

.woocommerce div.product .woocommerce-product-details__short-description{
  color:var(--text-sec)!important;font-size:14px!important;line-height:1.75!important;margin-bottom:20px!important;
}
.woocommerce .stock.in-stock{color:var(--green)!important;font-weight:600!important;font-size:13px!important;}
.woocommerce .stock.out-of-stock{color:var(--danger)!important;font-weight:600!important;font-size:13px!important;}

.woocommerce div.product form.cart .qty{
  background:var(--gray3)!important;border:1px solid var(--border-md)!important;
  color:var(--text)!important;border-radius:var(--r-sm)!important;
  font-size:15px!important;padding:10px 14px!important;width:80px!important;text-align:center!important;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--green)!important;color:var(--black)!important;
  border:none!important;border-radius:var(--r-sm)!important;
  font-size:14px!important;font-weight:700!important;padding:13px 28px!important;
  cursor:pointer!important;transition:all var(--tr)!important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover{
  background:var(--green-dark)!important;color:var(--white)!important;
  transform:translateY(-1px)!important;box-shadow:var(--sh-green)!important;
}

/* Ürün Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs{
  border-bottom:1px solid var(--border)!important;padding:0!important;margin:0 0 24px!important;
  list-style:none!important;display:flex!important;gap:4px!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none!important;border:none!important;border-radius:0!important;margin:0!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color:var(--text-muted)!important;font-size:14px!important;font-weight:500!important;
  padding:10px 16px!important;display:block!important;border-bottom:2px solid transparent!important;transition:all var(--tr)!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--green)!important;border-bottom-color:var(--green)!important;}
.woocommerce div.product .woocommerce-tabs .panel{color:var(--text-sec)!important;line-height:1.75!important;font-size:14px!important;}
.woocommerce div.product .woocommerce-tabs .panel h2{color:var(--text)!important;font-size:18px!important;margin-bottom:14px!important;}

/* ============================================================
   ÜRÜN ÖZELLİKLERİ SAYFASI
============================================================ */
.product-specs-page{padding:60px 0 80px;}
.specs-hero{
  background:var(--black2);border:1px solid var(--border);
  border-radius:var(--r-xl);padding:36px;margin-bottom:32px;
  display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center;
}
.specs-hero-img{background:var(--gray3);border-radius:var(--r-lg);padding:24px;display:flex;align-items:center;justify-content:center;}
.specs-hero-img img{max-height:200px;object-fit:contain;}
.specs-title{font-size:clamp(20px,3vw,30px);font-weight:700;color:var(--text);margin-bottom:10px;}
.specs-model{font-size:13px;color:var(--text-muted);margin-bottom:16px;font-weight:500;}
.specs-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
.specs-tag{background:var(--green-glow);border:1px solid rgba(90,228,170,0.2);color:var(--green);font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;}

.specs-table-wrap{background:var(--black2);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:20px;}
.specs-table-title{background:var(--gray3);padding:14px 20px;font-size:13px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);}
.specs-table{width:100%;border-collapse:collapse;}
.specs-table tr{border-bottom:1px solid var(--border);}
.specs-table tr:last-child{border-bottom:none;}
.specs-table td{padding:12px 20px;font-size:13px;}
.specs-table td:first-child{color:var(--text-muted);font-weight:500;width:40%;background:rgba(255,255,255,0.02);}
.specs-table td:last-child{color:var(--text);}

.specs-pdf-btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--green-glow);border:1px solid rgba(90,228,170,0.25);
  color:var(--green);font-size:13px;font-weight:600;
  padding:11px 20px;border-radius:var(--r-sm);transition:all var(--tr);
}
.specs-pdf-btn:hover{background:var(--green);color:var(--black);}
.specs-pdf-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}

/* ============================================================
   SEPET & CHECKOUT
============================================================ */
.woocommerce-cart table.cart,.woocommerce table.shop_table{
  border-collapse:collapse!important;width:100%!important;
  background:var(--black2)!important;border-radius:var(--r-lg)!important;
  overflow:hidden!important;border:1px solid var(--border)!important;
}
.woocommerce table.shop_table th{
  background:var(--gray3)!important;color:var(--text-sec)!important;
  font-size:12px!important;font-weight:600!important;letter-spacing:0.5px!important;
  text-transform:uppercase!important;padding:14px 16px!important;border:none!important;
}
.woocommerce table.shop_table td{border-top:1px solid var(--border)!important;padding:16px!important;color:var(--text)!important;vertical-align:middle!important;}
.woocommerce table.shop_table .product-name a{color:var(--text)!important;}
.woocommerce table.shop_table .product-name a:hover{color:var(--green)!important;}
.woocommerce table.shop_table .product-price .amount,
.woocommerce table.shop_table .product-subtotal .amount,
.woocommerce table.shop_table .order-total .amount{color:var(--green)!important;font-weight:700!important;}

/* Checkout TL fiyat notu */
.checkout-currency-note{
  background:var(--green-glow);border:1px solid rgba(90,228,170,0.2);
  border-radius:var(--r);padding:14px 18px;margin-bottom:20px;
  font-size:13px;color:var(--green);display:flex;align-items:center;gap:8px;
}
.checkout-currency-note svg{width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2;flex-shrink:0;}
.checkout-total-tl{
  background:var(--black2);border:1px solid var(--border);border-radius:var(--r-lg);
  padding:20px;margin-bottom:20px;
}
.checkout-total-tl .total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);}
.checkout-total-tl .total-row:last-child{border-bottom:none;padding-top:14px;margin-top:6px;}
.checkout-total-tl .total-label{font-size:13px;color:var(--text-sec);}
.checkout-total-tl .total-val{font-size:13px;color:var(--text);font-weight:600;}
.checkout-total-tl .total-grand .total-label{font-size:15px;font-weight:700;color:var(--text);}
.checkout-total-tl .total-grand .total-val{font-size:22px;font-weight:800;color:var(--green);}
.checkout-total-tl .total-rate{font-size:11px;color:var(--text-muted);margin-top:4px;display:block;}

.woocommerce .cart_totals h2,.woocommerce .checkout_coupon h3{color:var(--text)!important;}
.woocommerce form .form-row label{color:var(--text-sec)!important;font-size:13px!important;margin-bottom:5px!important;}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea{
  background:var(--gray3)!important;border:1px solid var(--border-md)!important;
  color:var(--text)!important;border-radius:var(--r-sm)!important;
  padding:11px 14px!important;font-size:14px!important;width:100%!important;transition:border-color var(--tr)!important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus{border-color:var(--green)!important;}

.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border-radius:var(--r)!important;padding:14px 18px!important;border:none!important;margin-bottom:20px!important;
}
.woocommerce-message{background:var(--green-glow)!important;border-left:3px solid var(--green)!important;color:var(--green)!important;}
.woocommerce-error{background:rgba(255,77,77,0.1)!important;border-left:3px solid var(--danger)!important;color:var(--danger)!important;}
.woocommerce-info{background:rgba(90,176,228,0.1)!important;border-left:3px solid var(--info)!important;color:var(--info)!important;}

.woocommerce-pagination ul{display:flex!important;gap:6px!important;list-style:none!important;flex-wrap:wrap!important;}
.woocommerce-pagination ul .page-numbers{
  width:40px!important;height:40px!important;border-radius:var(--r-sm)!important;
  background:var(--gray3)!important;border:1px solid var(--border)!important;
  color:var(--text-sec)!important;display:flex!important;align-items:center!important;
  justify-content:center!important;font-size:14px!important;font-weight:500!important;
  transition:all var(--tr)!important;text-decoration:none!important;
}
.woocommerce-pagination ul .page-numbers:hover,
.woocommerce-pagination ul .page-numbers.current{
  background:var(--green)!important;color:var(--black)!important;border-color:var(--green)!important;
}

.woocommerce .star-rating span::before{color:var(--green)!important;}
.woocommerce .star-rating{color:var(--border-md)!important;}

/* ============================================================
   BLOG
============================================================ */
.blog-section{padding:80px 0;background:var(--black2);}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.blog-card{background:var(--gray3);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:all var(--tr-md);}
.blog-card:hover{border-color:rgba(90,228,170,0.3);transform:translateY(-3px);box-shadow:var(--sh-green);}
.blog-thumb{height:190px;overflow:hidden;background:var(--black2);}
.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.blog-card:hover .blog-thumb img{transform:scale(1.04);}
.blog-info{padding:18px;}
.blog-cat{font-size:11px;color:var(--green);font-weight:700;letter-spacing:0.8px;text-transform:uppercase;margin-bottom:8px;display:block;}
.blog-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.4;}
.blog-title a{color:inherit;transition:color var(--tr);}
.blog-title a:hover{color:var(--green);}
.blog-excerpt{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);}
.blog-more{color:var(--green);font-weight:600;}
.blog-more:hover{color:var(--green-dark);}

/* Blog Tekil */
.single-blog-wrap{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;padding:60px 0 80px;}
.blog-content{background:var(--black2);border:1px solid var(--border);border-radius:var(--r-lg);padding:36px;}
.blog-content h1{font-size:clamp(22px,4vw,36px);color:var(--text);margin-bottom:16px;}
.blog-content h2{font-size:22px;color:var(--text);margin:28px 0 12px;}
.blog-content h3{font-size:18px;color:var(--text);margin:22px 0 10px;}
.blog-content p{color:var(--text-sec);font-size:15px;line-height:1.8;margin-bottom:16px;}
.blog-content img{border-radius:var(--r);margin:20px 0;}
.blog-content ul,.blog-content ol{color:var(--text-sec);font-size:15px;line-height:1.8;margin-bottom:16px;padding-left:20px;}
.blog-content ul{list-style:disc;}
.blog-content ol{list-style:decimal;}
.blog-content a{color:var(--green);}
.blog-content blockquote{border-left:3px solid var(--green);padding:12px 20px;margin:20px 0;background:var(--green-glow);border-radius:0 var(--r-sm) var(--r-sm) 0;}
.blog-content blockquote p{color:var(--green);}
.blog-content code{background:var(--gray3);color:var(--green);padding:2px 7px;border-radius:4px;font-size:13px;}
.blog-content pre{background:var(--gray3);padding:16px;border-radius:var(--r);overflow-x:auto;margin-bottom:16px;}

.blog-meta-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border);}
.blog-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);}
.blog-meta-item svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;}

.blog-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px;}
.sidebar-box{background:var(--black2);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;}
.sidebar-box-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.sidebar-post{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);}
.sidebar-post:last-child{border-bottom:none;}
.sidebar-post-img{width:60px;height:50px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--gray3);}
.sidebar-post-img img{width:100%;height:100%;object-fit:cover;}
.sidebar-post-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sidebar-post-title a{color:inherit;transition:color var(--tr);}
.sidebar-post-title a:hover{color:var(--green);}
.sidebar-post-date{font-size:11px;color:var(--text-muted);margin-top:4px;}

/* ============================================================
   ÖZELLİKLER / NEDEN BİZ
============================================================ */
.features-section{padding:80px 0;background:var(--black2);}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.feature-card{background:var(--gray3);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;transition:border-color var(--tr-md);}
.feature-card:hover{border-color:rgba(90,228,170,0.3);}
.feature-num{font-size:34px;font-weight:800;color:var(--green);margin-bottom:10px;line-height:1;}
.feature-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:7px;}
.feature-desc{font-size:13px;color:var(--text-muted);line-height:1.7;}

/* ============================================================
   CTA
============================================================ */
.cta-section{background:var(--green);padding:80px 0;}
.cta-inner{text-align:center;max-width:580px;margin:0 auto;}
.cta-inner h2{color:var(--black);margin-bottom:14px;}
.cta-inner p{color:rgba(0,0,0,0.6);margin-bottom:32px;font-size:15px;}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-cta-dark{background:var(--black);color:var(--white);}
.btn-cta-dark:hover{background:var(--black2);color:var(--white);}
.btn-cta-out{background:transparent;color:var(--black);border:2px solid rgba(0,0,0,0.2);}
.btn-cta-out:hover{border-color:var(--black);}

/* ============================================================
   İLETİŞİM
============================================================ */
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start;}
.contact-card{background:var(--black2);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;}
.contact-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;}
.ci-icon{width:42px;height:42px;background:var(--green-glow);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ci-icon svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2;}
.ci-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:3px;}
.ci-val{font-size:14px;color:var(--text);font-weight:600;}

.contact-form-box{background:var(--black2);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px;}
.form-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group{margin-bottom:16px;}
.form-label{display:block;font-size:13px;color:var(--text-sec);font-weight:500;margin-bottom:6px;}
.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;background:var(--gray3);border:1px solid var(--border-md);color:var(--text);border-radius:var(--r-sm);font-size:14px;font-family:var(--font);transition:border-color var(--tr);}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--green);}
.form-textarea{resize:vertical;min-height:120px;}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);}
.form-msg{display:none;padding:12px 16px;border-radius:var(--r-sm);margin-bottom:16px;font-size:14px;}
.form-msg.success{background:var(--green-glow);border:1px solid rgba(90,228,170,0.3);color:var(--green);}
.form-msg.error{background:rgba(255,77,77,0.1);border:1px solid rgba(255,77,77,0.3);color:var(--danger);}

/* ============================================================
   FOOTER
============================================================ */
#site-footer{background:var(--black2);border-top:1px solid var(--border);padding:64px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:48px;margin-bottom:48px;}
.footer-brand p{font-size:13px;color:var(--text-muted);line-height:1.7;margin-top:14px;max-width:240px;}
.footer-social{display:flex;gap:8px;margin-top:20px;}
.footer-social a{width:36px;height:36px;background:var(--gray3);border:1px solid var(--border);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;transition:all var(--tr);}
.footer-social a:hover{background:var(--green);border-color:var(--green);}
.footer-social svg{width:16px;height:16px;stroke:var(--gray1);fill:none;stroke-width:2;}
.footer-social a:hover svg{stroke:var(--black);}
.footer-col h4{font-size:12px;font-weight:700;color:var(--text);margin-bottom:16px;letter-spacing:0.3px;}
.footer-col a{display:block;font-size:13px;color:var(--text-muted);margin-bottom:10px;transition:color var(--tr);}
.footer-col a:hover{color:var(--green);}
.footer-bottom{padding:20px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.footer-copy{font-size:12px;color:var(--text-muted);}
.footer-certs{display:flex;gap:8px;}
.cert-badge{background:var(--gray3);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:11px;color:var(--gray1);font-weight:600;}

/* WhatsApp Float */
.wa-float{
  position:fixed;bottom:28px;right:28px;z-index:999;
  width:54px;height:54px;background:#25D366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:all var(--tr);
  animation:wafloat 3s ease-in-out infinite;
}
.wa-float:hover{transform:scale(1.1);background:#1ebe5d;}
.wa-float svg{width:28px;height:28px;fill:var(--white);}
@keyframes wafloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}

/* Back to top */
.back-top{
  position:fixed;bottom:92px;right:28px;z-index:999;
  width:40px;height:40px;background:var(--gray3);border:1px solid var(--border);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  cursor:pointer;opacity:0;pointer-events:none;transition:all var(--tr);
}
.back-top.show{opacity:1;pointer-events:all;}
.back-top:hover{background:var(--green);border-color:var(--green);}
.back-top svg{width:17px;height:17px;stroke:var(--text);fill:none;stroke-width:2.5;}
.back-top:hover svg{stroke:var(--black);}

/* Breadcrumb */
.breadcrumb-bar{padding:14px 0;border-bottom:1px solid var(--border);background:var(--black2);}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);flex-wrap:wrap;}
.breadcrumb a{color:var(--text-muted);transition:color var(--tr);}
.breadcrumb a:hover{color:var(--green);}
.bc-sep{color:var(--gray2);}
.bc-cur{color:var(--text-sec);}

/* Woo Breadcrumb */
.woocommerce-breadcrumb{color:var(--text-muted)!important;font-size:13px!important;margin-bottom:20px!important;}
.woocommerce-breadcrumb a{color:var(--text-muted)!important;}
.woocommerce-breadcrumb a:hover{color:var(--green)!important;}

/* Shop Sidebar */
.shop-layout{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start;}
.shop-sidebar{position:sticky;top:90px;}
.sw-box{background:var(--black2);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;margin-bottom:14px;}
.sw-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.woocommerce .widget_price_filter .ui-slider{background:var(--gray3)!important;border:none!important;}
.woocommerce .widget_price_filter .ui-slider-handle{background:var(--green)!important;border:none!important;}
.woocommerce .widget_price_filter .ui-slider-range{background:var(--green)!important;}
.woocommerce .widget_price_filter .price_slider_amount .button{background:var(--green)!important;color:var(--black)!important;border:none!important;border-radius:var(--r-sm)!important;font-weight:700!important;}
.sw-cats li{padding:8px 0;border-bottom:1px solid var(--border);}
.sw-cats li:last-child{border-bottom:none;}
.sw-cats a{font-size:13px;color:var(--text-sec);display:flex;justify-content:space-between;transition:color var(--tr);}
.sw-cats a:hover{color:var(--green);}
.sw-cats .count{color:var(--text-muted);font-size:12px;}

/* ============================================================
   RESPONSIVE
============================================================ */
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .contact-grid{grid-template-columns:1fr;}
  .single-blog-wrap{grid-template-columns:1fr;}
  .blog-sidebar{position:static;}
  .shop-layout{grid-template-columns:1fr;}
  .shop-sidebar{position:static;}
}
@media(max-width:768px){
  .section{padding:56px 0;}
  .main-nav{display:none;}
  .hdr-search{display:none;}
  .hamburger{display:flex;}
  .hero-inner{grid-template-columns:1fr;}
  .hero{padding:60px 0 0;}
  .trust-bar-inner{gap:18px;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .form-row2{grid-template-columns:1fr;}
  .specs-hero{grid-template-columns:1fr;}
  .topbar-links{display:none;}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:480px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr!important;}
  .footer-grid{grid-template-columns:1fr;}
  .hero-btns{flex-direction:column;}
  .cta-btns{flex-direction:column;align-items:center;}
  .hero-stats{gap:16px;}
}
