/* Generated inner-page subset of magic.css. Source: magic.css; do not edit manually. */
:root {
  --avm-brand: #126f9a;
  --avm-brand-dark: #0d3850;
  --avm-brand-deep: #071f2d;
  --avm-accent: #8a2f8f;
  --avm-cyan: #40c6df;
  --avm-ink: #17252f;
  --avm-muted: #62717a;
  --avm-surface: #ffffff;
  --avm-soft: #f3f8fa;
  --avm-border: rgba(20, 78, 103, .13);
  --avm-shadow: 0 18px 55px rgba(9, 48, 68, .12);
  --avm-shadow-sm: 0 10px 30px rgba(9, 48, 68, .09);
  --avm-radius: 24px;
  --avm-radius-sm: 16px;
}

html { scroll-behavior: smooth; }
body {
  color: var(--avm-ink);
  background: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

::selection { background: rgba(64, 198, 223, .28); color: var(--avm-brand-deep); }

.olb-header-wrapper {
  position: relative;
  z-index: 90;
  background: rgba(255, 255, 255, .97);
  border-bottom: 1px solid rgba(18, 111, 154, .08);
  box-shadow: 0 8px 30px rgba(7, 31, 45, .06);
}

.olb-header-wrapper .olb-logo img {
  transition: transform .28s ease, filter .28s ease;
}
.olb-header-wrapper .olb-logo a:hover img { transform: translateY(-2px); filter: saturate(1.08); }

.olb-header-wrapper nav > ul > li > a,
.olb-header-wrapper nav .menu > li > a {
  position: relative;
  transition: color .25s ease, background-color .25s ease;
}
.olb-header-wrapper nav > ul > li > a::after,
.olb-header-wrapper nav .menu > li > a::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 4px;
  height: 2px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--avm-brand), var(--avm-cyan));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}
.olb-header-wrapper nav > ul > li:hover > a::after,
.olb-header-wrapper nav .menu > li:hover > a::after,
.olb-header-wrapper nav .current-menu-item > a::after { transform: scaleX(1); }

.avm-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: var(--avm-brand);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.2;
  text-transform: uppercase;
}
.avm-eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--avm-brand), var(--avm-cyan));
}

.avm-btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: none;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease;
}
.avm-btn img { width: 19px; height: 19px; object-fit: contain; }
.avm-btn--primary img { filter: brightness(0) invert(1); }
.avm-btn:hover { transform: translateY(-2px); }
.avm-btn:focus-visible { outline: 3px solid rgba(64, 198, 223, .38); outline-offset: 3px; }
.avm-btn--primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--avm-brand), #0a4e72);
  box-shadow: 0 12px 26px rgba(18, 111, 154, .28);
}
.avm-btn--primary:hover { color: #fff !important; box-shadow: 0 16px 34px rgba(18, 111, 154, .34); }
.avm-btn--whatsapp {
  color: #fff !important;
  background: linear-gradient(135deg, #1ca66a, #128355);
  box-shadow: 0 12px 26px rgba(18, 131, 85, .24);
}
.avm-btn--outline {
  color: var(--avm-brand-dark) !important;
  border-color: rgba(18, 111, 154, .24);
  background: rgba(255, 255, 255, .9);
}
.avm-btn--outline:hover { border-color: var(--avm-brand); background: #fff; box-shadow: var(--avm-shadow-sm); }

.avm-link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--avm-brand-dark) !important;
  font-weight: 700;
  text-decoration: none !important;
}
.avm-link-arrow span { transition: transform .22s ease; }
.avm-link-arrow:hover span { transform: translateX(4px); }

/* Contact page */

































.bank-logo {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  margin: 22px 0 18px;
  padding: 15px 20px;
  border-radius: 15px;
  background: #fff;
}
.bank-logo img { display: block; max-width: 100%; height: 48px; }
.bank-details { display: grid; gap: 1px; margin: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); border-radius: 16px; background: rgba(255, 255, 255, .12); }
.bank-details > div { padding: 14px 17px; background: rgba(255, 255, 255, .055); }
.bank-details dt { margin: 0 0 3px; color: rgba(255, 255, 255, .62); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.bank-details dd { margin: 0; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.55; overflow-wrap: anywhere; }
.copy-iban {
  width: 100%;
  margin-top: 16px;
  padding: 13px 18px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, .09);
  font-weight: 700;
  transition: background-color .22s ease, transform .22s ease;
}
.copy-iban:hover, .copy-iban.is-copied { transform: translateY(-1px); background: rgba(255, 255, 255, .17); }
.copy-iban:focus-visible { outline: 3px solid rgba(158, 234, 251, .45); outline-offset: 3px; }
.bank-note { margin: 16px 0 0; color: rgba(255, 255, 255, .62); font-size: 12px; line-height: 1.6; }







/* Homepage */







































































/* General inner page polish */
.page-content { padding-top: clamp(42px, 6vw, 78px); padding-bottom: clamp(60px, 8vw, 100px); background: linear-gradient(180deg, #f7fafb 0, #fff 230px); }
.page-content .sidebar > div,
.page-content .sidebar > ul,
.page-content .sidebar .menu { overflow: hidden; border: 1px solid var(--avm-border); border-radius: 18px; background: #fff; box-shadow: var(--avm-shadow-sm); }
.page-content .sidebar .menu a { transition: color .2s ease, background-color .2s ease, transform .2s ease; }
.page-content .sidebar .menu a:hover { color: var(--avm-brand); background: #f3fafc; transform: translateX(3px); }
.page-content .content article { padding: clamp(24px, 4vw, 42px); border: 1px solid var(--avm-border); border-radius: var(--avm-radius); background: #fff; box-shadow: var(--avm-shadow-sm); }
.page-content .content article > h1 { color: var(--avm-brand-deep); font-weight: 800; letter-spacing: -.03em; }
.page-content .content article img { border-radius: 16px; }

footer .footer-main { background: linear-gradient(180deg, #f5fafc, #eef6f8); border-top: 1px solid rgba(18, 111, 154, .08); }
footer .footer-main h4 { color: var(--avm-brand-deep); }
footer .footer-main a { transition: color .2s ease, transform .2s ease; }
footer .footer-main a:hover { color: var(--avm-brand); }
footer .social-links a { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: transform .2s ease, background-color .2s ease; }
footer .social-links a:hover { transform: translateY(-2px); }
footer .footer-copyright { background: var(--avm-brand-deep); }

#footerMobile { box-shadow: 0 -10px 30px rgba(7, 31, 45, .12); }
#footerMobile a { transition: filter .2s ease; }
#footerMobile a:hover { filter: brightness(1.05); }

.avm-reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.avm-reveal.is-visible { opacity: 1; transform: none; }



@media (max-width: 767px) {
  .olb-header-wrapper { position: relative; }
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  .page-content .content article { padding: 22px 18px; border-radius: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .avm-reveal { opacity: 1; transform: none; }
}


/* --------------------------------------------------------------------------
   Avrupa Misting — premium homepage showcase and integrated footer
   -------------------------------------------------------------------------- */













.avm-btn__arrow {
  margin-left: auto;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
  transition: transform .22s ease;
}
















/* The footer now follows the showcase without the old oversized white gap. */
.avm-site-footer { position: relative; margin: 0; }
.avm-site-footer .footer-main {
  padding: clamp(45px, 5vw, 70px) 0;
  border-top: 1px solid rgba(18, 111, 154, .11);
  background: linear-gradient(180deg, #f7fbfd 0%, #eef7fa 100%);
}
.avm-footer-grid { row-gap: 30px; }
.avm-site-footer .footer-field { color: #526b79; }
.avm-site-footer .footer-field > * { margin-bottom: 0; }
.avm-site-footer .footer-field h2,
.avm-site-footer .footer-field h3,
.avm-site-footer .footer-field h4,
.avm-site-footer .footer-field .widget-title {
  position: relative;
  margin: 0 0 18px;
  padding-left: 22px;
  color: #0b5f87 !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .075em;
  line-height: 1.35;
  text-transform: uppercase;
}
.avm-site-footer .footer-field h2::before,
.avm-site-footer .footer-field h3::before,
.avm-site-footer .footer-field h4::before,
.avm-site-footer .footer-field .widget-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: .35em;
  width: 11px;
  height: 11px;
  border: 2px solid #1482ad;
  border-radius: 50%;
  box-shadow: 5px 5px 0 -3px #3fc2dc;
}
.avm-site-footer .footer-field p,
.avm-site-footer .footer-field li,
.avm-site-footer .footer-field a {
  color: #526b79 !important;
  font-size: 14px;
  line-height: 1.72;
}
.avm-site-footer .footer-field ul { margin: 0; padding: 0; list-style: none; }
.avm-site-footer .footer-field li { margin: 0 0 5px; }
.avm-site-footer .footer-field a { text-decoration: none; }
.avm-site-footer .footer-field a:hover { color: #0874a2 !important; transform: none; }
.avm-footer-bar { background: linear-gradient(100deg, #063b5a, #0b648d); }
.avm-footer-bar__inner {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
  min-height: 90px;
  align-items: center;
  gap: 30px;
}
.avm-footer-brand { display: inline-flex; width: fit-content; align-items: center; color: #fff !important; text-decoration: none !important; }
.avm-footer-brand img { width: auto; max-width: 178px; max-height: 52px; object-fit: contain; filter: brightness(0) invert(1); }
.avm-footer-brand span { color: #fff; font-size: 20px; font-weight: 800; letter-spacing: .04em; }
.avm-footer-brand strong { color: #6fe5ff; }
.avm-footer-tagline { margin: 0; color: rgba(255, 255, 255, .68); font-size: 14px; letter-spacing: .025em; text-align: center; }
.avm-footer-tagline span { margin: 0 8px; color: rgba(255, 255, 255, .3); }
.avm-footer-social { display: flex; justify-content: flex-end; gap: 9px; }
.avm-footer-social a {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  background: rgba(255, 255, 255, .08);
  transition: transform .2s ease, background-color .2s ease;
}
.avm-footer-social a:hover { transform: translateY(-2px); background: rgba(255, 255, 255, .16); }
.avm-footer-social img { width: 18px; height: 18px; filter: brightness(0) invert(1); }
.avm-site-footer .footer-copyright { padding: 13px 0; background: #062f47; }
.avm-site-footer .copyright { display: flex; align-items: center; justify-content: space-between; gap: 20px; text-align: left; }
.avm-site-footer .copyright p { margin: 0; color: rgba(255, 255, 255, .58); font-size: 12px; }
.avm-site-footer .copyright a { color: rgba(255, 255, 255, .82); }


@media (max-width: 991.98px) {
  
  
  
  
  
  
  .avm-footer-bar__inner { grid-template-columns: 1fr; gap: 14px; padding: 25px 0; text-align: center; }
  .avm-footer-brand { margin: 0 auto; }
  .avm-footer-social { justify-content: center; }
}
@media (max-width: 767.98px) {
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .avm-site-footer .footer-main { padding: 42px 0; }
  .avm-site-footer .copyright { flex-direction: column; gap: 4px; text-align: center; }
}


/* --------------------------------------------------------------------------
   2026-06-28 — premium header balance + concise homepage media section
   -------------------------------------------------------------------------- */
header.olb-header-wrapper {
  padding: 0;
  border-top: 4px solid transparent;
  border-image: linear-gradient(90deg, var(--avm-brand-deep), var(--avm-brand), var(--avm-cyan)) 1;
  background: rgba(255, 255, 255, .985);
  box-shadow: 0 12px 34px rgba(7, 31, 45, .08);
}

header.olb-header-wrapper .container {
  max-width: 1420px;
}

header.olb-header-wrapper .container .row.main-header {
  min-height: 148px;
  margin-right: -10px;
  margin-left: -10px;
}

header.olb-header-wrapper .container .row.main-header .olb-logo {
  display: flex;
  align-items: center;
  padding-right: 24px;
  padding-left: 10px;
}

header.olb-header-wrapper .container .row.main-header .olb-logo a {
  display: inline-flex;
  align-items: center;
  min-height: 108px;
  padding: 7px 0;
}

header.olb-header-wrapper .container .row.main-header .olb-logo a img {
  width: 194px;
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 7px 12px rgba(7, 31, 45, .08));
}

header.olb-header-wrapper .container .row.main-header .olb-main-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  padding-right: 10px;
}

header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-secondary-menu {
  min-height: 48px;
  margin-bottom: 9px;
}













header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-header-right {
  padding: 0;
}

header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-header-right nav ul {
  gap: 3px;
  margin: 0;
}

header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-header-right nav ul li {
  padding: 0 2px;
}

header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-header-right nav ul li a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  padding: 0 11px;
  border-radius: 11px;
  color: var(--avm-brand-deep);
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .025em;
  line-height: 1.2;
}

header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-header-right nav ul li a:hover,
header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-header-right nav ul li.current-menu-item > a,
header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-header-right nav ul li.current-menu-ancestor > a {
  color: var(--avm-brand);
  background: rgba(18, 111, 154, .065);
}

header.olb-header-wrapper nav > ul > li > a::after,
header.olb-header-wrapper nav .menu > li > a::after {
  left: 12px;
  right: 12px;
  bottom: 3px;
}

header.olb-header-wrapper .social-links.mobile-hidden {
  display: none;
}















@media (max-width: 1399px) and (min-width: 993px) {
  header.olb-header-wrapper .container .row.main-header {
    min-height: 136px;
  }
  header.olb-header-wrapper .container .row.main-header .olb-logo a img {
    width: 184px;
  }
  header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-header-right nav ul li a {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12px;
  }
  
}

@media (max-width: 992px) {
  header.olb-header-wrapper {
    border-top-width: 3px;
  }
  header.olb-header-wrapper .container .row.main-header {
    min-height: 96px;
  }
  header.olb-header-wrapper .container .row.main-header .olb-logo {
    padding-right: 8px;
  }
  header.olb-header-wrapper .container .row.main-header .olb-logo a {
    min-height: 78px;
  }
  header.olb-header-wrapper .container .row.main-header .olb-logo a img {
    width: 164px;
  }
  header.olb-header-wrapper .container .row.main-header .olb-main-menu .olb-header-right {
    min-height: 78px;
  }
  header.olb-header-wrapper .container .row.main-header .olb-main-menu .mobile-menu {
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--avm-brand), var(--avm-brand-dark));
    box-shadow: 0 10px 24px rgba(18, 111, 154, .22);
  }
  
}

@media (max-width: 575px) {
  header.olb-header-wrapper .container .row.main-header {
    min-height: 86px;
  }
  header.olb-header-wrapper .container .row.main-header .olb-logo a img {
    width: 142px;
  }
  
  
  
}

/* --------------------------------------------------------------------------
   Service detail image stability + homepage service cards (2026-06-28)
   -------------------------------------------------------------------------- */
.page-content .content #olb-product-slider-container {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 320px;
  margin: 0 0 30px;
  border-radius: 20px;
  background: linear-gradient(135deg, #eef7fb, #f8fbfd);
  box-shadow: 0 18px 46px rgba(13, 61, 84, .10);
}

.page-content .content .olb-product-slider {
  width: 100%;
  height: 100%;
}

.page-content .content .olb-product-slider:not(.tns-slider) > img:not(:first-child) {
  display: none !important;
}

.page-content .content .olb-product-slider:not(.tns-slider) > img:first-child,
.page-content .content .olb-product-slider.tns-slider > img,
.page-content .content .olb-product-slider .tns-item {
  width: 100%;
  height: 100%;
  min-height: 320px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.page-content .content .post_thumbnail {
  overflow: hidden;
  border-radius: 20px;
  background: #eef7fb;
  box-shadow: 0 18px 46px rgba(13, 61, 84, .10);
}

.page-content .content .post_thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 620px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.page-content .content .avm-editorial-link {
  color: #086d9d;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.page-content .content .avm-editorial-link:hover {
  color: #074b70;
}























































@media (max-width: 991px) {
  .page-content .content #olb-product-slider-container,
  .page-content .content .olb-product-slider:not(.tns-slider) > img:first-child,
  .page-content .content .olb-product-slider.tns-slider > img,
  .page-content .content .olb-product-slider .tns-item {
    min-height: 280px;
  }

  

  

  
}

@media (max-width: 767px) {
  .page-content .content #olb-product-slider-container,
  .page-content .content .olb-product-slider:not(.tns-slider) > img:first-child,
  .page-content .content .olb-product-slider.tns-slider > img,
  .page-content .content .olb-product-slider .tns-item {
    min-height: 220px;
    aspect-ratio: 4 / 3;
  }

  

  

  

  

  

  
}

/* === HOMEPAGE REFERENCE VIDEOS + SIGNATURE MODULE REFRESH - 2026-06-29 === */

































/* === CINEMATIC REFERENCE GALLERY V2 - 2026-06-29 === */
































/* Remove legacy reference-card pseudo elements from the cinematic cards. */





/* Keep every cinematic card inside its CSS-grid track. */