/* ==========================================================================
   product.css — Ürün detay sayfası (urun-detay.html) — bağımsız stil dosyası
   Chrome (top-bar/header/nav/footer) dahil tüm stiller bu dosyada kendi içinde
   tutulur. NOT: Bu sayfa .head-search / .btn-h-* / .f-contact-row gibi kendi
   sınıf adlarını kullandığı için anasayfadan ayrı tutulmuştur.
   ========================================================================== */

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Poppins', sans-serif; color: #1f1f1f; background: #fff; line-height: 1.65; font-size: 16px; }
a { text-decoration: none; color: inherit; }
button { font-family: inherit; cursor: pointer; border: none; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 28px; }
.ic { width: 1em; height: 1em; display: inline-block; vertical-align: -0.15em; }

/* TOP BAR */
.top-bar { background: #1f1f1f; color: #fff; font-size: 13px; padding: 10px 0; overflow: hidden; }
.top-bar .container { display: flex; align-items: center; gap: 24px; }
.marquee-wrap { flex: 1; overflow: hidden; white-space: nowrap; }
.marquee { display: inline-block; white-space: nowrap; animation: scroll 50s linear infinite; padding-left: 100%; }
.marquee span { margin-right: 40px; color: rgba(255,255,255,0.85); }
.marquee .label { color: #fff; font-weight: 500; display: inline-flex; align-items: center; gap: 7px; }
.marquee .old-price { color: rgba(255,255,255,0.4); text-decoration: line-through; margin-right: 6px; font-size: 12px; }
.marquee .new-price { color: #8ce5a4; font-weight: 500; }
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
.top-bar .btn-all { color: #fff; font-size: 13px; font-weight: 500; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; opacity: 0.9; }

/* HEADER TOP */
.header-top { background: #fff; border-bottom: 1px solid rgba(0,0,0,0.06); padding: 16px 0; font-size: 14px; }
.header-top .container { display: flex; align-items: center; gap: 28px; }
.header-top .contact-info { display: flex; gap: 24px; align-items: center; color: #5f6368; }
.header-top .contact-info a { display: inline-flex; align-items: center; gap: 7px; transition: color 0.2s; }
.header-top .contact-info a:hover { color: #1f1f1f; }
.head-search { flex: 1; max-width: 480px; position: relative; }
.head-search input {
  width: 100%; padding: 12px 18px 12px 44px;
  border: 1px solid rgba(0,0,0,0.1); border-radius: 100px;
  font-size: 14px; font-family: inherit; outline: none;
  background: #f8f9fa; transition: all 0.2s;
}
.head-search input:focus { background: #fff; border-color: #1f1f1f; }
.head-search .ico { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #5f6368; }
.header-top .actions { display: flex; gap: 8px; margin-left: auto; }
.btn-h-primary {
  background: #1f1f1f; color: #fff;
  padding: 10px 22px; border-radius: 100px;
  font-weight: 500; font-size: 14px;
  display: inline-flex; align-items: center; gap: 7px;
  transition: background 0.2s;
}
.btn-h-primary:hover { background: #000; }
.btn-h-secondary {
  background: transparent; color: #1f1f1f;
  padding: 10px 22px; border-radius: 100px;
  font-weight: 500; font-size: 14px;
  border: 1px solid rgba(0,0,0,0.15);
  display: inline-flex; align-items: center; gap: 7px;
}
.btn-h-secondary:hover { background: #f8f9fa; }

/* MAIN NAV */
.main-nav { background: rgba(255,255,255,0.85); backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid rgba(0,0,0,0.06); padding: 18px 0; position: sticky; top: 0; z-index: 40; }
.main-nav .container { display: flex; align-items: center; gap: 40px; }
.logo { display: flex; flex-direction: column; line-height: 1; }
.logo .brand { font-size: 22px; font-weight: 500; letter-spacing: -0.4px; }
.logo .brand span { font-weight: 700; }
.logo .tagline { font-size: 9px; color: #5f6368; letter-spacing: 1.5px; margin-top: 4px; font-weight: 400; }
.nav-menu { display: flex; gap: 32px; flex: 1; justify-content: center; }
.nav-menu a { font-size: 14px; font-weight: 500; opacity: 0.7; transition: opacity 0.2s; }
.nav-menu a:hover, .nav-menu a.active { opacity: 1; }
.nav-icons { display: flex; gap: 8px; align-items: center; }
.icon-btn {
  position: relative; background: transparent;
  width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.2s;
}
.icon-btn:hover { background: #f1f3f4; }
.badge {
  position: absolute; top: 0; right: 0;
  background: #1f1f1f; color: #fff;
  font-size: 10px; font-weight: 600;
  min-width: 18px; height: 18px;
  padding: 0 5px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
}

/* BREADCRUMB */
.breadcrumb {
  background: #fff;
  padding: 20px 0 12px;
  font-size: 13px;
  color: #5f6368;
}
.breadcrumb .container { display: flex; align-items: center; gap: 8px; }
.breadcrumb a { color: #5f6368; transition: color 0.2s; }
.breadcrumb a:hover { color: #1f1f1f; }
.breadcrumb .sep { opacity: 0.4; }
.breadcrumb .current { color: #1f1f1f; font-weight: 500; }

/* ==================== ÜRÜN DETAY ==================== */
.product-page {
  background: #fff;
  padding: 24px 0 80px;
}
.product-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 24px;
  align-items: start;
}

/* SOL KOLON */
.product-main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

/* KART GENEL */
.card {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.07);
  border-radius: 24px;
  padding: 28px 30px;
}
.card-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.card-head-title { display: flex; align-items: center; gap: 12px; }
.card-head-ico {
  width: 36px; height: 36px;
  background: #1f1f1f;
  color: #fff;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
}
.card-head h2 { font-size: 18px; font-weight: 600; letter-spacing: -0.3px; }

.btn-refresh {
  display: inline-flex; align-items: center; gap: 7px;
  background: #FCE8E6;
  color: #c5221f;
  padding: 8px 16px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.btn-refresh:hover { background: #fbd5d2; }
.btn-refresh svg { transition: transform 0.4s; }
.btn-refresh:hover svg { transform: rotate(180deg); }

/* METRIC LIST */
.metric-list { display: flex; flex-direction: column; }
.metric-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  gap: 16px;
}
.metric-row:last-child { border-bottom: none; }
.metric-left { display: flex; align-items: center; gap: 12px; }
.metric-ico {
  width: 36px; height: 36px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.3px;
}
.metric-ico.google { background: #E8F0FE; color: #1967d2; }
.metric-ico.link { background: #FEF7E0; color: #b06000; }
.metric-ico.news { background: #FCE8E6; color: #c5221f; }
.metric-ico.age { background: #E6F4EA; color: #137333; }
.metric-ico.moz { background: #E8F0FE; color: #1967d2; }
.metric-ico.ahrefs { background: #FEF7E0; color: #b06000; }
.metric-name { font-size: 14px; font-weight: 500; color: #1f1f1f; }
.metric-value {
  font-size: 15px;
  font-weight: 600;
  color: #1f1f1f;
  letter-spacing: -0.2px;
  text-align: right;
}
.metric-value .pill {
  display: inline-flex; align-items: center; gap: 4px;
  background: #E6F4EA;
  color: #137333;
  padding: 4px 10px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
}
.metric-value .pill.warn {
  background: #FEF7E0;
  color: #b06000;
}

/* SİTE HAKKINDA */
.about-card .card-head { margin-bottom: 18px; padding-bottom: 14px; }
.about-text {
  font-size: 15px;
  color: #5f6368;
  line-height: 1.75;
}
.about-text p + p { margin-top: 14px; }

/* BENZER SİTELER */
.similar-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 16px;
  margin: 32px 0 22px;
}
.similar-head-l { display: flex; flex-direction: column; gap: 4px; }
.similar-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #5f6368;
  display: inline-flex; align-items: center; gap: 6px;
}
.similar-eyebrow .dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.similar-head-l h2 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #1f1f1f;
}
.similar-head-l p { font-size: 14px; color: #5f6368; }
.similar-link {
  font-size: 13px;
  font-weight: 500;
  color: #1f1f1f;
  opacity: 0.65;
  display: inline-flex; align-items: center; gap: 5px;
  white-space: nowrap;
}
.similar-link:hover { opacity: 1; }

.similar-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.similar-card {
  background: #f8f9fa;
  border-radius: 18px;
  padding: 20px 18px;
  transition: all 0.2s;
  cursor: pointer;
}
.similar-card:hover {
  background: #f1f3f4;
  transform: translateY(-2px);
}
.similar-card-head {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 16px;
}
.similar-favicon {
  width: 36px; height: 36px;
  background: #fff;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 700;
  color: #1f1f1f;
  flex-shrink: 0;
}
.similar-name {
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  letter-spacing: -0.2px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  flex: 1; min-width: 0;
}

.similar-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: 16px;
}
.similar-stat {
  display: flex; align-items: center; gap: 7px;
  font-size: 11px;
  color: #5f6368;
}
.similar-stat-ico {
  width: 22px; height: 22px;
  border-radius: 6px;
  background: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 9px; font-weight: 700;
  flex-shrink: 0;
}
.similar-stat-ico.g { color: #1967d2; }
.similar-stat-ico.l { color: #b06000; }
.similar-stat-ico.n { color: #c5221f; }
.similar-stat-ico.a { color: #137333; }
.similar-stat-ico.m { color: #1967d2; }
.similar-stat-ico.h { color: #b06000; }
.similar-stat-val { font-weight: 600; color: #1f1f1f; }

.similar-foot {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,0.06);
  gap: 10px;
}
.similar-price {
  font-size: 18px;
  font-weight: 600;
  color: #1f1f1f;
  letter-spacing: -0.3px;
}
.similar-cta {
  display: inline-flex; align-items: center; gap: 5px;
  background: #1f1f1f; color: #fff;
  padding: 8px 16px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
  transition: background 0.2s;
}
.similar-cta:hover { background: #000; }

/* ==================== SAĞ KOLON — STICKY ==================== */
.product-sidebar {
  position: sticky;
  top: 88px;
  display: flex; flex-direction: column; gap: 16px;
}

.site-hero-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.07);
  border-radius: 24px;
  overflow: hidden;
}

.site-hero-banner {
  height: 180px;
  background: linear-gradient(135deg, #E8F0FE, #FCE8E6);
  display: flex; align-items: center; justify-content: center;
  position: relative;
  overflow: hidden;
}
.site-hero-banner::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.5), transparent 50%);
}
.site-hero-banner-text {
  position: relative;
  z-index: 1;
  text-align: center;
}
.site-hero-banner-text .domain-big {
  font-size: 26px; font-weight: 500;
  color: #1f1f1f; letter-spacing: -0.6px;
  margin-bottom: 6px;
}
.site-hero-banner-text .sub {
  font-size: 12px;
  color: rgba(0,0,0,0.55);
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.site-hero-body { padding: 22px 24px; }
.site-domain-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.site-domain {
  font-size: 16px;
  font-weight: 600;
  color: #1f1f1f;
  letter-spacing: -0.2px;
}
.btn-visit {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #1f1f1f;
  background: #f1f3f4;
  padding: 7px 14px;
  border-radius: 100px;
  transition: background 0.2s;
}
.btn-visit:hover { background: #e8eaed; }

.quick-stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 20px;
}
.qstat {
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
  padding: 12px 8px;
  background: #f8f9fa;
  border-radius: 14px;
  gap: 6px;
}
.qstat-ico {
  width: 30px; height: 30px;
  background: #fff;
  border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  color: #1f1f1f;
}
.qstat-val {
  font-size: 13px;
  font-weight: 600;
  color: #1f1f1f;
  letter-spacing: -0.2px;
  line-height: 1.2;
}
.qstat-lbl {
  font-size: 10px;
  color: #5f6368;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.contact-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
  margin-bottom: 22px;
}
.contact-btn {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  padding: 10px 8px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s;
}
.contact-btn.phone {
  background: #FCE8E6; color: #c5221f;
}
.contact-btn.phone:hover { background: #fbd5d2; }
.contact-btn.wa {
  background: #E6F4EA; color: #137333;
}
.contact-btn.wa:hover { background: #ccebd5; }
.contact-btn.skype {
  background: #E8F0FE; color: #1967d2;
}
.contact-btn.skype:hover { background: #d4e3fc; }

.price-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.price-block {
  display: flex; flex-direction: column; gap: 2px;
}
.price-now {
  font-size: 28px;
  font-weight: 600;
  color: #1f1f1f;
  letter-spacing: -0.8px;
  line-height: 1;
}
.price-lbl {
  font-size: 11px;
  color: #5f6368;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.btn-add-cart {
  flex: 1;
  background: #1f1f1f;
  color: #fff;
  padding: 14px 22px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  transition: all 0.2s;
}
.btn-add-cart:hover { background: #000; transform: scale(1.02); }
.btn-add-cart.added { background: #137333; }

.share-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px;
}
.share-label {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13px;
  color: #5f6368;
  font-weight: 500;
}
.share-label svg { color: #1f1f1f; }
.share-icons {
  display: flex; gap: 6px;
}
.share-btn {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #f1f3f4;
  color: #1f1f1f;
  display: flex; align-items: center; justify-content: center;
  transition: all 0.2s;
  cursor: pointer;
}
.share-btn.fb:hover { background: #1877F2; color: #fff; }
.share-btn.tw:hover { background: #000; color: #fff; }
.share-btn.pin:hover { background: #E60023; color: #fff; }

/* INFO CARD */
.info-card {
  background: #f8f9fa;
  border-radius: 24px;
  padding: 22px 24px;
  text-align: center;
}
.info-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #5f6368;
  display: inline-flex; align-items: center; gap: 6px;
  margin-bottom: 10px;
}
.info-eyebrow .dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.info-card h3 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #1f1f1f;
}
.info-card p {
  font-size: 13px;
  color: #5f6368;
  line-height: 1.6;
}
.info-card .link {
  color: #1f1f1f;
  font-weight: 600;
  border-bottom: 1px solid currentColor;
}

/* TOAST */
.toast {
  position: fixed; bottom: 30px; left: 50%;
  transform: translateX(-50%) translateY(150px);
  background: #1f1f1f; color: #fff;
  padding: 13px 24px; border-radius: 100px;
  font-size: 14px; font-weight: 500;
  z-index: 200; transition: transform 0.3s;
  display: flex; align-items: center; gap: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}
.toast.show { transform: translateX(-50%) translateY(0); }
.toast.success { background: #137333; }

/* FOOTER */
footer { background: #f8f9fa; color: #1f1f1f; padding: 70px 0 0; border-top: 1px solid rgba(0,0,0,0.06); }
.footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1.3fr; gap: 48px; padding-bottom: 48px; }
.footer-col h4 { color: #1f1f1f; font-size: 13px; font-weight: 600; margin-bottom: 22px; letter-spacing: 0.3px; text-transform: uppercase; }
.footer-brand .brand-name { font-size: 22px; font-weight: 500; color: #1f1f1f; margin-bottom: 16px; letter-spacing: -0.4px; }
.footer-brand .brand-name span { font-weight: 700; }
.footer-brand p { font-size: 14px; line-height: 1.7; color: #5f6368; max-width: 320px; margin-bottom: 20px; }
.footer-social { display: flex; gap: 10px; }
.footer-social a { width: 36px; height: 36px; border-radius: 50%; background: rgba(0,0,0,0.06); color: #1f1f1f; display: flex; align-items: center; justify-content: center; transition: all 0.2s; }
.footer-social a:hover { background: #1f1f1f; color: #fff; }
.f-contact-row { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; font-size: 14px; color: #5f6368; }
.f-contact-ico { width: 32px; height: 32px; background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #1f1f1f; }
.footer-links a { display: block; font-size: 14px; padding: 7px 0; color: #5f6368; transition: color 0.2s; }
.footer-links a:hover { color: #1f1f1f; }
.newsletter p { font-size: 13px; color: #5f6368; margin-bottom: 16px; line-height: 1.6; }
.newsletter-form { position: relative; }
.newsletter input { width: 100%; background: #fff; border: 1px solid rgba(0,0,0,0.1); padding: 12px 50px 12px 16px; border-radius: 100px; color: #1f1f1f; font-size: 13px; outline: none; font-family: inherit; }
.newsletter button { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); background: #1f1f1f; color: #fff; width: 34px; height: 34px; padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.footer-bottom { border-top: 1px solid rgba(0,0,0,0.08); padding: 24px 0; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #5f6368; flex-wrap: wrap; gap: 14px; }
.footer-bottom-links { display: flex; gap: 24px; flex-wrap: wrap; }
.footer-bottom-links a { color: #5f6368; font-size: 13px; }
.footer-bottom-links a:hover { color: #1f1f1f; }
.payment-logos { display: flex; gap: 8px; }
.payment-logo { background: #fff; border: 1px solid rgba(0,0,0,0.08); padding: 5px 12px; border-radius: 6px; font-size: 10px; font-weight: 600; color: #5f6368; letter-spacing: 0.5px; }


/* ==================== SEO PERFORMANS ÖZETİ ==================== */
.seo-intel-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  color: #1f1f1f;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 18px 55px rgba(17,24,39,0.08);
}
.seo-intel-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 0% 0%, rgba(249,115,22,.10), transparent 32%),
    linear-gradient(180deg, #fff, #fbfbfb);
  pointer-events: none;
}
.seo-intel-card > * { position: relative; z-index: 1; }
.seo-intel-head {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.seo-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #c2410c;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  padding: 7px 11px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.seo-intel-head h2 {
  color: #1f1f1f;
  font-size: 26px;
  line-height: 1.18;
  letter-spacing: -0.7px;
  font-weight: 700;
}
.seo-intel-head p {
  color: #5f6368;
  font-size: 14px;
  margin-top: 8px;
  max-width: 600px;
}
.data-source {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #f8f9fa;
  border: 1px solid rgba(0,0,0,.08);
  color: #3c4043;
  padding: 9px 13px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 600;
}
.seo-score-layout {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 18px;
  align-items: stretch;
}
.ai-score-box {
  background: #111827;
  color: #fff;
  border-radius: 24px;
  padding: 22px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 250px;
}
.score-ring {
  width: 118px;
  height: 118px;
  border-radius: 50%;
  background: conic-gradient(#f97316 0 86%, rgba(255,255,255,.12) 86% 100%);
  display: grid;
  place-items: center;
  box-shadow: 0 18px 38px rgba(249,115,22,.22);
}
.score-ring-inner {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #111827;
  display: grid;
  place-items: center;
}
.score-ring strong {
  font-size: 31px;
  font-weight: 800;
  letter-spacing: -1px;
}
.score-ring small {
  display: block;
  font-size: 11px;
  color: rgba(255,255,255,.52);
  margin-top: -8px;
}
.ai-score-box h3 {
  font-size: 17px;
  margin: 18px 0 6px;
  color: #fff;
}
.ai-score-box p {
  color: rgba(255,255,255,.68);
  font-size: 12px;
  line-height: 1.6;
}
.score-status {
  margin-top: 14px;
  display: inline-flex;
  width: fit-content;
  background: rgba(34,197,94,.14);
  color: #86efac;
  border: 1px solid rgba(34,197,94,.22);
  padding: 7px 10px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 700;
}
.seo-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.seo-metric {
  background: #f8f9fa;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 20px;
  padding: 18px;
}
.seo-metric-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.seo-metric-ico {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #fff7ed;
  color: #c2410c;
  display: grid;
  place-items: center;
  border: 1px solid #fed7aa;
}
.seo-metric-badge {
  font-size: 11px;
  font-weight: 700;
  color: #137333;
  background: #e6f4ea;
  padding: 5px 9px;
  border-radius: 100px;
}
.seo-metric-badge.neutral { color: #5f6368; background: #fff; border: 1px solid rgba(0,0,0,.08); }
.seo-metric-value {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.9px;
}
.seo-metric-label {
  color: #5f6368;
  font-size: 12px;
  font-weight: 600;
  margin-top: 2px;
}
.sparkline {
  display: flex;
  align-items: end;
  gap: 4px;
  height: 34px;
  margin-top: 14px;
}
.sparkline span {
  flex: 1;
  min-width: 8px;
  border-radius: 999px 999px 3px 3px;
  background: linear-gradient(180deg, #fb923c, #f97316);
  opacity: .88;
}
.seo-note-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 16px;
}
.seo-note {
  background: #fff;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 16px;
  padding: 13px 14px;
  font-size: 12px;
  color: #5f6368;
}
.seo-note strong {
  display: block;
  color: #1f1f1f;
  font-size: 13px;
  margin-bottom: 3px;
}
.metric-ico.traffic { background: #E8F0FE; color: #1967d2; }
.metric-ico.keyword { background: #F3E8FF; color: #7e22ce; }
.metric-ico.ref { background: #E6F4EA; color: #137333; }
.metric-ico.score { background: #FFF7ED; color: #c2410c; }

.sidebar-ai-card {
  background: #fff;
  color: #1f1f1f;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 24px;
  padding: 22px 24px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 12px 38px rgba(17,24,39,.06);
}
.sidebar-ai-card::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  right: -58px;
  top: -58px;
  border-radius: 50%;
  background: rgba(249,115,22,.10);
}
.sidebar-ai-card > * { position: relative; z-index: 1; }
.sidebar-ai-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}
.sidebar-ai-top span {
  font-size: 12px;
  font-weight: 700;
  color: #c2410c;
  letter-spacing: .8px;
  text-transform: uppercase;
}
.sidebar-score {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 8px;
}
.sidebar-score strong {
  font-size: 42px;
  line-height: 1;
  letter-spacing: -1.4px;
}
.sidebar-score small { color: #5f6368; }
.sidebar-ai-card p {
  color: #5f6368;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 14px;
}
.ai-reasons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ai-reason {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #3c4043;
  font-size: 12px;
}
.ai-reason svg { color: #137333; flex-shrink: 0; }
@media (max-width: 768px) {
  .seo-intel-head { flex-direction: column; }
  .seo-score-layout { grid-template-columns: 1fr; }
  .seo-metric-grid, .seo-note-row { grid-template-columns: 1fr; }
}

/* RESPONSIVE */
@media (max-width: 1024px) {
  .product-grid { grid-template-columns: 1fr; }
  .product-sidebar { position: static; }
  .footer-grid { grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 768px) {
  .container { padding: 0 18px; }
  .header-top .container, .main-nav .container { flex-wrap: wrap; gap: 14px; }
  .nav-menu { order: 3; width: 100%; overflow-x: auto; justify-content: flex-start; }
  .head-search { max-width: 100%; }
  .similar-grid { grid-template-columns: 1fr; }
  .card { padding: 22px 20px; }
  .card-head { flex-wrap: wrap; gap: 12px; }
  .quick-stats { grid-template-columns: 1fr 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .metric-row { padding: 12px 0; }
  .metric-name { font-size: 13px; }
  .price-now { font-size: 24px; }
}


/* ==================== SEO PERFORMANS ÖZETİ V2 ==================== */
.seo-performance-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  background:
    radial-gradient(circle at 0 0, rgba(249,115,22,.08), transparent 34%),
    linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  box-shadow:0 24px 70px rgba(15,23,42,.07);
}
.seo-performance-card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(180deg,#000,transparent 45%);
  pointer-events:none;
}
.seo-performance-card > *{ position:relative; z-index:1; }
.seo-v2-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid rgba(15,23,42,.08)}
.seo-v2-kicker{display:inline-flex;align-items:center;gap:8px;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;padding:8px 13px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;margin-bottom:12px}
.seo-v2-head h2{font-size:30px;line-height:1.12;letter-spacing:-1px;margin:0;color:#111827;font-weight:800;max-width:720px}
.seo-v2-head p{margin:10px 0 0;color:#5f6368;font-size:14px;line-height:1.7;max-width:690px}
.seo-v2-update{display:flex;align-items:center;gap:8px;white-space:nowrap;background:#f8fafc;border:1px solid rgba(15,23,42,.09);color:#334155;padding:10px 15px;border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 10px 22px rgba(15,23,42,.04)}
.seo-v2-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:stretch}
.quality-panel{border-radius:26px;background:linear-gradient(160deg,#07111f 0%,#111827 68%,#172033 100%);color:#fff;padding:24px;min-height:470px;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(15,23,42,.2);position:relative;overflow:hidden}
.quality-panel::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-110px;top:-90px;background:rgba(249,115,22,.16)}
.quality-panel > *{position:relative;z-index:1}.score-donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#22c55e 0 52%,#facc15 52% 71%,#fb923c 71% 86%,rgba(255,255,255,.12) 86% 100%);display:grid;place-items:center;margin-bottom:24px;box-shadow:0 25px 45px rgba(0,0,0,.22)}
.score-donut-inner{width:108px;height:108px;border-radius:50%;background:#0f172a;display:grid;place-items:center;text-align:center}.score-donut strong{font-size:42px;line-height:1;font-weight:900;letter-spacing:-1.5px}.score-donut span{display:block;color:rgba(255,255,255,.58);font-size:12px;margin-top:4px;font-weight:700}.quality-panel h3{font-size:22px;line-height:1.15;margin:0 0 10px;color:#fff;letter-spacing:-.5px}.quality-panel p{color:rgba(255,255,255,.68);font-size:13px;line-height:1.7;margin:0 0 22px}.score-bars{display:flex;flex-direction:column;gap:13px;margin-top:auto}.score-bar-row{display:grid;grid-template-columns:1fr 46px;gap:10px;align-items:center;color:rgba(255,255,255,.78);font-size:12px;font-weight:700}.score-bar-row .track{grid-column:1/3;height:7px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}.score-bar-row .fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#a3e635)}.score-bar-row.orange .fill{background:linear-gradient(90deg,#facc15,#fb923c)}.quality-badge{display:inline-flex;width:fit-content;align-items:center;gap:7px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.24);color:#86efac;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;margin-top:18px}
.seo-chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.seo-chart-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:18px;box-shadow:0 16px 34px rgba(15,23,42,.045);transition:.2s ease}.seo-chart-card:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(15,23,42,.075)}.chart-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.chart-title{display:flex;align-items:center;gap:10px;color:#334155;font-size:13px;font-weight:800}.chart-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.chart-icon.blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.chart-icon.green{background:#ecfdf5;color:#16a34a;border:1px solid #bbf7d0}.chart-icon.orange{background:#fff7ed;color:#f97316;border:1px solid #fed7aa}.chart-icon.purple{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.metric-change{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:11px;font-weight:900}.metric-change.neutral{background:#eef2ff;color:#4338ca}.seo-value{font-size:34px;line-height:1;font-weight:900;color:#0f172a;letter-spacing:-1.2px;margin-bottom:6px}.seo-sub{font-size:12px;color:#64748b;font-weight:600}.mini-line{width:100%;height:92px;margin-top:12px;overflow:visible}.mini-line .gridline{stroke:#e2e8f0;stroke-width:1}.mini-line .area-blue{fill:url(#gradBlue)}.mini-line .line-blue{stroke:#2563eb;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.mini-line .area-green{fill:url(#gradGreen)}.mini-line .line-green{stroke:#16a34a;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.mini-line .area-orange{fill:url(#gradOrange)}.mini-line .line-orange{stroke:#f97316;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.mini-line circle{fill:#fff;stroke-width:3}.axis-labels{display:flex;justify-content:space-between;color:#94a3b8;font-size:10px;font-weight:700;margin-top:2px}.risk-meter{margin-top:22px}.risk-track{height:10px;border-radius:999px;background:linear-gradient(90deg,#ef4444 0 28%,#facc15 28% 58%,#22c55e 58% 100%);position:relative}.risk-dot{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:19px;height:19px;border-radius:50%;background:#fff;border:4px solid #16a34a;box-shadow:0 4px 12px rgba(22,163,74,.3)}.risk-labels{display:flex;justify-content:space-between;color:#64748b;font-size:10px;font-weight:700;margin-top:9px}
.recommend-panel{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rec-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:20px;box-shadow:0 16px 34px rgba(15,23,42,.045)}.rec-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.rec-title{display:flex;align-items:center;gap:10px;font-weight:900;color:#0f172a}.rec-crown{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#fef3c7,#fed7aa);display:grid;place-items:center;color:#c2410c}.rec-fit{font-size:11px;font-weight:900;color:#15803d;background:#dcfce7;padding:6px 10px;border-radius:999px}.rec-card p{color:#64748b;font-size:13px;line-height:1.65;margin:0 0 14px}.rec-list{display:flex;flex-direction:column;gap:10px}.rec-list div{display:flex;gap:8px;align-items:flex-start;color:#334155;font-size:12px;font-weight:600}.rec-list svg{color:#16a34a;flex:0 0 auto;margin-top:2px}.side-detail-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(15,23,42,.07);font-size:12px;color:#64748b}.side-detail-row:last-child{border-bottom:0}.side-detail-row strong{color:#0f172a}.category-pills{display:flex;flex-wrap:wrap;gap:8px}.category-pills span{font-size:11px;color:#475569;background:#f8fafc;border:1px solid rgba(15,23,42,.08);padding:6px 9px;border-radius:999px}.seo-wide-row{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:18px}.traffic-large-card,.data-explain-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:20px;box-shadow:0 16px 34px rgba(15,23,42,.045)}.wide-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.wide-head h3{font-size:15px;margin:0;color:#0f172a}.period-pill{font-size:11px;font-weight:800;color:#475569;background:#f8fafc;border:1px solid rgba(15,23,42,.08);padding:6px 9px;border-radius:999px}.large-chart{width:100%;height:158px}.large-chart .axis{stroke:#e2e8f0;stroke-width:1}.large-chart .area{fill:url(#gradLargeBlue)}.large-chart .line{stroke:#2563eb;stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.large-chart circle{fill:#fff;stroke:#2563eb;stroke-width:3}.chart-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.chart-summary div{background:#f8fafc;border-radius:14px;padding:10px 12px;color:#64748b;font-size:11px;font-weight:700}.chart-summary strong{display:block;color:#0f172a;font-size:15px;margin-top:3px}.data-explain-card{background:linear-gradient(135deg,#f8fafc,#fff)}.data-explain-card h3{font-size:15px;margin:0 0 8px;color:#0f172a}.data-explain-card p{font-size:12px;line-height:1.7;color:#64748b;margin:0}.source-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.source-tags span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);color:#475569;font-size:11px;font-weight:700}.disclaimer-line{text-align:center;color:#94a3b8;font-size:11px;margin-top:14px}


/* SEO kart iyileştirmeleri */
.seo-chart-grid{gap:16px}
.seo-chart-card{
  position:relative;
  min-height:230px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.seo-chart-card::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,rgba(37,99,235,.85),rgba(34,197,94,.65));
}
.seo-chart-card.orange-card::before{background:linear-gradient(90deg,#f97316,#facc15)}
.seo-chart-card.purple-card::before{background:linear-gradient(90deg,#8b5cf6,#22c55e)}
.chart-title small{
  display:block;
  color:#94a3b8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.35px;
  text-transform:uppercase;
  margin-top:2px;
}
.seo-value-line{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}
.seo-compare{
  text-align:right;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
}
.seo-compare strong{display:block;color:#0f172a;font-size:13px;margin-top:2px}
.mini-line{height:86px;margin-top:auto}
.card-footnote{
  margin-top:10px;
  padding-top:11px;
  border-top:1px solid rgba(15,23,42,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#64748b;
  font-size:11px;
  font-weight:700;
}
.card-footnote b{color:#0f172a;font-weight:900}
.signal-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#15803d;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  padding:5px 8px;
  border-radius:999px;
  white-space:nowrap;
}
.signal-chip.warn{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}
.quality-panel{
  background:
    radial-gradient(circle at 82% 7%, rgba(249,115,22,.22), transparent 28%),
    radial-gradient(circle at 12% 28%, rgba(34,197,94,.10), transparent 24%),
    linear-gradient(160deg,#06101f 0%,#0f172a 62%,#172033 100%);
}
.quality-panel::after{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:22px;
  pointer-events:none;
}
.score-donut{margin-left:auto;margin-right:auto}
.score-mini-summary{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin:0 0 18px;
}
.score-mini-summary div{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:9px 10px;
  color:rgba(255,255,255,.68);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.score-mini-summary strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:15px;
  text-transform:none;
}
.risk-meter{background:#f8fafc;border:1px solid rgba(15,23,42,.07);border-radius:18px;padding:16px;margin-top:auto}
.risk-track{height:12px}.risk-dot{right:6%}
.recommend-panel{margin-top:2px}.rec-card{position:relative;overflow:hidden}.rec-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#fed7aa,transparent)}
.data-explain-card{border-color:#dbeafe;background:linear-gradient(135deg,#f8fbff,#fff)}
.data-explain-card p strong{color:#0f172a}


/* Satış psikolojisi için sayısal skor yerine kalite profili */
.quality-level-mark{
  width:168px;
  min-height:168px;
  margin:0 auto 22px;
  border-radius:42px;
  background:
    radial-gradient(circle at 80% 18%, rgba(253,186,116,.28), transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 26px 55px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:9px;
}
.quality-level-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#86efac;
  background:rgba(34,197,94,.14);
  border:1px solid rgba(34,197,94,.28);
}
.quality-level-mark strong{
  font-size:27px;
  line-height:1.02;
  letter-spacing:-.9px;
  color:#fff;
  font-weight:900;
}
.quality-level-mark span{
  color:rgba(255,255,255,.62);
  font-size:11px;
  font-weight:800;
  letter-spacing:.3px;
}
.score-donut{display:none!important}
.score-bar-row{grid-template-columns:1fr 70px!important}
.score-bar-row .track{grid-column:1 / 3!important}
.score-bar-row b{font-size:11px;text-align:right;color:#fff;white-space:nowrap}
.sidebar-level{margin:0 0 12px;display:flex;flex-direction:column;gap:4px}
.sidebar-level strong{font-size:28px;line-height:1.05;letter-spacing:-.8px;color:#1f1f1f}
.sidebar-level small{font-size:12px;color:#5f6368;font-weight:600}

@media(max-width:1180px){.seo-v2-layout{grid-template-columns:1fr}.quality-panel{min-height:auto}.seo-wide-row{grid-template-columns:1fr}.recommend-panel{grid-template-columns:1fr}}
@media(max-width:768px){.seo-v2-head{flex-direction:column}.seo-v2-head h2{font-size:24px}.seo-chart-grid{grid-template-columns:1fr}.chart-summary{grid-template-columns:1fr}}



/* V5 — SEO Performans kartlarını daha bütünlüklü ve satış dostu hale getirir */
.seo-performance-card{overflow:hidden}
.seo-chart-grid{align-items:stretch}
.seo-chart-card{
  position:relative;
  min-height:330px;
  display:flex;
  flex-direction:column;
  padding:20px;
  overflow:hidden;
}
.seo-chart-card::before{height:4px!important;border-radius:24px 24px 0 0}
.chart-head{min-height:54px;align-items:center;margin-bottom:14px}
.chart-title{min-width:0;line-height:1.25}
.chart-title span:last-child{display:flex;flex-direction:column;gap:3px}
.chart-title small{display:block;margin:0;color:#94a3b8;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;line-height:1.2}
.metric-change{
  align-self:flex-start;
  flex:0 0 auto;
  min-width:54px;
  height:32px;
  padding:0 10px;
  border-radius:14px;
  justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(22,163,74,.08);
}
.metric-change::first-letter{font-size:10px}
.metric-change.neutral{min-width:auto;padding:0 12px;box-shadow:inset 0 0 0 1px rgba(67,56,202,.08)}
.seo-value-line{align-items:flex-end;gap:12px}
.seo-compare{min-width:74px;text-align:right;background:#f8fafc;border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:8px 10px;font-size:10px;color:#94a3b8;font-weight:900;text-transform:none}
.seo-compare strong{display:block;margin-top:3px;color:#0f172a;font-size:13px;letter-spacing:-.2px}
.mini-line{flex:1;min-height:98px;margin-top:14px}
.card-footnote{margin-top:auto;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(15,23,42,.06);border-radius:16px;padding:10px 11px}
.signal-chip{padding:6px 10px;font-size:11px}
.quality-panel{padding:26px;min-height:520px}
.quality-level-mark{
  width:172px;
  min-height:172px;
  margin-bottom:24px;
  border-radius:44px;
}
.score-mini-summary{margin-bottom:16px}
.quality-ladder{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:auto;
  padding:12px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}
.ladder-row{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:14px;
  padding:11px 12px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.055);
}
.ladder-copy span{display:block;color:rgba(255,255,255,.58);font-size:11px;font-weight:900;letter-spacing:.45px;text-transform:uppercase;margin-bottom:3px}
.ladder-copy strong{display:block;color:#fff;font-size:15px;font-weight:900;letter-spacing:-.2px}
.ladder-steps{display:flex;align-items:flex-end;gap:4px;height:30px}
.ladder-steps i{display:block;width:10px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ladder-steps i:nth-child(1){height:12px}
.ladder-steps i:nth-child(2){height:17px}
.ladder-steps i:nth-child(3){height:23px}
.ladder-steps i:nth-child(4){height:29px}
.level-strong .ladder-steps i:nth-child(-n+4){background:linear-gradient(180deg,#86efac,#22c55e)}
.level-balanced .ladder-steps i:nth-child(-n+3){background:linear-gradient(180deg,#bef264,#65a30d)}
.level-balanced .ladder-steps i:nth-child(4){background:rgba(255,255,255,.14)}
.level-safe .ladder-steps i:nth-child(-n+4){background:linear-gradient(180deg,#67e8f9,#06b6d4)}
.level-positive .ladder-steps i:nth-child(-n+3){background:linear-gradient(180deg,#fdba74,#f97316)}
.level-positive .ladder-steps i:nth-child(4){background:rgba(255,255,255,.14)}
.score-bars{display:none!important}
.quality-badge{margin-top:14px;justify-content:center;width:100%;border-radius:16px;padding:11px 12px}
@media(max-width:768px){.seo-chart-card{min-height:auto}.metric-change{height:28px}.quality-ladder{padding:10px}.ladder-row{padding:10px}}



/* V6 — Kalite profil kartı: daha premium, minimum 4 basamak aktif */
.quality-panel{
  padding:28px 24px!important;
  min-height:560px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 74% 8%, rgba(251,146,60,.30), transparent 24%),
    radial-gradient(circle at 12% 23%, rgba(20,184,166,.16), transparent 28%),
    linear-gradient(165deg,#060b16 0%,#101827 54%,#1d273a 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 28px 70px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.quality-panel::after{
  inset:16px!important;
  border-radius:24px!important;
  border-color:rgba(255,255,255,.075)!important;
}
.quality-level-mark{
  width:190px!important;
  min-height:190px!important;
  border-radius:46px!important;
  margin:0 auto 26px!important;
  background:
    radial-gradient(circle at 72% 25%, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 30px 65px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.quality-level-icon{
  width:52px!important;
  height:52px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(20,184,166,.12))!important;
  border-color:rgba(134,239,172,.32)!important;
  box-shadow:0 14px 34px rgba(34,197,94,.12)!important;
}
.quality-level-mark strong{
  font-size:29px!important;
  letter-spacing:-1.1px!important;
}
.quality-level-mark span{
  color:rgba(255,255,255,.72)!important;
}
.quality-panel h3{
  font-size:24px!important;
  margin-bottom:12px!important;
}
.quality-panel p{
  font-size:14px!important;
  color:rgba(255,255,255,.72)!important;
  margin-bottom:20px!important;
}
.score-mini-summary{
  gap:10px!important;
  margin-bottom:16px!important;
}
.score-mini-summary div{
  border-radius:18px!important;
  padding:12px 13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.045))!important;
  border-color:rgba(255,255,255,.09)!important;
}
.score-mini-summary strong{
  font-size:17px!important;
  line-height:1.28!important;
}
.quality-ladder{
  gap:9px!important;
  padding:12px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.085)!important;
}
.ladder-row{
  grid-template-columns:1fr 84px!important;
  gap:12px!important;
  padding:11px 12px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.04))!important;
  border-color:rgba(255,255,255,.075)!important;
  transition:transform .2s ease, background .2s ease;
}
.ladder-row:hover{transform:translateY(-1px);background:rgba(255,255,255,.085)!important}
.ladder-copy span{font-size:10px!important;color:rgba(255,255,255,.62)!important;margin-bottom:4px!important}
.ladder-copy strong{font-size:15px!important;line-height:1.1!important}
.ladder-steps{
  height:34px!important;
  gap:4px!important;
  justify-content:flex-end!important;
}
.ladder-steps i{
  width:8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 6px 14px rgba(0,0,0,.10)!important;
}
.ladder-steps i:nth-child(1){height:10px!important}
.ladder-steps i:nth-child(2){height:14px!important}
.ladder-steps i:nth-child(3){height:18px!important}
.ladder-steps i:nth-child(4){height:22px!important}
.ladder-steps i:nth-child(5){height:27px!important}
.ladder-steps i:nth-child(6){height:32px!important}
.level-strong .ladder-steps i:nth-child(-n+6),
.level-safe .ladder-steps i:nth-child(-n+6){background:linear-gradient(180deg,#8bffb4,#22c55e)!important}
.level-balanced .ladder-steps i:nth-child(-n+5){background:linear-gradient(180deg,#d9f99d,#84cc16)!important}
.level-positive .ladder-steps i:nth-child(-n+5){background:linear-gradient(180deg,#fdba74,#fb923c)!important}
.level-4 .ladder-steps i:nth-child(-n+4){background:linear-gradient(180deg,#93c5fd,#3b82f6)!important}
.level-5 .ladder-steps i:nth-child(n+6),
.level-4 .ladder-steps i:nth-child(n+5){background:rgba(255,255,255,.20)!important}
.quality-badge{
  margin-top:14px!important;
  min-height:44px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(20,184,166,.12))!important;
  border-color:rgba(134,239,172,.26)!important;
  color:#bbf7d0!important;
  letter-spacing:.1px!important;
}
@media(max-width:768px){
  .quality-level-mark{width:172px!important;min-height:172px!important}
  .ladder-row{grid-template-columns:1fr 78px!important}
  .ladder-steps i{width:7px!important}
}



/* V7 — SEO özet alanı yatay kalite profili + daha ferah kartlar + güçlü fiyat alanı */
.seo-v2-layout{
  grid-template-columns:1fr!important;
  gap:18px!important;
}
.quality-panel{
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:220px minmax(220px, 1fr) minmax(390px, 1.4fr) 190px!important;
  align-items:center!important;
  gap:22px!important;
  padding:22px 24px!important;
  border-radius:28px!important;
}
.quality-panel::before{width:320px!important;height:320px!important;right:-90px!important;top:-160px!important;opacity:.9!important}
.quality-level-mark{
  width:188px!important;
  min-height:154px!important;
  margin:0!important;
  border-radius:36px!important;
}
.quality-level-icon{width:44px!important;height:44px!important;border-radius:16px!important;margin-bottom:8px!important}
.quality-level-mark strong{font-size:24px!important;line-height:.92!important}
.quality-level-mark span{font-size:10px!important;margin-top:8px!important}
.quality-panel h3{font-size:24px!important;margin:0 0 10px!important}
.quality-panel p{font-size:13px!important;line-height:1.65!important;margin:0!important;max-width:420px!important}
.score-mini-summary{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0,1fr))!important;
  gap:10px!important;
  margin:16px 0 0!important;
  max-width:360px!important;
}
.quality-ladder{
  margin:0!important;
  padding:12px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-self:stretch!important;
}
.ladder-row{
  min-height:76px!important;
  grid-template-columns:1fr 94px!important;
  padding:12px!important;
}
.ladder-steps{height:38px!important;gap:5px!important}
.ladder-steps i{width:9px!important}
.ladder-steps i:nth-child(1){height:12px!important}
.ladder-steps i:nth-child(2){height:16px!important}
.ladder-steps i:nth-child(3){height:20px!important}
.ladder-steps i:nth-child(4){height:25px!important}
.ladder-steps i:nth-child(5){height:30px!important}
.ladder-steps i:nth-child(6){height:36px!important}
.quality-badge{
  margin:0!important;
  width:100%!important;
  min-height:54px!important;
  align-self:center!important;
  font-size:12px!important;
  border-radius:18px!important;
}
.seo-chart-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.seo-chart-card{
  min-height:315px!important;
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.chart-head{min-height:56px!important;align-items:flex-start!important}
.chart-title{gap:11px!important;min-width:0!important}
.chart-title span:last-child{display:block!important;min-width:0!important}
.chart-title small{margin-top:3px!important}
.metric-change{
  flex:0 0 auto!important;
  min-width:54px!important;
  height:34px!important;
  justify-content:center!important;
  border-radius:16px!important;
  padding:0 10px!important;
  font-size:10px!important;
  box-shadow:inset 0 0 0 1px rgba(22,163,74,.10)!important;
}
.seo-value{font-size:32px!important;letter-spacing:-1px!important}
.seo-value-line{gap:10px!important;align-items:flex-start!important}
.seo-compare{padding:8px 9px!important;min-width:72px!important;text-align:center!important}
.seo-compare strong{font-size:12px!important}
.mini-line{height:88px!important;min-height:88px!important;margin-top:auto!important}
.card-footnote{margin-top:10px!important}
.recommend-panel{grid-template-columns:1.25fr .8fr .95fr!important;margin-top:0!important}
.product-sidebar{top:86px!important}
.site-hero-body{padding:22px 24px 24px!important}
.price-row{
  margin:4px 0 18px!important;
  padding:18px!important;
  border:1px solid rgba(0,0,0,.07)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff7ed 0%,#fff 54%,#f8fafc 100%)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.055)!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.price-block{align-items:flex-start!important}
.price-now{
  font-size:44px!important;
  font-weight:900!important;
  letter-spacing:-1.8px!important;
  color:#111827!important;
}
.price-lbl{font-size:11px!important;font-weight:900!important;color:#f97316!important;letter-spacing:.9px!important}
.btn-add-cart{
  width:100%!important;
  min-height:52px!important;
  border-radius:18px!important;
  font-size:15px!important;
  font-weight:800!important;
  background:linear-gradient(135deg,#111827,#050505)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.16)!important;
}
.quick-stats{margin-bottom:16px!important}
.qstat{padding:13px 8px!important;border-radius:16px!important}
.contact-row{margin-bottom:18px!important}
.share-row{padding-top:16px!important;border-top:1px solid rgba(0,0,0,.06)!important}
@media(max-width:1280px){
  .quality-panel{grid-template-columns:200px 1fr!important}
  .quality-ladder{grid-column:1 / -1!important}
  .quality-badge{grid-column:1 / -1!important}
  .seo-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:768px){
  .quality-panel{grid-template-columns:1fr!important;text-align:left!important}
  .quality-level-mark{margin:0 auto!important}
  .score-mini-summary,.quality-ladder{grid-template-columns:1fr!important;max-width:none!important}
  .seo-chart-grid{grid-template-columns:1fr!important}
  .recommend-panel{grid-template-columns:1fr!important}
  .price-now{font-size:38px!important}
}



/* === FINAL FIX V8: daha düzgün kalite profili + 2x2 metrik kartları + profesyonel fiyat alanı === */
.seo-v2-layout{
  grid-template-columns:1fr!important;
  gap:22px!important;
  align-items:stretch!important;
}
.quality-panel{
  display:grid!important;
  grid-template-columns:190px minmax(250px,.8fr) minmax(360px,1.2fr)!important;
  gap:24px!important;
  align-items:center!important;
  min-height:auto!important;
  padding:28px!important;
  border-radius:30px!important;
  overflow:hidden!important;
}
.quality-panel::before{right:-120px!important;top:-170px!important;width:360px!important;height:360px!important;opacity:.55!important}
.quality-level-mark{
  width:178px!important;
  min-height:178px!important;
  margin:0!important;
  border-radius:34px!important;
  flex-shrink:0!important;
}
.quality-level-mark strong{font-size:25px!important;line-height:.95!important}
.quality-level-mark span{font-size:10px!important}
.quality-text{min-width:0!important;position:relative!important;z-index:2!important}
.quality-text h3{font-size:26px!important;line-height:1.1!important;margin:0 0 10px!important;color:#fff!important}
.quality-text p{font-size:13.5px!important;line-height:1.65!important;margin:0 0 16px!important;max-width:420px!important;color:rgba(255,255,255,.72)!important}
.score-mini-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 12px!important;
  max-width:340px!important;
}
.score-mini-summary div{min-height:72px!important;padding:14px!important;border-radius:18px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.1)!important}
.score-mini-summary strong{font-size:15px!important;line-height:1.25!important;margin-top:5px!important}
.quality-badge{margin-top:0!important;width:fit-content!important;padding:11px 16px!important;border-radius:999px!important;white-space:nowrap!important}
.quality-ladder{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  position:relative!important;
  z-index:2!important;
}
.ladder-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:78px!important;
  padding:14px 15px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  overflow:hidden!important;
}
.ladder-copy{min-width:86px!important;position:relative!important;z-index:3!important}
.ladder-copy span{font-size:10px!important;letter-spacing:.7px!important;line-height:1!important;color:rgba(255,255,255,.56)!important}
.ladder-copy strong{font-size:17px!important;line-height:1.15!important;color:#fff!important;margin-top:5px!important;display:block!important}
.ladder-steps{
  display:flex!important;
  align-items:flex-end!important;
  gap:5px!important;
  width:auto!important;
  min-width:70px!important;
  flex-shrink:0!important;
  position:static!important;
  transform:none!important;
}
.ladder-steps i{display:block!important;width:8px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important}
.ladder-steps i:nth-child(1){height:12px!important}.ladder-steps i:nth-child(2){height:16px!important}.ladder-steps i:nth-child(3){height:20px!important}.ladder-steps i:nth-child(4){height:25px!important}.ladder-steps i:nth-child(5){height:31px!important}.ladder-steps i:nth-child(6){height:37px!important}
.level-strong .ladder-steps i,.level-safe .ladder-steps i{background:linear-gradient(180deg,#86efac,#22c55e)!important}
.level-balanced .ladder-steps i:nth-child(-n+5){background:linear-gradient(180deg,#d9f99d,#84cc16)!important}.level-balanced .ladder-steps i:nth-child(6){background:rgba(255,255,255,.18)!important}
.level-positive .ladder-steps i:nth-child(-n+5){background:linear-gradient(180deg,#fdba74,#fb923c)!important}.level-positive .ladder-steps i:nth-child(6){background:rgba(255,255,255,.18)!important}
.seo-chart-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}
.seo-chart-card{
  min-height:340px!important;
  padding:24px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.chart-head{align-items:flex-start!important;gap:12px!important}
.metric-change{
  position:static!important;
  flex:0 0 auto!important;
  height:34px!important;
  min-width:58px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.seo-value-line{align-items:flex-start!important;gap:12px!important}
.seo-compare{position:static!important;min-width:94px!important;padding:12px!important;border-radius:16px!important}
.recommend-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:2px!important}
.price-row{
  display:block!important;
  padding:24px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,#fff7ed 0%,#ffffff 58%,#f8fafc 100%)!important;
  border:1px solid rgba(249,115,22,.16)!important;
  box-shadow:0 20px 44px rgba(15,23,42,.08)!important;
  margin-bottom:18px!important;
}
.price-block{display:block!important;margin-bottom:16px!important}
.price-now{font-size:54px!important;line-height:.95!important;font-weight:900!important;letter-spacing:-2px!important;color:#0f172a!important}
.price-lbl{font-size:12px!important;font-weight:900!important;color:#f97316!important;letter-spacing:1.1px!important;text-transform:uppercase!important;margin-top:8px!important}
.btn-add-cart{width:100%!important;height:58px!important;border-radius:18px!important;font-size:16px!important;font-weight:900!important;background:#0f172a!important;box-shadow:0 18px 35px rgba(15,23,42,.2)!important}
.btn-add-cart:hover{background:#020617!important;transform:translateY(-1px)!important}
.quick-stats{margin-top:0!important}
@media(max-width:1180px){
  .quality-panel{grid-template-columns:1fr!important;text-align:left!important}
  .quality-level-mark{margin:0 auto!important}
  .quality-ladder{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .seo-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .recommend-panel{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .seo-chart-grid,.quality-ladder,.score-mini-summary{grid-template-columns:1fr!important}
  .price-now{font-size:42px!important}
}



/* === FINAL FIX V9: kalite profili kartı tam görünür, sıkışma yok === */
.seo-performance-card{
  overflow:visible!important;
}
.seo-v2-layout{
  grid-template-columns:1fr!important;
  gap:22px!important;
}
.quality-panel{
  display:grid!important;
  grid-template-columns:160px minmax(210px,1fr) minmax(260px,1.05fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:24px!important;
  min-height:auto!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.quality-level-mark{
  width:150px!important;
  min-height:154px!important;
  border-radius:28px!important;
  padding:18px 14px!important;
}
.quality-level-icon{
  width:50px!important;
  height:50px!important;
  margin-bottom:12px!important;
}
.quality-level-mark strong{
  font-size:22px!important;
  line-height:.98!important;
  letter-spacing:-.8px!important;
}
.quality-text h3{
  font-size:24px!important;
  line-height:1.1!important;
  margin-bottom:8px!important;
}
.quality-text p{
  font-size:13px!important;
  line-height:1.6!important;
  margin-bottom:14px!important;
  max-width:100%!important;
}
.score-mini-summary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  max-width:310px!important;
  gap:8px!important;
}
.score-mini-summary div{
  min-height:62px!important;
  padding:12px!important;
}
.score-mini-summary strong{
  font-size:14px!important;
}
.quality-badge{
  padding:10px 14px!important;
  max-width:100%!important;
}
.quality-ladder{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.ladder-row{
  min-height:48px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  gap:10px!important;
  overflow:visible!important;
}
.ladder-copy{
  min-width:92px!important;
  max-width:118px!important;
}
.ladder-copy span{
  font-size:9px!important;
  letter-spacing:.6px!important;
}
.ladder-copy strong{
  font-size:15px!important;
  line-height:1.05!important;
}
.ladder-steps{
  min-width:96px!important;
  gap:4px!important;
  justify-content:flex-end!important;
}
.ladder-steps i{
  width:7px!important;
}
.ladder-steps i:nth-child(1){height:10px!important}
.ladder-steps i:nth-child(2){height:13px!important}
.ladder-steps i:nth-child(3){height:16px!important}
.ladder-steps i:nth-child(4){height:19px!important}
.ladder-steps i:nth-child(5){height:22px!important}
.ladder-steps i:nth-child(6){height:25px!important}
.seo-chart-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.seo-chart-card{
  min-height:310px!important;
}
@media(max-width:1180px){
  .quality-panel{
    grid-template-columns:150px 1fr!important;
  }
  .quality-ladder{
    grid-column:1 / -1!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .quality-panel{
    grid-template-columns:1fr!important;
    padding:20px!important;
  }
  .quality-level-mark{margin:0 auto!important}
  .quality-ladder{grid-template-columns:1fr!important}
  .seo-chart-grid{grid-template-columns:1fr!important}
}


/* ===== Mobil hamburger menü + responsive (ürün sayfası) ===== */
.nav-toggle { display:none; background:transparent; width:42px; height:42px; border-radius:10px; align-items:center; justify-content:center; color:#1f1f1f; transition:background .2s; }
.nav-toggle:hover { background:#f1f3f4; }
@media (max-width:900px){
  .nav-toggle{ display:inline-flex; }
  .main-nav .container{ flex-wrap:wrap; gap:14px; }
  .nav-icons{ margin-left:auto; }
  .nav-menu{ display:none; order:5; width:100%; flex:none; flex-direction:column; align-items:stretch; gap:0; justify-content:flex-start; margin-top:4px; padding-top:6px; border-top:1px solid rgba(0,0,0,.06); overflow:visible; }
  .main-nav.open .nav-menu{ display:flex; }
  .nav-menu a{ padding:13px 6px; opacity:.9; border-bottom:1px solid rgba(0,0,0,.05); }
  .nav-menu a:last-child{ border-bottom:none; }
  .header-top .container{ flex-wrap:wrap; gap:12px; }
  .header-top .contact-info{ width:100%; justify-content:space-between; gap:12px; font-size:13px; }
  .head-search{ order:3; max-width:100%; flex:1 1 100%; }
  .header-top .actions{ display:none; }
}
@media (max-width:480px){
  .container{ padding:0 16px; }
  .top-bar{ font-size:12px; }
  .price-now{ font-size:42px!important; }
}