:root{
  --graphite:#1F2933;
  --fog:#F8FAFC;
  --lime:#A3E635;
  --navy-0:#030712;
  --navy-1:#060B14;
  --navy-2:#0A1220;
  --navy-3:#0E1B2E;

  --bg:var(--navy-1);
  --text:rgba(248,250,252,.94);
  --muted:rgba(248,250,252,.66);
  --border:rgba(248,250,252,.12);
  --glass:rgba(248,250,252,.06);
  --glass2:rgba(248,250,252,.10);

  --text-dark:#0F1720;
  --muted-dark:rgba(15,23,32,.62);
  --border-dark:rgba(31,41,51,.14);
  --card-bg:rgba(15,23,42,.78);
  --card-border:rgba(148,163,184,.24);
  --card-text:#f8fafc;
  --card-muted:rgba(226,232,240,.72);
  --card-chip-bg:rgba(248,250,252,.10);
  --card-chip-border:rgba(148,163,184,.28);
  --card-btn-bg:rgba(248,250,252,.10);
  --card-btn-border:rgba(148,163,184,.32);
  --card-btn-text:#f8fafc;
  --card-btn-hover:rgba(248,250,252,.18);
  --badge-lime-bg:#a3e635;
  --badge-lime-text:#112105;
  --badge-lime-border:rgba(190,242,100,.66);
  /* K-17 (23.09.2026): warn/danger follow the lime badge pattern — low-alpha
     fill, mid-alpha border, saturated text. Tuned for the navy background. */
  --warn-bg:rgba(251,191,36,.12);
  --warn-border:rgba(251,191,36,.38);
  --warn-text:#FBBF24;
  --danger-bg:rgba(248,113,113,.12);
  --danger-border:rgba(248,113,113,.42);
  --danger-text:#F87171;
  --primary:var(--lime);

  --page-bg: var(--navy-1);
  --header-bg:rgba(6,11,20,.72);
  --header-border:rgba(248,250,252,.10);
  --menu-hover-bg:rgba(248,250,252,.08);
  --menu-hover-shadow:rgba(163,230,53,.35);
  --btn-hover-bg:rgba(248,250,252,.10);
  --btn-border:rgba(248,250,252,.14);
  --input-bg:rgba(248,250,252,.06);
  --input-border:rgba(248,250,252,.14);
  --badge-bg:rgba(163,230,53,.12);
  --badge-border:rgba(163,230,53,.22);
  --badge-shadow:rgba(163,230,53,.14);
  --search-bg:rgba(248,250,252,.06);
  --search-border:rgba(248,250,252,.12);
  --tab-bg:rgba(248,250,252,.06);
  --tab-border:rgba(248,250,252,.14);
  --tab-active-bg:rgba(163,230,53,.16);
  --tab-active-border:rgba(163,230,53,.26);
  --chip-bg:rgba(248,250,252,.06);
  --chip-border:rgba(248,250,252,.14);
  --chip-on-bg:rgba(163,230,53,.12);
  --chip-on-border:rgba(163,230,53,.28);
  --kpi-bg:rgba(248,250,252,.05);
  --kpi-border:rgba(248,250,252,.12);
  --lightwrap-bg:rgba(248,250,252,.05);
  --lightwrap-border:rgba(248,250,252,.10);
  --trust-bg:rgba(248,250,252,.05);
  --trust-border:rgba(248,250,252,.12);
  --faq-bg:rgba(248,250,252,.05);
  --faq-border:rgba(248,250,252,.12);
  --summary-bg:rgba(248,250,252,.06);
  --summary-border:rgba(248,250,252,.10);
  --footer-bg:linear-gradient(180deg, rgba(0,0,0,0), rgba(3,7,18,.92));
  --footer-border:rgba(248,250,252,.08);
  --hr-border:rgba(248,250,252,.10);
  --time-bg:rgba(31,41,51,.08);
  --time-border:rgba(31,41,51,.12);
  --icon-bg:rgba(248,250,252,.10);
  --icon-border:rgba(148,163,184,.28);
  --lang-select-bg:rgba(15,23,42,.78);
  --lang-select-text:#f8fafc;
  --lang-option-bg:#0f172a;
  --lang-option-text:#f8fafc;
  --actions-bg:linear-gradient(180deg, rgba(248,250,252,.10), rgba(248,250,252,.05));
  --actions-border:rgba(148,163,184,.34);
  --actions-shadow:0 10px 26px rgba(2,6,23,.28);
  --actions-btn-ghost-bg:rgba(248,250,252,.08);
  --actions-btn-ghost-border:rgba(148,163,184,.34);
  --actions-btn-hover:rgba(248,250,252,.16);
  --actions-primary-from:#8dcf3f;
  --actions-primary-to:#b0e95c;
  --actions-primary-text:#0b1220;
  --ogf-canon-bg:#060B14;
  --ogf-canon-surface:rgba(15,23,42,.86);
  --ogf-canon-surface-muted:rgba(15,23,42,.68);
  --ogf-canon-border:rgba(148,163,184,.26);
  --ogf-canon-text:rgba(248,250,252,.94);
  --ogf-canon-muted:rgba(248,250,252,.66);

  --ogf-shell-graphite:var(--graphite);
  --ogf-shell-fog:var(--fog);
  --ogf-shell-lime:var(--lime);
  --ogf-shell-text:var(--text);
  --ogf-shell-muted:var(--muted);
  --ogf-shell-header-bg:var(--header-bg);
  --ogf-shell-header-border:var(--header-border);
  --ogf-shell-menu-hover-bg:var(--menu-hover-bg);
  --ogf-shell-menu-hover-shadow:var(--menu-hover-shadow);
  --ogf-shell-actions-bg:var(--actions-bg);
  --ogf-shell-actions-border:var(--actions-border);
  --ogf-shell-actions-shadow:var(--actions-shadow);
  --ogf-shell-actions-btn-ghost-bg:var(--actions-btn-ghost-bg);
  --ogf-shell-actions-btn-ghost-border:var(--actions-btn-ghost-border);
  --ogf-shell-actions-btn-hover:var(--actions-btn-hover);
  --ogf-shell-actions-primary-from:var(--actions-primary-from);
  --ogf-shell-actions-primary-to:var(--actions-primary-to);
  --ogf-shell-actions-primary-text:var(--actions-primary-text);
  --ogf-shell-footer-bg:var(--footer-bg);
  --ogf-shell-footer-border:var(--footer-border);
  color-scheme:dark;
}

:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f6fb;
  --text:#0f172a;
  --muted:#566074;
  --border:rgba(15,23,42,.12);
  --glass:rgba(15,23,42,.03);
  --glass2:rgba(15,23,42,.06);
  --text-dark:#0f172a;
  --muted-dark:rgba(15,23,42,.6);
  --border-dark:rgba(15,23,42,.14);
  --card-bg:rgba(255,255,255,.94);
  --card-border:rgba(15,23,42,.12);
  --card-text:#0f172a;
  --card-muted:rgba(15,23,42,.6);
  --card-chip-bg:rgba(15,23,42,.04);
  --card-chip-border:rgba(15,23,42,.12);
  --card-btn-bg:rgba(15,23,42,.06);
  --card-btn-border:rgba(15,23,42,.14);
  --card-btn-text:#0f172a;
  --card-btn-hover:rgba(15,23,42,.12);
  --badge-lime-bg:#84cc16;
  --badge-lime-text:#102005;
  --badge-lime-border:rgba(132,204,22,.62);
  /* K-17 light values (28.09.2026). The site is forced to light since 30.04.2026,
     so these are the ones customers see. The dark text tones fail on white
     (#FBBF24 1.7:1, #F87171 2.8:1). On a white surface: text >= 5.6:1, borders >= 3.1:1 (WCAG AA). */
  --warn-bg:rgba(245,158,11,.12);
  --warn-border:#D97706;
  --warn-text:#92400E;
  --danger-bg:rgba(239,68,68,.10);
  --danger-border:#DC2626;
  --danger-text:#B91C1C;
  --page-bg: #f8fafc;
  --header-bg:rgba(248,250,252,.86);
  --header-border:rgba(15,23,42,.12);
  --menu-hover-bg:rgba(15,23,42,.05);
  --menu-hover-shadow:rgba(163,230,53,.38);
  --btn-hover-bg:rgba(15,23,42,.08);
  --btn-border:rgba(15,23,42,.12);
  --input-bg:rgba(15,23,42,.03);
  --input-border:rgba(15,23,42,.12);
  --badge-bg:rgba(163,230,53,.18);
  --badge-border:rgba(163,230,53,.32);
  --badge-shadow:rgba(163,230,53,.22);
  --search-bg:rgba(255,255,255,.9);
  --search-border:rgba(15,23,42,.12);
  --tab-bg:rgba(15,23,42,.04);
  --tab-border:rgba(15,23,42,.12);
  --tab-active-bg:rgba(163,230,53,.22);
  --tab-active-border:rgba(163,230,53,.38);
  --chip-bg:rgba(15,23,42,.04);
  --chip-border:rgba(15,23,42,.12);
  --chip-on-bg:rgba(163,230,53,.22);
  --chip-on-border:rgba(163,230,53,.36);
  --kpi-bg:rgba(255,255,255,.85);
  --kpi-border:rgba(15,23,42,.12);
  --lightwrap-bg:rgba(255,255,255,.85);
  --lightwrap-border:rgba(15,23,42,.12);
  --trust-bg:rgba(255,255,255,.85);
  --trust-border:rgba(15,23,42,.12);
  --faq-bg:rgba(255,255,255,.85);
  --faq-border:rgba(15,23,42,.12);
  --summary-bg:rgba(15,23,42,.03);
  --summary-border:rgba(15,23,42,.12);
  --footer-bg:linear-gradient(180deg, rgba(255,255,255,0), rgba(241,245,249,.92));
  --footer-border:rgba(15,23,42,.12);
  --hr-border:rgba(15,23,42,.12);
  --time-bg:rgba(15,23,42,.06);
  --time-border:rgba(15,23,42,.12);
  --icon-bg:rgba(15,23,42,.04);
  --icon-border:rgba(15,23,42,.14);
  --lang-select-bg:#ffffff;
  --lang-select-text:#0f172a;
  --lang-option-bg:#ffffff;
  --lang-option-text:#0f172a;
  --actions-bg:linear-gradient(180deg, #ffffff, #f8fafc);
  --actions-border:rgba(15,23,42,.12);
  --actions-shadow:0 8px 20px rgba(15,23,42,.10);
  --actions-btn-ghost-bg:rgba(15,23,42,.03);
  --actions-btn-ghost-border:rgba(15,23,42,.12);
  --actions-btn-hover:rgba(15,23,42,.08);
  --actions-primary-from:#93cf49;
  --actions-primary-to:#b3e25d;
  --actions-primary-text:#0b1220;
  --ogf-canon-bg:#f4f6fb;
  --ogf-canon-surface:rgba(255,255,255,.94);
  --ogf-canon-surface-muted:rgba(255,255,255,.86);
  --ogf-canon-border:rgba(15,23,42,.12);
  --ogf-canon-text:#0f172a;
  --ogf-canon-muted:#566074;
}

/* -- Style C · Fairway: semantic tokens (D-2201 · DIR-GB-css-fairway-1110-001 FAZ 1) ------------
   Values: claude/mimari_v2_1_1/GB_CSS_C_Fairway_tokens_v1.md section 4, copied as written; only
   --acc is bound to the Layer-1 --lime above (same #A3E635), so that value is defined once.
   Components and page <style> blocks read var(--...) only; raw colour values live in this file.
   Document rules 2 and 7: lime is never text on a light surface (use --acc-text); --ink3 is for
   placeholders, icons and dividers only (below AA), text that carries information uses --ink2.

   Precedence is deliberate (#120 FAZ 0 name-collision plan). This file loads before the page
   <style>, and some pages still define a same-named variable with their own meaning:
   gp/reservation.php --ink/--line/--warn, gp/reservation-success.php --line,
   ogf/home.php + ogf/index.php --gap/--btn-bg. Until a page's own phase converts it, the page
   value must keep winning, so the light block and the OS-dark block stay at :root weight
   (0,1,0): :where() around :not() keeps the document's match and adds no weight. A browser
   without :where() drops only the OS-dark block and stays light. The explicit
   :root[data-theme="dark"] block loses to those pages' own [data-theme="dark"] rules because
   they come later. The two dark blocks must stay identical: ops/check-dark-tokens-site.sh. */
:root{
  --s0:#edf2ed; --s1:#ffffff; --s2:#f4f8f4;
  --ink:#163025; --ink2:#5a6e62; --ink3:#8a9a90; --line:#d5e0d8;
  --acc:var(--lime); --acc-ink:#163025; --acc-soft:#eaf6d4; --acc-text:#4a7a0c;
  --warn:#9a5b00; --warn-soft:#fcefd8;
  --btn-bg:var(--acc); --btn-ink:var(--acc-ink);
  --ubub:#163025; --uink:#eef6e8; --abub:var(--s1); --abub-line:var(--line);
  --nav-bg:#163025; --nav-ink:#eaf3e4;
  --r-s:6px; --r-m:12px; --r-l:16px;
  --sh:0 1px 2px rgba(22,48,37,.08),0 6px 18px rgba(22,48,37,.07);
  --pad:14px; --gap:12px;
  --f:Manrope,"Segoe UI",Roboto,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:where(:not([data-theme="light"])){
    --s0:#0c1510; --s1:#13201a; --s2:#192a21;
    --ink:#e2ede5; --ink2:#9cb0a3; --ink3:#6f8578; --line:#25372d;
    --acc-ink:#102014; --acc-soft:#22341c; --acc-text:#b9ef62;
    --warn:#f0b35a; --warn-soft:#3a2c14;
    --ubub:#2a4a37; --uink:#eef6e8; --nav-bg:#08100c;
    --sh:0 1px 2px rgba(0,0,0,.3);
  }
}
:root[data-theme="dark"]{
    --s0:#0c1510; --s1:#13201a; --s2:#192a21;
    --ink:#e2ede5; --ink2:#9cb0a3; --ink3:#6f8578; --line:#25372d;
    --acc-ink:#102014; --acc-soft:#22341c; --acc-text:#b9ef62;
    --warn:#f0b35a; --warn-soft:#3a2c14;
    --ubub:#2a4a37; --uink:#eef6e8; --nav-bg:#08100c;
    --sh:0 1px 2px rgba(0,0,0,.3);
}
/* -- Fairway extensions for the shared shell (#120 FAZ 2) ---------------------------------------
   The document has no muted text, divider or fill for the dark --nav-bg surface the footer sits
   on, and no scrim. Derived from document values only: --nav-ink2 is the document's dark-theme
   --ink2, the line/fills are --nav-ink (#eaf3e4) at low alpha, the scrim is the dark --nav-bg
   (#08100c) at 35%. They sit on --nav-bg (or over the page) in both themes, so no dark copy.
   Shell rules must not read --btn-bg/--btn-ink or --gap yet: ogf/home.php and ogf/index.php
   (the site home) still redefine them with their old meaning, so the drawer's primary button
   reads --acc/--acc-ink (the values --btn-bg/--btn-ink point to) until FAZ 3 converts them. */
:root{
  --nav-ink2:#9cb0a3;
  --nav-line:rgba(234,243,228,.16);
  --nav-fill:rgba(234,243,228,.06);
  --nav-fill-hover:rgba(234,243,228,.14);
  --scrim:rgba(8,16,12,.35);
}
/* Light island: the logo bar and the drawer stay a light surface in every theme, because
   golfbelek-logo.png (in both) is an opaque white RGB image; before #120 they were hard-coded
   white too. gp/reservation(-success).php carry this header without the forced-light script,
   so OS-dark visitors do reach the dark tokens there. Same names and the same values as the
   light block (ops/check-dark-tokens-site.sh checks it). Drop this block once the logo has a
   transparent background; header and drawer then follow the theme. */
.gb-logo-bar,.gb-drawer{
  --s1:#ffffff; --s2:#f4f8f4; --ink:#163025; --ink2:#5a6e62; --line:#d5e0d8;
  --acc-ink:#163025; --acc-soft:#eaf6d4; --acc-text:#4a7a0c; --warn:#9a5b00; --warn-soft:#fcefd8;
}

html[data-theme] body,
body.ogf-theme-page{
  background:var(--page-bg) !important;
  color:var(--text) !important;
}

html[data-theme]{
  --bg:var(--ogf-canon-bg) !important;
  --surface:var(--ogf-canon-surface) !important;
  --surface-muted:var(--ogf-canon-surface-muted) !important;
  --border:var(--ogf-canon-border) !important;
  --text:var(--ogf-canon-text) !important;
  --muted:var(--ogf-canon-muted) !important;
}

#ogfSiteHeader.ogf-shell-header{
  position:sticky;
  top:0;
  z-index:80;
  background:var(--ogf-shell-header-bg);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--ogf-shell-header-border);
  font-family:"Manrope","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.ogf-shell-container{
  max-width:1360px;
  margin:0 auto;
  padding:0 24px;
}

.ogf-shell-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:92px;
  gap:14px;
  flex-wrap:nowrap;
}

.ogf-shell-brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  font-size:18px;
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:18px;
  text-decoration:none;
  color:inherit;
}

.ogf-shell-logo-img{
  width:auto;
  height:64px;
  max-width:min(42vw,380px);
  object-fit:contain;
  object-position:left center;
  display:block;
  flex:0 0 auto;
}

.ogf-shell-navlinks{
  display:flex;
  gap:14px;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  white-space:nowrap;
  flex:1 1 auto;
  min-width:0;
  font-weight:650;
  color:var(--ogf-shell-muted);
  font-size:12px;
}

.ogf-shell-navlinks a{
  padding:7px 9px;
  border-radius:12px;
  color:inherit;
  text-decoration:none;
}

.ogf-shell-navlinks .ogf-shell-nav-static{
  padding:7px 9px;
  border-radius:12px;
  opacity:.82;
}

.ogf-shell-navlinks a:hover{
  color:var(--ogf-shell-text);
  background:var(--ogf-shell-menu-hover-bg);
  box-shadow:inset 0 -2px 0 var(--ogf-shell-menu-hover-shadow);
}

.ogf-shell-actions{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:nowrap;
  justify-content:flex-end;
  flex:0 0 auto;
  width:max-content;
  min-width:max-content;
  white-space:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  max-width:none;
  padding:7px;
  border-radius:16px;
  border:1px solid var(--ogf-shell-actions-border);
  background:var(--ogf-shell-actions-bg);
  box-shadow:var(--ogf-shell-actions-shadow);
  backdrop-filter:blur(10px);
}

#ogfSiteHeader .ogf-shell-actions,
#ogfSiteHeader #headerAuth{
  flex-wrap:nowrap !important;
  align-items:center !important;
}

#ogfSiteHeader .ogf-shell-actions > *,
#ogfSiteHeader #headerAuth > *{
  flex:0 0 auto !important;
}

#ogfSiteHeader .ogf-shell-langSelect{
  flex:0 0 138px;
  width:138px;
  min-width:138px;
  max-width:138px;
}

#ogfSiteHeader .ogf-shell-themeToggle{
  flex:0 0 auto;
}

.ogf-shell-actions > *{
  flex:0 0 auto;
}

#headerAuth{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
  flex:0 0 auto;
  min-width:max-content;
  white-space:nowrap;
}

#headerAuth > *{
  flex:0 0 auto;
}

#headerAccount{
  flex-wrap:nowrap;
  white-space:nowrap;
}

.ogf-shell-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px;
  border-radius:12px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1px;
  border:1px solid var(--ogf-shell-actions-btn-ghost-border);
  color:var(--ogf-shell-text);
  background:var(--ogf-shell-actions-btn-ghost-bg);
  text-decoration:none;
}

.ogf-shell-btn:hover{
  background:var(--ogf-shell-actions-btn-hover);
}

.ogf-shell-btn-primary{
  background:linear-gradient(135deg, var(--ogf-shell-actions-primary-from), var(--ogf-shell-actions-primary-to));
  color:var(--ogf-shell-actions-primary-text);
  border:1px solid var(--acc);
  box-shadow:var(--sh);
}

.ogf-shell-btn-primary:hover{
  filter:saturate(1.04) brightness(1.02);
  box-shadow:var(--sh);
}

.ogf-shell-langSelect{
  min-width:138px;
  padding:9px 34px 9px 11px;
  border-radius:12px;
  border:1px solid var(--ogf-shell-actions-btn-ghost-border);
  background:var(--lang-select-bg);
  color:var(--lang-select-text);
  font-size:12px;
  font-weight:700;
  -webkit-text-fill-color:var(--lang-select-text);
  appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--ogf-shell-muted) 50%),
    linear-gradient(135deg, var(--ogf-shell-muted) 50%, transparent 50%);
  background-position:
    calc(100% - 16px) calc(50% - 2px),
    calc(100% - 10px) calc(50% - 2px);
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
}

.ogf-shell-langSelect option{
  color:var(--lang-option-text);
  background:var(--lang-option-bg);
}

.ogf-shell-langSelect:focus,
.ogf-shell-themeToggle:focus{
  outline:none;
  border-color:var(--ogf-shell-lime);
  box-shadow:0 0 0 3px var(--acc-soft);
}

.ogf-shell-welcome{
  font-size:11px;
  color:var(--ogf-shell-muted);
  font-weight:700;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid var(--ogf-shell-actions-btn-ghost-border);
  background:var(--ogf-shell-actions-btn-ghost-bg);
}

.ogf-shell-themeToggle{
  width:40px;
  height:40px;
  padding:0;
  border-radius:12px;
  border:1px solid var(--ogf-shell-actions-btn-ghost-border);
  background:var(--ogf-shell-actions-btn-ghost-bg);
  color:var(--ogf-shell-text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.ogf-shell-themeToggle:hover{
  background:var(--ogf-shell-actions-btn-hover);
  transform:translateY(-1px);
}

.ogf-shell-themeToggle svg{
  width:18px;
  height:18px;
  display:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

:root[data-theme="light"] .ogf-shell-themeToggle .icon-moon{display:block}
:root:not([data-theme="light"]) .ogf-shell-themeToggle .icon-sun{display:block}

.ogf-shell-siteFooter{
  margin-top:28px;
  padding:52px 0 22px;
  border-top:1px solid var(--nav-line);
  background:var(--nav-bg);
  color:var(--nav-ink);
  font-family:var(--f);
}

#ogfSiteFooter .ogf-shell-container{
  max-width:1220px;
  display:grid;
  gap:24px;
}

.ogf-shell-footerTop{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr .95fr;
  gap:24px;
  padding-bottom:14px;
  border-bottom:1px solid var(--nav-line);
}

.ogf-shell-footerBlock{
  min-width:0;
}

.ogf-shell-footerBlockTitle,
.ogf-shell-footerLinksTitle,
.ogf-shell-footerMegaTitle,
.ogf-shell-footerMegaHeading{
  margin:0 0 10px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.ogf-shell-footerBlockTitle{
  color:var(--nav-ink2);
}

.ogf-shell-footerText{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:var(--nav-ink);
}

.ogf-shell-footerTextMuted{
  color:var(--nav-ink2);
}

.ogf-shell-footerEyebrow{
  font-size:16px;
  font-weight:800;
}

.ogf-shell-footerSectionLead{
  margin-top:12px;
}

.ogf-shell-footerContactLine{
  margin:0;
  font-size:14px;
  line-height:1.6;
}

.ogf-shell-footerContactLine a{
  color:var(--nav-ink);
  text-decoration:none;
}

.ogf-shell-footerContactLine a:hover{
  color:var(--acc);
}

.ogf-shell-footerSocials{
  margin-top:6px;
  display:grid;
  gap:10px;
}

.ogf-shell-footerSocials a{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:38px;
  padding:0 12px;
  border-radius:var(--r-m);
  border:1px solid var(--nav-line);
  background:var(--nav-fill);
  color:var(--nav-ink);
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}

.ogf-shell-footerSocials a:hover{
  background:var(--nav-fill-hover);
}

.ogf-shell-footerSocials svg{
  width:16px;
  height:16px;
  display:block;
  fill:currentColor;
}

.ogf-shell-footerFeatureList{
  margin:10px 0 0;
  padding-left:18px;
  font-size:14px;
  line-height:1.6;
  color:var(--nav-ink);
}

.ogf-shell-footerFeatureList li{
  margin-bottom:4px;
}

.ogf-shell-footerTrustLine{
  margin-top:12px;
  font-weight:700;
}

.ogf-shell-payRow{
  margin-top:8px;
}

.ogf-shell-payMethodsImage{
  display:block;
  width:min(100%,768px);
  height:auto;
  border-radius:var(--r-s);
  border:1px solid var(--nav-line);
}

.ogf-shell-footerLinkGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  padding-bottom:14px;
  border-bottom:1px solid var(--nav-line);
}

.ogf-shell-footerLinksTitle{
  letter-spacing:.04em;
  color:var(--nav-ink2);
}

.ogf-shell-footerLinks a{
  display:block;
  padding:4px 0;
  font-size:14px;
  line-height:1.45;
  color:var(--nav-ink);
  text-decoration:none;
}

.ogf-shell-footerLinks a:hover{
  color:var(--acc);
}

.ogf-shell-footerMegaHeading{
  margin:0;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  color:var(--nav-ink2);
  text-transform:uppercase;
}

.ogf-shell-footerMega{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.ogf-shell-footerMegaTitle{
  margin:0 0 8px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--nav-ink2);
}

.ogf-shell-footerList{
  margin:0;
  padding:0;
  list-style:none;
  columns:2;
  column-gap:18px;
}

.ogf-shell-footerList li{
  break-inside:avoid;
  margin:0;
  padding:3px 0;
  font-size:13px;
  line-height:1.4;
  color:var(--nav-ink);
}

.ogf-shell-footerList a{
  color:var(--nav-ink);
  text-decoration:none;
}

.ogf-shell-footerList a:visited{
  color:var(--nav-ink);
}

.ogf-shell-footerList a:hover{
  color:var(--acc);
}

/* Ranked course list in footer */
.ogf-shell-footerList--ranked{
  columns:2;
  column-gap:20px;
  counter-reset:none;
}
.ogf-shell-footerList--ranked li{
  display:flex;
  align-items:center;
  gap:8px;
  padding:4px 0;
}
.ogf-shell-footerList--ranked .foot-rank{
  display:none;
}
.ogf-shell-footerList--ranked li:first-child .foot-rank{
  background:var(--nav-fill-hover);
  color:var(--acc);
}
.ogf-shell-footerList--ranked li:nth-child(2) .foot-rank{
  background:var(--nav-fill);
  color:var(--acc);
}
.ogf-shell-footerList--ranked li:nth-child(3) .foot-rank{
  background:var(--nav-fill);
  color:var(--nav-ink2);
}

.ogf-shell-footerBrands{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  align-items:center;
  padding:14px 0;
  border-top:1px solid var(--nav-line);
  border-bottom:1px solid var(--nav-line);
}

.ogf-shell-footerBrand{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:2px 4px;
}

.ogf-shell-footerBrand img{
  max-width:100%;
  max-height:34px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
  filter:grayscale(1) brightness(0) invert(1);
  opacity:.9;
}

.ogf-shell-footerLegal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--nav-ink2);
  font-size:12px;
}

.ogf-shell-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:980px){
  .ogf-shell-navlinks{display:none}
  .ogf-shell-nav{
    height:auto;
    padding:14px 0;
    flex-wrap:nowrap;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
  }
  .ogf-shell-actions{
    width:max-content;
    min-width:max-content;
    max-width:none;
    justify-content:flex-start;
    padding:8px;
    border-radius:14px;
  }
  #ogfSiteHeader .ogf-shell-langSelect{
    flex:0 0 138px;
    width:138px;
    min-width:138px;
    max-width:138px;
  }
  .ogf-shell-logo-img{height:60px;max-width:min(84vw,360px)}
  .ogf-shell-footerTop{grid-template-columns:1fr 1fr}
  .ogf-shell-footerLinkGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ogf-shell-footerMega{grid-template-columns:1fr}
  .ogf-shell-footerBrands{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:640px){
  .ogf-shell-footerTop{grid-template-columns:1fr}
  .ogf-shell-footerLinkGrid{grid-template-columns:1fr}
  .ogf-shell-footerList{columns:1}
  .ogf-shell-footerBrands{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ogf-shell-footerLegal{flex-direction:column;align-items:flex-start}
}

/* ══ GolfBelek Logo Bar + Drawer ══ */
.gb-logo-bar{background:var(--s1);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.gb-logo-bar__inner{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;max-width:1400px;margin:0 auto;gap:8px}
.gb-logo-bar__brand{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.gb-logo-bar__logo-img{height:48px;width:auto;display:block}
@media(max-width:767px){.gb-logo-bar__logo-img{height:36px}}
.gb-drawer__logo-img{height:28px;width:auto;display:block}
.gb-logo-bar__nav{display:none;align-items:center;gap:0}
.gb-logo-bar__nav-link{font-size:13px;font-weight:500;color:var(--ink);padding:6px 10px;border-radius:var(--r-s);text-decoration:none;transition:color .15s}
.gb-logo-bar__nav-link:hover{color:var(--acc-text)}
.gb-logo-bar__nav-link--active{color:var(--acc-text);font-weight:600}
.gb-logo-bar__actions{display:flex;align-items:center;gap:6px}
.gb-cart-btn{position:relative;width:38px;height:38px;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--acc-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;color:var(--acc-text);padding:0}
.gb-cart-btn:hover,.gb-cart-btn.active{border-color:var(--acc-text)}
.gb-cart-badge{position:absolute;top:-7px;right:-7px;background:var(--acc);color:var(--acc-ink);border-radius:20px;font-size:10px;font-weight:700;padding:2px 5px;min-width:20px;text-align:center;border:2.5px solid var(--s1);display:none}
.gb-cart-btn.has-items .gb-cart-badge{display:block}
.gb-logo-bar__btn-signin{font-size:13px;font-weight:500;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-s);padding:5px 12px;background:var(--s1);text-decoration:none;white-space:nowrap;transition:background .12s}
.gb-logo-bar__btn-signin:hover{background:var(--s2)}
.gb-logo-bar__burger{width:28px;height:28px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--s1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:0}
.gb-logo-bar__burger span{display:block;width:13px;height:1.5px;background:var(--ink2);border-radius:2px}
.gb-logo-bar__langs{display:none;align-items:center;gap:1px}
.gb-logo-bar__lang{font-size:11px;font-weight:500;color:var(--ink2);text-decoration:none;padding:4px 5px;border-radius:var(--r-s);transition:background .12s,color .12s}
.gb-logo-bar__lang:hover{background:var(--s2);color:var(--ink)}
.gb-logo-bar__lang--active{color:var(--acc-text);font-weight:600}
/* Global Cart Button */
.gb-cart-btn{position:relative;width:36px;height:36px;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--acc-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;color:var(--acc-text);padding:0}
.gb-cart-btn:hover,.gb-cart-btn.active{border-color:var(--acc-text)}
.gb-cart-badge{position:absolute;top:-6px;right:-6px;background:var(--acc);color:var(--acc-ink);border-radius:20px;font-size:10px;font-weight:700;padding:2px 5px;min-width:18px;text-align:center;border:2px solid var(--s1);display:none}
.gb-cart-btn.has-items .gb-cart-badge{display:block}
@media(min-width:768px){
  .gb-logo-bar__nav{display:flex}
  .gb-logo-bar__langs{display:flex}
}
/* 11.10.2026: phones. Logo + cart + Sign In + Register + burger were ~425px wide, so on a 390px
   phone the bar overflowed by ~17px (burger clipped, page wider than the screen). The logo may
   now shrink and the buttons are tighter; nothing is hidden. */
@media(max-width:420px){
  .gb-logo-bar__inner{padding:8px 12px;gap:6px}
  .gb-logo-bar__brand{flex-shrink:1;min-width:0}
  .gb-logo-bar__logo-img{height:30px;max-width:100%;object-fit:contain;object-position:left center}
  .gb-logo-bar__actions{gap:4px}
  .gb-logo-bar__btn-signin{padding:5px 8px;font-size:12px}
}
@media(max-width:360px){
  .gb-logo-bar__logo-img{height:26px}
  .gb-logo-bar__btn-signin{padding:4px 7px}
}

/* Drawer */
.gb-drawer-overlay{position:fixed;inset:0;background:var(--scrim);z-index:99998;opacity:0;transition:opacity .3s}
.gb-drawer-overlay--open{opacity:1}
.gb-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--s1);z-index:99999;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:var(--sh)}
.gb-drawer--open{transform:translateX(0)}
.gb-drawer__head{padding:13px 14px;border-bottom:0.5px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.gb-drawer__logo{font-size:13px;font-weight:700;color:var(--ink)}
.gb-drawer__logo span{color:var(--acc-text)}
.gb-drawer__close{width:26px;height:26px;border-radius:var(--r-s);background:var(--s2);border:none;font-size:13px;color:var(--ink2);display:flex;align-items:center;justify-content:center;cursor:pointer}
.gb-drawer__section{border-bottom:0.5px solid var(--line)}
.gb-drawer__label{font-size:9px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink2);padding:7px 13px 3px}
.gb-drawer__item{display:flex;align-items:center;gap:9px;padding:8px 13px;text-decoration:none;color:inherit;transition:background .12s}
.gb-drawer__item:hover{background:var(--s2)}
.gb-drawer__item--highlight{background:var(--acc-soft);border-radius:var(--r-s);margin:0 6px 4px}
.gb-drawer__item--highlight:hover{background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc)}
.gb-drawer__ico{width:26px;height:26px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gb-drawer__ico--green{background:var(--acc-soft);color:var(--acc-text)}
.gb-drawer__ico--blue{background:var(--s2);color:var(--ink2)}
.gb-drawer__ico--amber{background:var(--warn-soft);color:var(--warn)}
.gb-drawer__title{font-size:12px;font-weight:500;color:var(--ink)}
.gb-drawer__sub{font-size:10px;color:var(--ink2)}
.gb-drawer__auth{padding:12px}
.gb-drawer__btn-signin{display:block;width:100%;height:34px;background:var(--acc);color:var(--acc-ink);border:none;border-radius:var(--r-s);font-size:12px;font-weight:500;margin-bottom:6px;text-align:center;line-height:34px;text-decoration:none}
.gb-drawer__btn-register{display:block;width:100%;height:34px;background:var(--s1);color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--r-s);font-size:12px;font-weight:500;margin-bottom:8px;text-align:center;line-height:31px;text-decoration:none}
.gb-drawer__langs{display:flex;gap:5px}
.gb-drawer__lang{flex:1;height:27px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--s2);font-size:10px;font-weight:500;color:var(--ink2);text-align:center;line-height:25px;text-decoration:none}
.gb-drawer__lang--active{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
/* Hide old header styles */
.ogf-shell-header{display:none!important}

