/* styles.v8.css — v13 baseline */
.hero-content img:not(.hero-logo-main){display:none !important}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:1.25rem;align-items:stretch}
.service-card{display:flex}
.service-content{display:flex;flex-direction:column;width:100%}
.btn.btn-service{margin-top:auto}
@media(max-width:1024px){.service-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:640px){.service-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .goog-te-gadget,.goog-te-gadget-simple,.goog-te-combo,#google_translate_element,
  .gt_switcher,.gtranslate_wrapper,.language-switcher,.lang-switcher,.navbar-lang-btn,
  [class*='translate'],[class*='lang-'],[class^='lang-']{
    position:fixed !important; left:12px !important; right:auto !important;
    top: calc(env(safe-area-inset-top) + 84px) !important; z-index:3000 !important;
    max-width:48vw !important; min-width:110px !important; transform:none !important;
  }
  .hero{min-height:74vh}
  .hero-image{object-position:center 46%}
  .hero-content{padding-top:6vh;padding-bottom:5vh}
  .hero-logo-main{height:clamp(80px,16vw,140px)}
  .hero-subtitle{max-width:90%;font-size:0.96rem;line-height:1.45;margin:8px auto 12px;color:#e5e7eb}
  .hero-content p.hero-subtitle + p.hero-subtitle{display:none !important}
  .hero-content p.hero-subtitle:nth-of-type(n+2){display:none !important}
}
body{background:#0b0f14;color:#e5e7eb;scroll-padding-bottom:72px}

/* mirror hero overrides */

/* INLINE override to ensure visibility regardless of external CSS load order */
.hero { position: relative; }
.hero-mark{position:absolute;top:18%;left:50%;transform:translateX(-50%);z-index:1000;width:100%;text-align:center;pointer-events:none;}
.hero-mark img.hero-logo-heroimg{display:inline-block;width:clamp(360px,48vw,760px);height:auto;filter:drop-shadow(0 10px 26px rgba(0,0,0,.4));outline:2px dashed rgba(255,255,255,.7);outline-offset:4px;}
.hero .hero-subtitle{margin-top:140px;}


/* mirror v22 clean overrides */

/* INLINE hero logo (final clean v22) */
.hero { position: relative; }
.hero-overlay { z-index: 0 !important; }
.hero .hero-content { position: relative; z-index: 1 !important; }
.hero-mark{
  position:absolute !important;
  top: 18% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  width: clamp(420px, 50vw, 820px) !important;
  height: clamp(120px, 16vw, 230px) !important;
  pointer-events: none !important;
  background-image: url('assets/hero-logo-cut.png') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;        /* no box, only drop-shadow on image look */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.hero .hero-subtitle{ margin-top: 160px !important; }



/* === HERO LOGO v25 === */
.hero { position: relative; }
.hero-logo {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: auto;
  z-index: 20;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,0.45));
  pointer-events: none;
}
@media (max-width: 640px) {
  .hero-logo { width: 207px; top: 40%; }
}
/* Ensure subtitle does not overlap too closely */
.hero .hero-subtitle { margin-top: 18px; }



/* === Gijs: service grid responsive & text fit tweaks === */
.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}
@media (min-width: 1440px){
  .service-grid{grid-template-columns:repeat(6, minmax(0,1fr));}
}
.service-card{overflow:hidden}
.service-content{display:flex;flex-direction:column;gap:8px;height:100%}
.service-content p{word-break:break-word;overflow-wrap:anywhere;line-height:1.35}
.service-features{margin-top:auto}
.service-features li{word-break:break-word;overflow-wrap:anywhere;line-height:1.35}
.btn.btn-service{margin-top:12px}
/* === end tweaks === */


/* === Gijs: service-card text fit & button wrap === */
.service-card h3{font-size:20px;line-height:1.2;hyphens:auto;overflow-wrap:anywhere;margin:0 0 6px}
@media (max-width: 1280px){ .service-card h3{font-size:18px} }
.service-content p{font-size:14px}
.service-features li{font-size:14px}
.btn.btn-service{font-size:16px;line-height:1.2;padding:10px 12px;white-space:normal;overflow-wrap:anywhere;width:100%}
/* === end === */


/* === Gijs: tighter headings/buttons to prevent wrap === */
.service-card h3{font-size:18px;line-height:1.2}
@media (max-width: 1280px){ .service-card h3{font-size:17px} }
.btn.btn-service{font-size:15px;padding:10px 12px}
/* === end === */


/* === Gijs: compact headings & buttons v2 === */
.service-card h3{font-size:16px;line-height:1.18;letter-spacing:0.1px}
@media (max-width: 1280px){ .service-card h3{font-size:15px} }
.service-content p{font-size:13.5px;line-height:1.35}
.service-features li{font-size:13.5px;line-height:1.35}
.btn.btn-service{font-size:14px;padding:9px 12px}
/* === end v2 === */


/* === Footer legal bar === */
.site-footer{margin-top:40px;border-top:1px solid #2a2a2a;background:#0f0f10}
.site-footer .footer-container{max-width:1100px;margin:0 auto;padding:18px 20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}
.site-footer .brand{font-weight:600;opacity:.9;margin-right:12px}
.site-footer ul.footer-legal{list-style:none;display:flex;gap:18px;margin:0;padding:0}
.site-footer ul.footer-legal li{margin:0}
.site-footer ul.footer-legal a{color:#9db4ff;text-decoration:none}
.site-footer ul.footer-legal a:hover{text-decoration:underline}
@media (max-width:640px){
  .site-footer .footer-container{justify-content:center}
}


/* === Compact affiliate mini bar === */
.aff-bar{display:flex;align-items:center;gap:10px;background:#111215;border:1px solid #26272b;
  padding:10px 12px;border-radius:10px;margin:10px 0 14px 0;font-size:.95rem;opacity:.92}
.aff-bar .aff-dot{width:8px;height:8px;border-radius:999px;background:#7aa2ff;display:inline-block}