/*!
 * Şahinler Metal — public site styles.
 * Layout values are kept inline in the templates exactly as in the approved
 * design; this file holds fonts, base rules, responsive overrides
 * ([data-m] tokens), hover/focus states and interactive component states.
 */

/* ------------------------------------------------------------------ fonts */
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/manrope-latin-ext-wght-normal.woff2) format('woff2-variations'),url(../fonts/manrope-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/manrope-latin-wght-normal.woff2) format('woff2-variations'),url(../fonts/manrope-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ------------------------------------------------------------------- base */
html,body{margin:0;background:#fff;color:#111;font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
button,input,textarea,select{font-family:inherit}
input::placeholder,textarea::placeholder{color:#6B6F75}
:focus-visible{outline:2px solid #7F6D3A;outline-offset:3px}
::selection{background:#D8CFB3;color:#111}
img{max-width:none}
[data-scroll]{scrollbar-width:none}
[data-scroll]::-webkit-scrollbar{display:none}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#111;color:#fff;padding:12px 18px;border-radius:3px;font-weight:600;font-size:14px;transition:top .2s}
.skip-link:focus{top:16px;color:#fff}
@keyframes sg-scroll{0%{transform:translateY(-100%)}60%{transform:translateY(100%)}100%{transform:translateY(100%)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* ------------------------------------------------------- hover / focus states
   Inline styles carry the resting state; !important lets the :hover rule win. */
.h-u:hover{background-size:100% 1px!important}
.h-gap16:hover{gap:16px!important}
.h-btn-dark:hover{gap:18px!important;background:#2A2D31!important}
.h-btn-light:hover{gap:18px!important;background:#ECEDEF!important}
.h-btn-outline:hover{gap:18px!important;border-color:#111!important}
.h-btn-ghost:hover{gap:18px!important;border-color:#fff!important}
.h-white:hover{color:#fff!important}
.h-white-line:hover{color:#fff!important;border-color:#fff!important}
.h-line-white:hover{border-color:#fff!important}
.h-line-dark:hover{border-color:#111!important}
.h-zoom:hover{transform:scale(1.03)!important}
.h-zoom-sm:hover{transform:scale(1.02)!important}
.h-op1:hover{opacity:1!important}
.h-op85:hover{opacity:.85!important}
.h-ink:hover{color:#111!important}
.h-gold:hover{color:#7F6D3A!important}
.h-bg-white:hover{background:#fff!important}
.f-ink:focus{border-color:#111!important}
/* cards whose image zooms when the whole card is hovered */
.card-zoom:hover .card-zoom__img{transform:scale(1.03)}

/* ------------------------------------------------- hero background video */
/* pause/play button for the muted hero loop (WCAG 2.2.2), shown once it plays */
.hero-video-toggle{position:absolute;right:24px;bottom:22px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(17,19,21,.35);color:#fff;cursor:pointer;transition:border-color .3s,background .3s}
.hero-video-toggle:hover{border-color:rgba(255,255,255,.75);background:rgba(17,19,21,.6)}
.hero-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hero-video-toggle__icon{position:relative;width:10px;height:12px}
.hero-video-toggle__icon::before,.hero-video-toggle__icon::after{content:"";position:absolute;top:0;width:3px;height:12px;background:currentColor}
.hero-video-toggle__icon::before{left:0}
.hero-video-toggle__icon::after{right:0}
.hero-video-toggle.is-paused .hero-video-toggle__icon::before{left:1px;width:0;height:0;background:none;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.hero-video-toggle.is-paused .hero-video-toggle__icon::after{display:none}

/* ------------------------------------------------------------------ header */
.site-header{background:transparent;color:#fff;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header.is-solid{background:rgba(255,255,255,.92);color:#111;border-bottom-color:#E3E5E8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.site-header__logo{filter:brightness(0) invert(1)}
.site-header.is-solid .site-header__logo{filter:none}
/* square brand badge (Şahinler Metal): full colour on every background */
.site-header__badge{border-radius:2px}
.site-header__cta{border-color:rgba(255,255,255,.5)!important;background:transparent!important}
.site-header.is-solid .site-header__cta{border-color:#111!important;background:#111!important}
.site-header__nav a[aria-current="page"],.site-header__nav a.is-open{background-size:100% 1px!important}
.site-header__burger span{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.site-header.is-menu-open .site-header__burger span:first-child{transform:translateY(3.75px) rotate(45deg)}
.site-header.is-menu-open .site-header__burger span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.lang-switch a[aria-current="true"]{opacity:1!important}

.mega{opacity:0;transform:translateY(-8px);pointer-events:none}
.mega.is-open{opacity:1;transform:none;pointer-events:auto}
.mega__item.is-active{background:#F4F5F6!important}

.mobile-menu{opacity:0;transform:translateY(-12px);pointer-events:none;visibility:hidden;transition:opacity .35s,transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s linear .5s!important}
.mobile-menu.is-open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .35s,transform .5s cubic-bezier(.2,.7,.2,1),visibility 0s!important}
body.menu-open{overflow:hidden}

/* ----------------------------------------------------------- industries */
.ind-panel{flex:1 1 0%}
.ind-panel.is-active{flex:2.4 1 0%}
.ind-panel__img{transform:scale(1)}
.ind-panel.is-active .ind-panel__img{transform:scale(1.04)}
.ind-panel__shade{opacity:.6}
.ind-panel.is-active .ind-panel__shade{opacity:1}
.ind-panel__arrow{opacity:.45;transform:translateX(-6px)}
.ind-panel.is-active .ind-panel__arrow{opacity:1;transform:none}
.ind-panel__desc{opacity:0;transform:translateY(12px)}
.ind-panel.is-active .ind-panel__desc{opacity:1;transform:none}
.ind-panel__cta{opacity:0}
.ind-panel.is-active .ind-panel__cta{opacity:1}

/* --------------------------------------------------- production journey */
.journey__step{opacity:.3}
.journey__step.is-active{opacity:1}

/* --------------------------------------------------------------- timeline */
/* Vertical milestones: the heading stays in view on the left, the years run
   down a rail that site.js fits between the first and the last dot and fills
   while scrolling (dots turn gold once passed). */
.tl-layout{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}
.tl-head{position:sticky;top:140px}
.tl{--tl-year:112px;--tl-indent:72px;position:relative}
.tl__line{position:absolute;left:4px;top:0;bottom:0;width:2px;background:#E3E5E8}
.tl.is-live .tl__line{bottom:auto}
.tl__fill{position:absolute;left:0;top:0;width:100%;height:0;background:#111}
.tl__list{list-style:none;margin:0;padding:0}
.tl__item{position:relative;padding:0 0 72px var(--tl-indent)}
.tl__item:last-child{padding-bottom:0}
.tl__dot{position:absolute;left:0;top:calc(var(--tl-year) * .45 - 5px);width:10px;height:10px;border-radius:50%;background:#7F6D3A;border:2px solid #7F6D3A;box-shadow:0 0 0 6px #fff;transition:background-color .4s,border-color .4s}
.tl.is-live .tl__dot{background:#fff;border-color:#D4D6DA}
.tl.is-live .tl__dot.is-passed{background:#7F6D3A;border-color:#7F6D3A}
.tl__year{font-size:var(--tl-year);font-weight:800;letter-spacing:-.06em;line-height:.9;color:#111}
.tl__year time,.tl__year span{display:block}
.tl__title{font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:28px 0 10px}
.tl__text{margin:0;font-size:16px;line-height:1.55;color:#64676B;max-width:440px;text-wrap:pretty}

/* ------------------------------------------------------------------ forms */
.field-error{display:block;margin-top:2px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;color:#B3261E;text-transform:none}
.has-error input,.has-error textarea,.has-error select{border-color:#B3261E!important}
.form-alert{grid-column:1/-1;padding:16px 18px;border-radius:3px;font-size:15px;line-height:1.5}
.form-alert--error{background:#FBEDEC;border:1px solid #F0C9C6;color:#7A1E17}
.form-alert--success{background:#EEF3EC;border:1px solid #CFDCCB;color:#24461C}
.btn-submit[disabled]{opacity:.6;cursor:progress}
.select-wrap{position:relative;display:block}
.select-wrap::after{content:'';position:absolute;right:18px;top:50%;width:7px;height:7px;border-right:1.5px solid #64676B;border-bottom:1.5px solid #64676B;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.file-input{display:flex;align-items:center;gap:14px;height:54px;padding:0 6px 0 16px;border:1px dashed #B9BCC1;background:#fff;border-radius:3px;font-size:15px;color:#64676B;cursor:pointer;transition:border-color .25s}
.file-input:hover,.file-input:focus-within{border-color:#111}
.file-input input{position:absolute;opacity:0;width:1px;height:1px}
.file-input__btn{margin-left:auto;display:inline-flex;align-items:center;height:42px;padding:0 16px;background:#111;color:#fff;border-radius:3px;font-size:13px;font-weight:600;white-space:nowrap}

/* ---------------------------------------------------------- rich text body */
.prose{font-size:18px;line-height:1.7;color:#2A2D31}
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 1.25em}
.prose h2{font-size:32px;line-height:1.15;letter-spacing:-.02em;font-weight:700;color:#111;margin:1.8em 0 .6em}
.prose h3{font-size:24px;line-height:1.2;letter-spacing:-.015em;font-weight:700;color:#111;margin:1.6em 0 .5em}
.prose h4{font-size:19px;font-weight:700;color:#111;margin:1.4em 0 .4em}
.prose a{color:#111;text-decoration:underline;text-decoration-color:#7F6D3A;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 1.25em}
.prose li{margin:.35em 0}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:2px solid #7F6D3A;font-size:22px;line-height:1.45;color:#111;font-weight:500}
.prose img{max-width:100%;height:auto;border-radius:3px}
.prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15px}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid #CFD2D6;vertical-align:top}
.prose th{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6B6F75;font-weight:500}
.prose hr{border:0;border-top:1px solid #E3E5E8;margin:2em 0}

/* -------------------------------------------------------------- pagination */
.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:56px}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:1px solid #D4D6DA;border-radius:3px;font-size:14px;font-weight:600;color:#111;background:#fff;transition:border-color .25s}
.pager a:hover{border-color:#111}
.pager [aria-current="page"]{background:#111;border-color:#111;color:#fff}
.pager .is-disabled{opacity:.4}

/* ------------------------------------------------------------ cookie banner */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:760px;margin:0 auto;background:#111315;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:24px 24px 22px;box-shadow:0 18px 50px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:18px}
.cookie-banner p{margin:0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.75)}
.cookie-banner a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cookie-banner__actions{display:flex;flex-wrap:wrap;gap:10px}
.cookie-btn{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;transition:border-color .25s,background .25s}
.cookie-btn:hover{border-color:#fff}
.cookie-btn--primary{background:#fff;color:#111;border-color:#fff}
.cookie-btn--primary:hover{background:#ECEDEF}
.cookie-prefs{display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.cookie-pref{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8)}
.cookie-pref input{margin-top:3px;width:16px;height:16px;accent-color:#C9B682}
.cookie-pref strong{display:block;color:#fff;font-weight:600}

/* ------------------------------------------------------------------ modal */
.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(17,19,21,.86);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}
.modal.is-open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .3s,visibility 0s}
.modal__frame{position:relative;width:min(1100px,100%);aspect-ratio:16/9;background:#000;border-radius:3px;overflow:hidden}
.modal__frame iframe,.modal__frame video{position:absolute;inset:0;width:100%;height:100%;border:0}
.modal__close{position:absolute;top:16px;right:16px;width:48px;height:48px;border-radius:3px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:22px;cursor:pointer}
.modal__close:hover{border-color:#fff}

/* --------------------------------------------------------------- map tooltip */
.map-wrap{position:relative;width:100%}
.map-wrap svg{display:block;width:100%;height:auto}
.map-wrap .land{fill:#E7E9EC;stroke:#fff;stroke-width:.4}
.map-wrap .land.tr{fill:#D8CFB3}
.map-wrap .dot{cursor:pointer;transition:r .25s ease}
.map-wrap .pulse{fill:none;stroke:#7F6D3A;stroke-width:1;opacity:.5;transform-origin:center;transform-box:fill-box;animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(3.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.map-wrap .pulse{animation:none;opacity:0}}
.map-tip{position:absolute;pointer-events:none;opacity:0;transition:opacity .2s;background:#111315;color:#fff;padding:14px 16px;border-radius:3px;min-width:200px;transform:translate(-50%,calc(-100% - 16px));font-size:14px;line-height:1.45;z-index:2}
.map-tip .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#C9B682;margin-bottom:6px}
.map-tip .n{font-weight:700;font-size:15px}
.map-tip .s{color:rgba(255,255,255,.65);font-size:13px;margin-top:2px}
.map-legend{display:flex;gap:28px;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6B6F75;padding:12px 0 0}
.map-legend span{display:flex;align-items:center;gap:8px}
.map-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
.map-placeholder{aspect-ratio:1200/600;background:#fff}

/* ------------------------------------------------------- accordion
   Investor relations / FAQ. Same rhythm as the numbered "quality" list:
   48px number column, 22px titles, #CFD2D6 rules. */
.acc-aside{position:sticky;top:120px}
.acc{border-bottom:1px solid #CFD2D6}
.acc__item{border-top:1px solid #CFD2D6;scroll-margin-top:110px;interpolate-size:allow-keywords}
.acc__summary{display:grid;grid-template-columns:48px 1fr 28px;gap:24px;align-items:center;padding:28px 0;cursor:pointer;list-style:none;color:#111}
.acc__summary::-webkit-details-marker{display:none}
.acc__summary::marker{content:''}
.acc__summary:focus-visible{outline:2px solid #7F6D3A;outline-offset:6px;border-radius:2px}
.acc__num{font-family:'IBM Plex Mono',monospace;font-size:12px;color:#6B6F75}
.acc__title{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.3;text-wrap:pretty;transition:color .25s}
.acc__summary:hover .acc__title{color:#7F6D3A}
.acc__icon{position:relative;width:28px;height:28px;justify-self:end}
.acc__icon::before,.acc__icon::after{content:'';position:absolute;left:50%;top:50%;width:16px;height:1.5px;background:#111;transform:translate(-50%,-50%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.acc__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc__item[open] .acc__icon::after{transform:translate(-50%,-50%) rotate(0deg)}
.acc__item::details-content{height:0;overflow:clip;transition:height .45s cubic-bezier(.2,.7,.2,1),content-visibility .45s allow-discrete}
.acc__item[open]::details-content{height:auto}
.acc__panel{padding:0 52px 40px 72px}
.acc__prose{font-size:17px}
.acc__prose>*:last-child{margin-bottom:0}
.acc__docs{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid #E3E5E8}
.acc__prose+.acc__docs{margin-top:28px}
.acc__docs:first-child{margin-top:0}
.acc__doc{display:flex;align-items:stretch;border-bottom:1px solid #E3E5E8}
.acc__doc-link{flex:1;display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:center;padding:16px 0;color:#111;text-decoration:none}
.acc__doc-title{font-size:16px;font-weight:600;line-height:1.4;transition:color .25s}
.acc__doc-meta{grid-column:1;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6B6F75;margin-top:4px}
.acc__doc-arrow{grid-column:2;grid-row:1/span 2;font-size:15px;color:#6B6F75;transition:transform .3s cubic-bezier(.2,.7,.2,1),color .25s}
.acc__doc-link:hover .acc__doc-title{color:#7F6D3A}
.acc__doc-link:hover .acc__doc-arrow{color:#111;transform:translate(2px,-2px)}
.acc__doc-download{display:flex;align-items:center;justify-content:center;width:48px;margin-left:8px;border-left:1px solid #E3E5E8;color:#6B6F75;font-size:16px;text-decoration:none;transition:color .25s,background .25s}
.acc__doc-download:hover{color:#111;background:#F4F5F6}
.acc__doc-download--empty,.acc__doc-download--empty:hover{border-left-color:transparent;background:none}
.acc__doc-link:focus-visible,.acc__doc-download:focus-visible{outline:2px solid #7F6D3A;outline-offset:2px}
.acc__contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:24px 0 0;padding:24px 0 0;border-top:1px solid #E3E5E8}
.acc__prose+.acc__contact,.acc__docs+.acc__contact{margin-top:28px}
.acc__contact:first-child{margin-top:0;padding-top:0;border-top:0}
.acc__contact dt{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7F6D3A;margin:0 0 8px}
.acc__contact dd{margin:0;font-size:16px;line-height:1.55;color:#2A2D31}
.acc__contact a{color:#111;text-decoration:underline;text-decoration-color:#CFD2D6;text-underline-offset:3px}
.acc__empty{margin:0;font-size:16px;line-height:1.6;color:#64676B}
@media (prefers-reduced-motion:reduce){
  .acc__item::details-content,.acc__icon::before,.acc__icon::after{transition:none}
}

/* ------------------------------------------- investor relations hub
   Group tabs, sub-heading list (left) and one panel per sub-heading (right).
   Without JS (.irh not .is-ready) every panel is listed in order. */
.irh__preview{margin:0 0 40px;padding:14px 18px;border:1px solid #EBD3A0;background:#FBF6E6;color:#5C4A12;font-size:14px;line-height:1.5;border-radius:3px}
.irh__closed{max-width:720px;border-top:1px solid #CFD2D6;padding-top:32px}
.irh__closed p{margin:0;font-size:17px;line-height:1.6;color:#64676B;text-wrap:pretty}
.irh__tabs{position:sticky;top:80px;z-index:30;display:flex;gap:32px;overflow-x:auto;margin:0 0 72px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #E3E5E8;scrollbar-width:none}
.irh__tabs::-webkit-scrollbar{display:none}
.irh__tab{display:inline-flex;align-items:center;gap:10px;flex:none;height:60px;border-bottom:2px solid transparent;font-size:14px;font-weight:600;color:#64676B;white-space:nowrap;transition:color .25s,border-color .25s}
.irh__tab:hover,.irh__tab[aria-current="true"]{color:#111}
.irh__tab[aria-current="true"]{border-bottom-color:#111}
.irh__tab:focus-visible,.irh__link:focus-visible{outline:2px solid #7F6D3A;outline-offset:-2px}
.irh__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#D49A2A;flex:none}
.irh__badge{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:400;letter-spacing:.1em;line-height:1.4;text-transform:uppercase;color:#7A4F00;background:#FBF0D9;border:1px solid #EBD3A0;border-radius:2px;padding:2px 6px;vertical-align:middle}
.irh__group{scroll-margin-top:150px}
.irh__group+.irh__group{margin-top:128px}
.irh__grid{display:grid;grid-template-columns:4fr 8fr;gap:80px;align-items:start}
.irh__grid--single{grid-template-columns:minmax(0,880px)}
.irh__list{position:sticky;top:172px;display:flex;flex-direction:column;border-bottom:1px solid #CFD2D6}
.irh__link{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:baseline;padding:18px 0;border-top:1px solid #CFD2D6;font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:#64676B;transition:color .25s}
.irh__link:hover,.irh__link[aria-current="true"]{color:#111}
.irh__num{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:400;letter-spacing:.04em;color:#6B6F75}
.irh__link[aria-current="true"] .irh__num{color:#7F6D3A}
.irh__panels{min-width:0}
.irh__panel{scroll-margin-top:172px}
.irh__panel+.irh__panel{margin-top:96px}
.irh.is-ready .irh__group:not(.is-active),.irh.is-ready .irh__panel:not(.is-active){display:none}
.irh.is-ready .irh__group+.irh__group,.irh.is-ready .irh__panel+.irh__panel{margin-top:0}
.irh__eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7F6D3A;margin:0 0 20px}
.irh__title{font-size:44px;font-weight:700;line-height:1.04;letter-spacing:-.03em;margin:0 0 40px;text-wrap:pretty}
.irh__body>*+*{margin-top:32px}
.irh__prose{font-size:17px}
.irh__prose>*:last-child{margin-bottom:0}
.irh__table-wrap{overflow-x:auto}
.irh__table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.irh__table thead th{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#6B6F75;text-align:left;padding:0 24px 12px 0;border-bottom:1px solid #CFD2D6;white-space:nowrap}
.irh__table tbody th,.irh__table td{padding:14px 24px 14px 0;border-bottom:1px solid #E3E5E8;text-align:left;vertical-align:top}
.irh__table tbody th{font-weight:600;color:#111}
.irh__table td{color:#2A2D31}
.irh__docgroups{border-bottom:1px solid #CFD2D6}
.irh__docgroups>.acc__docs{border-top:0}
.irh__docgroup{border-top:1px solid #CFD2D6;interpolate-size:allow-keywords}
.irh__docgroup-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;cursor:pointer;list-style:none;font-size:18px;font-weight:600;letter-spacing:-.01em;color:#111}
.irh__docgroup-summary::-webkit-details-marker{display:none}
.irh__docgroup-summary::marker{content:''}
.irh__docgroup-summary:hover{color:#7F6D3A}
.irh__docgroup-summary:focus-visible{outline:2px solid #7F6D3A;outline-offset:4px;border-radius:2px}
.irh__docgroup[open] .acc__icon::after{transform:translate(-50%,-50%) rotate(0deg)}
.irh__docgroup>.acc__docs{margin:0 0 24px}
.irh__docgroup::details-content{height:0;overflow:clip;transition:height .4s cubic-bezier(.2,.7,.2,1),content-visibility .4s allow-discrete}
.irh__docgroup[open]::details-content{height:auto}
.irh__sub .acc__summary{grid-template-columns:1fr 28px;padding:22px 0}
.irh__sub .acc__title{font-size:19px}
.irh__sub .acc__panel{padding:0 0 32px}
.irh__sub .acc__panel>*+*{margin-top:24px}
.irh__sub--empty .acc__summary{cursor:default}
.irh__sub--empty .acc__summary:hover .acc__title{color:#111}
.acc__doc--pending .acc__doc-link{cursor:default}
.acc__doc--pending .acc__doc-title{color:#8C9095;font-weight:500}
@media (prefers-reduced-motion:reduce){
  .irh__docgroup::details-content{transition:none}
}

/* With eight main menu items (Yatırımcı İlişkileri) narrow desktops lack room
   for the "İletişime Geç" button, which repeats the "İletişim" menu item. */
@media (min-width:1181px) and (max-width:1340px){
  .site-header__cta{display:none!important}
  .site-header__nav{gap:26px!important}
}

/* ------------------------------------------------------- responsive tokens
   Same breakpoint and values as the approved design (1180px). */
@media (max-width:1180px){
  [data-m~="hide"]{display:none!important}
  .irh__tabs{gap:24px;margin-bottom:48px}
  .irh__grid{grid-template-columns:1fr;gap:40px}
  .irh__list{position:static}
  .irh__link{padding:14px 0;font-size:16px}
  .irh__title{font-size:32px;margin-bottom:28px}
  .irh__panel,.irh__group{scroll-margin-top:150px}
  [data-m~="show"]{display:flex!important}
  [data-m~="pad"]{padding-left:20px!important;padding-right:20px!important}
  [data-m~="sec"]{padding-top:88px!important;padding-bottom:88px!important}
  [data-m~="stack"]{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important}
  [data-m~="grid1"]{grid-template-columns:1fr!important}
  [data-m~="grid2"]{grid-template-columns:1fr 1fr!important}
  [data-m~="grid3"]{grid-template-columns:1fr 1fr 1fr!important}
  [data-m~="gap"]{gap:40px!important}
  [data-m~="gap24"]{gap:24px!important}
  [data-m~="h1"]{font-size:46px!important}
  [data-m~="h2"]{font-size:38px!important}
  [data-m~="h3"]{font-size:28px!important}
  [data-m~="big"]{font-size:60px!important}
  [data-m~="huge"]{font-size:96px!important}
  .tl-layout{grid-template-columns:1fr;gap:56px}
  .tl-head{position:static}
  .tl{--tl-year:84px;--tl-indent:48px}
  .tl__item{padding-bottom:56px}
  [data-m~="panels"]{flex-direction:column!important;height:auto!important}
  [data-m~="panel"]{flex:none!important;min-height:340px!important}
  [data-m~="vis"]{opacity:1!important;transform:none!important}
  [data-m~="static"]{position:static!important;height:auto!important;min-height:420px!important}
  /* fix: the sticky media box had no height of its own once made static */
  [data-m~="static"]>div{min-height:420px}
  /* fix: second image of a pair had no intrinsic height in one column */
  .about-pair__second{aspect-ratio:4/3}
  [data-m~="step"]{min-height:0!important;opacity:1!important}
  [data-m~="order1"]{order:1!important}
  [data-m~="order2"]{order:2!important}
  [data-m~="full"]{width:100%!important;max-width:none!important}
  [data-m~="mt0"]{margin-top:0!important}
  [data-m~="mt48"]{margin-top:48px!important}
  [data-m~="hero"]{padding-top:140px!important;padding-bottom:64px!important}
  .hero-video-toggle{right:16px;bottom:14px}
  [data-m~="pad"][data-scroll]{scroll-padding-left:20px!important}
  [data-m~="wrap"]{flex-wrap:wrap!important}
  /* page specific values from the design */
  .page-home [data-m~="hero"]{padding-top:120px!important;padding-bottom:72px!important}
  .page-sustainability [data-m~="huge"]{font-size:110px!important}
  .page-media [data-m~="h3"]{font-size:24px!important}
  .prose{font-size:17px}
  .prose h2{font-size:28px}
  .acc-aside{position:static}
  .acc__summary{grid-template-columns:32px 1fr 24px;gap:14px;padding:22px 0}
  .acc__title{font-size:18px}
  .acc__panel{padding:0 0 32px 46px}
}
@media (max-width:640px){
  .cookie-banner{left:8px;right:8px;bottom:8px;padding:20px}
  .acc__panel{padding-left:0}
  .site-header__badge{height:60px!important}
  .tl{--tl-year:64px;--tl-indent:36px}
  .tl__item{padding-bottom:48px}
  .tl__title{font-size:20px;margin-top:20px}
}