/*
Theme Name: Farmatek LED Poster
Theme URI: https://farmatek.com
Author: Farmatek
Description: Premium Dark WooCommerce Tema
Version: 1.0
Text Domain: farmatek
*/

:root {
  --bg: #0a0a0a;
  --bg2: #111111;
  --bgcard: #161616;
  --gold: #d4a853;
  --gold2: #a07830;
  --text: #f0f0f0;
  --muted: #a0a0a0;
  --dim: #606060;
  --border: #2a2a2a;
  --radius: 8px;
  --radlg: 16px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', -apple-system, sans-serif;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--gold); text-decoration: none; transition: .3s; }
a:hover { color: #e8be6a; }
img { max-width:100%; display:block; }
ul { list-style:none; }

.container { max-width:1280px; margin:0 auto; padding:0 24px; }

/* ── HEADER ── */
.site-header {
  position: fixed; top:0; left:0; right:0; z-index:1000;
  background: rgba(10,10,10,.95);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
}
.header-inner {
  display:flex; align-items:center; justify-content:space-between;
  height:72px; gap:32px;
}
.site-logo { display:flex; align-items:center; gap:12px; }
.logo-mark {
  width:40px; height:40px;
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  border-radius:8px; display:flex; align-items:center; justify-content:center;
  font-weight:900; font-size:18px; color:#000;
}
.logo-brand {
  font-size:20px; font-weight:800; color:var(--text);
  letter-spacing:2px; text-transform:uppercase;
}
.logo-tag { font-size:10px; color:var(--gold); letter-spacing:3px; text-transform:uppercase; }

.site-nav { display:flex; gap:8px; align-items:center; }
.nav-link {
  color:var(--muted); font-size:14px; font-weight:500;
  padding:8px 16px; border-radius:var(--radius);
  text-transform:uppercase; letter-spacing:1px; transition:.3s;
}
.nav-link:hover { color:var(--gold); background:rgba(212,168,83,.08); }

.btn-gold {
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color:#000; font-size:13px; font-weight:700;
  padding:10px 20px; border-radius:var(--radius); border:none;
  cursor:pointer; text-transform:uppercase; letter-spacing:1px;
  transition:.3s; display:inline-flex; align-items:center; gap:8px;
}
.btn-gold:hover { transform:translateY(-2px); box-shadow:0 8px 30px rgba(212,168,83,.4); color:#000; }

.cart-link {
  position:relative; width:44px; height:44px;
  display:flex; align-items:center; justify-content:center;
  border-radius:var(--radius); background:var(--bgcard);
  border:1px solid var(--border); color:var(--muted); transition:.3s;
}
.cart-link:hover { border-color:var(--gold); color:var(--gold); }
.cart-count {
  position:absolute; top:-6px; right:-6px;
  width:20px; height:20px; background:var(--gold); color:#000;
  font-size:11px; font-weight:700; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}

/* ── HERO ── */
.hero {
  min-height:100vh; display:flex; align-items:center;
  padding-top:72px; position:relative; overflow:hidden;
}
.hero::before {
  content:''; position:absolute; top:-50%; right:-20%;
  width:800px; height:800px;
  background: radial-gradient(circle, rgba(212,168,83,.08) 0%, transparent 70%);
  pointer-events:none;
}
.hero-inner {
  display:grid; grid-template-columns:1fr 1fr;
  gap:80px; align-items:center; position:relative; z-index:1;
  padding: 80px 0;
}
.hero-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(212,168,83,.1); border:1px solid rgba(212,168,83,.3);
  color:var(--gold); font-size:12px; font-weight:600;
  padding:6px 14px; border-radius:100px; letter-spacing:2px;
  text-transform:uppercase; margin-bottom:24px;
}
.badge-dot {
  width:6px; height:6px; background:var(--gold); border-radius:50%;
  animation: pulse 2s infinite;
}
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }

.hero h1 { font-size:clamp(2rem,5vw,3.5rem); font-weight:800; line-height:1.15; margin-bottom:24px; }
.hero h1 em { color:var(--gold); font-style:normal; display:block; }
.hero p { font-size:18px; color:var(--muted); margin-bottom:40px; max-width:480px; }
.hero-cta { display:flex; gap:16px; flex-wrap:wrap; }

.btn-outline {
  display:inline-flex; align-items:center; gap:10px;
  background:transparent; color:var(--text); font-size:15px; font-weight:600;
  padding:16px 32px; border-radius:var(--radius); border:1px solid #333;
  cursor:pointer; transition:.3s;
}
.btn-outline:hover { border-color:var(--gold); color:var(--gold); transform:translateY(-2px); }

.hero-stats { display:flex; gap:40px; margin-top:56px; padding-top:40px; border-top:1px solid var(--border); }
.stat-num { font-size:28px; font-weight:800; color:var(--gold); line-height:1; }
.stat-lbl { font-size:12px; color:var(--dim); text-transform:uppercase; letter-spacing:1px; }

.hero-img-wrap {
  position:relative; border-radius:var(--radlg); overflow:hidden;
  background:var(--bgcard); border:1px solid var(--border);
  aspect-ratio:4/5;
}
.hero-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.hero-img-wrap:hover img { transform:scale(1.03); }
.hero-price-badge {
  position:absolute; bottom:24px; left:24px; right:24px;
  background:rgba(10,10,10,.9); backdrop-filter:blur(10px);
  border:1px solid #333; border-radius:var(--radius);
  padding:16px 20px; display:flex; align-items:center; justify-content:space-between;
}
.hero-price-badge .plabel { font-size:13px; color:var(--muted); }
.hero-price-badge .pprice { font-size:22px; font-weight:800; color:var(--gold); }
.new-tag {
  position:absolute; top:24px; right:24px;
  background:var(--gold); color:#000; font-size:12px; font-weight:700;
  padding:6px 12px; border-radius:100px; text-transform:uppercase; letter-spacing:1px;
}

/* ── STRIPS ── */
.strip {
  background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  padding:32px 0;
}
.strip-grid {
  display:grid; grid-template-columns:repeat(4,1fr);
}
.strip-item {
  display:flex; align-items:center; gap:16px;
  padding:16px 32px; border-right:1px solid var(--border);
}
.strip-item:last-child { border-right:none; }
.strip-icon {
  width:44px; height:44px; background:rgba(212,168,83,.1);
  border-radius:var(--radius); display:flex; align-items:center; justify-content:center;
  font-size:20px; flex-shrink:0;
}
.strip-item strong { display:block; font-size:14px; color:var(--text); margin-bottom:2px; }
.strip-item span { font-size:12px; color:var(--dim); }

/* ── PRODUCT DETAIL ── */
.product-section { padding:100px 0; }
.sec-tag { font-size:12px; color:var(--gold); letter-spacing:3px; text-transform:uppercase; display:block; margin-bottom:12px; }
.sec-title { font-size:clamp(1.5rem,3vw,2.5rem); font-weight:800; margin-bottom:16px; }
.sec-desc { color:var(--muted); font-size:17px; max-width:560px; margin:0 auto; }
.sec-header { text-align:center; margin-bottom:64px; }

.product-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.product-gallery { position:sticky; top:96px; }

.gallery-main {
  border-radius:var(--radlg); overflow:hidden; background:var(--bgcard);
  border:1px solid var(--border); aspect-ratio:1; margin-bottom:16px;
}
.gallery-main img { width:100%; height:100%; object-fit:cover; }
.gallery-thumbs { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.gallery-thumb {
  aspect-ratio:1; border-radius:var(--radius); overflow:hidden;
  background:var(--bgcard); border:2px solid var(--border);
  cursor:pointer; transition:.3s;
}
.gallery-thumb.active, .gallery-thumb:hover { border-color:var(--gold); }
.gallery-thumb img { width:100%; height:100%; object-fit:cover; }

.product-info { padding-top:8px; }
.prod-cat { font-size:12px; color:var(--gold); letter-spacing:3px; text-transform:uppercase; margin-bottom:12px; }
.prod-title { font-size:clamp(1.8rem,3vw,2.8rem); font-weight:800; margin-bottom:20px; line-height:1.15; }
.prod-stars { display:flex; gap:4px; color:var(--gold); font-size:16px; margin-bottom:24px; }

.price-block {
  background:var(--bgcard); border:1px solid var(--border);
  border-radius:var(--radlg); padding:24px; margin-bottom:32px;
}
.price-main { font-size:40px; font-weight:900; color:var(--gold); line-height:1; margin-bottom:8px; }
.price-note { font-size:13px; color:var(--dim); }
.price-note .green { color:#2ecc71; font-weight:600; }

.var-section { margin-bottom:32px; }
.var-lbl { font-size:14px; font-weight:600; color:var(--muted); margin-bottom:12px; text-transform:uppercase; letter-spacing:1px; }
.var-lbl strong { color:var(--gold); }
.var-opts { display:flex; gap:12px; flex-wrap:wrap; }

.var-btn {
  position:relative; padding:14px 28px; border-radius:var(--radius);
  border:2px solid #333; background:var(--bgcard); color:var(--muted);
  font-size:14px; font-weight:600; cursor:pointer; transition:.3s;
  text-align:center; min-width:160px; font-family:inherit;
}
.var-btn .vname { display:block; font-size:15px; color:var(--text); margin-bottom:4px; }
.var-btn .vsub { display:block; font-size:11px; color:var(--dim); text-transform:uppercase; letter-spacing:1px; }
.var-btn:hover { border-color:var(--gold); }
.var-btn.sel { border-color:var(--gold); background:rgba(212,168,83,.1); }
.var-btn.sel .vname { color:var(--gold); }
.var-check {
  position:absolute; top:-8px; right:-8px;
  width:20px; height:20px; background:var(--gold); border-radius:50%;
  display:none; align-items:center; justify-content:center;
  font-size:10px; color:#000;
}
.var-btn.sel .var-check { display:flex; }

.qty-section { margin-bottom:32px; }
.qty-lbl { font-size:14px; font-weight:600; color:var(--muted); margin-bottom:12px; text-transform:uppercase; letter-spacing:1px; }
.qty-control {
  display:flex; align-items:center; width:fit-content;
  background:var(--bgcard); border:1px solid #333; border-radius:var(--radius); overflow:hidden;
}
.qty-btn {
  width:48px; height:48px; background:transparent; border:none;
  color:var(--muted); font-size:22px; cursor:pointer; transition:.3s;
  display:flex; align-items:center; justify-content:center; font-family:inherit;
}
.qty-btn:hover { background:rgba(212,168,83,.1); color:var(--gold); }
.qty-input {
  width:64px; height:48px; text-align:center; background:transparent;
  border:none; border-left:1px solid var(--border); border-right:1px solid var(--border);
  color:var(--text); font-size:16px; font-weight:600;
  -moz-appearance:textfield;
}
.qty-input::-webkit-inner-spin-button,
.qty-input::-webkit-outer-spin-button { -webkit-appearance:none; }

.cart-actions { display:flex; gap:12px; margin-bottom:32px; }
.btn-cart {
  flex:1; display:flex; align-items:center; justify-content:center; gap:10px;
  background:linear-gradient(135deg, var(--gold), var(--gold2)); color:#000;
  font-size:16px; font-weight:700; padding:18px 32px;
  border-radius:var(--radius); border:none; cursor:pointer; transition:.3s;
  text-transform:uppercase; letter-spacing:1px; font-family:inherit;
}
.btn-cart:hover { transform:translateY(-2px); box-shadow:0 8px 30px rgba(212,168,83,.4); }
.btn-wish {
  width:56px; height:56px; display:flex; align-items:center; justify-content:center;
  background:var(--bgcard); border:1px solid #333; border-radius:var(--radius);
  cursor:pointer; transition:.3s; color:var(--muted); font-size:20px; font-family:inherit;
}
.btn-wish:hover { border-color:#e74c3c; color:#e74c3c; }

.ship-grid {
  background:var(--bg2); border:1px solid var(--border); border-radius:var(--radlg);
  padding:20px; display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:32px;
}
.ship-item { display:flex; align-items:center; gap:12px; }
.ship-icon { font-size:22px; }
.ship-item strong { display:block; font-size:13px; color:var(--text); margin-bottom:2px; }
.ship-item span { font-size:12px; color:var(--dim); }

/* Tabs */
.tab-nav {
  display:flex; border-bottom:1px solid var(--border); margin-bottom:40px;
}
.tab-btn {
  padding:14px 28px; background:transparent; border:none;
  border-bottom:2px solid transparent; color:var(--dim);
  font-size:14px; font-weight:600; cursor:pointer; transition:.3s;
  text-transform:uppercase; letter-spacing:1px; margin-bottom:-1px; font-family:inherit;
}
.tab-btn:hover { color:var(--text); }
.tab-btn.active { color:var(--gold); border-bottom-color:var(--gold); }
.tab-pane { display:none; }
.tab-pane.active { display:block; }

.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:16px 20px; font-size:14px; }
.specs-table td:first-child { color:var(--dim); font-weight:600; width:35%; text-transform:uppercase; letter-spacing:.5px; font-size:12px; }
.specs-table td:last-child { color:var(--text); }
.specs-table tr:nth-child(odd) td { background:rgba(255,255,255,.02); }

/* ── WHY US ── */
.why-section {
  padding:100px 0; background:var(--bg2);
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:64px; }
.why-card {
  background:var(--bgcard); border:1px solid var(--border); border-radius:var(--radlg);
  padding:36px 32px; transition:.3s; position:relative; overflow:hidden;
}
.why-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--gold),transparent); opacity:0; transition:.3s;
}
.why-card:hover { transform:translateY(-4px); box-shadow:0 0 30px rgba(212,168,83,.1); }
.why-card:hover::before { opacity:1; }
.why-icon {
  width:56px; height:56px; background:rgba(212,168,83,.1); border-radius:var(--radius);
  display:flex; align-items:center; justify-content:center; font-size:26px; margin-bottom:24px;
}
.why-card h3 { font-size:18px; margin-bottom:12px; }
.why-card p { font-size:14px; color:var(--muted); line-height:1.8; }

/* ── TESTIMONIALS ── */
.testi-section { padding:100px 0; }
.testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:64px; }
.testi-card {
  background:var(--bgcard); border:1px solid var(--border); border-radius:var(--radlg);
  padding:32px; transition:.3s;
}
.testi-card:hover { transform:translateY(-2px); }
.testi-stars { color:var(--gold); font-size:14px; margin-bottom:16px; }
.testi-text { font-size:15px; color:var(--muted); line-height:1.8; margin-bottom:24px; font-style:italic; }
.testi-author { display:flex; align-items:center; gap:12px; }
.author-av {
  width:44px; height:44px; border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:16px; color:#000; flex-shrink:0;
}
.author-name { font-size:14px; font-weight:600; color:var(--text); }
.author-title { font-size:12px; color:var(--dim); }

/* ── FAQ ── */
.faq-section {
  padding:100px 0; background:var(--bg2);
  border-top:1px solid var(--border);
}
.faq-list { max-width:800px; margin:64px auto 0; }
.faq-item {
  border:1px solid var(--border); border-radius:var(--radius);
  margin-bottom:12px; overflow:hidden;
}
.faq-item.open { border-color:var(--gold); }
.faq-q {
  padding:20px 24px; display:flex; justify-content:space-between; align-items:center;
  cursor:pointer; background:var(--bgcard); transition:.3s;
}
.faq-q span { font-size:15px; font-weight:600; color:var(--text); }
.faq-arrow {
  width:28px; height:28px; border-radius:50%; background:var(--bg2);
  display:flex; align-items:center; justify-content:center;
  color:var(--gold); transition:.3s; font-size:12px; flex-shrink:0;
}
.faq-item.open .faq-arrow { transform:rotate(180deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height .3s ease; }
.faq-item.open .faq-a { max-height:300px; }
.faq-a p { padding:16px 24px 20px; font-size:14px; color:var(--muted); line-height:1.8; border-top:1px solid var(--border); }

/* ── CTA ── */
.cta-section {
  padding:100px 0; text-align:center; position:relative; overflow:hidden;
}
.cta-section::before {
  content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:800px; height:400px;
  background:radial-gradient(ellipse,rgba(212,168,83,.08) 0%,transparent 70%);
  pointer-events:none;
}
.cta-content { position:relative; z-index:1; max-width:640px; margin:0 auto; }
.cta-content h2 { margin-bottom:20px; }
.cta-content p { font-size:18px; color:var(--muted); margin-bottom:40px; }

/* ── FOOTER ── */
.site-footer {
  background:var(--bg2); border-top:1px solid var(--border); padding:64px 0 0;
}
.footer-grid {
  display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:48px;
  padding-bottom:48px; border-bottom:1px solid var(--border);
}
.footer-brand p { font-size:14px; color:var(--dim); margin-top:16px; max-width:280px; line-height:1.7; }
.footer-social { display:flex; gap:12px; margin-top:24px; }
.social-a {
  width:40px; height:40px; border-radius:var(--radius); background:var(--bgcard);
  border:1px solid var(--border); display:flex; align-items:center; justify-content:center;
  color:var(--dim); font-size:16px; transition:.3s;
}
.social-a:hover { border-color:var(--gold); color:var(--gold); }
.footer-col h4 {
  font-size:13px; font-weight:700; color:var(--muted);
  text-transform:uppercase; letter-spacing:2px; margin-bottom:20px;
}
.footer-col ul li { margin-bottom:10px; }
.footer-col ul li a { font-size:14px; color:var(--dim); transition:.3s; }
.footer-col ul li a:hover { color:var(--gold); }
.footer-contact p { font-size:14px; color:var(--dim); margin-bottom:8px; }
.footer-bottom {
  padding:24px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;
}
.footer-bottom p { font-size:13px; color:var(--dim); }
.foot-links { display:flex; gap:24px; }
.foot-links a { font-size:13px; color:var(--dim); }
.foot-links a:hover { color:var(--gold); }

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .hero-inner,.product-layout { grid-template-columns:1fr; gap:48px; }
  .hero-inner { text-align:center; }
  .hero-cta,.hero-stats { justify-content:center; }
  .hero-img-wrap { max-width:500px; margin:0 auto; aspect-ratio:16/10; }
  .why-grid { grid-template-columns:1fr 1fr; }
  .testi-grid { grid-template-columns:1fr 1fr; }
  .strip-grid { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .product-gallery { position:static; }
}
@media(max-width:768px){
  .site-nav,.btn-gold.desktop { display:none; }
  .why-grid,.testi-grid,.strip-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .ship-grid,.footer-bottom { flex-direction:column; }
  .ship-grid { grid-template-columns:1fr; }
  .cart-actions { flex-direction:column; }
  .var-btn { min-width:unset; flex:1; }
}
@media(max-width:480px){
  .container { padding:0 16px; }
  .price-main { font-size:32px; }
  .hero-stats { gap:24px; flex-wrap:wrap; }
}
/* WordPress override */
html,
body.home,
body {
    background-color: #0a0a0a !important;
    background: #0a0a0a !important;
    color: #f0f0f0 !important;
}

/* WordPress admin bar boşluğu */
.admin-bar .site-header {
    top: 32px;
}

/* Sayfa içeriği taşma sorunu */
#page,
#content,
.site,
.site-content,
#primary,
#main,
main {
    background: #0a0a0a !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* WordPress varsayılan container'ı sıfırla */
.wp-site-blocks,
.entry-content,
.post-content {
    background: #0a0a0a !important;
    max-width: 100% !important;
    padding: 0 !important;
}
/* ── TÜM WORDPRESS CONTAINER KISITLAMALARINI KALDIR ── */
#page,
#content,
#primary,
#main,
main,
.site,
.site-content,
.entry-content,
.entry-header,
.post-content,
.wp-block-group,
.wp-site-blocks,
.is-layout-flow,
.is-layout-constrained,
article,
.hentry,
.type-page {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    background: transparent !important;
}

/* ── HERO TAM GENİŞLİK ── */
.hero,
.strip,
.product-section,
.why-section,
.testi-section,
.faq-section,
.cta-section,
.site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}