/*
Theme Name: 3Gen Auto Premium
Theme URI: https://3genauto.com/
Author: 3Gen Auto
Description: Peugeot elektrikli bagaj ve Peugeot sunroof tamiri odaklı premium WordPress ana sayfa teması.
Version: 1.0.0
Text Domain: genauto-premium
*/

:root {
  --red: #7f0d16;
  --red-2: #a91420;
  --red-dark: #3c070b;
  --white: #ffffff;
  --ink: #17171a;
  --muted: #6e6e76;
  --line: rgba(127, 13, 22, 0.16);
  --soft: #f7f3f3;
  --shadow: 0 28px 70px rgba(60, 7, 11, 0.18);
  --radius: 8px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img,
iframe {
  max-width: 100%;
}

.container {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.topbar {
  position: relative;
  z-index: 20;
  color: var(--white);
  background: linear-gradient(90deg, var(--red-dark), var(--red), var(--red-2));
  font-size: 13px;
  overflow: hidden;
}

.topbar::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.18) 45%, transparent 68%);
  transform: translateX(-120%);
  animation: shine 4s ease-in-out infinite;
}

.topbar-inner {
  position: relative;
  z-index: 1;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.topbar-list,
.social-list {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.icon-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 19;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(18px);
}

.header-inner {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 14px;
}

.brand-mark {
  width: 58px;
  height: 58px;
  padding: 5px;
  border: 1px solid rgba(127, 13, 22, 0.22);
  border-radius: 50%;
  background: var(--white);
  box-shadow: 0 12px 28px rgba(127, 13, 22, 0.14);
}

.brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

.brand-title {
  display: block;
  color: var(--red-dark);
  font-size: 23px;
  font-weight: 900;
  line-height: 1;
}

.brand-subtitle {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.main-nav {
  display: flex;
  align-items: center;
  gap: 22px;
  color: #313036;
  font-size: 14px;
  font-weight: 750;
}

.main-nav a {
  position: relative;
  padding: 8px 0;
}

.main-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--red);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.24s ease;
}

.main-nav a:hover::after {
  transform: scaleX(1);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 12px 17px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  font-weight: 850;
  line-height: 1;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-primary {
  color: var(--white);
  background: linear-gradient(135deg, var(--red), var(--red-2));
  box-shadow: 0 16px 34px rgba(127, 13, 22, 0.24);
}

.btn-ghost {
  color: var(--red);
  border-color: rgba(127, 13, 22, 0.22);
  background: var(--white);
}

.hero {
  position: relative;
  min-height: 690px;
  display: grid;
  align-items: center;
  overflow: hidden;
  color: var(--white);
  background:
    linear-gradient(90deg, rgba(28, 4, 6, 0.98) 0%, rgba(78, 8, 15, 0.9) 46%, rgba(127, 13, 22, 0.48) 100%),
    url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1800&q=85") center / cover;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}

.hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  align-items: center;
  gap: 48px;
  padding: 76px 0 90px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: #ffd9dd;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.pulse-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.62);
  animation: pulse 1.8s infinite;
}

.hero h1 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(42px, 6vw, 78px);
  line-height: 0.96;
  letter-spacing: 0;
}

.hero h1 span {
  color: #ffe2e5;
}

.hero-lead {
  max-width: 680px;
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 18px;
  line-height: 1.72;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.trust-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 42px;
}

.trust-item {
  min-height: 96px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
}

.trust-item strong {
  display: block;
  margin-top: 9px;
  font-size: 15px;
}

.hero-panel {  position: relative;  min-height: 520px;  display: grid;  align-content: end;  justify-items: end;}

.service-orbit {
  position: absolute;
  top: 5%;
  right: 4%;
  width: min(370px, 82vw);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  animation: rotateSlow 18s linear infinite;
}

.service-orbit::before,
.service-orbit::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--white);
}

.service-orbit::before {
  top: 18%;
  left: 3%;
}

.service-orbit::after {
  right: 10%;
  bottom: 12%;
}

.video-card {  position: relative;  z-index: 1;  overflow: hidden;  width: min(350px, 100%);  aspect-ratio: 9 / 16;  border: 1px solid rgba(255, 255, 255, 0.22);  border-radius: var(--radius);  background:    linear-gradient(145deg, rgba(255, 255, 255, 0.16), rgba(127, 13, 22, 0.18)),    rgba(18, 4, 6, 0.78);  box-shadow: 0 34px 80px rgba(0, 0, 0, 0.3);  transform: translateY(0);  animation: float 4s ease-in-out infinite;}.video-card::before {  content: "";  position: absolute;  inset: -1px;  background:    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.22), transparent 30%),    linear-gradient(180deg, rgba(127, 13, 22, 0.08), rgba(0, 0, 0, 0.24));  pointer-events: none;  z-index: 1;}.video-frame {  position: absolute;  inset: 0;  background: #111;}.video-frame iframe {  width: 100%;  height: 100%;  border: 0;  display: block;  position: relative;  z-index: 2;}

.section {
  padding: 92px 0;
}

.section-soft {
  background: var(--soft);
}

.section-head {
  max-width: 760px;
  margin-bottom: 44px;
}

.section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--red);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.section h2 {
  margin: 0;
  color: var(--red-dark);
  font-size: clamp(31px, 4vw, 52px);
  line-height: 1.05;
}

.section-text {
  margin: 18px 0 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.78;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.stat-card {
  position: relative;
  overflow: hidden;
  min-height: 190px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--white);
  box-shadow: 0 18px 45px rgba(60, 7, 11, 0.08);
}

.stat-card::after {
  content: "";
  position: absolute;
  right: -46px;
  bottom: -54px;
  width: 132px;
  height: 132px;
  border: 18px solid rgba(127, 13, 22, 0.08);
  border-radius: 50%;
}

.stat-number {
  display: block;
  margin-top: 22px;
  color: var(--red);
  font-size: 48px;
  font-weight: 950;
  line-height: 1;
}

.stat-label {
  display: block;
  margin-top: 11px;
  color: #303038;
  font-size: 16px;
  font-weight: 850;
}

.seo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.seo-copy {
  padding: 34px;
  border-left: 4px solid var(--red);
  border-radius: var(--radius);
  background: var(--white);
  box-shadow: 0 20px 55px rgba(60, 7, 11, 0.09);
}

.seo-copy h3 {
  margin: 0 0 14px;
  color: var(--red-dark);
  font-size: 24px;
}

.seo-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.82;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.service-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--white);
  box-shadow: var(--shadow);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 34px 82px rgba(60, 7, 11, 0.2);
}

.service-media {
  position: relative;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.service-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.65s ease;
}

.service-card:hover .service-media img {
  transform: scale(1.08);
}

.service-badge {
  position: absolute;
  left: 18px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  color: var(--white);
  border-radius: var(--radius);
  background: rgba(127, 13, 22, 0.92);
  font-size: 13px;
  font-weight: 900;
}

.service-body {
  padding: 28px;
}

.service-body h3 {
  margin: 0 0 12px;
  color: var(--red-dark);
  font-size: 25px;
}

.service-body p {
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

.service-list {
  display: grid;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.service-list li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #34343b;
  font-weight: 750;
}

.cta-band {
  color: var(--white);
  background: linear-gradient(135deg, var(--red-dark), var(--red));
}

.cta-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 28px;
}

.cta-band h2 {
  color: var(--white);
}

.cta-band p {
  max-width: 760px;
  color: rgba(255, 255, 255, 0.84);
}

.site-footer {
  color: var(--white);
  background: #1b0507;
}

.footer-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 34px;
  padding: 72px 0;
}

.footer-info {
  display: grid;
  gap: 15px;
  color: rgba(255, 255, 255, 0.82);
}

.footer-info h3 {
  margin: 0 0 4px;
  color: var(--white);
  font-size: 30px;
}

.map-wrap {
  overflow: hidden;
  min-height: 360px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.08);
}

.map-wrap iframe {
  width: 100%;
  height: 360px;
  border: 0;
  display: block;
  filter: grayscale(0.15) contrast(1.05);
}

.footer-bottom {
  padding: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}

.reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@keyframes shine {
  0%, 55% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(120%);
  }
}

@keyframes pulse {
  70% {
    box-shadow: 0 0 0 14px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes rotateSlow {
  to {
    transform: rotate(360deg);
  }
}

@keyframes float {
  50% {
    transform: translateY(-14px);
  }
}

@media (max-width: 1020px) {
  .topbar-inner,
  .header-inner,
  .hero-inner,
  .cta-inner,
  .footer-grid,
  .seo-grid {
    grid-template-columns: 1fr;
  }

  .topbar-inner,
  .header-inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px 0;
  }

  .main-nav {
    flex-wrap: wrap;
    gap: 12px 18px;
  }

  .hero-inner {
    display: block;
  }

  .hero-panel {
    min-height: auto;
    margin-top: 42px;
  }

  .video-frame {
    width: min(330px, 100%);
    margin: 0;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .topbar-list,
  .social-list,
  .header-actions,
  .hero-actions,
  .trust-strip {
    flex-direction: column;
    align-items: stretch;
  }

  .topbar-list,
  .social-list {
    gap: 9px;
  }

  .brand-title {
    font-size: 20px;
  }

  .main-nav {
    display: none;
  }

  .hero {
    min-height: auto;
  }

  .hero-inner {
    padding: 58px 0 68px;
  }

  .hero-lead {
    font-size: 16px;
  }

  .trust-strip,
  .stats-grid,
  .services-grid {
    grid-template-columns: 1fr;
  }

  .section {
    padding: 68px 0;
  }

  .seo-copy,
  .service-body,
  .stat-card {
    padding: 22px;
  }
}.ga-footer {  position: relative;  overflow: hidden;  color: #ffffff;  background:    linear-gradient(135deg, rgba(28, 4, 6, 0.98), rgba(60, 7, 11, 0.98) 48%, rgba(127, 13, 22, 0.96)),    url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1600&q=80") center / cover;}.ga-footer::before {  content: "";  position: absolute;  inset: 0;  background:    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);  background-size: 54px 54px;  opacity: 0.45;}.ga-footer-inner {  position: relative;  z-index: 1;  padding: 64px 0 0;}.ga-footer-main {  display: flex;  align-items: center;  justify-content: space-between;  gap: 28px;  padding-bottom: 34px;  border-bottom: 1px solid rgba(255, 255, 255, 0.14);}.ga-footer-brand {  display: flex;  align-items: center;  gap: 18px;  max-width: 720px;}.ga-footer-logo {  width: 62px;  height: 62px;  flex: 0 0 62px;  padding: 6px;  border-radius: 50%;  background: #ffffff;  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.32);}.ga-footer-logo img {  width: 100%;  height: 100%;  object-fit: contain;  border-radius: 50%;}.ga-footer-kicker {  display: block;  margin-bottom: 7px;  color: #ffd9dd;  font-size: 12px;  font-weight: 900;  text-transform: uppercase;}.ga-footer h3 {  margin: 0;  color: #ffffff;  font-size: clamp(28px, 4vw, 42px);  line-height: 1;}.ga-footer p {  margin: 12px 0 0;  color: rgba(255, 255, 255, 0.78);  font-size: 15px;  line-height: 1.7;}.ga-footer-actions {  display: flex;  flex-wrap: wrap;  gap: 10px;}.ga-footer-btn {  min-height: 44px;  display: inline-flex;  align-items: center;  justify-content: center;  gap: 9px;  padding: 12px 16px;  border-radius: 8px;  font-weight: 850;  transition: transform 0.22s ease, background 0.22s ease;}.ga-footer-btn:hover {  transform: translateY(-2px);}.ga-footer-btn-red {  color: #ffffff;  background: linear-gradient(135deg, #7f0d16, #a91420);  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);}.ga-footer-btn-light {  color: #ffffff;  border: 1px solid rgba(255, 255, 255, 0.24);  background: rgba(255, 255, 255, 0.1);}.ga-footer-columns {  display: grid;  grid-template-columns: 0.8fr 0.9fr 1.3fr;  gap: 26px;  padding: 34px 0;}.ga-footer-col {  display: grid;  align-content: start;  gap: 13px;}.ga-footer-col h4 {  margin: 0 0 6px;  color: #ffffff;  font-size: 18px;}.ga-footer-col a {  display: flex;  align-items: flex-start;  gap: 10px;  color: rgba(255, 255, 255, 0.78);  font-size: 14px;  font-weight: 650;  line-height: 1.5;  transition: color 0.22s ease, transform 0.22s ease;}.ga-footer-col a:hover {  color: #ffffff;  transform: translateX(4px);}.ga-footer-col .icon {  width: 18px;  height: 18px;  flex: 0 0 18px;  color: #ffd9dd;}.ga-footer-map {  overflow: hidden;  height: 280px;  border: 1px solid rgba(255, 255, 255, 0.16);  border-radius: 8px;  background: rgba(255, 255, 255, 0.08);  box-shadow: 0 24px 62px rgba(0, 0, 0, 0.26);}.ga-footer-map iframe {  width: 100%;  height: 100%;  display: block;  border: 0;  filter: grayscale(0.12) contrast(1.05);}.ga-footer-bottom {  display: flex;  align-items: center;  justify-content: space-between;  gap: 16px;  padding: 20px 0;  color: rgba(255, 255, 255, 0.68);  font-size: 13px;}@media (max-width: 1020px) {  .ga-footer-main {    align-items: flex-start;    flex-direction: column;  }  .ga-footer-columns {    grid-template-columns: 1fr;  }}@media (max-width: 720px) {  .ga-footer-inner {    padding-top: 48px;  }  .ga-footer-brand {    align-items: flex-start;  }  .ga-footer-logo {    width: 52px;    height: 52px;    flex-basis: 52px;  }  .ga-footer-actions,  .ga-footer-btn {    width: 100%;  }  .ga-footer-map {    height: 240px;  }  .ga-footer-bottom {    align-items: flex-start;    flex-direction: column;  }}.site-footer {  color: var(--white);  background: #1b0507;}.footer-grid {  display: grid;  grid-template-columns: 0.8fr 1.2fr;  gap: 34px;  padding: 72px 0;}.footer-info {  display: grid;  gap: 15px;  color: rgba(255, 255, 255, 0.82);}.footer-info h3 {  margin: 0 0 4px;  color: var(--white);  font-size: 30px;}.map-wrap {  overflow: hidden;  min-height: 360px;  border: 1px solid rgba(255, 255, 255, 0.16);  border-radius: var(--radius);  background: rgba(255, 255, 255, 0.08);}.map-wrap iframe {  width: 100%;  height: 360px;  border: 0;  display: block;  filter: grayscale(0.15) contrast(1.05);}.footer-bottom {  padding: 18px 0;  border-top: 1px solid rgba(255, 255, 255, 0.12);  color: rgba(255, 255, 255, 0.7);  font-size: 13px;}@media (max-width: 1020px) {  .footer-grid {    grid-template-columns: 1fr;  }}.main-nav .menu-item a {  color: inherit;}/* CALISMALARIMIZ SAYFASI - GARANTI CSS */body .works-hero {  position: relative !important;  overflow: hidden !important;  color: #ffffff !important;  background:    linear-gradient(90deg, rgba(28, 4, 6, 0.98), rgba(78, 8, 15, 0.9), rgba(127, 13, 22, 0.55)),    url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1800&q=85") center / cover !important;}body .works-hero-inner {  width: min(1180px, calc(100% - 32px)) !important;  margin: 0 auto !important;  padding: 110px 0 100px !important;}body .works-kicker,body .works-head span {  display: inline-flex !important;  margin-bottom: 12px !important;  color: #ffd9dd !important;  font-size: 13px !important;  font-weight: 900 !important;  text-transform: uppercase !important;}body .works-hero h1 {  margin: 0 !important;  color: #ffffff !important;  font-size: clamp(44px, 7vw, 82px) !important;  line-height: 0.95 !important;  font-weight: 950 !important;}body .works-hero p {  max-width: 760px !important;  margin: 22px 0 0 !important;  color: rgba(255, 255, 255, 0.86) !important;  font-size: 18px !important;  line-height: 1.75 !important;}body .works-section {  padding: 84px 0 !important;  background: #ffffff !important;}body .works-soft {  background: #f7f3f3 !important;}body .works-section .container,body .works-contact .container {  width: min(1180px, calc(100% - 32px)) !important;  margin: 0 auto !important;}body .works-head {  margin-bottom: 30px !important;}body .works-head span {  color: #7f0d16 !important;}body .works-head h2,body .works-contact h2 {  margin: 0 !important;  color: #3c070b !important;  font-size: clamp(32px, 4vw, 52px) !important;  line-height: 1.05 !important;  font-weight: 950 !important;}body .works-slider,body .instagram-slider {  display: grid !important;  grid-auto-flow: column !important;  gap: 20px !important;  overflow-x: auto !important;  overflow-y: hidden !important;  padding: 6px 4px 24px !important;  scroll-snap-type: x mandatory !important;  -webkit-overflow-scrolling: touch !important;}body .works-slider {  grid-auto-columns: minmax(320px, 560px) !important;}body .instagram-slider {  grid-auto-columns: minmax(230px, 300px) !important;}body .works-video-card {  overflow: hidden !important;  aspect-ratio: 16 / 9 !important;  border: 1px solid rgba(127, 13, 22, 0.16) !important;  border-radius: 8px !important;  background: #111111 !important;  box-shadow: 0 28px 70px rgba(60, 7, 11, 0.18) !important;  scroll-snap-align: start !important;}body .works-video-card iframe {  width: 100% !important;  height: 100% !important;  display: block !important;  border: 0 !important;}body .instagram-card {  min-height: 360px !important;  display: grid !important;  align-content: end !important;  gap: 8px !important;  padding: 24px !important;  color: #ffffff !important;  border-radius: 8px !important;  background:    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(60, 7, 11, 0.92)),    linear-gradient(135deg, #7f0d16, #a91420) !important;  box-shadow: 0 28px 70px rgba(60, 7, 11, 0.18) !important;  text-decoration: none !important;  scroll-snap-align: start !important;  transition: transform 0.25s ease, box-shadow 0.25s ease !important;}body .instagram-card:hover {  transform: translateY(-8px) !important;  box-shadow: 0 34px 82px rgba(60, 7, 11, 0.24) !important;}body .instagram-card span {  color: rgba(255, 255, 255, 0.75) !important;  font-size: 13px !important;  font-weight: 850 !important;  text-transform: uppercase !important;}body .instagram-card strong {  color: #ffffff !important;  font-size: 70px !important;  line-height: 0.9 !important;  font-weight: 950 !important;}body .instagram-card small {  color: rgba(255, 255, 255, 0.82) !important;  font-size: 14px !important;  font-weight: 800 !important;}body .works-contact {  padding: 86px 0 !important;  background: #ffffff !important;}body .works-contact .works-kicker {  color: #7f0d16 !important;}body .works-contact-grid {  display: grid !important;  grid-template-columns: 0.9fr 1.1fr !important;  gap: 34px !important;  align-items: center !important;}body .works-contact p {  margin: 18px 0 0 !important;  color: #6e6e76 !important;  font-size: 17px !important;  line-height: 1.78 !important;}body .works-contact-links {  display: grid !important;  gap: 12px !important;  margin-top: 26px !important;}body .works-contact-links a {  display: flex !important;  align-items: center !important;  gap: 10px !important;  color: #34343b !important;  font-weight: 800 !important;  text-decoration: none !important;}body .works-contact-links .icon {  color: #7f0d16 !important;}body .works-map {  overflow: hidden !important;  min-height: 390px !important;  border: 1px solid rgba(127, 13, 22, 0.16) !important;  border-radius: 8px !important;  box-shadow: 0 28px 70px rgba(60, 7, 11, 0.18) !important;}body .works-map iframe {  width: 100% !important;  height: 390px !important;  display: block !important;  border: 0 !important;}@media (max-width: 1020px) {  body .works-contact-grid {    grid-template-columns: 1fr !important;  }}@media (max-width: 720px) {  body .works-hero-inner {    padding: 78px 0 72px !important;  }  body .works-section,  body .works-contact {    padding: 64px 0 !important;  }  body .works-slider {    grid-auto-columns: minmax(280px, 88vw) !important;  }  body .instagram-slider {    grid-auto-columns: minmax(240px, 78vw) !important;  }  body .instagram-card {    min-height: 320px !important;  }  body .works-map,  body .works-map iframe {    min-height: 300px !important;    height: 300px !important;  }}.main-nav {  position: relative;}.main-nav .header-menu {  display: flex;  align-items: center;  gap: 22px;  margin: 0;  padding: 0;  list-style: none;}.main-nav .header-menu li {  position: relative;  margin: 0;  padding: 0;  list-style: none;}.main-nav .header-menu > li > a {  display: inline-flex;  align-items: center;  padding: 8px 0;  color: inherit;  font-size: 14px;  font-weight: 750;}.main-nav .header-menu .sub-menu {  position: absolute;  left: 0;  top: calc(100% + 14px);  z-index: 50;  min-width: 230px;  display: grid;  gap: 4px;  margin: 0;  padding: 10px;  list-style: none;  border: 1px solid rgba(127, 13, 22, 0.14);  border-radius: 8px;  background: rgba(255, 255, 255, 0.98);  box-shadow: 0 22px 55px rgba(60, 7, 11, 0.16);  opacity: 0;  visibility: hidden;  transform: translateY(8px);  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;}.main-nav .header-menu li:hover > .sub-menu {  opacity: 1;  visibility: visible;  transform: translateY(0);}.main-nav .header-menu .sub-menu a {  display: flex;  width: 100%;  padding: 11px 12px;  color: #34343b;  border-radius: 8px;  font-size: 13px;  font-weight: 750;  white-space: nowrap;}.main-nav .header-menu .sub-menu a:hover {  color: #ffffff;  background: linear-gradient(135deg, var(--red), var(--red-2));}.main-nav .header-menu .menu-item-has-children > a::after {  content: "";  width: 7px;  height: 7px;  margin-left: 8px;  border-right: 2px solid currentColor;  border-bottom: 2px solid currentColor;  transform: rotate(45deg) translateY(-2px);}@media (max-width: 720px) {  .main-nav .header-menu {    display: none;  }}/* HEADER DROPDOWN FINAL FIX */.main-nav {  display: flex !important;  align-items: center !important;  gap: 22px !important;  overflow: visible !important;}.main-nav > a {  display: inline-flex !important;  align-items: center !important;  min-height: 44px !important;}.main-nav .header-menu,.main-nav .header-menu ul,.main-nav .header-menu li {  margin: 0 !important;  padding: 0 !important;  list-style: none !important;}.main-nav .header-menu {  display: flex !important;  align-items: center !important;  gap: 22px !important;}.main-nav .header-menu > li {  position: relative !important;  display: flex !important;  align-items: center !important;  min-height: 44px !important;}.main-nav .header-menu > li > a {  display: inline-flex !important;  align-items: center !important;  min-height: 44px !important;  color: #313036 !important;  font-size: 14px !important;  font-weight: 750 !important;  line-height: 1.2 !important;}.main-nav .header-menu .sub-menu {  position: absolute !important;  left: 0 !important;  top: 100% !important;  z-index: 999 !important;  min-width: 240px !important;  display: grid !important;  gap: 4px !important;  padding: 10px !important;  border: 1px solid rgba(127, 13, 22, 0.14) !important;  border-radius: 8px !important;  background: #ffffff !important;  box-shadow: 0 22px 55px rgba(60, 7, 11, 0.18) !important;  opacity: 0 !important;  visibility: hidden !important;  transform: translateY(10px) !important;  pointer-events: none !important;  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease !important;}.main-nav .header-menu > li:hover > .sub-menu,.main-nav .header-menu > li:focus-within > .sub-menu {  opacity: 1 !important;  visibility: visible !important;  transform: translateY(0) !important;  pointer-events: auto !important;}.main-nav .header-menu .sub-menu li {  display: block !important;  width: 100% !important;}.main-nav .header-menu .sub-menu a {  display: flex !important;  width: 100% !important;  padding: 11px 12px !important;  color: #34343b !important;  border-radius: 8px !important;  font-size: 13px !important;  font-weight: 750 !important;  white-space: nowrap !important;}.main-nav .header-menu .sub-menu a:hover {  color: #ffffff !important;  background: linear-gradient(135deg, var(--red), var(--red-2)) !important;}.main-nav .header-menu .menu-item-has-children > a::after {  content: "" !important;  width: 7px !important;  height: 7px !important;  margin-left: 8px !important;  border-right: 2px solid currentColor !important;  border-bottom: 2px solid currentColor !important;  transform: rotate(45deg) translateY(-2px) !important;}/* Ana menü çizgi animasyonu dropdown linklerine bulaşmasın */.main-nav .header-menu .sub-menu a::after {  display: none !important;}.main-nav > ul > li.menu-item-has-children > a::before,.main-nav .header-menu > .menu-item-has-children > a::before,.main-nav .header-menu .menu-item-has-children > a::after,.main-nav .menu-item-has-children > a::before,.main-nav .menu-item-has-children > a::after {  display: none !important;  content: none !important;}.main-nav ul.sub-menu,.main-nav .sub-menu {  display: none !important;}.blog-single,.blog-archive {  background: #ffffff;}.blog-single-article {  padding: 86px 0;}.blog-single-head {  max-width: 880px;  margin-bottom: 34px;}.blog-kicker {  display: inline-flex;  margin-bottom: 12px;  color: var(--red);  font-size: 13px;  font-weight: 900;  text-transform: uppercase;}.blog-single h1,.blog-archive-hero h1 {  margin: 0;  color: var(--red-dark);  font-size: clamp(38px, 5vw, 66px);  line-height: 1.02;}.blog-meta {  display: flex;  flex-wrap: wrap;  gap: 14px;  margin-top: 18px;  color: var(--muted);  font-size: 14px;  font-weight: 750;}.blog-featured {  overflow: hidden;  margin-bottom: 38px;  border-radius: 8px;  box-shadow: var(--shadow);}.blog-featured img {  width: 100%;  max-height: 520px;  object-fit: cover;  display: block;}.blog-content {  max-width: 860px;  color: #303038;  font-size: 18px;  line-height: 1.85;}.blog-content h2,.blog-content h3 {  color: var(--red-dark);  line-height: 1.15;}.blog-content a {  color: var(--red);  font-weight: 800;}.blog-archive-hero {  padding: 88px 0;  color: #ffffff;  background:    linear-gradient(90deg, rgba(28, 4, 6, 0.98), rgba(78, 8, 15, 0.88), rgba(127, 13, 22, 0.52)),    url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1800&q=85") center / cover;}.blog-archive-hero h1 {  color: #ffffff;}.blog-archive-hero p {  max-width: 720px;  margin: 18px 0 0;  color: rgba(255, 255, 255, 0.84);  font-size: 17px;  line-height: 1.75;}.blog-list-section {  padding: 82px 0;}.blog-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 24px;}.blog-card {  overflow: hidden;  border: 1px solid var(--line);  border-radius: 8px;  background: #ffffff;  box-shadow: 0 18px 45px rgba(60, 7, 11, 0.08);  transition: transform 0.25s ease, box-shadow 0.25s ease;}.blog-card:hover {  transform: translateY(-8px);  box-shadow: var(--shadow);}.blog-card-img {  aspect-ratio: 16 / 10;  overflow: hidden;}.blog-card-img img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}.blog-card-body {  padding: 24px;}.blog-card-body span {  color: var(--red);  font-size: 13px;  font-weight: 900;}.blog-card-body h2 {  margin: 10px 0;  color: var(--red-dark);  font-size: 22px;  line-height: 1.15;}.blog-card-body p {  margin: 0;  color: var(--muted);  line-height: 1.7;}@media (max-width: 1020px) {  .blog-grid {    grid-template-columns: repeat(2, 1fr);  }}@media (max-width: 720px) {  .blog-single-article,  .blog-list-section {    padding: 62px 0;  }  .blog-grid {    grid-template-columns: 1fr;  }  .blog-content {    font-size: 16px;  }}/* PREMIUM BLOG SINGLE BACKGROUND */.blog-single {  position: relative;  overflow: hidden;  background:    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 243, 243, 0.98)),    url("https://wallpaperaccess.com/full/6041278.jpg") center top / 520px auto repeat;}.blog-single::before {  content: "";  position: absolute;  inset: 0;  background:    radial-gradient(circle at 12% 8%, rgba(127, 13, 22, 0.09), transparent 26%),    radial-gradient(circle at 88% 18%, rgba(60, 7, 11, 0.08), transparent 28%);  pointer-events: none;}.blog-single-article {  position: relative;  z-index: 1;  padding: 94px 0;}.blog-single-head {  max-width: 900px;  margin-bottom: 36px;  padding: 34px;  border: 1px solid rgba(127, 13, 22, 0.14);  border-left: 4px solid var(--red);  border-radius: 8px;  background: rgba(255, 255, 255, 0.86);  box-shadow: 0 24px 62px rgba(60, 7, 11, 0.1);  backdrop-filter: blur(12px);}.blog-single h1 {  margin: 0;  color: var(--red-dark);  font-size: clamp(38px, 5vw, 66px);  line-height: 1.02;}.blog-featured {  position: relative;  overflow: hidden;  margin-bottom: 38px;  border: 1px solid rgba(127, 13, 22, 0.14);  border-radius: 8px;  box-shadow: 0 28px 70px rgba(60, 7, 11, 0.16);}.blog-featured::after {  content: "";  position: absolute;  inset: 0;  background: linear-gradient(180deg, transparent 55%, rgba(60, 7, 11, 0.18));  pointer-events: none;}.blog-content {  max-width: 900px;  padding: 36px;  color: #303038;  border: 1px solid rgba(127, 13, 22, 0.12);  border-radius: 8px;  background: rgba(255, 255, 255, 0.92);  box-shadow: 0 24px 62px rgba(60, 7, 11, 0.09);  backdrop-filter: blur(10px);  font-size: 18px;  line-height: 1.85;}.blog-content p:first-child {  margin-top: 0;}.blog-content p:last-child {  margin-bottom: 0;}.blog-content h2,.blog-content h3 {  color: var(--red-dark);  line-height: 1.15;}.blog-content a {  color: var(--red);  font-weight: 850;}@media (max-width: 720px) {  .blog-single-article {    padding: 62px 0;  }  .blog-single-head,  .blog-content {    padding: 22px;  }  .blog-content {    font-size: 16px;  }}/* BLOG SINGLE PEUGEOT BACKGROUND IMAGE FIX */.blog-single {  position: relative !important;  overflow: hidden !important;  background:    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 243, 243, 0.94)),    url("https://wallpaperaccess.com/full/6041278.jpg") center 90px / 420px auto repeat !important;}.blog-single::after {  content: "";  position: absolute;  inset: 0;  background:    radial-gradient(circle at 18% 12%, rgba(127, 13, 22, 0.12), transparent 28%),    radial-gradient(circle at 88% 22%, rgba(60, 7, 11, 0.1), transparent 30%);  pointer-events: none;  z-index: 0;}.blog-single-article {  position: relative !important;  z-index: 1 !important;}.blog-single-head,.blog-content {  background: rgba(255, 255, 255, 0.86) !important;  backdrop-filter: blur(10px);}/* BLOG SINGLE BACKGROUND ONE LARGE IMAGE */.blog-single {  position: relative !important;  overflow: hidden !important;  background:    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(247, 243, 243, 0.92)),    url("https://wallpaperaccess.com/full/6041278.jpg") center top / cover no-repeat !important;  background-attachment: fixed !important;}.theme-page-hero {  padding: 88px 0;  color: #ffffff;  background:    linear-gradient(90deg, rgba(28, 4, 6, 0.98), rgba(78, 8, 15, 0.88), rgba(127, 13, 22, 0.52)),    url("https://wallpaperaccess.com/full/6041278.jpg") center / cover no-repeat;}.theme-page-kicker {  display: inline-flex;  margin-bottom: 12px;  color: #ffd9dd;  font-size: 13px;  font-weight: 900;  text-transform: uppercase;}.theme-page-hero h1 {  max-width: 920px;  margin: 0;  color: #ffffff;  font-size: clamp(38px, 5vw, 66px);  line-height: 1.02;}.theme-page-hero p {  max-width: 760px;  margin: 18px 0 0;  color: rgba(255, 255, 255, 0.84);  font-size: 17px;  line-height: 1.75;}.theme-page-content-section {  position: relative;  padding: 76px 0;  background:    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 243, 243, 0.96)),    url("https://wallpaperaccess.com/full/6041278.jpg") center top / cover no-repeat;}.theme-page-content {  max-width: 920px;  padding: 36px;  color: #303038;  border: 1px solid rgba(127, 13, 22, 0.12);  border-radius: 8px;  background: rgba(255, 255, 255, 0.92);  box-shadow: 0 24px 62px rgba(60, 7, 11, 0.09);  backdrop-filter: blur(10px);  font-size: 18px;  line-height: 1.85;}.theme-page-content h1,.theme-page-content h2,.theme-page-content h3 {  color: var(--red-dark);  line-height: 1.15;}.theme-page-content a {  color: var(--red);  font-weight: 850;}.theme-page-content ul {  display: grid;  gap: 10px;  padding-left: 20px;}.theme-page-content img {  height: auto;  border-radius: 8px;}@media (max-width: 720px) {  .theme-page-hero {    padding: 62px 0;  }  .theme-page-content-section {    padding: 54px 0;  }  .theme-page-content {    padding: 22px;    font-size: 16px;  }}/* PREMIUM NORMAL PAGE DESIGN */.theme-page {  position: relative;  overflow: hidden;  background:    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(247, 243, 243, 0.92)),    url("https://wallpaperaccess.com/full/6041278.jpg") center top / cover no-repeat;  background-attachment: fixed;}.theme-page::before {  content: "";  position: absolute;  inset: 0;  background:    radial-gradient(circle at 14% 10%, rgba(127, 13, 22, 0.12), transparent 28%),    radial-gradient(circle at 88% 22%, rgba(60, 7, 11, 0.1), transparent 30%);  pointer-events: none;}.theme-page-hero {  position: relative;  z-index: 1;  padding: 92px 0 36px;  color: var(--red-dark);  background: transparent !important;}.theme-page-kicker {  display: inline-flex;  margin-bottom: 12px;  color: var(--red);  font-size: 13px;  font-weight: 900;  text-transform: uppercase;}.theme-page-hero h1 {  max-width: 940px;  margin: 0;  color: var(--red-dark);  font-size: clamp(38px, 5vw, 66px);  line-height: 1.02;}.theme-page-hero p {  max-width: 760px;  margin: 18px 0 0;  color: #34343b;  font-size: 17px;  line-height: 1.75;}.theme-page-content-section {  position: relative;  z-index: 1;  padding: 34px 0 86px;  background: transparent !important;}.theme-page-content {  max-width: 940px;  padding: 38px;  color: #303038;  border: 1px solid rgba(127, 13, 22, 0.12);  border-left: 4px solid var(--red);  border-radius: 8px;  background: rgba(255, 255, 255, 0.9);  box-shadow: 0 28px 70px rgba(60, 7, 11, 0.12);  backdrop-filter: blur(12px);  font-size: 18px;  line-height: 1.85;}.theme-page-content h1,.theme-page-content h2,.theme-page-content h3 {  color: var(--red-dark);  line-height: 1.15;}.theme-page-content h2 {  margin-top: 34px;}.theme-page-content p:first-child {  margin-top: 0;}.theme-page-content p:last-child {  margin-bottom: 0;}.theme-page-content a {  color: var(--red);  font-weight: 850;}.theme-page-content ul {  display: grid;  gap: 10px;  padding-left: 20px;}.theme-page-content li::marker {  color: var(--red);}.theme-page-content img {  height: auto;  border-radius: 8px;  box-shadow: 0 18px 45px rgba(60, 7, 11, 0.12);}@media (max-width: 720px) {  .theme-page {    background-attachment: scroll;  }  .theme-page-hero {    padding: 62px 0 24px;  }  .theme-page-content-section {    padding: 28px 0 58px;  }  .theme-page-content {    padding: 22px;    font-size: 16px;  }}.about-highlight-box,.about-cta {  margin: 34px 0;  padding: 28px;  border: 1px solid rgba(127, 13, 22, 0.14);  border-left: 4px solid var(--red);  border-radius: 8px;  background: rgba(127, 13, 22, 0.045);}.about-grid {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 18px;  margin: 34px 0;}.about-grid > div {  padding: 24px;  border: 1px solid rgba(127, 13, 22, 0.14);  border-radius: 8px;  background: rgba(255, 255, 255, 0.72);  box-shadow: 0 18px 45px rgba(60, 7, 11, 0.08);}.about-grid h3 {  margin-top: 0;}@media (max-width: 900px) {  .about-grid {    grid-template-columns: 1fr;  }}/* HEADER 3 LEVEL DROPDOWN */.main-nav .header-menu,.main-nav .header-menu ul,.main-nav .header-menu li {  margin: 0 !important;  padding: 0 !important;  list-style: none !important;}.main-nav .header-menu {  display: flex !important;  align-items: center !important;  gap: 22px !important;}.main-nav .header-menu li {  position: relative !important;}.main-nav .header-menu > li > a {  display: inline-flex !important;  align-items: center !important;  min-height: 44px !important;  color: #313036 !important;  font-size: 14px !important;  font-weight: 750 !important;}.main-nav .header-menu .sub-menu {  position: absolute !important;  left: 0 !important;  top: 100% !important;  z-index: 9999 !important;  min-width: 250px !important;  display: grid !important;  gap: 4px !important;  padding: 10px !important;  border: 1px solid rgba(127, 13, 22, 0.14) !important;  border-radius: 8px !important;  background: #ffffff !important;  box-shadow: 0 22px 55px rgba(60, 7, 11, 0.18) !important;  opacity: 0 !important;  visibility: hidden !important;  transform: translateY(10px) !important;  pointer-events: none !important;  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease !important;  }.main-nav .header-menu li:hover > .sub-menu,.main-nav .header-menu li:focus-within > .sub-menu {  opacity: 1 !important;  visibility: visible !important;  transform: translateY(0) !important;  pointer-events: auto !important;}.main-nav .header-menu .sub-menu .sub-menu {  left: 100% !important;  top: 0 !important;  transform: translateX(10px) !important;}.main-nav .header-menu .sub-menu li:hover > .sub-menu,.main-nav .header-menu .sub-menu li:focus-within > .sub-menu {  transform: translateX(0) !important;}.main-nav .header-menu .sub-menu a {  display: flex !important;  width: 100% !important;  align-items: center !important;  justify-content: space-between !important;  padding: 11px 12px !important;  color: #34343b !important;  border-radius: 8px !important;  font-size: 13px !important;  font-weight: 750 !important;  white-space: nowrap !important;}.main-nav .header-menu .sub-menu a:hover {  color: #ffffff !important;  background: linear-gradient(135deg, var(--red), var(--red-2)) !important;}.main-nav .header-menu .sub-menu a::before,.main-nav .header-menu .sub-menu a::after {  display: none !important;}.main-nav .header-menu .sub-menu .menu-item-has-children > a::after {  content: "›" !important;  display: inline-flex !important;  margin-left: 14px !important;  color: currentColor !important;  font-size: 18px !important;  line-height: 1 !important;}/* HEADER ALT MENU OK / LOGO ISARETLERINI KAPAT */.main-nav .menu-item-has-children > a::before,.main-nav .menu-item-has-children > a::after,.main-nav .header-menu .sub-menu .menu-item-has-children > a::after,.main-nav .header-menu .sub-menu .menu-item-has-children > a::before {  display: none !important;  content: none !important;}/* HEADER ALT MENU OK / LOGO ISARETLERINI KAPAT */.main-nav .menu-item-has-children > a::before,.main-nav .menu-item-has-children > a::after,.main-nav .header-menu .sub-menu .menu-item-has-children > a::after,.main-nav .header-menu .sub-menu .menu-item-has-children > a::before {  display: none !important;  content: none !important;}/* PREMIUM MOBILE HEADER */.mobile-menu-toggle {  display: none;}.mobile-nav-actions {  display: none;}@media (max-width: 900px) {  body.menu-open {    overflow: hidden;  }  .topbar {    display: none;  }  .site-header {    position: sticky;    top: 0;    z-index: 9999;    background: rgba(255, 255, 255, 0.96);    border-bottom: 1px solid rgba(127, 13, 22, 0.14);    box-shadow: 0 16px 42px rgba(60, 7, 11, 0.08);  }  .header-inner {    min-height: 68px;    flex-direction: row;    align-items: center;    justify-content: space-between;    padding: 0;  }  .brand {    gap: 10px;  }  .brand-mark {    width: 46px;    height: 46px;    flex: 0 0 46px;    padding: 4px;  }  .brand-title {    font-size: 18px;  }  .brand-subtitle {    font-size: 10px;  }  .header-actions {    display: none;  }  .mobile-menu-toggle {    width: 46px;    height: 46px;    display: grid;    place-content: center;    gap: 5px;    border: 1px solid rgba(127, 13, 22, 0.18);    border-radius: 8px;    background: #ffffff;    box-shadow: 0 14px 32px rgba(60, 7, 11, 0.12);  }  .mobile-menu-toggle span {    width: 22px;    height: 2px;    display: block;    border-radius: 10px;    background: var(--red-dark);    transition: transform 0.25s ease, opacity 0.25s ease;  }  body.menu-open .mobile-menu-toggle span:nth-child(1) {    transform: translateY(7px) rotate(45deg);  }  body.menu-open .mobile-menu-toggle span:nth-child(2) {    opacity: 0;  }  body.menu-open .mobile-menu-toggle span:nth-child(3) {    transform: translateY(-7px) rotate(-45deg);  }  .main-nav {    position: fixed !important;    top: 68px;    right: 16px;    left: 16px;    z-index: 9998;    max-height: calc(100vh - 86px);    display: grid !important;    align-items: stretch !important;    gap: 8px !important;    padding: 18px;    overflow-y: auto !important;    border: 1px solid rgba(127, 13, 22, 0.16);    border-radius: 8px;    background:      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 243, 243, 0.98));    box-shadow: 0 30px 80px rgba(60, 7, 11, 0.22);    transform: translateY(-14px);    opacity: 0;    visibility: hidden;    pointer-events: none;    transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;  }  body.menu-open .main-nav {    opacity: 1;    visibility: visible;    pointer-events: auto;    transform: translateY(0);  }  .main-nav > a,  .main-nav .header-menu > li > a,  .main-nav .header-menu .sub-menu a {    width: 100% !important;    min-height: 44px !important;    display: flex !important;    align-items: center !important;    padding: 12px 14px !important;    border-radius: 8px;    color: #313036 !important;    background: rgba(255, 255, 255, 0.72);    font-size: 15px !important;    font-weight: 850 !important;  }  .main-nav > a:hover,  .main-nav .header-menu a:hover {    color: #ffffff !important;    background: linear-gradient(135deg, var(--red), var(--red-2));  }  .main-nav > a::after,  .main-nav .header-menu a::before,  .main-nav .header-menu a::after {    display: none !important;    content: none !important;  }  .main-nav .header-menu {    display: grid !important;    gap: 8px !important;    margin: 0 !important;    padding: 0 !important;    list-style: none !important;  }  .main-nav .header-menu li {    margin: 0 !important;    padding: 0 !important;    list-style: none !important;  }  .main-nav .header-menu .sub-menu {    position: static !important;    display: grid !important;    gap: 7px !important;    margin: 8px 0 0 12px !important;    padding: 0 0 0 12px !important;    border: 0 !important;    border-left: 2px solid rgba(127, 13, 22, 0.18) !important;    background: transparent !important;    box-shadow: none !important;    opacity: 1 !important;    visibility: visible !important;    transform: none !important;    pointer-events: auto !important;  }  .mobile-nav-actions {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 10px;    margin-top: 10px;  }  .mobile-nav-actions .btn {    width: 100%;  }}@media (max-width: 520px) {  .brand-title {    font-size: 16px;  }  .brand-subtitle {    font-size: 9px;  }  .mobile-nav-actions {    grid-template-columns: 1fr;  }}/* MOBILE HEADER VISIBILITY FIX */@media (max-width: 900px) {  .site-header {    display: block !important;    position: sticky !important;    top: 0 !important;    z-index: 99999 !important;    background: rgba(255, 255, 255, 0.98) !important;  }  .header-inner {    display: flex !important;    flex-direction: row !important;    align-items: center !important;    justify-content: space-between !important;    min-height: 68px !important;    padding: 0 !important;  }  .brand {    display: flex !important;  }  .mobile-menu-toggle {    display: grid !important;    width: 46px !important;    height: 46px !important;    place-content: center !important;    gap: 5px !important;    border: 1px solid rgba(127, 13, 22, 0.18) !important;    border-radius: 8px !important;    background: #ffffff !important;    box-shadow: 0 14px 32px rgba(60, 7, 11, 0.12) !important;  }  .mobile-menu-toggle span {    width: 22px !important;    height: 2px !important;    display: block !important;    border-radius: 10px !important;    background: var(--red-dark) !important;  }  .header-actions {    display: none !important;  }  .main-nav {    display: grid !important;  }}/* JS YOKSA DA CALISAN MOBIL MENU */.mobile-menu-checkbox {  display: none;}@media (max-width: 900px) {  .mobile-menu-toggle {    cursor: pointer;  }  .mobile-menu-checkbox:checked + .mobile-menu-toggle span:nth-child(1) {    transform: translateY(7px) rotate(45deg);  }  .mobile-menu-checkbox:checked + .mobile-menu-toggle span:nth-child(2) {    opacity: 0;  }  .mobile-menu-checkbox:checked + .mobile-menu-toggle span:nth-child(3) {    transform: translateY(-7px) rotate(-45deg);  }  .mobile-menu-checkbox:checked ~ .main-nav {    opacity: 1 !important;    visibility: visible !important;    pointer-events: auto !important;    transform: translateY(0) !important;  }}/* MOBILE MENU CHECKBOX FINAL FIX */.mobile-menu-checkbox {  position: absolute !important;  width: 1px !important;  height: 1px !important;  opacity: 0 !important;  pointer-events: none !important;  clip: rect(0 0 0 0) !important;  clip-path: inset(50%) !important;  overflow: hidden !important;}@media (max-width: 900px) {  .mobile-menu-toggle {    display: grid !important;    width: 46px !important;    height: 46px !important;    place-content: center !important;    gap: 5px !important;    cursor: pointer !important;    border: 1px solid rgba(127, 13, 22, 0.18) !important;    border-radius: 8px !important;    background: #ffffff !important;    box-shadow: 0 14px 32px rgba(60, 7, 11, 0.12) !important;  }  .mobile-menu-toggle span {    width: 22px !important;    height: 2px !important;    display: block !important;    border-radius: 10px !important;    background: var(--red-dark) !important;    transition: transform 0.25s ease, opacity 0.25s ease !important;  }  .main-nav {    position: fixed !important;    top: 68px !important;    left: 16px !important;    right: 16px !important;    z-index: 99998 !important;    max-height: calc(100vh - 86px) !important;    display: grid !important;    gap: 8px !important;    padding: 18px !important;    overflow-y: auto !important;    border: 1px solid rgba(127, 13, 22, 0.16) !important;    border-radius: 8px !important;    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,243,243,.98)) !important;    box-shadow: 0 30px 80px rgba(60, 7, 11, 0.22) !important;    opacity: 0 !important;    visibility: hidden !important;    pointer-events: none !important;    transform: translateY(-14px) !important;    transition: opacity .24s ease, transform .24s ease, visibility .24s ease !important;  }  .mobile-menu-checkbox:checked ~ .main-nav {    opacity: 1 !important;    visibility: visible !important;    pointer-events: auto !important;    transform: translateY(0) !important;  }  .mobile-menu-checkbox:checked + .mobile-menu-toggle span:nth-child(1) {    transform: translateY(7px) rotate(45deg) !important;  }  .mobile-menu-checkbox:checked + .mobile-menu-toggle span:nth-child(2) {    opacity: 0 !important;  }  .mobile-menu-checkbox:checked + .mobile-menu-toggle span:nth-child(3) {    transform: translateY(-7px) rotate(-45deg) !important;  }}/* MOBILE SUBMENU CLOSED BY DEFAULT */@media (max-width: 900px) {  .main-nav .header-menu .sub-menu {    position: static !important;    max-height: 0 !important;    display: grid !important;    overflow: hidden !important;    margin: 0 !important;    padding: 0 0 0 12px !important;    border: 0 !important;    border-left: 2px solid rgba(127, 13, 22, 0.18) !important;    background: transparent !important;    box-shadow: none !important;    opacity: 1 !important;    visibility: visible !important;    pointer-events: auto !important;    transform: none !important;    transition: max-height 0.28s ease, margin 0.28s ease !important;  }  .main-nav .header-menu li:focus-within > .sub-menu,  .main-nav .header-menu li:hover > .sub-menu {    max-height: 900px !important;    margin-top: 8px !important;  }  .main-nav .header-menu .menu-item-has-children > a {    justify-content: space-between !important;  }  .main-nav .header-menu .menu-item-has-children > a::after {    content: "+" !important;    display: inline-flex !important;    align-items: center !important;    justify-content: center !important;    width: 22px !important;    height: 22px !important;    margin-left: auto !important;    color: var(--red) !important;    border: 1px solid rgba(127, 13, 22, 0.18) !important;    border-radius: 50% !important;    font-size: 16px !important;    font-weight: 900 !important;    line-height: 1 !important;  }  .main-nav .header-menu li:focus-within > a::after,  .main-nav .header-menu li:hover > a::after {    content: "-" !important;  }  .main-nav .header-menu .sub-menu a {    background: rgba(255, 255, 255, 0.62) !important;  }  .main-nav .header-menu .sub-menu .sub-menu {    padding-left: 12px !important;  }}/* MOBILE SUBMENU BUTTON */.submenu-toggle {  display: none;}@media (max-width: 900px) {  .main-nav .header-menu .menu-item-has-children {    position: relative !important;  }  .submenu-toggle {    position: absolute !important;    top: 10px !important;    right: 10px !important;    z-index: 2 !important;    width: 28px !important;    height: 28px !important;    display: grid !important;    place-items: center !important;    padding: 0 !important;    color: var(--red) !important;    border: 1px solid rgba(127, 13, 22, 0.18) !important;    border-radius: 50% !important;    background: #ffffff !important;    font-size: 18px !important;    font-weight: 900 !important;    line-height: 1 !important;  }  .main-nav .header-menu .menu-item-has-children > a {    padding-right: 48px !important;  }  .main-nav .header-menu .menu-item-has-children > a::after,  .main-nav .header-menu .menu-item-has-children > a::before {    display: none !important;    content: none !important;  }  .main-nav .header-menu .sub-menu {    position: static !important;    max-height: 0 !important;    display: grid !important;    overflow: hidden !important;    margin: 0 !important;    padding: 0 0 0 12px !important;    border: 0 !important;    border-left: 2px solid rgba(127, 13, 22, 0.18) !important;    background: transparent !important;    box-shadow: none !important;    opacity: 1 !important;    visibility: visible !important;    pointer-events: auto !important;    transform: none !important;    transition: max-height 0.28s ease, margin 0.28s ease !important;  }  .main-nav .header-menu .menu-item-has-children.submenu-open > .sub-menu {    max-height: 1000px !important;    margin-top: 8px !important;  }}