/* Doburca Spor Kulubu - production stability layer 2026-10-15 */
:root{--ds-navy:#07111f;--ds-navy-2:#0d1c2e;--ds-blue:#0e5bd8;--ds-lime:#b9ff66;--ds-paper:#f6f8fb;--ds-white:#fff;--ds-ink:#101826;--ds-muted:#667085;--ds-line:#dfe5ec;--ds-container:1320px;--ds-shadow:0 20px 55px rgba(7,17,31,.10)}
html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;background:var(--ds-paper);color:var(--ds-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}.container{width:min(var(--ds-container),calc(100% - 48px));margin-inline:auto}img{max-width:100%;height:auto}a,button,input,select,textarea{font-family:inherit}.section,.content,.ach-principles,.ach-history,.sponsor5-form-section,.partners-showcase,.partners-strip{position:relative}.section[id],section[id]{scroll-margin-top:120px}

/* Header / navigation: one consistent system across all pages */
.header{position:fixed!important;inset:0 0 auto 0!important;z-index:1000!important;background:linear-gradient(180deg,rgba(5,13,23,.78),rgba(5,13,23,0))!important;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease!important}.header.scrolled{background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(16,24,38,.08)!important;box-shadow:0 8px 28px rgba(7,17,31,.06)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-row{height:92px!important;display:flex!important;align-items:center!important;gap:26px!important}.brand.brand-logo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:112px!important;color:#fff!important;text-decoration:none!important}.header.scrolled .brand.brand-logo{color:var(--ds-ink)!important}.brand-crest{width:56px!important;height:56px!important;object-fit:contain!important}.brand-name{display:block!important;font-size:9px!important;line-height:1.1!important;font-weight:800!important;white-space:nowrap!important}.nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:23px!important;color:#fff!important;font-size:12px!important;font-weight:750!important}.header.scrolled .nav{color:var(--ds-ink)!important}.nav>a{position:relative!important;display:inline-flex!important;align-items:center!important;min-height:42px!important;white-space:nowrap!important}.nav>a:not(.cta):after{content:""!important;position:absolute!important;left:0!important;right:100%!important;bottom:5px!important;height:2px!important;background:var(--ds-lime)!important;transition:right .18s ease!important}.header.scrolled .nav>a:not(.cta):after{background:var(--ds-blue)!important}.nav>a:hover:after,.nav>a.active:after,.nav>a.is-current:after{right:0!important}.nav .cta{padding:0 18px!important;border-radius:999px!important;background:var(--ds-lime)!important;color:var(--ds-navy)!important;font-weight:850!important}.mobile-nav-head{display:none!important}.menu-btn{display:none!important}

/* Shared hero safety: prevent overlapping and malformed headings */
.page-hero,.news-hero,.sports-hero,.ach-hero,.legal-hero,.sponsor-hero{overflow:hidden}.page-hero h1,.news-hero h1,.sports-hero h1,.ach-hero h1,.legal-hero h1,.sponsor5-hero .ach-hero-copy h1{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;text-wrap:balance}.sports-hero{padding-top:164px!important}.sports-hero-inner{min-width:0}.sports-hero h1{max-width:900px}.ach-hero{min-height:720px!important}.ach-hero-inner{min-height:720px!important;padding-top:150px!important;padding-bottom:84px!important}.sponsor5-hero .ach-hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr)!important;gap:64px!important}.sponsor5-hero .ach-hero-copy{max-width:820px!important;min-width:0}.sponsor5-hero .ach-hero-copy h1{font-family:Inter,Arial,sans-serif!important;font-size:clamp(50px,5.8vw,84px)!important;font-weight:800!important;line-height:1.01!important;letter-spacing:-.055em!important;text-transform:none!important;max-width:12ch!important;margin:18px 0 22px!important}.sponsor5-hero .ach-hero-copy p{font-size:17px!important;line-height:1.72!important;max-width:650px!important;margin:0!important}.sponsor5-hero .ach-hero-note{min-width:0!important;padding:25px!important}.sponsor5-hero .ach-hero-note strong{line-height:1.2!important}

/* Sponsor presentation */
.partners-strip,.partners-showcase{background:#fff!important;border-block:1px solid #e5eaf0!important}.partners-strip{padding:56px 0!important}.partners-showcase{padding:72px 0!important}.partners-strip[hidden],.partners-showcase[hidden]{display:none!important}.partners-strip-head,.partners-showcase-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:32px!important;margin-bottom:26px!important}.partners-strip-head h2,.partners-showcase-head h2{font-family:Inter,Arial,sans-serif!important;margin:8px 0 0!important;font-size:clamp(30px,3.3vw,44px)!important;line-height:1.07!important;letter-spacing:-.04em!important;text-transform:none!important}.partners-showcase-head p{max-width:520px!important;margin:0!important;color:var(--ds-muted)!important;line-height:1.7!important}.partners-logo-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.partner-logo-card{min-width:0!important;min-height:142px!important;padding:22px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1px solid #e1e7ed!important;border-radius:18px!important;background:#fbfcfe!important;box-shadow:none!important;overflow:hidden!important}.partner-logo-card img{width:auto!important;max-width:min(180px,85%)!important;height:62px!important;object-fit:contain!important;margin:0 0 12px!important}.partner-logo-card span{font-size:9px!important;line-height:1.2!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-weight:850!important;color:var(--ds-blue)!important}.partner-logo-card strong{margin-top:5px!important;font-size:13px!important;line-height:1.3!important;color:var(--ds-navy)!important}.partner-logo-fallback{width:100%!important;min-height:62px!important;display:grid!important;place-items:center!important;margin-bottom:12px!important;border-radius:12px!important;background:#eef3f8!important;color:var(--ds-navy)!important;font-weight:850!important;font-size:14px!important;padding:10px!important}

/* Sponsorship content rhythm */
.ach-principles,.ach-history,.sponsor5-form-section{padding:84px 0!important}.ach-section-head{gap:42px!important;margin-bottom:34px!important}.ach-section-head h2{margin-top:10px!important}.ach-principle-grid{gap:16px!important}.ach-principle-grid article{min-width:0!important;padding:28px!important;border-radius:20px!important}.ach-principle-grid h3{line-height:1.14!important}.ach-feature-grid{gap:52px!important}.sponsor5-form-layout{gap:48px!important}.sponsor5-form-intro{min-width:0!important}.sponsor5-form{min-width:0!important;border-radius:22px!important}.sponsor5-grid input,.sponsor5-grid select,.sponsor5-grid textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.sponsor5-consent{align-items:flex-start!important}.sponsor5-submit{width:100%!important}

/* Fixture / Results: robust desktop grid */
.fixture-jump{position:sticky!important;top:92px!important;z-index:55!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--ds-line)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fixture-jump-inner{display:flex!important;gap:8px!important;overflow:auto!important;padding:12px 0!important;scrollbar-width:none}.fixture-jump-inner::-webkit-scrollbar{display:none}.fixture-jump-inner a{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 15px!important;border-radius:999px!important;background:#eef2f6!important;color:#415064!important;font-size:11px!important;font-weight:800!important}.fixture-jump-inner a.is-active{background:var(--ds-navy)!important;color:#fff!important}.match-hub-shell{padding:72px 0 54px!important}.next-match-pro{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)!important;min-width:0!important;border-radius:24px!important;overflow:hidden!important;box-shadow:var(--ds-shadow)!important}.next-match-media,.next-match-board{min-width:0!important}.next-match-media{min-height:390px!important}.next-match-board{padding:34px!important}.club-vs-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:18px!important}.club-side{min-width:0!important}.club-side strong{overflow-wrap:anywhere!important}.fixture-pro-list{display:grid!important;gap:12px!important}.fixture-pro-row{display:grid!important;grid-template-columns:96px 165px minmax(360px,1fr) minmax(160px,.5fr) 105px!important;align-items:center!important;gap:18px!important;min-width:0!important;padding:20px 22px!important;border:1px solid #e1e7ed!important;border-radius:16px!important;background:#fff!important}.fixture-clubs{min-width:0!important}.fixture-clubs>div{min-width:0!important}.fixture-clubs strong{overflow-wrap:anywhere!important}.result-pro-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.result-pro-card{min-width:0!important;border-radius:18px!important}.result-scoreline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:12px!important}.standings-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.standings-pro{min-width:720px!important}.match-results-section{padding:80px 0!important}.standings-section{padding:80px 0!important}

/* Forms and general content safety */
input,select,textarea,button{max-width:100%}.grid2,.form-grid,.sponsor5-grid-2{min-width:0}.footer{margin-top:0!important}.footer-grid>*{min-width:0}.footer a{overflow-wrap:anywhere}.mobile-quickbar{z-index:900!important}

@media(max-width:1180px){
  .header-row{gap:18px!important}.nav{gap:16px!important;font-size:11px!important}.brand.brand-logo{min-width:96px!important}.brand-crest{width:51px!important;height:51px!important}
  .fixture-pro-row{grid-template-columns:84px 145px minmax(300px,1fr) 140px 90px!important;gap:12px!important;padding:18px!important}
  .sponsor5-hero .ach-hero-inner{grid-template-columns:1fr!important;gap:28px!important}.sponsor5-hero .ach-hero-note{max-width:620px!important;margin:0!important}
}

@media(max-width:1050px){
  .container{width:min(var(--ds-container),calc(100% - 34px))}.header{background:rgba(7,17,31,.92)!important}.header.scrolled{background:rgba(255,255,255,.98)!important}.header-row{height:82px!important}.menu-btn{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;margin-left:auto!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;position:relative!important;z-index:1002!important}.header.scrolled .menu-btn{border-color:#dbe2ea!important;background:#f5f7fa!important;color:var(--ds-navy)!important}.menu-btn>span,.menu-btn>span:before,.menu-btn>span:after{display:block!important;width:20px!important;height:2px!important;background:currentColor!important;border-radius:2px!important;content:""!important;transition:.2s ease!important}.menu-btn>span{position:relative!important}.menu-btn>span:before{position:absolute!important;top:-6px!important}.menu-btn>span:after{position:absolute!important;top:6px!important}.menu-btn[aria-expanded="true"]>span{background:transparent!important}.menu-btn[aria-expanded="true"]>span:before{top:0!important;transform:rotate(45deg)!important}.menu-btn[aria-expanded="true"]>span:after{top:0!important;transform:rotate(-45deg)!important}
  .nav{position:fixed!important;inset:0!important;z-index:1001!important;margin:0!important;padding:calc(104px + env(safe-area-inset-top)) 24px calc(34px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;background:#07111f!important;color:#fff!important;overflow-y:auto!important;transform:translate3d(100%,0,0)!important;visibility:hidden!important;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility .28s!important}.nav.open{transform:translate3d(0,0,0)!important;visibility:visible!important}.header.scrolled .nav{color:#fff!important}.mobile-nav-head{display:block!important;padding:0 4px 18px!important;margin-bottom:6px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.mobile-nav-head span{display:block!important;font-size:10px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#8da0b4!important}.mobile-nav-head strong{display:block!important;margin-top:6px!important;font-size:25px!important;letter-spacing:-.03em!important}.nav>a{min-height:52px!important;padding:0 6px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;font-size:15px!important;color:#fff!important}.nav>a:not(.cta):after{display:none!important}.nav>a.active,.nav>a.is-current{color:var(--ds-lime)!important}.nav .cta{margin-top:12px!important;justify-content:center!important;min-height:52px!important;border-bottom:0!important}.brand.brand-logo{min-width:90px!important}.brand-crest{width:48px!important;height:48px!important}.brand-name{font-size:8.5px!important}
  .fixture-jump{top:82px!important}.next-match-pro{grid-template-columns:1fr!important}.next-match-media{min-height:320px!important}.fixture-pro-row{grid-template-columns:82px minmax(0,1fr) 92px!important;grid-template-areas:"date comp status" "date clubs clubs" "date venue venue"!important;gap:10px 14px!important}.fixture-date{grid-area:date!important}.fixture-competition{grid-area:comp!important}.fixture-clubs{grid-area:clubs!important}.fixture-venue{grid-area:venue!important}.fixture-status{grid-area:status!important;justify-self:end!important}.result-pro-grid{grid-template-columns:1fr 1fr!important}
  .partners-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:700px){
  .container{width:min(100% - 24px,var(--ds-container))}.header-row{height:76px!important}.header .brand.brand-logo{min-width:82px!important}.header .brand-crest{width:45px!important;height:45px!important}.header .brand-name{font-size:8px!important}.menu-btn{width:44px!important;height:44px!important;border-radius:13px!important}.nav{padding:calc(94px + env(safe-area-inset-top)) 18px calc(86px + env(safe-area-inset-bottom))!important}
  .ach-hero{min-height:auto!important}.ach-hero-inner{min-height:auto!important;padding-top:126px!important;padding-bottom:62px!important}.sponsor5-hero .ach-hero-copy h1{font-size:clamp(38px,11.2vw,50px)!important;line-height:1.04!important;letter-spacing:-.045em!important;max-width:11ch!important;margin:14px 0 16px!important}.sponsor5-hero .ach-hero-copy p{font-size:14px!important;line-height:1.68!important}.sponsor5-hero .ach-hero-note{display:none!important}.ach-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.ach-hero-actions .btn{width:100%!important;min-height:52px!important;border-radius:13px!important}
  .partners-showcase,.partners-strip{padding:48px 0!important}.partners-strip-head,.partners-showcase-head{display:block!important;margin-bottom:20px!important}.partners-showcase-head p{margin-top:10px!important;font-size:13px!important}.partners-logo-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.partner-logo-card{min-height:120px!important;padding:14px!important;border-radius:14px!important}.partner-logo-card img{height:46px!important;max-width:125px!important}.partner-logo-card strong{font-size:11px!important}
  .ach-principles,.ach-history,.sponsor5-form-section{padding:60px 0!important}.ach-section-head{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:24px!important}.ach-section-head h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(31px,9.2vw,40px)!important;line-height:1.05!important;letter-spacing:-.04em!important;text-transform:none!important}.ach-principle-grid{grid-template-columns:1fr!important;gap:10px!important}.ach-principle-grid article{min-height:auto!important;padding:22px!important;border-radius:16px!important}.ach-principle-grid h3{font-family:Inter,Arial,sans-serif!important;font-size:21px!important;text-transform:none!important;letter-spacing:-.02em!important}.ach-feature-grid{grid-template-columns:1fr!important;gap:26px!important}.ach-feature-copy h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(32px,9.5vw,42px)!important;line-height:1.04!important;text-transform:none!important;letter-spacing:-.04em!important}.ach-feature-photo{min-height:300px!important;border-radius:17px!important}.ach-history-item{grid-template-columns:42px 1fr!important;gap:12px!important;padding:18px 0!important}.ach-history-item>p{grid-column:2!important;margin-top:0!important}.sponsor5-form-layout{grid-template-columns:1fr!important;gap:24px!important}.sponsor5-form-intro{position:static!important}.sponsor5-form-intro h2{font-family:Inter,Arial,sans-serif!important;font-size:clamp(32px,9.5vw,40px)!important;line-height:1.05!important;letter-spacing:-.04em!important;text-transform:none!important}.sponsor5-form-photo{display:none!important}.sponsor5-form{padding:20px 15px 23px!important;border-radius:17px!important}.sponsor5-form-head h3{font-family:Inter,Arial,sans-serif!important;font-size:27px!important;line-height:1.08!important;letter-spacing:-.035em!important;text-transform:none!important}.sponsor5-grid-2{grid-template-columns:1fr!important}.sponsor5-grid input,.sponsor5-grid select{height:54px!important;font-size:16px!important}.sponsor5-grid textarea{font-size:16px!important;min-height:138px!important}.sponsor5-submit{height:56px!important;border-radius:13px!important}
  .sports-hero{padding-top:124px!important;padding-bottom:54px!important}.sports-hero-inner{grid-template-columns:1fr!important;gap:20px!important}.sports-hero h1{font-size:clamp(48px,14vw,66px)!important;line-height:.9!important}.sports-season-badge{justify-self:start!important}.fixture-jump{top:76px!important}.match-hub-shell{padding:48px 0 34px!important}.match-hub-topline,.pro-section-head{display:block!important}.demo-chip,.season-switch{margin-top:12px!important}.next-match-pro{border-radius:17px!important}.next-match-media{min-height:230px!important}.next-match-board{padding:22px 14px!important}.club-vs-row{gap:9px!important}.club-side img,.club-side .demo-club-mark{width:48px!important;height:48px!important}.club-side strong{font-size:12px!important;line-height:1.25!important}.versus-mark span{font-size:22px!important}.fixture-pro-list{gap:10px!important}.fixture-pro-row{grid-template-columns:64px minmax(0,1fr)!important;grid-template-areas:"date comp" "date clubs" "date venue" "date status"!important;gap:8px 12px!important;padding:15px!important;border-radius:14px!important}.fixture-date strong{font-size:28px!important}.fixture-competition strong{font-size:12px!important}.fixture-status{justify-self:start!important}.fixture-clubs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:7px!important}.fixture-clubs img,.fixture-clubs .demo-club-mark{width:34px!important;height:34px!important}.fixture-clubs strong{font-size:10px!important;line-height:1.2!important}.fixture-time{font-size:12px!important}.fixture-venue{font-size:11px!important}.result-pro-grid{grid-template-columns:1fr!important}.result-pro-card{border-radius:16px!important}.result-scoreline{gap:8px!important}.result-scoreline strong{font-size:11px!important}.result-scoreline b{font-size:35px!important}.standings-table-wrap{margin-inline:-12px!important;padding-inline:12px!important}.match-results-section,.standings-section{padding:58px 0!important}
  .footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:26px 18px!important}.footer-grid>div:first-child{grid-column:1/-1!important}.footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:13px!important}.mobile-quickbar{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;border-radius:16px!important;box-shadow:0 16px 40px rgba(7,17,31,.22)!important}.mobile-quickbar a{min-height:56px!important;font-size:11px!important}
}
@media(max-width:390px){.container{width:min(100% - 20px,var(--ds-container))}.partners-logo-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr!important}.footer-grid>div:first-child{grid-column:auto!important}}

/* =========================================================
   DOBURCA MOBILE PREMIUM UX — 2026-10-15
   Homepage hero + navigation + quick access refinement
   ========================================================= */
@media (max-width:700px){
  html,body{background:#07111f}
  body{padding-bottom:0!important}

  /* Header: compact, balanced, brand-first */
  .header{background:linear-gradient(180deg,rgba(4,11,20,.88) 0%,rgba(4,11,20,.54) 58%,rgba(4,11,20,0) 100%)!important;border:0!important;box-shadow:none!important}
  .header.scrolled{background:rgba(255,255,255,.98)!important;box-shadow:0 10px 30px rgba(7,17,31,.08)!important}
  .header-row{height:74px!important;padding-top:env(safe-area-inset-top)!important}
  .header .brand.brand-logo{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-width:0!important}
  .header .brand-crest{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .header .brand-name{font-size:11px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.01em!important}
  .menu-btn{width:44px!important;height:44px!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:none!important}
  .menu-btn:before,.menu-btn:after{left:12px!important;width:20px!important;height:2px!important}
  .menu-btn:before{top:17px!important}.menu-btn:after{top:25px!important}
  .menu-btn[aria-expanded="true"]:before,.menu-btn[aria-expanded="true"]:after{top:21px!important}

  /* Full-screen hero: one clear visual, one message, no stacked UI clutter */
  .hero[data-hero-slider]{height:100svh!important;min-height:680px!important;max-height:900px!important;border-radius:0!important;overflow:hidden!important}
  .hero-slide .hero-grid{height:100%!important;min-height:0!important;display:flex!important;align-items:flex-end!important;padding:118px 0 92px!important}
  .hero-slide .hero-copy{width:100%!important;max-width:560px!important;padding:0!important}
  .hero-slide .hero-media img{object-position:center center!important;transform:scale(1.01)}
  .hero-slide .hero-media:after{background:linear-gradient(180deg,rgba(4,11,20,.18) 0%,rgba(4,11,20,.28) 28%,rgba(4,11,20,.70) 64%,rgba(4,11,20,.96) 100%)!important}
  .hero-slide .hero-copy .kicker{display:block!important;margin:0 0 14px!important;font-size:10px!important;line-height:1.3!important;font-weight:850!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--ds-lime)!important}
  .hero-slide h1{font-family:'Barlow Condensed',Inter,Arial,sans-serif!important;font-size:clamp(46px,14.4vw,62px)!important;font-weight:800!important;line-height:.88!important;letter-spacing:-.025em!important;text-transform:uppercase!important;max-width:9.8ch!important;margin:0 0 18px!important;text-wrap:balance!important}
  .hero-slide h1 span,.hero-slide h1 em{display:block!important}
  .hero-slide h1 em{color:var(--ds-lime)!important}
  .hero-slide .hero-copy>p{max-width:34em!important;margin:0!important;font-size:14px!important;line-height:1.55!important;font-weight:450!important;color:rgba(255,255,255,.82)!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hero-slide .hero-panel{display:none!important}
  .hero-actions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important;margin-top:23px!important;width:100%!important}
  .hero-actions .btn{width:auto!important;max-width:100%!important;min-height:50px!important;padding:0 22px!important;border-radius:12px!important;font-size:12px!important;font-weight:850!important;letter-spacing:.005em!important}
  .hero-actions .btn-primary{min-width:190px!important;box-shadow:0 12px 30px rgba(174,255,76,.16)!important}
  .hero-actions .btn-ghost{min-height:36px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.84)!important;font-size:12px!important}
  .hero-actions .btn-ghost:after{content:'  →';margin-left:5px;color:var(--ds-lime)}

  /* Slider navigation: one compact control, no lower index bar */
  .hero-index{display:none!important}
  .hero-controls{left:auto!important;right:14px!important;bottom:22px!important;height:42px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(6,15,27,.72)!important;border:1px solid rgba(255,255,255,.16)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important}
  .hero-arrow{width:42px!important;height:42px!important;font-size:17px!important}
  .hero-counter{height:42px!important;padding:0 11px!important;gap:7px!important;font-size:13px!important}
  .hero-counter i{width:18px!important}

  /* Home quick bar appears only after the hero has been left */
  body.has-home-hero .mobile-quickbar{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(16px)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important}
  body.has-home-hero.quickbar-visible .mobile-quickbar{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
  .mobile-quickbar{left:12px!important;right:12px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;height:58px!important;border-radius:14px!important;overflow:hidden!important;background:rgba(7,17,31,.96)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 16px 44px rgba(7,17,31,.28)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}
  .mobile-quickbar a{min-height:58px!important;font-size:11px!important;font-weight:800!important}
  .mobile-quickbar .quick-register{background:var(--ds-lime)!important;color:var(--ds-navy)!important}

  /* The first block after hero should breathe and feel intentional */
  .home-matchbar{position:relative!important;z-index:2!important}
  .home-matchbar-grid{border-radius:0!important}
}

@media (max-width:390px){
  .hero-slide .hero-grid{padding-bottom:86px!important}
  .hero-slide h1{font-size:clamp(43px,14vw,54px)!important;max-width:9.5ch!important}
  .hero-slide .hero-copy>p{font-size:13.5px!important}
  .hero-actions .btn-primary{min-width:174px!important}
}

/* =========================================================
   MOBILE MENU ICON FINAL ALIGNMENT — 2026-10-15
   Prevent duplicate pseudo-lines and keep one precise icon.
   ========================================================= */
@media (max-width:1050px){
  .menu-btn{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin-left:auto!important;
    border-radius:12px!important;
    overflow:hidden!important;
    line-height:1!important;
  }
  .menu-btn::before,.menu-btn::after{
    content:none!important;
    display:none!important;
  }
  .menu-btn>span{
    position:relative!important;
    display:block!important;
    width:20px!important;
    height:2px!important;
    margin:0!important;
    background:currentColor!important;
    border-radius:999px!important;
    transform:none!important;
    transition:background .18s ease!important;
  }
  .menu-btn>span::before,.menu-btn>span::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    display:block!important;
    width:20px!important;
    height:2px!important;
    background:currentColor!important;
    border-radius:999px!important;
    transform-origin:center!important;
    transition:transform .2s ease,top .2s ease!important;
  }
  .menu-btn>span::before{top:-6px!important}
  .menu-btn>span::after{top:6px!important}
  .menu-btn[aria-expanded="true"]>span{background:transparent!important}
  .menu-btn[aria-expanded="true"]>span::before{top:0!important;transform:rotate(45deg)!important}
  .menu-btn[aria-expanded="true"]>span::after{top:0!important;transform:rotate(-45deg)!important}
}

/* =========================================================
   DOBURCA MOBILE HOMEPAGE PRO — 2026-10-15
   Final mobile homepage composition and UX normalization.
   ========================================================= */
@media (max-width:700px){
  :root{--mobile-header-h:72px}
  html,body{overflow-x:hidden!important}
  body{background:#07111f!important}

  /* Header */
  .header{
    height:var(--mobile-header-h)!important;
    min-height:var(--mobile-header-h)!important;
    background:linear-gradient(180deg,rgba(4,12,22,.78) 0%,rgba(4,12,22,.42) 70%,rgba(4,12,22,0) 100%)!important;
    border:0!important;
    box-shadow:none!important;
  }
  .header-row{
    height:var(--mobile-header-h)!important;
    min-height:var(--mobile-header-h)!important;
    padding-top:0!important;
    gap:12px!important;
  }
  .header .brand.brand-logo{gap:10px!important;max-width:calc(100% - 60px)!important}
  .header .brand-crest{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .header .brand-name{
    display:block!important;
    max-width:190px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:-.015em!important;
    color:#fff!important;
  }
  .header.scrolled{height:64px!important;min-height:64px!important;background:rgba(7,17,31,.96)!important;box-shadow:0 8px 28px rgba(0,0,0,.16)!important}
  .header.scrolled .header-row{height:64px!important;min-height:64px!important}
  .header.scrolled .brand-name{color:#fff!important}

  /* Menu trigger */
  .menu-btn{
    color:#fff!important;
    width:42px!important;height:42px!important;
    min-width:42px!important;min-height:42px!important;
    border-radius:13px!important;
    background:rgba(7,17,31,.32)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    backdrop-filter:blur(10px)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
  }
  .menu-btn>span,.menu-btn>span::before,.menu-btn>span::after{width:18px!important;height:2px!important}
  .menu-btn>span::before{top:-5px!important}
  .menu-btn>span::after{top:5px!important}

  /* Hero frame */
  .hero[data-hero-slider]{
    height:100svh!important;
    min-height:660px!important;
    max-height:none!important;
    margin:0!important;
    border-radius:0!important;
    background:#07111f!important;
  }
  .hero-track,.hero-slide{height:100%!important}
  .hero-slide .hero-media{inset:0!important}
  .hero-slide .hero-media img{
    width:100%!important;height:100%!important;
    object-fit:cover!important;
    object-position:center 42%!important;
    transform:none!important;
    filter:saturate(.9) contrast(1.02)!important;
  }
  .hero-slide .hero-media:after{
    background:
      linear-gradient(180deg,rgba(4,11,20,.26) 0%,rgba(4,11,20,.08) 24%,rgba(4,11,20,.12) 42%,rgba(4,11,20,.72) 72%,rgba(4,11,20,.97) 100%),
      linear-gradient(90deg,rgba(4,11,20,.24) 0%,rgba(4,11,20,.02) 68%)!important;
  }
  .hero-slide .hero-grid{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:calc(var(--mobile-header-h) + 34px) 0 78px!important;
  }
  .hero-slide .hero-copy{
    width:100%!important;
    max-width:100%!important;
    padding:0 2px!important;
  }
  .hero-slide .hero-copy .kicker{
    margin:0 0 12px!important;
    font-size:10px!important;
    line-height:1.25!important;
    font-weight:850!important;
    letter-spacing:.16em!important;
    color:#b0ff57!important;
  }
  .hero-slide h1{
    margin:0 0 16px!important;
    max-width:11.5ch!important;
    font-family:'Barlow Condensed',Inter,Arial,sans-serif!important;
    font-size:clamp(44px,12.8vw,54px)!important;
    line-height:.94!important;
    letter-spacing:-.018em!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    text-wrap:balance!important;
  }
  .hero-slide h1 span,.hero-slide h1 em{display:block!important}
  .hero-slide h1 em{margin-top:2px!important;color:#aaff4f!important}
  .hero-slide .hero-copy>p{
    display:block!important;
    overflow:visible!important;
    max-width:31em!important;
    margin:0!important;
    font-size:13.5px!important;
    line-height:1.52!important;
    font-weight:500!important;
    color:rgba(255,255,255,.78)!important;
    -webkit-line-clamp:unset!important;
  }
  .hero-slide .hero-panel{display:none!important}

  /* Calls to action */
  .hero-actions{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:18px!important;
    margin-top:21px!important;
  }
  .hero-actions .btn{
    width:auto!important;
    min-width:0!important;
    min-height:46px!important;
    padding:0 18px!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  .hero-actions .btn-primary{
    background:#aaff4f!important;
    color:#07111f!important;
    border-color:#aaff4f!important;
    box-shadow:0 10px 24px rgba(170,255,79,.13)!important;
  }
  .hero-actions .btn-ghost{
    min-height:40px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.88)!important;
  }
  .hero-actions .btn-ghost:after{margin-left:6px!important}

  /* Discreet slider control */
  .hero-index{display:none!important}
  .hero-controls{
    left:auto!important;
    right:16px!important;
    bottom:18px!important;
    height:38px!important;
    border-radius:12px!important;
    background:rgba(7,17,31,.72)!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
  }
  .hero-arrow{width:38px!important;height:38px!important;font-size:15px!important}
  .hero-counter{height:38px!important;padding:0 8px!important;gap:6px!important;font-size:11px!important;font-weight:800!important}
  .hero-counter i{width:14px!important;opacity:.5!important}

  /* Keep home hero visually clean */
  body.has-home-hero .mobile-quickbar{display:none!important}
  .home-matchbar{margin-top:0!important;border-top:1px solid rgba(255,255,255,.06)!important}
}

@media (max-width:420px){
  .hero-slide .hero-grid{padding-bottom:72px!important}
  .hero-slide h1{font-size:clamp(42px,12.5vw,50px)!important;max-width:11ch!important}
  .hero-slide .hero-copy>p{font-size:13px!important;line-height:1.5!important;max-width:29em!important}
  .hero-actions{gap:15px!important;margin-top:19px!important}
  .hero-actions .btn{font-size:11.5px!important}
  .hero-actions .btn-primary{padding:0 16px!important}
}

@media (max-width:360px){
  .header .brand-name{max-width:150px!important;font-size:11px!important}
  .hero-slide .hero-grid{padding-bottom:68px!important}
  .hero-slide h1{font-size:41px!important;max-width:10.5ch!important}
  .hero-actions{gap:12px!important}
  .hero-actions .btn-primary{padding:0 14px!important}
  .hero-actions .btn-ghost{font-size:11px!important}
}

/* 2026-10-15 — Nizami mobil menü ikonu: tek SVG kaynak */
@media (max-width:1050px){
  .menu-btn.menu-btn-svg{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    padding:0!important;margin-left:auto!important;display:grid!important;place-items:center!important;
    border:1px solid rgba(255,255,255,.28)!important;border-radius:13px!important;
    background:rgba(7,17,31,.22)!important;color:#fff!important;box-shadow:none!important;
    line-height:1!important;font-size:0!important;overflow:hidden!important;
  }
  .header.scrolled .menu-btn.menu-btn-svg{
    color:#07111f!important;background:#fff!important;border-color:#d9e0e8!important;
  }
  .menu-btn.menu-btn-svg::before,.menu-btn.menu-btn-svg::after,
  .menu-btn.menu-btn-svg>span,.menu-btn.menu-btn-svg>span::before,.menu-btn.menu-btn-svg>span::after{
    content:none!important;display:none!important;
  }
  .menu-btn.menu-btn-svg .menu-icon{
    width:22px!important;height:22px!important;display:block!important;overflow:visible!important;
  }
  .menu-btn.menu-btn-svg .menu-line{
    fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;
    vector-effect:non-scaling-stroke!important;transform-box:fill-box!important;transform-origin:center!important;
    transition:transform .2s ease,opacity .16s ease!important;
  }
  .menu-btn.menu-btn-svg[aria-expanded="true"] .line-1{transform:translateY(5px) rotate(45deg)!important}
  .menu-btn.menu-btn-svg[aria-expanded="true"] .line-2{opacity:0!important}
  .menu-btn.menu-btn-svg[aria-expanded="true"] .line-3{transform:translateY(-5px) rotate(-45deg)!important}
}
@media (max-width:480px){
  .menu-btn.menu-btn-svg{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:12px!important}
  .menu-btn.menu-btn-svg .menu-icon{width:20px!important;height:20px!important}
}


/* 2026-10-15 — FINAL MOBILE MENU CENTERING FIX
   JS now keeps one SVG icon only. These rules isolate it from all legacy menu styles. */
@media (max-width:1050px){
  .header .header-row{overflow:visible!important}
  .header .menu-btn.menu-btn-svg{
    box-sizing:border-box!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    padding:0!important;
    margin:0 0 0 auto!important;
    inset:auto!important;
    transform:none!important;
    overflow:hidden!important;
    border-radius:12px!important;
  }
  .header .menu-btn.menu-btn-svg::before,
  .header .menu-btn.menu-btn-svg::after,
  .header .menu-btn.menu-btn-svg > span,
  .header .menu-btn.menu-btn-svg > span::before,
  .header .menu-btn.menu-btn-svg > span::after{
    content:none!important;
    display:none!important;
  }
  .header .menu-btn.menu-btn-svg .menu-icon{
    position:absolute!important;
    inset:50% auto auto 50%!important;
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%)!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  .header .menu-btn.menu-btn-svg .menu-line{
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    vector-effect:non-scaling-stroke!important;
    transform-box:fill-box!important;
    transform-origin:center!important;
    transition:transform .2s ease,opacity .16s ease!important;
  }
  .header .menu-btn.menu-btn-svg[aria-expanded="true"] .line-1{transform:translateY(5px) rotate(45deg)!important}
  .header .menu-btn.menu-btn-svg[aria-expanded="true"] .line-2{opacity:0!important}
  .header .menu-btn.menu-btn-svg[aria-expanded="true"] .line-3{transform:translateY(-5px) rotate(-45deg)!important}
}
@media (max-width:700px){
  .header .container.header-row{width:calc(100% - 28px)!important;margin-inline:auto!important;padding-inline:0!important}
  .header .menu-btn.menu-btn-svg{flex-basis:40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:11px!important}
  .header .menu-btn.menu-btn-svg .menu-icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}
}