/* ============================================================
   EdukanA — Main Stylesheet
   Dark Mode | Mobile-First | Cinzel + Nunito
   Brand: #000000 bg | #c8e000 accent
   ============================================================ */

/* ─── CUSTOM PROPERTIES ─── */
:root {
  --clr-bg:        #000000;
  --clr-bg-2:      #0a0a0a;
  --clr-bg-card:   #111111;
  --clr-bg-card-2: #181818;
  --clr-accent:    #c8e000;
  --clr-accent-dim:#9aad00;
  --clr-accent-glow:rgba(200,224,0,0.25);
  --clr-text:      #e8e8e8;
  --clr-text-muted:#888888;
  --clr-border:    rgba(200,224,0,0.18);
  --clr-border-2:  rgba(255,255,255,0.08);
  --clr-white:     #ffffff;
  --ff-display:    'Cinzel', serif;
  --ff-body:       'Nunito', sans-serif;
  --fw-light:      300;
  --fw-regular:    400;
  --fw-medium:     500;
  --fw-semi:       600;
  --fw-bold:       700;
  --fw-black:      800;
  --radius-sm:     6px;
  --radius-md:     12px;
  --radius-lg:     20px;
  --radius-xl:     32px;
  --shadow-glow:   0 0 30px rgba(200,224,0,0.25);
  --shadow-card:   0 4px 30px rgba(0,0,0,0.6);
  --transition:    all 0.3s cubic-bezier(0.4,0,0.2,1);
  --navbar-h:      72px;
}

/* ─── RESET ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 14px; }
body {
  background: var(--clr-bg);
  color: var(--clr-text);
  font-family: var(--ff-body);
  font-weight: var(--fw-regular);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
img, video { max-width: 100%; height: auto; display: block; }
a { color: var(--clr-accent); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--clr-white); }
ul { list-style: none; }
address { font-style: normal; }
h1,h2,h3,h4,h5 { font-family: var(--ff-display); line-height: 1.25; color: var(--clr-white); }

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--clr-bg-2); }
::-webkit-scrollbar-thumb { background: var(--clr-accent); border-radius: 3px; }

/* ─── CONTAINER ─── */
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 640px)  { .container { padding: 0 24px; } }
@media (min-width: 1024px) { .container { padding: 0 32px; } }

/* ─── BUTTONS ─── */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 28px; border-radius: var(--radius-lg);
  font-family: var(--ff-body); font-weight: var(--fw-bold); font-size: 0.95rem;
  letter-spacing: 0.03em; cursor: pointer; border: 2px solid transparent;
  transition: var(--transition); white-space: nowrap; text-decoration: none;
}
.btn--primary {
  background: var(--clr-accent); color: #000; border-color: var(--clr-accent);
}
.btn--primary:hover { background: #d4f000; border-color: #d4f000; box-shadow: var(--shadow-glow); color: #000; transform: translateY(-2px); }
.btn--outline {
  background: transparent; color: var(--clr-accent); border-color: var(--clr-accent);
}
.btn--outline:hover { background: var(--clr-accent); color: #000; }
.btn--ghost { background: rgba(200,224,0,0.08); color: var(--clr-accent); border-color: var(--clr-border); }
.btn--ghost:hover { background: rgba(200,224,0,0.15); }
.btn--sm { padding: 8px 18px; font-size: 0.85rem; }
.btn--lg { padding: 16px 40px; font-size: 1.05rem; }

/* ─── SECTION ─── */
.section { padding: 64px 0; }
.section--lg { padding: 96px 0; }
@media (min-width: 768px) { .section { padding: 80px 0; } .section--lg { padding: 120px 0; } }
.section__tag { display: inline-block; background: rgba(200,224,0,0.12); color: var(--clr-accent); border: 1px solid var(--clr-border); border-radius: 100px; padding: 4px 16px; font-size: 0.78rem; font-weight: var(--fw-semi); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 12px; }
.section__title { font-size: clamp(1.4rem,3.5vw,2.2rem); color: var(--clr-white); margin-bottom: 16px; }
.section__subtitle { color: var(--clr-text-muted); font-size: 1.05rem; max-width: 600px; }
.section__header { margin-bottom: 48px; }
.section__header--center { text-align: center; }
.section__header--center .section__subtitle { margin: 0 auto; }

/* ─── NAVBAR ─── */
.navbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  height: var(--navbar-h); background: rgba(0,0,0,0.92);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--clr-border);
  transition: var(--transition);
}
.navbar.scrolled { background: rgba(0,0,0,0.98); box-shadow: 0 2px 20px rgba(200,224,0,0.1); }
.navbar__inner {
  height: var(--navbar-h); display: flex; align-items: center;
  justify-content: space-between; gap: 24px;
}
.navbar__logo img { height: 50px; width: auto; object-fit: contain; }
.navbar__menu { display: none; align-items: center; gap: 4px; }
@media (min-width: 1024px) { .navbar__menu { display: flex; } }
.navbar__link {
  display: flex; align-items: center; gap: 6px;
  padding: 8px 14px; border-radius: var(--radius-sm);
  color: var(--clr-text); font-weight: var(--fw-semi); font-size: 0.9rem;
  transition: var(--transition);
}
.navbar__link:hover, .navbar__link.active { color: var(--clr-accent); }
.navbar__link .fa-chevron-down { font-size: 0.65rem; transition: var(--transition); }

/* Dropdown */
.has-dropdown { position: relative; }
.dropdown {
  position: absolute; top: calc(100% + 8px); left: 0;
  min-width: 220px; background: #111; border: 1px solid var(--clr-border);
  border-radius: var(--radius-md); padding: 8px 0;
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: var(--transition); box-shadow: var(--shadow-card);
}
.has-dropdown:hover .dropdown, .has-dropdown:focus-within .dropdown {
  opacity: 1; visibility: visible; transform: translateY(0);
}
.has-dropdown:hover .fa-chevron-down { transform: rotate(180deg); }
.dropdown li a {
  display: block; padding: 10px 18px; color: var(--clr-text);
  font-size: 0.88rem; font-weight: var(--fw-medium);
}
.dropdown li a:hover { color: var(--clr-accent); background: rgba(200,224,0,0.06); }

.navbar__cta { display: none; align-items: center; gap: 12px; }
@media (min-width: 1024px) { .navbar__cta { display: flex; } }
.navbar__phone { display: flex; align-items: center; gap: 6px; color: var(--clr-text); font-size: 0.88rem; font-weight: var(--fw-semi); }
.navbar__phone:hover { color: var(--clr-accent); }

/* Hamburger */
.navbar__hamburger {
  display: flex; flex-direction: column; justify-content: center; gap: 5px;
  width: 40px; height: 40px; background: none; border: none; cursor: pointer; padding: 6px;
  position: relative; z-index: 1100; -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
@media (min-width: 1024px) { .navbar__hamburger { display: none; } }
.navbar__hamburger span {
  display: block; width: 26px; height: 2px; background: var(--clr-accent); border-radius: 2px;
  transition: var(--transition); transform-origin: center;
}
.navbar__hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.navbar__hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.navbar__hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile Menu */
.navbar__mobile {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100dvh;
  background: rgba(0,0,0,0.98);
  overflow-y: auto;
  padding: calc(var(--navbar-h) + 20px) 24px 24px;
  flex-direction: column;
  gap: 0;
  z-index: 99999;
}
.navbar__mobile.open { display: flex; }
body.menu-open { overflow: hidden; }
.navbar__mobile ul { display: flex; flex-direction: column; }
.navbar__mobile li a {
  display: block; padding: 14px 0; font-size: 1.05rem; font-weight: var(--fw-semi);
  color: var(--clr-text); border-bottom: 1px solid var(--clr-border-2);
}
.navbar__mobile .mobile-sub a { padding: 10px 0 10px 20px; font-size: 0.88rem; color: var(--clr-text-muted); border-left: 2px solid rgba(200,224,0,0.3); margin-left: 8px; }
.navbar__mobile .mobile-sub a:hover { color: var(--clr-accent); }
.navbar__mobile .mobile-phone { color: var(--clr-accent) !important; }
.navbar__mobile .btn--primary { margin-top: 16px; width: 100%; justify-content: center; }

body { padding-top: var(--navbar-h); }

/* ─── HERO SECTION ─── */
.hero {
  position: relative; z-index:1; overflow: hidden; min-height: 85vh;
  display: flex; align-items: center;
  background: linear-gradient(135deg, #000 60%, #0f1200 100%);
}
.hero__bg {
  position: absolute; inset: 0; z-index: 0;
  background-size: cover; background-position: center; background-repeat: no-repeat;
  transition: opacity 0.8s ease;
}
.hero__bg::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.3) 100%);
}
.hero__waves {
  position: absolute; bottom: -2px; left: 0; right: 0; z-index: 2; line-height: 0;
}
.hero__waves svg { width: 100%; }
.hero__content {
  position: relative; z-index: 3; width: 100%;
}
.hero__tag { display: inline-flex; align-items: center; gap: 8px; background: rgba(200,224,0,0.12); border: 1px solid rgba(200,224,0,0.3); border-radius: 100px; padding: 6px 18px; margin-bottom: 20px; font-size: 0.82rem; font-weight: var(--fw-semi); letter-spacing: 0.06em; text-transform: uppercase; color: var(--clr-accent); }
.hero__h1 { font-size: clamp(1.8rem,5vw,3.8rem); color: var(--clr-white); margin-bottom: 20px; text-shadow: 0 2px 30px rgba(0,0,0,0.5); }
.hero__h1 .accent { color: var(--clr-accent); }
.hero__p { font-size: clamp(1rem,2vw,1.2rem); color: rgba(255,255,255,0.82); margin-bottom: 36px; max-width: 540px; line-height: 1.7; }
.hero__cta { display: flex; flex-wrap: wrap; gap: 14px; }
.hero__slide-dots { position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); z-index: 4; display: flex; gap: 8px; }
.hero__dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.35); border: none; cursor: pointer; transition: var(--transition); }
.hero__dot.active { background: var(--clr-accent); width: 24px; border-radius: 4px; }

/* ─── STATS BAR ─── */
.stats-bar {
  background: var(--clr-bg-card); border-top: 1px solid var(--clr-border);
  border-bottom: 1px solid var(--clr-border); padding: 32px 0;
}
.stats-bar__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; }
@media (min-width: 640px)  { .stats-bar__grid { grid-template-columns: repeat(4,1fr); } }
.stat-item { text-align: center; }
.stat-item__num { font-family: var(--ff-display); font-size: 2.4rem; font-weight: var(--fw-bold); color: var(--clr-accent); line-height: 1; }
.stat-item__label { font-size: 0.88rem; color: var(--clr-text-muted); margin-top: 6px; font-weight: var(--fw-medium); }

/* ─── SERVICES ─── */
.services { background: var(--clr-bg-2); }
.services-grid { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 640px)  { .services-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px) { .services-grid { grid-template-columns: repeat(3,1fr); } }

.service-card {
  background: var(--clr-bg-card); border: 1px solid var(--clr-border-2);
  border-radius: var(--radius-lg); overflow: hidden;
  transition: var(--transition); display: flex; flex-direction: column;
}
.service-card:hover { border-color: var(--clr-accent); transform: translateY(-6px); box-shadow: var(--shadow-glow); }
.service-card__img {
  width: 100%; aspect-ratio: 4/3; object-fit: cover;
  background: var(--clr-bg-card-2);
}
@media (max-width: 767px) { .service-card__img { aspect-ratio: 1/1; } }
.service-card__body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.service-card__icon { font-size: 1.8rem; margin-bottom: 10px; }
.service-card__title { font-size: 1.1rem; color: var(--clr-white); margin-bottom: 8px; }
.service-card__desc { font-size: 0.88rem; color: var(--clr-text-muted); margin-bottom: 16px; flex: 1; }
.service-card__features { list-style: none; padding: 0; margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 6px; }
.service-card__features li {
  font-size: 0.78rem; background: rgba(200,224,0,0.09);
  color: var(--clr-accent); border: 1px solid rgba(200,224,0,0.2);
  border-radius: 100px; padding: 3px 10px; font-weight: var(--fw-semi);
}
.service-card__link { margin-top: auto; }

/* ─── EXTRA BLOCKS ─── */
.extra-block { background: var(--clr-bg-card); border: 1px solid var(--clr-border); border-radius: var(--radius-lg); padding: 32px; margin-bottom: 24px; }
.extra-block h2, .extra-block h3 { color: var(--clr-accent); margin-bottom: 12px; }

/* ─── TESTIMONIALS ─── */
.testimonials { background: var(--clr-bg); }
.testimonials-grid { display: grid; gap: 20px; grid-template-columns: 1fr; }
@media (min-width: 640px)  { .testimonials-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px) { .testimonials-grid { grid-template-columns: repeat(3,1fr); } }
.testi-card {
  background: var(--clr-bg-card); border: 1px solid var(--clr-border-2);
  border-radius: var(--radius-lg); padding: 24px; display: flex; flex-direction: column; gap: 16px;
  transition: var(--transition);
}
.testi-card:hover { border-color: var(--clr-border); transform: translateY(-3px); }
.testi-card__stars { color: var(--clr-accent); font-size: 0.9rem; letter-spacing: 2px; }
.testi-card__text { font-size: 0.92rem; color: var(--clr-text); font-style: italic; line-height: 1.7; flex: 1; }
.testi-card__author { display: flex; align-items: center; gap: 12px; }
.testi-card__avatar {
  width: 44px; height: 44px; border-radius: 50%; background: var(--clr-accent);
  color: #000; display: flex; align-items: center; justify-content: center;
  font-family: var(--ff-display); font-weight: var(--fw-bold); font-size: 0.9rem; flex-shrink: 0;
}
.testi-card__name { font-weight: var(--fw-bold); font-size: 0.9rem; color: var(--clr-white); }
.testi-card__role { font-size: 0.78rem; color: var(--clr-text-muted); }
.testi-card__tag { display: inline-block; background: rgba(200,224,0,0.09); color: var(--clr-accent); border-radius: 100px; padding: 2px 10px; font-size: 0.72rem; font-weight: var(--fw-semi); }

/* ─── GALLERY ─── */
.gallery { background: var(--clr-bg-2); }
.gallery-grid { display: grid; gap: 12px; grid-template-columns: repeat(2,1fr); }
@media (min-width: 640px)  { .gallery-grid { grid-template-columns: repeat(3,1fr); } }
@media (min-width: 1024px) { .gallery-grid { grid-template-columns: repeat(4,1fr); } }
.gallery-item { position: relative; overflow: hidden; border-radius: var(--radius-md); aspect-ratio: 1/1; cursor: pointer; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.gallery-item:hover img { transform: scale(1.06); }
.gallery-item__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; display: flex; align-items: center; justify-content: center; transition: var(--transition); }
.gallery-item:hover .gallery-item__overlay { opacity: 1; }
.gallery-item__overlay i { font-size: 2rem; color: var(--clr-accent); }

/* Lightbox */
.lightbox { position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,0.94); display: none; align-items: center; justify-content: center; padding: 20px; }
.lightbox.open { display: flex; }
.lightbox__img { max-width: 90vw; max-height: 88vh; border-radius: var(--radius-md); box-shadow: 0 0 60px rgba(200,224,0,0.2); }
.lightbox__close { position: absolute; top: 20px; right: 20px; background: none; border: none; color: var(--clr-accent); font-size: 2rem; cursor: pointer; }
.lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(200,224,0,0.1); border: 1px solid var(--clr-border); border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--clr-accent); font-size: 1.2rem; transition: var(--transition); }
.lightbox__nav:hover { background: var(--clr-accent); color: #000; }
.lightbox__prev { left: 16px; }
.lightbox__next { right: 16px; }

/* ─── BLOG ─── */
.blog { background: var(--clr-bg); }
.blog-grid { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 640px)  { .blog-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px) { .blog-grid { grid-template-columns: repeat(3,1fr); } }
.blog-card {
  background: var(--clr-bg-card); border: 1px solid var(--clr-border-2);
  border-radius: var(--radius-lg); overflow: hidden; display: flex; flex-direction: column;
  transition: var(--transition);
}
.blog-card:hover { border-color: var(--clr-border); transform: translateY(-4px); box-shadow: var(--shadow-card); }
.blog-card__img { width: 100%; aspect-ratio: 16/9; object-fit: cover; background: var(--clr-bg-card-2); }
.blog-card__no-img { width: 100%; aspect-ratio: 16/9; background: linear-gradient(135deg, #0f1200, #1a1f00); display: flex; align-items: center; justify-content: center; }
.blog-card__no-img i { font-size: 3rem; color: rgba(200,224,0,0.3); }
.blog-card__body { padding: 20px; flex: 1; display: flex; flex-direction: column; }
.blog-card__cat { font-size: 0.75rem; color: var(--clr-accent); font-weight: var(--fw-bold); letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 8px; }
.blog-card__title { font-size: 1.05rem; color: var(--clr-white); margin-bottom: 10px; line-height: 1.4; }
.blog-card__title a { color: inherit; }
.blog-card__title a:hover { color: var(--clr-accent); }
.blog-card__excerpt { font-size: 0.87rem; color: var(--clr-text-muted); line-height: 1.6; flex: 1; margin-bottom: 16px; }
.blog-card__meta { display: flex; align-items: center; justify-content: space-between; font-size: 0.78rem; color: var(--clr-text-muted); }

/* Blog Detail */
.blog-detail { background: var(--clr-bg); min-height: 60vh; }
.blog-detail__wrap { max-width: 820px; margin: 0 auto; padding: 60px 0; }
.blog-detail__cat { font-size: 0.78rem; color: var(--clr-accent); font-weight: var(--fw-bold); letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 12px; }
.blog-detail__h1 { font-size: clamp(1.6rem,3.5vw,2.6rem); color: var(--clr-white); margin-bottom: 16px; }
.blog-detail__meta { display: flex; gap: 20px; flex-wrap: wrap; font-size: 0.82rem; color: var(--clr-text-muted); margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--clr-border-2); }
.blog-detail__meta span { display: flex; align-items: center; gap: 6px; }
.blog-detail__img { width: 100%; border-radius: var(--radius-lg); margin-bottom: 32px; object-fit: cover; max-height: 480px; }
.blog-detail__content { font-size: 1rem; line-height: 1.85; color: var(--clr-text); }
.blog-detail__content h2 { font-size: 1.5rem; color: var(--clr-accent); margin: 40px 0 16px; padding-bottom: 8px; border-bottom: 1px solid var(--clr-border); }
.blog-detail__content h3 { font-size: 1.2rem; color: var(--clr-white); margin: 28px 0 12px; }
.blog-detail__content p { margin-bottom: 18px; }
.blog-detail__content ul, .blog-detail__content ol { margin: 0 0 18px 24px; }
.blog-detail__content li { margin-bottom: 6px; }
.blog-detail__content a { color: var(--clr-accent); text-decoration: underline; }
.blog-detail__content blockquote { border-left: 3px solid var(--clr-accent); padding: 12px 20px; background: rgba(200,224,0,0.05); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; margin: 24px 0; color: var(--clr-text-muted); font-style: italic; }

/* ─── CONTACT ─── */
.contact { background: var(--clr-bg-2); }
.contact-grid { display: grid; gap: 48px; grid-template-columns: 1fr; }
@media (min-width: 768px) { .contact-grid { grid-template-columns: 1fr 1fr; } }
.contact-form { display: flex; flex-direction: column; gap: 16px; }
.form-group { display: flex; flex-direction: column; gap: 6px; }
.form-group label { font-size: 0.85rem; font-weight: var(--fw-semi); color: var(--clr-text-muted); }
.form-group input, .form-group select, .form-group textarea {
  background: var(--clr-bg-card); border: 1px solid var(--clr-border-2);
  border-radius: var(--radius-sm); padding: 12px 16px; color: var(--clr-text);
  font-family: var(--ff-body); font-size: 0.95rem; transition: var(--transition);
  width: 100%;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  outline: none; border-color: var(--clr-accent); box-shadow: 0 0 0 3px rgba(200,224,0,0.1);
}
.form-group select option { background: #111; }
.form-group textarea { resize: vertical; min-height: 120px; }
.form-msg { padding: 12px 16px; border-radius: var(--radius-sm); font-size: 0.9rem; font-weight: var(--fw-semi); margin-bottom: 8px; }
.form-msg--success { background: rgba(200,224,0,0.1); border: 1px solid rgba(200,224,0,0.3); color: var(--clr-accent); }
.form-msg--error { background: rgba(255,60,60,0.08); border: 1px solid rgba(255,60,60,0.3); color: #ff6b6b; }

.branches { display: flex; flex-direction: column; gap: 24px; }
.branch-card { background: var(--clr-bg-card); border: 1px solid var(--clr-border-2); border-radius: var(--radius-lg); padding: 24px; }
.branch-card h3 { color: var(--clr-accent); font-size: 1.1rem; margin-bottom: 16px; }
.branch-info { display: flex; flex-direction: column; gap: 10px; }
.branch-info p { display: flex; align-items: flex-start; gap: 10px; font-size: 0.9rem; color: var(--clr-text-muted); }
.branch-info i { color: var(--clr-accent); flex-shrink: 0; margin-top: 2px; }
.branch-info a { color: var(--clr-accent); }
.map-embed { margin-top: 16px; border-radius: var(--radius-md); overflow: hidden; height: 200px; }
.map-embed iframe { width: 100%; height: 100%; border: 0; }

/* ─── SERVICE DETAIL ─── */
.service-detail { background: var(--clr-bg); }
.service-detail__hero { min-height: 380px; background: linear-gradient(135deg, #000, #0f1200); display: flex; align-items: flex-end; position: relative; overflow: hidden; }
.service-detail__hero-img { position: absolute; inset: 0; object-fit: cover; width: 100%; height: 100%; opacity: 0.3; }
.service-detail__hero-content { position: relative; z-index: 2; padding: 60px 0 40px; }
.service-detail__body { max-width: 900px; margin: 0 auto; padding: 60px 0; }
.service-features-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; }
.service-feature-tag { background: rgba(200,224,0,0.08); color: var(--clr-accent); border: 1px solid rgba(200,224,0,0.25); border-radius: 100px; padding: 6px 16px; font-size: 0.85rem; font-weight: var(--fw-semi); }

/* ─── BREADCRUMB ─── */
.breadcrumb { padding: 16px 0; font-size: 0.82rem; color: var(--clr-text-muted); display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.breadcrumb a { color: var(--clr-text-muted); }
.breadcrumb a:hover { color: var(--clr-accent); }
.breadcrumb span.sep { color: var(--clr-border); }
.breadcrumb span.current { color: var(--clr-accent); }

/* ─── PAGINATION ─── */
.pagination { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 32px 0; flex-wrap: wrap; }
.page-btn { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-sm); background: var(--clr-bg-card); border: 1px solid var(--clr-border-2); color: var(--clr-text-muted); font-weight: var(--fw-semi); transition: var(--transition); text-decoration: none; }
.page-btn:hover, .page-btn.active { background: var(--clr-accent); border-color: var(--clr-accent); color: #000; }

/* ─── FOOTER ─── */
.footer { background: #050500; padding: 60px 0 0; position: relative; }
.footer__waves { position: absolute; top: -2px; left: 0; right: 0; line-height: 0; }
.footer__waves svg { width: 100%; }
.footer__grid { display: grid; gap: 40px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .footer__grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px) { .footer__grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; } }
.footer__brand img { height: 50px; margin-bottom: 16px; }
.footer__brand p { font-size: 0.88rem; color: var(--clr-text-muted); line-height: 1.65; }
.footer__social { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }
.social-icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--clr-bg-card); border: 1px solid var(--clr-border); color: var(--clr-text-muted); transition: var(--transition); }
.social-icon:hover { background: var(--clr-accent); border-color: var(--clr-accent); color: #000; }
.footer__col h3 { font-size: 0.95rem; color: var(--clr-white); margin-bottom: 18px; font-family: var(--ff-display); letter-spacing: 0.04em; }
.footer__col ul { display: flex; flex-direction: column; gap: 10px; }
.footer__col ul a { font-size: 0.87rem; color: var(--clr-text-muted); }
.footer__col ul a:hover { color: var(--clr-accent); }
.footer__col address p { display: flex; align-items: flex-start; gap: 10px; font-size: 0.86rem; color: var(--clr-text-muted); margin-bottom: 8px; }
.footer__col address i { color: var(--clr-accent); flex-shrink: 0; margin-top: 2px; }
.footer__col address a { color: var(--clr-accent); }
.footer__bottom { border-top: 1px solid var(--clr-border-2); margin-top: 48px; padding: 20px 0; text-align: center; }
.footer__bottom p { font-size: 0.82rem; color: var(--clr-text-muted); }

/* ─── WHATSAPP FLOAT ─── */
.wa-float { position: fixed; bottom: 28px; right: 24px; z-index: 900; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.wa-float__toggle {
  width: 58px; height: 58px; border-radius: 50%; border: none; cursor: pointer;
  background: #25d366; color: #fff; font-size: 1.8rem;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 20px rgba(37,211,102,0.4); transition: var(--transition); position: relative;
}
.wa-float__toggle:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(37,211,102,0.55); }
.wa-float__pulse {
  position: absolute; inset: -4px; border-radius: 50%;
  border: 2px solid rgba(37,211,102,0.5);
  animation: pulse-ring 2s ease-out infinite;
}
@keyframes pulse-ring { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
.wa-float__menu {
  background: var(--clr-bg-card); border: 1px solid var(--clr-border);
  border-radius: var(--radius-lg); padding: 16px; min-width: 240px;
  box-shadow: var(--shadow-card);
  display: none; flex-direction: column; gap: 10px;
  transform-origin: bottom right;
}
.wa-float__menu.open { display: flex; animation: menu-in 0.25s ease; }
@keyframes menu-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
.wa-float__label { font-size: 0.78rem; color: var(--clr-text-muted); font-weight: var(--fw-semi); padding: 0 4px; }
.wa-float__branch {
  display: flex; align-items: center; gap: 12px; padding: 12px 14px;
  background: rgba(37,211,102,0.06); border: 1px solid rgba(37,211,102,0.2);
  border-radius: var(--radius-md); color: var(--clr-text); transition: var(--transition);
  text-decoration: none;
}
.wa-float__branch:hover { background: rgba(37,211,102,0.15); color: #25d366; transform: translateX(-3px); }
.wa-float__branch i { color: #25d366; font-size: 1.3rem; flex-shrink: 0; }
.wa-float__branch span { font-weight: var(--fw-bold); font-size: 0.92rem; display: block; }
.wa-float__branch small { font-size: 0.75rem; color: var(--clr-text-muted); display: block; }

/* ─── ADMIN BADGE ─── */
.admin-bar { background: rgba(200,224,0,0.08); border-bottom: 1px solid var(--clr-border); padding: 6px 0; font-size: 0.78rem; color: var(--clr-accent); }
.admin-bar .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.admin-bar a { color: var(--clr-accent); font-weight: var(--fw-semi); }
.admin-bar a:hover { color: var(--clr-white); }

/* ─── PAGE HERO ─── */
.page-hero { padding: 60px 0; background: linear-gradient(135deg, #000 60%, #0a0d00 100%); border-bottom: 1px solid var(--clr-border); }
.page-hero h1 { font-size: clamp(1.8rem,4vw,3rem); margin-bottom: 12px; }
.page-hero p { font-size: 1.05rem; color: var(--clr-text-muted); max-width: 600px; }

/* ─── ANIMATIONS ─── */
.fade-up { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-up.visible { opacity: 1; transform: translateY(0); }
.fade-up-delay-1 { transition-delay: 0.1s; }
.fade-up-delay-2 { transition-delay: 0.2s; }
.fade-up-delay-3 { transition-delay: 0.3s; }
.fade-up-delay-4 { transition-delay: 0.4s; }

/* ─── UTILITY ─── */
.text-accent { color: var(--clr-accent); }
.text-muted  { color: var(--clr-text-muted); }
.text-center { text-align: center; }
.mt-4 { margin-top: 16px; }
.mt-8 { margin-top: 32px; }
.mb-4 { margin-bottom: 16px; }
.mb-8 { margin-bottom: 32px; }
.gap-2 { gap: 8px; }
.d-flex { display: flex; }
.align-center { align-items: center; }
.flex-wrap { flex-wrap: wrap; }
.hidden { display: none !important; }

/* Alert */
.alert { padding: 12px 20px; border-radius: var(--radius-sm); margin-bottom: 16px; font-size: 0.9rem; font-weight: var(--fw-semi); }
.alert--success { background: rgba(200,224,0,0.08); border: 1px solid rgba(200,224,0,0.25); color: var(--clr-accent); }
.alert--error { background: rgba(255,80,80,0.08); border: 1px solid rgba(255,80,80,0.25); color: #ff6b6b; }
.alert--info  { background: rgba(100,180,255,0.08); border: 1px solid rgba(100,180,255,0.25); color: #7ecfff; }

/* ============================================================
   ADDITIONAL STYLES – Blog, Service Detail, Contact, Gallery
   ============================================================ */

/* Page Hero */
.page-hero{background:linear-gradient(135deg,#0a0a0a 0%,#111 100%);padding:4rem 0 3rem;border-bottom:1px solid #1a1a1a}
.page-hero h1{font-family:'Cinzel',serif;font-size:clamp(2rem,5vw,3.5rem);color:#fff;margin:.5rem 0}
.page-hero-subtitle{color:#888;font-size:1.1rem;margin-top:.5rem}

/* Breadcrumb */
.breadcrumb{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.85rem;color:#666;margin-bottom:.75rem}
.breadcrumb a{color:#c8e000;text-decoration:none}.breadcrumb a:hover{color:#e0ff00}
.breadcrumb span{color:#444}

/* Blog Layout */
.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:2.5rem;align-items:start}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.blog-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.blog-card{background:#111;border:1px solid #222;border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}
.blog-card:hover{transform:translateY(-4px);border-color:#c8e000}
.blog-card-img-link{display:block;aspect-ratio:16/9;overflow:hidden}
.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blog-card:hover .blog-card-img{transform:scale(1.05)}
.blog-card-no-img{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);display:flex;align-items:center;justify-content:center}
.blog-card-initial{font-family:'Cinzel',serif;font-size:3rem;color:#c8e000;opacity:.4}
.blog-card-body{padding:1.25rem}
.blog-cat-badge{display:inline-block;background:#c8e000;color:#000;font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:20px;text-decoration:none;margin-bottom:.5rem;letter-spacing:.05em}
.blog-card-title{font-size:1rem;margin:.4rem 0;line-height:1.4}
.blog-card-title a{color:#fff;text-decoration:none}.blog-card-title a:hover{color:#c8e000}
.blog-card-excerpt{color:#888;font-size:.875rem;margin:.5rem 0;line-height:1.6}
.blog-card-meta{color:#555;font-size:.8rem;margin:.5rem 0;display:flex;gap:.5rem;flex-wrap:wrap}
.blog-read-more{color:#c8e000;font-size:.85rem;font-weight:600;text-decoration:none}.blog-read-more:hover{color:#e0ff00}

/* Blog Sidebar */
.blog-sidebar{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:100px}
.sidebar-card{background:#111;border:1px solid #222;border-radius:12px;padding:1.25rem}
.sidebar-title{font-size:1rem;color:#c8e000;margin-bottom:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sidebar-cat-list{list-style:none;padding:0;margin:0}
.sidebar-cat-list li{border-bottom:1px solid #1a1a1a}
.sidebar-cat-list li:last-child{border:0}
.sidebar-cat-list a{display:flex;justify-content:space-between;padding:.6rem 0;color:#ccc;text-decoration:none;font-size:.9rem;transition:color .2s}
.sidebar-cat-list a:hover,.sidebar-cat-list a.active{color:#c8e000}
.sidebar-cat-list span{background:#222;color:#888;font-size:.75rem;padding:1px 8px;border-radius:10px}
.sidebar-recent-list{list-style:none;padding:0;margin:0}
.sidebar-recent-list li{padding:.6rem 0;border-bottom:1px solid #1a1a1a;display:flex;flex-direction:column;gap:.2rem}
.sidebar-recent-list li:last-child{border:0}
.sidebar-recent-list a{color:#ccc;text-decoration:none;font-size:.875rem;line-height:1.4}.sidebar-recent-list a:hover{color:#c8e000}
.sidebar-recent-list small{color:#555;font-size:.78rem}
.sidebar-cta{background:linear-gradient(135deg,#0d1a00,#111);border-color:#2a3a00}
.sidebar-cta h3{color:#c8e000;margin-bottom:.5rem}
.sidebar-cta p{color:#888;font-size:.875rem;margin-bottom:1rem}
.btn-block{display:block;width:100%;text-align:center}
.wa-sidebar-btn{display:block;background:#25d366;color:#fff;padding:.6rem 1rem;border-radius:8px;text-decoration:none;font-size:.875rem;text-align:center;margin-top:.5rem;font-weight:600}

/* Article */
.article-hero{position:relative;min-height:400px;display:flex;align-items:flex-end}
.article-hero-img-wrap{position:absolute;inset:0;overflow:hidden}
.article-hero-img{width:100%;height:100%;object-fit:cover}
.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.2) 100%)}
.article-hero-content{position:relative;z-index:2;padding:3rem 1rem 2rem}
.article-hero-content.no-img{padding:3rem 0 2rem;background:#0a0a0a}
.article-title{font-family:'Cinzel',serif;font-size:clamp(1.75rem,4vw,3rem);color:#fff;margin:.5rem 0;line-height:1.25}
.article-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:.75rem 0;color:#888;font-size:.875rem}
.article-excerpt{color:#bbb;font-size:1.05rem;max-width:700px;line-height:1.7;margin-top:.75rem}

.article-layout{display:grid;grid-template-columns:1fr 280px;gap:2.5rem;align-items:start;margin-top:2rem}
.article-body{min-width:0}
.prose{color:#d0d0d0;line-height:1.9;font-size:1.05rem}
.prose h2{font-family:'Cinzel',serif;color:#c8e000;font-size:1.5rem;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #222}
.prose h3{color:#fff;font-size:1.2rem;margin:1.5rem 0 .75rem}
.prose p{margin:.75rem 0}
.prose ul,.prose ol{padding-left:1.5rem;margin:.75rem 0}
.prose li{margin:.4rem 0;color:#ccc}
.prose a{color:#c8e000}.prose a:hover{color:#e0ff00}
.prose strong{color:#fff}
.prose blockquote{border-left:3px solid #c8e000;padding:.75rem 1.25rem;margin:1.5rem 0;background:#0d1a00;border-radius:0 8px 8px 0;color:#bbb;font-style:italic}

.extra-block{background:#0a0a0a;border:1px solid #222;border-left:3px solid #c8e000;border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:1.5rem 0}

.article-share{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:1.5rem 0;border-top:1px solid #1a1a1a;margin-top:2rem}
.share-btn{padding:.45rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;color:#fff}
.share-btn.whatsapp{background:#25d366}
.share-btn.facebook{background:#1877f2}
.share-btn.twitter{background:#000;border:1px solid #333}

/* Service Cards */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.services-grid-3{grid-template-columns:repeat(3,1fr)}
.service-card{background:#111;border:1px solid #222;border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}
.service-card:hover{transform:translateY(-4px);border-color:#c8e000}
.service-card-img-wrap{aspect-ratio:4/3;overflow:hidden;position:relative}
@media(max-width:767px){.service-card-img-wrap{aspect-ratio:1/1}}
.service-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.service-card:hover .service-card-img{transform:scale(1.05)}
.service-card-img-web{display:block}
.service-card-img-mobile{display:none}
@media(max-width:767px){.service-card-img-web{display:none}.service-card-img-mobile{display:block}}
.service-card-placeholder{width:100%;height:100%;background:#1a1a1a;display:flex;align-items:center;justify-content:center}
.service-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}
.service-card-title{font-size:1.05rem;font-weight:700;margin:0}.service-card-title a{color:#fff;text-decoration:none}.service-card-title a:hover{color:#c8e000}
.service-card-desc{color:#888;font-size:.875rem;flex:1;margin:0;line-height:1.5}
.service-features-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.3rem}
.service-features-list li{background:#0d1a00;color:#c8e000;font-size:.72rem;padding:2px 10px;border-radius:20px;border:1px solid #2a3a00}
.btn-outline-accent{color:#c8e000;border:1px solid #c8e000;padding:.4rem .9rem;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;margin-top:auto}
.btn-outline-accent:hover{background:#c8e000;color:#000}

/* Service Detail */
.service-detail-hero{position:relative;min-height:450px;display:flex;align-items:flex-end}
.service-hero-bg{position:absolute;inset:0;overflow:hidden}
.service-hero-img{width:100%;height:100%;object-fit:cover}
.service-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.92) 40%,rgba(0,0,0,.5) 100%)}
.service-hero-content{position:relative;z-index:2;padding:3rem 1rem 2.5rem;max-width:700px}
.service-detail-h1{font-family:'Cinzel',serif;font-size:clamp(2rem,4.5vw,3.5rem);color:#fff;margin:.5rem 0;line-height:1.2}
.service-detail-h2{color:#c8e000;font-size:1.2rem;font-weight:400;margin:.5rem 0;font-family:'Nunito',sans-serif}
.service-detail-excerpt{color:#bbb;font-size:1.05rem;max-width:600px;line-height:1.7;margin-top:.75rem}
.service-detail-layout{display:grid;grid-template-columns:1fr 280px;gap:2.5rem;align-items:start}
.service-detail-main{min-width:0}
.service-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:1.5rem}
.service-features-section h2{font-family:'Cinzel',serif;color:#c8e000;font-size:1.4rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #222}
.service-features-detail{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.service-features-detail li{background:#0d1a00;border:1px solid #1a2a00;border-radius:8px;padding:.6rem .9rem;color:#c8e000;font-size:.9rem;display:flex;align-items:center;gap:.5rem}
.service-features-detail li::before{content:'✓';color:#c8e000;font-weight:700}
.service-level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}
.service-level-card{background:#111;border:1px solid #222;border-radius:10px;padding:1.25rem}
.service-level-card h3{color:#c8e000;font-size:1rem;margin-bottom:.75rem}
.service-level-card ul{list-style:none;padding:0;margin:0}
.service-level-card li{padding:.35rem 0;color:#ccc;font-size:.875rem;border-bottom:1px solid #1a1a1a}
.service-level-card li:last-child{border:0}
.service-description{margin-top:2rem}
.wa-branch-btn{display:inline-block;background:#0d1a00;border:1px solid #c8e000;color:#c8e000;padding:.5rem 1.25rem;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;transition:background .2s}
.wa-branch-btn:hover{background:#c8e000;color:#000}

/* Gallery */
.gallery-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.gallery-tab{background:#1a1a1a;border:1px solid #333;color:#888;padding:.5rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s;font-family:'Nunito',sans-serif}
.gallery-tab.active,.gallery-tab:hover{background:#c8e000;color:#000;border-color:#c8e000}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.gallery-item{margin:0;cursor:pointer;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:4/3}
.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.gallery-overlay{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;transition:background .3s}
.gallery-item:hover .gallery-overlay{background:rgba(0,0,0,.6)}
.gallery-zoom{font-size:1.75rem;opacity:0;transform:scale(.7);transition:all .3s;color:#c8e000}
.gallery-item:hover .gallery-zoom{opacity:1;transform:scale(1)}
.gallery-overlay figcaption{color:#fff;font-size:.8rem;text-align:center;opacity:0;transition:opacity .3s;padding:0 .75rem}
.gallery-item:hover figcaption{opacity:1}

/* Contact */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
.contact-form-card{background:#111;border:1px solid #222;border-radius:12px;padding:2rem}
.contact-form-card h2{color:#fff;font-family:'Cinzel',serif;margin-bottom:.25rem}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-control{width:100%;background:#0a0a0a;border:1px solid #333;color:#fff;padding:.65rem .9rem;border-radius:8px;font-size:.95rem;font-family:'Nunito',sans-serif;transition:border-color .2s;box-sizing:border-box}
.form-control:focus{outline:0;border-color:#c8e000}
.form-group{display:flex;flex-direction:column;gap:.35rem}
.form-group label{color:#888;font-size:.875rem;font-weight:600}
.form-group select{width:100%;background:#0a0a0a;border:1px solid #333;color:#fff;padding:.65rem .9rem;border-radius:8px;font-size:.95rem;font-family:'Nunito',sans-serif;cursor:pointer}
.form-group select:focus{outline:0;border-color:#c8e000}
.alert{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}
.alert-success{background:#0d1a00;border:1px solid #2a4a00;color:#c8e000}
.alert-danger{background:#1a0000;border:1px solid #4a0000;color:#ff6b6b}
.branch-card{background:#111;border:1px solid #222;border-radius:12px;padding:1.5rem}
.branch-card-title{font-family:'Cinzel',serif;font-size:1.3rem;color:#c8e000;margin-bottom:1.25rem}
.branch-info-list{list-style:none;padding:0;margin:0 0 1.25rem}
.branch-info-list li{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #1a1a1a}
.branch-info-list li:last-child{border:0}
.branch-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}
.branch-info-list strong{display:block;color:#fff;font-size:.875rem;margin-bottom:.2rem}
.branch-info-list p{color:#888;font-size:.875rem;margin:0;line-height:1.5}
.branch-info-list a{color:#c8e000;text-decoration:none}.branch-info-list a:hover{color:#e0ff00}
.map-embed{border-radius:8px;overflow:hidden}
.map-placeholder{display:flex;align-items:center;justify-content:center;height:150px;background:#0a0a0a;border:2px dashed #333;border-radius:8px;text-decoration:none;color:#666;transition:border-color .2s}
.map-placeholder:hover{border-color:#c8e000;color:#c8e000}

/* Empty State */
.empty-state{text-align:center;padding:4rem 1rem;color:#666}

/* Admin form grids */
.form-grid-2{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}
.form-col-main{min-width:0}
.form-col-side{display:flex;flex-direction:column;gap:1rem}
.form-card{background:#111;border:1px solid #222;border-radius:12px;padding:1.5rem;margin-bottom:0}
.form-card h3{color:#c8e000;font-size:1rem;margin-bottom:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.75rem;border-bottom:1px solid #222}
.form-card h4{color:#fff;font-size:.95rem;margin-bottom:.75rem}
.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #1a1a1a}
.toggle-row:last-child{border:0}
.toggle-label{color:#ccc;font-size:.9rem}
.code-area{font-family:'Courier New',monospace;font-size:.85rem;background:#050505;border-color:#2a2a2a}
.editor-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}
.editor-toolbar button{background:#222;border:1px solid #333;color:#ccc;padding:.3rem .7rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}
.editor-toolbar button:hover{background:#c8e000;color:#000;border-color:#c8e000}
.upload-area{background:#0a0a0a;border:2px dashed #333;border-radius:8px;padding:1.5rem;text-align:center;cursor:pointer;transition:border-color .2s;color:#888;font-size:.875rem}
.upload-area:hover{border-color:#c8e000}
.current-image img{max-width:100%;border-radius:8px}
.form-actions{display:flex;flex-direction:column;gap:.5rem}
.btn-primary{background:#c8e000;color:#000;border:0;padding:.65rem 1.5rem;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;transition:background .2s}
.btn-primary:hover{background:#d4ee00}
.btn-secondary{background:#222;color:#ccc;border:1px solid #333;padding:.65rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}
.btn-secondary:hover{border-color:#c8e000;color:#c8e000}
.btn-danger{background:#1a0000;border:1px solid #4a0000;color:#ff6b6b;padding:.65rem 1.5rem;border-radius:8px;font-size:.95rem;cursor:pointer;font-family:'Nunito',sans-serif;transition:all .2s}
.btn-danger:hover{background:#ff6b6b;color:#000}
.btn-sm{padding:.35rem .75rem;font-size:.8rem}
.btn-cta{background:#c8e000;color:#000;padding:.85rem 2.5rem;border-radius:50px;font-weight:800;font-size:1.05rem;text-decoration:none;display:inline-block;transition:all .2s;border:2px solid transparent}
.btn-cta:hover{background:transparent;color:#c8e000;border-color:#c8e000}
.btn-primary-link{color:#c8e000;text-decoration:none;font-weight:600}.btn-primary-link:hover{color:#e0ff00}

/* Responsive */
@media(max-width:1024px){
    .services-grid{grid-template-columns:repeat(2,1fr)}
    .gallery-grid{grid-template-columns:repeat(3,1fr)}
    .blog-grid,.blog-grid-3{grid-template-columns:repeat(2,1fr)}
    .blog-layout{grid-template-columns:1fr}
    .article-layout{grid-template-columns:1fr}
    .service-detail-layout{grid-template-columns:1fr}
    .contact-layout{grid-template-columns:1fr}
    .form-grid-2{grid-template-columns:1fr}
}
@media(max-width:767px){
    .services-grid,.services-grid-3{grid-template-columns:1fr}
    .gallery-grid{grid-template-columns:repeat(2,1fr)}
    .blog-grid,.blog-grid-3{grid-template-columns:1fr}
    .service-features-detail{grid-template-columns:1fr}
    .service-level-grid{grid-template-columns:1fr}
    .form-row-2{grid-template-columns:1fr}
    .page-hero{padding:2.5rem 0 2rem}
    .article-hero{min-height:300px}
}
@media(max-width:480px){
    .gallery-grid{grid-template-columns:1fr 1fr}
}

/* =============================================================
   Featured 3-col services grid — responsive
   ============================================================= */
.services-feat-grid { display:grid; gap:24px; grid-template-columns:1fr; }
@media (min-width:640px)  { .services-feat-grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:960px)  { .services-feat-grid { grid-template-columns:repeat(3,1fr); } }

/* blog-grid her zaman 3 sutun (desktop) */
@media (min-width:1024px) { .blog-grid { grid-template-columns:repeat(3,1fr) !important; } }

/* ─── MOBILE MENU EK STİLLER ─── */
.navbar__mobile .mobile-section-label {
  padding: 10px 0 4px;
}
.navbar__mobile .mobile-section-label span {
  display: block; font-size: 0.72rem; font-weight: var(--fw-bold);
  color: var(--clr-accent); letter-spacing: 0.1em; text-transform: uppercase;
  padding-bottom: 4px; border-bottom: 1px solid rgba(200,224,0,0.2);
}
.navbar__mobile .mobile-sub-all a {
  color: var(--clr-accent) !important; font-size: 0.82rem;
  padding: 8px 0 8px 20px; border-left: 2px solid rgba(200,224,0,0.3); margin-left: 8px;
}

/* ─── PATCH: Mobil menüde logo kaybolma düzeltmesi ─── */
@media (max-width: 1023px) {
  .navbar {
    z-index: 100000;
    background: rgba(0, 0, 0, 0.98);
  }

  .navbar__logo {
    position: relative;
    z-index: 100002;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .navbar__logo img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    max-height: 50px;
  }

  .navbar__hamburger {
    z-index: 100003;
  }

  .navbar__mobile {
    top: var(--navbar-h);
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(100dvh - var(--navbar-h));
    padding: 10px 24px 24px;
    z-index: 99999;
  }
}

/* ─── PATCH: Hizmetler sayfası okul dersleri 3 kolon, mobil menü korunur ─── */
.services-grid-3,
.service-category-grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
  .services-grid-3,
  .service-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .services-grid-3,
  .service-category-grid {
    grid-template-columns: 1fr;
  }
}


/* Brand ring + coaching widget patch */
.navbar__logo,.footer__brand a:first-child{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px;background:radial-gradient(circle at 50% 45%, rgba(224,225,24,.16), rgba(239,139,37,.14) 52%, rgba(0,0,0,.35) 100%);border:2px solid rgba(239,139,37,.72);box-shadow:0 0 0 3px rgba(224,225,24,.08),0 0 24px rgba(239,139,37,.25)}
.navbar__logo img,.footer__brand a:first-child img{border-radius:999px;object-fit:contain;background:#211d1e;padding:5px;max-width:170px}
.coaching-widget{position:fixed;bottom:92px;z-index:9998;font-family:var(--font-body)}
.coaching-widget--right{right:18px}.coaching-widget--left{left:18px}
.coaching-widget__toggle{border:1px solid rgba(239,139,37,.7);background:linear-gradient(135deg,#e0e118,#ef8b25);color:#151515;border-radius:999px;padding:10px 15px;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.35);cursor:pointer}
.coaching-widget__panel{display:none;width:285px;margin-bottom:10px;background:rgba(16,16,16,.98);border:1px solid rgba(239,139,37,.45);border-radius:18px;padding:16px;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.coaching-widget.open .coaching-widget__panel{display:block}.coaching-widget__panel strong{color:var(--clr-accent);font-size:1.05rem}.coaching-widget__panel p{font-size:.9rem;color:var(--clr-text-muted);margin:8px 0}.coaching-widget__panel ul{margin:10px 0 14px;padding-left:18px}.coaching-widget__panel li{font-size:.9rem}.coaching-widget__panel a{display:inline-flex;background:var(--clr-accent);color:#000;border-radius:999px;padding:9px 13px;font-weight:900}
@media(max-width:767px){.coaching-widget[data-mobile="0"]{display:none}.coaching-widget{bottom:80px;right:12px;left:auto}.coaching-widget__panel{width:calc(100vw - 32px);max-width:310px}}

/* Dynamic brand/logo frame patch */
.navbar__logo--framed{width:74px;height:74px;border-radius:50%;border:2px solid var(--logo-ring-color,var(--clr-accent));padding:6px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.04),rgba(0,0,0,.92));box-shadow:0 0 0 4px rgba(201,162,39,.08),0 0 24px var(--clr-accent-glow);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.navbar__logo--framed img{width:100%;height:100%;object-fit:contain;border-radius:50%}.btn--primary{background:var(--clr-accent-dim,var(--clr-accent));border-color:var(--clr-accent-dim,var(--clr-accent))}.extra-block--wide{max-width:100%;}.extra-block--narrow{max-width:820px;margin-left:auto;margin-right:auto}.extra-block--boxed{border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:28px;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(201,162,39,.04))}.extra-block--center{text-align:center}@media(max-width:768px){.navbar__logo--framed{width:62px;height:62px}.navbar__mobile .navbar__logo--framed{width:70px;height:70px}}


/* PATCH: Profesyonel logo çerçevesi + seçilebilir sarı/gold renkler */
:root{--logo-ring-color:var(--clr-accent);}
.navbar__logo--framed,
.footer__brand a:first-child{
  width:78px!important;height:78px!important;min-width:78px!important;
  padding:7px!important;border-radius:999px!important;
  border:2px solid var(--logo-ring-color)!important;
  background:radial-gradient(circle at 50% 45%,#2a2424 0%,#161313 58%,#050505 100%)!important;
  box-shadow:0 0 0 3px rgba(201,162,39,.16),0 12px 34px rgba(0,0,0,.55),0 0 26px var(--clr-accent-glow)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;line-height:0!important;flex-shrink:0!important;
}
.navbar__logo--framed img,
.footer__brand a:first-child img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;border-radius:999px!important;background:#211d1e!important;padding:8px!important;
}
.navbar__logo:not(.navbar__logo--framed){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;}
@media(max-width:1023px){.navbar__logo--framed{width:64px!important;height:64px!important;min-width:64px!important;padding:6px!important}.navbar__logo--framed img{padding:6px!important}}
@media(max-width:767px){.footer__brand a:first-child{width:86px!important;height:86px!important;margin-bottom:16px!important}}
/* KVKK uyumlu Başarılar ve Dereceler */
.success-rankings{position:relative;overflow:hidden}.success-rankings__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.success-card{background:linear-gradient(145deg,rgba(20,20,20,.95),rgba(5,5,5,.98));border:1px solid rgba(201,162,39,.28);border-radius:26px;padding:18px;display:flex;gap:16px;min-height:220px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.success-card__media{flex:0 0 86px}.success-card__media img,.success-card__avatar{width:86px;height:86px;border-radius:50%;object-fit:cover;border:2px solid var(--clr-accent,#c8e000);box-shadow:0 0 0 6px rgba(201,162,39,.12)}.success-card__avatar{display:flex;align-items:center;justify-content:center;background:#111;color:var(--clr-accent,#c8e000);font-size:2rem}.success-card__body{min-width:0}.success-card__year{display:inline-flex;padding:4px 10px;border-radius:999px;background:rgba(201,162,39,.14);color:var(--clr-accent,#c8e000);font-weight:800;font-size:.78rem;margin-bottom:8px}.success-card h3{font-size:1.15rem;margin:0 0 6px;color:#fff}.success-card__student{color:#d8d8d8;font-weight:800;margin:0 0 10px}.success-card__rank{font-size:1.35rem;font-weight:900;color:var(--clr-accent,#c8e000);margin-bottom:8px}.success-card__line{font-size:.92rem;color:#ddd;margin:4px 0}.success-card__desc{font-size:.9rem;color:#aaa;margin:10px 0 0}@media(max-width:1024px){.success-rankings__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.success-rankings__grid{grid-template-columns:1fr}.success-card{border-radius:22px}.success-card__media{flex-basis:70px}.success-card__media img,.success-card__avatar{width:70px;height:70px}}

/* Gallery frontend professional patch */
.page-hero--compact{padding:70px 0 58px;background-size:cover;background-position:center}.page-hero--compact h1{margin-bottom:10px}.gallery-showcase{padding-top:48px}.gallery-tabs--modern{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.gallery-tabs--modern .gallery-tab{border:1px solid rgba(201,162,39,.24);background:rgba(255,255,255,.035);color:#fff;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer;transition:.2s}.gallery-tabs--modern .gallery-tab span{display:inline-flex;margin-left:6px;color:var(--clr-accent)}.gallery-tabs--modern .gallery-tab.active,.gallery-tabs--modern .gallery-tab:hover{background:var(--clr-accent);border-color:var(--clr-accent);color:#050505}.gallery-tabs--modern .gallery-tab.active span,.gallery-tabs--modern .gallery-tab:hover span{color:#050505}.gallery-category-intros{margin-bottom:24px}.gallery-category-intro{display:none;border:1px solid rgba(201,162,39,.2);border-radius:22px;padding:22px;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(201,162,39,.04))}.gallery-category-intro.active{display:block}.gallery-category-intro h2{font-size:1.35rem;color:#fff;margin:0 0 6px}.gallery-category-intro p{margin:0;color:var(--clr-text-muted)}.gallery-grid--masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(201,162,39,.22);background:#090909;cursor:pointer;min-height:260px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.gallery-card .gallery-img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .45s ease,filter .45s ease}.gallery-card:hover .gallery-img{transform:scale(1.04);filter:brightness(.72)}.gallery-card__caption{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92));color:#fff;transform:translateY(10px);transition:.25s}.gallery-card:hover .gallery-card__caption{transform:translateY(0)}.gallery-card__caption span{display:inline-flex;font-size:.75rem;font-weight:900;color:#050505;background:var(--clr-accent);border-radius:999px;padding:4px 9px;margin-bottom:8px}.gallery-card__caption strong{display:block;font-size:1.05rem;margin-bottom:4px}.gallery-card__caption p{font-size:.88rem;color:#d8d8d8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lightbox-content h3{color:#fff;margin:14px 0 4px;text-align:center}.lightbox-content p{color:#d0d0d0;text-align:center;max-width:760px;margin:0 auto}@media(max-width:1024px){.gallery-grid--masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.page-hero--compact{padding:34px 0 28px}.gallery-grid--masonry{grid-template-columns:1fr}.gallery-card .gallery-img{height:260px}.gallery-tabs--modern{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.gallery-tabs--modern .gallery-tab{white-space:nowrap}}

/* === No-loss contact + gallery fixes === */
.form-msg{margin:0 0 16px;padding:14px 16px;border-radius:14px;font-weight:700;white-space:pre-line}
.form-msg--success{background:rgba(36,180,90,.14);border:1px solid rgba(36,180,90,.35);color:#69e69a}
.form-msg--error{background:rgba(255,75,75,.12);border:1px solid rgba(255,75,75,.35);color:#ff9d9d}
.kvkk-check{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;color:#cfcfcf;font-size:.92rem;line-height:1.45;cursor:pointer}
.kvkk-check input{width:18px;height:18px;min-width:18px;margin-top:2px;accent-color:var(--clr-accent)}
.gallery-card{isolation:isolate;pointer-events:auto}
.gallery-card .gallery-img{object-fit:contain;background:#050505;object-position:center;pointer-events:none}
.gallery-card__caption{pointer-events:none;z-index:2}
.gallery-card::after{pointer-events:none}
.lightbox.active{display:flex}
.lightbox-content{max-width:96vw;max-height:94vh;text-align:center}
#lb-img{max-width:92vw;max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 25px 90px rgba(0,0,0,.55)}
.lightbox-close,.lightbox-prev,.lightbox-next{z-index:10001;cursor:pointer}
@media(min-width:900px){.gallery-card .gallery-img{height:340px}.gallery-grid--masonry{align-items:start}}
@media(max-width:640px){.gallery-card .gallery-img{height:auto;max-height:70vh;object-fit:contain}.gallery-card{min-height:auto}.gallery-card__caption{position:relative;background:#0b0b0b;transform:none}.gallery-card:hover .gallery-img{transform:none;filter:none}}


/* PATCH: iPhone dokunma alanları + mobil marka yazısı */
.navbar__brand{display:flex;align-items:center;gap:10px;min-width:0;position:relative;z-index:100004;}
.navbar__brand-text{display:none;line-height:1.05;text-decoration:none;color:var(--clr-text);white-space:nowrap;}
.navbar__brand-text strong{display:block;color:var(--clr-accent);font-weight:900;font-size:1.02rem;letter-spacing:.01em;}
.navbar__brand-text span{display:block;color:#fff;font-size:.72rem;font-weight:800;opacity:.9;margin-top:2px;}
.navbar__hamburger,.wa-float__toggle,.coaching-widget__toggle,.coaching-widget__close{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;}
.wa-float{z-index:10050;pointer-events:auto;}
.wa-float__toggle,.wa-float__menu,.wa-float__branch{pointer-events:auto;}
.coaching-widget{z-index:10040;pointer-events:auto;}
.coaching-widget__panel,.coaching-widget__toggle,.coaching-widget__cta{pointer-events:auto;}
.coaching-widget__close{position:absolute;top:8px;left:8px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:#fff;color:#111;font-weight:900;line-height:1;}
.coaching-widget__panel{position:relative;}
.coaching-widget__cta{position:relative;z-index:2;text-decoration:none;}
@media(max-width:1023px){
  .navbar__brand-text{display:block;}
  .navbar__mobile{z-index:100001;}
  .navbar__hamburger{position:relative;z-index:100005;min-width:44px;min-height:44px;}
}
@media(max-width:380px){
  .navbar__brand{gap:7px;}
  .navbar__brand-text strong{font-size:.92rem;}
  .navbar__brand-text span{font-size:.66rem;}
}


/* PATCH: Galeri tekrar eden kategori etiketi + lightbox kontrol konumları + koçluk widget UI */
.gallery-card__caption span{display:none!important;}
.gallery-card__caption:empty{display:none!important;}
.lightbox{position:fixed!important;inset:0!important;z-index:100000!important;background:rgba(0,0,0,.94)!important;align-items:center!important;justify-content:center!important;padding:18px!important;}
.lightbox.active,.lightbox.open{display:flex!important;}
.lightbox-content{position:relative!important;z-index:1!important;max-width:96vw!important;max-height:94vh!important;text-align:center!important;}
#lb-img{display:block!important;max-width:92vw!important;max-height:78vh!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:18px!important;box-shadow:0 25px 90px rgba(0,0,0,.55)!important;}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute!important;z-index:100002!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(20,20,20,.88)!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;}
.lightbox-close{top:18px!important;right:18px!important;left:auto!important;width:42px!important;height:42px!important;border-radius:12px!important;font-size:20px!important;line-height:1!important;}
.lightbox-prev,.lightbox-next{top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;border-radius:999px!important;font-size:34px!important;line-height:1!important;}
.lightbox-prev{left:18px!important;right:auto!important;}
.lightbox-next{right:18px!important;left:auto!important;}
.coaching-widget__panel{position:relative!important;padding:18px!important;padding-top:22px!important;}
.coaching-widget__close{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;width:34px!important;height:34px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#111!important;font-weight:900!important;line-height:1!important;z-index:3!important;}
.coaching-widget__head{padding-right:42px!important;}
.coaching-widget__random{color:#25D366!important;font-weight:900!important;}
@media(max-width:640px){
  .lightbox{padding:12px!important;}
  #lb-img{max-width:94vw!important;max-height:74vh!important;border-radius:14px!important;}
  .lightbox-close{top:12px!important;right:12px!important;width:40px!important;height:40px!important;}
  .lightbox-prev,.lightbox-next{width:42px!important;height:42px!important;font-size:30px!important;background:rgba(20,20,20,.72)!important;}
  .lightbox-prev{left:10px!important;}
  .lightbox-next{right:10px!important;}
}

/* PATCH: non-index mobile tap layer fix */
@media (max-width: 1023px) {
  .navbar,
  .navbar__inner,
  .navbar__brand,
  .navbar__logo,
  .navbar__brand-text,
  .navbar__hamburger {
    pointer-events: auto !important;
  }

  .navbar {
    z-index: 2147483000 !important;
    transform: translateZ(0);
  }

  .navbar__hamburger {
    position: relative !important;
    z-index: 2147483001 !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .navbar__mobile {
    position: fixed !important;
    z-index: 2147482999 !important;
    pointer-events: auto !important;
  }

  .gallery-card__caption,
  .page-hero::before,
  .service-hero::before,
  .article-hero::before,
  .hero__bg,
  .hero__bg::after,
  .footer__waves {
    pointer-events: none !important;
  }
}

.wa-float {
  position: fixed !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  z-index: 2147482000 !important;
  pointer-events: auto !important;
  transform: translateZ(0);
}
.wa-float__toggle,
.wa-float__menu,
.wa-float__branch {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.coaching-widget {
  position: fixed !important;
  z-index: 2147481999 !important;
  pointer-events: auto !important;
  transform: translateZ(0);
}
.coaching-widget__toggle,
.coaching-widget__panel,
.coaching-widget__close,
.coaching-widget__cta {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}


/* Header Notice + Campaign Popup */

.coaching-widget__campaign{margin-top:14px;border:1px solid rgba(200,224,0,.22);border-radius:16px;padding:12px;background:rgba(200,224,0,.08)}
.coaching-widget__campaign img{width:100%;max-height:130px;object-fit:cover;border-radius:12px;margin-bottom:10px;display:block}
.coaching-widget__campaign span{display:inline-flex;font-size:.72rem;font-weight:800;color:var(--clr-accent,#c8e000);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.coaching-widget__campaign strong{display:block;color:#fff;font-size:.98rem;margin-bottom:5px}
.coaching-widget__campaign p{font-size:.86rem;line-height:1.45;margin:0 0 10px;color:#ddd}
.coaching-widget__campaign a{display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:999px;background:var(--clr-accent,#c8e000);color:#111;font-weight:900;text-decoration:none;padding:8px 12px;font-size:.86rem}

.header-notice{background:var(--notice-bg,#c8a000);color:var(--notice-fg,#fff);font-weight:700;position:relative;z-index:10010;overflow:hidden}
.header-notice__inner{min-height:40px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:.93rem;line-height:1.35;padding-inline:12px}
.header-notice__icon{font-size:1rem;opacity:.9;flex-shrink:0}
.header-notice__text a,.header-notice__inner a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:900}
.header-notice__btn{display:inline-flex;align-items:center;background:rgba(0,0,0,.22);color:inherit;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 12px;font-size:.82rem;font-weight:700;white-space:nowrap;text-decoration:none!important;transition:background .2s}
.header-notice__btn:hover{background:rgba(0,0,0,.4)}
.header-notice__close{margin-left:6px;flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.18);color:inherit;font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.header-notice--marquee .header-notice__inner{justify-content:flex-start;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}
.header-notice__marquee-wrap{overflow:hidden;flex:1;min-width:0}
.header-notice__marquee-track{display:inline-block;white-space:nowrap;animation:hn-marquee 22s linear infinite}
@keyframes hn-marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.header-notice__countdown{display:inline-flex;align-items:baseline;gap:4px;font-weight:900;font-variant-numeric:tabular-nums;background:rgba(0,0,0,.18);border-radius:8px;padding:2px 10px;font-size:.92rem;flex-shrink:0}
.campaign-popup[hidden]{display:none!important}
.campaign-popup{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;pointer-events:auto;animation:cp-in .3s ease}
@keyframes cp-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.campaign-popup__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}
.campaign-popup__dialog{position:relative;width:min(560px,100%);background:#111;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.65);border-radius:24px;padding:32px;color:#fff;z-index:1;max-height:90vh;overflow-y:auto}
.campaign-popup__dialog h2{font-size:1.6rem;margin:0 42px 14px 0;color:var(--clr-accent,#c8e000);line-height:1.2}
.campaign-popup__text{color:#e0e0e0;line-height:1.7;font-size:1rem;margin-bottom:22px}
.campaign-popup__text p{margin:0 0 10px}
.campaign-popup__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#1a1a1a;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}
.campaign-popup__close:hover{background:#333}
.campaign-popup__button{width:100%;justify-content:center}
.campaign-popup--video .campaign-popup__dialog{width:min(820px,100%);background:#000;border-color:rgba(255,255,255,.1);padding:0;border-radius:18px;overflow:hidden}
.campaign-popup--video .campaign-popup__close{top:10px;right:10px;background:rgba(0,0,0,.7);z-index:10}
.campaign-popup--video h2{padding:16px 48px 0 20px;margin:0 0 0;font-size:1.3rem}
.campaign-popup__video-wrap{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}
.campaign-popup__video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.campaign-popup__image{width:100%;border-radius:14px 14px 0 0;display:block;max-height:300px;object-fit:cover}
@media(max-width:768px){.header-notice__inner{font-size:.82rem;min-height:36px;padding-block:6px}.campaign-popup__dialog{padding:22px 18px;border-radius:18px}.campaign-popup__dialog h2{font-size:1.3rem}.campaign-popup--video .campaign-popup__dialog{border-radius:14px}}