/* Dogu'nun Sesi reference 2026 - homepage-only, preserves stored desktop/mobile module order. */
:root{--ogx26-red:#d00013;--ogx26-ink:#0b1524;--ogx26-black:#101116}
.site-head.hg-head{background:#eef1f5!important}
.site-head.hg-head .hg-masthead.wrap{background:linear-gradient(100deg,#091122 0%,#111d31 56%,#243d61 100%)!important;max-width:none!important;width:100%!important;padding:16px max(20px,calc((100vw - 1320px)/2))!important;min-height:110px!important}
.site-head.hg-head .hg-brand{color:#fff!important}
.site-head.hg-head .hg-brand img{max-height:82px!important;filter:drop-shadow(0 2px 2px #0008)}
.site-head.hg-head .hg-nav.category-nav{background:linear-gradient(#242a32,#0a0c11)!important;width:100%!important;max-width:none!important;margin:0 auto!important;border:0!important;border-radius:0!important;box-shadow:0 2px 8px #0005!important}
.site-head.hg-head .hg-nav .nav-scroll{max-width:1320px!important;margin:auto!important}
.site-head.hg-head .hg-nav .nav-scroll a{color:#fff!important;font-size:14px!important;border-right:1px solid #ffffff1c!important}
.site-head.hg-head .hg-nav .nav-scroll a.ogx-home-link-v6{background:linear-gradient(#ed101c,#970009)!important;color:#fff!important;border-radius:5px!important}
.site-head.hg-head .hg-header-extras .hg-icon{color:#fff!important}
.hgo-home .ogx26-districts{display:flex;align-items:center;gap:12px;background:#fff;border-radius:10px;padding:11px 14px;margin:12px 0 16px;min-width:0}
.hgo-home .ogx26-districts>strong{flex:none;color:#111;font-size:14px}
.ogx26-district-scroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:thin;min-width:0;flex:1}
.ogx26-district-scroll a{flex:1 0 auto;text-align:center;background:linear-gradient(#b40815,#720009);color:#fff;text-decoration:none;border-radius:9px;padding:12px 18px;font-size:14px;font-weight:850;box-shadow:inset 0 1px #ffffff55}
.ogx26-district-scroll a:hover,.ogx26-district-scroll a:focus-visible{background:#d80c20}
.hgo-home .hgo-hero.hgo-hero-v3{gap:10px!important}
.hgo-home .hgo-hero-v3 .hgo-hero-main{background:#fff!important;border-radius:10px!important;overflow:hidden!important}
.hgo-home .hgo-hero-v3 .hgo-hero-stage{position:relative!important;overflow:hidden!important;background:#121725}
.hgo-home .hgo-hero-v3 .hgo-hero-stage:before,.hgo-home .hgo-hero-v3 .hgo-hero-stage:after{content:'SON DAKİKA';position:absolute;z-index:5;top:0;bottom:0;width:56px;background:linear-gradient(90deg,#8d0009,#ed0718,#92000b);color:#fff;display:none;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;transform:none;font-size:clamp(15px,2vw,29px);font-weight:950;letter-spacing:2px;text-shadow:0 2px 3px #0008;pointer-events:none;animation:ogx26-glow 2.4s ease-in-out infinite alternate}
.hgo-home .hgo-hero-v3 .hgo-hero-stage:before{left:0;transform:rotate(180deg)}
.hgo-home .hgo-hero-v3 .hgo-hero-stage:after{right:0}
.hgo-home .hgo-hero-v3 .hgo-hero-main.ogx26-is-breaking .hgo-hero-stage:before,.hgo-home .hgo-hero-v3 .hgo-hero-main.ogx26-is-breaking .hgo-hero-stage:after{display:flex}
@keyframes ogx26-glow{from{box-shadow:inset 0 0 6px #fff4,0 0 5px #d00}to{box-shadow:inset 0 0 20px #fff9,0 0 20px #ff192a}}
.hgo-home .hgo-hero-v3 .hgo-hero-title-frame{min-height:110px!important;max-height:110px!important;height:110px!important;overflow:hidden!important;padding:13px 18px!important}
.hgo-home .hgo-hero-v3 .hgo-hero-title a{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:clamp(18px,2vw,29px)!important;line-height:1.2!important;font-weight:900!important}
.hgo-home .ogx-ref-hero-side-card{border-radius:9px!important;transition:transform .2s ease}
.hgo-home .ogx-ref-hero-side-card:hover{transform:translateY(-3px)}
.hgo-home .ogx-ref-hero-side-card strong{font-size:14px!important;min-height:56px!important}
.hgo-home .ogx26-today{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:14px;margin:15px 0}
.ogx26-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #e3e7ed;padding-bottom:10px;margin-bottom:8px}
.ogx26-section-head h2{margin:0;border-left:5px solid #c70018;padding-left:10px;color:#111827;font-size:20px}
.ogx26-section-head a{color:#c70018;font-size:12px;text-decoration:none;font-weight:800}
.ogx26-today-list>a{display:flex;gap:12px;align-items:center;text-decoration:none;color:#141a25;padding:9px 0;border-bottom:1px solid #edf0f4}
.ogx26-today-list>a:last-child{border-bottom:0}
.ogx26-today-list img{width:110px;height:70px;object-fit:cover;border-radius:7px;flex:none}
.ogx26-today-list span{min-width:0;display:grid;gap:4px}.ogx26-today-list strong{font-size:14px;line-height:1.35}.ogx26-today-list small{color:#657080;font-size:11px}
.ogx26-whatsapp{position:fixed;right:20px;bottom:62px;z-index:990;display:flex;align-items:center;gap:7px;padding:10px 15px;border-radius:30px;background:#0ba84d;color:#fff;font-weight:850;text-decoration:none;box-shadow:0 4px 15px #0004}
.hgo-home .dgv9-section{border-radius:10px!important;overflow:hidden}.hgo-home .dgv9-heading{background:linear-gradient(90deg,#900009,#e20b18)!important;color:#fff!important;padding:12px!important}.hgo-home .dgv9-heading h2,.hgo-home .dgv9-heading a{color:#fff!important}
@media(min-width:768px){.hgo-home{max-width:1320px!important}.hgo-home .hgo-device-desktop .ogx26-today{display:none}.hgo-home .hgo-hero.hgo-hero-v3{grid-template-columns:minmax(0,2.65fr) minmax(230px,1fr)!important}}
@media(max-width:767px){
.site-head.hg-head .hg-masthead.wrap{min-height:108px!important;padding:12px 10px!important;display:flex!important;justify-content:center!important;position:relative!important}
.site-head.hg-head .hg-brand{margin:auto!important;max-width:calc(100% - 105px)!important}.site-head.hg-head .hg-brand img{max-width:100%!important;max-height:74px!important}
.site-head.hg-head .hg-header-extras{position:absolute!important;right:8px;top:50%;transform:translateY(-50%)}
.site-head.hg-head .hg-nav.category-nav{width:100%!important;margin:0!important}
.hgo-home .hgo-device-mobile .ogx26-districts{display:block;margin:8px 0;padding:8px;border-radius:7px}
.hgo-home .ogx26-districts>strong{display:none}.ogx26-district-scroll{gap:7px}.ogx26-district-scroll a{font-size:12px;padding:11px 12px;border-radius:8px}
.hgo-home .hgo-hero-v3 .hgo-hero-stage:before,.hgo-home .hgo-hero-v3 .hgo-hero-stage:after{width:33px;font-size:13px;letter-spacing:1px}
.hgo-home .hgo-hero-v3 .hgo-hero-title-frame{min-height:102px!important;max-height:102px!important;height:102px!important;padding:11px 12px!important}
.hgo-home .hgo-hero-v3 .hgo-hero-title a{font-size:20px!important}
.hgo-home .ogx-ref-hero-side{display:none!important}
.hgo-home .ogx26-today{margin:12px 0;padding:10px}.ogx26-today-list img{width:92px;height:65px}.ogx26-today-list strong{font-size:13px}
.hgo-home .hgo-device-mobile .hgo-module:has(.dgv9-section){order:5}
.hgo-mobile-bottom.ogx26-mobile-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:998!important;display:flex!important;background:#14151b!important;border-top:2px solid #d20b1c!important;justify-content:space-around!important;padding:4px 3px max(7px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
.hgo-mobile-bottom.ogx26-mobile-nav a{color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;min-width:0!important;font-size:23px!important;text-decoration:none!important;flex:1!important;padding:5px 0!important}
.hgo-mobile-bottom.ogx26-mobile-nav a span{font-size:10px!important;color:#fff!important}
.hgo-mobile-bottom.ogx26-mobile-nav a:first-child{background:#c9091b!important;border-radius:8px!important}
.ogx26-whatsapp{right:10px;bottom:calc(80px + env(safe-area-inset-bottom));padding:10px 12px;font-size:13px;max-width:175px}
body:has(.ogx26-mobile-nav){padding-bottom:80px}
}
@media(prefers-reduced-motion:reduce){.hgo-home .hgo-hero-v3 .hgo-hero-stage:before,.hgo-home .hgo-hero-v3 .hgo-hero-stage:after{animation:none}}

/* V2: reference fidelity. Existing device order, content, and module handlers untouched. */
.hgo-home .hgo-hero-v3 .hgo-hero-stage{isolation:isolate!important}
.hgo-home .hgo-hero-v3 .hgo-hero-stage:before,.hgo-home .hgo-hero-v3 .hgo-hero-stage:after{
 background:#bc0010 url('ogx-breaking-glow-v2.gif') center center/100% 100% repeat-y!important;
 width:clamp(30px,5vw,66px)!important;letter-spacing:1.5px!important;
 text-shadow:0 2px 5px #000c!important;animation:none!important;
}
.hgo-home .hgo-hero-v3 .hgo-hero-stage:before{transform:rotate(180deg)!important}
.hgo-home .hgo-hero-v3 .hgo-hero-stage:after{transform:none!important}
/* The reference has the title over the photograph, not in a separate growing panel. */
.hgo-home .hgo-hero-v3 .hgo-hero-main{position:relative!important}
.hgo-home .hgo-hero-v3 .hgo-hero-title-frame{
 position:absolute!important;z-index:7!important;left:clamp(30px,5vw,66px)!important;
 right:clamp(30px,5vw,66px)!important;bottom:52px!important;
 width:auto!important;height:clamp(94px,12vw,155px)!important;
 max-height:155px!important;min-height:0!important;display:block!important;
 padding:25px 18px 13px!important;overflow:hidden!important;
 background:linear-gradient(0deg,rgba(2,7,15,.94),rgba(2,7,15,.55) 68%,transparent)!important;
 pointer-events:none!important;
}
.hgo-home .hgo-hero-v3 .hgo-hero-title-frame a{pointer-events:auto!important;color:#fff!important;text-shadow:0 2px 3px #0009!important}
.hgo-home .hgo-hero-v3 .hgo-hero-kicker{color:#fff!important;background:#d00013!important;padding:3px 7px!important;border-radius:3px!important}
.hgo-home .hgo-hero-v3 .hgo-hero-title[hidden]{display:none!important}
.hgo-home .hgo-hero-v3 .hgo-hero-title:not([hidden]){display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}
.hgo-home .hgo-hero-v3 .hgo-hero-controls{position:relative!important;z-index:8!important;background:#fff!important}
/* All slides keep identical aspect and fixed title footprint. */
.hgo-home .hgo-hero-v3 .hgo-hero-stage{aspect-ratio:857/503!important}
.hgo-home .hgo-hero-v3 .hgo-hero-stage img{object-fit:cover!important}
.hgo-home .ogx26-districts{box-shadow:0 2px 12px #00000010}
.hgo-home .ogx26-district-scroll a{border:1px solid #e3434b!important;white-space:nowrap!important}
.hgo-home .ogx26-today{box-shadow:0 3px 14px #15263a12}
@media(max-width:767px){
 .site-head.hg-head .hg-masthead.wrap{background:#15171c!important;min-height:105px!important}
 .hgo-home .hgo-hero-v3 .hgo-hero-title-frame{bottom:48px!important;left:30px!important;right:30px!important;height:110px!important;max-height:110px!important;padding:23px 10px 9px!important}
 .hgo-home .hgo-hero-v3 .hgo-hero-title a{font-size:clamp(15px,4.5vw,22px)!important;line-height:1.15!important}
 .hgo-home .hgo-hero-v3 .hgo-hero-stage:before,.hgo-home .hgo-hero-v3 .hgo-hero-stage:after{width:30px!important;font-size:12px!important}
 .hgo-home .hgo-hero-v3 .hgo-hero-stage{aspect-ratio:4/4!important}
 .hgo-home .hgo-hero-v3 .hgo-hero-controls{min-height:48px!important;height:48px!important}
 .hgo-home .ogx26-whatsapp{bottom:calc(85px + env(safe-area-inset-bottom))!important}
 .hgo-home .dgv9-section{overflow:hidden!important}
}
@media(prefers-reduced-motion:reduce){.hgo-home .hgo-hero-v3 .hgo-hero-stage:before,.hgo-home .hgo-hero-v3 .hgo-hero-stage:after{background-image:none!important}}

/* V78 - Desktop hero: remove rectangular dark caption background.
   Mobile rules and breaking ribbons are untouched. */
@media screen and (min-width:768px){
  .hgo-home .hgo-hero-v3 .hgo-hero-main{isolation:isolate!important}
  .hgo-home .hgo-hero-v3 .hgo-hero-main::before{
    content:"";position:absolute;z-index:6;pointer-events:none;
    left:0;right:0;bottom:52px;height:52%;
    background:linear-gradient(to bottom,rgba(2,7,15,0) 0%,rgba(2,7,15,.08) 28%,rgba(2,7,15,.38) 65%,rgba(2,7,15,.77) 100%);
  }
  .hgo-home .hgo-hero-v3 .hgo-hero-title-frame{
    background:transparent!important;box-shadow:none!important;
    border:0!important;
  }
  .hgo-home .hgo-hero-v3 .hgo-hero-title-frame .hgo-hero-title a{
    color:#fff!important;text-shadow:0 2px 5px rgba(0,0,0,.8)!important;
  }
}
