/*
Theme Name: Gokceada Rehberim
Theme URI: https://hibaelektrik.com.tr/
Author: OpenAI for Gokceada Rehberim
Author URI: https://hibaelektrik.com.tr/
Description: HiBA Elektrik için kurumsal, hızlı ve mobil uyumlu WordPress teması. Ön sayfa; slider hero, öne çıkan avantajlar, hizmetler, süreç, müşteri yorumları, projeler galerisi ve CTA bölümleri ile gelir. Hizmetler ve Projeler için özel içerik türleri içerir.
Version: 10.9.26
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:44px; 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-slider-wrap{
  position: relative;
  margin-top: 1.4rem;
  padding: 0 3rem;
}

.project-slider{
  display:flex;
  gap: 1.2rem;
  overflow:hidden;
  scroll-behavior:smooth;
}

.project-slide{
  flex: 0 0 calc((100% - 2.4rem) / 3);
  min-width: calc((100% - 2.4rem) / 3);
}

.project-card{
  padding: 0;
  overflow:hidden;
  text-decoration:none;
  display:block;
  height:100%;
}

.project-slider-nav{
  position:absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(15,43,85,.12);
  background: rgba(255,255,255,.96);
  color: var(--hiba-text);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 14px 32px rgba(15,43,85,.16);
  z-index: 2;
}
.project-slider-nav span{font-size: 28px; line-height: 1;}
.project-slider-nav--prev{left: 0;}
.project-slider-nav--next{right: 0;}
.project-slider-nav[disabled]{opacity:.45; cursor:not-allowed;}

.project-slider-dots{
  display:flex;
  justify-content:center;
  gap:.55rem;
  margin-top: 1rem;
}
.project-slider-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 0;
  background: rgba(15,43,85,.2);
}
.project-slider-dot.is-active{
  width: 28px;
  background: linear-gradient(90deg, var(--hiba-primary), var(--hiba-secondary));
}

.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-slider-wrap{ padding: 0 2.4rem; }
  .project-slide{ flex-basis: calc((100% - 1.2rem) / 2); min-width: calc((100% - 1.2rem) / 2); }
  .project-media{ height: 200px; }
}

@media (max-width: 767px){
  .project-slider-wrap{ padding: 0; }
  .project-slider{ overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:.2rem; }
  .project-slide{ flex-basis: 100%; min-width: 100%; scroll-snap-align:start; }
  .project-slider-nav{ display:none; }
}

@media (min-width: 981px) and (max-width: 1180px){
  .testimonials-grid{ grid-template-columns: repeat(2, 1fr); }
  .project-slide{ flex-basis: calc((100% - 1.2rem) / 2); min-width: calc((100% - 1.2rem) / 2); }
}

/* 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;}
}


/* === Gokceada Rehberim tourism overrides === */
:root{
  --hiba-navy:#0b3a67;
  --hiba-navy-2:#0f5d88;
  --hiba-blue:#1e9ec5;
  --hiba-yellow:#ffbf57;
  --hiba-yellow-2:#f39c3d;
  --hiba-bg:#f4fbff;
  --hiba-card:#ffffff;
  --hiba-text:#14344c;
  --hiba-muted:#5c7488;
  --radius:22px;
  --shadow:0 18px 50px rgba(11,58,103,.12);
  --shadow-sm:0 12px 30px rgba(11,58,103,.09);
}
body{background:linear-gradient(180deg,#eef8fd 0%,#f9fdff 42%,#fffdf9 100%);} 
.hiba-boxed-site,.gokceada-guide-site{max-width:none;margin:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible;}
.site-header--guide{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(11,58,103,.08);} 
.topbar--guide{background:linear-gradient(90deg,var(--hiba-navy),var(--hiba-navy-2));color:#fff;}
.topbar--guide .topbar-link,.topbar--guide .topbar-text,.topbar--guide .btn{color:#fff;}
.header-guide-shell{padding:1rem 0 1.1rem;}
.header-branding--centered{display:flex;justify-content:center;align-items:center;padding:.25rem 0 .9rem;}
.brand--centered .custom-logo{height:auto;max-height:120px;width:auto;max-width:min(92vw,620px);display:block;filter:drop-shadow(0 10px 18px rgba(11,58,103,.12));}
.brand--centered .custom-logo-link{display:block;}
.header-nav-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;border-top:1px solid rgba(11,58,103,.08);padding-top:.9rem;}
.site-nav--centered{justify-self:center;}
.primary-menu{gap:.4rem;justify-content:center;flex-wrap:wrap;}
.primary-menu a{padding:.8rem 1rem .95rem;font-size:.97rem;}
.primary-menu > li.current-menu-item > a,.primary-menu a:hover{background:rgba(30,158,197,.08);}
.header-cta--guide .btn{white-space:nowrap;}
.nav-toggle{display:none;border:1px solid rgba(11,58,103,.12);background:#fff;border-radius:16px;width:48px;height:48px;align-items:center;justify-content:center;}
.hero{padding-top:2rem;}
.hero-slider{background:radial-gradient(circle at top right,rgba(255,191,87,.35),transparent 28%),linear-gradient(135deg,rgba(11,58,103,.96),rgba(15,93,136,.86));color:#fff;position:relative;overflow:hidden;}
.hero-slider::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.02)),var(--hero-bg);background-size:cover;background-position:center;mix-blend-mode:soft-light;opacity:.55;}
.hero-slider .container,.hero-slider .hero-grid{position:relative;z-index:1;}
.hero-slider h1,.hero-slider .lead,.hero-slider .badge{color:var(--hiba-navy);text-shadow:0 1px 0 rgba(255,255,255,.18);}
.hero-slider .hero-arrow{color:var(--hiba-navy);}
.hero-slider .hero-dot{background:rgba(11,58,103,.28);}
.hero-slider .hero-dot.is-active{background:var(--accent);box-shadow:0 0 0 4px rgba(255,191,87,.24);}
.hero .badge{background:rgba(255,255,255,.78);border-color:rgba(11,58,103,.10);backdrop-filter:blur(4px);}
.hero .btn-secondary{background:rgba(255,255,255,.84);border-color:rgba(11,58,103,.14);color:var(--hiba-navy);}
.hero .visual-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 60px rgba(0,0,0,.18);} 
.section{padding:clamp(3rem,4vw,5rem) 0;}
.feature{background:linear-gradient(180deg,#fff,#f7fcff);}
.feature .icon,.why-ico,.stat-icon{background:rgba(30,158,197,.10);color:var(--hiba-blue);} 
.home-announce-inner,.cta-bar,.footer-hero{border:1px solid rgba(11,58,103,.08);box-shadow:var(--shadow-sm);} 
.shortcut-card,.service-card,.project-card,.news-card,.testimonial,.why-card,.cta-box,.mascot-reco{border-radius:24px;overflow:hidden;}
.service-media__placeholder,.shortcut-ph,.news-thumb-ph,.project-placeholder{background:linear-gradient(135deg,rgba(30,158,197,.12),rgba(255,191,87,.18));color:var(--hiba-navy);} 
.projects-grid{grid-template-columns:1.1fr .9fr;}
.mascot-reco--guide{display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f6fbff,#fff7ec);} 
.mascot-reco--guide ul{margin:0;padding-left:1.1rem;color:var(--hiba-muted);} 
.testimonial-stars{color:#ffb940;}
.site-footer--rehber{padding:2.5rem 0 1rem;background:linear-gradient(180deg,#0b2f4f 0%,#08253f 100%);color:#fff;margin-top:3rem;}
.site-footer--rehber .container{position:relative;}
.site-footer--rehber a{color:#fff;}
.footer-hero{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;padding:1.5rem 1.5rem;margin-bottom:1.75rem;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05));}
.footer-hero .custom-logo{max-height:90px;width:auto;max-width:280px;}
.footer-hero__content h2,.footer-panel h3{color:#fff;}
.footer-hero__content p,.footer-panel p,.footer-contact__row,.footer-links a,.site-footer--rehber .menu a{color:rgba(255,255,255,.82);} 
.footer-grid--guide{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:1.25rem;}
.footer-panel{padding:1.2rem;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}
.site-footer--rehber .social a{background:rgba(255,255,255,.10);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:1rem;padding-top:1rem;}
.home-announce-left,.chip,.badge{font-weight:700;}
@media (max-width:1024px){
  .header-nav-row{grid-template-columns:1fr auto;}
  .site-nav--centered{justify-self:start;}
  .projects-grid,.footer-hero,.footer-grid--guide{grid-template-columns:1fr;}
  .header-cta--guide{justify-self:start;}
}
@media (max-width:820px){
  .nav-toggle{display:inline-flex;}
  .header-nav-row{grid-template-columns:auto 1fr;}
  .site-nav{display:none;}
  .site-nav.is-open{display:block;position:absolute;left:1rem;right:1rem;top:calc(100% + .4rem);background:#fff;border-radius:20px;padding:1rem;box-shadow:var(--shadow);}
  .site-nav .primary-menu{flex-direction:column;align-items:stretch;}
  .site-nav .primary-menu a{width:100%;}
  .brand--centered .custom-logo{max-height:94px;max-width:86vw;}
  .footer-hero{padding:1.2rem;}
}

/* === User revision: logo left, 100px, boxed layout === */
.gokceada-guide-site{
  max-width: 1440px;
  margin: 18px auto;
  background: #ffffff;
  border-radius: 28px;
  box-shadow: 0 28px 70px rgba(11,58,103,.14);
  overflow: hidden;
}
.site-header--guide{
  position: sticky;
  top: 10px;
  margin: 0 18px;
  border-radius: 24px;
  overflow: hidden;
}
.header-guide-shell{
  padding: .85rem 0 1rem;
}
.header-branding--centered{
  justify-content: flex-start;
  padding: .15rem 0 .75rem;
}
.brand--centered{
  width: auto;
}
.brand--centered .custom-logo{
  max-height: 100px;
  width: auto;
  max-width: min(62vw, 520px);
}
.header-nav-row{
  grid-template-columns: auto 1fr auto;
}
.site-nav--centered{
  justify-self: center;
}
.hero{padding-top: 1.4rem;}
.site-footer--rehber{
  border-radius: 28px;
  margin: 22px 18px 18px;
}
@media (max-width: 1024px){
  .gokceada-guide-site{margin: 0; border-radius: 0; box-shadow: none;}
  .site-header--guide{top: 0; margin: 0; border-radius: 0;}
  .header-nav-row{grid-template-columns: auto 1fr;}
  .header-cta--guide{display:none;}
}
@media (max-width: 820px){
  .header-branding--centered{justify-content: flex-start;}
  .brand--centered .custom-logo{max-height: 84px; max-width: 78vw;}
}


/* === User revision: right-aligned header buttons + redesigned footer === */
.header-top-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  padding:.1rem 0 .8rem;
}
.header-actions--guide{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.75rem;
  margin-left:auto;
}
.header-action-btn{
  min-height:48px;
  padding:.85rem 1.15rem;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(11,58,103,.12);
}
.header-nav-row{ grid-template-columns:auto 1fr; }
.site-nav--centered{ justify-self:end; }
.site-nav--centered .primary-menu{ justify-content:flex-end; }

.site-footer--guide-v3{
  background:linear-gradient(180deg,#082846 0%,#0c3b63 60%,#0a2d4d 100%);
  position:relative;
  overflow:hidden;
}
.site-footer--guide-v3::before,
.site-footer--guide-v3::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.05);
  pointer-events:none;
}
.site-footer--guide-v3::before{width:280px;height:280px;right:-80px;top:-80px;}
.site-footer--guide-v3::after{width:220px;height:220px;left:-60px;bottom:-50px;}
.footer-hero--v3{
  grid-template-columns:1fr auto;
  gap:1.25rem 2rem;
  padding:1.75rem;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.12);
}
.footer-hero__eyebrow{
  grid-column:1 / -1;
  color:#c8e9ff;
  font-size:.88rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer-grid--v3{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr 1fr;
  gap:1.25rem;
}
.footer-panel{
  position:relative;
  padding:1.35rem;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(10px);
}
.footer-panel--brand-v3 .custom-logo{ max-height:74px; width:auto; }
.footer-logo-wrap{ margin-bottom:1rem; }
.footer-lead{ font-size:1rem; line-height:1.7; color:rgba(255,255,255,.86); }
.footer-mini-contact{ display:flex; flex-direction:column; gap:.45rem; margin:1rem 0 1.1rem; }
.footer-mini-contact a,
.footer-links--v3 a,
.footer-menu-v3 a,
.footer-contact--v3 .footer-contact__row{ color:rgba(255,255,255,.82); }
.footer-menu-v3,
.footer-links--v3{ list-style:none; margin:0; padding:0; display:grid; gap:.7rem; }
.footer-menu-v3 li,
.footer-links--v3 li{ margin:0; }
.footer-menu-v3 a,
.footer-links--v3 a{ display:inline-flex; align-items:center; gap:.4rem; text-decoration:none; }
.footer-menu-v3 a:hover,
.footer-links--v3 a:hover,
.footer-mini-contact a:hover,
.designer-signature__name:hover{ color:#fff; text-decoration:none; }
.footer-contact--v3{ display:grid; gap:.8rem; }
.designer-signature{
  margin-top:1.2rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.14);
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.designer-signature__label{
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(200,233,255,.72);
}
.designer-signature__name{ font-size:1rem; font-weight:800; color:#fff; }
.footer-bottom--v3{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  flex-wrap:wrap;
}
.footer-bottom--v3 .footer-bottom__note{ display:block; }
.footer-bottom--v3 .footer-bottom__menu{ padding:0; margin:0; list-style:none; display:flex; gap:1rem; }
.footer-bottom--v3 .footer-bottom__menu a{ text-decoration:none; }

@media (max-width: 1024px){
  .header-top-row{ gap:1rem; }
  .header-actions--guide{ gap:.6rem; }
  .footer-grid--v3{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 820px){
  .header-top-row{ flex-wrap:wrap; align-items:flex-start; }
  .header-actions--guide{ width:100%; justify-content:flex-start; }
  .header-action-btn{ flex:1 1 auto; }
  .footer-hero--v3{ grid-template-columns:1fr; }
  .footer-grid--v3{ grid-template-columns:1fr; }
  .footer-bottom--v3{ flex-direction:column; }
}
@media (max-width: 640px){
  .header-actions--guide{ display:none; }
}


/* Business detail page improvements */
.business-hero__wrap{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);}
.business-hero__chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;}
.business-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.58rem .82rem;border-radius:999px;background:rgba(15,78,163,.08);color:var(--hiba-text);font-weight:600;font-size:.92rem;}
.business-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.business-slider{padding:1rem;}
.business-slider__viewport{position:relative;overflow:hidden;border-radius:18px;background:#eef5fb;}
.business-slide{display:none;margin:0;}
.business-slide.is-active{display:block;}
.business-slide img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;}
.business-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(15,43,85,.72);color:#fff;font-size:22px;cursor:pointer;z-index:3;}
.business-slider__arrow--prev{left:16px;}
.business-slider__arrow--next{right:16px;}
.business-slider__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.65rem;margin-top:.8rem;}
.business-slider__thumb{padding:0;border:2px solid transparent;border-radius:14px;overflow:hidden;background:#fff;cursor:pointer;}
.business-slider__thumb.is-active{border-color:var(--hiba-primary);box-shadow:0 12px 24px rgba(15,43,85,.14);}
.business-slider__thumb img{display:block;width:100%;height:82px;object-fit:cover;}
.business-detail-list li{display:grid;grid-template-columns:120px 1fr;gap:.75rem;padding:.7rem 0;border-bottom:1px solid rgba(15,43,85,.08);}
.business-detail-list li:last-child{border-bottom:0;padding-bottom:0;}
.business-detail-list strong{font-size:.9rem;color:var(--hiba-muted);}
.business-detail-list span{min-width:0;word-break:break-word;}
.business-whatsapp{width:100%;justify-content:center;margin-top:1rem;}
.business-content,.business-about-card,.business-contact-card{padding:1.3rem 1.35rem;}
@media (max-width: 900px){
  .business-hero__wrap,.business-detail-grid{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .business-summary-grid{grid-template-columns:1fr;}
  .business-detail-list li{grid-template-columns:1fr;gap:.25rem;}
  .business-slider__thumbs{grid-template-columns:repeat(3,1fr);}
  .business-slider__arrow{width:40px;height:40px;}
}


/* === Tourism guide refinement v5 === */
:root{
  --hiba-navy:#0a2b46;
  --hiba-navy-2:#0e4c73;
  --hiba-blue:#1496c3;
  --hiba-primary:#1496c3;
  --hiba-yellow:#ffb347;
  --hiba-yellow-2:#ff8f3a;
  --hiba-bg:#eef7fb;
  --hiba-card:#ffffff;
  --hiba-text:#11344b;
  --hiba-muted:#5b7386;
}
body{background:radial-gradient(circle at top left, rgba(20,150,195,.08), transparent 24%),linear-gradient(180deg,#eaf7fb 0%,#f7fcfe 48%,#fffdf8 100%);}
.gokceada-guide-site{max-width:1420px;margin:18px auto;background:linear-gradient(180deg,#ffffff 0%,#fbfeff 100%);border-radius:28px;box-shadow:0 28px 75px rgba(10,43,70,.14);overflow:hidden;}
.site-header--guide{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(20,150,195,.08);}
.topbar--guide{background:linear-gradient(90deg,#0a2b46 0%,#0f5f84 60%,#147ca2 100%);}
.header-top-row{display:grid;grid-template-columns:auto minmax(320px,728px) auto;align-items:center;gap:1.25rem;padding:.2rem 0 .85rem;}
.header-branding--centered{padding:.15rem 0;min-width:240px;}
.header-ad-slot{width:100%;min-height:90px;border-radius:18px;border:1px dashed rgba(20,150,195,.24);background:linear-gradient(135deg,rgba(20,150,195,.07),rgba(255,179,71,.10));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.85rem 1rem;overflow:hidden;}
.header-ad-slot.has-ad{padding:0;border-style:solid;background:#fff;box-shadow:0 12px 30px rgba(10,43,70,.08);}
.header-ad-slot a,.header-ad-slot img{display:block;width:100%;height:90px;}
.header-ad-slot img{object-fit:cover;}
.header-ad-slot__label{font-weight:800;color:var(--hiba-navy);font-size:1rem;}
.header-ad-slot__hint{font-size:.86rem;color:var(--hiba-muted);max-width:40ch;}
.header-actions--guide{justify-content:flex-end;gap:.7rem;}
.header-action-btn{border-radius:16px;box-shadow:0 14px 34px rgba(10,43,70,.12);}
.header-nav-row{position:relative;grid-template-columns:auto 1fr;gap:1rem;border-top:1px solid rgba(20,150,195,.1);padding-top:1rem;}
.site-nav--centered .primary-menu a{border-radius:14px;}
.primary-menu > li.current-menu-item > a,.primary-menu a:hover{background:rgba(20,150,195,.10);color:#0a2b46;}
.site-nav.is-open{display:block !important;}
@media (max-width:1180px){
  .header-top-row{grid-template-columns:auto 1fr;align-items:flex-start;}
  .header-ad-slot{grid-column:1 / -1;order:3;max-width:728px;}
}
@media (max-width:820px){
  .header-top-row{display:flex;flex-wrap:wrap;align-items:center;}
  .header-ad-slot{display:none;}
  .site-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + .55rem);z-index:70;}
  .site-nav.is-open{display:block;background:#fff;border-radius:22px;padding:1rem;box-shadow:0 22px 50px rgba(10,43,70,.18);border:1px solid rgba(20,150,195,.12);}
  .site-nav .primary-menu{gap:.45rem;}
  .site-nav .primary-menu a{padding:.9rem 1rem;border-radius:14px;background:#f7fbfd;}
  .site-nav .primary-menu .sub-menu{padding-left:.5rem;margin-top:.45rem;}
}
@media (max-width:640px){
  .brand--centered .custom-logo{max-height:76px;max-width:70vw;}
}
.business-contact-actions{display:grid;gap:.75rem;margin-top:1rem;}
.business-map{width:100%;justify-content:center;}
.business-detail-list li strong{color:#21495f;}
.business-slider__thumb.is-active{border-color:var(--hiba-primary);}
.detail-card,.business-content,.business-about-card,.business-contact-card{border-radius:22px;}

/* v6 business rating, featured badge and gokceada guide box */
.business-badge,
.service-card__badge,
.thumb-top-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:999px;background:linear-gradient(135deg,#ffb347,#ff7a18);color:#fff;font-weight:800;font-size:.78rem;letter-spacing:.02em;box-shadow:0 12px 24px rgba(255,122,24,.18);}
.business-badge--featured{margin-bottom:12px;}
.business-stars,.service-card__rating{display:flex;align-items:center;gap:.28rem;flex-wrap:wrap;margin:.55rem 0 0;color:#6b7280;font-weight:700;}
.business-stars__star,.service-card__rating .star{font-size:1.05rem;line-height:1;color:#d1d5db;}
.business-stars__star.is-active,.service-card__rating .star.is-active{color:#f5a623;}
.service-card__media{position:relative;}
.service-card__badge,.thumb-top-badge{position:absolute;top:14px;left:14px;z-index:3;}
.ada-guide-card{background:linear-gradient(180deg,#f8fffd 0%,#ffffff 100%);border:1px solid rgba(29,161,179,.12);}
.ada-guide-card__head{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;margin-bottom:1rem;}
.ada-guide-card h2{margin:0;font-size:clamp(1.35rem,2vw,1.8rem);}
.ada-guide-card__content p:last-child{margin-bottom:0;}
.business-contact-card .business-badge{margin-bottom:.8rem;}
@media (max-width: 767px){.business-badge,.service-card__badge,.thumb-top-badge{font-size:.72rem;padding:.4rem .75rem;}}


/* === Final mobile + faq customizer refinement v9 === */
.home-faq .faq-item{border:1px solid rgba(20,150,195,.10);background:linear-gradient(180deg,#fff,#f8fcff);border-radius:20px;box-shadow:0 14px 32px rgba(10,43,70,.06);}
.home-faq .faq-item + .faq-item{margin-top:.9rem;}
.home-faq .faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.2rem;font-weight:800;color:var(--hiba-navy);cursor:pointer;}
.home-faq .faq-item summary::-webkit-details-marker{display:none;}
.home-faq .faq-item[open] summary{padding-bottom:.8rem;}
.home-faq .faq-body{padding:0 1.2rem 1.15rem;color:var(--hiba-muted);line-height:1.75;}
.header-top-row{align-items:center;}
.header-nav-row{align-items:center;}
@media (max-width: 1024px){
  .header-top-row{grid-template-columns:auto 1fr;gap:1rem;}
  .header-actions--guide{display:none;}
}
@media (max-width: 820px){
  body{background:linear-gradient(180deg,#edf8fc 0%,#fffdf9 100%);}
  .gokceada-guide-site{margin:0;max-width:none;border-radius:0;box-shadow:none;}
  .site-header--guide{position:sticky;top:0;margin:0;border-radius:0;border-left:0;border-right:0;}
  .topbar--guide{display:none;}
  .header-guide-shell{padding:.7rem 0 .85rem;}
  .header-top-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.05rem 0 .65rem;}
  .header-branding--centered{min-width:0;padding:0;}
  .brand--centered .custom-logo{max-height:72px;max-width:min(68vw,260px);}
  .nav-toggle{width:46px;height:46px;border-radius:14px;justify-self:end;}
  .header-nav-row{grid-template-columns:1fr auto;gap:.75rem;padding-top:.8rem;}
  .site-nav{left:0;right:0;top:calc(100% + .5rem);}
  .site-nav.is-open{padding:.9rem;border-radius:18px;max-height:calc(100vh - 120px);overflow:auto;-webkit-overflow-scrolling:touch;}
  .site-nav .primary-menu{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;}
  .site-nav .primary-menu > li{width:100%;}
  .site-nav .primary-menu a{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.95rem 1rem;font-size:1rem;background:#f5fbfd;}
  .site-nav .primary-menu .sub-menu{display:none;padding:.45rem 0 0 .45rem;margin:0;}
  .site-nav .primary-menu .sub-menu.is-open{display:block;}
  .submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;background:transparent;color:var(--hiba-navy);margin-left:-3rem;position:relative;z-index:2;}
  .submenu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease;}
  .submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg);}
  .hero{padding-top:1rem;}
  .hero-grid{gap:1rem;}
  .hero-left{padding-right:0;}
  .hero h1{font-size:clamp(1.9rem,8vw,2.8rem);line-height:1.08;}
  .hero .lead{font-size:1rem;}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:.7rem;}
  .hero-actions .btn{width:100%;justify-content:center;}
  .section{padding:2.5rem 0;}
  .service-card,.project-card,.news-card,.testimonial,.why-card,.shortcut-card{border-radius:20px;}
  .footer-hero--v3,.footer-panel{border-radius:20px;}
}
@media (max-width: 560px){
  .container{padding-left:14px;padding-right:14px;}
  .brand--centered .custom-logo{max-height:64px;max-width:62vw;}
  .header-top-row{grid-template-columns:minmax(0,1fr) 46px;}
  .header-nav-row{padding-top:.7rem;}
  .site-nav.is-open{top:calc(100% + .35rem);padding:.8rem;}
  .home-faq .faq-item summary{padding:1rem 1rem .9rem;font-size:.98rem;}
  .home-faq .faq-body{padding:0 1rem 1rem;}
}

/* === Header/Footer redesign v10 === */
.site-header--guide-v10{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(20,150,195,.10);
  box-shadow:0 12px 34px rgba(10,43,70,.06);
}
.topbar--guide-v10{
  background:linear-gradient(90deg,#082846 0%,#0d4f77 55%,#1487a8 100%);
}
.topbar-inner--v10{
  min-height:44px;
}
.topbar-right--compact{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}
.topbar-link--whatsapp{
  font-weight:800;
}
.header-guide-shell--v10{
  padding:.9rem 0 1rem;
}
.header-main-row--v10{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:1rem;
}
.header-branding--v10{
  min-width:0;
}
.brand--v10 .custom-logo{
  max-height:100px;
  width:auto;
  max-width:min(34vw,360px);
}
.site-nav--v10{
  display:flex;
  justify-content:center;
  min-width:0;
}
.site-nav--v10 .primary-menu{
  justify-content:center;
  gap:.35rem;
  flex-wrap:wrap;
}
.site-nav--v10 .primary-menu > li > a{
  padding:.9rem 1rem;
  border-radius:14px;
  font-weight:700;
}
.site-nav--v10 .primary-menu > li.current-menu-item > a,
.site-nav--v10 .primary-menu > li > a:hover{
  background:rgba(20,150,195,.10);
  color:var(--hiba-navy);
}
.header-actions--v10{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.7rem;
}
.header-actions--v10 .header-action-btn{
  min-height:48px;
  border-radius:16px;
  white-space:nowrap;
}
.nav-toggle--v10{
  display:none;
}
.header-sub-row--v10{
  margin-top:.95rem;
  padding-top:.95rem;
  border-top:1px solid rgba(20,150,195,.10);
}
.header-ad-slot--v10{
  max-width:728px;
  margin-left:auto;
}
.site-footer--guide-v10{
  background:linear-gradient(180deg,#082846 0%,#0b3257 60%,#08233d 100%);
  position:relative;
  overflow:hidden;
}
.site-footer--guide-v10::before,
.site-footer--guide-v10::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.05);
  pointer-events:none;
}
.site-footer--guide-v10::before{width:320px;height:320px;right:-110px;top:-90px;}
.site-footer--guide-v10::after{width:240px;height:240px;left:-80px;bottom:-70px;}
.footer-hero--v10{
  display:grid;
  grid-template-columns:1.4fr auto;
  gap:1.4rem 2rem;
  align-items:center;
  padding:1.75rem;
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.12);
}
.footer-hero--v10 .footer-hero__eyebrow{
  display:inline-block;
  margin-bottom:.55rem;
  color:#c8e9ff;
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer-grid--v10{
  display:grid;
  grid-template-columns:1.15fr .9fr .85fr 1fr;
  gap:1.25rem;
}
.footer-panel--brand-v10,
.footer-panel--explore-v10,
.footer-panel--links-v10,
.footer-panel--contact-v10{
  position:relative;
  padding:1.35rem;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}
.footer-panel--brand-v10 .custom-logo{
  max-height:70px;
  width:auto;
}
.footer-widget-stack--explore .widget,
.footer-widget-stack--explore .footer-widget{
  margin:0 0 .9rem;
}
.footer-widget-stack--explore .widget:last-child,
.footer-widget-stack--explore .footer-widget:last-child{
  margin-bottom:0;
}
.footer-widget-stack--explore ul,
.footer-widget-stack--explore ol,
.footer-menu-v10,
.footer-links--v10{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.7rem;
}
.footer-widget-stack--explore a,
.footer-widget-stack--explore .menu a,
.footer-menu-v10 a,
.footer-links--v10 a{
  color:rgba(255,255,255,.84);
  text-decoration:none;
}
.footer-widget-stack--explore a:hover,
.footer-widget-stack--explore .menu a:hover,
.footer-menu-v10 a:hover,
.footer-links--v10 a:hover{
  color:#fff;
}
.footer-widget-stack--explore .widget-title{
  margin:0 0 .8rem;
  color:#fff;
  font-size:1rem;
}
.designer-signature--v10{
  margin-top:1.15rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.14);
}
.footer-bottom--v10{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:1rem;
  padding-top:1rem;
}
.footer-bottom--v10 .footer-bottom__menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:1rem;
}
@media (max-width:1180px){
  .header-main-row--v10{
    grid-template-columns:auto 1fr auto;
  }
  .site-nav--v10{
    justify-content:flex-start;
  }
  .site-nav--v10 .primary-menu{
    justify-content:flex-start;
  }
  .header-actions--v10{
    display:none;
  }
  .footer-grid--v10{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:820px){
  .topbar--guide-v10{display:none;}
  .header-guide-shell--v10{padding:.75rem 0 .85rem;}
  .header-main-row--v10{
    grid-template-columns:minmax(0,1fr) auto;
    gap:.75rem;
  }
  .brand--v10 .custom-logo{
    max-height:72px;
    max-width:min(68vw,260px);
  }
  .nav-toggle--v10{
    display:inline-flex;
    width:46px;
    height:46px;
    border-radius:14px;
    justify-content:center;
    align-items:center;
  }
  .site-nav--v10{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + .55rem);
    z-index:70;
  }
  .site-nav--v10.is-open{
    display:block;
    background:#fff;
    border-radius:20px;
    padding:.9rem;
    box-shadow:0 22px 50px rgba(10,43,70,.18);
    border:1px solid rgba(20,150,195,.12);
  }
  .site-nav--v10 .primary-menu{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:.35rem;
  }
  .site-nav--v10 .primary-menu > li,
  .site-nav--v10 .primary-menu > li > a{
    width:100%;
  }
  .site-nav--v10 .primary-menu > li > a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.95rem 1rem;
    background:#f5fbfd;
  }
  .header-sub-row--v10{
    margin-top:.75rem;
    padding-top:.75rem;
  }
  .header-ad-slot--v10{
    max-width:none;
    margin-left:0;
  }
  .footer-hero--v10,
  .footer-grid--v10,
  .footer-bottom--v10{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:flex-start;
  }
}


/* === Header fixes v11 === */
.header-guide-shell--v10{
  position:relative;
}
.header-main-row--v11{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
}
.header-sub-row--v11{
  margin-top:.95rem;
  padding-top:.95rem;
  border-top:1px solid rgba(20,150,195,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.header-actions--subrow{
  flex:0 0 auto;
}
.header-ad-slot--v10{
  flex:1 1 auto;
  min-width:0;
}
.header-ad-slot--v10 img,
.header-ad-slot--v10 a{
  display:block;
}
.header-ad-slot--v10 img{
  width:100%;
  max-width:728px;
  height:auto;
  border-radius:16px;
  box-shadow:0 16px 30px rgba(10,43,70,.10);
}
.header-ad-slot--v10.has-ad{
  display:flex;
  align-items:center;
}
.header-ad-slot--v10:not(.has-ad){
  min-height:90px;
}
.header-ad-slot__label,
.header-ad-slot__hint{
  display:block;
}
@media (max-width:1180px){
  .header-sub-row--v11{
    flex-wrap:wrap;
  }
  .header-actions--subrow{
    width:100%;
    justify-content:flex-end;
  }
}
@media (max-width:820px){
  .header-main-row--v11{
    grid-template-columns:minmax(0,1fr) auto;
    position:relative;
  }
  .site-nav--v10{
    top:calc(100% + .75rem);
  }
  .header-sub-row--v11{
    display:grid;
    grid-template-columns:1fr;
    gap:.75rem;
  }
  .header-actions--subrow{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .header-actions--subrow .header-action-btn{
    width:100%;
    justify-content:center;
  }
  .header-ad-slot--v10,
  .header-ad-slot--v10 img{
    width:100%;
    max-width:none;
  }
  .header-ad-slot--v10:not(.has-ad){
    min-height:auto;
    padding:1rem;
    border:1px dashed rgba(20,150,195,.28);
    border-radius:16px;
    background:#f7fcfe;
  }
}
@media (max-width:560px){
  .header-actions--subrow{
    grid-template-columns:1fr;
  }
}


/* === v12 fixes: bigger logo, working mobile header, visible ad, project gallery === */
.brand--v10 .custom-logo,
.brand--v10 .custom-logo-link img,
.header-branding--v10 .custom-logo{
  max-height: 100px !important;
  height: auto !important;
  width: auto !important;
  max-width: min(48vw, 460px) !important;
}
.header-main-row--v11{
  position: relative;
}
@media (max-width: 820px){
  .brand--v10 .custom-logo,
  .brand--v10 .custom-logo-link img,
  .header-branding--v10 .custom-logo{
    max-height: 100px !important;
    max-width: min(72vw, 320px) !important;
  }
  .site-header--guide-v10 .site-nav--v10{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + .7rem);
    z-index: 90;
  }
  .site-header--guide-v10 .site-nav--v10.is-open{
    display: block !important;
  }
  .site-header--guide-v10 .header-sub-row--v11{
    display: grid !important;
    grid-template-columns: 1fr;
  }
  .site-header--guide-v10 .header-ad-slot--v10,
  .site-header--guide-v10 .header-ad-slot--v10.has-ad{
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .site-header--guide-v10 .header-ad-slot--v10 a,
  .site-header--guide-v10 .header-ad-slot--v10 img{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 90px;
  }
  .site-header--guide-v10 .header-actions--subrow{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: .7rem;
  }
}
.proje-gallery .pg-arrow{
  border-radius: 16px;
}
.proje-gallery-thumbs .pg-thumb{
  border-radius: 14px;
}


/* === v13 final polish: premium logo area, refined mobile header, animated proje slider === */
.site-header--guide-v10{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
}
.header-guide-shell--v10{
  padding-top:.6rem;
  padding-bottom:.9rem;
}
.brand--v10 .custom-logo-link{
  display:inline-flex;
  align-items:center;
  padding:.5rem .85rem;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,252,.96));
  box-shadow:0 14px 34px rgba(8,40,70,.10);
  border:1px solid rgba(20,150,195,.10);
}
.brand--v10 .custom-logo,
.brand--v10 .custom-logo-link img,
.header-branding--v10 .custom-logo{
  max-height:112px !important;
  max-width:min(52vw,520px) !important;
}
.site-nav--v10 .primary-menu > li > a{
  font-weight:800;
}
.site-nav--v10 .primary-menu > li.current-menu-item > a,
.site-nav--v10 .primary-menu > li.current_page_item > a,
.site-nav--v10 .primary-menu > li > a:hover{
  background:linear-gradient(180deg,rgba(20,150,195,.14),rgba(20,150,195,.10));
  box-shadow:inset 0 0 0 1px rgba(20,150,195,.10);
}
.header-sub-row--v11{
  align-items:stretch;
}
.header-actions--subrow .header-action-btn{
  min-width:170px;
}
.header-actions--subrow .btn-secondary{
  background:#f1fbfd;
}
.header-actions--subrow .btn-primary{
  background:linear-gradient(180deg,#ffbd53,#f2a637);
  box-shadow:0 12px 26px rgba(242,166,55,.22);
}
.header-ad-slot--v10.has-ad a{
  display:flex;
  align-items:center;
  height:100%;
}
.header-ad-slot--v10 img{
  transition:transform .25s ease, box-shadow .25s ease;
}
.header-ad-slot--v10:hover img{
  transform:translateY(-1px);
}
.proje-gallery{
  overflow:hidden;
}
.proje-gallery-main{
  position:relative;
  min-height:320px;
  background:linear-gradient(180deg,#f8fbfd,#edf6f8);
}
.pg-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:translateX(18px) scale(.985);
  transition:opacity .38s ease, transform .38s ease, visibility .38s ease;
  display:block;
}
.pg-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:translateX(0) scale(1);
  z-index:2;
}
.pg-slide img{
  width:100%;
  height:clamp(280px,48vw,560px);
  object-fit:cover;
}
@media (max-width:820px){
  .header-guide-shell--v10{padding-top:.5rem;padding-bottom:.75rem;}
  .brand--v10 .custom-logo-link{padding:.45rem .65rem;border-radius:16px;}
  .brand--v10 .custom-logo,
  .brand--v10 .custom-logo-link img,
  .header-branding--v10 .custom-logo{
    max-height:96px !important;
    max-width:min(76vw,340px) !important;
  }
  .site-header--guide-v10 .site-nav--v10.is-open{
    border-radius:18px;
    overflow:hidden;
  }
  .site-nav--v10 .primary-menu > li > a{
    border-radius:14px;
  }
  .site-nav--v10 .primary-menu .sub-menu{
    margin:.35rem 0 .25rem;
    padding:.35rem;
    background:#f8fbfd;
    border-radius:14px;
  }
  .site-header--guide-v10 .header-sub-row--v11{
    gap:.8rem !important;
  }
  .site-header--guide-v10 .header-actions--subrow{
    grid-template-columns:1fr 1fr !important;
  }
  .site-header--guide-v10 .header-ad-slot--v10 img,
  .site-header--guide-v10 .header-ad-slot--v10 a{
    min-height:0 !important;
  }
  .proje-gallery-main{min-height:250px;}
  .pg-slide img{height:clamp(240px,62vw,360px);}
}
@media (max-width:560px){
  .site-header--guide-v10 .header-actions--subrow{grid-template-columns:1fr !important;}
  .brand--v10 .custom-logo,
  .brand--v10 .custom-logo-link img,
  .header-branding--v10 .custom-logo{
    max-height:88px !important;
    max-width:min(78vw,300px) !important;
  }
}


/* === v14 mobile menu final fix === */
.brand--v10 .custom-logo{
  max-height: 116px;
  max-width: min(38vw, 420px);
}
.mobile-nav-panel{
  display:none;
}
@media (max-width: 980px){
  .site-nav--v10{
    display:none !important;
  }
  .nav-toggle--v10{
    display:inline-flex !important;
  }
  .brand--v10 .custom-logo{
    max-height: 92px;
    max-width: min(68vw, 320px);
  }
  .header-guide-shell--v10{
    position:relative;
  }
  .mobile-nav-panel{
    position:absolute;
    left:0;
    right:0;
    top: calc(100% + .55rem);
    z-index: 120;
  }
  .mobile-nav-panel.is-open{
    display:block;
  }
  .mobile-site-nav{
    background:#ffffff;
    border:1px solid rgba(20,150,195,.16);
    border-radius:22px;
    box-shadow:0 26px 60px rgba(10,43,70,.18);
    padding:.85rem;
  }
  .mobile-site-nav .primary-menu{
    list-style:none;
    margin:0;
    padding:0;
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    gap:.45rem;
  }
  .mobile-site-nav .primary-menu > li{
    width:100%;
    margin:0;
  }
  .mobile-site-nav .primary-menu > li > a{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:1rem 1rem;
    background:#f4fbfd;
    border:1px solid rgba(20,150,195,.10);
    border-radius:16px;
    color:var(--hiba-navy);
    font-size:1rem;
    font-weight:800;
  }
  .mobile-site-nav .primary-menu .sub-menu{
    display:none;
    list-style:none;
    margin:.35rem 0 0;
    padding:.15rem 0 0 .55rem;
  }
  .mobile-site-nav .primary-menu .sub-menu.is-open{
    display:block;
  }
  .mobile-site-nav .primary-menu .sub-menu li{
    margin:0 0 .3rem;
  }
  .mobile-site-nav .primary-menu .sub-menu a{
    display:block;
    padding:.85rem .95rem;
    background:#fff;
    border:1px solid rgba(20,150,195,.10);
    border-radius:14px;
    color:var(--hiba-navy);
    font-weight:700;
  }
  .mobile-site-nav .submenu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:.75rem;
    top:.55rem;
    width:42px;
    height:42px;
    border:0;
    border-radius:12px;
    background:transparent;
    color:var(--hiba-navy);
    z-index:2;
  }
  .mobile-site-nav .primary-menu li.menu-item-has-children{
    position:relative;
  }
  .mobile-site-nav .primary-menu li.menu-item-has-children > a{
    padding-right:3.4rem;
  }
}
@media (max-width: 560px){
  .brand--v10 .custom-logo{
    max-height: 84px;
    max-width: min(74vw, 300px);
  }
  .mobile-site-nav{
    padding:.75rem;
    border-radius:18px;
  }
}


/* === v15 guide expansion === */
.guide-utility__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.guide-utility__card{
  padding:1.35rem;
  border-radius:22px;
}
.guide-utility__card h3{margin-top:0;margin-bottom:.55rem;}
.guide-utility__card p{margin:0 0 1rem;}
.services-map-strip{padding:0 0 1rem;}
.services-map-panel{
  display:grid;
  grid-template-columns:1.4fr auto;
  align-items:center;
  gap:1rem 2rem;
  padding:1.2rem 1.3rem;
  border-radius:24px;
}
.service-card__badge{
  position:absolute;
  top:12px;
  left:12px;
  display:inline-flex;
  padding:.35rem .65rem;
  border-radius:999px;
  background:#0f7f9a;
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  z-index:2;
}
.service-card__stars{
  display:flex;
  gap:.18rem;
  color:#b8c3d1;
  margin:-.1rem 0 .55rem;
  font-size:1rem;
}
.service-card__stars .is-on{ color:#f4b400; }
.business-submit-card{
  padding:1.3rem;
  border-radius:24px;
}
.business-submit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem 1rem;
}
.business-submit-grid p{margin:0;}
.business-submit-grid label{
  display:block;
  margin-bottom:.35rem;
  font-weight:700;
}
.business-submit-grid input,
.business-submit-grid textarea{
  width:100%;
  border:1px solid rgba(15,43,85,.15);
  border-radius:16px;
  padding:.9rem 1rem;
  font:inherit;
}
.submit-steps{
  margin:.25rem 0 0 1.2rem;
  padding:0;
}
.submit-steps li{margin-bottom:.45rem;}
@media (max-width: 980px){
  .guide-utility__grid,
  .business-submit-grid{
    grid-template-columns:1fr;
  }
  .services-map-panel{
    grid-template-columns:1fr;
  }
}


/* === v16 production enhancements === */
.services-live-grid{padding:0 0 2rem;}
.services-live-grid__wrap{display:grid;grid-template-columns:1.25fr .9fr;gap:1rem;}
.services-live-widget{padding:1.15rem 1.15rem 1.2rem;}
.business-map-canvas{height:420px;border-radius:18px;overflow:hidden;border:1px solid rgba(20,150,195,.12);margin-top:.75rem;}
.live-embed-block{margin:.85rem 0;padding:.85rem;border-radius:16px;background:#f7fbfd;border:1px solid rgba(20,150,195,.12);}
.live-embed-note{margin-top:.75rem;padding:.85rem 1rem;border-radius:16px;background:rgba(8,40,70,.05);}
.guide-utility__card--embed{grid-column:span 2;}
.thumb-top-badge--sponsored{right:.85rem;left:auto;background:#0a2b46;color:#fff;}
.thumb-top-badge--showcase{right:.85rem;left:auto;top:3rem;background:#f0a531;color:#082846;}
.business-submit-card--v16 select{width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(20,150,195,.18);padding:.8rem .9rem;background:#fff;}
@media (max-width: 980px){
  .services-live-grid__wrap{grid-template-columns:1fr;}
  .guide-utility__card--embed{grid-column:span 1;}
  .business-map-canvas{height:320px;}
}


/* === v17 weather page === */
.weather-page-hero{
  padding: 2.2rem 0 1rem;
}
.weather-page-hero__inner{
  padding: 1.5rem 1.6rem;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(8,40,70,.98), rgba(20,135,168,.92));
  color:#fff;
  box-shadow: 0 24px 60px rgba(10,43,70,.16);
}
.weather-page-hero__eyebrow{
  display:inline-block;
  margin-bottom:.6rem;
  font-size:.82rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
  color:#bfefff;
}
.weather-page-hero h1{
  margin:0 0 .4rem;
  color:#fff;
}
.weather-page-main{
  padding: 0 0 2.5rem;
}
.weather-page-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.7fr);
  gap:1rem;
}
.gweather-widget{
  padding:1.35rem;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff 0%, #f5fbfd 100%);
  border:1px solid rgba(20,150,195,.14);
  box-shadow:0 18px 44px rgba(10,43,70,.08);
}
.gweather-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1rem;
}
.gweather-kicker{
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#1487a8;
}
.gweather-title{
  margin:.15rem 0 .3rem;
  color:#0a2b46;
}
.gweather-desc{
  color:#456;
  font-weight:600;
}
.gweather-temp{
  font-size:3.2rem;
  line-height:1;
  font-weight:900;
  color:#0a2b46;
}
.gweather-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.8rem;
  margin-bottom:1rem;
}
.gweather-meta-item,
.gweather-day{
  padding:1rem;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(20,150,195,.12);
}
.gweather-meta-item span{
  display:block;
  font-size:.8rem;
  color:#678;
  margin-bottom:.3rem;
}
.gweather-meta-item strong{
  color:#0a2b46;
}
.gweather-days{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:.8rem;
}
.gweather-day-label{
  font-size:.86rem;
  font-weight:800;
  color:#0a2b46;
  margin-bottom:.3rem;
  text-transform:capitalize;
}
.gweather-day-state{
  color:#567;
  min-height:42px;
  font-size:.92rem;
}
.gweather-day-temps{
  margin-top:.65rem;
  color:#0a2b46;
}
.weather-side-card{
  padding:1.15rem;
  border-radius:22px;
}
.weather-side-card + .weather-side-card{
  margin-top:1rem;
}
.weather-side-card ul{
  margin:.5rem 0 0 1.1rem;
}
@media (max-width: 980px){
  .weather-page-grid{
    grid-template-columns:1fr;
  }
  .gweather-days{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width: 640px){
  .gweather-top{
    flex-direction:column;
  }
  .gweather-meta{
    grid-template-columns:1fr;
  }
  .gweather-days{
    grid-template-columns:1fr;
  }
  .gweather-temp{
    font-size:2.6rem;
  }
}


/* === v18 mobile drawer refinement === */
.mobile-nav-backdrop{
  display:none;
}
.mobile-nav-close{
  display:none;
}
@media (max-width: 980px){
  body.mobile-menu-open{
    overflow:hidden;
  }
  .mobile-nav-backdrop{
    position:fixed;
    inset:0;
    background:rgba(8,40,70,.48);
    z-index:119;
    display:block;
  }
  .mobile-nav-panel{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    width:min(92vw, 380px);
    height:100vh;
    z-index:120;
    padding:1rem 1rem 1.25rem;
    background:#fff;
    box-shadow:-18px 0 48px rgba(10,43,70,.22);
    overflow:auto;
    border-left:1px solid rgba(20,150,195,.12);
  }
  .mobile-nav-panel[hidden],
  .mobile-nav-backdrop[hidden]{
    display:none !important;
  }
  .mobile-nav-panel.is-open{
    display:block !important;
  }
  .mobile-nav-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    margin:0 0 .9rem auto;
    border:1px solid rgba(20,150,195,.12);
    border-radius:14px;
    background:#f7fbfd;
    color:#0a2b46;
    font-size:28px;
    line-height:1;
    cursor:pointer;
  }
  .mobile-site-nav{
    background:transparent;
    border:0;
    box-shadow:none;
    padding:0;
  }
  .mobile-site-nav .primary-menu > li > a{
    min-height:56px;
  }
}


/* === v19 complete mobile menu redesign === */
.mobile-nav-shell,
.mobile-nav-shell__backdrop,
.mobile-nav-drawer,
.mobile-nav-drawer__close,
.mobile-submenu-toggle{
  display:none;
}
@media (max-width: 980px){
  body.mobile-menu-open{
    overflow:hidden;
  }

  .site-nav--v10,
  .header-sub-row--v11{
    display:none !important;
  }

  .header-main-row--v11,
  .header-main-row--v10{
    grid-template-columns:minmax(0,1fr) auto;
    gap:.85rem;
  }

  .header-branding--v10{
    min-width:0;
  }

  .brand--v10 .custom-logo{
    max-height:96px;
    max-width:min(70vw, 320px);
  }

  .nav-toggle--v10{
    display:inline-flex !important;
    width:48px;
    height:48px;
    border-radius:16px;
    border:1px solid rgba(20,150,195,.14);
    background:#fff;
    box-shadow:0 12px 28px rgba(10,43,70,.10);
    color:#0a2b46;
  }

  .mobile-nav-shell{
    position:fixed;
    inset:0;
    z-index:9999;
    display:block;
  }

  .mobile-nav-shell[hidden]{
    display:none !important;
  }

  .mobile-nav-shell__backdrop{
    position:absolute;
    inset:0;
    display:block;
    background:rgba(8,40,70,.48);
    backdrop-filter:blur(3px);
  }

  .mobile-nav-drawer{
    position:absolute;
    top:0;
    right:0;
    display:flex;
    flex-direction:column;
    width:min(90vw, 380px);
    height:100%;
    background:linear-gradient(180deg,#ffffff 0%, #f7fbfd 100%);
    box-shadow:-24px 0 60px rgba(10,43,70,.22);
    transform:translateX(100%);
    transition:transform .28s ease;
  }

  .mobile-nav-drawer.is-open{
    transform:translateX(0);
  }

  .mobile-nav-drawer__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:1rem 1rem .85rem;
    border-bottom:1px solid rgba(20,150,195,.10);
  }

  .mobile-nav-drawer__brand .custom-logo{
    max-height:66px;
    width:auto;
    max-width:180px;
  }

  .mobile-nav-drawer__close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:14px;
    border:1px solid rgba(20,150,195,.12);
    background:#fff;
    color:#0a2b46;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    flex:0 0 auto;
  }

  .mobile-nav-drawer__body{
    flex:1 1 auto;
    overflow:auto;
    padding:1rem;
  }

  .mobile-menu-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:.55rem;
  }

  .mobile-menu-list > li{
    position:relative;
    margin:0;
  }

  .mobile-menu-list > li > a{
    display:flex !important;
    align-items:center;
    width:100%;
    min-height:56px;
    padding:1rem 3.6rem 1rem 1rem;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(20,150,195,.10);
    box-shadow:0 8px 20px rgba(10,43,70,.05);
    color:#0a2b46;
    font-weight:800;
  }

  .mobile-menu-list > li.current-menu-item > a,
  .mobile-menu-list > li.current_page_item > a{
    background:rgba(20,150,195,.10);
  }

  .mobile-submenu-toggle{
    position:absolute;
    top:8px;
    right:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:0;
    border-radius:12px;
    background:#f4fbfd;
    color:#0a2b46;
    cursor:pointer;
  }

  .mobile-submenu-toggle svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    transition:transform .2s ease;
  }

  .mobile-submenu-toggle[aria-expanded="true"] svg{
    transform:rotate(180deg);
  }

  .mobile-menu-list .sub-menu{
    display:none;
    list-style:none;
    margin:.5rem 0 0;
    padding:0 0 0 .85rem;
  }

  .mobile-menu-list .sub-menu.is-open{
    display:block;
  }

  .mobile-menu-list .sub-menu li{
    margin:0 0 .45rem;
  }

  .mobile-menu-list .sub-menu a{
    display:block;
    padding:.9rem 1rem;
    border-radius:16px;
    background:#eef8fb;
    border:1px solid rgba(20,150,195,.10);
    color:#0a2b46;
    font-weight:700;
  }

  .mobile-nav-drawer__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:.7rem;
    margin-top:1rem;
  }

  .mobile-nav-drawer__actions .btn{
    justify-content:center;
    min-height:50px;
  }

  .mobile-nav-drawer__ad{
    margin-top:1rem;
    padding:1rem;
    border-radius:18px;
    background:#fff;
    border:1px solid rgba(20,150,195,.10);
  }

  .mobile-nav-drawer__ad img{
    display:block;
    width:100%;
    height:auto;
    border-radius:12px;
  }

  .mobile-nav-drawer__meta{
    display:grid;
    gap:.55rem;
    margin-top:1rem;
    padding-top:1rem;
    border-top:1px solid rgba(20,150,195,.10);
  }

  .mobile-nav-drawer__meta a{
    color:#0a2b46;
    font-weight:700;
  }
}


/* === v20 premium fullscreen mobile menu === */
@media (max-width: 980px){
  .site-header--guide-v10{
    overflow: visible !important;
  }

  .site-nav--v10,
  .header-sub-row--v11,
  .topbar--guide-v10{
    display:none !important;
  }

  .header-guide-shell--v10{
    padding:.8rem 0 !important;
  }

  .header-main-row--v10,
  .header-main-row--v11{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:.8rem !important;
  }

  .brand--v10 .custom-logo{
    max-height:92px !important;
    max-width:min(72vw,300px) !important;
    width:auto !important;
  }

  .nav-toggle--v10{
    display:inline-flex !important;
    width:50px !important;
    height:50px !important;
    border-radius:18px !important;
    border:1px solid rgba(20,150,195,.14) !important;
    background:#fff !important;
    color:#082846 !important;
    box-shadow:0 16px 34px rgba(10,43,70,.12) !important;
    z-index:10001 !important;
  }

  .mobile-nav-shell{
    position:fixed !important;
    inset:0 !important;
    z-index:10000 !important;
  }

  .mobile-nav-shell[hidden]{
    display:none !important;
  }

  .mobile-nav-shell__backdrop{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    background:rgba(6,24,43,.56) !important;
    backdrop-filter:blur(6px) !important;
  }

  .mobile-nav-drawer{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    transform:translateY(18px) !important;
    opacity:0 !important;
    transition:transform .22s ease, opacity .22s ease !important;
    background:
      radial-gradient(1200px 500px at 100% 0%, rgba(20,150,195,.12), transparent 40%),
      linear-gradient(180deg,#f8fcfe 0%, #eef8fb 100%) !important;
  }

  .mobile-nav-drawer.is-open{
    transform:translateY(0) !important;
    opacity:1 !important;
  }

  .mobile-nav-drawer__head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:1rem !important;
    padding:1rem 1rem .85rem !important;
    border-bottom:1px solid rgba(20,150,195,.12) !important;
    background:rgba(255,255,255,.84) !important;
    backdrop-filter:blur(10px) !important;
    position:sticky !important;
    top:0 !important;
    z-index:2 !important;
  }

  .mobile-nav-drawer__brand .custom-logo{
    max-height:60px !important;
    max-width:220px !important;
    width:auto !important;
  }

  .mobile-nav-drawer__close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    border:1px solid rgba(20,150,195,.12) !important;
    background:#fff !important;
    color:#082846 !important;
    font-size:28px !important;
    line-height:1 !important;
    box-shadow:0 12px 28px rgba(10,43,70,.10) !important;
  }

  .mobile-nav-drawer__body{
    flex:1 1 auto !important;
    overflow:auto !important;
    padding:1rem 1rem 1.25rem !important;
  }

  .mobile-menu-list{
    display:flex !important;
    flex-direction:column !important;
    gap:.8rem !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .mobile-menu-list > li{
    position:relative !important;
    margin:0 !important;
  }

  .mobile-menu-list > li > a{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:58px !important;
    padding:1rem 4rem 1rem 1rem !important;
    border-radius:20px !important;
    background:#ffffff !important;
    border:1px solid rgba(20,150,195,.10) !important;
    box-shadow:0 12px 28px rgba(10,43,70,.06) !important;
    color:#082846 !important;
    font-size:1rem !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
  }

  .mobile-menu-list > li.current-menu-item > a,
  .mobile-menu-list > li.current_page_item > a,
  .mobile-menu-list > li.current-menu-ancestor > a{
    background:linear-gradient(180deg, rgba(20,150,195,.12), rgba(20,150,195,.06)) !important;
    border-color:rgba(20,150,195,.18) !important;
  }

  .mobile-submenu-toggle{
    position:absolute !important;
    top:9px !important;
    right:10px !important;
    width:40px !important;
    height:40px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:14px !important;
    background:#f2fbfd !important;
    color:#082846 !important;
    z-index:3 !important;
  }

  .mobile-submenu-toggle svg{
    width:18px !important;
    height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    transition:transform .2s ease !important;
  }

  .mobile-submenu-toggle[aria-expanded="true"] svg{
    transform:rotate(180deg) !important;
  }

  .mobile-menu-list .sub-menu{
    display:none !important;
    list-style:none !important;
    margin:.6rem 0 0 !important;
    padding:0 0 0 .9rem !important;
  }

  .mobile-menu-list .sub-menu.is-open{
    display:flex !important;
    flex-direction:column !important;
    gap:.55rem !important;
  }

  .mobile-menu-list .sub-menu li{
    margin:0 !important;
  }

  .mobile-menu-list .sub-menu a{
    display:block !important;
    padding:.95rem 1rem !important;
    border-radius:18px !important;
    background:#eefdff !important;
    border:1px solid rgba(20,150,195,.10) !important;
    color:#082846 !important;
    font-weight:700 !important;
    text-decoration:none !important;
  }

  .mobile-nav-drawer__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.75rem !important;
    margin-top:1rem !important;
  }

  .mobile-nav-drawer__actions .btn{
    min-height:52px !important;
    justify-content:center !important;
    border-radius:18px !important;
  }

  .mobile-nav-drawer__ad{
    margin-top:1rem !important;
    padding:1rem !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid rgba(20,150,195,.10) !important;
    box-shadow:0 12px 28px rgba(10,43,70,.06) !important;
  }

  .mobile-nav-drawer__ad img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    border-radius:14px !important;
  }

  .mobile-nav-drawer__meta{
    display:grid !important;
    gap:.5rem !important;
    margin-top:1rem !important;
    padding:1rem 0 0 !important;
    border-top:1px solid rgba(20,150,195,.12) !important;
  }

  .mobile-nav-drawer__meta a{
    color:#0d4f77 !important;
    font-weight:700 !important;
    text-decoration:none !important;
  }
}

@media (max-width: 560px){
  .brand--v10 .custom-logo{
    max-height:82px !important;
    max-width:min(74vw,270px) !important;
  }

  .mobile-nav-drawer__body{
    padding:.9rem .9rem 1.1rem !important;
  }

  .mobile-menu-list > li > a{
    min-height:56px !important;
    border-radius:18px !important;
  }
}


/* === v21 ferry page === */
.ferry-page-hero{
  position:relative;
  padding:2rem 0 1rem;
}
.ferry-page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(8,40,70,.82), rgba(8,40,70,.70)),
    var(--ferry-hero, none);
  background-size:cover;
  background-position:center;
  border-radius:0;
}
.ferry-page-hero .container{
  position:relative;
  z-index:1;
}
.ferry-page-hero__inner{
  padding:2rem;
  min-height:320px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
  border-radius:28px;
  overflow:hidden;
}
.ferry-page-hero__eyebrow{
  display:inline-block;
  margin-bottom:.65rem;
  color:#bfefff;
  font-size:.85rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ferry-page-hero h1{
  margin:0 0 .55rem;
  color:#fff;
}
.ferry-page-hero p{
  max-width:760px;
  color:rgba(255,255,255,.92);
}
.ferry-page-hero__actions{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-top:1rem;
}
.ferry-page-summary{
  padding:0 0 1rem;
}
.ferry-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.ferry-summary-card{
  padding:1rem 1.1rem;
  border-radius:22px;
}
.ferry-summary-card__label{
  display:block;
  margin-bottom:.35rem;
  color:#678;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ferry-page-main{
  padding:0 0 2.75rem;
}
.ferry-page-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
  gap:1rem;
}
.ferry-content-card,
.ferry-side-card{
  padding:1.2rem;
  border-radius:24px;
}
.ferry-content-card__head{
  margin-bottom:1rem;
}
.ferry-content-card__head h2{
  margin:0 0 .3rem;
}
.ferry-entry-content table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}
.ferry-entry-content table th,
.ferry-entry-content table td{
  padding:.9rem .85rem;
  border:1px solid rgba(20,150,195,.10);
}
.ferry-entry-content table th{
  background:#eef8fb;
  color:#082846;
}
.ferry-entry-content p:last-child{
  margin-bottom:0;
}
.ferry-content-card--cta{
  margin-top:1rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  background:linear-gradient(135deg, rgba(8,40,70,.96), rgba(13,79,119,.94));
  color:#fff;
}
.ferry-content-card--cta h3,
.ferry-content-card--cta p{
  color:#fff;
  margin:0;
}
.ferry-content-card__actions{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
}
.ferry-side-list{
  margin:.5rem 0 0 1rem;
}
.ferry-side-list li + li{
  margin-top:.45rem;
}
.ferry-side-actions{
  display:grid;
  gap:.75rem;
}
.ferry-side-actions .btn{
  justify-content:center;
}
.ferry-side-card--image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}
@media (max-width: 980px){
  .ferry-summary-grid,
  .ferry-page-grid{
    grid-template-columns:1fr;
  }
  .ferry-content-card--cta{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .ferry-page-hero__inner{
    padding:1.3rem;
    min-height:260px;
  }
  .ferry-page-hero__actions,
  .ferry-content-card__actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* === v22 ads and sponsor slider === */
.sponsor-slider-full{
  position:relative;
  padding:1.2rem 0 1.5rem;
  background:linear-gradient(180deg,#f6fbfd 0%, #edf8fc 100%);
}
.sponsor-slider-full__head{
  margin-bottom:.9rem;
}
.sponsor-slider-full__head h2{
  margin:.2rem 0 0;
}
.sponsor-slider-track-wrap{
  position:relative;
  width:100%;
  padding:0 3.5rem;
}
.sponsor-slider-track{
  display:flex;
  gap:1.5rem;
  overflow:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:.25rem 0 .4rem;
}
.sponsor-slider-track::-webkit-scrollbar{ display:none; }
.sponsor-slide-card{
  flex:0 0 min(420px, 86vw);
  background:#fff;
  border:1px solid rgba(20,150,195,.10);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(10,43,70,.08);
  scroll-snap-align:start;
}
.sponsor-slide-card__media{
  display:block;
  aspect-ratio:16/8.5;
  background:#dff3f8;
}
.sponsor-slide-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.sponsor-slide-card__placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:#0a2b46;
  font-weight:800;
}
.sponsor-slide-card__body{
  padding:1rem 1rem 1.1rem;
}
.sponsor-slide-card__body h3{
  margin:.35rem 0 .4rem;
  font-size:1.2rem;
}
.sponsor-slide-card__body p{
  margin:0;
  color:#5b6b78;
}
.sponsor-tag{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:.35rem .7rem;
  border-radius:999px;
  background:#082846;
  color:#fff;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.03em;
}
.sponsor-slider-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(20,150,195,.14);
  background:#fff;
  color:#0a2b46;
  box-shadow:0 14px 28px rgba(10,43,70,.10);
  cursor:pointer;
  z-index:3;
}
.sponsor-slider-arrow--prev{ left:14px; }
.sponsor-slider-arrow--next{ right:14px; }

.ad-banner{
  padding:1rem 0;
}
.ad-banner__inner{
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(20,150,195,.10);
  box-shadow:0 18px 40px rgba(10,43,70,.08);
}
.ad-banner__inner img{
  display:block;
  width:100%;
  height:auto;
}
.ad-banner__inner--split,
.ad-banner__inner--footer{
  display:grid;
  grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);
  align-items:center;
}
.ad-banner__content{
  padding:1.3rem;
}
.ad-banner__content h3{
  margin:.2rem 0 0;
}
.ad-banner__media{
  min-height:100%;
}
.ad-banner__media img{
  height:100%;
  object-fit:cover;
}
@media (max-width: 980px){
  .sponsor-slider-track-wrap{
    padding:0 1rem;
  }
  .sponsor-slider-arrow{
    display:none;
  }
  .ad-banner__inner--split,
  .ad-banner__inner--footer{
    grid-template-columns:1fr;
  }
}


/* === v23 monetization polish and menu icons === */
.site-nav--v10 .primary-menu > li > a{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
}
.site-nav--v10 .primary-menu > li > a::before{
  content:"";
  width:16px;
  height:16px;
  display:inline-block;
  border-radius:999px;
  background:
    radial-gradient(circle at 50% 50%, rgba(20,150,195,.95) 0 35%, transparent 38%),
    radial-gradient(circle at 50% 50%, rgba(20,150,195,.22) 0 100%);
  box-shadow:0 0 0 4px rgba(20,150,195,.08);
  flex:0 0 auto;
}
.header-action-btn--ads,
.btn.btn-outline{
  background:#fff;
  color:#082846;
  border:1px solid rgba(20,150,195,.16);
  box-shadow:0 14px 34px rgba(10,43,70,.10);
}
.btn.btn-outline:hover{
  background:#f3fbfd;
}
.thumb-top-badge{
  background:#1b7fce;
  color:#fff;
}
.thumb-top-badge--showcase{
  background:#f5a623;
  color:#082846;
  top:.85rem !important;
}
.thumb-top-badge--sponsored{
  background:#082846;
  color:#fff;
  top:3.05rem !important;
}
.sponsor-slider-full__heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
}
.sponsor-slider-full__text{
  margin:.35rem 0 0;
  color:#5b6b78;
  max-width:720px;
}
.sponsor-slider-full__cta{
  white-space:nowrap;
}
.ad-banner__mini-cta{
  margin-top:.9rem;
}
.ad-placeholder{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:1.25rem;
  text-align:center;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(20,150,195,.06),
      rgba(20,150,195,.06) 14px,
      rgba(8,40,70,.03) 14px,
      rgba(8,40,70,.03) 28px
    ),
    linear-gradient(180deg,#fff,#f7fbfd);
  color:#082846;
}
.ad-placeholder__badge{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:.3rem .7rem;
  border-radius:999px;
  background:#082846;
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.03em;
}
.ad-placeholder strong{
  font-size:1.05rem;
}
.ad-placeholder small{
  color:#5b6b78;
}
.footer-advertiser-link{
  padding:0 0 1.15rem;
}
.footer-advertiser-link__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.85rem 1.2rem;
  border-radius:18px;
  background:#fff;
  color:#082846;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(10,43,70,.14);
}
@media (max-width:980px){
  .sponsor-slider-full__heading{
    flex-direction:column;
    align-items:flex-start;
  }
  .site-nav--v10 .primary-menu > li > a::before{
    display:none;
  }
}


/* === v25 menu item icons === */
.menu-item-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  color:currentColor;
  flex:0 0 auto;
}
.menu-item-icon svg{
  width:18px;
  height:18px;
  display:block;
}
.menu-item-label{
  display:inline-block;
}
.site-nav--v10 .primary-menu > li > a,
.mobile-menu-list > li > a,
.mobile-menu-list .sub-menu a{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
}
.site-nav--v10 .primary-menu > li > a::before{
  display:none !important;
}
.mobile-menu-list > li > a .menu-item-icon,
.mobile-menu-list .sub-menu a .menu-item-icon{
  width:20px;
  height:20px;
}
@media (max-width: 980px){
  .mobile-menu-list > li > a,
  .mobile-menu-list .sub-menu a{
    justify-content:flex-start !important;
  }
}


/* === v26 centered desktop header layout === */
.header-guide-shell--v10{
  padding:.8rem 0 1rem;
}
.header-brand-row--v26{
  display:flex;
  justify-content:center;
  padding:.1rem 0 .7rem;
}
.header-branding--center,
.brand--center{
  display:flex;
  justify-content:center;
  align-items:center;
}
.brand--center .custom-logo{
  display:block;
  margin:0 auto;
  max-height:110px;
  width:auto;
  max-width:min(56vw,520px);
}
.header-nav-row-center--v26{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  padding-top:.15rem;
}
.site-nav--centered-v26{
  display:flex;
  justify-content:center;
  width:100%;
}
.site-nav--centered-v26 .primary-menu{
  justify-content:center;
  flex-wrap:wrap;
  gap:.45rem;
}
.site-nav--centered-v26 .primary-menu > li > a{
  justify-content:center;
}
.header-sub-row--v26{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(20,150,195,.10);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
}
.header-actions--subrow-v26{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.7rem;
  flex-wrap:wrap;
}
.header-actions--subrow-v26 .header-action-btn{
  min-height:46px;
}
@media (max-width:1180px){
  .header-sub-row--v26{
    grid-template-columns:1fr;
  }
  .header-actions--subrow-v26{
    justify-content:center;
  }
  .header-ad-slot--v10{
    margin-left:0;
    justify-self:center;
  }
}
@media (max-width:980px){
  .header-brand-row--v26{
    justify-content:flex-start;
    padding:.05rem 0;
  }
  .brand--center .custom-logo{
    max-height:92px;
    max-width:min(72vw,320px);
    margin:0;
  }
  .header-nav-row-center--v26{
    justify-content:flex-end;
    padding-top:0;
  }
  .site-nav--centered-v26,
  .header-sub-row--v26{
    display:none !important;
  }
}


/* === v27 dropdown, ad grid, back-to-top === */
.site-nav--centered-v26 .primary-menu > li{
  position:relative;
}
.site-nav--centered-v26 .primary-menu .sub-menu{
  position:absolute;
  top:calc(100% + .55rem);
  left:50%;
  transform:translateX(-50%) translateY(8px);
  min-width:240px;
  list-style:none;
  margin:0;
  padding:.6rem;
  background:#fff;
  border:1px solid rgba(20,150,195,.12);
  border-radius:18px;
  box-shadow:0 20px 44px rgba(10,43,70,.12);
  display:block;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:30;
}
.site-nav--centered-v26 .primary-menu .sub-menu li{
  margin:0;
}
.site-nav--centered-v26 .primary-menu .sub-menu a{
  display:flex;
  align-items:center;
  gap:.5rem;
  width:100%;
  padding:.8rem .9rem;
  border-radius:14px;
  white-space:nowrap;
}
.site-nav--centered-v26 .primary-menu > li.menu-item-has-children:hover > .sub-menu,
.site-nav--centered-v26 .primary-menu > li.menu-item-has-children:focus-within > .sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.site-nav--centered-v26 .primary-menu > li.menu-item-has-children > a{
  padding-right:1rem;
}
.site-nav--centered-v26 .primary-menu > li.menu-item-has-children > a::after{
  content:"▾";
  font-size:.8rem;
  opacity:.7;
  margin-left:.2rem;
}

.ad-grid-3col{
  padding:1rem 0 1.4rem;
}
.ad-grid-3col__wrap{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.ad-grid-card{
  display:flex;
  flex-direction:column;
  padding:1rem;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(20,150,195,.10);
  box-shadow:0 18px 40px rgba(10,43,70,.08);
}
.ad-grid-card__head h3{
  margin:.2rem 0 0;
  font-size:1.05rem;
}
.ad-grid-card__media{
  margin-top:.8rem;
  flex:1 1 auto;
  overflow:hidden;
  border-radius:18px;
  min-height:150px;
}
.ad-grid-card__media img{
  display:block;
  width:100%;
  height:100%;
  min-height:150px;
  object-fit:cover;
}
.ad-grid-card__cta{
  margin-top:.9rem;
  justify-content:center;
}
.back-to-top--footer{
  position:fixed;
  right:18px;
  bottom:18px;
  width:52px;
  height:52px;
  border:0;
  border-radius:18px;
  background:#082846;
  color:#fff;
  box-shadow:0 18px 34px rgba(10,43,70,.22);
  cursor:pointer;
  z-index:80;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.back-to-top--footer.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-to-top--footer span{
  font-size:22px;
  line-height:1;
}
@media (max-width:1180px){
  .ad-grid-3col__wrap{
    grid-template-columns:1fr;
  }
}
@media (max-width:980px){
  .site-nav--centered-v26 .primary-menu .sub-menu{
    display:none !important;
  }
}


/* === v28 popup campaign === */
.site-popup{
  position:fixed;
  inset:0;
  z-index:12000;
}
.site-popup[hidden]{
  display:none !important;
}
.site-popup__backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,40,70,.58);
  backdrop-filter:blur(5px);
}
.site-popup__dialog{
  position:relative;
  width:min(920px, calc(100vw - 2rem));
  margin:6vh auto 0;
  display:grid;
  grid-template-columns:minmax(280px,.95fr) minmax(0,1fr);
  background:#fff;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(10,43,70,.28);
}
.site-popup__media{
  min-height:100%;
  background:#e9f7fb;
}
.site-popup__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.site-popup__content{
  padding:1.5rem;
}
.site-popup__eyebrow{
  display:inline-block;
  margin-bottom:.55rem;
  color:#1487a8;
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.site-popup__content h3{
  margin:0 0 .5rem;
  font-size:1.8rem;
}
.site-popup__content p{
  margin:0;
  color:#5b6b78;
}
.site-popup__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.2rem;
}
.site-popup__close{
  position:absolute;
  top:12px;
  right:12px;
  width:44px;
  height:44px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.94);
  color:#082846;
  font-size:28px;
  line-height:1;
  box-shadow:0 10px 24px rgba(10,43,70,.12);
  cursor:pointer;
  z-index:2;
}
@media (max-width: 900px){
  .site-popup__dialog{
    grid-template-columns:1fr;
    width:min(640px, calc(100vw - 1.25rem));
    margin:4vh auto 0;
  }
  .site-popup__media{
    max-height:260px;
  }
}
@media (max-width: 560px){
  .site-popup__content{
    padding:1.15rem;
  }
  .site-popup__content h3{
    font-size:1.45rem;
  }
  .site-popup__actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* === v29 discover archive layout === */
.content-area--discover{
  padding-top:1rem;
}
.discover-layout{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:1.2rem;
  align-items:start;
}
.discover-sidebar{
  position:sticky;
  top:130px;
}
.discover-sidebar__card{
  padding:1rem;
  border-radius:24px;
}
.discover-sidebar__card + .discover-sidebar__card{
  margin-top:1rem;
}
.discover-filter{
  display:grid;
  gap:.7rem;
}
.discover-filter input[type="search"]{
  width:100%;
  min-height:48px;
  padding:.85rem .95rem;
  border:1px solid rgba(20,150,195,.14);
  border-radius:16px;
  background:#fff;
}
.discover-cats{
  display:grid;
  gap:.55rem;
}
.discover-cats__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  padding:.8rem .95rem;
  border:1px solid rgba(20,150,195,.10);
  border-radius:16px;
  background:#fff;
  color:#082846;
  font-weight:700;
  text-decoration:none;
}
.discover-cats__link:hover{
  background:#f3fbfd;
  text-decoration:none;
}
.discover-cats__link.is-active{
  background:linear-gradient(180deg, rgba(20,150,195,.12), rgba(20,150,195,.06));
  border-color:rgba(20,150,195,.18);
}
.discover-cats__link small{
  color:#5b6b78;
  font-size:.8rem;
}
.service-grid--discover{
  grid-template-columns:repeat(3, minmax(0,1fr));
}
.discover-empty{
  padding:1.2rem;
  border-radius:24px;
}
@media (max-width:1180px){
  .discover-layout{
    grid-template-columns:240px minmax(0,1fr);
  }
  .service-grid--discover{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width:980px){
  .discover-layout{
    grid-template-columns:1fr;
  }
  .discover-sidebar{
    position:static;
  }
}
@media (max-width:640px){
  .service-grid--discover{
    grid-template-columns:1fr;
  }
}


/* === v30 non-sticky header === */
.site-header,
.site-header--guide,
.site-header--guide-v10{
  position: relative !important;
  top: auto !important;
}
.site-header.is-sticky,
.site-header.is-shrink,
.site-header--guide.is-sticky,
.site-header--guide.is-shrink,
.site-header--guide-v10.is-sticky,
.site-header--guide-v10.is-shrink{
  box-shadow: inherit !important;
}
@media (max-width: 820px){
  .site-header--guide{
    position: relative !important;
    top: auto !important;
  }
}


/* === v31 publish polish === */
.site-footer--guide-v10{
  padding-top:.8rem;
}
.footer-hero--v10{
  padding:1.15rem !important;
  gap:1rem 1.4rem !important;
}
.footer-grid--v10{
  gap:.9rem !important;
  margin-top:.9rem;
}
.footer-panel--brand-v10,
.footer-panel--explore-v10,
.footer-panel--links-v10,
.footer-panel--contact-v10{
  padding:1rem !important;
}
.footer-lead{
  margin-bottom:.75rem;
}
.footer-mini-contact{
  gap:.35rem;
}
.footer-bottom--v10{
  padding-top:.9rem;
  padding-bottom:.4rem;
}
.footer-advertiser-link{
  padding:0 0 .65rem !important;
}
.footer-advertiser-link__btn{
  min-height:44px !important;
  padding:.72rem 1rem !important;
}
.site-footer--guide-v10 .container{
  padding-bottom:.1rem;
}
@media (max-width:980px){
  .footer-hero--v10{
    padding:1rem !important;
  }
  .footer-grid--v10{
    gap:.75rem !important;
  }
  .footer-panel--brand-v10,
  .footer-panel--explore-v10,
  .footer-panel--links-v10,
  .footer-panel--contact-v10{
    padding:.95rem !important;
  }
}


/* === v32 outer white frame cleanup === */
.gokceada-guide-site{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  max-width:var(--container) !important;
  margin:0 auto !important;
}
.site-header--guide-v10,
.site-header--guide,
.site-header{
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  width:100% !important;
}
.header-guide-shell--v10{
  max-width:100% !important;
}
.site-footer--guide-v10{
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
}
@media (max-width: 820px){
  .gokceada-guide-site{
    max-width:none !important;
    margin:0 !important;
  }
}


/* === v33 desktop dropdown overflow fix === */
.site-header,
.site-header--guide,
.site-header--guide-v10,
.header-guide-shell--v10,
.header-nav-row-center--v26,
.site-nav--centered-v26,
.site-nav--centered-v26 .primary-menu,
.site-nav--centered-v26 .primary-menu > li{
  overflow: visible !important;
}
.site-nav--centered-v26{
  position: relative;
  z-index: 40;
}
.site-nav--centered-v26 .primary-menu .sub-menu{
  z-index: 60 !important;
}
@media (max-width:980px){
  .site-nav--centered-v26{
    overflow:hidden !important;
  }
}


/* === v34 business taxonomy layout === */
.discover-layout--business{
  grid-template-columns: 280px minmax(0,1fr);
}
.service-grid--business-tax{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:1rem;
}
@media (max-width:1180px){
  .service-grid--business-tax{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width:980px){
  .discover-layout--business{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  .service-grid--business-tax{
    grid-template-columns:1fr;
  }
}


/* === v35 modern professional business guide === */
.thumb-card--business-pro{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(20,150,195,.10);
  box-shadow:0 18px 40px rgba(10,43,70,.08);
}
.thumb-card--business-pro .thumb-media{
  height:220px;
}
.thumb-card--business-pro .thumb-body{
  padding:1.05rem 1rem 1.15rem;
}
.thumb-card--business-pro h3{
  font-size:1.18rem;
  margin-bottom:.45rem;
}
.business-pro-hero{
  padding:1.2rem 0 1.4rem;
}
.business-pro-crumbs{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin-bottom:.9rem;
  color:#5b6b78;
  font-size:.93rem;
}
.business-pro-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:1rem;
  align-items:stretch;
}
.business-pro-hero__main{
  padding:1.5rem;
  border-radius:28px;
  background:
    radial-gradient(900px 340px at 0% 0%, rgba(20,150,195,.08), transparent 60%),
    linear-gradient(180deg,#fff,#f7fbfd);
}
.business-pro-hero__badges{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-bottom:.9rem;
}
.business-pro-badge{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:34px;
  padding:.4rem .8rem;
  border-radius:999px;
  background:#eefdff;
  color:#0a2b46;
  font-size:.84rem;
  font-weight:800;
}
.business-pro-badge--soft{
  background:rgba(20,150,195,.10);
}
.business-pro-badge--gold{
  background:#f7c35f;
  color:#082846;
}
.business-pro-badge--dark{
  background:#082846;
  color:#fff;
}
.business-pro-hero__main h1{
  font-size:clamp(2rem,3vw,3rem);
  margin-bottom:.55rem;
}
.business-pro-hero__lead{
  font-size:1.02rem;
  line-height:1.75;
  max-width:62ch;
}
.business-pro-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
}
.business-pro-tag{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:.42rem .8rem;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(20,150,195,.12);
  color:#0a2b46;
  font-weight:700;
  text-decoration:none;
}
.business-pro-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1rem;
}
.business-pro-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
  margin-top:1.2rem;
}
.business-pro-metric{
  padding:1rem;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(20,150,195,.10);
}
.business-pro-metric span{
  display:block;
  color:#678;
  font-size:.82rem;
  margin-bottom:.25rem;
}
.business-pro-metric strong{
  color:#082846;
  font-size:1rem;
}
.business-gallery-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2, 190px);
  gap:.85rem;
  height:100%;
}
.business-gallery-grid__item{
  display:block;
  overflow:hidden;
  border-radius:24px;
  box-shadow:0 16px 34px rgba(10,43,70,.10);
}
.business-gallery-grid__item--1{
  grid-row:span 2;
}
.business-gallery-grid__item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.business-gallery-empty{
  height:100%;
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  border-radius:28px;
}
.business-pro-content{
  padding:0 0 2.8rem;
}
.business-pro-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:1rem;
  align-items:start;
}
.business-pro-main{
  display:grid;
  gap:1rem;
}
.business-pro-sidebar{
  display:grid;
  gap:1rem;
  position:sticky;
  top:24px;
}
.business-pro-section,
.business-pro-sidecard{
  padding:1.25rem;
  border-radius:24px;
}
.business-pro-section__head{
  margin-bottom:.95rem;
}
.business-pro-section__head--inline{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  margin-bottom:1rem;
}
.business-pro-entry{
  line-height:1.8;
}
.business-pro-entry p + p{
  margin-top:.2rem;
}
.business-pro-note{
  padding:1rem 1.05rem;
  border-radius:20px;
  background:linear-gradient(180deg,#f7fbfd,#eef8fb);
  border:1px solid rgba(20,150,195,.10);
}
.business-pro-faq{
  display:grid;
  gap:.75rem;
}
.business-pro-faq__item{
  padding:.2rem 1rem 1rem;
  border-radius:20px;
  border:1px solid rgba(20,150,195,.10);
  background:#fff;
}
.business-pro-faq__item summary{
  list-style:none;
  cursor:pointer;
  padding:1rem 0 .4rem;
  font-weight:800;
  color:#082846;
}
.business-pro-faq__item summary::-webkit-details-marker{
  display:none;
}
.business-pro-info{
  display:grid;
  gap:.75rem;
}
.business-pro-info__row{
  display:grid;
  gap:.18rem;
  padding-bottom:.75rem;
  border-bottom:1px solid rgba(20,150,195,.10);
}
.business-pro-info__row:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.business-pro-info__row span{
  font-size:.82rem;
  color:#678;
}
.business-pro-sidecard--cta{
  background:linear-gradient(180deg,#082846,#0d4f77);
  color:#fff;
}
.business-pro-sidecard--cta h3,
.business-pro-sidecard--cta p{
  color:#fff;
}
.business-pro-sidecard__actions{
  display:grid;
  gap:.75rem;
  margin-top:.9rem;
}
.service-grid--business-pro{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media (max-width:1180px){
  .business-pro-hero__grid,
  .business-pro-layout{
    grid-template-columns:1fr;
  }
  .business-pro-sidebar{
    position:static;
  }
  .service-grid--business-pro{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .business-pro-metrics{
    grid-template-columns:1fr;
  }
  .business-gallery-grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:180px 180px;
  }
  .business-gallery-grid__item--1{
    grid-row:span 1;
  }
  .service-grid--business-pro{
    grid-template-columns:1fr;
  }
  .business-pro-section__head--inline{
    flex-direction:column;
    align-items:flex-start;
  }
  .business-pro-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* === v36 professional modern business/detail + homepage polish === */
:root{
  --radius-xl:28px;
  --radius-lg:22px;
}
.card{
  border-radius:22px;
}
.btn{
  border-radius:16px;
}
.hero-slider{
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 26px 70px rgba(10,43,70,.14);
}
.hero-grid{
  gap:1.4rem;
}
.visual-card{
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 20px 52px rgba(10,43,70,.14);
}
.home-pro-intro{
  padding:1rem 0 1.3rem;
}
.home-pro-intro__grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:1rem;
}
.home-pro-intro__lead,
.home-pro-intro__stats{
  padding:1.35rem;
  border-radius:24px;
  background:linear-gradient(180deg,#fff,#f7fbfd);
}
.home-pro-intro__lead h2{
  margin:.25rem 0 .55rem;
}
.home-pro-intro__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
  align-items:center;
}
.home-pro-stat{
  padding:1rem;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(20,150,195,.10);
  text-align:center;
}
.home-pro-stat strong{
  display:block;
  font-size:1.8rem;
  color:#082846;
}
.home-pro-stat span{
  color:#678;
  font-size:.9rem;
}
.service-grid .thumb-card,
.services-grid .thumb-card{
  border-radius:24px;
}
.business-gallery-slider{
  display:grid;
  gap:.75rem;
}
.business-gallery-slider__stage{
  position:relative;
  min-height:460px;
}
.business-gallery-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(10,43,70,.10);
}
.business-gallery-slide.is-active{
  opacity:1;
  pointer-events:auto;
}
.business-gallery-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.business-gallery-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#082846;
  box-shadow:0 14px 28px rgba(10,43,70,.12);
  cursor:pointer;
  z-index:2;
  font-size:28px;
  line-height:1;
}
.business-gallery-nav--prev{ left:14px; }
.business-gallery-nav--next{ right:14px; }
.business-gallery-thumbs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
}
.business-gallery-thumb{
  padding:0;
  border:2px solid transparent;
  background:transparent;
  border-radius:18px;
  overflow:hidden;
  cursor:pointer;
}
.business-gallery-thumb.is-active{
  border-color:#1487a8;
}
.business-gallery-thumb img{
  display:block;
  width:100%;
  height:88px;
  object-fit:cover;
}
.business-pro-map__embed{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(20,150,195,.10);
}
.business-pro-map__embed iframe{
  display:block;
  width:100%;
  min-height:420px;
  border:0;
}
.business-pro-map__placeholder{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  border-radius:24px;
  background:linear-gradient(180deg,#f7fbfd,#eef8fb);
  border:1px solid rgba(20,150,195,.10);
  text-align:center;
  padding:1.2rem;
}
.business-pro-sidecard,
.business-pro-section,
.business-pro-hero__main{
  box-shadow:0 18px 44px rgba(10,43,70,.08);
}
.business-pro-hero__main{
  border-radius:28px;
}
.business-pro-info__row strong a{
  color:#0d4f77;
}
@media (max-width:1180px){
  .home-pro-intro__grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .home-pro-intro__stats{
    grid-template-columns:1fr;
  }
  .business-gallery-slider__stage{
    min-height:320px;
  }
  .business-gallery-thumbs{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .business-gallery-thumb img{
    height:62px;
  }
  .business-pro-map__embed iframe{
    min-height:300px;
  }
}


/* === v40 professional non-boxed overhaul (hero preserved) === */
:root{
  --container: 1380px;
  --radius: 20px;
  --shadow: 0 20px 48px rgba(10,43,70,.10);
  --shadow-sm: 0 12px 30px rgba(10,43,70,.08);
  --line-soft: rgba(16,82,121,.10);
  --bg-soft: #f7fbfd;
  --bg-panel: #ffffff;
}
body{
  background: linear-gradient(180deg,#f7fbfd 0%, #f3f8fb 100%);
}
.gokceada-guide-site{
  max-width:none !important;
  width:100%;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.card{
  border-radius:24px;
  border:1px solid var(--line-soft);
  box-shadow:var(--shadow-sm);
}
.btn{
  border-radius:16px;
}
.site-header--guide-v10{
  background:#fff;
  border-bottom:1px solid rgba(16,82,121,.08);
}
.topbar--guide-v10{
  background:linear-gradient(180deg,#082846 0%, #0c3357 100%);
}
.header-guide-shell--v10{
  padding:1rem 0 1.15rem;
}
.brand--center .custom-logo{
  max-height:112px;
}
.site-nav--centered-v26 .primary-menu > li > a{
  min-height:46px;
  padding:.8rem 1.05rem;
  border-radius:14px;
  font-weight:800;
}
.site-nav--centered-v26 .primary-menu > li > a:hover{
  background:rgba(20,135,168,.08);
  text-decoration:none;
}
.header-sub-row--v26{
  border-top:1px solid rgba(16,82,121,.08);
}
.header-ad-slot--v10,
.header-actions--subrow-v26 .header-action-btn{
  border-radius:18px;
}
.hero.hero-slider{
  margin-top:0;
}
.home-pro-overview,
.home-pro-panels,
.home-pro-section,
.home-pro-info,
.home-pro-final{
  padding:1.4rem 0;
}
.home-pro-overview__grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:1rem;
}
.overview-card{
  padding:1.5rem;
  background:linear-gradient(180deg,#fff,#f8fcfe);
}
.overview-card--lead h2{
  margin:.3rem 0 .65rem;
  font-size:clamp(1.8rem,2.8vw,2.75rem);
}
.overview-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1rem;
}
.overview-card--stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
  align-items:center;
}
.overview-stat{
  padding:1rem;
  border-radius:18px;
  background:#fff;
  border:1px solid var(--line-soft);
  text-align:center;
}
.overview-stat strong{
  display:block;
  font-size:2rem;
  color:#082846;
}
.home-pro-panels__grid{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr;
  gap:1rem;
}
.panel-card{
  padding:1.35rem;
  background:linear-gradient(180deg,#fff,#f7fbfd);
}
.panel-card--wide{
  background:linear-gradient(135deg,#082846,#0f4c74);
  color:#fff;
}
.panel-card--wide h3,
.panel-card--wide p,
.panel-card--wide .section-kicker{
  color:#fff;
}
.section-head-pro{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.section-head-pro h2{
  margin:.2rem 0 0;
}
.service-grid--pro-home{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-pro-section--soft{
  background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.2));
}
.home-pro-info__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.info-pro-card{
  padding:1.25rem;
  background:linear-gradient(180deg,#fff,#f7fbfd);
}
.posts-grid--pro{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.post-card--pro-home{
  padding:1.25rem;
}
.home-pro-final__card{
  padding:1.6rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  background:linear-gradient(135deg,#082846,#0f4c74);
}
.home-pro-final__card h2,
.home-pro-final__card p,
.home-pro-final__card .section-kicker{
  color:#fff;
}
.home-pro-final__actions{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
}
.site-footer--v40{
  background:linear-gradient(180deg,#071d33 0%, #082846 45%, #0a3255 100%);
  color:#d5e8f5;
  margin-top:2rem;
}
.footer-v40__top{
  padding:1.5rem 0 0;
}
.footer-v40__hero{
  padding:1.5rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.08);
}
.footer-v40__hero h2,
.footer-v40__hero p,
.footer-v40__hero .section-kicker{
  color:#fff;
}
.footer-v40__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.footer-v40__main{
  padding:1rem 0 1.3rem;
}
.footer-v40__grid{
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr 1fr;
  gap:1rem;
}
.footer-v40__brand,
.footer-v40__col{
  padding:1.2rem;
  border-radius:24px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}
.footer-v40__brand p,
.footer-v40__col p,
.footer-v40__col a,
.footer-v40__brand a{
  color:#d5e8f5;
}
.footer-v40__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.6rem;
}
.footer-v40__contact-list{
  display:grid;
  gap:.55rem;
}
.footer-v40__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:1rem;
}
.footer-v40__bottom p,
.footer-v40__meta,
.footer-v40__meta a{
  color:#d5e8f5;
}
.thumb-card--business-pro,
.thumb-card{
  border-radius:24px;
}
.thumb-card--business-pro .thumb-media,
.thumb-card .thumb-media{
  border-top-left-radius:24px;
  border-top-right-radius:24px;
}
@media (max-width:1180px){
  .home-pro-overview__grid,
  .home-pro-panels__grid,
  .home-pro-info__grid,
  .footer-v40__grid{
    grid-template-columns:1fr;
  }
  .service-grid--pro-home,
  .posts-grid--pro{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .footer-v40__hero,
  .home-pro-final__card{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .overview-card--stats{
    grid-template-columns:1fr;
  }
  .service-grid--pro-home,
  .posts-grid--pro{
    grid-template-columns:1fr;
  }
  .section-head-pro,
  .footer-v40__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-v40__hero-actions,
  .home-pro-final__actions,
  .overview-card__actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* === v41 premium redesign and working business edit fields === */
:root{
  --container: 1440px;
  --radius: 18px;
  --shadow: 0 24px 60px rgba(7,31,53,.10);
  --shadow-sm: 0 14px 34px rgba(7,31,53,.08);
  --hiba-bg:#f4f8fb;
  --hiba-card:#ffffff;
}
body{
  background:
    radial-gradient(1200px 500px at 100% 0%, rgba(20,135,168,.08), transparent 42%),
    linear-gradient(180deg,#f7fbfd 0%, #f2f7fb 100%);
  color:#0a2742;
}
.container{
  width:min(var(--container), calc(100% - 2.75rem));
}
.card{
  border-radius:26px;
  border:1px solid rgba(14,86,125,.10);
  box-shadow:0 18px 46px rgba(10,43,70,.07);
}
.btn{
  border-radius:16px;
  min-height:48px;
  font-weight:800;
}
.badge{
  border-radius:999px;
  background:rgba(20,135,168,.10);
  border-color:rgba(20,135,168,.18);
}
.site-header--guide-v10{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(14,86,125,.08);
}
.topbar--guide-v10{
  background:linear-gradient(180deg,#082846 0%, #0c3558 100%);
}
.header-guide-shell--v10{
  padding:1rem 0 1.2rem;
}
.brand--center .custom-logo{
  max-height:116px;
}
.site-nav--centered-v26 .primary-menu > li > a{
  border-radius:14px;
}
.site-nav--centered-v26 .primary-menu > li > a:hover{
  background:rgba(20,135,168,.09);
}
.header-sub-row--v26{
  border-top:1px solid rgba(14,86,125,.08);
}
.hero-slider{
  border-radius:0 !important;
  box-shadow:none !important;
}
.hero-grid{
  width:min(1440px, calc(100% - 2.75rem)) !important;
  margin:0 auto !important;
  min-height:clamp(560px, 76vh, 800px);
  align-items:center;
}
.hero-left h1{
  font-size:clamp(2.4rem, 4vw, 4.4rem);
  line-height:1.04;
}
.hero-left .lead{
  font-size:1.08rem;
  max-width:60ch;
}
.home-pro-overview,
.home-pro-panels,
.home-pro-section,
.home-pro-info,
.home-pro-final{
  padding:1.55rem 0;
}
.overview-card,
.panel-card,
.info-pro-card,
.post-card--pro-home,
.home-pro-final__card{
  background:linear-gradient(180deg,#ffffff 0%, #f7fbfd 100%);
}
.overview-card--lead{
  padding:1.6rem;
}
.overview-card--lead h2{
  font-size:clamp(2rem,3vw,3.1rem);
  margin:.3rem 0 .65rem;
}
.overview-stat{
  border-radius:20px;
  border:1px solid rgba(14,86,125,.10);
}
.overview-stat strong{
  font-size:2rem;
}
.panel-card{
  padding:1.35rem;
}
.panel-card--wide{
  background:linear-gradient(135deg,#082846 0%, #0e577d 100%);
}
.panel-card--wide h3,
.panel-card--wide p,
.panel-card--wide .section-kicker{
  color:#fff;
}
.section-head-pro{
  margin-bottom:1.05rem;
}
.section-head-pro h2{
  font-size:clamp(1.6rem, 2vw, 2.4rem);
}
.service-grid--pro-home .thumb-card{
  border-radius:24px;
  overflow:hidden;
}
.thumb-card .thumb-media{
  height:224px;
}
.thumb-card .thumb-body{
  padding:1rem 1rem 1.1rem;
}
.thumb-top-badge{
  border-radius:999px;
  left:14px;
  top:14px !important;
  box-shadow:0 12px 24px rgba(10,43,70,.12);
}
.thumb-top-badge--showcase{ top:56px !important; }
.thumb-top-badge--sponsored{ top:56px !important; }
.thumb-top-badge--openall{ top:98px !important; left:14px; right:auto; background:#0f8a4b; color:#fff; }
.thumb-top-badge--seasonal{ top:98px !important; left:14px; right:auto; background:#f4bf64; color:#082846; }
.thumb-badge{
  width:54px;
  height:54px;
  border-radius:18px;
  backdrop-filter:blur(8px);
}
.home-pro-info__grid{
  gap:1rem;
}
.info-pro-card{
  padding:1.25rem;
}
.posts-grid--pro{
  gap:1rem;
}
.post-card--pro-home{
  padding:1.25rem;
  border-radius:24px;
}
.home-pro-final__card{
  padding:1.6rem;
  border-radius:30px;
  background:linear-gradient(135deg,#082846 0%, #0e577d 100%);
}
.home-pro-final__card h2,
.home-pro-final__card p,
.home-pro-final__card .section-kicker{
  color:#fff;
}
.site-footer--v41{
  margin-top:2rem;
  background:linear-gradient(180deg,#071c31 0%, #082846 58%, #0d4067 100%);
  color:#d9ebf6;
}
.footer-v41__top{
  padding:1.7rem 0 0;
}
.footer-v41__hero{
  padding:1.6rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.08);
}
.footer-v41__hero h2{
  font-size:clamp(1.8rem, 2.4vw, 2.8rem);
}
.footer-v41__hero h2,
.footer-v41__hero p,
.footer-v41__hero .section-kicker{
  color:#fff;
}
.footer-v41__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.footer-v41__main{
  padding:1.15rem 0 1.35rem;
}
.footer-v41__grid{
  display:grid;
  grid-template-columns:1.2fr .85fr .85fr 1fr;
  gap:1rem;
}
.footer-v41__brand,
.footer-v41__col{
  padding:1.2rem;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.footer-v41__brand p,
.footer-v41__col p,
.footer-v41__col a,
.footer-v41__brand a{
  color:#d9ebf6;
}
.footer-v41__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.62rem;
}
.footer-v41__contact-list{
  display:grid;
  gap:.55rem;
}
.footer-v41__bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-v41__bottom p,
.footer-v41__meta,
.footer-v41__meta a{
  color:#d9ebf6;
}
.business-pro-badge--openall{
  background:#0f8a4b;
  color:#fff;
}
.business-pro-badge--seasonal{
  background:#f4bf64;
  color:#082846;
}
.business-pro-sidecard,
.business-pro-section,
.business-pro-hero__main{
  border-radius:26px;
}
.business-gallery-slider__stage{
  min-height:480px;
}
.business-pro-map__embed,
.business-pro-map__placeholder{
  border-radius:24px;
}
@media (max-width:1180px){
  .home-pro-overview__grid,
  .home-pro-panels__grid,
  .home-pro-info__grid,
  .footer-v41__grid{
    grid-template-columns:1fr;
  }
  .service-grid--pro-home,
  .posts-grid--pro{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .footer-v41__hero,
  .home-pro-final__card{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .container{
    width:calc(100% - 1.25rem);
  }
  .hero-grid{
    width:calc(100% - 1.25rem) !important;
    min-height:auto;
    padding:1.6rem 0 1.2rem;
  }
  .service-grid--pro-home,
  .posts-grid--pro{
    grid-template-columns:1fr;
  }
  .footer-v41__bottom,
  .section-head-pro{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-v41__hero-actions,
  .home-pro-final__actions,
  .overview-card__actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* === v42 new theme concept === */
:root{
  --container: 1440px;
  --radius: 18px;
  --shadow: 0 22px 52px rgba(7,31,53,.10);
  --shadow-sm: 0 14px 34px rgba(7,31,53,.08);
  --line-soft: rgba(12,73,108,.10);
  --bg-soft:#f6fafc;
}
body{
  background:
    radial-gradient(1200px 520px at 100% 0%, rgba(20,135,168,.08), transparent 44%),
    linear-gradient(180deg,#f8fbfd 0%, #f2f7fb 100%);
}
.container{
  width:min(var(--container), calc(100% - 2.75rem));
}
.card{
  border-radius:28px;
  border:1px solid var(--line-soft);
  box-shadow:var(--shadow-sm);
}
.btn{
  min-height:48px;
  border-radius:16px;
}
.badge{
  border-radius:999px;
  background:rgba(20,135,168,.10);
  border-color:rgba(20,135,168,.18);
}
.site-header--guide-v10{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(12,73,108,.08);
}
.topbar--guide-v10{
  background:linear-gradient(180deg,#082846 0%, #0c3558 100%);
}
.header-guide-shell--v10{
  padding:1rem 0 1.2rem;
}
.brand--center .custom-logo{
  max-height:118px;
}
.site-nav--centered-v26 .primary-menu > li > a{
  border-radius:14px;
  min-height:46px;
}
.site-nav--centered-v26 .primary-menu > li > a:hover{
  background:rgba(20,135,168,.08);
  text-decoration:none;
}
.header-sub-row--v26{
  border-top:1px solid rgba(12,73,108,.08);
}
.hero-slider{
  border-radius:0 !important;
  box-shadow:none !important;
}
.hero-grid{
  width:min(1440px, calc(100% - 2.75rem)) !important;
  margin:0 auto !important;
  min-height:clamp(560px, 76vh, 820px);
  align-items:center;
}
.hero-left h1{
  font-size:clamp(2.5rem, 4vw, 4.6rem);
  line-height:1.03;
}
.hero-left .lead{
  font-size:1.1rem;
  max-width:62ch;
}
.concept-overview,
.concept-bento,
.concept-section,
.concept-info-band,
.concept-final-cta{
  padding:1.6rem 0;
}
.concept-overview__grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:1rem;
}
.concept-intro,
.concept-stats,
.concept-bento__item,
.concept-info-card,
.concept-post-card{
  background:linear-gradient(180deg,#ffffff 0%, #f7fbfd 100%);
}
.concept-intro{
  padding:1.6rem;
}
.concept-intro h2{
  font-size:clamp(2rem, 3vw, 3.2rem);
  margin:.35rem 0 .65rem;
}
.concept-intro__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1rem;
}
.concept-stats{
  padding:1rem;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
  align-items:center;
}
.concept-stat{
  padding:1rem;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--line-soft);
  text-align:center;
}
.concept-stat strong{
  display:block;
  font-size:2rem;
  color:#082846;
}
.concept-bento__grid{
  display:grid;
  grid-template-columns:1.25fr .75fr .75fr;
  gap:1rem;
}
.concept-bento__item{
  padding:1.35rem;
}
.concept-bento__item--xl{
  grid-row:span 2;
  background:linear-gradient(135deg,#082846 0%, #0f5a82 100%);
}
.concept-bento__item--xl h3,
.concept-bento__item--xl p,
.concept-bento__item--xl .section-kicker{
  color:#fff;
}
.concept-bento__item--wide{
  grid-column:span 2;
}
.concept-section__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  margin-bottom:1rem;
}
.concept-section__head h2{
  margin:.2rem 0 0;
  font-size:clamp(1.6rem,2.1vw,2.5rem);
}
.concept-section--soft{
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.14));
}
.concept-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.concept-info-band__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.concept-info-card{
  padding:1.25rem;
}
.concept-posts-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.concept-post-card{
  padding:1.25rem;
}
.concept-final-cta__card{
  padding:1.65rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  background:linear-gradient(135deg,#082846 0%, #0f5a82 100%);
}
.concept-final-cta__card h2,
.concept-final-cta__card p,
.concept-final-cta__card .section-kicker{
  color:#fff;
}
.concept-final-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.thumb-card{
  border-radius:24px;
  overflow:hidden;
}
.thumb-media{
  height:226px;
}
.thumb-body{
  padding:1rem 1rem 1.1rem;
}
.thumb-top-badge{
  border-radius:999px;
  box-shadow:0 12px 24px rgba(10,43,70,.12);
  left:14px;
  top:14px !important;
}
.thumb-top-badge--showcase,
.thumb-top-badge--sponsored{
  top:56px !important;
}
.thumb-top-badge--openall,
.thumb-top-badge--seasonal{
  top:98px !important;
  left:14px;
  right:auto;
}
.thumb-badge{
  width:54px;
  height:54px;
  border-radius:18px;
}
.site-footer--concept{
  margin-top:2rem;
  background:linear-gradient(180deg,#071d31 0%, #082846 56%, #0d4067 100%);
  color:#d9ebf6;
}
.footer-concept__top{
  padding:1.7rem 0 0;
}
.footer-concept__hero{
  padding:1.6rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.08);
}
.footer-concept__hero h2{
  font-size:clamp(1.8rem,2.4vw,2.8rem);
}
.footer-concept__hero h2,
.footer-concept__hero p,
.footer-concept__hero .section-kicker{
  color:#fff;
}
.footer-concept__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.footer-concept__main{
  padding:1.1rem 0 1.35rem;
}
.footer-concept__grid{
  display:grid;
  grid-template-columns:1.2fr .85fr .85fr 1fr;
  gap:1rem;
}
.footer-concept__brand,
.footer-concept__col{
  padding:1.2rem;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.footer-concept__brand p,
.footer-concept__col p,
.footer-concept__col a,
.footer-concept__brand a{
  color:#d9ebf6;
}
.footer-concept__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.62rem;
}
.footer-concept__contact-list{
  display:grid;
  gap:.55rem;
}
.footer-concept__bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-concept__bottom p,
.footer-concept__meta,
.footer-concept__meta a{
  color:#d9ebf6;
}
@media (max-width:1180px){
  .concept-overview__grid,
  .concept-bento__grid,
  .concept-info-band__grid,
  .footer-concept__grid{
    grid-template-columns:1fr;
  }
  .concept-grid,
  .concept-posts-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .concept-bento__item--wide{
    grid-column:span 1;
  }
  .footer-concept__hero,
  .concept-final-cta__card{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .container{
    width:calc(100% - 1.25rem);
  }
  .hero-grid{
    width:calc(100% - 1.25rem) !important;
    min-height:auto;
    padding:1.6rem 0 1.2rem;
  }
  .concept-stats{
    grid-template-columns:1fr;
  }
  .concept-grid,
  .concept-posts-grid{
    grid-template-columns:1fr;
  }
  .concept-section__head,
  .footer-concept__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-concept__hero-actions,
  .concept-final-cta__actions,
  .concept-intro__actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* === v43 radical modern clean theme === */
:root{
  --container: 1460px;
  --radius: 20px;
  --shadow: 0 22px 56px rgba(8,32,56,.10);
  --shadow-sm: 0 14px 34px rgba(8,32,56,.08);
  --line-soft: rgba(12,73,108,.10);
  --bg-soft:#f6fafc;
}
body{
  background:
    radial-gradient(1200px 500px at 100% 0%, rgba(20,135,168,.08), transparent 46%),
    linear-gradient(180deg,#f8fbfd 0%, #f2f7fb 100%);
  color:#0a2742;
}
.container{
  width:min(var(--container), calc(100% - 2.5rem));
}
.card{
  border-radius:28px;
  border:1px solid var(--line-soft);
  box-shadow:var(--shadow-sm);
}
.btn{
  min-height:48px;
  border-radius:16px;
  font-weight:800;
}
.gokceada-guide-site{
  max-width:none !important;
  width:100%;
  margin:0 !important;
  background:transparent !important;
}
.site-header--modern{
  position:relative;
  z-index:100;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(12,73,108,.08);
}
.site-header__bar{
  background:linear-gradient(180deg,#082846 0%, #0c3558 100%);
}
.site-header__bar-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.site-header__note{
  margin:0;
  color:#e5f5ff;
  font-size:.92rem;
}
.site-header__micro{
  display:flex;
  align-items:center;
  gap:1rem;
}
.site-header__micro a{
  color:#d8edf7;
  text-decoration:none;
  font-size:.9rem;
}
.site-header__main{
  background:rgba(255,255,255,.92);
}
.site-header__main-inner{
  min-height:96px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:1.2rem;
  align-items:center;
  padding:1rem 0;
}
.site-header__logo img{
  max-height:96px;
  width:auto;
}
.primary-menu--modern{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  list-style:none;
  margin:0;
  padding:0;
}
.primary-menu--modern > li{
  position:relative;
}
.primary-menu--modern > li > a{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:.8rem 1rem;
  border-radius:14px;
  font-weight:800;
  text-decoration:none;
}
.primary-menu--modern > li > a:hover{
  background:rgba(20,135,168,.08);
}
.primary-menu--modern .sub-menu{
  position:absolute;
  top:calc(100% + .5rem);
  left:50%;
  transform:translateX(-50%);
  min-width:240px;
  padding:.6rem;
  margin:0;
  list-style:none;
  background:#fff;
  border:1px solid var(--line-soft);
  border-radius:18px;
  box-shadow:0 20px 48px rgba(8,32,56,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:50;
}
.primary-menu--modern li:hover > .sub-menu,
.primary-menu--modern li:focus-within > .sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.primary-menu--modern .sub-menu a{
  display:flex;
  padding:.78rem .9rem;
  border-radius:12px;
  text-decoration:none;
}
.primary-menu--modern .sub-menu a:hover{
  background:#f4fbfe;
}
.site-header__actions{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.site-header__toggle{
  display:none;
  width:48px;
  height:48px;
  border:0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(8,32,56,.10);
  padding:0;
}
.site-header__toggle span{
  display:block;
  width:22px;
  height:2px;
  margin:5px auto;
  background:#082846;
}
.hero-slider{
  border-radius:0 !important;
  box-shadow:none !important;
}
.hero-grid{
  width:min(1460px, calc(100% - 2.5rem)) !important;
  margin:0 auto !important;
  min-height:clamp(560px, 78vh, 820px);
  align-items:center;
}
.hero-left h1{
  font-size:clamp(2.6rem, 4vw, 4.8rem);
  line-height:1.03;
}
.hero-left .lead{
  font-size:1.1rem;
  max-width:62ch;
}
.concept-overview,
.concept-bento,
.concept-section,
.concept-info-band,
.concept-final-cta{
  padding:1.7rem 0;
}
.concept-overview__grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:1rem;
}
.concept-intro,.concept-stats,.concept-bento__item,.concept-info-card,.concept-post-card{
  background:linear-gradient(180deg,#ffffff 0%, #f7fbfd 100%);
}
.concept-intro{
  padding:1.7rem;
}
.concept-intro h2{
  font-size:clamp(2.1rem, 3vw, 3.3rem);
  margin:.35rem 0 .7rem;
}
.concept-intro__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1rem;
}
.concept-stats{
  padding:1rem;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
}
.concept-stat{
  padding:1rem;
  border-radius:20px;
  background:#fff;
  border:1px solid var(--line-soft);
  text-align:center;
}
.concept-stat strong{
  display:block;
  font-size:2rem;
  color:#082846;
}
.concept-bento__grid{
  display:grid;
  grid-template-columns:1.25fr .75fr .75fr;
  gap:1rem;
}
.concept-bento__item{
  padding:1.35rem;
}
.concept-bento__item--xl{
  grid-row:span 2;
  background:linear-gradient(135deg,#082846 0%, #0f5a82 100%);
}
.concept-bento__item--xl h3,.concept-bento__item--xl p,.concept-bento__item--xl .section-kicker{
  color:#fff;
}
.concept-bento__item--wide{
  grid-column:span 2;
}
.concept-section__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:1rem;
  margin-bottom:1rem;
}
.concept-section__head h2{
  margin:.2rem 0 0;
  font-size:clamp(1.7rem,2.1vw,2.5rem);
}
.concept-section--soft{
  background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,.14));
}
.concept-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.concept-info-band__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.concept-info-card{
  padding:1.25rem;
}
.concept-posts-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.concept-post-card{
  padding:1.25rem;
}
.concept-final-cta__card{
  padding:1.7rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  background:linear-gradient(135deg,#082846 0%, #0f5a82 100%);
}
.concept-final-cta__card h2,.concept-final-cta__card p,.concept-final-cta__card .section-kicker{
  color:#fff;
}
.concept-final-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.listing-hero{
  padding:2rem 0 1.2rem;
}
.listing-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) 360px;
  gap:1rem;
  align-items:end;
}
.listing-hero__panel{
  padding:1.25rem;
}
.listing-shell{
  padding:0 0 2.5rem;
}
.listing-layout{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:1rem;
  align-items:start;
}
.listing-sidebar{
  position:sticky;
  top:24px;
}
.listing-sidebar__card{
  padding:1rem;
}
.listing-cats{
  display:grid;
  gap:.55rem;
}
.listing-cats__link{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.75rem;
  min-height:46px;
  padding:.75rem .95rem;
  border-radius:16px;
  background:#fff;
  border:1px solid var(--line-soft);
  text-decoration:none;
  font-weight:700;
}
.listing-cats__link.is-active,
.listing-cats__link:hover{
  background:#f4fbfe;
}
.listing-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.listing-empty{
  padding:1.25rem;
}
.thumb-card{
  border-radius:24px;
  overflow:hidden;
}
.thumb-media{
  height:226px;
}
.thumb-body{
  padding:1rem 1rem 1.1rem;
}
.thumb-top-badge{
  border-radius:999px;
  box-shadow:0 12px 24px rgba(10,43,70,.12);
  left:14px;
  top:14px !important;
}
.thumb-top-badge--showcase,.thumb-top-badge--sponsored{
  top:56px !important;
}
.thumb-top-badge--openall,.thumb-top-badge--seasonal{
  top:98px !important;
  left:14px;
  right:auto;
}
.site-footer--concept{
  margin-top:2rem;
  background:linear-gradient(180deg,#071d31 0%, #082846 58%, #0d4067 100%);
  color:#d9ebf6;
}
.footer-concept__top{
  padding:1.8rem 0 0;
}
.footer-concept__hero{
  padding:1.7rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.08);
}
.footer-concept__hero h2{
  font-size:clamp(1.8rem, 2.4vw, 2.8rem);
}
.footer-concept__hero h2,.footer-concept__hero p,.footer-concept__hero .section-kicker{
  color:#fff;
}
.footer-concept__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.footer-concept__main{
  padding:1.15rem 0 1.4rem;
}
.footer-concept__grid{
  display:grid;
  grid-template-columns:1.2fr .85fr .85fr 1fr;
  gap:1rem;
}
.footer-concept__brand,.footer-concept__col{
  padding:1.25rem;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.footer-concept__brand p,.footer-concept__col p,.footer-concept__col a,.footer-concept__brand a{
  color:#d9ebf6;
}
.footer-concept__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.62rem;
}
.footer-concept__contact-list{
  display:grid;
  gap:.55rem;
}
.footer-concept__bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-concept__bottom p,.footer-concept__meta,.footer-concept__meta a{
  color:#d9ebf6;
}
@media (max-width:1180px){
  .site-header__main-inner,
  .concept-overview__grid,
  .concept-bento__grid,
  .concept-info-band__grid,
  .footer-concept__grid,
  .listing-hero__grid,
  .listing-layout{
    grid-template-columns:1fr;
  }
  .concept-grid,
  .concept-posts-grid,
  .listing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .concept-bento__item--wide{
    grid-column:span 1;
  }
  .footer-concept__hero,
  .concept-final-cta__card{
    grid-template-columns:1fr;
  }
  .listing-sidebar{
    position:static;
  }
}
@media (max-width:980px){
  .site-header__nav{
    display:none;
  }
  .site-header__toggle{
    display:inline-block;
  }
  .site-header__micro{
    display:none;
  }
}
@media (max-width:760px){
  .container{
    width:calc(100% - 1.25rem);
  }
  .hero-grid{
    width:calc(100% - 1.25rem) !important;
    min-height:auto;
    padding:1.6rem 0 1.2rem;
  }
  .concept-stats{
    grid-template-columns:1fr;
  }
  .concept-grid,
  .concept-posts-grid,
  .listing-grid{
    grid-template-columns:1fr;
  }
  .concept-section__head,
  .footer-concept__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-concept__hero-actions,
  .concept-final-cta__actions,
  .concept-intro__actions,
  .site-header__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .site-header__main-inner{
    grid-template-columns:1fr auto;
  }
}


/* === v44 calmer premium header/footer + strict admin menus === */
:root{
  --container: 1460px;
  --hiba-navy:#16324f;
  --hiba-navy-2:#224b73;
  --hiba-blue:#4e8db5;
  --hiba-yellow:#d6a65c;
  --hiba-yellow-2:#c28b3f;
  --hiba-bg:#f3f7fa;
  --hiba-card:#ffffff;
  --hiba-text:#16324f;
  --hiba-muted:#60778c;
}
body{
  background:
    radial-gradient(1200px 500px at 100% 0%, rgba(78,141,181,.08), transparent 46%),
    linear-gradient(180deg,#f8fbfd 0%, #f2f6f9 100%);
}
.section-kicker{
  color:#4e8db5;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
}
.btn-primary{
  background:linear-gradient(180deg,#d6a65c,#c28b3f);
  color:#fff;
  box-shadow:0 12px 24px rgba(194,139,63,.22);
}
.btn-primary:hover{
  box-shadow:0 16px 30px rgba(194,139,63,.28);
}
.btn-ghostclean{
  background:#fff;
  border:1px solid rgba(22,50,79,.10);
  color:#16324f;
  box-shadow:0 10px 22px rgba(8,32,56,.06);
}
.btn-ghostclean:hover{
  background:#f7fbfd;
  text-decoration:none;
}
.site-header--clean{
  position:relative;
  z-index:100;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(22,50,79,.08);
  box-shadow:0 10px 30px rgba(8,32,56,.04);
}
.site-header__topline{
  background:#16324f;
}
.site-header__topline-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.site-header__tag{
  margin:0;
  color:#e8f2f8;
  font-size:.92rem;
}
.site-header__contactmini{
  display:flex;
  align-items:center;
  gap:1rem;
}
.site-header__contactmini a{
  color:#d7e8f3;
  text-decoration:none;
  font-size:.9rem;
}
.site-header__main{
  background:rgba(255,255,255,.96);
}
.site-header__main-inner{
  min-height:98px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:1.25rem;
  align-items:center;
  padding:1rem 0;
}
.site-header__logo img{
  max-height:98px;
  width:auto;
}
.primary-menu--clean{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  list-style:none;
  margin:0;
  padding:0;
}
.primary-menu--clean > li{
  position:relative;
}
.primary-menu--clean > li > a{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:.82rem 1rem;
  border-radius:14px;
  text-decoration:none;
  font-weight:800;
  color:#16324f;
}
.primary-menu--clean > li > a:hover{
  background:#f1f7fb;
}
.primary-menu--clean .sub-menu{
  position:absolute;
  top:calc(100% + .55rem);
  left:50%;
  transform:translateX(-50%);
  min-width:240px;
  padding:.6rem;
  margin:0;
  list-style:none;
  background:#fff;
  border:1px solid rgba(22,50,79,.10);
  border-radius:18px;
  box-shadow:0 18px 44px rgba(8,32,56,.10);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:60;
}
.primary-menu--clean li:hover > .sub-menu,
.primary-menu--clean li:focus-within > .sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.primary-menu--clean .sub-menu a{
  display:flex;
  padding:.78rem .9rem;
  border-radius:12px;
  text-decoration:none;
}
.primary-menu--clean .sub-menu a:hover{
  background:#f3f8fb;
}
.site-header__right{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.site-header__toggle{
  display:none;
  width:48px;
  height:48px;
  border:0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(8,32,56,.08);
  padding:0;
}
.site-header__toggle span{
  display:block;
  width:22px;
  height:2px;
  margin:5px auto;
  background:#16324f;
}
.site-footer--serene{
  margin-top:2rem;
  padding:2rem 0 1rem;
  background:linear-gradient(180deg,#16324f 0%, #1c4062 100%);
  color:#dcebf4;
}
.footer-serene__hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1.65rem;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.08);
}
.footer-serene__hero h2{
  font-size:clamp(1.8rem,2.4vw,2.8rem);
}
.footer-serene__hero h2,
.footer-serene__hero p,
.footer-serene__hero .section-kicker{
  color:#fff;
}
.footer-serene__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.footer-serene__grid{
  margin-top:1rem;
  display:grid;
  grid-template-columns:1.2fr .9fr .9fr 1fr;
  gap:1rem;
}
.footer-serene__brand,
.footer-serene__col{
  padding:1.2rem;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
}
.footer-serene__brand p,
.footer-serene__col p,
.footer-serene__brand a,
.footer-serene__col a{
  color:#dcebf4;
}
.footer-serene__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.62rem;
}
.footer-serene__contact-list{
  display:grid;
  gap:.55rem;
}
.footer-serene__bottom{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
.footer-serene__bottom p,
.footer-serene__meta,
.footer-serene__meta a{
  color:#dcebf4;
}
@media (max-width:1180px){
  .footer-serene__hero,
  .footer-serene__grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:980px){
  .site-header__nav{
    display:none;
  }
  .site-header__toggle{
    display:inline-block;
  }
  .site-header__contactmini{
    display:none;
  }
}
@media (max-width:760px){
  .footer-serene__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-serene__hero-actions,
  .site-header__right{
    display:grid;
    grid-template-columns:1fr;
  }
  .site-header__main-inner{
    grid-template-columns:1fr auto;
  }
}


/* === v45 business pages redesign === */
.business-card{
  overflow:hidden;
  border-radius:26px;
  background:linear-gradient(180deg,#fff,#f9fbfd);
}
.business-card__media{
  position:relative;
  height:244px;
  background:#dfeaf1 center/cover no-repeat;
}
.business-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(10,39,66,0) 0%, rgba(10,39,66,.28) 100%);
}
.business-card__badges{
  position:absolute;
  top:14px;
  left:14px;
  right:14px;
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  z-index:2;
}
.business-card__badge{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:.3rem .72rem;
  border-radius:999px;
  background:#fff;
  color:#16324f;
  box-shadow:0 10px 22px rgba(8,32,56,.08);
  font-size:.78rem;
  font-weight:800;
}
.business-card__badge--dark{
  background:#16324f;
  color:#fff;
}
.business-card__badge--gold{
  background:#d6a65c;
  color:#fff;
}
.business-card__badge--openall{
  background:#287b52;
  color:#fff;
}
.business-card__badge--seasonal{
  background:#f1c98f;
  color:#16324f;
}
.business-card__icon{
  position:absolute;
  right:16px;
  bottom:16px;
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 30px rgba(8,32,56,.12);
  z-index:2;
}
.business-card__body{
  padding:1.08rem 1.05rem 1.15rem;
}
.business-card__eyebrow{
  margin-bottom:.32rem;
  color:#4e8db5;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.business-card h3{
  margin-bottom:.45rem;
  font-size:1.2rem;
}
.business-card__rating{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin-bottom:.55rem;
}
.business-card__stars{
  display:flex;
  gap:.1rem;
}
.business-card__rating .star{
  color:#c9d5df;
}
.business-card__rating .star.is-active{
  color:#d6a65c;
}
.business-card__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-top:.8rem;
}
.business-card__mini{
  color:#60778c;
  font-weight:700;
  text-decoration:none;
}
.business-archive-hero{
  padding:2rem 0 1.15rem;
}
.business-archive-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) 360px;
  gap:1rem;
  align-items:end;
}
.business-archive-hero__copy h1{
  margin:.25rem 0 .55rem;
  font-size:clamp(2rem,3vw,3.2rem);
}
.business-archive-hero__panel{
  padding:1.25rem;
}
.business-archive-shell{
  padding:0 0 2.7rem;
}
.business-archive-layout{
  display:grid;
  grid-template-columns:285px minmax(0,1fr);
  gap:1rem;
  align-items:start;
}
.business-archive-sidebar{
  position:sticky;
  top:24px;
}
.business-filter-card{
  padding:1rem;
}
.business-filter-list{
  display:grid;
  gap:.55rem;
}
.business-filter-list__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:46px;
  padding:.78rem .95rem;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(22,50,79,.10);
  text-decoration:none;
  font-weight:700;
}
.business-filter-list__link:hover,
.business-filter-list__link.is-active{
  background:#f4f9fc;
}
.business-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.business-empty{
  padding:1.25rem;
}
.business-detail-hero{
  padding:1.2rem 0 1.5rem;
}
.business-detail-content{
  padding:0 0 2.8rem;
}
.business-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:1rem;
  align-items:start;
}
.business-detail-main{
  display:grid;
  gap:1rem;
}
.business-detail-sidebar{
  display:grid;
  gap:1rem;
  position:sticky;
  top:24px;
}
.business-pro-hero__main,
.business-pro-section,
.business-pro-sidecard{
  border-radius:28px;
}
.business-pro-hero__main{
  background:linear-gradient(180deg,#fff,#f8fbfd);
}
.business-pro-section,
.business-pro-sidecard{
  background:linear-gradient(180deg,#fff,#f9fbfd);
}
.business-pro-sidecard--cta{
  background:linear-gradient(135deg,#16324f,#295780);
}
@media (max-width:1180px){
  .business-archive-hero__grid,
  .business-archive-layout,
  .business-detail-layout{
    grid-template-columns:1fr;
  }
  .business-archive-sidebar,
  .business-detail-sidebar{
    position:static;
  }
  .business-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .business-grid{
    grid-template-columns:1fr;
  }
  .business-card__footer{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* === v46 unmistakable fresh header === */
.fresh-header{
  position:relative;
  z-index:100;
  background:#ffffff;
  border-bottom:1px solid rgba(23,50,79,.08);
  box-shadow:0 12px 28px rgba(10,34,56,.05);
}
.fresh-header__top{
  background:#1f3c5b;
}
.fresh-header__top-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.fresh-header__top-left span,
.fresh-header__top-right a{
  color:#e7f1f7;
  font-size:.9rem;
  text-decoration:none;
}
.fresh-header__top-right{
  display:flex;
  align-items:center;
  gap:1rem;
}
.fresh-header__main{
  background:#fff;
}
.fresh-header__main-inner{
  min-height:104px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:1.25rem;
  align-items:center;
  padding:1rem 0;
}
.fresh-header__brand img{
  max-height:100px;
  width:auto;
}
.fresh-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
}
.fresh-menu > li{
  position:relative;
}
.fresh-menu > li > a{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:.82rem 1rem;
  border-radius:14px;
  text-decoration:none;
  color:#16324f;
  font-weight:800;
}
.fresh-menu > li > a:hover{
  background:#f1f7fb;
}
.fresh-menu .sub-menu{
  position:absolute;
  top:calc(100% + .55rem);
  left:50%;
  transform:translateX(-50%);
  min-width:240px;
  list-style:none;
  margin:0;
  padding:.6rem;
  background:#fff;
  border:1px solid rgba(23,50,79,.10);
  border-radius:18px;
  box-shadow:0 18px 44px rgba(10,34,56,.10);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:60;
}
.fresh-menu li:hover > .sub-menu,
.fresh-menu li:focus-within > .sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.fresh-menu .sub-menu a{
  display:flex;
  padding:.78rem .9rem;
  border-radius:12px;
  text-decoration:none;
}
.fresh-menu .sub-menu a:hover{
  background:#f3f8fb;
}
.btn-fresh-solid{
  background:linear-gradient(180deg,#d6a65c,#c28b3f);
  color:#fff;
  box-shadow:0 12px 24px rgba(194,139,63,.22);
}
.btn-fresh-outline{
  background:#fff;
  color:#16324f;
  border:1px solid rgba(23,50,79,.10);
  box-shadow:0 10px 22px rgba(10,34,56,.06);
}
.btn-fresh-outline:hover,
.btn-fresh-solid:hover{
  text-decoration:none;
}
.fresh-header__cta{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.fresh-header__toggle{
  display:none;
  width:48px;
  height:48px;
  border:0;
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(10,34,56,.08);
  padding:0;
}
.fresh-header__toggle span{
  display:block;
  width:22px;
  height:2px;
  margin:5px auto;
  background:#16324f;
}
@media (max-width:980px){
  .fresh-header__nav{
    display:none;
  }
  .fresh-header__toggle{
    display:inline-block;
  }
  .fresh-header__top-right{
    display:none;
  }
}
@media (max-width:760px){
  .fresh-header__cta{
    display:grid;
    grid-template-columns:1fr;
  }
  .fresh-header__main-inner{
    grid-template-columns:1fr auto;
  }
}


/* === v47 boxed layout with moderate radius === */
:root{
  --radius: 14px;
  --container: 1320px;
}

body{
  background:
    radial-gradient(1200px 500px at 100% 0%, rgba(78,141,181,.08), transparent 46%),
    linear-gradient(180deg,#eef3f7 0%, #e9eff4 100%);
}

.gokceada-guide-site{
  width:min(1400px, calc(100% - 2rem)) !important;
  margin:1rem auto !important;
  border-radius:18px;
  overflow:hidden;
  background:transparent !important;
  box-shadow:0 22px 60px rgba(10,34,56,.08);
}

.fresh-header,
.hero-slider,
.site-footer--serene{
  width:100%;
  max-width:none;
  border-radius:16px;
}

.fresh-header{
  margin-bottom:1rem;
  overflow:visible;
}

.fresh-header__top{
  border-top-left-radius:16px;
  border-top-right-radius:16px;
}

.fresh-header__main{
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
}

.hero-slider{
  border-radius:16px !important;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(10,34,56,.08) !important;
}

.hero-grid{
  width:min(1280px, calc(100% - 2.5rem)) !important;
}

.concept-overview,
.concept-bento,
.concept-section,
.concept-info-band,
.concept-final-cta,
.business-archive-hero,
.business-archive-shell,
.business-detail-hero,
.business-detail-content,
.listing-hero,
.listing-shell{
  width:100%;
}

.concept-overview .container,
.concept-bento .container,
.concept-section .container,
.concept-info-band .container,
.concept-final-cta .container,
.business-archive-hero .container,
.business-archive-shell .container,
.business-detail-hero .container,
.business-detail-content .container,
.listing-hero .container,
.listing-shell .container,
.site-footer--serene > .container{
  width:min(1280px, calc(100% - 2.5rem));
}

.card,
.business-card,
.business-pro-section,
.business-pro-sidecard,
.business-pro-hero__main,
.footer-serene__hero,
.footer-serene__brand,
.footer-serene__col,
.business-filter-card,
.business-archive-hero__panel{
  border-radius:16px !important;
}

.btn,
.btn-fresh-solid,
.btn-fresh-outline,
.btn-primary,
.btn-ghostclean{
  border-radius:12px !important;
}

.business-card__badge,
.thumb-top-badge,
.badge,
.section-kicker{
  border-radius:999px;
}

.site-footer--serene{
  margin-top:1.25rem;
  border-radius:16px;
  overflow:hidden;
}

.footer-serene__hero{
  border-radius:16px !important;
}

.footer-serene__grid{
  gap:.9rem;
}

@media (max-width:980px){
  .gokceada-guide-site{
    width:calc(100% - 1rem) !important;
    margin:.5rem auto !important;
    border-radius:14px;
  }

  .fresh-header,
  .hero-slider,
  .site-footer--serene{
    border-radius:14px !important;
  }

  .hero-grid,
  .concept-overview .container,
  .concept-bento .container,
  .concept-section .container,
  .concept-info-band .container,
  .concept-final-cta .container,
  .business-archive-hero .container,
  .business-archive-shell .container,
  .business-detail-hero .container,
  .business-detail-content .container,
  .listing-hero .container,
  .listing-shell .container,
  .site-footer--serene > .container{
    width:calc(100% - 1.25rem) !important;
  }
}


/* === v49 white frame + turquoise orange theme === */
:root{
  --hiba-navy:#16445f;
  --hiba-navy-2:#1c6078;
  --hiba-blue:#2aa7a1;
  --hiba-yellow:#f29f58;
  --hiba-yellow-2:#e9852d;
  --hiba-bg:#edf5f6;
  --hiba-card:#ffffff;
  --hiba-text:#18445d;
  --hiba-muted:#5f7783;
  --container:1320px;
  --radius:14px;
}
body{
  background:
    radial-gradient(1200px 500px at 100% 0%, rgba(42,167,161,.10), transparent 46%),
    linear-gradient(180deg,#eef6f7 0%, #e7f0f2 100%);
}
.gokceada-guide-site{
  width:min(1400px, calc(100% - 2rem)) !important;
  margin:1rem auto !important;
  padding:1rem;
  background:#ffffff !important;
  border-radius:18px;
  box-shadow:0 24px 64px rgba(10,34,56,.10);
  overflow:visible;
}
.card,
.business-card,
.business-pro-section,
.business-pro-sidecard,
.business-pro-hero__main,
.business-filter-card,
.business-archive-hero__panel{
  border-radius:16px !important;
}
.btn,
.btn-primary,
.btn-secondary,
.btn-link{
  border-radius:12px !important;
}
.section-kicker{ color:#2aa7a1; }
.btn-harbor-solid{
  background:linear-gradient(180deg,#f29f58,#e9852d);
  color:#fff;
  border:0;
  box-shadow:0 12px 24px rgba(233,133,45,.24);
}
.btn-harbor-ghost{
  background:#fff;
  color:#18445d;
  border:1px solid rgba(24,68,93,.10);
  box-shadow:0 10px 22px rgba(10,34,56,.06);
}
.btn-harbor-solid:hover,.btn-harbor-ghost:hover{ text-decoration:none; }
.harbor-header{
  margin-bottom:1rem;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(24,68,93,.08);
  box-shadow:0 14px 34px rgba(10,34,56,.05);
}
.harbor-header__top{
  background:linear-gradient(180deg,#1f6070,#1b5168);
  border-top-left-radius:16px;
  border-top-right-radius:16px;
}
.harbor-header__top-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.harbor-header__top-left span,
.harbor-header__top-right a{
  color:#e7f7f6;
  font-size:.9rem;
  text-decoration:none;
}
.harbor-header__top-right{
  display:flex;
  align-items:center;
  gap:1rem;
}
.harbor-header__middle-inner{
  min-height:98px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:1.2rem;
  align-items:center;
  padding:1rem 0;
}
.harbor-header__brand img{
  max-height:98px;
  width:auto;
}
.harbor-header__middle-actions{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.harbor-header__toggle{
  display:none;
  width:48px;
  height:48px;
  border:0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 24px rgba(10,34,56,.08);
  padding:0;
}
.harbor-header__toggle span{
  display:block;
  width:22px;
  height:2px;
  margin:5px auto;
  background:#18445d;
}
.harbor-header__navwrap{
  background:#f7fbfb;
  border-top:1px solid rgba(24,68,93,.08);
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
}
.harbor-header__navwrap-inner{
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.harbor-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  flex-wrap:wrap;
}
.harbor-menu > li{ position:relative; }
.harbor-menu > li > a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:.72rem .95rem;
  border-radius:12px;
  text-decoration:none;
  color:#18445d;
  font-weight:800;
}
.harbor-menu > li > a:hover{ background:#eaf7f6; }
.harbor-menu .sub-menu{
  position:absolute;
  top:calc(100% + .55rem);
  left:50%;
  transform:translateX(-50%);
  min-width:240px;
  list-style:none;
  margin:0;
  padding:.6rem;
  background:#fff;
  border:1px solid rgba(24,68,93,.10);
  border-radius:16px;
  box-shadow:0 18px 44px rgba(10,34,56,.10);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:80;
}
.harbor-menu li:hover > .sub-menu,
.harbor-menu li:focus-within > .sub-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.harbor-menu .sub-menu a{
  display:flex;
  padding:.75rem .85rem;
  border-radius:12px;
  text-decoration:none;
}
.harbor-menu .sub-menu a:hover{ background:#f3faf9; }
.hero-slider{
  border-radius:16px !important;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(10,34,56,.08) !important;
}
.hero-grid{ width:min(1280px, calc(100% - 2.5rem)) !important; }
.site-footer--harbor{
  margin-top:1rem;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg,#1d4e67 0%, #18445d 100%);
  color:#dff3f3;
}
.footer-harbor__cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1.5rem;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-harbor__cta h2,
.footer-harbor__cta p,
.footer-harbor__cta .section-kicker{ color:#fff; }
.footer-harbor__cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.footer-harbor__grid{
  display:grid;
  grid-template-columns:1.2fr .85fr .85fr 1fr;
  gap:1rem;
  padding:1rem 0 0;
}
.footer-harbor__brand,
.footer-harbor__col{
  padding:1.15rem;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.footer-harbor__brand p,
.footer-harbor__col p,
.footer-harbor__brand a,
.footer-harbor__col a{ color:#dff3f3; }
.footer-harbor__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.6rem;
}
.footer-harbor__contact-list{ display:grid; gap:.55rem; }
.footer-harbor__bottom{
  margin-top:1rem;
  padding:1rem 0 .2rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-harbor__bottom p,
.footer-harbor__meta,
.footer-harbor__meta a{ color:#dff3f3; }
@media (max-width:1180px){
  .footer-harbor__cta,
  .footer-harbor__grid{ grid-template-columns:1fr; }
}
@media (max-width:980px){
  .gokceada-guide-site{
    width:calc(100% - 1rem) !important;
    margin:.5rem auto !important;
    padding:.5rem;
  }
  .harbor-header__top-right,
  .harbor-header__nav,
  .harbor-header__navwrap{ display:none; }
  .harbor-header__toggle{ display:inline-block; }
  .harbor-header__middle-inner{ grid-template-columns:1fr auto; }
}
@media (max-width:760px){
  .footer-harbor__bottom{ flex-direction:column; align-items:flex-start; }
  .footer-harbor__cta-actions,
  .harbor-header__middle-actions{ display:grid; grid-template-columns:1fr; }
}


/* === v50 header ad area === */
.harbor-header__middle-actions{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.harbor-header__ad-slot{
  width:min(728px, 100%);
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.harbor-header__ad-slot a,
.harbor-header__ad-slot img{
  display:block;
}
.harbor-header__ad-slot img{
  max-width:100%;
  width:728px;
  height:auto;
  max-height:90px;
  object-fit:contain;
  border-radius:12px;
}
.harbor-header__ad-placeholder{
  width:728px;
  max-width:100%;
  min-height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed rgba(24,68,93,.20);
  border-radius:12px;
  background:#f7fbfb;
  color:#5f7783;
  font-weight:700;
}
@media (max-width:1180px){
  .harbor-header__middle-inner{
    grid-template-columns:auto 1fr;
  }
  .harbor-header__ad-slot{
    justify-content:flex-end;
  }
  .harbor-header__ad-slot img,
  .harbor-header__ad-placeholder{
    width:min(560px, 100%);
    min-height:70px;
  }
}
@media (max-width:980px){
  .harbor-header__middle-actions{
    grid-template-columns:auto;
    align-items:center;
  }
  .harbor-header__ad-slot{
    display:none;
  }
}


/* === v51 tighter desktop and compact journal cards === */
:root{ --container: 1220px; }
.gokceada-guide-site{ width:min(1300px, calc(100% - 2rem)) !important; }
.hero-grid{ width:min(1180px, calc(100% - 2.25rem)) !important; }
.concept-overview .container,
.concept-bento .container,
.concept-section .container,
.concept-info-band .container,
.concept-final-cta .container,
.business-archive-hero .container,
.business-archive-shell .container,
.business-detail-hero .container,
.business-detail-content .container,
.listing-hero .container,
.listing-shell .container,
.site-footer--harbor > .container{ width:min(1180px, calc(100% - 2.25rem)); }
.footer-harbor__cta{ padding:1.65rem; }
.footer-harbor__cta-copy h2{ max-width:18ch; }
.footer-harbor__brand,.footer-harbor__col{ padding:1.2rem; }
.footer-harbor__mini-links{ display:flex; flex-wrap:wrap; gap:.6rem; margin:.85rem 0 1rem; }
.footer-harbor__mini-links a{ display:inline-flex; align-items:center; min-height:34px; padding:.35rem .7rem; border-radius:999px; background:rgba(255,255,255,.08); text-decoration:none; }
.footer-harbor__bottom{ padding-top:1.1rem; }
.concept-posts-grid{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; }
.concept-post-card--compact{ overflow:hidden; padding:0 !important; }
.concept-post-card__media{ display:block; aspect-ratio:16/10; overflow:hidden; }
.concept-post-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.concept-post-card__body{ padding:.95rem 1rem 1rem; }
.concept-post-card--compact h3{ margin:0; font-size:1.05rem; line-height:1.35; }
.concept-post-card--compact h3 a{ text-decoration:none; }
.concept-post-card--compact h3 a:hover{ text-decoration:none; color:var(--hiba-text); }
@media (max-width:1180px){ .concept-posts-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; } }
@media (max-width:760px){ .concept-posts-grid{ grid-template-columns:1fr !important; } }


/* === v52 tighter layout, right-aligned header ad, 4-col journal, new footer === */
:root{
  --container: 1160px;
}
.gokceada-guide-site{
  width:min(1260px, calc(100% - 2rem)) !important;
}
.hero-grid{
  width:min(1120px, calc(100% - 2.25rem)) !important;
}
.concept-overview .container,
.concept-bento .container,
.concept-section .container,
.concept-info-band .container,
.concept-final-cta .container,
.business-archive-hero .container,
.business-archive-shell .container,
.business-detail-hero .container,
.business-detail-content .container,
.listing-hero .container,
.listing-shell .container,
.site-footer--marina > .container{
  width:min(1120px, calc(100% - 2.25rem));
}
.harbor-header__middle-inner{
  grid-template-columns:auto minmax(0,1fr);
}
.harbor-header__middle-actions{
  justify-content:flex-end !important;
}
.harbor-header__ad-slot{
  margin-left:auto;
  justify-content:flex-end !important;
}
.harbor-header__ad-slot img,
.harbor-header__ad-placeholder{
  width:min(728px, 100%);
}
.concept-posts-grid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:1rem;
}
.concept-post-card--compact{
  overflow:hidden;
  padding:0 !important;
}
.concept-post-card__media{
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
}
.concept-post-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.concept-post-card__body{
  padding:.85rem .9rem .95rem;
}
.concept-post-card--compact h3{
  margin:0;
  font-size:1rem;
  line-height:1.35;
}
.site-footer--marina{
  margin-top:1rem;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg,#17485f 0%, #13384c 100%);
  color:#dff3f3;
}
.footer-marina__hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1.65rem;
  background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-marina__hero h2,
.footer-marina__hero p,
.footer-marina__hero .section-kicker{
  color:#fff;
}
.footer-marina__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.footer-marina__grid{
  display:grid;
  grid-template-columns:1.2fr .85fr .85fr 1fr;
  gap:1rem;
  padding:1rem 0 0;
}
.footer-marina__brand,
.footer-marina__col{
  padding:1.15rem;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.footer-marina__brand p,
.footer-marina__col p,
.footer-marina__brand a,
.footer-marina__col a{
  color:#dff3f3;
}
.footer-marina__chips{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:.9rem 0 1rem;
}
.footer-marina__chips a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.35rem .72rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  text-decoration:none;
}
.footer-marina__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.6rem;
}
.footer-marina__contact-list{
  display:grid;
  gap:.55rem;
}
.footer-marina__bottom{
  margin-top:1rem;
  padding:1rem 0 .2rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-marina__bottom p,
.footer-marina__meta,
.footer-marina__meta a{
  color:#dff3f3;
}
@media (max-width:1180px){
  .concept-posts-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
  .footer-marina__hero,
  .footer-marina__grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .concept-posts-grid{
    grid-template-columns:1fr !important;
  }
  .footer-marina__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-marina__hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* === v53 child categories + guide rename polish === */
.business-filter-list__children{
  display:grid;
  gap:.4rem;
  margin:.35rem 0 .75rem 1rem;
}
.business-filter-list__sublink{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:40px;
  padding:.6rem .85rem;
  border-radius:12px;
  background:#f7fbfc;
  border:1px solid rgba(24,68,93,.08);
  text-decoration:none;
  font-weight:600;
  color:var(--hiba-text);
}
.business-filter-list__sublink:hover,
.business-filter-list__sublink.is-active{
  background:#edf8f7;
}


/* === v54 homepage journal strict 4-column grid === */
.home .concept-section--journal .container{
  width:min(1120px, calc(100% - 2.25rem)) !important;
}
.home .concept-section--journal .concept-posts-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:1rem !important;
  align-items:start;
}
.home .concept-section--journal .concept-post-card{
  width:100% !important;
  max-width:none !important;
}
.home .concept-section--journal .concept-post-card__media{
  aspect-ratio:1 / 1 !important;
}
@media (max-width:1180px){
  .home .concept-section--journal .concept-posts-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width:760px){
  .home .concept-section--journal .concept-posts-grid{
    grid-template-columns:1fr !important;
  }
}


/* === v55 color contrast audit and fixes === */
:root{
  --hiba-text:#173f57;
  --hiba-muted:#58707c;
  --hiba-surface:#ffffff;
  --hiba-surface-soft:#f6fbfb;
  --hiba-line:rgba(23,63,87,.10);
  --btn-solid-bg:#eb8b34;
  --btn-solid-bg-2:#d9771f;
  --btn-solid-text:#ffffff;
  --btn-ghost-bg:#ffffff;
  --btn-ghost-text:#173f57;
  --btn-ghost-border:rgba(23,63,87,.14);
}

body,
p,
li,
input,
textarea,
select{
  color:var(--hiba-text);
}

.card,
.business-card,
.business-pro-section,
.business-pro-sidecard,
.business-pro-hero__main,
.business-filter-card,
.business-archive-hero__panel,
.footer-harbor__brand,
.footer-harbor__col,
.footer-marina__brand,
.footer-marina__col{
  color:var(--hiba-text);
}

.section-kicker{
  color:#249d99 !important;
}

.btn,
button,
input[type="button"],
input[type="submit"]{
  color:var(--hiba-text);
}

.btn-primary,
.btn-secondary,
.btn-harbor-solid,
a.btn-primary,
a.btn-secondary,
a.btn-harbor-solid{
  background:linear-gradient(180deg,var(--btn-solid-bg),var(--btn-solid-bg-2)) !important;
  color:var(--btn-solid-text) !important;
  border:0 !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-harbor-solid:hover,
a.btn-primary:hover,
a.btn-secondary:hover,
a.btn-harbor-solid:hover{
  color:#fff !important;
}

.btn-ghostclean,
.btn-fresh-outline,
.btn-harbor-ghost,
a.btn-ghostclean,
a.btn-fresh-outline,
a.btn-harbor-ghost{
  background:var(--btn-ghost-bg) !important;
  color:var(--btn-ghost-text) !important;
  border:1px solid var(--btn-ghost-border) !important;
}

.btn-ghostclean:hover,
.btn-fresh-outline:hover,
.btn-harbor-ghost:hover,
a.btn-ghostclean:hover,
a.btn-fresh-outline:hover,
a.btn-harbor-ghost:hover{
  background:#f4fbfb !important;
  color:var(--btn-ghost-text) !important;
}

.footer-harbor__cta .btn-harbor-ghost,
.footer-marina__hero .btn-harbor-ghost,
.site-footer .btn-harbor-ghost,
.site-footer a.btn-harbor-ghost{
  background:#ffffff !important;
  color:#173f57 !important;
  border:1px solid rgba(23,63,87,.14) !important;
}

.footer-harbor__cta .btn-harbor-solid,
.footer-marina__hero .btn-harbor-solid,
.site-footer .btn-harbor-solid,
.site-footer a.btn-harbor-solid{
  color:#ffffff !important;
}

.site-footer,
.site-footer p,
.site-footer li,
.site-footer small,
.site-footer strong{
  color:#dff3f3;
}

.site-footer a{
  color:#ffffff;
}

.site-footer a:hover{
  color:#ffd9b6;
}

.footer-harbor__chips a,
.footer-marina__chips a,
.footer-harbor__mini-links a,
.footer-marina__mini-links a{
  color:#ffffff !important;
}

.harbor-menu > li > a,
.fresh-menu > li > a,
.primary-menu--clean > li > a,
.primary-menu--modern > li > a{
  color:#173f57 !important;
}

.harbor-menu .sub-menu a,
.fresh-menu .sub-menu a,
.primary-menu--clean .sub-menu a,
.primary-menu--modern .sub-menu a{
  color:#173f57 !important;
}

.business-card h3 a,
.concept-post-card h3 a,
.post-card h3 a,
.entry-title a{
  color:#173f57;
}

.business-card__mini{
  color:#58707c !important;
}

.business-card__badge{
  color:#173f57;
}

.business-card__badge--dark,
.business-card__badge--gold,
.business-card__badge--openall{
  color:#ffffff;
}

.business-card__badge--seasonal{
  color:#173f57;
}

.business-filter-list__link,
.business-filter-list__sublink,
.listing-cats__link,
.discover-cats__link{
  color:#173f57 !important;
}

.footer-harbor__contact-list a,
.footer-marina__contact-list a{
  color:#ffffff !important;
}

.footer-harbor__contact-list p,
.footer-marina__contact-list p{
  color:#dff3f3 !important;
}

.back-to-top{
  background:linear-gradient(180deg,var(--btn-solid-bg),var(--btn-solid-bg-2));
  color:#fff;
}

.hero .btn-secondary,
.hero a.btn-secondary{
  background:#ffffff !important;
  color:#173f57 !important;
  border:1px solid rgba(23,63,87,.12) !important;
}

.hero .btn-primary,
.hero a.btn-primary{
  color:#ffffff !important;
}

input,
textarea,
select{
  background:#fff;
  border:1px solid rgba(23,63,87,.12);
}

::placeholder{
  color:#7d919c;
}


/* === v56 site mascot === */
.site-mascot{
  position:fixed;
  z-index:45;
  pointer-events:none;
}
.site-mascot__link{
  display:block;
  pointer-events:auto;
}
.site-mascot img{
  display:block;
  width:var(--mascot-size, 160px);
  height:auto;
  max-width:min(28vw, var(--mascot-size, 160px));
  filter:drop-shadow(0 12px 24px rgba(10,34,56,.16));
}
.site-mascot--right-bottom{
  right:22px;
  bottom:20px;
}
.site-mascot--left-bottom{
  left:22px;
  bottom:20px;
}
.site-mascot--right-middle{
  right:18px;
  top:58%;
  transform:translateY(-50%);
}
.site-mascot--left-middle{
  left:18px;
  top:58%;
  transform:translateY(-50%);
}
@media (max-width:980px){
  .site-mascot{
    bottom:14px;
    right:12px;
    left:auto;
    top:auto;
    transform:none;
  }
  .site-mascot img{
    width:min(120px, 24vw);
  }
}


/* === v57 comprehensive modern footer === */
.site-footer--harborplus{
  margin-top:1rem;
  border-radius:16px;
  overflow:hidden;
  background:
    radial-gradient(900px 280px at 100% 0%, rgba(42,167,161,.18), transparent 55%),
    linear-gradient(180deg,#17485f 0%, #13384c 100%);
  color:#dff3f3;
}
.footer-harborplus__hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1.8rem;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-harborplus__hero h2,
.footer-harborplus__hero p,
.footer-harborplus__hero .section-kicker{
  color:#fff;
}
.footer-harborplus__hero h2{
  max-width:18ch;
  margin:.25rem 0 .55rem;
}
.footer-harborplus__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.footer-harborplus__highlights{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  padding:1rem 0 0;
}
.footer-harborplus__highlight{
  padding:1rem 1rem 1.05rem;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.footer-harborplus__highlight strong{
  display:block;
  color:#fff;
  margin-bottom:.3rem;
  font-size:1rem;
}
.footer-harborplus__highlight span{
  color:#dff3f3;
  font-size:.92rem;
  line-height:1.6;
}
.footer-harborplus__main{
  display:grid;
  grid-template-columns:1.2fr .75fr .75fr .75fr 1fr;
  gap:1rem;
  padding:1rem 0 0;
}
.footer-harborplus__brand,
.footer-harborplus__col,
.footer-harborplus__contact{
  padding:1.15rem;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.footer-harborplus__brand p,
.footer-harborplus__brand a,
.footer-harborplus__col p,
.footer-harborplus__col a,
.footer-harborplus__contact p,
.footer-harborplus__contact a{
  color:#dff3f3;
}
.footer-harborplus__chips{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:.9rem 0 1rem;
}
.footer-harborplus__chips a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.35rem .72rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  text-decoration:none;
}
.footer-harborplus__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.6rem;
}
.footer-harborplus__links li a{
  display:inline-flex;
  padding:.12rem 0;
}
.footer-harborplus__contact-list{
  display:grid;
  gap:.55rem;
}
.footer-harborplus__bottom{
  margin-top:1rem;
  padding:1rem 0 .2rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-harborplus__bottom p,
.footer-harborplus__meta,
.footer-harborplus__meta a{
  color:#dff3f3;
}
@media (max-width:1180px){
  .footer-harborplus__hero,
  .footer-harborplus__highlights,
  .footer-harborplus__main{
    grid-template-columns:1fr 1fr;
  }
  .footer-harborplus__brand{
    grid-column:1 / -1;
  }
}
@media (max-width:760px){
  .footer-harborplus__hero,
  .footer-harborplus__highlights,
  .footer-harborplus__main{
    grid-template-columns:1fr;
  }
  .footer-harborplus__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-harborplus__hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* === v58 final homepage cleanup === */
.home-final-intro{
  padding:1.35rem 0 1rem;
}
.home-final-intro__grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:1rem;
}
.home-final-intro__lead,
.home-final-intro__stats{
  padding:1.35rem;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f8fbfb);
}
.home-final-intro__lead h2{
  margin:.25rem 0 .6rem;
  font-size:clamp(1.8rem,2.7vw,3rem);
}
.home-final-intro__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
  align-items:center;
}
.home-final-stat{
  padding:1rem;
  text-align:center;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(23,63,87,.08);
}
.home-final-stat strong{
  display:block;
  font-size:1.9rem;
  color:var(--hiba-text);
}
.home-final-section,
.home-final-guide{
  padding:1.35rem 0;
}
.home-final-section--soft{
  background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.12));
}
.home-final-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.home-final-section__head h2{
  margin:.2rem 0 0;
  font-size:clamp(1.45rem,2vw,2.3rem);
}
.business-grid--home{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.home-final-guide__grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.home .concept-overview,
.home .concept-bento,
.home .concept-info-band,
.home .concept-final-cta,
.home .concept-section--journal{
  display:none !important;
}
@media (max-width:1180px){
  .home-final-intro__grid{
    grid-template-columns:1fr;
  }
  .business-grid--home,
  .home-final-guide__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .home-final-intro__stats{
    grid-template-columns:1fr;
  }
  .home-final-section__head{
    flex-direction:column;
    align-items:flex-start;
  }
  .business-grid--home,
  .home-final-guide__grid{
    grid-template-columns:1fr;
  }
}


/* === v59 fully redesigned footer === */
.site-footer--oceanic{
  margin-top:1rem;
  border-radius:16px;
  overflow:hidden;
  background:
    radial-gradient(900px 260px at 100% 0%, rgba(42,167,161,.20), transparent 55%),
    linear-gradient(180deg,#163f53 0%, #102f3f 100%);
  color:#e0f2f1;
}
.footer-oceanic__top{
  padding:0;
}
.footer-oceanic__hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1.9rem;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-oceanic__hero h2,
.footer-oceanic__hero p,
.footer-oceanic__hero .section-kicker{
  color:#fff;
}
.footer-oceanic__hero h2{
  margin:.3rem 0 .55rem;
  max-width:18ch;
  font-size:clamp(1.8rem,2.5vw,2.9rem);
}
.footer-oceanic__hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
}
.footer-oceanic__main{
  padding:1rem 0 1.2rem;
}
.footer-oceanic__grid{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr .8fr 1fr;
  gap:1rem;
}
.footer-oceanic__brand,
.footer-oceanic__col,
.footer-oceanic__contact{
  padding:1.2rem;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.footer-oceanic__brand p,
.footer-oceanic__brand a,
.footer-oceanic__col p,
.footer-oceanic__col a,
.footer-oceanic__contact p,
.footer-oceanic__contact a{
  color:#e0f2f1;
}
.footer-oceanic__pills{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:.9rem 0 1rem;
}
.footer-oceanic__pills a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.35rem .72rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  text-decoration:none;
}
.footer-oceanic__links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.6rem;
}
.footer-oceanic__links li a{
  display:inline-flex;
  padding:.12rem 0;
}
.footer-oceanic__contact-list{
  display:grid;
  gap:.55rem;
}
.footer-oceanic__bottom{
  margin-top:1rem;
  padding-top:1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-oceanic__bottom p,
.footer-oceanic__meta,
.footer-oceanic__meta a{
  color:#e0f2f1;
}
@media (max-width:1180px){
  .footer-oceanic__hero,
  .footer-oceanic__grid{
    grid-template-columns:1fr 1fr;
  }
  .footer-oceanic__brand{
    grid-column:1 / -1;
  }
}
@media (max-width:760px){
  .footer-oceanic__hero,
  .footer-oceanic__grid{
    grid-template-columns:1fr;
  }
  .footer-oceanic__bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-oceanic__hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* === v60 homepage final cleanup and slider restore === */
.home-final-intro{ display:none !important; }
.home .concept-overview,
.home .concept-bento,
.home .concept-info-band,
.home .concept-final-cta,
.home .concept-section--journal{ display:none !important; }

.hero-slider{
  position:relative;
  background:linear-gradient(135deg, rgba(22,68,95,.92), rgba(28,96,120,.88));
  background-image:var(--hero-bg);
  background-size:cover;
  background-position:center;
  color:#fff;
}
.hero-slider .hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(16,47,63,.82), rgba(22,68,95,.62));
}
.hero-slider .container{ position:relative; z-index:1; }
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) 420px;
  gap:1.2rem;
  align-items:center;
  min-height:560px;
  padding:2rem 0;
}
.hero-left .badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:38px;
  padding:.4rem .8rem;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
}
.hero-left h1{
  margin:.9rem 0 .7rem;
  color:#fff;
  font-size:clamp(2.3rem,4vw,4.5rem);
  line-height:1.03;
}
.hero-left .lead{
  max-width:60ch;
  color:#e6f4f3;
  font-size:1.05rem;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  margin-top:1rem;
}
.hero-right{
  display:grid;
  gap:.8rem;
}
.visual-card{
  min-height:360px;
  border-radius:16px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  overflow:hidden;
  backdrop-filter:blur(10px);
}
.hero-visual-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.hero-visual-placeholder{
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.hero-nav{
  display:flex;
  justify-content:flex-end;
  gap:.6rem;
}
.hero-nav-btn{
  width:46px; height:46px;
  border:0;
  border-radius:12px;
  background:#fff;
  color:#173f57;
  box-shadow:0 12px 24px rgba(10,34,56,.12);
}
.hero-dots{
  display:flex;
  gap:.5rem;
  margin-top:1rem;
}
.hero-dots button{
  width:10px; height:10px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.34);
}
.hero-dots button.is-active{
  width:28px;
  background:#f29f58;
}
.home-final-section, .home-final-guide{
  padding:1.35rem 0;
}
.home-final-section--soft{
  background:linear-gradient(180deg, rgba(255,255,255,.4), rgba(255,255,255,.12));
}
.home-final-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.home-final-section__head h2{
  margin:.2rem 0 0;
}
.business-grid--home,
.home-final-guide__grid{
  grid-template-columns:repeat(4, minmax(0,1fr));
}
@media (max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .business-grid--home,
  .home-final-guide__grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}
@media (max-width:760px){
  .hero-actions,
  .home-final-section__head{
    flex-direction:column;
    align-items:flex-start;
  }
  .business-grid--home,
  .home-final-guide__grid{
    grid-template-columns:1fr;
  }
}


/* === v61 footer contrast fixes === */
.site-footer--oceanic,
.site-footer--oceanic .section-kicker,
.site-footer--oceanic h2,
.site-footer--oceanic h3,
.site-footer--oceanic p,
.site-footer--oceanic li,
.site-footer--oceanic span,
.site-footer--oceanic strong,
.site-footer--oceanic small {
  color: #eefaf9 !important;
}

.site-footer--oceanic .section-kicker {
  color: #8ff1ea !important;
}

.site-footer--oceanic .footer-oceanic__brand p,
.site-footer--oceanic .footer-oceanic__col p,
.site-footer--oceanic .footer-oceanic__contact p,
.site-footer--oceanic .footer-oceanic__bottom p,
.site-footer--oceanic .footer-oceanic__meta,
.site-footer--oceanic .footer-oceanic__meta span {
  color: #d8eeec !important;
}

.site-footer--oceanic a,
.site-footer--oceanic .footer-oceanic__links a,
.site-footer--oceanic .footer-oceanic__contact a,
.site-footer--oceanic .footer-oceanic__meta a {
  color: #ffffff !important;
  text-decoration: none;
}

.site-footer--oceanic a:hover,
.site-footer--oceanic .footer-oceanic__links a:hover,
.site-footer--oceanic .footer-oceanic__contact a:hover,
.site-footer--oceanic .footer-oceanic__meta a:hover {
  color: #ffd7b2 !important;
}

.site-footer--oceanic .footer-oceanic__brand,
.site-footer--oceanic .footer-oceanic__col,
.site-footer--oceanic .footer-oceanic__contact {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.12) !important;
}

.site-footer--oceanic .footer-oceanic__pills a {
  color: #ffffff !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.10);
}

.site-footer--oceanic .footer-oceanic__pills a:hover {
  background: rgba(242,159,88,.22) !important;
  color: #ffffff !important;
}

.site-footer--oceanic .btn-harbor-ghost,
.site-footer--oceanic a.btn-harbor-ghost {
  background: #ffffff !important;
  color: #173f57 !important;
  border: 1px solid rgba(23,63,87,.14) !important;
}

.site-footer--oceanic .btn-harbor-solid,
.site-footer--oceanic a.btn-harbor-solid {
  color: #ffffff !important;
}

.site-footer--oceanic .footer-oceanic__bottom {
  border-top-color: rgba(255,255,255,.12) !important;
}

.site-footer--oceanic .back-to-top {
  color: #ffffff !important;
}


/* === v62 full theme color final === */
:root{
  --hiba-text:#173f57;
  --hiba-text-2:#24546d;
  --hiba-muted:#5e7682;
  --hiba-bg:#eef6f7;
  --hiba-surface:#ffffff;
  --hiba-surface-soft:#f7fbfb;
  --hiba-line:rgba(23,63,87,.10);
  --hiba-line-strong:rgba(23,63,87,.16);

  --hiba-teal:#239f9a;
  --hiba-teal-2:#1b7f89;
  --hiba-teal-soft:#e8f8f6;

  --hiba-orange:#ef9345;
  --hiba-orange-2:#db7c27;
  --hiba-orange-soft:#fff1e5;

  --hiba-dark:#163f53;
  --hiba-dark-2:#102f3f;
  --hiba-white:#ffffff;
}

/* Global surfaces */
body{
  color:var(--hiba-text);
  background:
    radial-gradient(1200px 500px at 100% 0%, rgba(35,159,154,.10), transparent 46%),
    linear-gradient(180deg,var(--hiba-bg) 0%, #e7f0f2 100%);
}
.gokceada-guide-site{
  background:#ffffff !important;
}
.card,
.business-card,
.business-pro-section,
.business-pro-sidecard,
.business-pro-hero__main,
.business-filter-card,
.business-archive-hero__panel,
.footer-oceanic__brand,
.footer-oceanic__col,
.footer-oceanic__contact{
  background:linear-gradient(180deg,#ffffff 0%, #f9fcfc 100%);
  border-color:var(--hiba-line) !important;
  color:var(--hiba-text);
}

/* Typography */
h1,h2,h3,h4,h5,h6,
.entry-title,
.section-title,
.home-final-section__head h2,
.business-card h3 a,
.concept-post-card h3 a,
.news-title a,
.post-card h3 a{
  color:var(--hiba-text) !important;
}
p, li, span, small, label, input, textarea, select{
  color:var(--hiba-text);
}
.muted,
.post-meta,
.business-card__mini,
.footer-note,
.section-subtitle{
  color:var(--hiba-muted) !important;
}
.section-kicker{
  color:var(--hiba-teal) !important;
}

/* Links */
a{
  color:var(--hiba-text);
}
a:hover{
  color:var(--hiba-teal-2);
}

/* Buttons */
.btn-primary,
.btn-secondary,
.btn-harbor-solid,
a.btn-primary,
a.btn-secondary,
a.btn-harbor-solid,
button.btn-primary,
button.btn-secondary{
  background:linear-gradient(180deg,var(--hiba-orange),var(--hiba-orange-2)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 12px 24px rgba(219,124,39,.22) !important;
}
.btn-primary:hover,
.btn-secondary:hover,
.btn-harbor-solid:hover,
a.btn-primary:hover,
a.btn-secondary:hover,
a.btn-harbor-solid:hover{
  color:#fff !important;
  filter:brightness(.98);
}
.btn-harbor-ghost,
.btn-ghostclean,
.btn-fresh-outline,
.hero .btn-secondary,
.hero a.btn-secondary,
a.btn-harbor-ghost{
  background:#ffffff !important;
  color:var(--hiba-text) !important;
  border:1px solid var(--hiba-line-strong) !important;
  box-shadow:0 10px 22px rgba(10,34,56,.06) !important;
}
.btn-harbor-ghost:hover,
.btn-ghostclean:hover,
.btn-fresh-outline:hover,
.hero .btn-secondary:hover,
.hero a.btn-secondary:hover{
  background:var(--hiba-teal-soft) !important;
  color:var(--hiba-text) !important;
}

/* Header */
.harbor-header{
  background:#ffffff !important;
  border-color:var(--hiba-line) !important;
}
.harbor-header__top{
  background:linear-gradient(180deg,var(--hiba-teal-2), #1e6570) !important;
}
.harbor-header__top-left span,
.harbor-header__top-right a{
  color:#edfdfb !important;
}
.harbor-header__navwrap{
  background:#f7fbfb !important;
  border-top:1px solid var(--hiba-line) !important;
}
.harbor-menu > li > a{
  color:var(--hiba-text) !important;
}
.harbor-menu > li > a:hover,
.harbor-menu > li > a:focus{
  background:var(--hiba-teal-soft) !important;
  color:var(--hiba-text) !important;
}
.harbor-menu .sub-menu{
  background:#ffffff !important;
  border-color:var(--hiba-line) !important;
}
.harbor-menu .sub-menu a{
  color:var(--hiba-text) !important;
}
.harbor-menu .sub-menu a:hover{
  background:#f2fbfa !important;
}
.harbor-header__ad-placeholder{
  background:#f7fbfb !important;
  color:var(--hiba-muted) !important;
  border-color:rgba(23,63,87,.18) !important;
}

/* Hero */
.hero-slider{
  background-color:var(--hiba-dark) !important;
}
.hero-slider .hero-overlay{
  background:linear-gradient(135deg, rgba(16,47,63,.82), rgba(27,127,137,.58)) !important;
}
.hero-left h1,
.hero-left .lead,
.hero-left .badge{
  color:#ffffff !important;
}
.hero-left .badge{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.16) !important;
}
.visual-card{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.16) !important;
}
.hero-nav-btn{
  background:#ffffff !important;
  color:var(--hiba-text) !important;
}
.hero-dots button{
  background:rgba(255,255,255,.34) !important;
}
.hero-dots button.is-active{
  background:var(--hiba-orange) !important;
}

/* Announcement / shortcuts / blocks */
.home-announce-inner,
.shortcut-card,
.feature,
.service-card,
.news-card{
  border-color:var(--hiba-line) !important;
}
.home-announce-left span,
.shortcut-title,
.service-card h3 a,
.news-title a{
  color:var(--hiba-text) !important;
}

/* Category / archive filters */
.business-filter-list__link,
.business-filter-list__sublink,
.listing-cats__link{
  color:var(--hiba-text) !important;
  border-color:var(--hiba-line) !important;
  background:#ffffff !important;
}
.business-filter-list__link:hover,
.business-filter-list__link.is-active,
.business-filter-list__sublink:hover,
.business-filter-list__sublink.is-active,
.listing-cats__link:hover,
.listing-cats__link.is-active{
  background:var(--hiba-teal-soft) !important;
  color:var(--hiba-text) !important;
}

/* Cards / badges */
.business-card__eyebrow,
.post-card__meta,
.news-cat{
  color:var(--hiba-teal) !important;
}
.business-card__badge{
  background:#ffffff !important;
  color:var(--hiba-text) !important;
  border:1px solid rgba(23,63,87,.08);
}
.business-card__badge--dark{
  background:var(--hiba-dark) !important;
  color:#ffffff !important;
}
.business-card__badge--gold{
  background:linear-gradient(180deg,var(--hiba-orange),var(--hiba-orange-2)) !important;
  color:#ffffff !important;
}
.business-card__badge--openall{
  background:#287b52 !important;
  color:#ffffff !important;
}
.business-card__badge--seasonal{
  background:#f8d39f !important;
  color:var(--hiba-text) !important;
}
.business-card__rating .star.is-active{
  color:var(--hiba-orange) !important;
}

/* Forms */
input, textarea, select{
  background:#ffffff !important;
  color:var(--hiba-text) !important;
  border-color:rgba(23,63,87,.12) !important;
}
::placeholder{
  color:#7e939d !important;
}

/* Footer fully aligned to readable palette */
.site-footer--oceanic{
  background:
    radial-gradient(900px 260px at 100% 0%, rgba(35,159,154,.22), transparent 55%),
    linear-gradient(180deg,var(--hiba-dark) 0%, var(--hiba-dark-2) 100%) !important;
  color:#eaf7f6 !important;
}
.site-footer--oceanic .section-kicker{
  color:#91f4ec !important;
}
.site-footer--oceanic h2,
.site-footer--oceanic h3,
.site-footer--oceanic strong,
.site-footer--oceanic a,
.site-footer--oceanic .footer-oceanic__links a,
.site-footer--oceanic .footer-oceanic__contact a,
.site-footer--oceanic .footer-oceanic__meta a{
  color:#ffffff !important;
}
.site-footer--oceanic p,
.site-footer--oceanic li,
.site-footer--oceanic span,
.site-footer--oceanic small,
.site-footer--oceanic .footer-oceanic__meta{
  color:#d9efed !important;
}
.site-footer--oceanic a:hover{
  color:#ffd8b8 !important;
}
.site-footer--oceanic .footer-oceanic__brand,
.site-footer--oceanic .footer-oceanic__col,
.site-footer--oceanic .footer-oceanic__contact{
  background:rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.12) !important;
}
.site-footer--oceanic .footer-oceanic__pills a{
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.site-footer--oceanic .footer-oceanic__pills a:hover{
  background:rgba(239,147,69,.22) !important;
  color:#ffffff !important;
}
.site-footer--oceanic .btn-harbor-ghost,
.site-footer--oceanic a.btn-harbor-ghost{
  background:#ffffff !important;
  color:var(--hiba-text) !important;
  border:1px solid rgba(23,63,87,.14) !important;
}
.site-footer--oceanic .btn-harbor-solid,
.site-footer--oceanic a.btn-harbor-solid{
  color:#ffffff !important;
}
.site-footer--oceanic .back-to-top{
  background:linear-gradient(180deg,var(--hiba-orange),var(--hiba-orange-2)) !important;
  color:#ffffff !important;
}

/* Misc */
.badge,
.thumb-top-badge,
.footer-chip,
.category-pill{
  border-radius:999px;
}


/* === v63 darker homepage hero background + light text === */
.hero-slider{
  background-color:#0f2c3a !important;
}
.hero-slider .hero-overlay{
  background:linear-gradient(135deg, rgba(8,24,32,.88), rgba(15,44,58,.72)) !important;
}
.hero-left h1,
.hero-left .lead,
.hero-left .badge,
.hero-left .badge span,
.hero-left .badge svg{
  color:#ffffff !important;
}
.hero-left .lead{
  color:#eef9f8 !important;
}
.hero-left .badge{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.18) !important;
}
.hero-dots button{
  background:rgba(255,255,255,.30) !important;
}
.hero-dots button.is-active{
  background:#ffffff !important;
}


/* === v64 final subpages redesign === */
.subhero{
  position:relative;
  overflow:hidden;
  background:#163f53;
  background-size:cover;
  background-position:center;
  color:#fff;
  border-radius:16px;
  margin-bottom:1rem;
}
.subhero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(16,47,63,.84), rgba(27,127,137,.56));
}
.subhero__inner{
  position:relative;
  z-index:1;
  min-height:280px;
  display:flex;
  align-items:flex-end;
  padding:2rem 0;
}
.subhero__content{
  max-width:72ch;
}
.subhero .badge,
.subhero h1,
.subhero .lead,
.subhero__crumbs,
.subhero__crumbs *{
  color:#fff !important;
}
.subhero h1{
  margin:.9rem 0 .5rem;
  font-size:clamp(2rem,3.6vw,3.5rem);
}
.subhero .lead{
  color:#e7f7f6 !important;
  max-width:60ch;
}
.subpage-shell{
  padding:0 0 2rem;
}
.subpage-layout,
.post-layout-final,
.guide-layout-final{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:1rem;
  align-items:start;
}
.subpage-card{
  padding:1.25rem;
}
.subpage-card--content{
  min-width:0;
}
.subpage-card--sidebar{
  position:sticky;
  top:24px;
}
.subpage-card--sidebar h3{
  margin:.75rem 0 .55rem;
}
.subpage-actions,
.subpage-navlinks{
  display:grid;
  gap:.75rem;
  margin-top:1rem;
}
.archive-hero-final{
  padding:0 0 1rem;
}
.archive-hero-final__box{
  padding:1.4rem;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f9fcfc);
  border:1px solid rgba(23,63,87,.10);
  box-shadow:0 14px 34px rgba(10,34,56,.05);
}
.archive-hero-final__box h1{
  margin:.55rem 0 .4rem;
}
.archive-hero-final__box .lead{
  color:var(--hiba-muted);
  max-width:64ch;
}
.archive-shell-final{
  padding:0 0 2rem;
}
.archive-grid-final{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.article-card-final{
  overflow:hidden;
  padding:0;
}
.article-card-final__media{
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
}
.article-card-final__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.article-card-final__body{
  padding:1rem;
}
.article-card-final h2{
  margin:.3rem 0 .55rem;
  font-size:1.18rem;
}
.article-card-final p{
  margin-bottom:.9rem;
}
.subpage-shell--guide{
  padding-top:0;
}
.guide-main-final{
  min-width:0;
}
.inner-hero-clean__crumbs a,
.inner-hero-clean__crumbs span{
  color:inherit;
}
@media (max-width:1180px){
  .subpage-layout,
  .post-layout-final,
  .guide-layout-final,
  .archive-grid-final{
    grid-template-columns:1fr 1fr;
  }
  .subpage-layout > article,
  .post-layout-final > article,
  .guide-main-final,
  .archive-grid-final{
    grid-column:auto;
  }
  .subpage-sidebar,
  .guide-sidebar-final{
    grid-column:1 / -1;
  }
  .subpage-card--sidebar{
    position:static;
  }
}
@media (max-width:760px){
  .subpage-layout,
  .post-layout-final,
  .guide-layout-final,
  .archive-grid-final{
    grid-template-columns:1fr;
  }
  .subhero__inner{
    min-height:220px;
  }
}


/* === v65 ensure homepage slider visible on first paint === */
.hero-slider{
  background-image:var(--hero-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero-slider.has-bg{
  background-color:#0f2c3a !important;
}
.hero-slider:not(.has-bg){
  background-image:
    linear-gradient(135deg, rgba(8,24,32,.86), rgba(15,44,58,.72)),
    linear-gradient(180deg,#183f53 0%, #1b6078 100%);
}
.hero-right .visual-card.has-image{
  background:#ffffff;
}


/* === v66 wider business detail slider === */
.business-pro-hero__grid{
  grid-template-columns:minmax(0, 1.35fr) minmax(320px, .65fr) !important;
  gap:1rem !important;
}
.business-pro-gallery{
  min-height:520px !important;
}
.business-pro-gallery__stage{
  min-height:520px !important;
  border-radius:18px !important;
  overflow:hidden;
}
.business-pro-gallery__stage img,
.business-pro-gallery__stage iframe,
.business-pro-gallery__stage .gallery-main-image{
  width:100% !important;
  height:520px !important;
  object-fit:cover !important;
}
.business-pro-gallery__thumbs{
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:.7rem !important;
}
.business-pro-gallery__thumb,
.business-pro-gallery__thumb img{
  border-radius:12px !important;
}
.business-pro-hero__main{
  padding:1.1rem !important;
}
@media (max-width:1180px){
  .business-pro-hero__grid{
    grid-template-columns:1fr !important;
  }
  .business-pro-gallery,
  .business-pro-gallery__stage{
    min-height:420px !important;
  }
  .business-pro-gallery__stage img,
  .business-pro-gallery__stage iframe,
  .business-pro-gallery__stage .gallery-main-image{
    height:420px !important;
  }
}
@media (max-width:760px){
  .business-pro-gallery,
  .business-pro-gallery__stage{
    min-height:300px !important;
  }
  .business-pro-gallery__stage img,
  .business-pro-gallery__stage iframe,
  .business-pro-gallery__stage .gallery-main-image{
    height:300px !important;
  }
  .business-pro-gallery__thumbs{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }
}


/* === v68 business detail hero ratio fix: text 4/12, slider 8/12 === */
.business-pro-hero__grid{
  display:grid !important;
  grid-template-columns:minmax(300px, 4fr) minmax(0, 8fr) !important;
  gap:1rem !important;
  align-items:stretch !important;
}
.business-pro-hero__main{
  min-width:0;
  padding:1rem !important;
}
.business-pro-hero__gallery{
  min-width:0;
}
.business-gallery-slider,
.business-gallery-slider__stage{
  min-height:540px !important;
  height:100% !important;
}
.business-gallery-slider__stage{
  border-radius:18px !important;
  overflow:hidden !important;
}
.business-gallery-slide,
.business-gallery-slide img{
  display:block;
  width:100%;
  height:540px !important;
  object-fit:cover !important;
}
.business-gallery-empty{
  min-height:540px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.business-gallery-thumbs{
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:.7rem !important;
}
.business-gallery-thumb,
.business-gallery-thumb img{
  border-radius:12px !important;
}
@media (max-width:1180px){
  .business-pro-hero__grid{
    grid-template-columns:1fr !important;
  }
  .business-gallery-slider,
  .business-gallery-slider__stage,
  .business-gallery-slide,
  .business-gallery-slide img,
  .business-gallery-empty{
    min-height:420px !important;
    height:420px !important;
  }
}
@media (max-width:760px){
  .business-gallery-slider,
  .business-gallery-slider__stage,
  .business-gallery-slide,
  .business-gallery-slide img,
  .business-gallery-empty{
    min-height:300px !important;
    height:300px !important;
  }
  .business-gallery-thumbs{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }
}


/* === v70 restore homepage slider working version === */
.hero.hero-slider{
  --hero-bg: none;
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, #eef3f7, #f7fafc) !important;
  color:var(--hiba-text);
}
.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(35,159,154,.12), transparent 60%),
    radial-gradient(900px 450px at 85% 25%, rgba(239,147,69,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(245,248,250,1));
  pointer-events:none;
}
.hero.hero-slider .container,
.hero.hero-slider .hero-grid{
  position:relative;
  z-index:1;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr !important;
  gap:clamp(1.5rem,3vw,3.5rem) !important;
  align-items:center;
  min-height:auto !important;
  padding:2rem 0 !important;
}
.hero-left h1{
  margin-top:.6rem;
  color:var(--hiba-text) !important;
  font-size:clamp(2.2rem,4vw,4.2rem) !important;
  line-height:1.05;
}
.hero-left .lead{
  font-size:1.05rem;
  max-width:55ch;
  color:var(--hiba-muted) !important;
}
.hero-left .badge{
  background:rgba(255,255,255,.85) !important;
  border:1px solid rgba(23,63,87,.10) !important;
  color:var(--hiba-text) !important;
  box-shadow:0 12px 28px rgba(10,34,56,.05);
}
.hero-actions{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
  margin-top:1.2rem;
}
.hero-right{
  display:grid;
  gap:1rem;
}
.visual-card{
  min-height:360px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.8) !important;
  border:1px solid rgba(23,63,87,.08) !important;
  box-shadow:0 24px 54px rgba(10,34,56,.08) !important;
  overflow:hidden;
  backdrop-filter:blur(10px);
}
.hero-visual-img{
  width:100%;
  height:360px !important;
  object-fit:cover;
  display:block;
}
.hero-visual-placeholder{
  min-height:360px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--hiba-text);
}
.hero-nav{
  display:flex;
  justify-content:flex-end;
  gap:.5rem;
  margin-top:0;
}
.hero-nav-btn{
  width:38px;
  height:38px;
  border-radius:10px !important;
  border:1px solid rgba(23,63,87,.14) !important;
  background:rgba(255,255,255,.8) !important;
  color:var(--hiba-text) !important;
  box-shadow:0 10px 24px rgba(11,31,59,.10);
}
.hero-dots{
  display:flex;
  gap:.55rem;
  margin-top:1rem !important;
}
.hero-dots button{
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  background:rgba(23,63,87,.25) !important;
}
.hero-dots button.is-active{
  width:28px;
  background:rgba(239,147,69,.95) !important;
  box-shadow:0 0 0 4px rgba(239,147,69,.18);
}
@media (max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:760px){
  .hero-visual-img,
  .hero-visual-placeholder{
    height:280px !important;
    min-height:280px !important;
  }
}


/* === v70 business gallery behavior fix === */
.business-gallery-slider__stage{
  position:relative;
}
.business-gallery-slide{
  display:none;
  margin:0;
}
.business-gallery-slide.is-active{
  display:block;
}
.business-gallery-slide img{
  display:block;
  width:100%;
  cursor:default;
}
.business-gallery-thumbs{
  display:grid;
}
.business-gallery-thumb{
  padding:0;
  border:1px solid rgba(23,63,87,.10);
  background:#fff;
  overflow:hidden;
}
.business-gallery-thumb.is-active{
  border-color:rgba(239,147,69,.75);
  box-shadow:0 0 0 2px rgba(239,147,69,.18);
}
.business-gallery-thumb img{
  display:block;
  width:100%;
  height:86px;
  object-fit:cover;
}


/* === v71 restore homepage slider and business gallery fixes === */
.hero.hero-slider{
  --hero-bg: none;
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, #eef3f7, #f7fafc) !important;
  color:var(--hiba-text);
}
.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(35,159,154,.12), transparent 60%),
    radial-gradient(900px 450px at 85% 25%, rgba(239,147,69,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(245,248,250,1));
  pointer-events:none;
}
.hero.hero-slider .container,
.hero.hero-slider .hero-grid{
  position:relative;
  z-index:1;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr !important;
  gap:clamp(1.5rem,3vw,3.5rem) !important;
  align-items:center;
  min-height:auto !important;
  padding:2rem 0 !important;
}
.hero-left h1{
  margin-top:.6rem;
  color:var(--hiba-text) !important;
  font-size:clamp(2.2rem,4vw,4.2rem) !important;
  line-height:1.05;
}
.hero-left .lead{
  font-size:1.05rem;
  max-width:55ch;
  color:var(--hiba-muted) !important;
}
.hero-left .badge{
  background:rgba(255,255,255,.85) !important;
  border:1px solid rgba(23,63,87,.10) !important;
  color:var(--hiba-text) !important;
  box-shadow:0 12px 28px rgba(10,34,56,.05);
}
.hero-actions{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
  margin-top:1.2rem;
}
.hero-right{
  display:grid;
  gap:1rem;
}
.visual-card{
  min-height:360px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.8) !important;
  border:1px solid rgba(23,63,87,.08) !important;
  box-shadow:0 24px 54px rgba(10,34,56,.08) !important;
  overflow:hidden;
  backdrop-filter:blur(10px);
}
.hero-visual-img{
  width:100%;
  height:360px !important;
  object-fit:cover;
  display:block;
}
.hero-visual-placeholder{
  min-height:360px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--hiba-text);
}
.hero-nav{
  display:flex;
  justify-content:flex-end;
  gap:.5rem;
  margin-top:0;
}
.hero-nav-btn{
  width:38px;
  height:38px;
  border-radius:10px !important;
  border:1px solid rgba(23,63,87,.14) !important;
  background:rgba(255,255,255,.8) !important;
  color:var(--hiba-text) !important;
  box-shadow:0 10px 24px rgba(11,31,59,.10);
}
.hero-dots{
  display:flex;
  gap:.55rem;
  margin-top:1rem !important;
}
.hero-dots button{
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  background:rgba(23,63,87,.25) !important;
}
.hero-dots button.is-active{
  width:28px;
  background:rgba(239,147,69,.95) !important;
  box-shadow:0 0 0 4px rgba(239,147,69,.18);
}

/* Business detail gallery */
.business-gallery-slider__stage{
  position:relative;
  overflow:hidden !important;
}
.business-gallery-slide{
  display:none;
  margin:0;
}
.business-gallery-slide.is-active{
  display:block;
}
.business-gallery-slide img{
  display:block;
  width:100%;
  cursor:default;
}
.business-gallery-thumbs{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:.7rem !important;
}
.business-gallery-thumb{
  padding:0;
  border:1px solid rgba(23,63,87,.10);
  background:#fff;
  overflow:hidden;
  border-radius:12px !important;
}
.business-gallery-thumb.is-active{
  border-color:rgba(239,147,69,.75);
  box-shadow:0 0 0 2px rgba(239,147,69,.18);
}
.business-gallery-thumb img{
  display:block;
  width:100%;
  height:86px;
  object-fit:cover;
}
@media (max-width:1180px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:760px){
  .hero-visual-img,
  .hero-visual-placeholder{
    height:280px !important;
    min-height:280px !important;
  }
  .business-gallery-thumbs{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }
}


/* === v72 modernport footer redesign === */
.site-footer--modernport{
  position:relative;
  background:linear-gradient(180deg,#163f53,#102f3f);
  color:rgba(255,255,255,.92);
  padding:2rem 0 1.4rem;
  overflow:hidden;
  clear:both;
}
.site-footer--modernport:before{
  content:"";
  position:absolute;
  inset:-200px -120px auto -120px;
  height:320px;
  background:radial-gradient(closest-side, rgba(239,147,69,.16), transparent 70%);
  pointer-events:none;
}
.site-footer--modernport a{ color:rgba(255,255,255,.92); }
.site-footer--modernport a:hover{ color:#fff; text-decoration:none; }

.footer-cta--port{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:1.25rem 1.15rem;
  margin-bottom:1.15rem;
  backdrop-filter:blur(10px);
}
.footer-cta__content{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
}
.footer-cta__text h2{
  margin:0 0 .3rem;
  color:#fff;
}
.footer-cta__text p{
  margin:0;
  color:rgba(255,255,255,.78);
  max-width:48ch;
}
.footer-cta__actions{
  display:flex;
  gap:.7rem;
  flex-wrap:wrap;
}

.footer-topbar--port{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.05rem;
  border-radius:16px;
  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{ max-height:54px; 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;
  padding:.55rem .75rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.86);
  font-size:.9rem;
}
.footer-action{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.7rem .95rem;
  border-radius:12px;
  background:#fff;
  color:#173f57 !important;
  font-weight:700;
  text-decoration:none;
}
.footer-action--wa{
  background:linear-gradient(180deg,#25d366,#1faf55);
  color:#fff !important;
}

.footer-grid--port{
  display:grid;
  gap:1.05rem;
  align-items:start;
  grid-template-columns:1.3fr .85fr .85fr .85fr 1fr;
}
.footer-panel{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  padding:1.15rem;
  backdrop-filter:blur(10px);
}
.footer-title--white,
.footer-panel h3,
.footer-panel h2{
  color:#fff !important;
}
.footer-links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.58rem;
}
.footer-links a{
  color:rgba(255,255,255,.84);
}
.footer-links a:hover{
  color:#fff;
}
.footer-mascot{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:1rem;
  align-items:center;
  margin-bottom:1rem;
}
.footer-mascot--textonly{
  grid-template-columns:1fr;
}
.footer-mascot__media{
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.footer-mascot__media img{
  display:block;
  width:100%;
  height:auto;
}
.footer-mascot__speech{
  display:grid;
  gap:.35rem;
}
.footer-mascot__label{
  color:#8ff1ea;
  font-weight:800;
  font-size:.98rem;
  line-height:1.3;
  word-break:break-word;
}
.footer-mascot__speech p{
  margin:0;
  color:rgba(255,255,255,.82);
}
.footer-contact{
  display:grid;
  gap:.4rem;
}
.footer-contact__row{
  margin:0;
}
.footer-contact__row a,
.footer-contact__row span{
  color:rgba(255,255,255,.88);
}
.footer-bottom--port{
  margin-top:1rem;
  padding-top:1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.72);
}
.footer-bottom__copy{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
}
.site-footer--modernport .back-to-top{
  position:fixed;
  right:18px;
  bottom:18px;
  width:46px;
  height:46px;
  border-radius:12px;
  border:0;
  background:linear-gradient(180deg,#ef9345,#db7c27);
  color:#fff;
  box-shadow:0 12px 24px rgba(219,124,39,.26);
}
@media (max-width:1180px){
  .footer-grid--port{
    grid-template-columns:1fr 1fr;
  }
  .footer-panel--brand{
    grid-column:1 / -1;
  }
}
@media (max-width:760px){
  .footer-topbar--port,
  .footer-cta__content,
  .footer-grid--port,
  .footer-bottom--port,
  .footer-mascot{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-grid--port{
    display:grid;
  }
  .footer-mascot{
    display:grid;
  }
  .footer-topbar__right{
    justify-content:flex-start;
  }
}


/* === v73 stable inner pages / contrast / layout final === */
:root{
  --final-text:#173f57;
  --final-text-soft:#4f6976;
  --final-surface:#ffffff;
  --final-surface-2:#f8fbfb;
  --final-border:rgba(23,63,87,.10);
  --final-border-strong:rgba(23,63,87,.16);
  --final-shadow:0 16px 36px rgba(10,34,56,.08);
  --final-shadow-sm:0 10px 24px rgba(10,34,56,.06);
}

/* generic readability */
body,
.entry-content,
.entry-content p,
.entry-content li,
.entry-content td,
.entry-content th,
.subpage-card,
.article-card-final,
.business-pro-section,
.business-pro-sidecard,
.business-pro-hero__main,
.archive-hero-final__box,
.discover-filter,
.guide-sidebar-final .card,
.subpage-sidebar .card{
  color:var(--final-text);
}

.entry-content p,
.business-pro-section__head p,
.archive-hero-final__box .lead,
.subhero .lead,
.article-card-final p,
.footer-topbar__desc{
  color:var(--final-text-soft) !important;
}

/* subhero / internal hero */
.subhero{
  background-color:#14394b !important;
  border-radius:16px !important;
  overflow:hidden;
  box-shadow:var(--final-shadow-sm);
}
.subhero__overlay{
  background:
    radial-gradient(900px 260px at 100% 0%, rgba(35,159,154,.24), transparent 55%),
    linear-gradient(135deg, rgba(16,47,63,.86), rgba(27,127,137,.58)) !important;
}
.subhero .badge{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
.subhero .badge,
.subhero h1,
.subhero .lead,
.subhero__crumbs,
.subhero__crumbs a,
.subhero__crumbs span{
  color:#fff !important;
}

/* inner page shells */
.subpage-shell,
.archive-shell-final,
.business-detail-content,
.business-archive-shell,
.listing-shell{
  padding-bottom:2.25rem !important;
}
.subpage-layout,
.post-layout-final,
.guide-layout-final,
.business-detail-layout,
.business-archive-layout,
.listing-layout{
  align-items:start !important;
  gap:1rem !important;
}
.subpage-card,
.archive-hero-final__box,
.article-card-final,
.business-pro-section,
.business-pro-sidecard,
.business-pro-hero__main,
.business-filter-card,
.listing-sidebar__card{
  background:linear-gradient(180deg,var(--final-surface),var(--final-surface-2)) !important;
  border:1px solid var(--final-border) !important;
  border-radius:16px !important;
  box-shadow:var(--final-shadow-sm) !important;
}

/* archive / cards */
.archive-grid-final{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:1rem !important;
}
.article-card-final{
  overflow:hidden;
}
.article-card-final__media{
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
}
.article-card-final__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.article-card-final__body{
  padding:1rem;
}
.article-card-final h2,
.article-card-final h2 a{
  color:var(--final-text) !important;
}
.article-card-final .post-meta{
  color:var(--hiba-teal) !important;
}

/* guide/archive category links */
.discover-cats,
.listing-cats,
.business-filter-list{
  display:grid;
  gap:.55rem;
}
.discover-cats__link,
.listing-cats__link,
.business-filter-list__link,
.business-filter-list__sublink{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.75rem .95rem;
  border-radius:14px !important;
  border:1px solid var(--final-border) !important;
  background:#fff !important;
  color:var(--final-text) !important;
  text-decoration:none !important;
  font-weight:700;
}
.discover-cats__link:hover,
.discover-cats__link.is-active,
.listing-cats__link:hover,
.listing-cats__link.is-active,
.business-filter-list__link:hover,
.business-filter-list__link.is-active,
.business-filter-list__sublink:hover,
.business-filter-list__sublink.is-active{
  background:#edf8f7 !important;
  border-color:rgba(35,159,154,.20) !important;
}
.business-filter-list__children{
  margin:.35rem 0 .75rem .9rem !important;
  gap:.45rem !important;
}

/* business detail hero stable layout */
.business-pro-hero__grid{
  display:grid !important;
  grid-template-columns:minmax(300px,4fr) minmax(0,8fr) !important;
  gap:1rem !important;
  align-items:stretch !important;
}
.business-pro-hero__main{
  padding:1.05rem !important;
}
.business-pro-hero__lead,
.business-pro-section__head p,
.business-pro-entry p,
.business-pro-sidecard p{
  color:var(--final-text-soft) !important;
}
.business-pro-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.business-pro-tag{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.35rem .7rem;
  border-radius:999px;
  background:#eef8f7;
  color:var(--final-text) !important;
  border:1px solid rgba(35,159,154,.14);
  text-decoration:none !important;
}
.business-pro-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}
.business-pro-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
}
.business-pro-metric{
  padding:.9rem;
  border-radius:14px;
  background:#fff;
  border:1px solid var(--final-border);
}
.business-pro-metric span{
  display:block;
  color:var(--final-text-soft) !important;
  font-size:.88rem;
}
.business-pro-metric strong{
  color:var(--final-text) !important;
  font-size:1rem;
}

/* business gallery stable behavior */
.business-pro-hero__gallery,
.business-gallery-slider{
  min-width:0;
}
.business-gallery-slider{
  display:grid;
  gap:.75rem;
}
.business-gallery-slider__stage{
  position:relative;
  min-height:540px !important;
  height:540px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#f2f7f8;
  border:1px solid var(--final-border);
}
.business-gallery-slide{
  display:none;
  width:100%;
  height:100%;
}
.business-gallery-slide.is-active{
  display:block;
}
.business-gallery-slide img{
  display:block;
  width:100%;
  height:540px !important;
  object-fit:cover !important;
}
.business-gallery-empty{
  min-height:540px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#f8fbfb);
  border:1px solid var(--final-border);
  color:var(--final-text-soft);
}
.business-gallery-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(16,47,63,.56);
  color:#fff;
  backdrop-filter:blur(8px);
  z-index:3;
}
.business-gallery-nav--prev{ left:14px; }
.business-gallery-nav--next{ right:14px; }
.business-gallery-thumbs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:.7rem !important;
}
.business-gallery-thumb{
  padding:0 !important;
  border:1px solid var(--final-border) !important;
  border-radius:12px !important;
  overflow:hidden;
  background:#fff !important;
  box-shadow:none !important;
}
.business-gallery-thumb img{
  display:block;
  width:100%;
  height:86px !important;
  object-fit:cover !important;
}
.business-gallery-thumb.is-active{
  border-color:rgba(239,147,69,.78) !important;
  box-shadow:0 0 0 2px rgba(239,147,69,.16) !important;
}

/* project / guide cards stability */
.service-grid--discover,
.home-final-guide__grid,
.business-grid--home{
  gap:1rem !important;
}
.project-card,
.listing-card,
.card-thumb-top,
.card-thumb-top__media{
  overflow:hidden;
  border-radius:16px !important;
}
.card-thumb-top__media img{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
}

/* sidebar stickiness consistency */
.subpage-card--sidebar,
.business-archive-sidebar,
.guide-sidebar-final,
.listing-sidebar,
.business-detail-sidebar{
  position:sticky;
  top:24px;
}
.guide-sidebar-final .card,
.subpage-sidebar .card,
.business-detail-sidebar .card{
  overflow:hidden;
}

/* forms / inputs on internal pages */
.discover-filter input[type="search"],
.discover-filter input[type="text"],
.subpage-card input,
.subpage-card textarea,
.subpage-card select{
  width:100%;
  background:#fff !important;
  color:var(--final-text) !important;
  border:1px solid var(--final-border-strong) !important;
  border-radius:12px !important;
}
.discover-filter .btn,
.subpage-card .btn{
  border-radius:12px !important;
}

/* responsive stabilization */
@media (max-width:1180px){
  .archive-grid-final{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .business-pro-hero__grid,
  .subpage-layout,
  .post-layout-final,
  .guide-layout-final,
  .business-detail-layout,
  .business-archive-layout,
  .listing-layout{
    grid-template-columns:1fr !important;
  }
  .subpage-card--sidebar,
  .business-archive-sidebar,
  .guide-sidebar-final,
  .listing-sidebar,
  .business-detail-sidebar{
    position:static !important;
    top:auto !important;
  }
  .business-gallery-slider__stage,
  .business-gallery-slide img,
  .business-gallery-empty{
    min-height:420px !important;
    height:420px !important;
  }
}
@media (max-width:760px){
  .archive-grid-final{
    grid-template-columns:1fr !important;
  }
  .business-pro-metrics{
    grid-template-columns:1fr !important;
  }
  .business-pro-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .business-gallery-slider__stage,
  .business-gallery-slide img,
  .business-gallery-empty{
    min-height:300px !important;
    height:300px !important;
  }
  .business-gallery-thumbs{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  .card-thumb-top__media img{
    height:220px;
  }
}


/* === v74 footer desktop layout fix === */
.site-footer--modernport .footer-cta__text h2,
.site-footer--modernport .footer-cta__text p{
  color:#ffffff !important;
}
.site-footer--modernport .footer-cta__text p{
  color:rgba(255,255,255,.86) !important;
}

.footer-grid--port{
  grid-template-columns:minmax(0,2.2fr) minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) minmax(220px,1.15fr) !important;
  align-items:start !important;
}

.footer-grid--port > *{
  min-width:0;
}

.footer-panel--brand{
  min-width:0;
}

.footer-mascot{
  grid-template-columns:120px minmax(0,1fr) !important;
  align-items:start !important;
  gap:1rem !important;
}

.footer-mascot__media{
  align-self:start;
}

.footer-mascot__speech{
  min-width:0;
}

.footer-mascot__label{
  display:block;
  line-height:1.35;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.footer-mascot__speech p{
  line-height:1.75;
  font-size:.98rem;
  color:rgba(255,255,255,.86) !important;
}

.footer-panel{
  height:100%;
}

.footer-links--stack li{
  line-height:1.55;
}

.footer-contact--stack .footer-contact__row{
  line-height:1.7;
}

@media (min-width:1181px){
  .footer-panel--brand{
    padding-right:1.25rem;
  }
}


/* === v75 sidebars narrower + layout cleanup === */
:root{
  --sidebar-narrow: 280px;
  --sidebar-narrow-archive: 260px;
}

/* page/blog/guide sidebars */
.subpage-layout,
.post-layout-final,
.guide-layout-final,
.business-detail-layout,
.business-archive-layout,
.listing-layout{
  grid-template-columns:minmax(0, 1fr) minmax(240px, var(--sidebar-narrow)) !important;
  gap:1rem !important;
}

/* rehber and category pages */
.subpage-shell--guide .guide-layout-final,
.archive-shell-final .guide-layout-final,
.business-archive-layout,
.listing-layout{
  grid-template-columns:minmax(0, 1fr) minmax(230px, var(--sidebar-narrow-archive)) !important;
}

/* business/category archives where sidebar was too wide */
.business-archive-shell .container,
.listing-shell .container,
.subpage-shell .container{
  width:min(1120px, calc(100% - 2rem)) !important;
}

.guide-sidebar-final,
.subpage-sidebar,
.business-archive-sidebar,
.listing-sidebar,
.business-detail-sidebar{
  width:100%;
  max-width:var(--sidebar-narrow);
}

.guide-sidebar-final .card,
.subpage-sidebar .card,
.business-archive-sidebar .card,
.listing-sidebar .card,
.business-detail-sidebar .card{
  padding:1rem !important;
}

.discover-cats__link,
.listing-cats__link,
.business-filter-list__link,
.business-filter-list__sublink{
  padding:.68rem .82rem !important;
  font-size:.95rem !important;
}

.archive-grid-final,
.service-grid--discover,
.business-grid--home{
  gap:1rem !important;
}

/* improve guide/archive cards width balance */
.guide-main-final,
.business-archive-main,
.listing-main,
.subpage-layout > article,
.post-layout-final > article{
  min-width:0;
}

@media (max-width:1180px){
  .subpage-layout,
  .post-layout-final,
  .guide-layout-final,
  .business-detail-layout,
  .business-archive-layout,
  .listing-layout{
    grid-template-columns:1fr !important;
  }
  .guide-sidebar-final,
  .subpage-sidebar,
  .business-archive-sidebar,
  .listing-sidebar,
  .business-detail-sidebar{
    max-width:none;
  }
}


/* === v76 Gokceada Port custom footer === */
.site-footer--portprime{
  position:relative;
  background:
    radial-gradient(900px 260px at 100% 0%, rgba(35,159,154,.18), transparent 55%),
    linear-gradient(180deg,#14394b 0%, #0f2f3f 100%);
  color:rgba(255,255,255,.92);
  padding:2rem 0 1.4rem;
  overflow:hidden;
  clear:both;
}
.site-footer--portprime:before{
  content:"";
  position:absolute;
  inset:auto -100px -160px -100px;
  height:320px;
  background:radial-gradient(closest-side, rgba(239,147,69,.14), transparent 70%);
  pointer-events:none;
}
.site-footer--portprime a{
  color:rgba(255,255,255,.92);
  text-decoration:none;
}
.site-footer--portprime a:hover{
  color:#ffffff;
}
.portprime-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1.45rem;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 20px 44px rgba(0,0,0,.12);
  margin-bottom:1rem;
}
.portprime-kicker{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.35rem .7rem;
  border-radius:999px;
  background:rgba(143,241,234,.14);
  color:#8ff1ea;
  font-weight:800;
  letter-spacing:.02em;
}
.portprime-hero h2{
  margin:.4rem 0 .45rem;
  color:#ffffff !important;
  font-size:clamp(1.8rem,2.5vw,2.85rem);
  max-width:18ch;
}
.portprime-hero p{
  margin:0;
  color:rgba(255,255,255,.82) !important;
  max-width:58ch;
}
.portprime-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.portprime-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.1rem;
  border-radius:18px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  margin-bottom:1rem;
}
.portprime-strip__brand{
  display:flex;
  align-items:center;
  gap:.95rem;
}
.portprime-strip__brand img{
  max-height:50px;
  width:auto;
}
.portprime-strip__text{
  display:grid;
  gap:.18rem;
}
.portprime-strip__text strong{
  color:#ffffff;
  font-size:1rem;
}
.portprime-strip__text span{
  color:rgba(255,255,255,.72);
  font-size:.92rem;
}
.portprime-strip__meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.6rem;
}
.portprime-chip{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:.45rem .8rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:#ffffff !important;
  font-weight:700;
}
.portprime-chip--action{
  background:#ffffff;
  color:#173f57 !important;
}

.portprime-grid{
  display:grid;
  grid-template-columns:minmax(0,2fr) repeat(3,minmax(180px,.9fr)) minmax(220px,1.15fr);
  gap:1rem;
  align-items:start;
}
.portprime-card{
  min-width:0;
  height:100%;
  padding:1.15rem;
  border-radius:20px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(8px);
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.portprime-card h3{
  margin:0 0 .85rem;
  color:#ffffff !important;
  font-size:1.35rem;
}
.portprime-card--brand h3{
  font-size:1.8rem;
}
.portprime-mascot{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:1rem;
  align-items:start;
  margin-bottom:1rem;
}
.portprime-mascot__media{
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
.portprime-mascot__media img{
  display:block;
  width:100%;
  height:auto;
}
.portprime-mascot__title{
  color:#8ff1ea;
  font-weight:800;
  line-height:1.35;
  margin-bottom:.35rem;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.portprime-mascot__speech p{
  margin:0;
  color:rgba(255,255,255,.84) !important;
  line-height:1.72;
}
.portprime-contact{
  display:grid;
  gap:.45rem;
}
.portprime-contact p{
  margin:0;
  color:rgba(255,255,255,.84) !important;
  line-height:1.7;
}
.portprime-info p{
  margin:0 0 .65rem;
  color:rgba(255,255,255,.84) !important;
  line-height:1.75;
}
.portprime-info strong{
  color:#ffffff;
}
.portprime-links{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.62rem;
}
.portprime-links li{
  margin:0;
}
.portprime-links a{
  color:rgba(255,255,255,.84);
  font-weight:600;
}
.portprime-links a:hover{
  color:#ffffff;
}

.portprime-bottom{
  margin-top:1rem;
  padding-top:1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  border-top:1px solid rgba(255,255,255,.10);
}
.portprime-bottom__copy,
.portprime-bottom__meta{
  display:flex;
  gap:.7rem;
  flex-wrap:wrap;
  color:rgba(255,255,255,.72);
}

.site-footer--portprime .back-to-top{
  position:fixed;
  right:18px;
  bottom:18px;
  width:46px;
  height:46px;
  border-radius:14px;
  border:0;
  background:linear-gradient(180deg,#ef9345,#db7c27);
  color:#fff;
  box-shadow:0 14px 28px rgba(219,124,39,.26);
}

@media (max-width:1180px){
  .portprime-grid{
    grid-template-columns:1fr 1fr;
  }
  .portprime-card--brand{
    grid-column:1 / -1;
  }
  .portprime-hero{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .portprime-strip,
  .portprime-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .portprime-grid{
    grid-template-columns:1fr;
  }
  .portprime-mascot{
    grid-template-columns:90px minmax(0,1fr);
  }
  .portprime-hero__actions,
  .portprime-strip__meta{
    justify-content:flex-start;
  }
}

/* === v110 blog redesign + desktop menu fix + balanced corporate palette === */
:root{
  --hiba-bg:#edf4f3;
  --hiba-surface:#ffffff;
  --hiba-surface-soft:#f6fbfa;
  --hiba-line:rgba(20,66,83,.10);
  --hiba-line-strong:rgba(20,66,83,.18);
  --hiba-text:#17384a;
  --hiba-muted:#607985;
  --hiba-teal:#2e9d9a;
  --hiba-teal-2:#237d85;
  --hiba-teal-soft:#e8f6f5;
  --hiba-orange:#ea8d45;
  --hiba-orange-2:#cf7431;
  --hiba-orange-soft:#fff1e6;
  --hiba-dark:#173f52;
  --hiba-dark-2:#102f3f;
}

body{
  background:
    radial-gradient(1200px 520px at 100% 0%, rgba(46,157,154,.10), transparent 48%),
    radial-gradient(900px 420px at 0% 0%, rgba(234,141,69,.08), transparent 45%),
    linear-gradient(180deg,#edf4f3 0%, #e8f0ef 100%) !important;
}

.gokceada-guide-site{
  box-shadow:0 24px 60px rgba(10,34,56,.09) !important;
}

.card,
.travel-home-card,
.tourism-ad-card,
.business-card,
.business-pro-section,
.business-pro-sidecard,
.article-card-final,
.archive-hero-final__box,
.subpage-card,
.travel-home-empty,
.sidebar-card{
  background:linear-gradient(180deg,#ffffff 0%, #f8fbfb 100%) !important;
  border:1px solid var(--hiba-line) !important;
  box-shadow:0 14px 34px rgba(10,34,56,.06) !important;
}

/* Hero readability */
.hero.hero-slider{
  background:
    linear-gradient(180deg, rgba(16,43,57,.90), rgba(16,43,57,.76)) !important;
  color:#fff !important;
}
.hero.hero-slider.has-bg::before,
.hero.hero-slider[style*="--hero-bg"]::before{
  opacity:.34 !important;
  filter:saturate(.95) contrast(.92) brightness(.68) !important;
}
.hero.hero-slider::after{
  background:
    linear-gradient(90deg, rgba(10,28,38,.82) 0%, rgba(14,39,52,.66) 38%, rgba(17,47,63,.34) 68%, rgba(17,47,63,.18) 100%),
    radial-gradient(900px 420px at 12% 18%, rgba(46,157,154,.18), transparent 58%),
    radial-gradient(700px 300px at 78% 18%, rgba(234,141,69,.16), transparent 48%) !important;
}
.hero-left{
  max-width:680px;
}
.hero-left .hero-slide{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  padding:1.3rem 1.35rem;
  backdrop-filter:blur(8px);
  box-shadow:0 18px 44px rgba(0,0,0,.14);
}
.hero-left h1,
.hero-left .lead,
.hero-left .hero-kicker,
.hero-left .badge,
.hero-left .badge span,
.hero-left .badge svg{
  color:#fff !important;
}
.hero-left .lead{ color:rgba(239,248,248,.92) !important; }
.hero-left .hero-kicker{
  color:#ffd7ba !important;
  letter-spacing:.12em;
  font-weight:800;
}
.hero-left .badge{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.hero-right .visual-card{
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,250,250,.88)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
.hero-dot,
.hero-dots button{
  background:rgba(255,255,255,.34) !important;
}
.hero-dot.is-active,
.hero-dots button.is-active{
  background:var(--hiba-orange) !important;
  box-shadow:0 0 0 4px rgba(234,141,69,.18) !important;
}
.hero-arrow,
.hero-nav-btn{
  background:rgba(255,255,255,.94) !important;
  color:var(--hiba-text) !important;
}

/* Desktop menu hover gap/tap fix */
.harbor-header__navwrap,
.harbor-header__navwrap-inner,
.harbor-header__nav,
.harbor-menu{ overflow:visible !important; }
.harbor-menu{
  gap:.25rem !important;
}
.harbor-menu > li{
  position:relative;
  padding-bottom:.7rem;
  margin-bottom:-.7rem;
}
.harbor-menu > li.menu-item-has-children::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:18px;
}
.harbor-menu > li > a{
  position:relative;
  transition:background .18s ease,color .18s ease, box-shadow .18s ease;
}
.harbor-menu > li.menu-item-has-children > a{
  padding-right:2rem !important;
}
.harbor-menu > li.menu-item-has-children > a::after{
  content:"";
  position:absolute;
  right:.8rem;
  top:50%;
  width:8px;
  height:8px;
  margin-top:-6px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  opacity:.7;
}
.harbor-menu .sub-menu{
  top:100% !important;
  left:0 !important;
  transform:none !important;
  min-width:250px !important;
  padding:.65rem !important;
  border-radius:18px !important;
  box-shadow:0 24px 48px rgba(10,34,56,.14) !important;
}
.harbor-menu > li:last-child .sub-menu,
.harbor-menu > li:nth-last-child(2) .sub-menu{
  left:auto !important;
  right:0 !important;
}
.harbor-menu li:hover > .sub-menu,
.harbor-menu li:focus-within > .sub-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.harbor-menu .sub-menu li{ margin:0 !important; }
.harbor-menu .sub-menu a{
  min-height:44px;
  align-items:center;
  font-weight:700 !important;
}
.harbor-menu .sub-menu a:hover{
  background:var(--hiba-teal-soft) !important;
}

/* Footer quick menu make consistent */
.travel-footer{
  background:
    radial-gradient(900px 260px at 100% 0%, rgba(46,157,154,.18), transparent 55%),
    linear-gradient(180deg,var(--hiba-dark) 0%, var(--hiba-dark-2) 100%) !important;
  color:#e8f4f4;
}
.travel-footer__grid{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 1fr;
  gap:1rem;
  margin-top:1.15rem;
}
.travel-footer__brand,
.travel-footer__nav{
  padding:1.1rem;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
}
.travel-footer__nav h3,
.travel-footer__brand h3{ color:#fff; margin:0 0 .85rem; font-size:1.02rem; }
.travel-footer__nav ul,
.travel-footer__menu-list{ list-style:none; margin:0; padding:0; }
.travel-footer__nav li,
.travel-footer__menu-list li{ margin:.36rem 0; }
.travel-footer__nav a,
.travel-footer__menu-list a,
.travel-footer__link{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:#eff8f8;
  text-decoration:none;
}
.travel-footer__nav a::before,
.travel-footer__menu-list a::before,
.travel-footer__link::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(234,141,69,.94);
  box-shadow:0 0 0 4px rgba(234,141,69,.14);
}
.travel-footer__nav a:hover,
.travel-footer__menu-list a:hover,
.travel-footer__link:hover{ color:#fff; }
.travel-footer__brand p,
.travel-footer__nav p,
.travel-footer__bottom,
.travel-footer__pill,
.travel-footer__contact p,
.travel-footer__contact a{ color:rgba(232,244,244,.82); }
.travel-footer__hero,
.travel-footer__hero-panel,
.travel-footer__hero-copy{
  border-radius:20px;
}

/* Blog page redesign */
.blog-page-v2{ padding-top:1rem; }
.blog-spotlight{
  display:grid;
  grid-template-columns:minmax(0, 1.12fr) minmax(320px, .88fr);
  gap:0;
  overflow:hidden;
  margin-bottom:1.1rem;
}
.blog-spotlight__media{
  display:block;
  min-height:100%;
  background:linear-gradient(135deg, rgba(35,125,133,.18), rgba(234,141,69,.14));
}
.blog-spotlight__media img{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  object-fit:cover;
}
.blog-spotlight__placeholder{
  min-height:100%;
  display:grid;
  place-items:center;
  color:var(--hiba-teal-2);
  padding:4rem 1rem;
}
.blog-spotlight__placeholder svg{ width:46px; height:46px; }
.blog-spotlight__body{
  padding:1.55rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.blog-spotlight__kicker{
  display:inline-flex;
  width:max-content;
  padding:.38rem .7rem;
  border-radius:999px;
  background:var(--hiba-orange-soft);
  color:var(--hiba-orange-2);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.blog-spotlight__body h2{ font-size:clamp(1.6rem,2.3vw,2.4rem); margin:.7rem 0 .8rem; }
.blog-spotlight__body p{ font-size:1.02rem; }
.blog-spotlight__actions{ display:flex; gap:.7rem; flex-wrap:wrap; margin-top:1rem; }
.blog-layout-v2{ grid-template-columns:minmax(0,1fr) 330px; gap:1rem; }
.blog-grid-v2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.blog-card-v2 .news-thumb{ aspect-ratio:16/10; }
.blog-card-v2 .news-thumb img,
.blog-card-v2 .news-thumb-ph{ width:100%; height:100%; object-fit:cover; }
.blog-card-v2 .news-body{ padding:1.05rem; }
.blog-card-v2 .news-title{ font-size:1.15rem; }
.blog-sidebar-v2{ display:grid; gap:1rem; }
.blog-sidebar-card h3{ margin:.8rem 0 .55rem; }
.blog-side-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}
.blog-side-tags a{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.6rem .8rem;
  border-radius:999px;
  border:1px solid var(--hiba-line);
  background:var(--hiba-surface-soft);
  color:var(--hiba-text);
  font-weight:700;
  text-decoration:none;
}
.blog-side-tags a span{
  min-width:22px;
  height:22px;
  padding:0 .35rem;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:var(--hiba-teal-2);
  font-size:.82rem;
  border:1px solid var(--hiba-line);
}
.blog-side-tags a:hover{
  background:var(--hiba-teal-soft);
}

/* Color rebalance across homepage sections */
.section-kicker,
.tourism-ad-cluster__eyebrow,
.travel-home-card__meta span,
.news-cat,
.post-card__meta{
  color:var(--hiba-teal-2) !important;
}
.travel-home-section__highlights span,
.travel-footer__hero-point,
.business-card__badge,
.listing-cats__link,
.business-filter-list__link,
.business-filter-list__sublink{
  background:#fff !important;
  border-color:var(--hiba-line) !important;
}
.travel-home-section__highlights span:hover,
.listing-cats__link:hover,
.business-filter-list__link:hover,
.business-filter-list__sublink:hover,
.business-filter-list__link.is-active,
.business-filter-list__sublink.is-active{
  background:var(--hiba-teal-soft) !important;
}
.travel-home-section,
.tourism-ad-cluster,
.archive-shell-final,
.subpage-shell,
.content-area{
  background:transparent !important;
}

@media (max-width:1180px){
  .travel-footer__grid,
  .blog-layout-v2{ grid-template-columns:1fr 1fr; }
  .blog-layout-v2 > main{ grid-column:1 / -1; }
  .blog-sidebar-v2{ grid-column:1 / -1; grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:980px){
  .blog-spotlight,
  .blog-grid-v2,
  .travel-footer__grid,
  .blog-sidebar-v2{ grid-template-columns:1fr; }
  .harbor-menu > li{ padding-bottom:0; margin-bottom:0; }
  .harbor-menu > li.menu-item-has-children::before,
  .harbor-menu > li.menu-item-has-children > a::after{ display:none; }
}

/* v90.8 fix: blog 4 columns + calmer corporate hero + pharmacy page */
.blog-grid-v2{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.1rem; }
.blog-card-v2{ height:100%; display:flex; flex-direction:column; }
.blog-card-v2 .news-thumb{ aspect-ratio:16/10; }
.blog-card-v2 .news-body{ display:flex; flex-direction:column; height:100%; }
.blog-card-v2 .btn-link{ margin-top:auto; }

:root{
  --hiba-bg:#f5f8f8;
  --hiba-bg-alt:#edf5f4;
  --hiba-surface:#ffffff;
  --hiba-surface-soft:#f7fbfb;
  --hiba-line:rgba(18,70,78,.10);
  --hiba-text:#274650;
  --hiba-muted:#5e7680;
  --hiba-teal:#2f9aa2;
  --hiba-teal-2:#247b83;
  --hiba-teal-soft:#e7f5f4;
  --hiba-orange:#e58b3a;
  --hiba-orange-2:#c46e1d;
  --hiba-orange-soft:#fff2e5;
}
body{ background:linear-gradient(180deg,#f7faf9 0%,#eef5f4 100%); color:var(--hiba-text); }
.site-main,.content-area,.subpage-shell,.archive-shell-final,.travel-home-section,.tourism-ad-cluster{ background:transparent !important; }
.card,.sidebar-card,.blog-sidebar-card,.travel-home-card,.tourism-ad-card,.subpage-card{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(25,88,97,.08);
  box-shadow:0 16px 42px rgba(23,56,65,.06);
}
.section-kicker,.news-cat,.post-card__meta,.mini-meta{ color:var(--hiba-teal-2)!important; }
.btn-primary,a.btn-primary{ background:linear-gradient(135deg,var(--hiba-orange),#efab67)!important; border-color:transparent!important; }
.btn-secondary,a.btn-secondary{ background:#fff!important; border-color:rgba(36,123,131,.18)!important; color:#183a45!important; }
.btn-secondary:hover,a.btn-secondary:hover{ background:var(--hiba-teal-soft)!important; }

.hero.hero-slider.hero-slider--hiba-inspired{
  padding:34px 0 28px;
  background:linear-gradient(135deg,#edf6f6 0%,#f7fbfb 55%,#fff7ef 100%);
  border-bottom:1px solid rgba(26,89,98,.08);
}
.hero.hero-slider.hero-slider--hiba-inspired::before{
  background:linear-gradient(110deg, rgba(19,60,71,.74) 0%, rgba(26,84,92,.54) 42%, rgba(226,139,58,.16) 100%);
  opacity:1;
}
.hero.hero-slider.hero-slider--hiba-inspired::after{ display:none; }
.hero.hero-slider.hero-slider--hiba-inspired .hero-grid{ gap:28px; align-items:center; }
.hero.hero-slider.hero-slider--hiba-inspired .hero-left{
  max-width:640px;
  padding:26px 28px;
  border-radius:24px;
  background:rgba(17,50,61,.46);
  backdrop-filter: blur(8px);
  box-shadow:0 18px 38px rgba(18,49,59,.12);
}
.hero.hero-slider.hero-slider--hiba-inspired .badge,
.hero.hero-slider.hero-slider--hiba-inspired .hero-kicker{
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.12);
  color:#eef9fa!important;
}
.hero.hero-slider.hero-slider--hiba-inspired h1{ font-size:clamp(2rem,4.2vw,3.35rem); line-height:1.06; letter-spacing:-.03em; }
.hero.hero-slider.hero-slider--hiba-inspired .lead{ max-width:58ch; font-size:1rem; color:rgba(245,250,250,.92)!important; }
.hero.hero-slider.hero-slider--hiba-inspired .hero-actions{ margin-top:20px; gap:12px; }
.hero.hero-slider.hero-slider--hiba-inspired .hero-actions .btn{ min-height:50px; padding:0 18px; border-radius:14px; box-shadow:none!important; }
.hero.hero-slider.hero-slider--hiba-inspired .hero-controls{ margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); }
.hero.hero-slider.hero-slider--hiba-inspired .hero-dot{ width:10px; height:10px; background:rgba(255,255,255,.35); }
.hero.hero-slider.hero-slider--hiba-inspired .hero-dot.is-active{ width:28px; background:var(--hiba-orange); box-shadow:none; }
.hero.hero-slider.hero-slider--hiba-inspired .hero-arrow{ width:42px; height:42px; border-color:rgba(255,255,255,.16); background:rgba(255,255,255,.12); color:#fff; }
.hero.hero-slider.hero-slider--hiba-inspired .hero-visual{ align-self:stretch; }
.hero.hero-slider.hero-slider--hiba-inspired .visual-card{
  border-radius:28px;
  overflow:hidden;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 22px 46px rgba(21,56,65,.10);
}
.hero.hero-slider.hero-slider--hiba-inspired .hero-visual-img,
.hero.hero-slider.hero-slider--hiba-inspired .hero-visual-placeholder{ min-height:460px; height:460px; }

.pharmacy-page-hero{ position:relative; padding:38px 0 20px; background:linear-gradient(135deg,#eff8f7 0%,#fff7ee 100%); }
.pharmacy-page-hero__inner{ max-width:760px; padding:32px; border-radius:28px; background:linear-gradient(135deg,rgba(25,74,84,.95),rgba(36,123,131,.85)); color:#fff; box-shadow:0 20px 48px rgba(18,58,69,.14); }
.pharmacy-page-hero__eyebrow{ display:inline-flex; padding:.45rem .78rem; border-radius:999px; margin-bottom:1rem; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.14); font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pharmacy-page-hero h1{ margin:0 0 .65rem; color:#fff; font-size:clamp(2rem,3.6vw,3rem); }
.pharmacy-page-hero p{ margin:0; color:rgba(255,255,255,.9); }
.pharmacy-page-hero__actions{ display:flex; gap:.8rem; flex-wrap:wrap; margin-top:1.25rem; }
.pharmacy-page-main{ padding:20px 0 42px; }
.pharmacy-page-grid{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:1rem; align-items:start; }
.pharmacy-card,.pharmacy-side-card{ border-radius:24px; }
.pharmacy-card__head{ display:flex; justify-content:space-between; gap:1rem; align-items:flex-end; margin-bottom:1rem; }
.pharmacy-card__head h2{ margin:.35rem 0 0; }
.pharmacy-card__head p{ max-width:520px; margin:0; color:var(--hiba-muted); }
.pharmacy-widget-wrap{ max-width:460px; margin:0 auto; }
.pharmacy-widget-poster{ display:block; margin-bottom:12px; }
.pharmacy-widget-poster img{ display:block; width:100%; border-radius:8px; }
.pharmacy-widget-wrap iframe{ width:100%; height:260px; border:none; border-radius:14px; background:#fff; box-shadow:inset 0 0 0 1px rgba(24,58,69,.06); }
.pharmacy-page-sidebar{ display:grid; gap:1rem; }
.pharmacy-side-card ul{ margin:.85rem 0 0; padding-left:1.1rem; color:var(--hiba-text); }
.pharmacy-side-card li + li{ margin-top:.55rem; }
.pharmacy-side-actions{ display:grid; gap:.75rem; margin-top:1rem; }
.pharmacy-entry-content > *:last-child{ margin-bottom:0; }

@media (max-width:1280px){ .blog-grid-v2{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:1180px){ .blog-grid-v2{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:980px){
  .pharmacy-page-grid{ grid-template-columns:1fr; }
  .hero.hero-slider.hero-slider--hiba-inspired .hero-left{ max-width:none; padding:22px; }
  .hero.hero-slider.hero-slider--hiba-inspired .hero-visual-img,
  .hero.hero-slider.hero-slider--hiba-inspired .hero-visual-placeholder{ min-height:340px; height:340px; }
}
@media (max-width:680px){
  .blog-grid-v2{ grid-template-columns:1fr; }
  .pharmacy-page-hero__inner{ padding:24px 20px; border-radius:22px; }
  .pharmacy-card__head{ flex-direction:column; align-items:flex-start; }
}


/* v90.9 slider simplification */
.hero.hero-slider{
  padding:1rem 0 0 !important;
}
.hero.hero-slider::before{
  background:linear-gradient(180deg, rgba(9,43,64,.34), rgba(9,43,64,.16)) !important;
}
.hero.hero-slider::after{
  background:linear-gradient(180deg, rgba(250,252,252,.96), rgba(244,248,248,1)) !important;
}
.hero.hero-slider .container{
  padding-top:0 !important;
}
.hero.hero-slider .hero-grid{
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr) !important;
  gap:1.5rem !important;
  padding:1rem 0 1.4rem !important;
  align-items:center !important;
}
.hero-left{
  max-width:680px;
}
.hero-left .badge{
  box-shadow:none !important;
  background:rgba(255,255,255,.92) !important;
}
.hero-kicker{
  letter-spacing:.12em;
}
.hero-left h1{
  font-size:clamp(1.9rem,3vw,3.15rem) !important;
  line-height:1.12 !important;
  margin-bottom:.85rem !important;
}
.hero-left .lead{
  font-size:1rem !important;
  max-width:58ch !important;
}
.hero-actions{
  margin-top:1rem !important;
}
.hero-actions .btn{
  min-height:46px;
  padding:.8rem 1.15rem !important;
  box-shadow:none !important;
}
.hero-controls{
  margin-top:.85rem !important;
  align-items:center !important;
}
.hero-dots{
  margin-top:0 !important;
}
.hero-dots button{
  width:9px !important;
  height:9px !important;
}
.hero-dots button.is-active{
  width:22px !important;
  box-shadow:none !important;
}
.hero-arrow{
  width:40px !important;
  height:40px !important;
  border-radius:10px !important;
  box-shadow:none !important;
}
.hero-visual .visual-card{
  min-height:280px !important;
  border-radius:16px !important;
  box-shadow:0 16px 34px rgba(12,31,48,.08) !important;
  backdrop-filter:none !important;
}
.hero-visual-img,
.hero-visual-placeholder{
  height:280px !important;
  min-height:280px !important;
}
@media (max-width: 991px){
  .hero.hero-slider .hero-grid{
    grid-template-columns:1fr !important;
    padding:1rem 0 1.2rem !important;
  }
  .hero-visual{
    order:2 !important;
  }
  .hero-visual .visual-card,
  .hero-visual-img,
  .hero-visual-placeholder{
    height:240px !important;
    min-height:240px !important;
  }
}

/* v91.2 slider final touches: full width, centered 9/12 content, 10 slides, customizable buttons */
.hero.hero-slider.hero-slider--fullwidth{
  padding: 0 !important;
  background: linear-gradient(180deg, #eef5f4 0%, #f7fbfa 100%);
  border-bottom: 1px solid rgba(24,58,69,.08);
}
.hero.hero-slider.hero-slider--fullwidth::before{
  background:
    linear-gradient(90deg, rgba(12,34,44,.44) 0%, rgba(12,34,44,.20) 38%, rgba(12,34,44,.16) 62%, rgba(12,34,44,.40) 100%),
    var(--hero-bg) center/cover no-repeat !important;
  opacity: 1 !important;
}
.hero.hero-slider.hero-slider--fullwidth::after{
  display:none !important;
}
.hero-slider__viewport{
  width:100%;
}
.slider-shell--fullwidth,
.slider-track--dushe-ref,
.slider-track--dushe-ref .slide{
  width:100%;
}
.slider-track--dushe-ref{
  position:relative;
  min-height: clamp(420px, 50vw, 620px);
}
.slider-track--dushe-ref .slide{
  position:relative;
  min-height: inherit;
  display:flex;
  align-items:center;
  background-position:center;
  background-size:cover;
}
.slider-track--dushe-ref .slide > .container{
  width:100%;
}
.slide-content--centered{
  width:min(75%, 1120px);
  margin:0 auto;
  text-align:center;
  padding: clamp(72px, 10vw, 118px) 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.eyebrow--dushe-ref{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  margin-bottom:1rem;
  padding:.55rem .95rem;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.78rem;
}
.hero.hero-slider.hero-slider--fullwidth h1{
  max-width: 12ch;
  margin:0 auto .9rem;
  color:#fff !important;
  font-size: clamp(2.5rem, 4.8vw, 5rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em;
  text-shadow:0 6px 26px rgba(0,0,0,.18);
}
.hero.hero-slider.hero-slider--fullwidth [data-hero-subtitle]{
  max-width: 62ch;
  margin:0 auto;
  color:rgba(255,255,255,.92);
  font-size: clamp(1rem, 1.35vw, 1.16rem);
  line-height:1.7;
}
.slider-actions--dushe-ref{
  display:flex;
  gap:.9rem;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:1.5rem;
}
.slider-actions--dushe-ref .btn{
  min-width: 180px;
  min-height: 50px;
  padding: .92rem 1.4rem !important;
  border-radius: 999px;
  box-shadow: none !important;
}
.slider-actions--dushe-ref .btn[hidden]{ display:none !important; }
.slider-actions--dushe-ref .btn-primary{
  background: linear-gradient(135deg, var(--hiba-orange), #f0a14f) !important;
  color:#fff !important;
  border:0 !important;
}
.slider-actions--dushe-ref .btn-secondary{
  background: rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  color:#fff !important;
  backdrop-filter: blur(8px);
}
.slider-nav--dushe-ref{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  justify-content:space-between;
  padding:0 28px;
  pointer-events:none;
  z-index:3;
}
.slider-nav--dushe-ref button{
  pointer-events:auto;
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(10,28,38,.32);
  color:#fff;
  font-size:28px;
  line-height:1;
  backdrop-filter: blur(8px);
}
.hero-dots--line{
  position:absolute;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  z-index:3;
  display:flex;
  gap:.65rem;
  justify-content:center;
  width:auto;
  margin:0 !important;
}
.hero-dots--line .hero-dot{
  width:10px !important;
  height:10px !important;
  border-radius:999px;
  background:rgba(255,255,255,.38) !important;
}
.hero-dots--line .hero-dot.is-active{
  width:30px !important;
  background:var(--hiba-orange) !important;
}
@media (max-width: 1100px){
  .slide-content--centered{ width:min(84%, 900px); }
  .hero.hero-slider.hero-slider--fullwidth h1{ max-width:14ch; }
}
@media (max-width: 767px){
  .slider-track--dushe-ref{ min-height: 440px; }
  .slide-content--centered{ width:min(92%, 720px); padding: 76px 0 96px; }
  .hero.hero-slider.hero-slider--fullwidth h1{ font-size: clamp(2rem, 9vw, 3rem) !important; max-width:none; }
  .hero.hero-slider.hero-slider--fullwidth [data-hero-subtitle]{ font-size: .98rem; line-height:1.6; }
  .slider-actions--dushe-ref{ gap:.7rem; }
  .slider-actions--dushe-ref .btn{ width:100%; min-width:0; }
  .slider-nav--dushe-ref{ padding:0 14px; }
  .slider-nav--dushe-ref button{ width:44px; height:44px; font-size:24px; }
  .hero-dots--line{ bottom:18px; }
}

/* v91.3 slider cleanup: square shell, bottom-right controls, readable subtitle */
.hero.hero-slider.hero-slider--fullwidth{
  margin-bottom: 0 !important;
}
.slider-shell--dushe-ref,
.slider-shell--fullwidth{
  border-radius: 0 !important;
  box-shadow: none !important;
}
.slider-track--dushe-ref{
  min-height: clamp(360px, 42vw, 520px);
}
.slider-track--dushe-ref .slide{
  min-height: inherit;
}
.hero.hero-slider.hero-slider--fullwidth::before{
  background:
    linear-gradient(90deg, rgba(10,28,36,.62) 0%, rgba(10,28,36,.44) 42%, rgba(10,28,36,.34) 68%, rgba(10,28,36,.48) 100%),
    var(--hero-bg) center/cover no-repeat !important;
}
.slide-content--centered{
  width: min(75%, 1080px);
  padding: clamp(60px, 8vw, 94px) 0 clamp(88px, 10vw, 118px);
}
.hero.hero-slider.hero-slider--fullwidth h1{
  max-width: 13ch;
  margin-bottom: .8rem;
}
.hero.hero-slider.hero-slider--fullwidth [data-hero-subtitle]{
  max-width: 58ch;
  padding: .9rem 1.1rem;
  border-radius: 12px;
  background: rgba(8, 25, 32, .34);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: rgba(255,255,255,.97);
  text-shadow: 0 2px 12px rgba(0,0,0,.22);
}
.slider-actions--dushe-ref .btn{
  border-radius: 10px;
}
.slider-nav--dushe-ref{
  left: auto;
  right: 28px;
  top: auto;
  bottom: 24px;
  transform: none;
  justify-content: flex-end;
  gap: 10px;
  padding: 0;
  width: auto;
  pointer-events: auto;
}
.slider-nav--dushe-ref button{
  width: 46px;
  height: 46px;
  border-radius: 10px;
  background: rgba(10,28,38,.56);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 24px rgba(0,0,0,.16);
}
.hero-dots--line{
  left: 28px;
  right: auto;
  bottom: 40px;
  transform: none;
}
@media (max-width: 767px){
  .slider-track--dushe-ref{ min-height: 380px; }
  .slide-content--centered{
    width: min(92%, 720px);
    padding: 56px 0 92px;
  }
  .hero.hero-slider.hero-slider--fullwidth [data-hero-subtitle]{
    padding: .8rem .9rem;
    font-size: .96rem;
    line-height: 1.65;
  }
  .slider-nav--dushe-ref{
    right: 16px;
    bottom: 16px;
  }
  .slider-nav--dushe-ref button{
    width: 40px;
    height: 40px;
    border-radius: 9px;
  }
  .hero-dots--line{
    left: 16px;
    bottom: 28px;
  }
}

/* v91.4 widen centered slider copy */
.slide-content--centered{
  width: min(88%, 1320px);
}
.hero.hero-slider.hero-slider--fullwidth h1{
  max-width: 16ch;
}
.hero.hero-slider.hero-slider--fullwidth [data-hero-subtitle]{
  max-width: 74ch;
}
@media (max-width: 1100px){
  .slide-content--centered{ width: min(90%, 1120px); }
}
@media (max-width: 767px){
  .slide-content--centered{ width: min(94%, 760px); }
  .hero.hero-slider.hero-slider--fullwidth [data-hero-subtitle]{ max-width: 100%; }
}

/* v91.6 widen slider heading to 10/12 */
.hero.hero-slider.hero-slider--fullwidth h1{
  width: min(83.333%, 1200px);
  max-width: min(83.333%, 1200px);
}
@media (max-width: 767px){
  .hero.hero-slider.hero-slider--fullwidth h1{
    width: 100%;
    max-width: 100%;
  }
}

/* v91.8 blog grid 3 columns */
.blog-grid-v2{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 1180px){
  .blog-grid-v2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 680px){
  .blog-grid-v2{
    grid-template-columns: 1fr !important;
  }
}


/* v91.9 performance + mobile + SEO + blog archive grid */
.blog-grid-v2{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.archive-shell-final--blog{
  padding-top:.15rem;
}
.archive-grid-final--blog .article-card-final{
  height:100%;
  display:flex;
  flex-direction:column;
}
.archive-grid-final--blog .article-card-final__body{
  display:flex;
  flex-direction:column;
  height:100%;
}
.archive-grid-final--blog .btn{
  margin-top:auto;
}
@media (max-width:1360px){
  .blog-grid-v2{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width:1180px){
  .blog-grid-v2,
  .archive-grid-final--blog{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:980px){
  .archive-hero-final__box{
    padding:1.1rem;
    border-radius:18px;
  }
  .archive-hero-final__box h1{
    font-size:clamp(1.8rem,7vw,2.6rem);
    line-height:1.08;
  }
  .hero.hero-slider .slide-content{
    width:min(100%, 94vw) !important;
    padding-inline:12px;
  }
  .hero.hero-slider .slide-content h1{
    font-size:clamp(2rem,7vw,3.2rem) !important;
    line-height:1.02 !important;
  }
  .hero.hero-slider .slide-content p{
    font-size:1rem !important;
    line-height:1.6 !important;
    max-width:60ch !important;
  }
  .slider-actions,
  .hero-actions{
    gap:.7rem !important;
    flex-wrap:wrap;
  }
}
@media (max-width:760px){
  .archive-grid-final--blog,
  .blog-grid-v2{
    grid-template-columns:1fr !important;
  }
  .hero.hero-slider{
    padding-top:.5rem !important;
  }
  .hero.hero-slider .slide-content{
    width:min(100%, 100vw) !important;
  }
  .hero.hero-slider .slide-content h1{
    max-width:100% !important;
    letter-spacing:-.025em;
  }
  .hero.hero-slider .slide-content p{
    max-width:100% !important;
  }
  .slider-actions .btn,
  .hero-actions .btn{
    width:100%;
    justify-content:center;
  }
  .card,
  .sidebar-card,
  .subpage-card,
  .article-card-final{
    border-radius:18px !important;
  }
}


/* v92.0 blog full-width 3-column layout + head newline fix */
.blog-layout-v2{
  grid-template-columns:1fr !important;
}
.blog-layout-v2 > main{
  min-width:0;
}
.blog-grid-v2{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.blog-sidebar-v2{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:1rem;
}
.archive-grid-final--blog{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
@media (max-width:1180px){
  .blog-grid-v2,
  .blog-sidebar-v2,
  .archive-grid-final--blog{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:760px){
  .blog-grid-v2,
  .blog-sidebar-v2,
  .archive-grid-final--blog{
    grid-template-columns:1fr !important;
  }
}


.harbor-language-switcher{
  display:flex;
  align-items:center;
}
.harbor-language-switcher__list{
  display:flex;
  align-items:center;
  gap:.4rem;
  list-style:none;
  margin:0;
  padding:0;
}
.harbor-language-switcher__item{
  margin:0;
}
.harbor-language-switcher__item a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:32px;
  padding:0 .72rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#f7fbfd !important;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  transition:all .22s ease;
}
.harbor-language-switcher__item a:hover,
.harbor-language-switcher__item.is-current a{
  background:#ffffff;
  color:#174257 !important;
  border-color:#ffffff;
}
@media (max-width: 991px){
  .harbor-header__top-inner{
    flex-direction:column;
    align-items:flex-start;
    padding:.55rem 0;
  }
  .harbor-header__top-right{
    flex-wrap:wrap;
    gap:.6rem;
  }
  .harbor-language-switcher__item a{
    min-width:38px;
    height:30px;
    padding:0 .6rem;
  }
}