/*
Theme Name: HiBA Kreatif Ajans
Theme URI: https://hibaelektrik.com.tr/
Author: HiBA Elektrik
Author URI: https://hibaelektrik.com.tr/
Description: Kreatif reklam ajansları için modern, cesur ve mobil uyumlu WordPress teması. Ön sayfa; güçlü hero alanı, öne çıkan çözümler, hizmetler, süreç, referans projeler, yorumlar ve CTA bölümleri ile gelir. Hizmetler ve projeler için özel içerik türleri içerir.
Version: 9.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hiba-elektrik
Tags: custom-logo, custom-menu, featured-images, translation-ready, blog, one-column, two-columns
*/

/* ===========================
   Base
   =========================== */
:root{
  --hiba-navy:#0b1f3b;
  --hiba-navy-2:#0f2b55;
  --hiba-blue:#1f5fae;
  --hiba-yellow:#ffc400;
  --hiba-yellow-2:#ffb300;
  --hiba-bg:#f5f8ff;
  --hiba-card:#ffffff;
  --hiba-text:#0b1f3b;
  --hiba-muted:#5a6f86;
  /* Kare / köşeli tasarım için radius kapatıldı */
  --radius:0px;
  --shadow:0 16px 40px rgba(11,31,59,.14);
  --shadow-sm:0 10px 24px rgba(11,31,59,.12);
  --container:1200px;
}

*,
*::before,
*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }
html.no-scroll, html.no-scroll body{ overflow:hidden; }

body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--hiba-text);
  background:var(--hiba-bg);
  line-height:1.6;
}

img{ max-width:100%; height:auto; }

a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:underline; color: var(--hiba-blue); }

p{ margin:0 0 1rem; color:var(--hiba-muted); }

h1,h2,h3,h4{ margin:0 0 .75rem; line-height:1.2; letter-spacing:-.02em; color:var(--hiba-text); }
h1{ font-size: clamp(2rem, 3vw, 3.25rem); }
h2{ font-size: clamp(1.5rem, 2.3vw, 2.25rem); }
h3{ font-size: 1.125rem; }

.container{
  width: min(var(--container), calc(100% - 2rem));
  margin-inline:auto;
}

/* WordPress core */
.alignwide{ width: min(1100px, 100%); margin-inline:auto; }
.alignfull{ width: 100%; }
.wp-block-image img{ border-radius: 0; }
.wp-caption{ max-width:100%; }

/* ===========================
   Utilities
   =========================== */
.visually-hidden{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}

.section{
  padding: clamp(2.5rem, 4vw, 4.25rem) 0;
}

.card{
  background:var(--hiba-card);
  border-radius: 0;
  box-shadow: var(--shadow-sm);
  border: 1px solid rgba(15,43,85,.07);
}

.badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem .75rem;
  border-radius: 0;
  background:rgba(255,196,0,.14);
  border:1px solid rgba(255,196,0,.35);
  color:var(--hiba-navy);
  font-weight:600;
  font-size:.9rem;
}

.badge svg{ width:18px; height:18px; color:var(--hiba-yellow); }

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding: .9rem 1.25rem;
  border-radius: 0;
  font-weight:800;
  letter-spacing:.01em;
  border:1px solid transparent;
  transition: transform .08s ease, box-shadow .2s ease, background .2s ease;
  cursor:pointer;
  text-decoration:none !important;
}

.btn:active{ transform: translateY(1px); }

.btn-primary{
  background: linear-gradient(180deg, var(--hiba-yellow), var(--hiba-yellow-2));
  color: #1b2435;
  box-shadow: 0 12px 24px rgba(255,196,0,.22);
}
.btn-primary:hover{ box-shadow: 0 16px 30px rgba(255,196,0,.28); }

.btn-secondary{
  background: rgba(255,255,255,.72);
  border-color: rgba(15,43,85,.15);
  color: var(--hiba-navy);
  backdrop-filter: blur(6px);
}
.btn-secondary:hover{ background: rgba(255,255,255,.92); }

.btn-link{
  background: transparent;
  border-color: rgba(15,43,85,.15);
  color: var(--hiba-navy);
}
.btn-link:hover{ background: rgba(11,31,59,.04); text-decoration:none; }

/* ===========================
   Header / Nav
   =========================== */
.skip-link{
  position:absolute;
  left:-999px;
  top:auto;
  width:1px; height:1px;
  overflow:hidden;
}
.skip-link:focus{
  left:1rem; top:1rem;
  width:auto; height:auto;
  background:#fff;
  padding:.75rem 1rem;
  border-radius: 0;
  box-shadow: var(--shadow-sm);
  z-index:9999;
}

.site-header{
  position: sticky;
  top:0;
  z-index: 50;
  background: rgba(245,248,255,.78);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(15,43,85,.10);
}

.header-inner{
  display:flex;
  align-items:center;
  /* Align menus to the right side (next to CTA) */
  justify-content:flex-start;
  padding: .85rem 0;
  gap: 1rem;
}

.brand{
  display:flex;
  align-items:center;
  gap:.8rem;
  min-width: 220px;
}
.brand img{ height:39px; width:auto; }

.site-title{
  font-size:1.1rem;
  font-weight:900;
  margin:0;
}
.site-description{
  margin:0;
  font-size:.85rem;
  color:var(--hiba-muted);
}

.nav-wrap{
  display:flex;
  align-items:center;
  gap:1rem;
  /* push nav (and hamburger) to the right */
  margin-left:auto;
}

.search-toggle{
  width:44px; height:44px;
  border-radius: 0;
  border:1px solid rgba(15,43,85,.15);
  background: rgba(255,255,255,.7);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.search-toggle .icon-svg{ display:inline-flex; }

/* --------------------------------------------------------------------------
 * ICON BASELINE
 * Theme icons are inline SVG files wrapped in .icon-svg.
 * Provide a safe default size + baseline so icons don't overflow layouts.
 * Context-specific rules below can override these.
 * ----------------------------------------------------------------------- */
.icon-svg{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 auto;}
.icon-svg svg{width:1em;height:1em;display:block;}
.search-toggle svg{ width:18px; height:18px; }

.primary-menu{
  list-style:none;
  display:flex;
  gap:.25rem;
  margin:0;
  padding:0;
  align-items:center;
}

.primary-menu a{
  display:inline-flex;
  padding:.78rem .9rem 1rem;
  border-radius: 0;
  font-weight:800;
  color:var(--hiba-navy);
  text-decoration:none;
  position:relative;
}
.primary-menu a:hover{
  text-decoration:none;
  color:var(--hiba-navy);
}
.primary-menu a::after{
  content:'';
  position:absolute;
  left:.9rem;
  right:.9rem;
  bottom:.58rem;
  height:2px;
  background:var(--hiba-yellow);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.primary-menu .current-menu-item > a,
.primary-menu .current_page_item > a,
.primary-menu .current-menu-ancestor > a{
  color:var(--hiba-navy);
}
.primary-menu .current-menu-item > a::after,
.primary-menu .current_page_item > a::after,
.primary-menu .current-menu-ancestor > a::after{
  transform:scaleX(1);
}


/* Dropdown (desktop) */
.primary-menu li{ position:relative; }
.primary-menu li.menu-item-has-children > a{ padding-right: 2.1rem; }
.primary-menu li.menu-item-has-children > a:after{
  content:'';
  position:absolute;
  right:.75rem;
  top:50%;
  width:10px;
  height:10px;
  transform:translateY(-45%) rotate(45deg);
  border-right:2px solid rgba(15,43,85,.75);
  border-bottom:2px solid rgba(15,43,85,.75);
  opacity:.8;
}
.primary-menu li.menu-item-has-children > a{ position:relative; }
.primary-menu .submenu-toggle{
  display:none;
  width:38px; height:38px;
  margin-left:-.35rem;
  border:0;
  background:transparent;
  border-radius: 0;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.primary-menu .submenu-toggle svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
.primary-menu ul.sub-menu{
  list-style:none;
  position:absolute;
  left:0;
  top: calc(100% + .35rem);
  min-width: 240px;
  margin:0;
  padding:.55rem;
  background: rgba(255,255,255,.98);
  border:1px solid rgba(15,43,85,.12);
  border-radius: 0;
  box-shadow: var(--shadow);
  display:none;
  opacity:0;
  transform: translateY(6px);
  transition: opacity .16s ease, transform .16s ease;
  z-index: 50;
}
.primary-menu ul.sub-menu li{ margin:0; }
.primary-menu ul.sub-menu a{
  width:100%;
  padding:.65rem .75rem;
  border-radius: 0;
  font-weight:800;
}
.primary-menu li.menu-item-has-children:hover > ul.sub-menu,
.primary-menu li.menu-item-has-children:focus-within > ul.sub-menu{
  display:block;
  opacity:1;
  transform: translateY(0);
}

/* Mobile dropdown */
@media (max-width: 980px){
  .primary-menu li.menu-item-has-children{ display:flex; flex-wrap:wrap; }
  .primary-menu li.menu-item-has-children > a{ flex: 1 1 auto; }
  .primary-menu li.menu-item-has-children > a:after{ display:none; }
  .primary-menu .submenu-toggle{ display:inline-flex; }
  .primary-menu ul.sub-menu{
    position:static;
    min-width:100%;
    border:0;
    box-shadow:none;
    padding:.25rem 0 .35rem;
    margin:.15rem 0 0;
    display:none;
  }
  .primary-menu ul.sub-menu.is-open{ display:block; }
  .primary-menu ul.sub-menu a{ padding:.6rem .85rem; opacity:.95; }
}

/* Header search overlay */
.header-search{
  position:fixed;
  inset:0;
  background: rgba(11,31,59,.55);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding: 6rem 1rem 1rem;
  z-index: 200;
}
.header-search[hidden]{ display:none; }
.header-search__inner{
  width: min(760px, calc(100vw - 2rem));
  background: rgba(255,255,255,.98);
  border:1px solid rgba(15,43,85,.12);
  border-radius: 0;
  box-shadow: var(--shadow);
  padding: 1.1rem 1.1rem 1.25rem;
  position:relative;
}
.header-search__close{
  position:absolute;
  top:.65rem;
  right:.65rem;
  width:40px; height:40px;
  border-radius: 0;
  border:1px solid rgba(15,43,85,.12);
  background: rgba(255,255,255,.85);
  cursor:pointer;
  font-size: 22px;
  line-height: 1;
}
.header-search form.search-form{
  display:flex;
  gap:.6rem;
  margin-top: .35rem;
}
.header-search input.search-field{
  flex:1;
  padding: .85rem 1rem;
  border-radius: 0;
  border:1px solid rgba(15,43,85,.14);
  font-weight:700;
}
.header-search input.search-field:focus{ outline:none; box-shadow: 0 0 0 4px rgba(255,196,0,.18); border-color: rgba(255,196,0,.45); }
.header-search input.search-submit{
  padding: .85rem 1.05rem;
  border-radius: 0;
  border:0;
  background: var(--hiba-yellow);
  font-weight:900;
  cursor:pointer;
}

.btn .btn-icon{ display:inline-flex; margin-right:.35rem; }
.btn .btn-icon svg{ width:18px; height:18px; }


.nav-toggle{
  display:none;
  width:44px; height:44px;
  border-radius: 0;
  border:1px solid rgba(15,43,85,.15);
  background: rgba(255,255,255,.7);
  align-items:center;
  justify-content:center;
}

.nav-toggle svg{ width:22px; height:22px; }

.header-cta{ display:flex; gap:.6rem; }

/* WooCommerce header cart (works even on non-shop pages if WC is active). */
.header-cart{ position:relative; padding:.55rem .7rem; }
.header-cart .icon-svg{ display:inline-flex; align-items:center; justify-content:center; }
.header-cart__count{
  position:absolute; top:-8px; right:-8px;
  min-width:18px; height:18px;
  padding:0 4px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:700;
  background: var(--primary); color:#fff;
  border-radius: 999px;
}

/* Mini cart off-canvas */
.mini-cart{ position:fixed; inset:0; z-index:9999; display:none; }
.mini-cart.is-open{ display:block; }
.mini-cart__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.45); }
.mini-cart__panel{
  position:absolute; top:0; right:0; height:100%; width:min(420px, 92vw);
  background:#fff; box-shadow:-20px 0 40px rgba(0,0,0,.18);
  display:flex; flex-direction:column;
}
.mini-cart__header{ display:flex; align-items:center; justify-content:space-between; padding:1rem 1rem; border-bottom:1px solid var(--line); }
.mini-cart__close{ background:transparent; border:1px solid var(--line); width:36px; height:36px; font-size:20px; line-height:1; cursor:pointer; }
.mini-cart__body{ padding:1rem; overflow:auto; }
.mini-cart__footer{ padding:1rem; border-top:1px solid var(--line); display:flex; gap:.6rem; }
.mini-cart__footer .btn{ width:100%; justify-content:center; }

@media (max-width: 980px){
  .brand{ min-width: auto; }
  .nav-toggle{ display:inline-flex; }
  .nav-wrap{ position:relative; }
  .primary-menu{
    position:absolute;
    right:0;
    top: calc(100% + .75rem);
    width: min(320px, calc(100vw - 2rem));
    background: rgba(255,255,255,.95);
    border:1px solid rgba(15,43,85,.12);
    border-radius: 0;
    box-shadow: var(--shadow);
    padding:.6rem;
    display:none;
    flex-direction:column;
    align-items:stretch;
  }
  .primary-menu a{ width:100%; justify-content:flex-start; }
  .primary-menu.is-open{ display:flex; }
  .header-cta{ display:none; }
}

/* ===========================
   Hero
   =========================== */
.hero{
  position:relative;
  padding: clamp(2.5rem, 5vw, 4.5rem) 0 1.25rem;
  overflow:hidden;
  background:
    radial-gradient(1200px 500px at 10% 15%, rgba(31,95,174,.18), transparent 60%),
    radial-gradient(900px 450px at 85% 25%, rgba(255,196,0,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.85), rgba(245,248,255,1));
  border-bottom: 1px solid rgba(15,43,85,.10);
}

.hero::before{
  content:"";
  position:absolute;
  inset:-200px -200px auto -200px;
  height: 520px;
  background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.8), transparent 55%);
  opacity:.6;
  pointer-events:none;
}


.hero.hero-slider{
  --hero-bg: none;
}
.hero.hero-slider.has-bg::before,
.hero.hero-slider[style*="--hero-bg"]::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: var(--hero-bg);
  background-size: cover;
  background-position: center;
  opacity:.18;
  filter: saturate(1.05);
  pointer-events:none;
}
.hero.hero-slider::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(1200px 500px at 10% 15%, rgba(31,95,174,.18), transparent 60%),
    radial-gradient(900px 450px at 85% 25%, rgba(255,196,0,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(245,248,255,1));
  pointer-events:none;
}
.hero.hero-slider .container,
.hero.hero-slider .hero-grid,
.hero.hero-slider .features{ position:relative; z-index:1; }

.hero-dots{
  display:flex;
  gap:.55rem;
  margin-top: 0;
}
.hero-dot{
  width:10px; height:10px;
  border-radius: 0;
  border:0;
  background: rgba(15,43,85,.25);
  cursor:pointer;
}
.hero-dot.is-active{
  background: rgba(255,196,0,.95);
  box-shadow: 0 0 0 4px rgba(255,196,0,.18);
}

.hero-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 1rem;
  margin-top: 1.1rem;
}

.hero-nav{ display:flex; gap:.5rem; }
.hero-arrow{
  width:38px; height:38px;
  border-radius: 0;
  border: 1px solid rgba(15,43,85,.14);
  background: rgba(255,255,255,.75);
  box-shadow: 0 10px 24px rgba(11,31,59,.10);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
}
.hero-arrow:hover{ transform: translateY(-1px); }
.hero-arrow svg{ width:18px; height:18px; }


.hero-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(1.5rem, 3vw, 3.5rem);
  align-items:center;
}

.hero h1{ margin-top:.6rem; }
.hero .lead{ font-size: 1.05rem; max-width: 55ch; }

.hero-actions{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
  margin-top: 1.2rem;
}

.hero-visual{
  display:flex;
  justify-content:center;
  align-items:center;
}

.hero-visual .visual-card{
  width: min(520px, 100%);
  border-radius: 0;
  overflow: hidden;
  border: 1px solid rgba(15,43,85,.12);
  background:
    radial-gradient(900px 450px at 70% 25%, rgba(255,196,0,.16), transparent 60%),
    radial-gradient(800px 420px at 15% 70%, rgba(31,95,174,.16), transparent 60%),
    rgba(255,255,255,.7);
  box-shadow: 0 22px 52px rgba(11,31,59,.14);
  padding: .9rem;
}

.hero-visual .hero-visual-img{
  display:block;
  width:100%;
  height:auto;
  border-radius: 0;
  object-fit: cover;
  filter: drop-shadow(0 18px 34px rgba(11,31,59,.18));
}

.hero-visual .hero-visual-placeholder{
  min-height: 260px;
  border-radius: 0;
  border: 1px dashed rgba(15,43,85,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  color: rgba(15,43,85,.72);
  font-weight: 700;
  background: rgba(255,255,255,.55);
}
.hero-visual .hero-visual-placeholder .icon-svg svg{ width:22px; height:22px; }

/* Inner hero (pages & single) */
.hero.hero-inner{
  padding: clamp(2.5rem, 5vw, 4.2rem) 0 2.25rem;
  background-size: cover;
  background-position: center;
}
.hero.hero-inner .hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(245,248,255,.98));
  pointer-events:none;
}
.hero.hero-inner[style*="background-image"] .hero-overlay{
  background:
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(245,248,255,1)),
    radial-gradient(1200px 520px at 18% 15%, rgba(31,95,174,.18), transparent 60%),
    radial-gradient(900px 450px at 85% 25%, rgba(255,196,0,.16), transparent 60%);
}
.hero.hero-inner .container{ position:relative; z-index:1; }

@media (max-width: 980px){
  .hero-grid{ grid-template-columns: 1fr; }
  .hero-visual{ order:-1; }
  .hero-controls{ justify-content:flex-start; }
}

/* ===========================
   Section alternate background
   =========================== */
.section-alt{
  background: linear-gradient(180deg, rgba(245,248,255,1), rgba(255,255,255,1));
  border-top: 1px solid rgba(15,43,85,.08);
  border-bottom: 1px solid rgba(15,43,85,.08);
}

/* ===========================
   Stats strip
   =========================== */
.stats-strip{ padding: 2.2rem 0; }
.stats-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.stat{
  display:flex;
  align-items:center;
  gap: .9rem;
  padding: 1.1rem 1.1rem;
  border-radius: 0;
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(15,43,85,.10);
  box-shadow: 0 14px 30px rgba(11,31,59,.08);
}
.stat-icon{
  width:44px; height:44px;
  border-radius: 0;
  background: rgba(255,196,0,.14);
  display:flex; align-items:center; justify-content:center;
}
.stat-icon .icon-svg svg{ width:22px; height:22px; }
.stat-number{ font-weight: 800; font-size: 1.02rem; letter-spacing: -.01em; }
.stat-label{ color: rgba(15,43,85,.72); font-size: .95rem; }

@media (max-width: 980px){
  .stats-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .stats-grid{ grid-template-columns: 1fr; }
}

/* ===========================
   Goat / Neden Biz
   =========================== */
.goat-section{
  padding: 2.8rem 0;
}

/* Universal goat (inner pages) */
.goat-section--universal{
  padding: 2.2rem 0 3rem;
}
.goat-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: center;
}
.goat-speech{
  position: relative;
  padding: 1.45rem 1.45rem;
  border-radius: 0;
  border: 1px solid rgba(15,43,85,.12);
  background:
    radial-gradient(900px 450px at 75% 25%, rgba(255,196,0,.16), transparent 60%),
    radial-gradient(800px 420px at 18% 70%, rgba(31,95,174,.14), transparent 60%),
    rgba(255,255,255,.80);
  box-shadow: 0 20px 48px rgba(11,31,59,.12);
}
.goat-speech:after{
  content:'';
  position:absolute;
  right: 1.8rem;
  bottom: -10px;
  width: 22px;
  height: 22px;
  background: rgba(255,255,255,.80);
  border-left: 1px solid rgba(15,43,85,.12);
  border-bottom: 1px solid rgba(15,43,85,.12);
  transform: rotate(45deg);
}
.goat-lead{
  display:flex;
  align-items:center;
  gap: .55rem;
  color: rgba(15,43,85,.68);
  font-weight: 700;
  font-size: .92rem;
}
.goat-dot{
  width:10px; height:10px;
  border-radius: 0;
  background: rgba(255,196,0,.95);
  box-shadow: 0 0 0 4px rgba(255,196,0,.18);
}
.goat-title{
  margin: .45rem 0 .8rem;
  letter-spacing: -.02em;
}
.goat-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap: .75rem;
}
.goat-list li{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
}
.goat-check{
  width: 34px;
  height: 34px;
  border-radius: 0;
  background: rgba(255,196,0,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 34px;
  margin-top: .05rem;
}
.goat-check .icon-svg svg{ width: 18px; height: 18px; }
.goat-text{ color: rgba(15,43,85,.88); font-weight: 600; }

.goat-card{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content:center;
}
.goat-img-wrap{
  width: min(380px, 100%);
  padding: .75rem;
  border-radius: 0;
  border: 1px solid rgba(15,43,85,.12);
  background: rgba(255,255,255,.70);
  box-shadow: 0 22px 52px rgba(11,31,59,.14);
}
.goat-img-wrap img{
  display:block;
  width:100%;
  height:auto;
  filter: drop-shadow(0 26px 44px rgba(11,31,59,.20));
}
.goat-caption{
  margin-top: .6rem;
  font-weight: 800;
  color: rgba(15,43,85,.78);
}

@media (max-width: 980px){
  .goat-grid{ grid-template-columns: 1fr; }
  .goat-card{ order: -1; }
  .goat-speech:after{ left: 2rem; right:auto; }
}

/* ===========================
   Process
   =========================== */
.process-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.process-step .step-top{ display:flex; align-items:center; justify-content:space-between; gap: .75rem; margin-bottom: .6rem; }
.process-step .step-badge{
  width:34px; height:34px;
  border-radius: 0;
  display:flex; align-items:center; justify-content:center;
  background: rgba(31,95,174,.12);
  font-weight: 800;
}
.process-step .icon{ width:44px; height:44px; border-radius: 0; background: rgba(255,196,0,.14); display:flex; align-items:center; justify-content:center; }
.process-step .icon .icon-svg svg{ width:22px; height:22px; }

@media (max-width: 1020px){
  .process-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px){
  .process-grid{ grid-template-columns: 1fr; }
}

/* ===========================
   Home CTA
   =========================== */
.home-cta{ padding: 2.6rem 0; }
.cta-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 1.4rem;
  padding: 1.6rem 1.6rem;
  border-radius: 0;
  background:
    radial-gradient(900px 300px at 20% 0%, rgba(31,95,174,.20), transparent 60%),
    radial-gradient(700px 300px at 85% 0%, rgba(255,196,0,.22), transparent 60%),
    rgba(255,255,255,.86);
  border: 1px solid rgba(15,43,85,.10);
  box-shadow: 0 18px 44px rgba(11,31,59,.10);
}
.cta-copy h2{ margin:0; font-size: 1.55rem; }
.cta-copy p{ margin:.4rem 0 0; color: rgba(15,43,85,.74); }
.cta-actions{ display:flex; gap:.75rem; flex-wrap:wrap; }

@media (max-width: 860px){
  .cta-bar{ flex-direction:column; align-items:flex-start; }
}

/* ===========================
   Feature cards
   =========================== */
.features{
  padding: 1.5rem 0 0;
}
.feature-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.feature{
  padding: 1.25rem 1.1rem;
  display:flex;
  gap: .9rem;
  align-items:flex-start;
}
.feature .icon{
  width:52px; height:52px;
  border-radius: 0;
  display:grid;
  place-items:center;
  background: rgba(255,196,0,.18);
  border:1px solid rgba(255,196,0,.35);
  color: var(--hiba-yellow-2);
  flex: 0 0 auto;
}
.feature .icon svg{ width:26px; height:26px; }
.feature p{ margin:.2rem 0 0; }

@media (max-width: 980px){
  .feature-grid{ grid-template-columns: 1fr; }
}

/* ===========================
   Services
   =========================== */
.section-title{
  text-align:center;
  margin-bottom: 1.5rem;
}
.section-title p{ margin: .35rem auto 0; max-width: 70ch; }

.service-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

/* Image cards (Hizmetler / Projeler) */
.thumb-card{
  padding: 0;
  overflow:hidden;
}
.thumb-media{
  position:relative;
  height: 190px;
  background:
    radial-gradient(900px 420px at 20% 20%, rgba(31,95,174,.16), transparent 60%),
    radial-gradient(800px 420px at 90% 10%, rgba(255,196,0,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(245,248,255,1));
  background-size: cover;
  background-position: center;
}
.thumb-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.0), rgba(11,31,59,.10));
}
.thumb-badge{
  position:absolute;
  left: 14px;
  bottom: 14px;
  width:54px;
  height:54px;
  border-radius: 0;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(15,43,85,.12);
  box-shadow: 0 18px 34px rgba(11,31,59,.16);
  color: var(--hiba-blue);
}
.thumb-badge svg{ width:26px; height:26px; }
.thumb-body{ padding: 1.1rem 1.1rem 1.2rem; }
.thumb-body h3{ margin:0 0 .35rem; }
.thumb-body p{ margin:0 0 .55rem; }
.service-card{
  padding: 1.25rem 1.1rem;
  position:relative;
  overflow:hidden;
}
.service-media{
  width: 100%;
  height: 148px;
  border-radius: 0;
  overflow: hidden;
  margin-bottom: .9rem;
  background:
    radial-gradient(700px 220px at 20% 30%, rgba(31,95,174,.22), transparent 60%),
    radial-gradient(500px 180px at 90% 0%, rgba(255,196,0,.18), transparent 60%),
    linear-gradient(180deg, rgba(245,248,255,1), rgba(255,255,255,1));
  border:1px solid rgba(15,43,85,.10);
}
.service-media__link{ display:block; height:100%; }
.service-media__img{ width:100%; height:100%; object-fit:cover; display:block; }
.service-media__placeholder{
  height:100%;
  display:grid;
  place-items:center;
  color: var(--hiba-blue);
}
.service-media__placeholder svg{ width:34px; height:34px; opacity:.9; }
.service-card .icon{
  width:56px; height:56px;
  border-radius: 0;
  display:grid;
  place-items:center;
  background: rgba(31,95,174,.10);
  border:1px solid rgba(31,95,174,.16);
  color: var(--hiba-blue);
  margin-bottom:.85rem;
}
.service-card .icon svg{ width:28px; height:28px; }
.service-card h3{ margin: 0 0 .35rem; }
.service-card p{ margin:0; }

.service-actions{
  display:flex;
  justify-content:center;
  margin-top: 1.4rem;
}

@media (max-width: 980px){
  .service-grid{ grid-template-columns: 1fr; }
}

/* ===========================
   Projects / CTA
   =========================== */
.projects{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(900px 420px at 20% 20%, rgba(31,95,174,.16), transparent 60%),
    radial-gradient(800px 420px at 90% 10%, rgba(255,196,0,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(245,248,255,1));
  border-top:1px solid rgba(15,43,85,.10);
  border-bottom:1px solid rgba(15,43,85,.10);
}

.projects-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 1rem;
  align-items:stretch;
}

.projects .cta-box{
  padding: 1.6rem 1.4rem;
}

.mascot-reco{
  padding: 1.2rem 1.1rem;
  display:flex;
  gap:1rem;
  align-items:center;
}
.mascot-reco img{
  width:110px;
  height:auto;
  flex: 0 0 auto;
  filter: drop-shadow(0 18px 28px rgba(11,31,59,.18));
}
.mascot-reco h3{ margin:0 0 .35rem; }
.mascot-reco ul{
  margin:.35rem 0 0;
  padding-left: 1.05rem;
  color: var(--hiba-muted);
}

@media (max-width: 980px){
  .projects-grid{ grid-template-columns: 1fr; }
}

/* ===========================
   Content
   =========================== */
.content-area{
  padding: 2.2rem 0 3.2rem;
}

.post-card{
  padding: 1.25rem 1.1rem;
}
.post-meta{
  font-size:.9rem;
  color:var(--hiba-muted);
  margin-bottom:.5rem;
}
.post-card h2{ margin-bottom:.5rem; }

/* Inner pages layout */
.content-grid{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 1rem;
  align-items:start;
}
.sidebar-card{
  padding: 1.1rem 1.1rem;
}
.sidebar-actions{ display:flex; flex-direction:column; gap:.6rem; }

.mini-list{ display:flex; flex-direction:column; gap:.55rem; }
.mini-item{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  padding:.75rem .85rem;
  border-radius: 0;
  border:1px solid rgba(15,43,85,.10);
  background: rgba(255,255,255,.75);
}
.mini-item:hover{ transform: translateY(-1px); }
.mini-title{ font-weight:700; letter-spacing:-.01em; }
.mini-meta{ font-size:.9rem; color: rgba(15,43,85,.62); }

@media (max-width: 980px){
  .content-grid{ grid-template-columns: 1fr; }
}

.pagination{
  display:flex;
  gap:.5rem;
  justify-content:center;
  margin-top:1.4rem;
}
.page-numbers{
  padding:.55rem .85rem;
  border-radius: 0;
  border:1px solid rgba(15,43,85,.12);
  background:rgba(255,255,255,.75);
}
.page-numbers.current{
  background: rgba(255,196,0,.18);
  border-color: rgba(255,196,0,.35);
}

/* ===========================
   Footer
   =========================== */
.site-footer{
  position: relative;
  background: linear-gradient(180deg, rgba(11,31,59,1), rgba(7,18,35,1));
  color: rgba(255,255,255,.92);
  padding: 2.6rem 0 1.6rem;
  overflow:hidden;
  clear: both;
}
.site-footer:before{
  content:"";
  position:absolute;
  inset:-200px -120px auto -120px;
  height: 320px;
  background: radial-gradient(closest-side, rgba(255,196,0,.16), transparent 70%);
  pointer-events:none;
}
.site-footer a{ color: rgba(255,255,255,.92); }
.site-footer a:hover{ color:#fff; }

.footer-newsletter{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 0;
  padding: 1.2rem 1.1rem;
  margin-bottom: 1.2rem;
  backdrop-filter: blur(10px);
}
.footer-newsletter__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 1rem;
  flex-wrap:wrap;
}
.footer-newsletter__title{
  margin:0 0 .25rem;
  font-size: 1.15rem;
  color:#fff;
}
.footer-newsletter__text{ margin:0; color: rgba(255,255,255,.78); max-width: 46ch; }
.footer-newsletter__form{ flex: 1 1 320px; min-width: 280px; }
.footer-newsletter__form form{ margin:0; }
.footer-newsletter__form input,
.footer-newsletter__form textarea,
.footer-newsletter__form select{
  width:100%;
}

.footer-grid{ display:grid; gap: 1.05rem; align-items:start; }
.footer-grid--v2{ grid-template-columns: 1.25fr 1fr 1fr 1.15fr; }

/* Modern footer layout (v4.1+) */
.site-footer--modern{ padding-top: 1.9rem; }
.footer-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 1rem;
  padding: 1rem 1.05rem;
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
  margin-bottom: 1.05rem;
}
.footer-topbar__left{ display:flex; align-items:center; gap:.9rem; }
.footer-topbar__left img{ height:42px; width:auto; }
.footer-topbar__title{ color:#fff; font-weight: 800; letter-spacing: .2px; }
.footer-topbar__desc{ color: rgba(255,255,255,.72); font-size: .92rem; max-width: 46ch; }
.footer-topbar__right{ display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; justify-content:flex-end; }
.footer-pill{
  display:inline-flex; align-items:center; gap:.45rem;
  padding: .55rem .7rem;
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.86);
  font-size: .9rem;
}
.footer-pill__icon{ width:18px; height:18px; display:inline-grid; place-items:center; }
.footer-pill__icon svg{ width:16px; height:16px; }
.footer-action{
  display:inline-flex; align-items:center; gap:.5rem;
  padding: .6rem .85rem;
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  font-weight: 700;
  font-size: .92rem;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.footer-action:hover{ background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.26); }
.footer-action__icon{ width:18px; height:18px; display:inline-grid; place-items:center; }
.footer-action__icon svg{ width:16px; height:16px; }
.footer-action--ghost{ background: rgba(255,255,255,.04); }
.footer-action--wa{ border-color: rgba(255,196,0,.35); background: rgba(255,196,0,.18); }
.footer-action--wa:hover{ background: rgba(255,196,0,.26); border-color: rgba(255,196,0,.45); }

.footer-grid--v3{ grid-template-columns: 1.4fr 1fr 1fr; }
.footer-panel{
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  padding: 1.05rem 1.05rem;
}
.footer-panel--brand{ background: rgba(255,255,255,.04); }
.footer-tagline--compact{ margin: 0 0 .95rem; color: rgba(255,255,255,.78); }
.footer-panel .widget{ margin:0; }
.footer-panel .widget-title{ margin-top:0; }
.footer-panel .footer-map__frame iframe{ height: 170px; }

.footer-brand img{ height:46px; width:auto; }
.footer-tagline{ color: rgba(255,255,255,.76); margin:.6rem 0 1rem; }

.footer-contact{ display:grid; gap: .5rem; margin-bottom: .9rem; }
.footer-contact__row{ display:flex; gap:.6rem; align-items:flex-start; margin:0; color: rgba(255,255,255,.82); }
.footer-contact__icon{ width:22px; height:22px; display:inline-grid; place-items:center; flex: 0 0 22px; margin-top:.05rem; opacity:.9; }
.footer-contact__icon svg{ width:18px; height:18px; }

.footer-widget .widget-title{
  color:#fff;
  font-size: 1.05rem;
  margin:0 0 .8rem;
}

.site-footer .menu,
.footer-links,
.footer-posts{
  list-style:none;
  margin:0;
  padding:0;
}
.site-footer .menu li,
.footer-links li,
.footer-posts li{ margin:.35rem 0; }

.footer-links a,
.footer-post a{ display:inline-flex; gap:.45rem; align-items:center; }
.footer-links a:before{
  content:"";
  width: 8px; height: 8px;
  border-radius: 0;
  background: rgba(255,196,0,.8);
  box-shadow: 0 0 0 4px rgba(255,196,0,.18);
}

.footer-post{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  padding: .65rem .7rem;
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}
.footer-post:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.16); }
.footer-post__title{ color:#fff; font-weight: 600; font-size: .98rem; }
.footer-post__meta{ color: rgba(255,255,255,.72); font-size: .85rem; }

.footer-map__frame{
  border-radius: 0;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.footer-map__frame iframe{ width:100%; height: 190px; border:0; display:block; }

.footer-bottom{ border-top:1px solid rgba(255,255,255,.12); margin-top: 1.4rem; padding-top: 1rem; }
.footer-bottom--v2{ display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.footer-bottom__left{ display:flex; flex-direction:column; gap:.25rem; }
.footer-bottom__copy{ font-size:.92rem; color: rgba(255,255,255,.78); }
.footer-bottom__note{ font-size:.86rem; color: rgba(255,255,255,.66); }
.footer-bottom__right{ display:flex; align-items:center; gap: .9rem; flex-wrap:wrap; }
.footer-bottom__menu{ list-style:none; margin:0; padding:0; display:flex; gap:.8rem; flex-wrap:wrap; }
.footer-bottom__menu a{ color: rgba(255,255,255,.8); font-size:.9rem; }
.footer-bottom__menu a:hover{ color:#fff; }
.footer-bottom__wp{ font-size:.86rem; color: rgba(255,255,255,.62); }

.social{
  display:flex;
  gap:.5rem;
  align-items:center;
}
.social a{
  width:40px; height:40px;
  display:grid;
  place-items:center;
  border-radius: 0;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.social a:hover{ background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.22); }
.social svg{ width:18px; height:18px; }

.back-to-top{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 46px;
  height: 46px;
  border-radius: 0;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(11,31,59,.78);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  display:grid;
  place-items:center;
  opacity: 0;
  pointer-events:none;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease, background .18s ease;
  z-index: 50;
}
.back-to-top svg{ width:20px; height:20px; fill: currentColor; }
.back-to-top.is-visible{ opacity: 1; pointer-events:auto; transform: translateY(0); }
.back-to-top:hover{ background: rgba(11,31,59,.92); }

@media (max-width: 980px){
  .footer-grid--v2,
  .footer-grid--v3{ grid-template-columns: 1fr; }
  .footer-topbar{ flex-direction: column; align-items:flex-start; }
  .footer-topbar__right{ justify-content:flex-start; }
  .footer-map__frame iframe{ height: 220px; }
}
/* ===========================
   Contact Page + CF7
   =========================== */
.page-hero{
  padding: 2.2rem 0 1.2rem;
}

.page-hero-card{
  padding: 1.6rem 1.4rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 1rem;
  background:
    radial-gradient(900px 360px at 20% 20%, rgba(31,95,174,.12), transparent 60%),
    radial-gradient(800px 360px at 90% 10%, rgba(255,196,0,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,248,255,1));
  border: 1px solid rgba(15,43,85,.10);
}

.page-hero-ill img{
  width: 150px;
  height:auto;
  filter: drop-shadow(0 18px 28px rgba(11,31,59,.18));
}

.contact-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items:start;
}

.contact-cards{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

.contact-card{
  padding: 1.15rem 1.1rem;
  display:flex;
  gap: .9rem;
  align-items:flex-start;
}

.contact-card--full{
  grid-column: 1 / -1;
}

.contact-icon{
  width:54px;
  height:54px;
  border-radius: 0;
  display:grid;
  place-items:center;
  background: rgba(255,196,0,.18);
  border:1px solid rgba(255,196,0,.35);
  color: var(--hiba-yellow-2);
  flex: 0 0 auto;
}

.contact-icon svg{ width:26px; height:26px; }

.contact-card h3{ margin:0 0 .25rem; }
.contact-card p{ margin:0; }

.contact-map{
  overflow:hidden;
  border-radius: 0;
}

.contact-map iframe{
  width:100%;
  height: 340px;
  border:0;
  display:block;
}

.contact-form{
  padding: 1.6rem 1.4rem;
}

.contact-form p{ max-width: 70ch; }

.contact-hero-actions{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1rem;
}

.contact-hero-actions .btn{
  width: 100%;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 980px){
  .contact-hero-actions{ grid-template-columns: 1fr; }
  .contact-hero-actions .btn{ white-space: normal; }
}

.contact-premium{
  padding-top: 0;
}

.contact-extras{
  padding-top: 1.2rem;
}

.contact-extras .section-head{ margin-bottom: 1.1rem; }

.contact-areas{
  padding: 1.2rem 1.2rem;
  margin-bottom: 1.1rem;
  background: linear-gradient(135deg, rgba(255,196,0,.10), rgba(31,95,174,.06));
  border-color: rgba(15,43,85,.14);
}

.contact-areas-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap: 1rem;
  margin-bottom: .85rem;
}

.contact-areas-chips{
  display:flex;
  flex-wrap:wrap;
  gap: .55rem;
}

.chip{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding: .38rem .7rem;
  border-radius: 0;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,43,85,.12);
  color: var(--hiba-text);
  font-size: .92rem;
}

.chip--sm{
  padding: .26rem .55rem;
  font-size: .82rem;
}

.proje-chips{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:.55rem 0 .2rem;
}

.contact-branches{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.1rem;
}

.branch-card{ overflow:hidden; padding:0; }

.branch-map{
  height: 180px;
  background: rgba(11,31,59,.04);
  border-bottom: 1px solid rgba(15,43,85,.10);
}

.branch-map iframe{ width:100%; height:100%; border:0; display:block; }

.branch-map--placeholder{
  height:100%;
  display:grid;
  place-items:center;
  color: rgba(31,95,174,.75);
}

.branch-map--placeholder svg{ width:34px; height:34px; }

.branch-body{ padding: 1.05rem 1.05rem 1.1rem; }
.branch-body h3{ margin:0 0 .35rem; }
.branch-actions{ display:flex; flex-wrap:wrap; gap: .55rem; margin-top: .85rem; }

.btn-small{
  padding: .55rem .8rem;
  border-radius: 0;
  font-size: .92rem;
}

.contact-faq{ padding: 1.25rem 1.25rem; }
.contact-faq h2{ margin-top:0; }

.faq-list{ margin-top: .65rem; display:grid; gap: .6rem; }

.faq-item{
  border: 1px solid rgba(15,43,85,.12);
  border-radius: 0;
  background: rgba(255,255,255,.82);
  overflow:hidden;
}

.faq-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 1rem;
  padding: .85rem 1rem;
  font-weight: 650;
}

.faq-item summary::-webkit-details-marker{ display:none; }

.faq-item summary i{ display:inline-flex; }
.faq-item summary i svg{ width: 18px; height: 18px; opacity: .75; transition: transform .18s ease; }

.faq-item[open] summary i svg{ transform: rotate(180deg); }

.faq-body{ padding: 0 1rem 1rem; }
.faq-body p{ margin:0; color: var(--hiba-muted); }

@media (max-width: 980px){
  .contact-branches{ grid-template-columns: 1fr; }
  .contact-areas-head{ flex-direction:column; align-items:flex-start; }
}

.contact-steps{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 0 0 1.2rem;
}

.contact-steps .step{
  padding: 1rem 1rem;
  display:flex;
  gap: .9rem;
  align-items:flex-start;
}

.contact-steps .step strong{ display:block; margin-bottom: .15rem; }
.contact-steps .step span{ color: var(--hiba-muted); font-size: .95rem; display:block; }

.step-ic{
  width: 52px;
  height: 52px;
  border-radius: 0;
  display:grid;
  place-items:center;
  background: rgba(31,95,174,.10);
  border: 1px solid rgba(31,95,174,.18);
  flex:0 0 auto;
}

.contact-form--sticky{
  position: sticky;
  top: 104px;
}

.contact-trust{
  display:flex;
  flex-wrap:wrap;
  gap: .5rem;
  margin: .75rem 0 1rem;
}

.trust-item{
  display:inline-flex;
  align-items:center;
  gap: .45rem;
  padding: .35rem .6rem;
  border-radius: 0;
  border: 1px solid rgba(15,43,85,.12);
  background: rgba(255,255,255,.75);
  color: var(--hiba-text);
  font-size: .92rem;
}

.trust-item svg{ width: 18px; height: 18px; }

@media (max-width: 640px){
  .contact-steps{ grid-template-columns: 1fr; }
}

.cf7-hint{
  margin-top: 1rem;
  padding: .85rem 1rem;
  background: rgba(31,95,174,.06);
  border-color: rgba(31,95,174,.18);
  box-shadow:none;
  border-radius: 0;
}

.cf7-hint code{
  display:inline-block;
  padding: .1rem .45rem;
  border-radius: 0;
  background: rgba(11,31,59,.06);
  border:1px solid rgba(15,43,85,.12);
}

/* Contact Form 7 base styling */
.wpcf7 form{ margin-top: 1.1rem; }
.wpcf7 form p{ margin: 0 0 .9rem; }
.wpcf7 label{
  display:block;
  font-weight: 900;
  color: var(--hiba-text);
  margin: 0 0 .35rem;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea{
  width:100%;
  padding: .85rem 1rem;
  border-radius: 0;
  border: 1px solid rgba(15,43,85,.16);
  background: rgba(255,255,255,.9);
  color: var(--hiba-text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.wpcf7 textarea{
  min-height: 160px;
  resize: vertical;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus{
  outline: none;
  border-color: rgba(31,95,174,.55);
  box-shadow: 0 0 0 4px rgba(31,95,174,.14);
}

.wpcf7 input[type="submit"],
.wpcf7 button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding: .9rem 1.25rem;
  border-radius: 0;
  font-weight: 900;
  letter-spacing: .01em;
  border: 1px solid transparent;
  cursor:pointer;
  background: linear-gradient(180deg, var(--hiba-yellow), var(--hiba-yellow-2));
  color: #1b2435;
  box-shadow: 0 12px 24px rgba(255,196,0,.22);
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 button:hover{
  box-shadow: 0 16px 30px rgba(255,196,0,.28);
}

.wpcf7 .wpcf7-spinner{ margin-left: .5rem; }

.wpcf7-not-valid-tip{
  margin-top: .35rem;
  font-size: .9rem;
}

.wpcf7 .wpcf7-response-output{
  margin: 1rem 0 0;
  padding: .9rem 1rem;
  border-radius: 0;
  border: 1px solid rgba(15,43,85,.12);
  background: rgba(255,255,255,.75);
  color: var(--hiba-text);
}

@media (max-width: 980px){
  .page-hero-card{ flex-direction:column; align-items:flex-start; }
  .page-hero-ill img{ width: 120px; }
  .contact-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); margin: .25rem 0 1.1rem; }
  .contact-form--sticky{ position: static; }
  .contact-grid{ grid-template-columns: 1fr; }
  .contact-cards{ grid-template-columns: 1fr; }
  .contact-map iframe{ height: 280px; }
}

/* --- Section head (title + action) --- */
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom: 1.2rem;
}

.section-head h2{ margin:0; }

.section-head__badge{ display:flex; align-items:center; gap:.75rem; }

/* ===========================
   News / Blog cards (Home)
   =========================== */
.section-news .section-subtitle{ max-width: 72ch; }

.news-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.news-card{ padding:0; overflow:hidden; }

.news-thumb{ display:block; height: 200px; background: rgba(11,31,59,.04); }
.news-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.news-thumb-ph{
  height:100%;
  display:grid;
  place-items:center;
  color: var(--hiba-blue);
  background:
    radial-gradient(900px 420px at 20% 20%, rgba(31,95,174,.16), transparent 60%),
    radial-gradient(800px 420px at 90% 10%, rgba(255,196,0,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.9), rgba(245,248,255,1));
}
.news-thumb-ph svg{ width: 34px; height: 34px; opacity: .95; }

.news-body{ padding: 1.05rem 1.05rem 1.2rem; }
.news-title{ margin: .35rem 0 .45rem; font-size: 1.12rem; line-height: 1.25; }
.news-title a{ color: var(--hiba-text); text-decoration:none; }
.news-title a:hover{ color: var(--hiba-blue); }
.news-excerpt{ margin:0 0 .75rem; color: var(--hiba-muted); }

.post-meta{ font-size: .9rem; color: var(--hiba-muted); display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.post-meta .dot{ opacity:.6; }

@media (max-width: 980px){
  .news-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px){
  .news-grid{ grid-template-columns: 1fr; }
  .news-thumb{ height: 190px; }
}

.chip{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .85rem;
  border-radius: 0;
  border:1px solid rgba(15,43,85,.12);
  background: rgba(255,255,255,.65);
  font-weight: 800;
  color: var(--hiba-text);
}

.chip svg{ width:18px; height:18px; }

.btn-sm{ padding:.55rem .9rem; border-radius: 0; }

/* --- Testimonials --- */
.testimonials{ position:relative; }

.testimonials-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.testimonial{ padding: 1.25rem; }

.testimonial-stars{
  font-size: 1.05rem;
  letter-spacing: .12em;
  color: #ffb000;
}

.testimonial-text{
  margin: .9rem 0 1.1rem;
  color: var(--hiba-text);
  font-weight: 650;
  line-height: 1.55;
}

.testimonial-meta{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding-top: .9rem;
  border-top: 1px solid rgba(15,43,85,.10);
}

.avatar{
  width: 44px;
  height: 44px;
  border-radius: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  background: linear-gradient(180deg, rgba(255,196,0,.55), rgba(255,255,255,.85));
  border: 1px solid rgba(15,43,85,.12);
}

.testimonial-name{ font-weight: 950; }
.testimonial-role{ margin-top: .1rem; font-size: .92rem; color: rgba(33,54,89,.72); font-weight: 700; }

/* --- Project gallery cards --- */
.project-gallery{
  margin-top: 1.4rem;
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.2rem;
}

.project-card{
  grid-column: span 4;
  padding: 0;
  overflow:hidden;
  text-decoration:none;
}

.project-media{
  position:relative;
  height: 180px;
  background-size: cover;
  background-position: center;
  background-color: rgba(15,43,85,.06);
}

.project-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(10,20,30,.08), rgba(10,20,30,.64));
  opacity: .75;
  transition: opacity .22s ease;
}

.project-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity: .9;
}

.project-placeholder svg{ width: 52px; height:52px; }

.project-body{ padding: 1.05rem 1.15rem 1.15rem; }

.project-title{ margin:0; font-size: 1.05rem; line-height:1.25; }

.project-excerpt{
  margin:.55rem 0 .85rem;
  color: rgba(33,54,89,.78);
  font-weight: 650;
}

.project-link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-weight: 900;
  color: var(--hiba-text);
}

.project-link svg{ width: 18px; height: 18px; }

.project-card:hover .project-overlay{ opacity: .6; }

@media (max-width: 980px){
  .section-head{ align-items:flex-start; flex-direction:column; }
  .testimonials-grid{ grid-template-columns: 1fr; }
  .project-card{ grid-column: span 12; }
  .project-media{ height: 200px; }
}

@media (min-width: 981px) and (max-width: 1180px){
  .testimonials-grid{ grid-template-columns: repeat(2, 1fr); }
  .project-card{ grid-column: span 6; }
}

/* Breadcrumbs */
.breadcrumbs{margin:.6rem 0 0;}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:0;padding:0;}
.breadcrumbs li{display:flex;align-items:center;gap:.35rem;color:rgba(255,255,255,.8);font-size:.92rem;}
.breadcrumbs li:after{content:"/";opacity:.55;margin-left:.35rem;}
.breadcrumbs li:last-child:after{content:"";}
.breadcrumbs a{color:rgba(255,255,255,.92);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);}
.breadcrumbs a:hover{border-bottom-color:rgba(255,255,255,.55);}

/* Hizmet info chips */
.hizmet-info{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 1rem;}
.hizmet-chip{background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.78));border:1px solid rgba(15,43,85,.12);border-radius: 0;padding:.45rem .7rem;font-size:.95rem;color:rgba(15,43,85,.9);box-shadow:0 8px 22px rgba(15,43,85,.07);}
.hizmet-chip strong{font-weight:700;}

/* Project gallery */
.proje-gallery{margin:1rem 0 1.2rem;}
.proje-gallery-main{position:relative;border-radius: 0;overflow:hidden;border:1px solid rgba(15,43,85,.12);background:rgba(255,255,255,.6);box-shadow:0 18px 55px rgba(15,43,85,.10);}
.pg-slide{display:none;}
.pg-slide.is-active{display:block;}
.pg-slide img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;cursor:zoom-in;}
.pg-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius: 0;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.35);color:#fff;font-size:26px;line-height:40px;text-align:center;cursor:pointer;backdrop-filter:blur(8px);}
.pg-prev{left:12px;}
.pg-next{right:12px;}
.proje-gallery-thumbs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.65rem;}
.pg-thumb{border:1px solid rgba(15,43,85,.14);border-radius: 0;padding:0;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 10px 26px rgba(15,43,85,.07);}
.pg-thumb img{display:block;width:78px;height:58px;object-fit:cover;}
.pg-thumb.is-active{outline:3px solid rgba(255,198,0,.55);border-color:rgba(255,198,0,.45);}

/* Lightbox */
.hiba-lightbox{position:fixed;inset:0;display:none;z-index:9999;}
.hiba-lightbox.is-open{display:block;}
.hiba-lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);}
.hiba-lightbox__dialog{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;}
.hiba-lightbox__img{max-width:min(1100px, 94vw);max-height:88vh;border-radius: 0;box-shadow:0 40px 120px rgba(0,0,0,.5);background:#111;}
.hiba-lightbox__close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius: 0;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);color:#fff;font-size:28px;line-height:42px;text-align:center;cursor:pointer;}

@media (max-width: 720px){
  .pg-slide img{max-height:360px;}
  .pg-thumb img{width:68px;height:52px;}
}

/* Header upgrade */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,43,85,.08);}
.site-header .topbar{background:linear-gradient(90deg, rgba(15,43,85,.96), rgba(15,43,85,.88));color:#fff;border-bottom:1px solid rgba(255,255,255,.08);}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.45rem 0;}
.topbar-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.topbar-link,.topbar-text{display:flex;align-items:center;gap:.45rem;color:rgba(255,255,255,.92);font-size:.92rem;text-decoration:none;}
.topbar-link:hover{color:#fff;}
.topbar-link .icon-svg svg,.topbar-text .icon-svg svg{width:18px;height:18px;opacity:.95;}
.topbar-right{display:flex;align-items:center;gap:10px;}
.btn.btn-sm{padding:.45rem .65rem;font-size:.9rem;border-radius: 0;}
.site-header.is-shrink .header-inner{padding:.65rem 0;}
.site-header .header-inner{padding:.95rem 0;transition:padding .2s ease, transform .2s ease;}
.site-header.is-sticky{box-shadow:0 10px 40px rgba(15,43,85,.10);}
.site-header.is-sticky .brand img{height:42px;}
.site-header.is-shrink .brand img{height:40px;}

.nav-wrap{gap:.75rem;}
.site-nav{position:relative;}
.primary-menu a{transition:color .18s ease;}
.primary-menu a:hover::after{transform:scaleX(.38);}

.header-cta .btn{box-shadow:0 16px 45px rgba(15,43,85,.14);}
.header-cta .btn:hover{transform: translateY(-1px);}

@media (max-width: 860px){
  .topbar{display:none;}
}

/* Proje info chips */
.proje-info{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0 1rem;}
.proje-chip{background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.78));border:1px solid rgba(15,43,85,.12);border-radius: 0;padding:.45rem .7rem;font-size:.95rem;color:rgba(15,43,85,.9);box-shadow:0 8px 22px rgba(15,43,85,.07);}
.proje-chip strong{font-weight:700;}

/* Project card meta line */
.project-meta{display:flex;flex-wrap:wrap;gap:.4rem .6rem;margin:.35rem 0 .55rem;font-size:.9rem;color:rgba(15,43,85,.70);}
.project-meta span{display:inline-flex;align-items:center;gap:.35rem;}
.project-meta span:before{content:'';width:6px;height:6px;border-radius: 0;background:rgba(255,198,0,.85);}

/* FAQ */
.section-sep{height:1px;background:rgba(15,43,85,.10);margin:1.25rem 0;}
.faq-item{border:1px solid rgba(15,43,85,.10);border-radius: 0;background:rgba(255,255,255,.78);box-shadow:0 16px 45px rgba(15,43,85,.08);overflow:hidden;}
.faq-item + .faq-item{margin-top:.6rem;}
.faq-q{cursor:pointer;list-style:none;padding:1rem 1rem;font-weight:800;color:rgba(15,43,85,.95);display:flex;align-items:center;justify-content:space-between;gap:10px;}
.faq-q::-webkit-details-marker{display:none;}
.faq-q:after{content:'+';width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius: 0;background:rgba(255,198,0,.22);border:1px solid rgba(255,198,0,.35);}
.faq-item[open] .faq-q:after{content:'–';}
.faq-a{padding:0 1rem 1rem;color:rgba(15,43,85,.78);}
.faq-a p{margin:.4rem 0 0;}

/* Lightbox upgrade */
.hiba-lightbox__dialog{padding:0;}
.hiba-lightbox__stage{max-width:100vw;max-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;touch-action:pan-y;}
.hiba-lightbox__img{max-width:min(1200px, 96vw);max-height:86vh;transform:translate(0,0) scale(1);transition:transform .08s ease-out;cursor:grab;}
.hiba-lightbox.is-zoomed .hiba-lightbox__img{cursor:grab;}
.hiba-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:54px;height:54px;border-radius: 0;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);color:#fff;font-size:30px;line-height:52px;text-align:center;cursor:pointer;backdrop-filter:blur(8px);}
.hiba-lightbox__prev{left:18px;}
.hiba-lightbox__next{right:18px;}
.hiba-lightbox__hint{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;color:rgba(255,255,255,.75);font-size:.9rem;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14);padding:.35rem .6rem;border-radius: 0;backdrop-filter:blur(10px);}

@media (max-width: 720px){
  .hiba-lightbox__nav{width:46px;height:46px;font-size:26px;line-height:44px;}
  .hiba-lightbox__hint{display:none;}
}

/* About page */
.about-nav{padding:12px 0;margin-top:-18px;}
.about-nav-inner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start;}
.about-pill{display:inline-flex;align-items:center;gap:8px;padding:.55rem .85rem;border-radius: 0;border:1px solid rgba(15,43,85,.12);background:rgba(255,255,255,.75);box-shadow:0 14px 40px rgba(15,43,85,.08);color:rgba(15,43,85,.9);font-weight:800;text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.about-pill:hover{transform:translateY(-1px);box-shadow:0 18px 50px rgba(15,43,85,.10);border-color:rgba(255,198,0,.55);}

.about-sections{padding:10px 0 52px;}
.about-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px;}
.about-card{padding:18px 18px;}
.about-card-wide{margin-top:18px;padding:18px;}
.about-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.about-card-head h2{margin:0;font-size:1.35rem;letter-spacing:-.02em;}
.about-ico{width:44px;height:44px;border-radius: 0;display:flex;align-items:center;justify-content:center;background:rgba(255,198,0,.18);border:1px solid rgba(255,198,0,.30);}
.about-card p{margin:.35rem 0 0;color:rgba(15,43,85,.78);line-height:1.65;}

.about-quality{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start;}
.about-bullets{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px;}
.about-bullets li{display:flex;align-items:flex-start;gap:10px;color:rgba(15,43,85,.82);}
.about-bullets .icon-svg{margin-top:2px;}
.about-bullets .icon-svg svg{width:18px;height:18px;}
.about-quality-card{border-radius: 0;border:1px solid rgba(15,43,85,.10);background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.70));padding:16px;box-shadow:0 18px 55px rgba(15,43,85,.09);}

/* About extras */
.section-title--compact{margin-bottom:12px;}
.about-extras{padding:28px 0 10px;}
.about-values-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:14px;margin-top:14px;}
.about-value{padding:16px;}
.about-value-ico{width:44px;height:44px;border-radius: 0;display:flex;align-items:center;justify-content:center;background:rgba(255,198,0,.16);border:1px solid rgba(255,198,0,.30);margin-bottom:10px;}
.about-ico .icon-svg svg,.about-value-ico .icon-svg svg{width:22px;height:22px;}
.about-value h3{margin:0;font-size:1.05rem;letter-spacing:-.01em;}
.about-value p{margin:.45rem 0 0;color:rgba(15,43,85,.78);line-height:1.6;}
.about-skills{margin-top:14px;}
.about-skills-card{padding:18px;}
.about-bullets--cols{grid-template-columns:repeat(2, minmax(0, 1fr));}
.about-skills-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}

/* Home: why section */
.section-why{padding-top:0;}
.why-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;margin-top:18px;}
.why-card{padding:18px;}
.why-ico{width:48px;height:48px;border-radius: 0;display:flex;align-items:center;justify-content:center;background:rgba(255,198,0,.16);border:1px solid rgba(255,198,0,.30);margin-bottom:10px;}
.why-ico .icon-svg svg{width:22px;height:22px;}
.why-card h3{margin:0;font-size:1.1rem;letter-spacing:-.01em;}
.why-card p{margin:.55rem 0 0;color:rgba(15,43,85,.78);line-height:1.65;}
.why-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}

@media (max-width: 900px){
  .about-grid{grid-template-columns:1fr;}
  .about-quality{grid-template-columns:1fr;}
  .about-values-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
  .about-bullets--cols{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr;}
}

/* Home News / Blog */
.section-news .section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.section-news .section-subtitle{ margin:.3rem 0 0; color: rgba(15,43,85,.72); }
.news-card{ overflow:hidden; }
.news-thumb{ display:block; position:relative; border-radius: 0; overflow:hidden; background: rgba(15,43,85,.06); }
.news-thumb img{ display:block; width:100%; height:190px; object-fit:cover; }
.news-thumb-ph{ display:flex; align-items:center; justify-content:center; height:190px; color: rgba(15,43,85,.6); }
.news-body{ padding:1rem 1rem 1.1rem; }
.news-title{ margin:.45rem 0 .5rem; font-size:1.05rem; line-height:1.25; }
.news-title a{ color: inherit; text-decoration:none; }
.news-title a:hover{ text-decoration:underline; }
.news-excerpt{ margin:0 0 .85rem; color: rgba(15,43,85,.72); }
.news-cat{ font-weight:600; }
.dot{ margin:0 .35rem; opacity:.55; }
@media (max-width: 900px){
  .news-thumb img, .news-thumb-ph{ height:170px; }
  .section-news .section-head{ align-items:flex-start; flex-direction:column; }
}

/* Hizmet detail - request form (CF7) */
.hizmet-request{ margin: 1rem 0 1.05rem; padding: .95rem; border-radius: 0; background: rgba(15,43,85,.04); border: 1px solid rgba(15,43,85,.08); }
.hizmet-request-title{ font-weight: 800; margin: 0 0 .6rem; }
.hizmet-request .wpcf7 form{ margin-top: 0; }

/* ===========================
   Contact Page - Simple Modern
   =========================== */
.page-hero--simple .page-hero-card{ align-items:flex-start; }
.page-hero--simple .page-hero-meta{ margin-top: 1rem; display:grid; gap:.6rem; }
.page-hero--simple .page-hero-meta .mini{ display:flex; gap:.55rem; align-items:flex-start; padding:.65rem .8rem; border:1px solid rgba(15,43,85,.12); border-radius: 0; background: rgba(255,255,255,.75); }
.page-hero--simple .mini-ic{ width:32px; height:32px; border-radius: 0; display:grid; place-items:center; background: rgba(255,196,0,.16); border: 1px solid rgba(255,196,0,.28); }
.page-hero--simple .mini-ic svg{ width:18px; height:18px; }

.contact-simple{ padding-top: 0; }
.contact-layout{ display:grid; grid-template-columns: 1.1fr .9fr; gap: 1.25rem; align-items:start; }
.contact-info-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
.contact-info-grid .contact-card--full{ grid-column: 1 / -1; }
.contact-simple .contact-form{ position: sticky; top: 110px; }

@media (max-width: 980px){
  .contact-layout{ grid-template-columns: 1fr; }
  .contact-info-grid{ grid-template-columns: 1fr; }
  .contact-simple .contact-form{ position: static; }
}

/* v3.5 hotfix: prevent sidebar overflow breaking layout */
.content-grid > *{min-width:0;}
.sidebar .mini-title,.sidebar .mini-meta{overflow-wrap:anywhere;word-break:break-word;}


/* ===== Hizmet Detay (v3.8) ===== */
.hiba-service{padding:28px 0 10px;}
.hiba-service .container{min-width:0;}
.hiba-service__top{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch;}
@media (max-width: 980px){.hiba-service__top{grid-template-columns:1fr;}}

.hiba-service__gallery{padding:14px;min-width:0;}
.hiba-service__gallery-empty{padding:18px;text-align:left;}
.hiba-service__gallery-empty p{margin:.6rem 0 0;color:rgba(15,43,85,.75);}

.hiba-gallery{position:relative;}
.hiba-gallery__stage{position:relative;border-radius: 0;overflow:hidden;background:rgba(15,43,85,.06);}
.hiba-gallery__slide{display:none;}
.hiba-gallery__slide.is-active{display:block;}
.hiba-gallery__slide img{width:100%;height:420px;object-fit:cover;display:block;}
@media (max-width: 980px){.hiba-gallery__slide img{height:320px;}}
@media (max-width: 560px){.hiba-gallery__slide img{height:240px;}}

.hiba-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius: 0;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.32);color:#fff;font-size:28px;line-height:44px;text-align:center;cursor:pointer;backdrop-filter:blur(8px);}
.hiba-gallery__prev{left:12px;}
.hiba-gallery__next{right:12px;}

.hiba-gallery__thumbs{display:flex;gap:10px;margin-top:12px;overflow:auto;padding-bottom:2px;}
.hiba-gallery__thumb{border:1px solid rgba(15,43,85,.12);background:#fff;border-radius: 0;padding:0;cursor:pointer;flex:0 0 auto;overflow:hidden;}
.hiba-gallery__thumb img{width:92px;height:64px;object-fit:cover;display:block;}
.hiba-gallery__thumb.is-active{border-color:rgba(245,180,0,.7);box-shadow:0 10px 30px rgba(15,43,85,.12);}

.hiba-service__summary{padding:18px;min-width:0;}
.hiba-service__h2{margin:.85rem 0 .4rem;font-size:1.25rem;}
.hiba-service__lead{margin:0 0 1rem;color:rgba(15,43,85,.78);}
.hiba-service__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1rem;}
.hiba-service__cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:.25rem;}

.hiba-service__grid{display:grid;grid-template-columns:1fr 360px;gap:18px;margin-top:18px;align-items:start;}
@media (max-width: 980px){.hiba-service__grid{grid-template-columns:1fr;}}

.hiba-service__content{padding:18px;min-width:0;}
.hiba-service__aside{min-width:0;}
.hiba-service__aside-text{margin:.6rem 0 1rem;color:rgba(15,43,85,.75);}

/* Hizmet detay aside actions: keep aligned and prevent layout shifting */
.hiba-service__aside .service-actions{ display:flex; justify-content:flex-start; gap:10px; flex-wrap:wrap; margin-top:1rem; }

/* ensure footer never gets hidden by overflow */
body{overflow-x:hidden;}

/* ===========================
   Hizmet Detay (rebuilt v3.8+)
   =========================== */
.hizmet-gallery-main{ position:relative; border-radius: 0; overflow:hidden; border:1px solid rgba(15,43,85,.12); background:rgba(255,255,255,.6); box-shadow:0 18px 55px rgba(15,43,85,.10); }
.hizmet-gallery-slide img{ width:100%; height:auto; display:block; }
.hizmet-gallery-nav{ position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius: 0; border:1px solid rgba(255,255,255,.35); background:rgba(11,31,59,.55); color:#fff; display:grid; place-items:center; cursor:pointer; z-index:5; }
.hizmet-gallery-nav.prev{ left:12px; }
.hizmet-gallery-nav.next{ right:12px; }
.hizmet-gallery-thumbs{ display:flex; gap:.55rem; padding:.8rem .2rem 0; flex-wrap:wrap; }
.hizmet-thumb{ width:64px; height:52px; border-radius: 0; overflow:hidden; border:1px solid rgba(15,43,85,.12); background:rgba(255,255,255,.7); cursor:pointer; padding:0; }
.hizmet-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.hizmet-thumb.is-active{ outline:2px solid rgba(255,196,0,.65); border-color: rgba(255,196,0,.45); }

@media (max-width: 980px){
  .grid{ grid-template-columns: 1fr !important; }
  .card[style*="position:sticky"]{ position:relative !important; top:auto !important; }
}

/* ===========================
   Hotfixes (v4.5)
   - Ensure footer is always reachable/visible
   - Prevent single-hizmet layout from trapping scroll
   =========================== */

#content{ overflow: visible; }
main#content{ overflow: visible; }

/* Extra breathing room so footer never overlaps service section */
.hiba-service{ padding-bottom: 72px; }

/* Defensive: avoid any accidental clipping on large sections */
.hiba-service, .hero, .goat-section{ overflow: visible; }

/* Stabilize action row in service aside */
.hiba-service__aside .service-actions{ align-items: stretch; }
.hiba-service__aside .service-actions .btn{ white-space: nowrap; }

/* Make gallery nav always clickable above images */
.hizmet-gallery-nav{ z-index: 20; }



/* === Footer visibility hardening (v4.6) === */
html, body { height: auto; min-height: 100%; }
#content { position: relative; z-index: 1; }
.hiba-service, .goat-section, .hero { position: relative; z-index: 1; }
.site-footer { position: relative; z-index: 10; display: block !important; visibility: visible !important; margin-top: 24px; }
.site-footer * { box-sizing: border-box; }

/* ===========================
   Single Hizmet (v4.7) hardening
   - keep layout stable and ensure footer reachable
   =========================== */
.single-hiba_hizmet .hiba-service__body{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start;min-width:0;}
.single-hiba_hizmet .hiba-service__body > *{min-width:0;}
@media (max-width: 980px){
  .single-hiba_hizmet .hiba-service__body{grid-template-columns:1fr;}
  .single-hiba_hizmet .hiba-service__aside .card{position:relative !important; top:auto !important;}
}
.single-hiba_hizmet .mini-title, .single-hiba_hizmet .mini-meta{overflow-wrap:anywhere;}
/* Footer visibility on single hizmet */
.single-hiba_hizmet .site-footer{clear:both;}

/* ==========================================================
   Boxed layout (requested) — especially for single-hizmet
   Keeps content in a centered card with modern shadow.
   ========================================================== */
/* ==========================================================
   Global Boxed Layout
   Applies to the entire theme (wrapper: .hiba-boxed-site)
   ========================================================== */
body{background:#f3f6fb;padding:14px;}
.hiba-boxed-site{
  max-width:1240px;
  margin:0 auto;
  background:#fff;
  border-radius: 0;
  box-shadow:0 18px 55px rgba(10, 20, 40, .10);
  overflow:hidden;
}
@media (max-width: 720px){
  body{padding:0;}
  .hiba-boxed-site{border-radius: 0;box-shadow:none;}
}
.hiba-boxed{max-width:1240px;margin:0 auto;padding:22px 16px;}
@media (min-width: 1024px){
  .hiba-boxed{padding:28px 20px;}
}
.hiba-boxed-card{
  background:#fff;
  border-radius: 0;
  box-shadow:0 14px 40px rgba(10, 20, 40, .10);
  overflow:hidden;
}
/* Ensure inner hero/container doesn't touch edges on boxed pages */
.hiba-boxed-card .container{padding-left:20px;padding-right:20px;}
@media (max-width: 640px){
  .hiba-boxed-card .container{padding-left:14px;padding-right:14px;}
}
/* Footer should sit outside any sticky/stacking contexts */
.site-footer{position:relative;z-index:1;}

/* --- Hotfix: ensure footer visible on service detail pages --- */
body.single-hiba_hizmet #page,
body.single-hiba_hizmet .site,
body.single-hiba_hizmet .site-content,
body.single-hiba_hizmet main,
body.single-hiba_hizmet .hizmet-page,
body.single-hiba_hizmet .hizmet-grid,
body.single-hiba_hizmet .hizmet-wrap { overflow: visible !important; }

body.single-hiba_hizmet .site-footer,
body.single-hiba_hizmet footer.site-footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 999 !important;
  clear: both !important;
  margin-top: 2rem;
}


/* ===========================
   Hotfix: single hizmet footer visibility + layout hardening
   =========================== */
body.single-hiba_hizmet main#content{overflow:visible;}
body.single-hiba_hizmet .hiba-service{overflow:visible;}
body.single-hiba_hizmet .hiba-service__body{margin-bottom:32px;}
body.single-hiba_hizmet .site-footer{position:relative; z-index:5; clear:both;}

/* ===========================
   Grid helpers (Blog + cards)
   =========================== */
.grid{ display:grid; gap: 1.25rem; }
.grid.cards-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.cards-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 980px){
  .grid.cards-3{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .grid.cards-2, .grid.cards-3{ grid-template-columns: 1fr; }
}

/* ===========================
   Service top slider fallback
   (keeps layout even if service-v6.css is not loaded due to cache/minify)
   =========================== */
.service-top-slider{ padding: 1.1rem 0 1.25rem; }
.service-top-slider__inner{ border:1px solid rgba(15,43,85,.12); background:#fff; }
.service-top-slider__stage{ position:relative; overflow:hidden; background: rgba(15,43,85,.03); }
.service-top-slider__slide{ display:none; }
.service-top-slider__slide[data-active="1"],
.service-top-slider__slide:first-child{ display:block; }
.service-top-slider__slide img{ display:block; width:100%; height:auto; max-height: 440px; object-fit: cover; }
.service-top-slider__nav{ position:absolute; top:50%; transform:translateY(-50%); z-index: 20; width:44px; height:44px; border:1px solid rgba(255,255,255,.35); background:rgba(11,31,59,.55); color:#fff; display:grid; place-items:center; text-decoration:none; font-size:28px; line-height:1; }
.service-top-slider__nav--prev{ left: 10px; }
.service-top-slider__nav--next{ right: 10px; }
.service-top-slider__thumbs{ display:flex; gap:8px; padding:10px; overflow:auto; border-top:1px solid rgba(15,43,85,.12); }
.service-top-slider__thumb{ border:1px solid rgba(15,43,85,.12); background:#fff; padding:0; width:84px; height:56px; flex:0 0 auto; cursor:pointer; opacity:.82; }
.service-top-slider__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.service-top-slider__thumb.is-active{ opacity:1; border-color: rgba(255,196,0,.55); box-shadow: 0 0 0 3px rgba(255,196,0,.18); }
@media (min-width: 992px){
  body.single-hiba_hizmet .hiba-service__aside-card{position:static !important; top:auto !important;}
}

/* ===========================
   Contact (Corporate) – Full width map + Company info + CF7 form
   =========================== */
.contact-map-full{width:100%; background:#0b1220;}
.contact-map-full iframe{display:block; width:100%; height:380px; border:0;}
.contact-map-placeholder{display:flex; gap:.75rem; align-items:center; justify-content:center; padding:2rem 1rem; color:rgba(255,255,255,.85);}
.contact-map-placeholder .icon-svg svg{width:22px; height:22px;}

.contact-corporate .contact-corp-head{margin:0 0 1rem;}
.contact-corporate .contact-corp-grid{display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:start;}
.contact-corporate .contact-corp-title{margin:0 0 .9rem; font-size:1.15rem;}
.contact-corp-dl{margin:0; display:flex; flex-direction:column; gap:.75rem;}
.contact-corp-dl .row{display:grid; grid-template-columns: 210px 1fr; gap:12px; align-items:start; padding:.65rem .75rem; border-radius: 0; background:rgba(12,20,36,.04);}
.contact-corp-dl dt{font-weight:700; color:rgba(12,20,36,.72);}
.contact-corp-dl dd{margin:0;}
.contact-corp-dl a{text-decoration:none;}
.contact-corp-quick{display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1rem;}
.contact-corp-form .wpcf7 form{margin:0;}

@media (max-width: 980px){
  .contact-corporate .contact-corp-grid{grid-template-columns:1fr;}
  .contact-corp-dl .row{grid-template-columns: 1fr;}
}

/* ===========================
   Homepage add-ons (v6.1.14)
   =========================== */
.home-announce{ background:linear-gradient(90deg, rgba(255,196,0,.18), rgba(31,95,174,.10)); border-top:1px solid rgba(11,31,59,.06); border-bottom:1px solid rgba(11,31,59,.06); }
.home-announce-inner{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 0; }
.home-announce-left{ display:flex; align-items:center; gap:.6rem; color:var(--hiba-text); }
.home-announce-left .icon-svg{ width:20px; height:20px; }
.btn.btn-sm{ padding:.55rem .85rem; font-size:.95rem; }

.home-shortcuts{ padding:3.2rem 0 2.4rem; background:var(--hiba-bg); }
.shortcut-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1rem; }
.shortcut-card{ display:flex; gap:1rem; padding:1rem; background:var(--hiba-card); border:1px solid rgba(11,31,59,.08); box-shadow:var(--shadow-sm); text-decoration:none; color:inherit; min-width:0; transition:transform .15s ease, box-shadow .15s ease; }
.shortcut-card:hover{ transform:translateY(-1px); box-shadow:var(--shadow); }
.shortcut-media{ width:72px; height:72px; flex:0 0 72px; overflow:hidden; border:1px solid rgba(11,31,59,.10); background:#fff; display:flex; align-items:center; justify-content:center; }
.shortcut-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.shortcut-ph .icon-svg{ width:28px; height:28px; }
.shortcut-body{ display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.shortcut-title{ font-size:1.05rem; line-height:1.25; }
.shortcut-text{ color:var(--hiba-muted); font-size:.95rem; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.shortcut-cta{ margin-top:.15rem; color:var(--hiba-blue); font-weight:600; }

.home-faq{ padding:3rem 0; }
.faq-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1rem; }
.faq-item{ background:var(--hiba-card); border:1px solid rgba(11,31,59,.08); box-shadow:var(--shadow-sm); }
.faq-item summary{ list-style:none; cursor:pointer; padding:1rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; font-weight:700; }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary svg{ width:18px; height:18px; flex:0 0 18px; transition:transform .2s ease; }
.faq-item[open] summary svg{ transform:rotate(180deg); }
.faq-body{ padding:0 1rem 1rem; color:var(--hiba-muted); }

@media (max-width: 1024px){
  .shortcut-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px){
  .home-announce-inner{ flex-direction:column; align-items:flex-start; }
  .shortcut-grid{ grid-template-columns:1fr; }
  .faq-grid{ grid-template-columns:1fr; }
}

/* ------------------------------------------------------------
   About + Contact enhancements (v6.1.17)
------------------------------------------------------------ */
.about-stats{padding:40px 0}
.about-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.about-stat{padding:18px}
.about-stat__value{font-size:28px;font-weight:800;letter-spacing:-.02em}
.about-stat__label{margin-top:6px;color:rgba(15,43,85,.75);font-weight:600}
@media (max-width: 980px){.about-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 520px){.about-stats-grid{grid-template-columns:1fr}}

.about-process{padding:10px 0 50px}
.about-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.about-step{padding:18px}
.about-step .badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border:1px solid rgba(15,43,85,.16);background:#fff;margin-bottom:10px;font-weight:800}
.about-step h3{margin:4px 0 8px}
.about-step p{margin:0;color:rgba(15,43,85,.75)}
@media (max-width: 980px){.about-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 520px){.about-process-grid{grid-template-columns:1fr}}

.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px}
.contact-actions .btn{display:inline-flex;align-items:center;gap:8px}

.contact-faq{margin-top:18px}
.contact-faq-inner{padding:18px}
.contact-faq-inner h2{margin:0 0 10px}
.contact-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.contact-faq-item{border:1px solid rgba(15,43,85,.12);background:#fff;padding:12px}
.contact-faq-item summary{cursor:pointer;font-weight:700;list-style:none}
.contact-faq-item summary::-webkit-details-marker{display:none}
.contact-faq-item p{margin:10px 0 0;color:rgba(15,43,85,.75)}
@media (max-width: 980px){.contact-faq-grid{grid-template-columns:1fr}}

/* ===========================
   Quote form (mini teklif)
   =========================== */
.hiba-quote{margin-top:10px;}
.hiba-quote__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media (max-width: 700px){.hiba-quote__grid{grid-template-columns:1fr;}}
.hiba-field span{display:block;font-weight:600;margin:0 0 6px;}
.hiba-field input,.hiba-field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:0;background:#fff;}
.hiba-quote__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.hiba-quote__status{margin-top:10px;padding:10px 12px;border:1px solid var(--line);}
.hiba-quote__status.is-ok{border-color:#2e7d32;}
.hiba-quote__status.is-error{border-color:#c62828;}

/* About - certs */
.about-certs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:center;}
@media (max-width: 1100px){.about-certs-grid{grid-template-columns:repeat(4,1fr);}}
@media (max-width: 700px){.about-certs-grid{grid-template-columns:repeat(2,1fr);}}
.about-cert{display:flex;align-items:center;justify-content:center;padding:14px;min-height:84px;}
.about-cert img{max-height:56px;width:auto;height:auto;object-fit:contain;}

/* =========================================================
   Corporate Polish Pack (Stable v7)
   - Small, safe, visual improvements
   - No markup changes required
========================================================= */
:root{
  --hiba-maxw: 1200px;
  --hiba-radius: 0px;
  --hiba-border: rgba(17,24,39,.12);
  --hiba-shadow: 0 10px 24px rgba(17,24,39,.08);
  --hiba-shadow-sm: 0 6px 14px rgba(17,24,39,.08);
  --hiba-text: #0f172a;
  --hiba-muted: #475569;
}

html{scroll-behavior:smooth;}
body{
  color: var(--hiba-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.container{max-width: var(--hiba-maxw);}

h1,h2,h3,h4{
  letter-spacing: -.01em;
  line-height: 1.15;
}
h1{font-size: clamp(28px, 3.2vw, 44px);}
h2{font-size: clamp(22px, 2.2vw, 32px);}
h3{font-size: clamp(18px, 1.6vw, 22px);}

p, li{line-height: 1.7;}

/* Buttons */
.btn,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  border-radius: 0 !important;
  transition: transform .08s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
}
.btn:active,
button:active,
.woocommerce a.button:active,
.woocommerce button.button:active{
  transform: translateY(1px);
}

:where(a,button,input,select,textarea):focus-visible{
  outline: 2px solid rgba(24,99,220,.55);
  outline-offset: 2px;
}

/* Cards */
.card,
.woocommerce ul.products li.product,
.woocommerce div.product,
.mini-cart__panel,
.visual-card,
.feature{
  border: 1px solid var(--hiba-border);
  box-shadow: var(--hiba-shadow-sm);
}

/* Reduce visual noise on long pages */
section{padding-block: clamp(28px, 3.2vw, 56px);}
section.hero{padding-block: clamp(34px, 4vw, 70px);} 

/* Forms */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select{
  border-radius: 0 !important;
  border-color: var(--hiba-border);
}

/* Shop: consistent media sizing */
.woocommerce ul.products li.product a img{
  width: 100%;
  height: auto;
  display: block;
}

/* Product single: keep gallery compact and corporate */
.single-product .woocommerce-product-gallery{max-width: 100%;}
.single-product .woocommerce-product-gallery__wrapper img{
  max-height: 520px;
  object-fit: contain;
}
@media (max-width: 768px){
  .single-product .woocommerce-product-gallery__wrapper img{max-height: 360px;}
}

/* Breadcrumb + headings spacing */
.woocommerce .woocommerce-breadcrumb{color: var(--hiba-muted);} 
.woocommerce .woocommerce-breadcrumb a{color: inherit; text-decoration: none;}
.woocommerce .woocommerce-breadcrumb a:hover{text-decoration: underline;}

/* Keep admin bar from breaking sticky layouts */
body.admin-bar .site-header{top: 32px;}
@media (max-width: 782px){body.admin-bar .site-header{top: 46px;}}


/* ===== v8.4 clean rebuild ===== */
.header-cta .btn,
.topbar .btn,
.footer-action,
.footer-topbar .btn,
.primary-menu a,
.primary-menu a:hover{transform:none !important;}

.site-header{background:rgba(245,248,255,.96);backdrop-filter:none;}
.topbar{background:#0b1f3b;}
.topbar-inner{padding:.42rem 0;}
.topbar-link,.topbar-text{font-size:.84rem;}

.site-footer--modern{padding-top:1.25rem;}
.footer-topbar{padding:.85rem 1rem;margin-bottom:.85rem;}
.footer-grid--v3{grid-template-columns:1.2fr .9fr .9fr 1.05fr;gap:.85rem;}
.footer-panel{padding:.95rem;min-height:100%;}
.footer-panel .widget-title{margin-bottom:.7rem;}
.footer-panel .widget{margin:0;}
.footer-bottom{margin-top:1rem;padding-top:.8rem;}
.footer-bottom__note{display:none;}
@media (max-width:980px){.footer-grid--v3{grid-template-columns:1fr 1fr;}}
@media (max-width:640px){.footer-grid--v3{grid-template-columns:1fr;}.footer-topbar{padding:.8rem;}}

.inner-hero-clean{padding:2.3rem 0 1.1rem;background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);border-bottom:1px solid rgba(15,43,85,.08);}
.inner-hero-clean__crumbs{display:flex;gap:.45rem;flex-wrap:wrap;color:var(--hiba-muted);font-size:.92rem;margin-bottom:.8rem;}
.inner-hero-clean__wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:1rem;align-items:start;}
.inner-hero-clean__card{padding:1.2rem;}
.inner-hero-clean__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;}
.inner-hero-clean__meta-item{padding:.85rem;border:1px solid rgba(15,43,85,.1);background:#fff;}
.inner-hero-clean__meta-item strong{display:block;font-size:.82rem;color:var(--hiba-muted);margin-bottom:.2rem;}
.inner-hero-clean__meta-item span{font-weight:700;color:var(--hiba-text);}
@media (max-width:900px){.inner-hero-clean__wrap{grid-template-columns:1fr;}.inner-hero-clean__meta{grid-template-columns:1fr;}}

.detail-layout{padding:1.4rem 0 3rem;}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:1rem;align-items:start;}
.detail-card{padding:1.2rem;}
.detail-card + .detail-card{margin-top:1rem;}
.detail-side{position:sticky;top:108px;display:grid;gap:1rem;}
.detail-list{display:grid;gap:.7rem;margin:0;padding:0;list-style:none;}
.detail-list li{display:flex;gap:.7rem;align-items:flex-start;color:var(--hiba-text);}
.detail-list li .icon-svg{margin-top:.15rem;color:var(--hiba-yellow-2);}
.detail-gallery{display:grid;gap:.7rem;}
.detail-gallery__main img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(15,43,85,.1);background:#fff;}
.detail-gallery__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;}
.detail-gallery__thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(15,43,85,.1);background:#fff;}
.detail-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;}
.detail-step{padding:1rem;border:1px solid rgba(15,43,85,.08);background:#fff;}
.detail-step strong{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#0b1f3b;color:#fff;margin-bottom:.6rem;font-size:.95rem;}
.detail-links{display:grid;gap:.55rem;}
.detail-links a{padding:.8rem .9rem;border:1px solid rgba(15,43,85,.1);background:#fff;font-weight:700;text-decoration:none;}
.detail-links a:hover{border-color:rgba(255,196,0,.45);}
@media (max-width:980px){.detail-grid{grid-template-columns:1fr;}.detail-side{position:static;}.detail-steps{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.detail-gallery__thumbs,.detail-steps{grid-template-columns:1fr 1fr;}}

.contact-clean{padding:1.8rem 0 3rem;}
.contact-clean__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start;}
.contact-clean__cards{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0;}
.contact-clean__card{padding:1rem;}
.contact-clean__service-areas{padding:1rem;margin-top:1rem;}
.contact-clean__actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem;}
.contact-clean__form{padding:1.1rem;}
.contact-clean__map{overflow:hidden;border:1px solid rgba(15,43,85,.1);background:#fff;min-height:320px;}
.contact-clean__map iframe{width:100%;height:100%;min-height:320px;border:0;display:block;}
.contact-clean__service-list{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0;padding:0;list-style:none;}
.contact-clean__service-list li{padding:.7rem .8rem;border:1px solid rgba(15,43,85,.08);background:#fff;}
@media (max-width:980px){.contact-clean__grid,.contact-clean__cards{grid-template-columns:1fr;}.contact-clean__service-list{grid-template-columns:1fr;}}

.bank-accounts{padding:1.8rem 0 3rem;}
.bank-accounts__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:1rem;margin-bottom:1rem;}
.bank-accounts__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.bank-card{padding:1.2rem;}
.bank-card__label{font-size:.84rem;font-weight:700;color:var(--hiba-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem;}
.bank-card__value{font-weight:800;color:var(--hiba-text);font-size:1.05rem;word-break:break-word;}
.bank-card__rows{display:grid;gap:.8rem;margin-top:1rem;}
.bank-card__row{padding:.85rem;border:1px solid rgba(15,43,85,.08);background:#fff;}
.bank-note{padding:1rem;}
@media (max-width:900px){.bank-accounts__intro,.bank-accounts__grid{grid-template-columns:1fr;}}


/* v8.5 polish */
.primary-menu li.menu-item-has-children > a{padding-right:1rem;}
.primary-menu li.menu-item-has-children > a:after{display:none !important;}
.primary-menu a{
  position:relative;
  padding:.95rem .9rem;
  border-radius:0;
  background:transparent !important;
}
.primary-menu a:hover{color:var(--hiba-text);}
.primary-menu a::after{
  content:"";
  position:absolute;
  left:.9rem;
  right:.9rem;
  bottom:.45rem;
  height:2px;
  border-radius:999px;
  background:var(--hiba-yellow);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.primary-menu .current-menu-item > a::after,
.primary-menu .current_page_item > a::after,
.primary-menu .current-menu-ancestor > a::after,
.primary-menu a:hover::after{transform:scaleX(1) !important;}
.header-cta .btn,.topbar .btn,.footer-action,.footer-pill{transition:none !important;transform:none !important;}
.header-cta .btn:hover,.topbar .btn:hover,.footer-action:hover{transform:none !important;}

.site-footer--modern{
  padding:1.1rem 0 .75rem;
  background:linear-gradient(180deg,#0a1b36 0%,#071529 100%);
}
.footer-topbar{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center;
  padding:0 0 1rem;
  margin-bottom:1rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-grid--v3{display:grid;grid-template-columns:1.15fr .8fr .9fr 1fr;gap:1rem;align-items:start;}
.footer-panel{padding:1rem 1rem 1.05rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);min-height:100%;}
.footer-panel--brand,.footer-panel--posts{background:rgba(255,255,255,.04);}
.footer-widget .menu,.footer-links{display:grid;gap:.45rem;margin:0;padding:0;list-style:none;}
.footer-widget .menu a,.footer-links a{text-decoration:none;opacity:.92;}
.footer-map__frame iframe{width:100%;height:180px;border:0;border-radius:14px;display:block;}
.footer-bottom{margin-top:1rem;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.08);}
@media (max-width:1024px){.footer-grid--v3{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:680px){.footer-topbar,.footer-grid--v3{grid-template-columns:1fr;display:grid;}.footer-topbar__right{justify-content:flex-start;flex-wrap:wrap;}}

.inner-hero-clean{padding:2rem 0 1rem;}
.inner-hero-clean__card{padding:1.3rem 1.35rem;border-radius:20px;}
.inner-hero-clean__wrap--contact{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);}
.badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border-radius:999px;background:#fff4cc;color:#7a5b00;font-weight:700;font-size:.78rem;margin-bottom:.85rem;}
.detail-layout{padding:1rem 0 2.4rem;}
.detail-grid{gap:1.15rem;}
.detail-card{padding:1.35rem;border-radius:20px;box-shadow:0 18px 50px rgba(12,32,66,.06);}
.detail-side{gap:1rem;}
.detail-list--two{grid-template-columns:repeat(2,minmax(0,1fr));}
.detail-gallery__main img,.detail-gallery__thumbs img{border-radius:16px;overflow:hidden;}
.detail-step{border-radius:18px;}
.bank-accounts{padding:1rem 0 2.4rem;}
.bank-accounts__intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1rem;margin-bottom:1rem;}
.bank-accounts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.bank-card{padding:1.25rem;border-radius:20px;}
.bank-card h2{font-size:1.1rem;margin:0 0 .9rem;}
.bank-card__rows{display:grid;gap:.7rem;}
.bank-card__row{padding:.8rem .9rem;border:1px solid rgba(15,43,85,.08);border-radius:14px;background:#f8fbff;}
.bank-card__label{font-size:.78rem;color:var(--hiba-muted);margin-bottom:.15rem;}
.bank-card__value{font-weight:700;color:var(--hiba-text);word-break:break-word;}
.contact-clean--premium{padding:1rem 0 2.4rem;}
.contact-clean__layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:1rem;align-items:start;}
.contact-clean__sidebar{display:grid;gap:1rem;}
.contact-clean__form--large{padding:1.35rem;}
.contact-clean__map-row{margin-top:1rem;}
.contact-clean__map iframe{width:100%;height:380px;border:0;border-radius:18px;display:block;}
.hiba-product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:1rem;align-items:start;}
.hiba-product-gallery,.hiba-product-summary,.hiba-product-after{border-radius:20px;}
.hiba-product-summary .price{font-size:1.5rem;font-weight:800;color:var(--hiba-text);}
.hiba-product-summary form.cart{display:grid;gap:.75rem;align-items:start;}
.hiba-product-summary .single_add_to_cart_button{min-height:48px;border-radius:14px;}
@media (max-width:980px){
  .detail-list--two,.bank-accounts__grid,.contact-clean__layout,.hiba-product-layout,.bank-accounts__intro{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .primary-menu a{padding:.85rem 0;}
  .primary-menu a::after{left:0;right:0;bottom:.15rem;}
  .inner-hero-clean__card,.detail-card,.bank-card{border-radius:16px;}
}


/* v8.5.1 final touches */
.about-policies-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;}
.about-policy-card--wide{grid-column:1 / -1;}
.about-mascot-card h3{margin:0 0 .8rem;}
.about-mascot-wrap{display:grid;gap:.85rem;justify-items:center;text-align:center;}
.about-mascot-wrap img{max-width:220px;width:100%;height:auto;object-fit:contain;}
.about-mascot-wrap p{margin:0;color:var(--hiba-muted);}
.contact-meta-card .inner-hero-clean__meta{grid-template-columns:1fr 1fr;}
.contact-meta-card .inner-hero-clean__meta-item span,
.contact-meta-mail span,
.break-mail,
.break-mail a{word-break:break-word;overflow-wrap:anywhere;display:block;}
.contact-clean__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:1rem;align-items:start;}
.contact-clean__sidebar{display:grid;gap:1rem;}
.contact-info-table{display:grid;gap:.7rem;}
.contact-info-table > div{display:grid;gap:.25rem;padding:.85rem .95rem;border:1px solid rgba(15,43,85,.08);background:#fff;border-radius:14px;}
.contact-info-table strong{font-size:.8rem;color:var(--hiba-muted);}
.contact-info-table span{color:var(--hiba-text);}
.contact-clean__map-row{margin-top:1rem;}
.contact-clean__map iframe{width:100%;height:360px;border:0;display:block;border-radius:18px;}
@media (max-width:980px){
  .about-policies-grid,
  .contact-clean__layout,
  .contact-meta-card .inner-hero-clean__meta{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .inner-hero-clean{padding:1.4rem 0 .75rem;}
  .inner-hero-clean__wrap,
  .inner-hero-clean__wrap--contact,
  .detail-grid,
  .contact-clean__grid,
  .contact-clean__layout,
  .bank-accounts__intro,
  .bank-accounts__grid,
  .hiba-product-layout{grid-template-columns:1fr !important;}
  .detail-side{position:static;}
  .detail-list--two{grid-template-columns:1fr;}
  .detail-steps{grid-template-columns:1fr;}
  .detail-gallery__thumbs{grid-template-columns:repeat(2,1fr);}
  .contact-clean__actions{flex-direction:column;align-items:stretch;}
  .contact-clean__actions .btn{width:100%;justify-content:center;}
  .contact-clean__map iframe{height:280px;}
  .footer-topbar{display:grid;grid-template-columns:1fr;gap:.8rem;}
  .footer-topbar__right{justify-content:flex-start;}
  .footer-grid--v3{grid-template-columns:1fr;}
  .footer-panel,.inner-hero-clean__card,.detail-card,.bank-card,.contact-clean__form{padding:1rem;border-radius:16px;}
}

/* v8.5.2 footer + contact final polish */
.footer-about-text{
  margin:0 0 .95rem;
  color:rgba(255,255,255,.78);
  line-height:1.7;
  font-size:.96rem;
  max-width:34ch;
}
.footer-contact{display:grid;gap:.55rem;}
.footer-contact__row{margin:0;}
.footer-contact__row a,.footer-contact__row span{display:block;word-break:break-word;overflow-wrap:anywhere;}
.footer-panel--brand{display:flex;flex-direction:column;gap:.85rem;}
.inner-hero-clean__wrap--contact{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;}
.contact-meta-card{min-width:0;}
.contact-meta-card .inner-hero-clean__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;}
.contact-meta-card .inner-hero-clean__meta-item{min-width:0;padding:.8rem .9rem;border:1px solid rgba(15,43,85,.08);border-radius:14px;background:#f8fbff;}
.contact-meta-card .inner-hero-clean__meta-item strong{display:block;margin-bottom:.2rem;}
.contact-clean__layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1.1rem;}
.contact-clean__card,.contact-clean__service-areas{padding:1.15rem 1.1rem;}
.contact-info-table > div{grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);align-items:start;column-gap:.85rem;}
.contact-info-table span,.contact-info-table a{min-width:0;word-break:break-word;overflow-wrap:anywhere;}
@media (max-width:980px){
  .inner-hero-clean__wrap--contact,
  .contact-clean__layout,
  .contact-meta-card .inner-hero-clean__meta,
  .contact-info-table > div{grid-template-columns:1fr !important;}
}
@media (max-width:640px){
  .footer-about-text{max-width:none;font-size:.93rem;}
  .contact-clean__card,.contact-clean__service-areas,.contact-clean__form--large{padding:1rem;}
}


/* Footer mascot polish (v8.5.3) */
.footer-title--white,
.footer-panel--brand .widget-title{ color:#fff !important; }
.footer-mascot{
  display:grid;
  grid-template-columns: 72px 1fr;
  gap: .85rem;
  align-items:start;
  margin: 0 0 1rem;
}
.footer-mascot__media{
  width:72px;
  height:72px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.footer-mascot__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.footer-mascot__speech{
  position:relative;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  padding: .8rem .9rem;
  color: rgba(255,255,255,.92);
}
.footer-mascot__speech:before{
  content:'';
  position:absolute;
  left:-10px;
  top:18px;
  width:18px;
  height:18px;
  background: inherit;
  border-left:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
  transform: rotate(45deg);
}
.footer-mascot__label{
  color:#fff;
  font-weight:800;
  font-size:.92rem;
  margin:0 0 .35rem;
}
.footer-mascot__speech p{ margin:0; color: rgba(255,255,255,.84); line-height:1.65; font-size:.94rem; }
.footer-title--white{ color:#fff !important; }

.footer-mascot--textonly{
  grid-template-columns: minmax(0, 1fr);
}

.footer-mascot--textonly .footer-mascot__speech{
  width:100%;
}

.footer-mascot--textonly .footer-mascot__speech:before{
  display:none;
}

@media (max-width: 767px){
  .footer-mascot{ grid-template-columns: 56px 1fr; }
  .footer-mascot__media{ width:56px; height:56px; }
  .footer-mascot__speech{ padding: .75rem .8rem; }
}


/* v8.5.5 fullwidth banner + contact hours */
.home-fullwidth-banner{
  width:100%;
  margin:0;
  padding:0;
}
.home-fullwidth-banner__media{
  width:100%;
  min-height:40px;
  background:#dfe8f5;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-fullwidth-banner__media img{
  display:block;
  width:100%;
  height:40px;
  object-fit:contain;
  object-position:center;
}
.contact-hours-card__rows{
  display:grid;
  gap:.75rem;
}
.contact-hours-card__row{
  display:grid;
  gap:.2rem;
  padding:.9rem .95rem;
  border:1px solid rgba(15,43,85,.08);
  background:#fff;
  border-radius:14px;
}
.contact-hours-card__row strong{
  font-size:.8rem;
  color:var(--hiba-muted);
}
.contact-hours-card__row span{
  color:var(--hiba-text);
  font-weight:700;
}
.contact-hours-card__row--tech{
  background:linear-gradient(180deg,#f7fbff,#eef5ff);
  border-color:rgba(31,95,174,.15);
}
@media (max-width:980px){
  .home-fullwidth-banner__media img{height:40px;}
}
@media (max-width:640px){
  .home-fullwidth-banner__media img{height:40px;}
}


.footer-cta{
  margin:0 0 1rem;
  border:1px solid rgba(255,196,0,.30);
  background:linear-gradient(135deg, rgba(255,196,0,.98), rgba(255,179,0,.96));
  color:#1b2435;
}
.footer-cta__content{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.15rem 1.2rem;
}
.footer-cta__text h2{
  margin:0 0 .25rem;
  color:#0b1f3b;
  font-size:1.4rem;
}
.footer-cta__text p{
  margin:0;
  color:rgba(11,31,59,.82);
}
.footer-cta__actions{
  display:flex;
  gap:.75rem;
  align-items:center;
  flex-wrap:wrap;
}
.footer-cta .btn-primary{
  background:#0b1f3b;
  color:#fff;
  box-shadow:none;
}
.footer-cta .btn-primary:hover{
  background:#10284d;
}
.footer-cta .btn-secondary{
  background:rgba(255,255,255,.6);
  border-color:rgba(11,31,59,.16);
}
.footer-bottom__inner{
  display:flex;
  justify-content:center;
  text-align:center;
}
@media (max-width:980px){
  .footer-cta__content{flex-direction:column; align-items:flex-start;}
}
@media (max-width:767px){
  .footer-cta__content{padding:1rem;}
  .footer-cta__actions{width:100%;}
  .footer-cta__actions .btn{flex:1 1 auto;}
}


/* v8.5.7 footer payments + testimonial slider */
.footer-payments{margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.12);}
.footer-payments__title{color:#fff;font-size:.9rem;font-weight:800;margin:0 0 .6rem;}
.footer-payments__logos{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;}
.footer-payments__logos img{display:block;height:32px;width:auto;max-width:132px;border:1px solid rgba(255,255,255,.12);background:#fff;padding:0;border-radius:8px;box-shadow:0 8px 18px rgba(0,0,0,.12);}
.footer-payments__strip img{display:block;max-width:100%;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#fff;padding:.35rem;}
.testimonials-grid{display:none;}
.testimonials-slider{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;}
.testimonials-viewport{overflow:hidden;}
.testimonials-track{display:flex;transition:transform .35s ease;will-change:transform;}
.testimonials-track .testimonial{flex:0 0 calc((100% - 2.4rem)/3);margin-right:1.2rem;}
.testimonials-track .testimonial:last-child{margin-right:0;}
.testimonials-nav{width:42px;height:42px;border:1px solid rgba(15,43,85,.12);background:#fff;color:var(--hiba-text);font-size:28px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);}
.testimonials-nav:hover{background:var(--hiba-bg);}
.testimonials-dots{display:flex;justify-content:center;gap:.45rem;margin-top:1rem;}
.testimonials-dots button{width:10px;height:10px;border:0;background:rgba(15,43,85,.22);padding:0;cursor:pointer;}
.testimonials-dots button.is-active{background:var(--hiba-blue);}
@media (max-width: 1180px){.testimonials-track .testimonial{flex-basis:calc((100% - 1.2rem)/2);}}
@media (max-width: 767px){.testimonials-slider{grid-template-columns:1fr;}.testimonials-nav{display:none;}.testimonials-track .testimonial{flex-basis:100%;margin-right:0;}}


/* v8.5.8 google map + reviews + compact footer */
.site-footer{margin-top:0;}
.site-footer--modern{padding-top:.55rem;padding-bottom:1.1rem;}
.footer-cta{margin:0 0 .75rem;}
.footer-cta__content{padding:1rem 1.1rem;}
.footer-grid--v3{gap:1rem;align-items:start;}
.footer-panel{padding:.95rem 1rem;}
.footer-panel .widget-title{margin-bottom:.7rem;}
.footer-mascot{margin:0 0 .75rem;}
.footer-contact{margin-bottom:.7rem;}
.footer-payments{margin-top:.75rem;padding-top:.75rem;}
.footer-bottom{margin-top:1rem;padding-top:.8rem;}

.google-reviews-home{padding-top:2.75rem;}
.google-reviews-home__intro{margin-top:.55rem;max-width:62ch;}
.google-reviews-home__grid{display:grid;grid-template-columns:1.2fr .95fr;gap:1.15rem;align-items:start;}
.google-reviews-home__mapcard{padding:1rem;}
.google-reviews-home__maphead{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:.9rem;}
.chip--google{background:rgba(31,95,174,.08);border-color:rgba(31,95,174,.18);}
.google-reviews-home__score{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.15rem;}
.google-reviews-home__score strong{font-size:1.6rem;line-height:1;color:var(--hiba-text);}
.google-reviews-home__score small{color:var(--hiba-muted);}
.google-reviews-home__stars{color:#ffb000;letter-spacing:.16em;font-size:1rem;}
.google-reviews-home__mapframe{border:1px solid rgba(15,43,85,.12);background:#fff;overflow:hidden;}
.google-reviews-home__mapframe iframe{display:block;width:100%;height:360px;border:0;}
.google-reviews-home__placeholder{min-height:360px;display:grid;place-items:center;padding:1rem;text-align:center;background:linear-gradient(180deg,#f9fbff,#eef4ff);}
.google-reviews-home__actions{margin-top:.9rem;display:flex;justify-content:flex-start;}
.google-reviews-home__quotes{display:grid;gap:.95rem;}
.google-review-quote{padding:1rem 1rem 1.05rem;}
.google-review-quote__stars{color:#ffb000;letter-spacing:.16em;font-size:1rem;margin:0 0 .5rem;}
.google-review-quote p{margin:0 0 .8rem;color:var(--hiba-text);font-weight:600;line-height:1.65;}
.google-review-quote__author{padding-top:.7rem;border-top:1px solid rgba(15,43,85,.10);color:var(--hiba-muted);font-weight:700;}

@media (max-width: 980px){
  .google-reviews-home__grid{grid-template-columns:1fr;}
  .google-reviews-home__mapframe iframe,
  .google-reviews-home__placeholder{height:320px;min-height:320px;}
}
@media (max-width: 767px){
  .site-footer--modern{padding-top:.4rem;padding-bottom:1rem;}
  .footer-grid--v3{grid-template-columns:1fr;gap:.85rem;}
  .footer-panel{padding:.9rem;}
  .footer-cta__content{padding:.95rem;}
  .google-reviews-home{padding-top:2.2rem;}
  .google-reviews-home__maphead{align-items:flex-start;}
  .google-reviews-home__score{align-items:flex-start;text-align:left;}
  .google-reviews-home__mapframe iframe,
  .google-reviews-home__placeholder{height:280px;min-height:280px;}
}

/* designer credit */
.footer-bottom-inner{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
flex-wrap:wrap;
}

.footer-designer{
font-size:13px;
opacity:.85;
}

.footer-designer a{
color:#fff;
text-decoration:none;
border-bottom:1px solid rgba(255,255,255,.3);
}

.footer-designer a:hover{
border-color:#ffc400;
}


/* v8.6.0 four-column premium footer */
.site-footer--modern{
  background: linear-gradient(180deg, #0a1b34 0%, #081428 100%);
}
.footer-grid--v4{
  display:grid;
  grid-template-columns: 1.45fr 1fr 1fr 1.05fr;
  gap: 1rem;
  align-items:start;
}
.footer-panel{
  min-height:100%;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
}
.footer-panel--brand{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}
.footer-panel--accent{
  background:linear-gradient(180deg, rgba(255,196,0,.10), rgba(255,255,255,.04));
}
.footer-links--quick a{
  font-weight:700;
}
.footer-links--quick a:before{
  background: rgba(255,255,255,.78);
  box-shadow: 0 0 0 4px rgba(255,255,255,.08);
}
.footer-contact__row a,
.footer-contact__row span{
  color: rgba(255,255,255,.88);
}
.footer-contact__row a:hover{
  color:#fff;
  text-decoration:none;
}
.footer-bottom--refined{
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:1rem;
  padding-top:.9rem;
}
.footer-bottom__inner--split{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}
.footer-designer{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .8rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.76);
  font-size:.88rem;
  line-height:1;
}
.footer-designer span{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.72rem;
  opacity:.9;
}
.footer-designer a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,196,0,.45);
  padding-bottom:2px;
}
.footer-designer a:hover{
  color:#fff2b8;
  border-color:#ffc400;
  text-decoration:none;
}
@media (max-width: 1100px){
  .footer-grid--v4{
    grid-template-columns: 1.2fr 1fr;
  }
}
@media (max-width: 767px){
  .footer-grid--v4{
    grid-template-columns: 1fr;
  }
  .footer-bottom__inner--split{
    align-items:flex-start;
  }
  .footer-designer{
    width:100%;
    justify-content:flex-start;
  }
}


/* v8.6.1 partners + bank logos */
.partners-showcase{
  padding-top:2.4rem;
}
.partners-showcase__head{
  margin-bottom:1.2rem;
}
.partners-showcase__intro{
  margin-top:.5rem;
  max-width:60ch;
}
.partners-showcase__grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:1rem;
  align-items:stretch;
}
.partners-showcase__item{
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,248,255,.96));
}
.partners-showcase__item img{
  max-width:100%;
  max-height:54px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:saturate(.95);
}
.bank-card__logo{
  height:56px;
  display:flex;
  align-items:center;
  margin:0 0 .85rem;
}
.bank-card__logo img{
  max-height:48px;
  width:auto;
  max-width:160px;
  object-fit:contain;
}
@media (max-width: 1100px){
  .partners-showcase__grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767px){
  .partners-showcase__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.75rem;
  }
  .partners-showcase__item{
    min-height:92px;
    padding:.85rem;
  }
  .partners-showcase__item img{
    max-height:42px;
  }
}


/* v8.6.2 widgetized footer + seo polish */
.footer-widget.widget:last-child{
  margin-bottom:0;
}
.footer-panel .widget + .widget{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-panel .textwidget,
.footer-panel .widget_text p,
.footer-panel .widget_block p{
  color:rgba(255,255,255,.82);
}
.footer-panel .widget ul{
  list-style:none;
  margin:0;
  padding:0;
}
.footer-panel .widget ul li{
  margin:.38rem 0;
}
.footer-panel .widget a{
  color:rgba(255,255,255,.92);
}
.footer-panel .widget a:hover{
  color:#fff2b8;
  text-decoration:none;
}
.footer-panel .wp-block-heading,
.footer-panel .widgettitle{
  color:#fff;
}


/* v9.0.0 popup final */
.site-popup[hidden]{display:none !important;}
.site-popup{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:1rem;
}
.site-popup__backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,20,40,.68);
  backdrop-filter:blur(4px);
}
.site-popup__dialog{
  position:relative;
  width:min(720px, calc(100vw - 2rem));
  max-height:calc(100vh - 2rem);
  z-index:1;
  background:#fff;
  border-radius:0;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.site-popup__media{
  display:block;
}
.site-popup__media img{
  display:block;
  width:100%;
  height:auto;
  max-height:85vh;
  object-fit:contain;
  background:#fff;
}
.site-popup__close{
  position:absolute;
  top:.75rem;
  right:.75rem;
  width:42px;
  height:42px;
  border:0;
  background:rgba(11,31,59,.78);
  color:#fff;
  font-size:1.7rem;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.site-popup__close:hover{
  background:#0b1f3b;
}
@media (max-width: 767px){
  .site-popup{
    padding:.75rem;
  }
  .site-popup__dialog{
    width:calc(100vw - 1rem);
  }
  .site-popup__close{
    top:.5rem;
    right:.5rem;
    width:38px;
    height:38px;
    font-size:1.45rem;
  }
}


/* v9.1.0 creative agency makeover */
:root{
  --hiba-navy:#140f2d;
  --hiba-navy-2:#211448;
  --hiba-blue:#7c4dff;
  --hiba-yellow:#ff6b6b;
  --hiba-yellow-2:#ff9f43;
  --hiba-bg:#fff8f1;
  --hiba-card:#ffffff;
  --hiba-text:#18122b;
  --hiba-muted:#62597b;
  --radius:24px;
  --shadow:0 24px 60px rgba(20,15,45,.12);
  --shadow-sm:0 14px 36px rgba(20,15,45,.10);
}
body{
  background:
    radial-gradient(circle at top left, rgba(255,107,107,.14), transparent 28%),
    radial-gradient(circle at top right, rgba(124,77,255,.12), transparent 26%),
    linear-gradient(180deg, #fffaf4 0%, #fff6ec 100%);
}
.badge,
.btn,
.card,
.hero-visual,
.visual-card,
.hero-arrow,
.feature,
.stat,
.shortcut-card,
.service-card,
.process-step,
.project-card,
.news-card,
.faq-item,
.cta-bar,
.footer-pill,
.footer-action,
.testimonial,
.home-announce-inner,
.product-cat-card,
.hp-tab,
select,
input,
textarea,
.site-popup__dialog{
  border-radius:var(--radius) !important;
}
.topbar{
  background:linear-gradient(90deg, rgba(124,77,255,.95), rgba(255,107,107,.95));
}
.site-header{
  background:rgba(255,250,244,.84);
  border-bottom:1px solid rgba(33,20,72,.08);
}
.nav-wrap,.site-nav .primary-menu a{font-weight:700;}
.btn-primary{
  color:#fff;
  background:linear-gradient(135deg, var(--hiba-blue), var(--hiba-yellow));
  box-shadow:0 16px 30px rgba(124,77,255,.24);
}
.btn-primary:hover{box-shadow:0 18px 36px rgba(124,77,255,.30);}
.btn-secondary,
.btn-link{
  background:#fff;
  border-color:rgba(33,20,72,.10);
}
.hero{
  overflow:hidden;
}
.hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,107,107,.20), transparent 20%),
    radial-gradient(circle at 85% 15%, rgba(124,77,255,.16), transparent 20%),
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,250,244,.92));
  pointer-events:none;
}
.hero .container{position:relative;z-index:1;}
.hero-grid{align-items:center;}
.hero-visual .visual-card{
  background:linear-gradient(145deg, rgba(124,77,255,.16), rgba(255,107,107,.12));
  border:1px solid rgba(124,77,255,.12);
}
.hero-visual-placeholder,
.service-media__placeholder,
.project-placeholder,
.news-thumb-ph,
.shortcut-ph,
.product-cat-card__icon{
  background:linear-gradient(135deg, rgba(124,77,255,.12), rgba(255,107,107,.14));
  color:var(--hiba-blue);
}
.feature .icon,
.stat-icon,
.why-ico,
.process-step .icon,
.step-badge,
.testimonial-stars,
.home-announce-left svg,
.goat-check,
.goat-dot,
.section-head .chip,
.project-link,
.footer-note-chip{
  color:var(--hiba-blue);
}
.section-title h2,
.section-head h2,
.goat-title,
.cta-copy h2,
.footer-cta__text h2{
  letter-spacing:-.03em;
}
.service-card,
.shortcut-card,
.project-card,
.news-card,
.testimonial,
.process-step,
.why-card,
.stat,
.faq-item,
.product-cat-card,
.footer-cta,
.footer-topbar,
.footer-panel,
.cta-bar,
.home-announce-inner{
  border:1px solid rgba(33,20,72,.08);
  box-shadow:var(--shadow-sm);
}
.home-announce-inner,
.cta-bar,
.footer-cta{
  background:linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,244,235,.96));
}
.goat-card,
.mascot-reco,
.footer-mascot__media{
  background:linear-gradient(180deg, rgba(124,77,255,.10), rgba(255,107,107,.10));
  border-radius:var(--radius);
}
.stats-strip,
.section-alt,
.home-products,
.home-product-cats,
.projects,
.testimonials,
.section-news{
  position:relative;
}
.stats-strip::before,
.section-alt::before,
.home-products::before,
.home-product-cats::before,
.projects::before,
.testimonials::before,
.section-news::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
  pointer-events:none;
}
.site-footer{
  background:linear-gradient(180deg, #18122b, #100b1f);
}
.footer-note-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.45rem .9rem;
  min-height:44px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-weight:700;
}
.footer-payments__logos{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}
.custom-logo{
  max-height:60px;
  width:auto;
}
@media (max-width: 767px){
  :root{ --radius:18px; }
  .hero::before{background:linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,249,241,.92));}
}


/* v9.1.0 header teklif button + creative footer refresh */
.btn-offer{
  padding:.92rem 1.2rem;
  white-space:nowrap;
}
.btn-offer .btn-icon svg{
  width:16px;
  height:16px;
}
.header-cta{
  margin-left:.35rem;
}
.footer-kicker{
  display:inline-flex;
  padding:.35rem .65rem;
  margin-bottom:.7rem;
  background:rgba(11,31,59,.12);
  border:1px solid rgba(11,31,59,.12);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer-showcase{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.2rem 1.1rem;
  margin:0 0 1rem;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
}
.footer-showcase__brand{
  display:flex;
  align-items:center;
  gap:1rem;
}
.footer-showcase__logo img{height:48px;width:auto;}
.footer-showcase__title{
  color:#fff;
  font-weight:900;
  font-size:1.05rem;
}
.footer-showcase__desc{
  margin:.2rem 0 0;
  max-width:60ch;
  color:rgba(255,255,255,.72);
}
.footer-showcase__badges{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.footer-pill--soft{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}
.footer-grid--creative{
  display:grid;
  grid-template-columns:1.4fr .9fr .9fr 1.05fr;
  gap:1rem;
}
.footer-panel--hero{
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at top left, rgba(255,196,0,.16), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
}
.footer-panel--hero::after{
  content:"";
  position:absolute;
  inset:auto -30px -30px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,196,0,.25), rgba(255,196,0,0));
  pointer-events:none;
}
.footer-panel__eyebrow{
  display:inline-flex;
  margin-bottom:.7rem;
  color:#ffc400;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.footer-title--white,
.footer-panel .widget-title{
  color:#fff;
}
.footer-lead{
  color:rgba(255,255,255,.76);
  margin-bottom:1rem;
}
.footer-contact--stack{
  display:grid;
  gap:.7rem;
  margin-bottom:1rem;
}
.footer-contact--stack .footer-contact__row{
  margin:0;
  display:grid;
  gap:.2rem;
}
.footer-contact--stack strong{
  color:#ffc400;
  font-size:.76rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer-panel--brief .footer-brief__text{
  color:rgba(255,255,255,.76);
}
.footer-brief__actions{
  margin-top:1rem;
}
.footer-payments--notes{
  border-top:1px solid rgba(255,255,255,.10);
}
.footer-links li+li{margin-top:.45rem;}
.footer-links a{
  color:rgba(255,255,255,.84);
}
.footer-links a:hover{
  color:#fff;
  text-decoration:none;
}
@media (max-width: 1180px){
  .footer-grid--creative{
    grid-template-columns:1.2fr 1fr;
  }
}
@media (max-width: 980px){
  .footer-showcase{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-showcase__badges{
    justify-content:flex-start;
  }
}
@media (max-width: 767px){
  .footer-grid--creative{
    grid-template-columns:1fr;
  }
  .btn-offer{
    padding:.82rem 1rem;
  }
}


/* ===========================
   Header Social Strip + Pro Footer overrides
   =========================== */
.header-prebar{
  border-bottom: 1px solid rgba(15,43,85,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,250,255,.72));
}
.header-prebar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  min-height:48px;
}
.header-prebar__social,
.header-prebar__meta{
  display:flex;
  align-items:center;
  gap:.8rem;
  flex-wrap:wrap;
}
.header-prebar__label{
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--hiba-muted);
}
.header-prebar__link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:var(--hiba-navy);
  font-size:.92rem;
  text-decoration:none;
}
.header-prebar__link .icon-svg{ color:var(--hiba-yellow-2); }
.topbar{
  background: rgba(255,255,255,.58);
  border-bottom:1px solid rgba(15,43,85,.08);
}
.topbar-inner{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.topbar-left,
.topbar-right{
  display:flex;
  align-items:center;
  gap:.75rem;
  flex-wrap:wrap;
}
.topbar-link,
.topbar-text{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-size:.92rem;
  color:var(--hiba-navy);
}
.topbar-link--offer{
  padding:.7rem 1rem;
  border-radius:14px;
  border:1px solid rgba(15,43,85,.14);
  background:#fff;
  font-weight:800;
}
.topbar-link--offer:hover{ text-decoration:none; transform:translateY(-1px); }
.btn-whatsapp{ white-space:nowrap; }
.social{
  display:flex;
  gap:.45rem;
  align-items:center;
  flex-wrap:wrap;
}
.header-prebar .social a{
  width:36px;
  height:36px;
  border-radius:12px;
  border:1px solid rgba(15,43,85,.12);
  background:#fff;
  color:var(--hiba-navy);
}
.header-prebar .social a:hover{
  background: rgba(255,196,0,.16);
  border-color: rgba(255,196,0,.35);
}
.site-footer--pro{
  padding-top:2.25rem;
}
.footer-cta--pro{
  padding:1.8rem 1.9rem;
  border-radius:26px;
  margin-bottom:1.35rem;
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.footer-grid--pro{
  grid-template-columns: 1.25fr .9fr .95fr 1.05fr;
  gap:1rem;
}
.footer-panel--brandpro,
.footer-panel--contactpro{
  background: rgba(255,255,255,.04);
}
.footer-showcase__logo--pro img{ height:58px; width:auto; }
.footer-brand-title{
  margin:.9rem 0 .45rem;
  color:#fff;
  font-size:1.2rem;
}
.footer-brand-text{
  margin:0 0 1rem;
  color:rgba(255,255,255,.76);
  max-width:32ch;
}
.footer-brand-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-bottom:1rem;
}
.footer-mini-badge{
  display:inline-flex;
  align-items:center;
  padding:.45rem .75rem;
  border-radius:999px;
  font-size:.82rem;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}
.footer-links--clean li{ margin:.2rem 0; }
.footer-links--clean a{
  display:flex;
  justify-content:space-between;
  gap:.5rem;
  padding:.52rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-links--clean a:before{ display:none; }
.footer-contact--card{
  gap:.9rem;
  margin-bottom:1rem;
}
.footer-contact--card .footer-contact__row{
  display:grid;
  grid-template-columns: 76px 1fr;
  gap:.8rem;
  align-items:start;
}
.footer-contact--card strong{ color:#fff; }
.footer-brief-card{
  padding:1rem;
  border-radius:18px;
  background: linear-gradient(135deg, rgba(255,196,0,.14), rgba(255,255,255,.05));
  border:1px solid rgba(255,196,0,.16);
}
.footer-brief-card__title{
  margin-bottom:.45rem;
  color:#fff;
  font-weight:800;
}
.footer-subgrid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:1rem;
  margin-top:1rem;
}
.footer-subpanel{
  padding:1rem 1.1rem;
  border-radius:18px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.footer-subpanel__title{
  color:#fff;
  font-size:.95rem;
  font-weight:800;
  margin-bottom:.65rem;
}
.footer-payments__logos--pro{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}
.footer-note-chip{
  display:inline-flex;
  align-items:center;
  padding:.45rem .8rem;
  border-radius:999px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.1);
  color:#fff;
  font-size:.84rem;
}
.footer-bottom--pro{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}
.footer-designer--pro{
  display:flex;
  align-items:center;
  gap:.45rem;
  flex-wrap:wrap;
  color:rgba(255,255,255,.68);
}
.footer-designer--pro a{ font-weight:700; }
.site-footer--pro .social a{
  border-radius:14px;
}
@media (max-width: 980px){
  .header-prebar__inner,
  .topbar-inner,
  .footer-bottom--pro{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-grid--pro,
  .footer-subgrid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .header-prebar__label{ width:100%; }
  .topbar-link--offer,
  .btn-whatsapp{ width:100%; justify-content:center; }
  .footer-cta--pro{ padding:1.4rem 1.15rem; }
  .footer-contact--card .footer-contact__row{ grid-template-columns:1fr; gap:.3rem; }
}


/* v3.1 header contact strip + footer readability */
.header-prebar{
  background:#0f1728;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header-prebar__inner{
  min-height:52px;
}
.header-prebar__meta{
  gap:1.1rem;
}
.header-prebar__social{
  margin-left:auto;
}
.header-prebar__link{
  color:rgba(255,255,255,.92);
  font-size:.9rem;
  font-weight:600;
}
.header-prebar__link .icon-svg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  color:#ffc400;
}
.header-prebar__link--static{
  cursor:default;
}
.header-prebar__link:hover{
  color:#fff;
  text-decoration:none;
}
.header-prebar .social{
  justify-content:flex-end;
}
.header-prebar .social a{
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
}
.header-prebar .social a:hover{
  background:rgba(255,196,0,.18);
  border-color:rgba(255,196,0,.36);
}
.footer-cta--pro{
  background:linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,196,0,.12));
  border:1px solid rgba(255,255,255,.14);
}
.footer-kicker{
  color:#fff;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.16);
}
.footer-cta__text h2{
  color:#fff;
  font-size:clamp(1.7rem,2vw,2.35rem);
  line-height:1.15;
  margin:0 0 .8rem;
}
.footer-cta__text p{
  color:rgba(255,255,255,.88);
  max-width:62ch;
  margin:0;
  font-size:1rem;
  line-height:1.7;
}
@media (max-width: 980px){
  .header-prebar__inner{align-items:flex-start;}
  .header-prebar__social{margin-left:0;}
}
@media (max-width: 640px){
  .header-prebar__meta{
    gap:.7rem;
    flex-direction:column;
    align-items:flex-start;
  }
  .header-prebar .social{
    justify-content:flex-start;
  }
}

/* === Redesigned service/project detail pages === */
.detail-hero{
  padding: 44px 0 26px;
  background:
    radial-gradient(circle at top left, rgba(245,180,0,.16), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,249,252,.98));
}
.detail-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:28px;align-items:stretch;}
.detail-hero__crumbs{display:flex;gap:.55rem;flex-wrap:wrap;font-size:.92rem;color:rgba(15,43,85,.68);margin-bottom:18px;}
.detail-hero__crumbs a{color:inherit;text-decoration:none;}
.detail-hero__badge{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border-radius:999px;background:#fff;border:1px solid rgba(15,43,85,.08);box-shadow:0 10px 30px rgba(15,43,85,.06);font-weight:700;color:#0f2b55;margin-bottom:18px;}
.detail-hero__badge svg{width:18px;height:18px;}
.detail-hero h1{margin:0 0 14px;font-size:clamp(2rem,3vw,3.4rem);line-height:1.05;letter-spacing:-.03em;color:#0b1f3b;}
.detail-hero__lead{max-width:760px;margin:0 0 22px;color:rgba(15,43,85,.78);font-size:1.06rem;line-height:1.8;}
.detail-hero__meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.detail-hero__meta-card{padding:18px 20px;border-radius:22px;background:#fff;border:1px solid rgba(15,43,85,.08);box-shadow:0 18px 45px rgba(15,43,85,.07);}
.detail-hero__meta-card strong{display:block;font-size:.88rem;letter-spacing:.02em;text-transform:uppercase;color:rgba(15,43,85,.55);margin-bottom:8px;}
.detail-hero__meta-card span{display:block;font-size:1.02rem;font-weight:700;color:#0b1f3b;}
.detail-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.detail-hero__panel{padding:28px;border-radius:28px;background:linear-gradient(180deg,#0f2b55,#0b1f3b);color:#fff;box-shadow:0 24px 70px rgba(15,43,85,.18);}
.detail-hero__panel h3{margin:0 0 14px;font-size:1.3rem;color:#fff;}
.detail-hero__checklist{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.detail-hero__checklist li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);}
.detail-hero__checklist li:first-child{border-top:0;padding-top:0;}
.detail-hero__checklist svg{width:18px;height:18px;flex:0 0 18px;margin-top:2px;color:#f5b400;}

.detail-shell{padding:18px 0 70px;}
.detail-shell__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:28px;align-items:start;}
.detail-main,.detail-aside{min-width:0;}
.detail-block,.detail-aside__card{padding:28px;border-radius:28px;border:1px solid rgba(15,43,85,.08);box-shadow:0 18px 55px rgba(15,43,85,.08);background:#fff;}
.detail-block + .detail-block,.detail-aside__card + .detail-aside__card{margin-top:22px;}
.detail-block__head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;}
.detail-block__head h2{margin:.2rem 0 0;font-size:1.6rem;color:#0b1f3b;}
.detail-block__head p{margin:0;max-width:420px;color:rgba(15,43,85,.66);line-height:1.7;}
.detail-kicker{display:inline-block;font-size:.82rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#c88400;}

.detail-slider__stage{position:relative;border-radius:24px;overflow:hidden;background:#eff3f8;}
.detail-slider__slide{display:none;margin:0;}
.detail-slider__slide.is-active{display:block;}
.detail-slider__slide img{width:100%;height:520px;object-fit:cover;display:block;}
.detail-slider__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:rgba(11,31,59,.68);color:#fff;font-size:32px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:5;backdrop-filter:blur(10px);}
.detail-slider__nav--prev{left:16px;}
.detail-slider__nav--next{right:16px;}
.detail-slider__thumbs{display:flex;gap:12px;overflow:auto;padding:14px 2px 0;}
.detail-slider__thumb{padding:0;border:2px solid transparent;border-radius:18px;background:#fff;cursor:pointer;overflow:hidden;flex:0 0 auto;box-shadow:0 8px 24px rgba(15,43,85,.08);}
.detail-slider__thumb img{width:94px;height:72px;object-fit:cover;display:block;}
.detail-slider__thumb.is-active{border-color:#f5b400;}

.detail-richtext .entry-content{color:#213858;line-height:1.9;}
.detail-richtext .entry-content > *:first-child{margin-top:0;}
.detail-richtext .entry-content > *:last-child{margin-bottom:0;}
.detail-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.detail-process__item{padding:22px;border-radius:22px;background:linear-gradient(180deg,#fff,#f7f9fc);border:1px solid rgba(15,43,85,.08);}
.detail-process__item strong{display:inline-flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;background:#0f2b55;color:#fff;font-size:1rem;margin-bottom:14px;}
.detail-process__item h3{margin:0 0 8px;font-size:1.08rem;color:#0b1f3b;}
.detail-process__item p{margin:0;color:rgba(15,43,85,.68);line-height:1.7;}

.detail-contact-list,.detail-summary-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px;}
.detail-contact-list li,.detail-summary-list li{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid rgba(15,43,85,.08);align-items:flex-start;}
.detail-contact-list li:first-child,.detail-summary-list li:first-child{border-top:0;padding-top:0;}
.detail-contact-list a{color:#0f2b55;text-decoration:none;font-weight:700;}
.detail-contact-list svg{width:18px;height:18px;flex:0 0 18px;margin-top:2px;color:#c88400;}
.detail-contact-list li{justify-content:flex-start;}
.detail-summary-list strong{display:block;color:#0b1f3b;}
.detail-summary-list span{color:rgba(15,43,85,.7);text-align:right;}
.detail-link-stack,.detail-link-grid{display:grid;gap:12px;}
.detail-link-stack a,.detail-link-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-radius:18px;background:#f7f9fc;border:1px solid rgba(15,43,85,.08);text-decoration:none;color:#0b1f3b;font-weight:700;transition:transform .2s ease, box-shadow .2s ease;}
.detail-link-stack a:hover,.detail-link-grid a:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,43,85,.08);}
.detail-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.detail-aside{position:sticky;top:120px;}

@media (max-width: 1080px){
  .detail-hero__grid,
  .detail-shell__grid{grid-template-columns:1fr;}
  .detail-aside{position:static;}
}
@media (max-width: 767px){
  .detail-hero{padding-top:28px;}
  .detail-hero__meta-grid,
  .detail-process,
  .detail-link-grid{grid-template-columns:1fr;}
  .detail-block,.detail-aside__card{padding:22px;}
  .detail-block__head{flex-direction:column;align-items:flex-start;}
  .detail-slider__slide img{height:320px;}
  .detail-slider__nav{width:44px;height:44px;font-size:28px;}
}

/* ===========================
   Detail media upgrades v7
   =========================== */
.detail-slider__stage{position:relative;}
.detail-slider__zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;}
.detail-slider__slide img{width:100%;height:520px;object-fit:cover;display:block;}
.detail-slider__video-wrap{position:relative;background:#08101d;min-height:520px;display:flex;align-items:center;justify-content:center;}
.detail-slider__video-wrap iframe,
.detail-slider__video-wrap video{width:100%;height:520px;border:0;display:block;}
.detail-slider__caption{position:absolute;left:20px;right:20px;bottom:20px;padding:16px 18px;background:linear-gradient(180deg, rgba(3,10,20,.08), rgba(3,10,20,.76));color:#fff;border-radius:18px;display:grid;gap:6px;pointer-events:none;}
.detail-slider__caption strong{font-size:1.05rem;}
.detail-slider__caption span{font-size:.96rem;opacity:.92;}
.detail-slider__thumb{display:flex;align-items:center;justify-content:center;min-width:94px;min-height:72px;}
.detail-slider__video-thumb{display:grid;place-items:center;width:94px;height:72px;background:#0b1f3b;color:#fff;font-size:1.4rem;font-weight:700;}
.detail-lightbox{position:fixed;inset:0;background:rgba(5,10,18,.92);display:none;align-items:center;justify-content:center;padding:28px;z-index:9999;}
.detail-lightbox.is-open{display:flex;}
.detail-lightbox img{max-width:min(1200px, 96vw);max-height:88vh;object-fit:contain;border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.35);}
.detail-lightbox__close{position:absolute;top:20px;right:20px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:2rem;line-height:1;cursor:pointer;}
html.hiba-lightbox-open{overflow:hidden;}
.detail-compare{position:relative;border-radius:24px;overflow:hidden;background:#eef3fa;min-height:440px;}
.detail-compare > img,
.detail-compare__after img{display:block;width:100%;height:440px;object-fit:cover;}
.detail-compare__after{position:absolute;inset:0;clip-path:inset(0 50% 0 0);}
.detail-compare__labels{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;}
.detail-compare__labels span{padding:8px 12px;border-radius:999px;background:rgba(6,14,24,.68);color:#fff;font-size:.86rem;font-weight:700;backdrop-filter:blur(10px);}
.detail-compare__handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);pointer-events:none;}
.detail-compare__handle::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 10px 24px rgba(9,18,33,.22);}
.detail-compare__handle::after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;font-size:1.15rem;font-weight:700;color:#0b1f3b;}
.detail-compare input[type="range"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;}
@media (max-width: 900px){
  .detail-slider__slide img,
  .detail-slider__video-wrap,
  .detail-slider__video-wrap iframe,
  .detail-slider__video-wrap video,
  .detail-compare,
  .detail-compare > img,
  .detail-compare__after img{height:320px;min-height:320px;}
  .detail-slider__caption{left:12px;right:12px;bottom:12px;padding:12px 14px;}
}

/* v8.7 about + finance + contracts pages */
.agency-section-head{display:grid;gap:.55rem;margin-bottom:1.2rem}
.agency-section-head--center{text-align:center;justify-items:center}
.agency-about-hero,.finance-hero,.contracts-hero{padding:1.2rem 0 0}
.agency-about-hero__crumbs,.finance-hero__crumbs,.contracts-hero__crumbs{display:flex;gap:.45rem;align-items:center;font-size:.92rem;color:var(--hiba-muted);margin-bottom:1rem;flex-wrap:wrap}
.agency-about-hero__crumbs a,.finance-hero__crumbs a,.contracts-hero__crumbs a{color:inherit;text-decoration:none}
.agency-about-hero__grid,.finance-hero__grid,.contracts-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:1rem;align-items:stretch}
.agency-about-hero__content,.agency-about-hero__panel,.finance-hero__content,.finance-hero__note,.contracts-hero__content,.contracts-hero__note{padding:1.4rem;border-radius:24px}
.agency-about-hero__content,.finance-hero__content,.contracts-hero__content{background:linear-gradient(135deg,rgba(15,43,85,.98),rgba(19,67,122,.94));color:#fff;border:1px solid rgba(255,255,255,.08)}
.agency-about-hero__content h1,.finance-hero__content h1,.contracts-hero__content h1{color:#fff;margin:.3rem 0 .75rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.02}
.agency-about-hero__lead,.finance-hero__content p,.contracts-hero__content p{color:rgba(255,255,255,.82);font-size:1.02rem;max-width:760px}
.agency-about-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.15rem}
.agency-about-badges,.finance-hero__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.agency-about-badges span,.finance-hero__chips span{display:inline-flex;align-items:center;padding:.55rem .9rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:700;font-size:.88rem}
.agency-about-hero__panel,.finance-hero__note,.contracts-hero__note{background:linear-gradient(180deg,#fff,rgba(248,251,255,.98));border:1px solid rgba(15,43,85,.08)}
.agency-about-panel__head h2,.finance-hero__note h2,.contracts-hero__note h2{margin:0 0 .5rem;font-size:1.3rem}
.agency-about-panel__head p,.finance-hero__note p,.contracts-hero__note p{margin:0;color:var(--hiba-muted);line-height:1.7}
.agency-about-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.1rem}
.agency-about-stat{padding:1rem;border-radius:18px;background:#f8fbff;border:1px solid rgba(15,43,85,.08)}
.agency-about-stat strong{display:block;font-size:1.3rem;letter-spacing:-.03em;color:var(--hiba-text)}
.agency-about-stat span{display:block;margin-top:.2rem;color:var(--hiba-muted);font-weight:600}
.agency-about-story,.finance-accounts,.contracts-layout{padding:1.2rem 0 3rem}
.agency-about-story__grid,.contracts-layout__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:1rem;align-items:start}
.agency-about-story__content,.finance-copy-card,.contracts-richtext{padding:1.35rem;border-radius:24px}
.agency-side-card{padding:1.2rem;border-radius:22px}
.agency-side-card + .agency-side-card{margin-top:1rem}
.agency-side-card--accent{background:linear-gradient(180deg,rgba(255,198,0,.12),rgba(255,255,255,1));border:1px solid rgba(255,198,0,.3)}
.agency-check-list{margin:0;padding:0;list-style:none;display:grid;gap:.8rem}
.agency-check-list li{display:flex;gap:.75rem;align-items:flex-start;color:var(--hiba-text);font-weight:600}
.agency-check-list .icon-svg{margin-top:.15rem}
.agency-about-pillars{padding:0 0 2.2rem}
.agency-pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.agency-pillar-card{padding:1.3rem;border-radius:24px}
.agency-pillar-card__icon,.contracts-card__icon,.contracts-file-item__icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(255,198,0,.15);border:1px solid rgba(255,198,0,.3);margin-bottom:1rem}
.agency-pillar-card h3,.contracts-card h3{margin:0 0 .6rem;font-size:1.2rem}
.agency-pillar-card p,.contracts-card p{margin:0;color:var(--hiba-muted);line-height:1.75}
.agency-about-process-section{padding:0 0 3rem}
.agency-process-card{padding:1.35rem;border-radius:24px}
.agency-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.agency-process-step{padding:1rem;border-radius:20px;background:#f8fbff;border:1px solid rgba(15,43,85,.08)}
.agency-process-step span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:rgba(15,43,85,.96);color:#fff;font-weight:800;margin-bottom:.85rem}
.agency-process-step h3{margin:0 0 .4rem;font-size:1.05rem}
.agency-process-step p{margin:0;color:var(--hiba-muted);line-height:1.7}
.finance-accounts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.finance-account-card{padding:1.2rem;border-radius:24px;background:linear-gradient(180deg,#fff,rgba(248,251,255,.98))}
.finance-account-card__top{display:flex;gap:.95rem;align-items:center;margin-bottom:1rem}
.finance-account-card__top h3{margin:0 0 .2rem;font-size:1.15rem}
.finance-account-card__top p{margin:0;color:var(--hiba-muted);font-weight:600}
.finance-account-card__logo{width:64px;height:64px;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:18px;background:#fff;border:1px solid rgba(15,43,85,.08)}
.finance-account-card__logo img{max-width:100%;max-height:100%;object-fit:contain}
.finance-account-card__rows{display:grid;gap:.75rem}
.finance-info-row{padding:.9rem 1rem;border:1px solid rgba(15,43,85,.08);border-radius:16px;background:#f8fbff;display:grid;gap:.2rem}
.finance-info-row span{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--hiba-muted);font-weight:800}
.finance-info-row strong{font-size:1rem;color:var(--hiba-text);word-break:break-word}
.finance-info-row--iban{background:linear-gradient(180deg,rgba(255,198,0,.12),#fff)}
.finance-copy-card{margin-top:1rem}
.contracts-section + .contracts-section{margin-top:1.2rem}
.contracts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.contracts-card{padding:1.2rem;border-radius:22px}
.contracts-file-list{display:grid;gap:.85rem}
.contracts-file-item{display:flex;gap:.9rem;align-items:center;padding:1rem 1.1rem;border-radius:20px;text-decoration:none;color:var(--hiba-text)}
.contracts-file-item strong{display:block;font-size:1rem}
.contracts-file-item span{display:block;margin-top:.2rem;color:var(--hiba-muted);font-size:.92rem}
@media (max-width: 1100px){
  .agency-about-hero__grid,.finance-hero__grid,.contracts-hero__grid,.agency-about-story__grid,.contracts-layout__grid,.finance-accounts__grid,.agency-pillar-grid,.agency-process-grid,.contracts-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 780px){
  .agency-about-hero__grid,.finance-hero__grid,.contracts-hero__grid,.agency-about-story__grid,.contracts-layout__grid,.finance-accounts__grid,.agency-pillar-grid,.agency-process-grid,.contracts-grid{grid-template-columns:1fr}
  .agency-about-stats{grid-template-columns:1fr 1fr}
  .agency-about-hero__content,.agency-about-hero__panel,.finance-hero__content,.finance-hero__note,.contracts-hero__content,.contracts-hero__note,.agency-about-story__content,.finance-copy-card,.contracts-richtext,.agency-side-card,.agency-pillar-card,.agency-process-card,.finance-account-card,.contracts-card,.contracts-file-item{border-radius:18px;padding:1rem}
}
@media (max-width: 520px){
  .agency-about-stats{grid-template-columns:1fr}
  .agency-about-hero__content h1,.finance-hero__content h1,.contracts-hero__content h1{font-size:2rem}
}

/* v9 orange + turquoise creative refresh */
:root{
  --primary:#f47c20;
  --secondary:#18c4c4;
  --accent:#0ea5a8;
  --hiba-navy:#12343b;
  --hiba-navy-2:#0d4f57;
  --hiba-yellow:#f47c20;
  --hiba-yellow-2:#ff9b3d;
  --hiba-bg:#f4fcfc;
  --hiba-card:#ffffff;
  --hiba-text:#17333a;
  --line:rgba(23,51,58,.12);
}
body{
  background:linear-gradient(180deg,#f8ffff 0%,#f7fbfb 100%);
  color:var(--hiba-text);
}
.site-header .topbar,
.topbar{
  background:linear-gradient(90deg,#0f5961 0%, #18c4c4 100%);
}
.site-header,
.header-shell,
.header-clean{
  border-color:rgba(24,196,196,.15);
}
.site-header .main-navigation a:hover,
.site-header .main-navigation .current-menu-item > a,
.site-header .main-navigation .current_page_item > a,
a:hover{
  color:var(--primary);
}
.button,
.btn,
.wp-block-button__link,
input[type="submit"],
.site .button,
.hero-actions .button:first-child,
.header-cta,
.teklif-al-btn{
  background:linear-gradient(135deg,var(--primary) 0%, #ff9b3d 100%);
  border-color:transparent;
  color:#fff;
}
.button:hover,
.btn:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
.site .button:hover{
  background:linear-gradient(135deg,#e5660d 0%, #ff8f27 100%);
  color:#fff;
}
.button.is-alt,
.btn--secondary,
.hero-actions .button:last-child{
  background:linear-gradient(135deg,var(--secondary) 0%, #0ea5a8 100%);
  color:#fff;
}
.badge,
.hero-badge,
.section-eyebrow,
.detail-hero__eyebrow,
.agency-about-badges span,
.finance-hero__chips span{
  background:rgba(244,124,32,.12);
  color:#a94f08;
  border-color:rgba(244,124,32,.18);
}
.hero,
.inner-hero-clean,
.detail-hero,
.agency-about-hero__content,
.finance-hero__content,
.contracts-hero__content{
  background-image:linear-gradient(135deg,rgba(244,124,32,.08),rgba(24,196,196,.12));
}
.detail-hero__panel,
.site-footer,
.footer-main,
.footer-topbar,
.footer-panel--brand{
  background-image:linear-gradient(180deg,#12343b 0%, #0f5961 100%);
}
.goat-dot,
.goat-check,
.detail-process__item strong,
.agency-process-step span,
.detail-summary-list li::marker{
  background:linear-gradient(135deg,var(--secondary), #0ea5a8);
}
.goat-title,
.section-title,
.entry-title,
.detail-block__head h2,
.detail-hero__content h1,
.agency-about-hero__content h1,
.finance-hero__content h1,
.contracts-hero__content h1{
  color:#15353c;
}
.goat-card,
.detail-block,
.detail-aside__card,
.finance-account-card,
.contact-info-table > div,
.bank-card__row,
.footer-panel,
.inner-hero-clean__meta-item,
.detail-process__item,
.agency-about-stat,
.agency-process-step{
  border-color:rgba(24,196,196,.14);
  box-shadow:0 16px 40px rgba(18,52,59,.08);
}
.detail-slider__thumb.is-active,
.service-top-slider__thumb.is-active,
.hiba-gallery__thumb.is-active,
.pg-thumb.is-active{
  border-color:var(--primary);
}
.detail-slider__nav,
.hiba-gallery__nav,
.service-top-slider__nav,
.pg-arrow,
.hizmet-gallery-nav,
.hiba-lightbox__nav,
.hiba-lightbox__close,
.detail-lightbox__close{
  background:rgba(15,89,97,.78);
}
.footer-topbar__button,
.footer-brief-card__button,
.footer-cta .button{
  background:linear-gradient(135deg,var(--primary), #ff9b3d);
  color:#fff;
}
.footer-topbar__button:hover,
.footer-brief-card__button:hover,
.footer-cta .button:hover{
  background:linear-gradient(135deg,#e5660d,#ff8f27);
}
.footer-contact-list a,
.footer-socials a:hover,
.site-footer a:hover{
  color:#7ef3ef;
}
::selection{
  background:rgba(244,124,32,.22);
  color:#102f35;
}

/* v9.1 footer contact column refresh */
.footer-contact--card{
  gap:.85rem;
  margin-bottom:1.1rem;
}
.footer-contact--card .footer-contact__row{
  display:grid;
  grid-template-columns: 22px 72px 1fr;
  gap:.8rem;
  align-items:start;
  padding:.7rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-contact--card .footer-contact__row:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.footer-contact--card .footer-contact__icon{
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  color:var(--hiba-primary);
  margin-top:.05rem;
}
.footer-contact--card .footer-contact__icon svg{
  width:18px;
  height:18px;
}
.footer-contact--card strong{
  color:#fff;
  font-weight:700;
}
.footer-contact--card a,
.footer-contact--card span:last-child{
  color:rgba(255,255,255,.82);
}
.footer-contact-block{
  margin-top:1rem;
  padding:1rem;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}
.footer-contact-block__title{
  margin:0 0 .75rem;
  color:#fff;
  font-size:.95rem;
  font-weight:800;
}
.footer-contact-block .social{
  margin-top:0;
}
.footer-contact-block--map{
  padding:.9rem;
}
.footer-map__frame--compact{
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
}
.footer-map__frame--compact iframe{
  width:100%;
  height:180px;
  border:0;
  display:block;
}
@media (max-width: 640px){
  .footer-contact--card .footer-contact__row{
    grid-template-columns: 22px 1fr;
  }
  .footer-contact--card .footer-contact__row strong{
    grid-column: 2;
  }
  .footer-contact--card .footer-contact__row a,
  .footer-contact--card .footer-contact__row span:last-child{
    grid-column: 2;
  }
}


/* v10.1 footer white logo + readable note */
.footer-logo-link{
  display:inline-flex;
  align-items:center;
}
.footer-custom-logo{
  max-height:64px;
  width:auto;
  object-fit:contain;
}
.footer-subpanel--note{
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  border-color:rgba(255,255,255,.14);
}
.footer-subpanel--note .footer-subpanel__title{
  color:#fff;
}
.footer-subpanel--note p{
  margin:0;
  color:rgba(255,255,255,.92);
  line-height:1.75;
}


/* v11.1 three-column footer layout */
.footer-grid--threecol{
  grid-template-columns: .95fr .95fr 1.45fr;
  align-items:start;
}
.footer-panel--contactwide{
  min-width:0;
}
.footer-contact-intro{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1rem 1.1rem;
  align-items:center;
  margin-bottom:1rem;
  padding:1rem 1.05rem;
  border-radius:20px;
  background:linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.1);
}
.footer-showcase__logo--contact img,
.footer-showcase__logo--contact .custom-logo{
  max-height:72px;
  width:auto;
}
.footer-brand-title--compact{
  margin:0 0 .35rem;
  font-size:1.12rem;
}
.footer-brand-text--wide{
  margin:0;
  max-width:none;
  color:rgba(255,255,255,.84);
}
.footer-brand-meta--compact{
  margin-top:.75rem;
  margin-bottom:0;
}
.footer-panel--contactwide .footer-contact-block + .footer-contact-block{
  margin-top:.85rem;
}
@media (max-width: 1100px){
  .footer-grid--threecol{
    grid-template-columns:1fr 1fr;
  }
  .footer-panel--contactwide{
    grid-column:1 / -1;
  }
}
@media (max-width: 640px){
  .footer-grid--threecol{
    grid-template-columns:1fr;
  }
  .footer-panel--contactwide{
    grid-column:auto;
  }
  .footer-contact-intro{
    grid-template-columns:1fr;
    align-items:start;
  }
}


/* v13 footer logo stack + readable about hero */
.footer-contact-intro{
  grid-template-columns:1fr;
  align-items:flex-start;
}
.footer-showcase__logo--contact{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.footer-contact-intro__body{
  width:100%;
}
.footer-brand-title--compact{
  margin:.15rem 0 .45rem;
}
.footer-brand-text--wide{
  display:block;
  margin:0;
  max-width:42ch;
  color:rgba(255,255,255,.92);
}

.agency-about-hero__content{
  background:linear-gradient(135deg,#0f2f56 0%, #165b73 55%, #0ea5a8 100%);
  border:1px solid rgba(255,255,255,.12);
}
.agency-about-hero__content .badge,
.agency-about-hero__content .agency-about-badges span{
  background:rgba(255,255,255,.14);
  color:#ffffff;
  border-color:rgba(255,255,255,.18);
}
.agency-about-hero__content h1,
.agency-about-hero__content .agency-about-hero__lead,
.agency-about-hero__content p,
.agency-about-hero__content a:not(.btn){
  color:#ffffff;
}
.agency-about-hero__content .agency-about-hero__lead{
  color:rgba(255,255,255,.92);
}
.agency-about-hero__content .btn-secondary{
  background:rgba(255,255,255,.12);
  color:#ffffff;
  border-color:rgba(255,255,255,.22);
}
.agency-about-hero__content .btn-secondary:hover{
  background:rgba(255,255,255,.18);
}
@media (max-width: 780px){
  .footer-contact-intro{
    gap:.85rem;
  }
  .footer-brand-text--wide{
    max-width:none;
  }
}


/* v14 corporate side menu */
.corporate-shell{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:1rem;align-items:start}
.corporate-shell__main{min-width:0}
.corporate-nav{position:sticky;top:120px;padding:1.15rem;border-radius:24px;background:linear-gradient(180deg,#fff,rgba(247,251,255,.98));border:1px solid rgba(15,43,85,.08)}
.corporate-nav h3{margin:.8rem 0 1rem;font-size:1.08rem;line-height:1.45}
.corporate-nav__list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.corporate-nav__link{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:18px;text-decoration:none;color:var(--hiba-text);font-weight:700;background:#f8fbff;border:1px solid rgba(15,43,85,.08);transition:.2s ease}
.corporate-nav__link:hover{transform:translateY(-1px);border-color:rgba(255,122,0,.32);box-shadow:0 14px 28px rgba(15,43,85,.08)}
.corporate-nav__link.is-active{background:linear-gradient(135deg,rgba(255,122,0,.12),rgba(6,182,212,.12));border-color:rgba(6,182,212,.28);color:var(--hiba-text)}
.corporate-nav__link .icon-svg{flex:0 0 auto}
.content-area--corporate{padding:1.2rem 0 3rem}
@media (max-width: 1100px){
  .corporate-shell{grid-template-columns:1fr}
  .corporate-nav{position:static}
}

/* v14.1 dropdown arrow + remove all border radius */
:root{
  --radius:0px !important;
  --hiba-radius:0px !important;
}
*, *::before, *::after{
  border-radius:0 !important;
}
.primary-menu li.menu-item-has-children{
  position:relative;
}
.primary-menu li.menu-item-has-children > a{
  position:relative;
  display:flex;
  align-items:center;
  padding-right:2.4rem;
}
.primary-menu li.menu-item-has-children > a::after{
  content:'▾';
  position:absolute;
  right:.9rem;
  top:50%;
  transform:translateY(-50%);
  width:auto;
  height:auto;
  border:0;
  font-size:.8rem;
  font-weight:800;
  line-height:1;
  color:currentColor;
  opacity:.85;
}
.primary-menu .submenu-toggle{
  margin-left:0;
  width:40px;
  height:40px;
}
.primary-menu .submenu-toggle svg{
  width:16px;
  height:16px;
}
.primary-menu .submenu-toggle[aria-expanded="true"] svg{
  transform:rotate(180deg);
}
.primary-menu ul.sub-menu a{
  padding-right:1rem;
}
@media (max-width:980px){
  .primary-menu li.menu-item-has-children > a{
    padding-right:1rem;
  }
  .primary-menu li.menu-item-has-children > a::after{
    display:none;
  }
}

/* v15.1 corporate page hero readability fix */
.agency-about-hero,
.finance-hero,
.contracts-hero{
  padding-top:1.4rem;
}
.agency-about-hero__content,
.finance-hero__content,
.contracts-hero__content{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(10,33,43,.96) 0%, rgba(15,89,97,.94) 52%, rgba(244,124,32,.92) 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 24px 64px rgba(9,31,40,.18);
}
.agency-about-hero__content::before,
.finance-hero__content::before,
.contracts-hero__content::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.12));
  pointer-events:none;
}
.agency-about-hero__content > *,
.finance-hero__content > *,
.contracts-hero__content > *{
  position:relative;
  z-index:1;
}
.agency-about-hero__crumbs,
.finance-hero__crumbs,
.contracts-hero__crumbs{
  color:rgba(255,255,255,.76) !important;
}
.agency-about-hero__crumbs a,
.finance-hero__crumbs a,
.contracts-hero__crumbs a{
  color:#ffffff !important;
}
.agency-about-hero__content .badge,
.finance-hero__content .badge,
.contracts-hero__content .badge,
.agency-about-hero__content .agency-about-badges span,
.finance-hero__chips span{
  background:rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
}
.agency-about-hero__content .badge svg,
.finance-hero__content .badge svg,
.contracts-hero__content .badge svg{
  color:#ffffff !important;
}
.agency-about-hero__content h1,
.finance-hero__content h1,
.contracts-hero__content h1,
.agency-about-hero__content p,
.finance-hero__content p,
.contracts-hero__content p,
.agency-about-hero__content .agency-about-hero__lead,
.finance-hero__content .finance-hero__lead,
.contracts-hero__content .contracts-hero__lead{
  color:#ffffff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.14);
}
.agency-about-hero__lead,
.finance-hero__content p,
.contracts-hero__content p{
  opacity:1;
}
.finance-hero__note,
.contracts-hero__note,
.agency-about-hero__panel{
  background:#ffffff !important;
  border:1px solid rgba(15,89,97,.14) !important;
  box-shadow:0 20px 48px rgba(18,52,59,.09);
}
.finance-hero__note h2,
.contracts-hero__note h2,
.agency-about-panel__head h2{
  color:#12343b;
}
.finance-hero__note p,
.contracts-hero__note p,
.agency-about-panel__head p,
.agency-about-stat span,
.agency-check-list li span{
  color:rgba(18,52,59,.82);
}
@media (max-width: 780px){
  .agency-about-hero__content,
  .finance-hero__content,
  .contracts-hero__content,
  .finance-hero__note,
  .contracts-hero__note,
  .agency-about-hero__panel{
    padding:1.15rem !important;
  }
}

/* v17.1 nav arrow position fix + submenu check icons */
.primary-menu li.menu-item-has-children > a{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  gap:.45rem;
  padding-right:.9rem !important;
}
.primary-menu li.menu-item-has-children > a::after{
  content:'▼' !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  position:static !important;
  transform:none !important;
  width:auto !important;
  height:auto !important;
  margin-left:.15rem;
  border:0 !important;
  background:none !important;
  font-size:.7rem;
  font-weight:800;
  line-height:1;
  color:currentColor;
  opacity:1;
}
.primary-menu ul.sub-menu a{
  display:flex;
  align-items:center;
  gap:.55rem;
}
.primary-menu ul.sub-menu a::before{
  content:'✔';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.8rem;
  font-weight:700;
  line-height:1;
  color:var(--color-accent, #12b8c8);
  flex:0 0 auto;
}
@media (max-width:980px){
  .primary-menu li.menu-item-has-children > a{
    padding-right:1rem !important;
    gap:0;
  }
  .primary-menu li.menu-item-has-children > a::after{
    display:none !important;
  }
}

/* v18.1 dropdown width + shadow + subtle bottom radius */
.primary-menu ul.sub-menu{
  min-width: 320px !important;
  padding: .7rem !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 18px 40px rgba(9, 31, 40, .20), 0 8px 18px rgba(9, 31, 40, .12) !important;
  border-color: rgba(18, 52, 59, .12) !important;
}
.primary-menu ul.sub-menu li:last-child a{
  border-radius: 0 0 8px 8px !important;
}
.primary-menu ul.sub-menu a{
  padding: .8rem .95rem !important;
}
@media (max-width:980px){
  .primary-menu ul.sub-menu{
    min-width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}


.detail-packages__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.detail-package{border:1px solid rgba(15,23,42,.08);padding:24px;background:#fff;display:flex;flex-direction:column;gap:16px;box-shadow:0 14px 34px rgba(15,23,42,.05);position:relative;overflow:hidden;}
.detail-package.is-featured{border-color:rgba(18,184,176,.45);box-shadow:0 18px 44px rgba(18,184,176,.12);}
.detail-package.is-featured:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#ff8a00,#12b8b0);}
.detail-package__top h3{margin:10px 0 8px;font-size:1.25rem;color:#0f172a;}
.detail-package__top p{margin:0;color:rgba(15,23,42,.72);line-height:1.7;}
.detail-package__badge{display:inline-flex;align-self:flex-start;padding:6px 12px;background:rgba(255,138,0,.12);color:#9a4d00;font-weight:700;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;}
.detail-package__price{font-size:1.8rem;font-weight:800;color:#0f172a;line-height:1.1;}
.detail-package__features{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.detail-package__features li{display:flex;gap:10px;align-items:flex-start;color:rgba(15,23,42,.78);}
.detail-package__features .icon-svg{width:18px;height:18px;flex:0 0 18px;color:#12b8b0;}
.detail-package__actions{margin-top:auto;padding-top:4px;}
@media (max-width: 900px){.detail-packages__grid{grid-template-columns:1fr;}}


.detail-packages__billing{display:inline-flex;align-items:center;gap:8px;background:#fff7ef;border:1px solid rgba(255,138,0,.18);padding:6px;margin:0 0 18px;}
.detail-packages__billing button{appearance:none;border:0;background:transparent;padding:10px 18px;font-weight:700;color:#475569;cursor:pointer;transition:all .2s ease;}
.detail-packages__billing button.is-active{background:linear-gradient(135deg,#ff8a00,#12b8b0);color:#fff;box-shadow:0 12px 22px rgba(18,184,176,.16);}
.detail-package__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.detail-package__price [data-price],.detail-package__price [data-price-default]{display:none;}
.detail-package__price .is-active{display:inline;}