.hero-slider{
 --hero-active-position:2;
 --hero-main-width:38%;
 --hero-side-width:14.5%;
 background:transparent;
 color:#fff;
 margin-top:0;
 overflow:visible;
 padding-inline:8px;
 padding-top:20px;
 transition:background-color .25s ease;
}
.hero-slider:not(.is-ready){opacity:0;pointer-events:none}
.hero-slider:not(.is-ready) .hero-slider-track{height:490px;overflow:hidden}
.hero-slider.is-ready{opacity:1;transition:background-color .25s ease,opacity .18s ease}
.hero-slider + .section{padding-top:40px}
.hero-slider-viewport{overflow:hidden}
.hero-slider-track{
 contain:layout paint;
 display:grid;
 gap:10px;
 grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.5fr) repeat(2,minmax(0,1fr));
 isolation:isolate;
 position:relative;
}
.hero-slide{
 backface-visibility:hidden;
 border-radius:10px;
 height:490px;
 min-width:0;
 overflow:hidden;
 position:relative;
 transform:translateZ(0);
 transform-origin:center center;
 will-change:transform;
}
.hero-slide-link{
 color:#fff;
 display:block;
 height:100%;
 overflow:hidden;
 position:relative;
}
.hero-slide-link,.hero-slide-link:hover{color:#fff!important}
.hero-slide-image,.hero-slide .placeholder{
 backface-visibility:hidden;
 height:100%;
 inset:0;
 object-fit:cover;
 position:absolute;
 transition:transform .6s ease;
 width:100%;
 will-change:transform;
}
.hero-slide:hover .hero-slide-image{transform:scale(1.035)}
.hero-slide-shade{
 background:linear-gradient(180deg,#00000000 0%,rgba(0,63,71,.6) 38%,#003f47 88%);
 inset:0;
 position:absolute;
}
.hero-slide-content{
 bottom:15px;
 left:-1px;
 padding:26px 24px 28px;
 position:absolute;
 right:0;
 z-index:1;
}
.hero-slide-title{
 font-family:var(--nm-sans);
 font-size:clamp(20px,1.3vw,27px);
 font-weight:700;
 letter-spacing:normal;
 line-height:1.14;
 margin:0 0 15px;
 position:relative;
 top:5px;
}
@media(min-width:861px){
 .hero-slider:not(.is-static) .hero-slide.is-active .hero-slide-title{font-size:31px}
 .hero-slider:not(.is-static) .hero-slide:not(.is-active) .hero-slide-title{font-size:24px}
}
.hero-slide-footer{
 align-items:center;
 display:flex;
 min-width:0;
}
.hero-slide-avatar{
 border:2px solid rgba(255,255,255,.75);
 border-radius:50%;
 flex:0 0 auto;
 height:40px;
 margin-right:10px;
 object-fit:cover;
 width:40px;
}
.hero-slide-byline{
 display:flex;
 flex:1;
 flex-direction:column;
 font-size:12px;
 line-height:1.25;
 min-width:0;
}
.hero-slide-byline span{
 font-size:13px;
 font-weight:700;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.hero-slide-byline time{color:rgba(255,255,255,.72)}
.hero-slider-controls{
 align-items:center;
 column-gap:12px;
 display:grid;
 grid-template-columns:minmax(0,1fr);
 margin:auto;
 max-width:none;
 padding:16px 0 42px;
 position:relative;
 width:100%;
}
.hero-slider-count{
 align-self:stretch;
 align-items:center;
 background:#1b1b1b;
 border-radius:10px;
 display:flex;
 font-size:12px;
 gap:8px;
 grid-column:1;
 grid-row:1;
 justify-self:end;
 margin:0 12px 0 0;
 padding:5px 12px;
}
.hero-slider-count strong{color:#fff}
.hero-slider-count span{color:#9a9a9a}
.hero-slider-arrows{display:flex;gap:8px;position:absolute;right:max(12px,calc((100% - var(--nm-container))/2));top:16px}
.hero-slider-prev,.hero-slider-next{
 align-items:center;
 background:rgba(27,27,27,.5);
 border:0;
 border-radius:50%;
 color:#fff;
 cursor:pointer;
 display:flex;
 font-size:22px;
 height:40px;
 justify-content:center;
 line-height:1;
 padding:0 0 2px;
 transition:background .2s,color .2s;
 width:40px;
}
.hero-slider-prev,.hero-slider-next{margin:0;position:static}
.hero-slider-prev:hover,.hero-slider-next:hover{background:rgba(0,150,161,.5)}
html:not(.dark-mode) .hero-slider-count,html:not(.dark-mode) .hero-slider-prev,html:not(.dark-mode) .hero-slider-next{background:rgba(255,255,255,.5);color:#424d56}
html:not(.dark-mode) .hero-slider-count strong{color:#424d56}
html:not(.dark-mode) .hero-slider-count span{color:#757575}
html:not(.dark-mode) .hero-slider-prev:hover,html:not(.dark-mode) .hero-slider-next:hover{background:rgba(0,150,161,.5);color:#fff}
.hero-slider-prev:disabled,.hero-slider-next:disabled{cursor:default;opacity:.35}
.hero-slider-previews{
 align-items:center;
 display:flex;
 gap:10px;
 grid-column:1;
 justify-content:center;
 margin:0;
 min-height:40px;
 padding:0;
 width:auto;
}
.hero-slider-preview{
 background:rgba(66,77,86,.34);
 border:1px solid rgba(0,75,85,.22);
 border-radius:50%;
 color:#424d56;
 cursor:pointer;
 height:14px;
 min-width:14px;
 padding:0;
 position:relative;
 text-align:left;
 transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;
 width:14px;
}
.hero-slider-preview:hover{background:#0096a1;border-color:#0096a1;transform:scale(1.18);z-index:3}
.hero-slider-preview.is-active{background:#0096a1;border-color:#0096a1;box-shadow:0 0 0 4px rgba(0,150,161,.18);transform:scale(1.18)}
.hero-slider-preview-image{display:none}
.hero-slider-preview-image img,.hero-slider-preview-image .placeholder{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}
.hero-slider-preview-image::after{background:rgba(0,75,85,.48);content:"";inset:0;pointer-events:none;position:absolute;transition:background-color .2s ease;z-index:1}
.hero-slider-preview:hover .hero-slider-preview-image::after,.hero-slider-preview.is-active .hero-slider-preview-image::after{background:rgba(0,75,85,.3)}
.hero-slider-preview-title{
 display:block;
 background:rgba(255,255,255,.88);
 border:1px solid rgba(0,150,161,.28);
 border-radius:8px;
 box-shadow:0 10px 24px rgba(0,75,85,.12);
 font-family:var(--nm-serif);
 font-size:13px;
 font-weight:700;
 left:50%;
 letter-spacing:-.1px;
 line-height:1.25;
 margin:0;
 max-width:min(520px,calc(100vw - 32px));
 min-width:100%;
 opacity:0;
 overflow:visible;
 padding:8px 10px;
 pointer-events:none;
 position:absolute;
 top:calc(100% + 7px);
 transform:translate(-50%,-5px);
 transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
 visibility:hidden;
 white-space:nowrap;
 width:max-content;
}
.hero-slider-preview-title::before{
 border-bottom:8px solid rgba(0,150,161,.28);
 border-left:8px solid transparent;
 border-right:8px solid transparent;
 content:"";
 left:50%;
 position:absolute;
 top:-8px;
 transform:translateX(-50%);
}
.hero-slider-preview-title::after{
 border-bottom:7px solid rgba(255,255,255,.88);
 border-left:7px solid transparent;
 border-right:7px solid transparent;
 content:"";
 left:50%;
 position:absolute;
 top:-6px;
 transform:translateX(-50%);
}
.hero-slider-preview:hover .hero-slider-preview-title,.hero-slider-preview:focus-visible .hero-slider-preview-title{opacity:1;transform:translate(-50%,0);visibility:visible}
.dark-mode .hero-slider-preview{background:rgba(255,255,255,.28);border-color:rgba(38,202,213,.2);color:#f2f2f2}
.dark-mode .hero-slider-preview-title{background:rgba(8,8,8,.92);border-color:rgba(0,150,161,.38);box-shadow:0 10px 24px rgba(0,0,0,.35);color:#f2f2f2}
.dark-mode .hero-slider-preview-title::before{border-bottom-color:rgba(0,150,161,.38)}
.dark-mode .hero-slider-preview-title::after{border-bottom-color:rgba(8,8,8,.92)}
.dark-mode .hero-slider-preview:hover,.dark-mode .hero-slider-preview.is-active{background:#26cad5;border-color:#26cad5;box-shadow:0 0 0 4px rgba(38,202,213,.16)}
@media(max-width:1499px){
 .hero-slider-track{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr)}
 .hero-slider-controls{grid-template-columns:minmax(0,1fr)}
 .hero-slider-count{margin-left:0}
}
@media(max-width:699px){
 .hero-slider:not(.is-ready) .hero-slider-track{height:380px}
 .hero-slider-track{display:block}
 .hero-slider-track>.hero-slide{display:none}
 .hero-slider-track>.hero-slide.is-active{display:block}
 .hero-slide{height:380px}
 .hero-slide-content{padding:24px 20px}
 .hero-slide-title{font-size:25px}
 .hero-slider-controls{column-gap:10px;grid-template-columns:minmax(0,1fr);padding:12px 0 42px;width:100%}
 .hero-slider-count{margin:0 4px 0 0}
 .hero-slider-arrows{right:4px;top:12px}.hero-slider-prev,.hero-slider-next{height:36px;width:36px}
 .hero-slider-previews{display:flex;gap:8px;margin:0;min-height:36px;overflow:visible;padding:0;width:auto}
 .hero-slider-preview{height:12px;min-width:12px;width:12px}
 .hero-slider-preview-title{display:none}
}
@media(prefers-reduced-motion:reduce){
 .hero-slide-image{transition:none}
}

/* Slider yerine bes sabit kart */
.hero-slider.is-static{padding-bottom:70px}
.hero-slider.is-static:not(.is-ready){opacity:1;pointer-events:auto}
.hero-slider.is-static:not(.is-ready) .hero-slider-track{height:auto;overflow:visible}
.hero-slider.is-static .hero-slider-track{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.5fr) repeat(2,minmax(0,1fr))}
.hero-slider.is-static .hero-slide{display:block}
.hero-slider.is-static .hero-slide:nth-child(3) .hero-slide-title{font-size:31px}
.hero-slider.is-static .hero-slide:not(:nth-child(3)) .hero-slide-title{font-size:24px}
@media(max-width:860px){.hero-slider.is-static .hero-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-slider.is-static .hero-slider-track>.hero-slide{display:block}}
@media(max-width:560px){.hero-slider.is-static .hero-slider-track{display:grid;grid-template-columns:1fr}.hero-slider.is-static .hero-slider-track>.hero-slide{display:block;height:380px}}

/* Sabit kartlar icin olcekli tablet ve mobil akisi. */
@media(max-width:1100px) and (min-width:861px){
 .hero-slider.is-static .hero-slide-content{padding:22px 18px 24px}
 .hero-slider.is-static .hero-slide:nth-child(3) .hero-slide-title{font-size:26px}
 .hero-slider.is-static .hero-slide:not(:nth-child(3)) .hero-slide-title{font-size:20px}
}
@media(max-width:860px){
 .hero-slider.is-static{overflow:hidden;padding-bottom:48px}
 .hero-slider.is-static .hero-slider-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
 .hero-slider.is-static .hero-slider-viewport::-webkit-scrollbar{display:none}
 .hero-slider.is-static .hero-slider-track{display:grid;grid-auto-columns:clamp(270px,46vw,360px);grid-auto-flow:column;grid-template-columns:none;padding:0 2px 10px}
 .hero-slider.is-static .hero-slider-track>.hero-slide{display:block;height:460px;scroll-snap-align:start}
 .hero-slider.is-static .hero-slide-content{padding:22px 20px 24px}
 .hero-slider.is-static .hero-slide:nth-child(3) .hero-slide-title{font-size:26px}
 .hero-slider.is-static .hero-slide:not(:nth-child(3)) .hero-slide-title{font-size:22px}
}
@media(max-width:560px){
 .hero-slider{padding-inline:12px;padding-top:14px}
 .hero-slider.is-static{padding-bottom:36px}
 .hero-slider.is-static .hero-slider-track{grid-auto-columns:min(84vw,330px);grid-template-columns:none}
 .hero-slider.is-static .hero-slider-track>.hero-slide{height:410px}
 .hero-slider.is-static .hero-slide-title,.hero-slider.is-static .hero-slide:nth-child(3) .hero-slide-title,.hero-slider.is-static .hero-slide:not(:nth-child(3)) .hero-slide-title{font-size:23px;line-height:1.12}
}

/* Ana slideri ortak container ve grid ritmine bagla. */
.hero-slider{
 margin-inline:auto;
 max-width:none;
 padding-inline:0;
 position:relative;
 width:calc(100% - 24px);
}
.hero-slider-track{gap:var(--nm-grid-gap,24px)}
.hero-slider-controls{
 bottom:18px;
 left:50%;
 padding:0;
 position:absolute;
 transform:translateX(-50%);
 width:auto;
 z-index:6;
}
.hero-slider-previews{
 background:transparent;
 border:0;
 border-radius:0;
 gap:7px;
 min-height:0;
 padding:0;
 -webkit-backdrop-filter:none;
 backdrop-filter:none;
}
.hero-slider-preview{height:10px;min-width:10px;width:10px}
.hero-slider-preview:hover{transform:scale(1.12)}
.hero-slider-preview.is-active{box-shadow:0 0 0 2px rgba(0,150,161,.18);transform:scale(1.12)}
.dark-mode .hero-slider-preview.is-active{box-shadow:0 0 0 2px rgba(38,202,213,.16)}
html:not(.dark-mode) .hero-slider-previews{
 background:transparent;
 border:0;
 box-shadow:none;
}
html:not(.dark-mode) .hero-slider-preview:not(.is-active):not(:hover){
 background:rgba(255,255,255,.56);
 border:0;
 box-shadow:0 1px 5px rgba(0,75,85,.18);
}
@media(min-width:861px){
 .hero-slider.is-static .hero-slider-track{
  grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.5fr) repeat(2,minmax(0,1fr));
 }
}
@media(max-width:1100px) and (min-width:861px){
 .hero-slider.is-static .hero-slider-track{gap:20px}
}
@media(max-width:860px){
 .hero-slider.is-static .hero-slider-track{gap:20px}
}
@media(max-width:680px){
 .hero-slider{width:calc(100% - 24px)}
 .hero-slider.is-static .hero-slider-track{gap:16px}
 .hero-slider-controls{bottom:14px}
 .hero-slider-previews{padding:0}
}