/* V2.0 "Işık Mimarisi" design layer (WordPress only; wordpress/tools/export_project.py does not touch it). Loaded after the
   exported stylesheets; rules start with html.ia so they win over them. Fonts: Inter and Inter Tight, self-hosted in
   static/fonts under the SIL Open Font License (OFL-*.txt there); latin + latin-ext cover every Turkish letter. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-ext-cf3eb50f.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-f11d729b.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:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-ext-cf3eb50f.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-f11d729b.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:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-ext-cf3eb50f.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-f11d729b.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:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-tight-latin-ext-3bd3cbc3.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-tight-latin-4179443c.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:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-tight-latin-ext-3bd3cbc3.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-tight-latin-4179443c.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}
/* Tokens. The action colour, page and footer colours still come from Site ayarları (functions.php #site-appearance). */
html.ia{--ia-stage:#0F1211;--ia-ink:#15171A;--ia-paper:#F5F4EF;--ia-surface:#FFFFFF;--ia-line:#E4E2DA;--ia-line-strong:#D6D3C9;--ia-muted:#4E545A;--ia-on-stage:#F5F4EF;--ia-on-stage-muted:#C4C8C2;--ia-on-stage-soft:#A9AEA8;
  --ia-display:'Inter Tight',Inter,'Segoe UI',Arial,sans-serif;--ia-label:Inter,'Segoe UI',Arial,sans-serif;--ia-radius:8px;--ia-edge:clamp(20px,4vw,40px)}
html.ia body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.ia body h1,html.ia body h2,html.ia body h3{font-family:var(--ia-display);letter-spacing:-.02em}
/* Two-tone focus ring: the light band shows on the dark surfaces (stage header, hero, efficacy card, dark footer), the outline
   on light ones. */
html.ia body :focus-visible{outline:2px solid var(--elco-blue);outline-offset:3px;box-shadow:0 0 0 3px var(--ia-paper)}

/* Buttons */
html.ia .ia-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font:600 15px/1.2 Inter,'Segoe UI',Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s;box-sizing:border-box}
html.ia .ia-btn-primary{background:var(--elco-blue);color:var(--elco-on-blue);border-color:var(--elco-blue)}
html.ia .ia-btn-primary:hover{background:var(--elco-blue-hover);border-color:var(--elco-blue-hover);color:var(--elco-on-blue)}
html.ia .ia-btn-light{background:var(--ia-on-stage);color:var(--ia-ink)}
html.ia .ia-btn-light:hover{background:#FFFFFF;color:var(--ia-ink)}
html.ia .ia-btn-ghost{border-color:rgba(245,244,239,.38);color:var(--ia-on-stage);background:transparent}
html.ia .ia-btn-ghost:hover{border-color:var(--ia-on-stage);color:var(--ia-on-stage)}
html.ia .ia-btn-outline{border-color:var(--ia-ink);color:var(--ia-ink);background:transparent}
html.ia .ia-btn-outline:hover{background:var(--ia-ink);color:var(--ia-on-stage)}
html.ia .ia-nums{font-family:var(--ia-display);font-weight:500;font-feature-settings:"tnum"}
html.ia body .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:600}
html.ia body .text-link{font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding:10px 0 6px}

/* Header: the dark stage on the home page, and on every page with Üst menü görünümü "Koyu, her sayfada" (functions.php);
   otherwise light on the inner pages */
html.ia body .elco-header.elco-header{border-bottom:1px solid var(--ia-line)}
html.ia body .elco-header .elco-menu>a,html.ia body .elco-header .elco-menu>details>summary{font-weight:500}
html.ia body .elco-header .header-language-links{display:flex;gap:2px;padding:3px;border:1px solid var(--ia-line-strong);border-radius:999px}
html.ia body .elco-header .header-language-link{display:flex;align-items:center;justify-content:center;min-width:36px;height:34px;padding:0 8px;border:0;border-radius:999px;font:500 12px/1 var(--ia-label);background:transparent;box-sizing:border-box;font-feature-settings:"tnum"}
html.ia body .elco-header .header-language-link[aria-current]{background:var(--ia-ink);color:var(--ia-on-stage)}
html.ia body .elco-header .header-quote{min-height:44px;padding:0 18px;border:0;background:var(--elco-blue);color:var(--elco-on-blue);font:600 14px/1.2 Inter,'Segoe UI',Arial,sans-serif}
html.ia body .elco-header .header-quote:hover,html.ia body .elco-header .header-quote:focus-visible{background:var(--elco-blue-hover);color:var(--elco-on-blue)}
html.ia body .elco-header .header-quote-count{background:var(--elco-on-blue);color:var(--elco-blue);font-family:var(--ia-display);font-weight:500;font-feature-settings:"tnum"}
html.ia body .elco-header .elco-search>summary{width:44px;height:44px;border:1px solid var(--ia-line-strong);border-radius:999px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
html.ia body .elco-header.elco-header.is-stage{background:var(--ia-stage);border-bottom-color:rgba(245,244,239,.08)}
/* The bundled ELCO symbol turns light on the stage; an uploaded logo keeps its colours on a light plate. */
html.ia body .elco-header.is-stage .elco-logo-mark img{filter:invert(1)}
html.ia body .elco-header.is-stage .elco-brand>img{padding:6px 10px;border-radius:6px;background:var(--ia-on-stage);box-sizing:content-box}
html.ia body .elco-header.is-stage>.menu-utilities>details>summary,html.ia body .elco-header.is-stage>.mobile-nav-toggle,html.ia body .elco-header.is-stage .header-language-links{color:var(--ia-on-stage)}
/* The light stage colours apply to the desktop menu only: the opened phone menu is a light panel. */
@media(min-width:1001px){html.ia body .elco-header.is-stage>.elco-menu>a,html.ia body .elco-header.is-stage>.elco-menu>details>summary{color:var(--ia-on-stage)}}
html.ia body .elco-header.is-stage .header-language-links,html.ia body .elco-header.is-stage .elco-search>summary,html.ia body .elco-header.is-stage>.mobile-nav-toggle{border-color:rgba(245,244,239,.24)}
html.ia body .elco-header.is-stage .header-language-link{color:var(--ia-on-stage)}
html.ia body .elco-header.is-stage .header-language-link[aria-current]{background:var(--ia-on-stage);color:var(--ia-ink)}
html.ia body .elco-header.is-stage .header-quote{background:var(--ia-on-stage);color:var(--ia-ink)}
html.ia body .elco-header.is-stage .header-quote:hover,html.ia body .elco-header.is-stage .header-quote:focus-visible{background:var(--ia-on-stage-muted);color:var(--ia-ink)}
html.ia body .elco-header.is-stage .header-quote-count{background:var(--elco-blue);color:var(--elco-on-blue)}

/* Home references: white logo cards in scrolling rows or a still grid (inc/corporate.php, Logo şeridi ayarları) */
html.ia body .home-main .home-references.ia-refs{max-width:none;margin:0;padding:clamp(64px,8vw,104px) 0;background:linear-gradient(180deg,var(--ia-paper) 0%,#FBFAF7 50%,var(--ia-paper) 100%)}
html.ia .ia-refs-head{max-width:var(--elco-page-width,1280px);margin:0 auto clamp(28px,4vw,44px);padding:0 var(--ia-edge);box-sizing:border-box}
html.ia .ia-refs-head small{display:block;font:500 12px/1.5 var(--ia-label);letter-spacing:.16em;color:var(--ia-muted);text-transform:uppercase;font-feature-settings:"tnum"}
html.ia .ia-refs-head h2{margin:12px 0 0;font:500 clamp(32px,4vw,52px)/1.05 var(--ia-display);letter-spacing:-.03em;color:var(--ia-ink)}
html.ia .ia-refs-head p{max-width:640px;margin:16px 0 0;font-size:18px;line-height:1.6;color:var(--ia-muted)}
html.ia .ia-refs-rows{display:flex;flex-direction:column;gap:clamp(8px,1.6vw,16px)}
html.ia .ia-refs-row{overflow:hidden;padding:12px 0}
@media(min-width:701px){html.ia .ia-refs-row{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}}
html.ia .ia-refs-track,html.ia .ia-refs-grid{display:flex;margin:0;padding:0;list-style:none}
html.ia .ia-refs-track{width:max-content;animation:ia-refs-left var(--ia-refs-duration,40s) linear infinite}
html.ia .ia-refs-row.is-reverse .ia-refs-track{animation-name:ia-refs-right}
@keyframes ia-refs-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ia-refs-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
html.ia .ia-refs-row:hover .ia-refs-track,html.ia .ia-refs-rows:focus-within .ia-refs-track,html.ia .ia-refs.is-paused .ia-refs-track{animation-play-state:paused}
html.ia .ia-ref{flex:0 0 auto;padding:0 clamp(8px,1.1vw,14px)}
html.ia .ia-refs-grid{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2vw,20px);max-width:var(--elco-page-width,1280px);margin:0 auto;padding:12px var(--ia-edge);box-sizing:border-box}
html.ia .ia-refs-grid .ia-ref{padding:0}
html.ia .ia-ref>a,html.ia .ia-ref>span{display:flex;align-items:center;justify-content:center;width:176px;height:96px;padding:14px 18px;box-sizing:border-box;border:1px solid var(--ia-line);border-radius:18px;background:var(--ia-surface);box-shadow:0 8px 20px -10px rgba(21,23,26,.22);color:var(--ia-ink);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
html.ia .ia-ref img{display:block;max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
html.ia .ia-ref-name{font:600 15px/1.25 var(--ia-display);text-align:center}
@media(hover:hover){html.ia .ia-ref>a:hover{transform:scale(1.04);box-shadow:0 16px 30px -14px rgba(21,23,26,.32)}}
html.ia .ia-refs.is-gray .ia-ref img{filter:grayscale(1);opacity:.8;transition:filter .2s ease,opacity .2s ease}
html.ia .ia-refs.is-gray .ia-ref>a:hover img,html.ia .ia-refs.is-gray .ia-ref>a:focus-visible img{filter:none;opacity:1}
html.ia .ia-refs-foot{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:clamp(28px,4vw,44px);padding:0 var(--ia-edge)}
html.ia .ia-refs-all{border-color:var(--ia-line-strong);background:var(--ia-surface);color:var(--ia-ink);box-shadow:0 4px 12px -8px rgba(21,23,26,.25)}
html.ia .ia-refs-all:hover{border-color:var(--ia-ink);color:var(--ia-ink)}
html.ia .ia-refs-pause{position:relative;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid var(--ia-line-strong);border-radius:50%;background:var(--ia-surface);color:var(--ia-ink);cursor:pointer}
html.ia .ia-refs-pause::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:10px;transform:translate(-50%,-50%);border-left:2px solid currentColor;border-right:2px solid currentColor;box-sizing:border-box}
html.ia .ia-refs.is-paused .ia-refs-pause::before{width:0;height:0;margin-left:1px;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent currentColor}
@media(max-width:700px){html.ia .ia-ref>a,html.ia .ia-ref>span{width:144px;height:80px;padding:12px 14px;border-radius:16px}html.ia .ia-refs-head p{font-size:16px}}
@media(prefers-reduced-motion:reduce){
  html.ia .ia-refs-track{width:auto;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 var(--ia-edge);animation:none}
  html.ia .ia-refs-track [aria-hidden=true]{display:none}
  html.ia .ia-refs-row{-webkit-mask-image:none;mask-image:none}
  html.ia .ia-refs-pause{display:none}
}

/* Home hero: a swipeable gallery on the dark stage (inc/home.php, static/extensions.js) */
html.ia .ia-hero{background:var(--ia-stage);color:var(--ia-on-stage)}
html.ia .ia-gallery{position:relative}
html.ia .ia-gallery-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
html.ia .ia-gallery-track::-webkit-scrollbar{display:none}
html.ia .ia-gallery-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
html.ia .ia-slide{position:relative;isolation:isolate;flex:0 0 100%;display:flex;align-items:stretch;min-height:clamp(540px,calc(100svh - 230px),760px);overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
html.ia .ia-slide-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;background:#1B1F1D;user-select:none;-webkit-user-drag:none}
html.ia .ia-slide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,18,17,.94) 0%,rgba(15,18,17,.84) 32%,rgba(15,18,17,.42) 60%,rgba(15,18,17,.16) 100%),linear-gradient(0deg,rgba(15,18,17,.78) 0%,rgba(15,18,17,0) 34%)}
html.ia .ia-slide-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%;max-width:var(--elco-page-width,1280px);margin:0 auto;padding:clamp(48px,7vw,96px) max(var(--ia-edge),calc(92px - max(0px,(100vw - var(--elco-page-width,1280px))/2))) clamp(96px,9vw,124px);box-sizing:border-box}
html.ia .ia-slide-copy{flex:0 1 640px;min-width:0}
html.ia .ia-slide-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;padding:8px 14px;border:1px solid rgba(245,244,239,.22);border-radius:999px;background:rgba(15,18,17,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 12px/1.4 var(--ia-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ia-on-stage);font-feature-settings:"tnum"}
html.ia .ia-slide-eyebrow::before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--ia-accent,#FFBE7E);box-shadow:0 0 0 4px color-mix(in srgb,var(--ia-accent,#FFBE7E) 22%,transparent)}
html.ia .ia-slide-title{margin:22px 0 0;font:500 clamp(40px,5.6vw,84px)/1 var(--ia-display);letter-spacing:-.035em;color:var(--ia-on-stage);text-wrap:balance}
html.ia .ia-slide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
html.ia .ia-slide-card{flex:0 0 min(340px,34%);display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid rgba(245,244,239,.18);border-radius:14px;background:rgba(21,23,26,.58);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);color:var(--ia-on-stage);box-shadow:0 30px 60px -30px rgba(0,0,0,.65);box-sizing:border-box}
html.ia .ia-slide-card-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#FFFFFF}
html.ia .ia-slide-card.is-product .ia-slide-card-image{object-fit:contain;padding:10px;box-sizing:border-box}
html.ia .ia-slide-card>div{padding:0 4px}
html.ia .ia-slide-card small{display:block;font:500 11px/1.4 var(--ia-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ia-on-stage-muted);font-feature-settings:"tnum"}
html.ia .ia-slide-card strong{display:block;margin-top:6px;font:500 20px/1.2 var(--ia-display);letter-spacing:-.01em}
html.ia .ia-slide-card p{margin:0;padding:0 4px 4px;font-size:14px;line-height:1.55;color:var(--ia-on-stage-muted)}
html.ia .ia-slide-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;padding:12px 4px 4px;border-top:1px solid rgba(245,244,239,.14)}
html.ia .ia-slide-card dt{font-size:11px;color:var(--ia-on-stage-soft)}
html.ia .ia-slide-card dd{margin:2px 0 0;font:500 14px/1.3 var(--ia-label);color:var(--ia-on-stage);font-feature-settings:"tnum"}
html.ia .ia-gallery-arrow{position:absolute;top:calc(50% - 26px);z-index:2;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid rgba(245,244,239,.3);border-radius:50%;background:rgba(15,18,17,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ia-on-stage);cursor:pointer;transition:background .2s,border-color .2s}
html.ia .ia-gallery-arrow:hover{background:rgba(245,244,239,.16);border-color:var(--ia-on-stage)}
html.ia .ia-gallery-arrow.is-prev{left:clamp(12px,2vw,28px)}
html.ia .ia-gallery-arrow.is-next{right:clamp(12px,2vw,28px)}
html.ia .ia-gallery-nav{position:absolute;left:50%;bottom:clamp(22px,3vw,34px);z-index:2;display:flex;align-items:center;gap:12px;transform:translateX(-50%)}
html.ia .ia-gallery-dots{display:flex;align-items:center;gap:4px}
html.ia .ia-gallery-dots button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;transition:width .3s}
html.ia .ia-gallery-dots button::before{content:"";display:block;width:8px;height:8px;border-radius:999px;background:rgba(245,244,239,.5);transition:width .3s,background .3s}
html.ia .ia-gallery-dots button:hover::before{background:var(--ia-on-stage-muted)}
html.ia .ia-gallery-dots button[aria-current]{width:44px}
html.ia .ia-gallery-dots button[aria-current]::before{width:34px;background:var(--ia-on-stage)}
html.ia .ia-gallery-pause{position:relative;width:32px;height:32px;padding:0;border:1px solid rgba(245,244,239,.3);border-radius:50%;background:rgba(15,18,17,.38);color:var(--ia-on-stage);cursor:pointer}
html.ia .ia-gallery-pause::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:10px;transform:translate(-50%,-50%);border-left:2px solid currentColor;border-right:2px solid currentColor;box-sizing:border-box}
html.ia .ia-gallery.is-paused .ia-gallery-pause::before{width:0;height:0;margin-left:1px;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent currentColor}
html.ia .ia-gallery-progress{position:absolute;left:0;right:0;bottom:0;z-index:2;height:3px;background:rgba(245,244,239,.12)}
html.ia .ia-gallery-progress span{display:block;height:100%;background:var(--ia-accent,#FFBE7E);transform:scaleX(0);transform-origin:left center}
html.ia .ia-gallery.is-paused .ia-gallery-progress{opacity:.4}
/* Galeri ayarları: picture darkening (Orta is the default above) and the desktop height (Standart is the default above). */
html.ia .ia-gallery.is-overlay-light .ia-slide::before{background:linear-gradient(90deg,rgba(15,18,17,.84) 0%,rgba(15,18,17,.66) 32%,rgba(15,18,17,.24) 60%,rgba(15,18,17,.04) 100%),linear-gradient(0deg,rgba(15,18,17,.62) 0%,rgba(15,18,17,0) 30%)}
html.ia .ia-gallery.is-overlay-strong .ia-slide::before{background:linear-gradient(90deg,rgba(15,18,17,.96) 0%,rgba(15,18,17,.9) 40%,rgba(15,18,17,.64) 70%,rgba(15,18,17,.4) 100%),linear-gradient(0deg,rgba(15,18,17,.86) 0%,rgba(15,18,17,0) 40%)}
@media(min-width:701px){
  html.ia .ia-gallery.is-height-compact .ia-slide{min-height:clamp(440px,calc(100svh - 330px),600px)}
  html.ia .ia-gallery.is-height-tall .ia-slide{min-height:max(560px,calc(100svh - 96px))}
}
@media(prefers-reduced-motion:no-preference){
  html.ia .ia-gallery.is-ready .ia-slide :is(.ia-slide-copy>*,.ia-slide-card){opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  html.ia .ia-gallery.is-ready .ia-slide.active :is(.ia-slide-copy>*,.ia-slide-card){opacity:1;transform:none}
  html.ia .ia-gallery.is-ready .ia-slide.active .ia-slide-title{transition-delay:.08s}
  html.ia .ia-gallery.is-ready .ia-slide.active .ia-slide-actions{transition-delay:.16s}
  html.ia .ia-gallery.is-ready .ia-slide.active .ia-slide-card{transition-delay:.24s}
}
html.ia .ia-hero-inner{max-width:var(--elco-page-width,1280px);margin:0 auto;padding:0 var(--ia-edge);box-sizing:border-box}
html.ia .ia-hero-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;padding:clamp(24px,3vw,32px) 0 clamp(32px,4vw,48px)}
html.ia .ia-facts{display:flex;flex-wrap:wrap;gap:20px clamp(28px,5vw,64px);margin:0}
html.ia .ia-facts dt{font:500 clamp(20px,2vw,26px)/1.2 var(--ia-display);color:var(--ia-on-stage);font-feature-settings:"tnum"}
html.ia .ia-facts dd{margin:6px 0 0;font-size:13px;color:var(--ia-on-stage-soft)}
html.ia .ia-hero-scroll{color:var(--ia-on-stage-muted);font-size:13px;text-decoration:none}
html.ia .ia-hero-scroll:hover{color:var(--ia-on-stage)}
@media(max-width:1000px){html.ia .ia-slide-card{flex-basis:min(300px,38%)}html.ia .ia-slide-card dl{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){
  html.ia .ia-slide{min-height:clamp(520px,calc(100svh - 150px),680px)}
  html.ia .ia-slide::before{background:linear-gradient(0deg,rgba(15,18,17,.96) 0%,rgba(15,18,17,.8) 46%,rgba(15,18,17,.3) 100%)}
  html.ia .ia-gallery.is-overlay-light .ia-slide::before{background:linear-gradient(0deg,rgba(15,18,17,.92) 0%,rgba(15,18,17,.66) 46%,rgba(15,18,17,.12) 100%)}
  html.ia .ia-gallery.is-overlay-strong .ia-slide::before{background:linear-gradient(0deg,rgba(15,18,17,.97) 0%,rgba(15,18,17,.88) 50%,rgba(15,18,17,.5) 100%)}
  html.ia .ia-slide-inner{align-items:flex-end;padding:40px var(--ia-edge) 84px}
  html.ia .ia-slide-card,html.ia .ia-gallery-arrow{display:none}
  html.ia .ia-slide-title{font-size:clamp(36px,10.5vw,48px)}
  html.ia .ia-slide-actions{margin-top:28px}
  html.ia .ia-slide-eyebrow{font-size:11px;letter-spacing:.1em}
}

/* Section rhythm and headings */
html.ia body .page-shell{padding-left:var(--ia-edge);padding-right:var(--ia-edge);box-sizing:border-box}
html.ia body main>section.page-shell{margin-top:clamp(72px,9vw,120px)}
html.ia body .section-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;margin-bottom:36px}
html.ia body .section-heading small,html.ia body .intro small,html.ia .ia-cct-head small,html.ia body .contact-story small,html.ia body .home-focus small,html.ia body .resource-story small,html.ia body .home-minimalist small,html.ia body .home-product-film small{display:block;font:500 12px/1.5 var(--ia-label);letter-spacing:.16em;color:var(--ia-muted);text-transform:uppercase;font-feature-settings:"tnum"}
html.ia body .section-heading h2,html.ia body .resource-story h2,html.ia body .home-focus h2,html.ia body .home-minimalist h2,html.ia body .home-product-film h2{margin:12px 0 0;font:500 clamp(32px,4vw,52px)/1.05 var(--ia-display);letter-spacing:-.03em}

/* Product groups */
html.ia body .home-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
html.ia .ia-group{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}
html.ia .ia-group-media{aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:#ECEBE5}
html.ia .ia-group-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
html.ia .ia-group:hover .ia-group-media img{transform:scale(1.03)}
html.ia .ia-group-name{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:500 21px/1.2 var(--ia-display);letter-spacing:-.01em}
html.ia .ia-group-name small{font:400 13px var(--ia-label);color:var(--ia-muted);letter-spacing:0;font-feature-settings:"tnum"}

/* Cards: product cards carry their model ranges; other cards keep picture and text */
html.ia body .cards{gap:20px}
html.ia body .collection-section .cards,html.ia body .catalog-results,html.ia body .sheet-similar .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
html.ia body .card{border-radius:var(--ia-radius)}
html.ia body .ia-product-card{background:var(--ia-surface);border:1px solid var(--ia-line);overflow:hidden;display:flex}
html.ia body .ia-product-card>a{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none}
html.ia body .ia-product-card .cover{aspect-ratio:4/3;margin:0;border-radius:0;background:#ECEBE5;overflow:hidden}
html.ia body .ia-product-card .cover img{width:100%;height:100%;object-fit:cover}
html.ia body .ia-product-card .card-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:18px 18px 20px}
html.ia body .ia-product-card .card-body small{font:500 11px/1.4 var(--ia-label);letter-spacing:.12em;color:var(--ia-muted);text-transform:uppercase;font-feature-settings:"tnum"}
html.ia body .ia-product-card .card-body h2{margin:0;font:500 21px/1.2 var(--ia-display);letter-spacing:-.01em}
html.ia body .ia-product-card .ia-codes{margin:-6px 0 0;font:400 13px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .ia-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;padding-top:12px;border-top:1px solid #ECEAE3}
html.ia body .ia-specs dt{font-size:12px;color:var(--ia-muted)}
html.ia body .ia-specs dd{margin:2px 0 0;font:500 14px var(--ia-label);color:var(--ia-ink);font-feature-settings:"tnum"}
html.ia body .ia-product-card .ia-more-button{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:var(--elco-blue);color:var(--elco-on-blue);font-weight:600;font-size:14px}
html.ia body .ia-product-card:hover .ia-more-button{background:var(--elco-blue-hover)}
html.ia body .catalog-results.list-view .ia-product-card>a{flex-direction:row}
html.ia body .catalog-results.list-view .ia-product-card .cover{flex:0 0 220px;aspect-ratio:auto}

/* Colour temperature scale (home, under the products) */
html.ia .ia-cct{margin-top:clamp(56px,7vw,88px)}
html.ia .ia-cct-head h3{margin:10px 0 24px;font:500 clamp(26px,3vw,36px)/1.1 var(--ia-display);letter-spacing:-.02em}
html.ia .ia-cct-scale{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
html.ia .ia-cct-scale a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}
html.ia .ia-cct-swatch{display:block;height:96px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(21,23,26,.08)}
html.ia .ia-cct-scale strong{font:500 15px var(--ia-display);font-feature-settings:"tnum"}
html.ia .ia-cct-scale span:not(.ia-cct-swatch){font-size:14px;line-height:1.5;color:var(--ia-muted)}
html.ia .ia-cct-scale a:hover strong{text-decoration:underline;text-underline-offset:4px}

/* Projects: the first story is larger */
html.ia body .project-story .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
html.ia body .project-story .card .cover{aspect-ratio:4/3;border-radius:6px;overflow:hidden}
html.ia body .project-story .card .cover img{width:100%;height:100%;object-fit:cover}
@media(min-width:900px){html.ia body .project-story .cards>.card:first-child{grid-column:span 2;grid-row:span 2}html.ia body .project-story .cards>.card:first-child .cover{aspect-ratio:auto;height:calc(100% - 140px);min-height:420px}}
html.ia body .card-body h2{font-family:var(--ia-display);letter-spacing:-.01em}
html.ia body .card-body small{font-family:var(--ia-display);letter-spacing:.12em;font-feature-settings:"tnum"}

/* Neden ELCO? */
html.ia .ia-why-body{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
html.ia .ia-why-stat{padding:28px;border-radius:var(--ia-radius);background:var(--ia-stage);color:var(--ia-on-stage)}
html.ia .ia-why-stat p{margin:0;font-size:15px;line-height:1.55;color:var(--ia-on-stage-muted)}
html.ia .ia-why-stat .ia-why-value{margin-bottom:14px;font:500 clamp(34px,3.6vw,46px)/1 var(--ia-display);color:var(--ia-on-stage);font-feature-settings:"tnum"}
html.ia .ia-why-stat a{color:var(--ia-on-stage);font-weight:600}
html.ia body .home-why .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin:0;padding:0;list-style:none}
html.ia body .home-why .why-grid li{border-top:2px solid var(--ia-ink);padding:18px 0 0;min-height:0;background:none;border-radius:0;box-shadow:none;border-left:0;border-right:0;border-bottom:0}
html.ia body .home-why .why-number{font:500 13px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .home-why .why-grid h3{margin:10px 0 8px;font:500 21px/1.25 var(--ia-display)}
html.ia body .home-why .why-grid p{margin:0;font-size:15px;line-height:1.6;color:var(--ia-muted)}
html.ia .ia-why-body.has-stat{grid-template-columns:minmax(240px,1fr) minmax(0,2.2fr)}
@media(max-width:760px){html.ia .ia-why-body.has-stat{grid-template-columns:minmax(0,1fr)}}

/* Contact band */
html.ia body .contact-story.ia-contact{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px;padding:clamp(32px,5vw,64px);border-radius:10px;background:var(--elco-blue);color:var(--elco-on-blue);text-align:left}
html.ia body .contact-story.ia-contact small{color:inherit;opacity:.8}
html.ia body .contact-story.ia-contact h2{margin:12px 0 0;font:500 clamp(32px,4vw,48px)/1.05 var(--ia-display);letter-spacing:-.03em;color:inherit}
html.ia body .contact-story.ia-contact p{margin:16px 0 0;max-width:540px;font-size:17px;line-height:1.6;color:inherit;opacity:.88}
html.ia .ia-contact-copy{flex:1 1 420px}
html.ia .ia-contact-actions{display:flex;flex-direction:column;gap:12px;flex:0 1 300px}
html.ia body .ia-contact .ia-btn-ghost{color:var(--elco-on-blue);border-color:color-mix(in srgb,var(--elco-on-blue) 45%,transparent)}
html.ia body .ia-contact .ia-btn-ghost:hover{color:var(--elco-on-blue);border-color:var(--elco-on-blue)}

/* Inner pages: breadcrumbs and intro */
html.ia body .breadcrumbs{font-size:13px;color:var(--ia-muted)}
html.ia body .breadcrumbs a{color:var(--ia-ink);text-decoration:underline;text-decoration-color:var(--ia-line-strong);text-underline-offset:3px}
html.ia body .breadcrumbs a:hover{text-decoration-color:currentColor}
html.ia body .card .card-body p{color:var(--ia-muted)}
/* The exported greys and teal fall to 3.4-4:1 on the paper backgrounds: the design's muted ink instead. */
html.ia{--muted:var(--ia-muted)}
html.ia body :is(.quiet-note,.resource-story p,.variant-table caption,.view-toggle button:not([aria-pressed=true])){color:var(--ia-muted)}
html.ia body .panel article small{color:#0E6B62}
html.ia body .intro h1{font:500 clamp(40px,5vw,66px)/1.02 var(--ia-display);letter-spacing:-.035em}
html.ia body .intro p{max-width:640px;font-size:17px;line-height:1.6;color:var(--ia-muted)}

/* Catalogue: one filter card, the products right below */
html.ia body .catalog-form.ia-catalog{display:block}
html.ia .ia-toolbar{display:flex;flex-direction:column;gap:16px;padding:20px;margin:0 0 28px;background:var(--ia-surface);border:1px solid var(--ia-line);border-radius:10px}
html.ia .ia-toolbar-top{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
html.ia .ia-toolbar .filter-search{flex:1 1 320px;display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:var(--ia-muted)}
html.ia .ia-toolbar input[type=search],html.ia .ia-toolbar input[type=number],html.ia .ia-toolbar select{height:46px;padding:0 14px;border:1px solid var(--ia-line-strong);border-radius:8px;background:var(--ia-surface);font:inherit;font-size:15px;color:var(--ia-ink);box-sizing:border-box;width:100%}
html.ia .ia-toolbar .catalog-sort-group{display:flex;align-items:flex-end;gap:8px;margin:0}
html.ia .ia-toolbar .catalog-sort{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;font-size:12px;font-weight:500;color:var(--ia-muted)}
html.ia .ia-toolbar .catalog-sort select{min-width:190px}
html.ia .ia-toolbar .catalog-sort-apply{height:46px;padding:0 16px;border-radius:8px;border:1px solid var(--ia-ink);background:transparent;color:var(--ia-ink);font-weight:600;font-size:14px;cursor:pointer}
html.ia .ia-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;padding:0;border:0;min-width:0}
html.ia .ia-chip-row>legend{float:left;width:150px;margin:0;padding:10px 0 0;font-size:12px;font-weight:600;color:var(--ia-muted)}
html.ia .ia-chip-row>div{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 300px;min-width:0}
html.ia .ia-chip{position:relative;display:inline-flex;max-width:100%}
html.ia .ia-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
html.ia .ia-chip>span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--ia-line-strong);border-radius:999px;background:var(--ia-surface);color:var(--ia-ink);font-size:14px;font-weight:500;cursor:pointer;box-sizing:border-box;max-width:100%;white-space:normal;line-height:1.3;padding-block:6px}
html.ia .ia-chip>span small{font:400 12px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia .ia-chip input:checked+span{background:var(--ia-ink);border-color:var(--ia-ink);color:var(--ia-on-stage)}
html.ia .ia-chip input:checked+span small{color:var(--ia-on-stage-muted)}
html.ia .ia-chip input:focus-visible+span{outline:2px solid var(--elco-blue);outline-offset:2px}
html.ia .ia-chip:hover>span{border-color:var(--ia-ink)}
html.ia .ia-dot{display:inline-block;width:14px;height:14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(21,23,26,.2)}
html.ia .ia-more-filters{border-top:1px solid #ECEAE3;padding-top:12px}
html.ia .ia-more-filters>summary{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-weight:600;font-size:14px;cursor:pointer}
html.ia .ia-more-filters>summary small{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:var(--ia-ink);color:var(--ia-on-stage);font:500 12px var(--ia-label);font-feature-settings:"tnum"}
html.ia .ia-more-filters[open]>summary{margin-bottom:12px}
html.ia .ia-more-filters .ia-chip-row+.ia-chip-row,html.ia .ia-more-filters .ia-more-fields{margin-top:14px}
html.ia .ia-more-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
html.ia .ia-more-fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:500;color:var(--ia-muted)}
html.ia .ia-toolbar-body{display:flex;flex-direction:column;gap:16px}
html.ia .ia-filter-toggle{display:none}
@media(max-width:700px){
  html.ia .ia-toolbar.can-collapse .ia-filter-toggle{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 18px;border:1px solid var(--ia-line-strong);border-radius:999px;background:var(--ia-surface);color:var(--ia-ink);font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer}
  html.ia .ia-toolbar.can-collapse .ia-filter-toggle::after{content:"";width:8px;height:8px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
  html.ia .ia-toolbar.is-open .ia-filter-toggle::after{transform:translateY(2px) rotate(-135deg)}
  html.ia .ia-filter-toggle small{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:var(--ia-ink);color:var(--ia-on-stage);font:500 12px var(--ia-label);font-feature-settings:"tnum"}
  html.ia .ia-toolbar.can-collapse:not(.is-open) .ia-toolbar-body{display:none}
}
html.ia .ia-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:4px}
html.ia .ia-toolbar-actions a{font-weight:600;font-size:14px;color:var(--ia-ink);text-underline-offset:4px}
html.ia body .ia-catalog .result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px}
html.ia body .ia-catalog .result-head .count{margin:0;font:400 14px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .ia-catalog .catalog-content{width:100%;max-width:none}
html.ia body .series-strip{margin-bottom:24px}

/* Product page: the model panel beside the picture */
html.ia body .sheet-heading h1{font:500 clamp(36px,4.4vw,58px)/1.02 var(--ia-display);letter-spacing:-.035em}
html.ia body .sheet-heading small{font:500 12px/1.5 var(--ia-label);letter-spacing:.14em;color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .sheet-nav{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid var(--ia-line);border-radius:999px;background:var(--ia-surface);width:fit-content;max-width:100%;box-sizing:border-box}
html.ia body .sheet-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:500}
html.ia body .sheet-nav a:hover{background:#F1F0EB}
html.ia .ia-panel{display:flex;flex-direction:column;gap:16px;margin:0 0 24px;padding:20px;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface)}
html.ia .ia-panel-eyebrow{margin:0;font:500 12px/1.4 var(--ia-label);letter-spacing:.14em;color:var(--ia-muted);text-transform:uppercase;font-feature-settings:"tnum"}
html.ia .ia-models{display:flex;flex-wrap:wrap;gap:8px}
html.ia .ia-model{flex:0 0 auto;min-width:84px;max-width:100%;white-space:normal;overflow-wrap:break-word;min-height:44px;padding:0 12px;border:1px solid var(--ia-line-strong);border-radius:8px;background:var(--ia-surface);color:var(--ia-ink);font:500 14px var(--ia-label);cursor:pointer;font-feature-settings:"tnum"}
html.ia .ia-model:hover{border-color:var(--ia-ink)}
html.ia .ia-model[aria-pressed=true]{background:var(--ia-ink);border-color:var(--ia-ink);color:var(--ia-on-stage)}
html.ia .ia-keyspecs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1px;margin:0;background:var(--ia-line);border:1px solid var(--ia-line);border-radius:8px;overflow:hidden}
html.ia .ia-keyspecs>div{padding:12px 14px;background:var(--ia-surface)}
html.ia .ia-keyspecs dt{font-size:12px;color:var(--ia-muted)}
html.ia .ia-keyspecs dd{margin:4px 0 0;font:500 16px var(--ia-display);color:var(--ia-ink);font-feature-settings:"tnum"}
html.ia .ia-panel-code{margin:0;font:500 15px var(--ia-display);font-feature-settings:"tnum"}
html.ia .ia-panel-actions{display:flex;flex-wrap:wrap;gap:10px}
html.ia .ia-panel-actions .ia-btn-primary{flex:1 1 220px}
html.ia .ia-panel .selection-status{margin:0;font-size:14px;font-weight:500;color:var(--ia-ink)}
html.ia .ia-panel .selection-status:empty{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.ia .ia-panel-note{margin:0;font-size:12px;color:var(--ia-muted)}
html.ia body .variant-table td,html.ia body .sheet-dimensions td,html.ia body .sheet-specs dd{font-family:var(--ia-display);font-size:14px;font-feature-settings:"tnum"}
html.ia body .variant-table th{font-size:12px}

/* Footer: the dark stage again */
html.ia body .site-footer .footer-grid h2{font:500 12px/1.5 var(--ia-label);letter-spacing:.14em;text-transform:uppercase;font-feature-settings:"tnum"}
html.ia body .site-footer .footer-bottom{font-size:13px}
/* Footer: the newsletter as one field, readable columns, the bottom bar. Every shade comes from the footer colours of Site
   ayarları › Marka ve tasarım (currentColor, --elco-footer-bg). */
html.ia body .site-footer .footer-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:40px clamp(32px,5vw,80px);margin-bottom:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent)}
html.ia body .site-footer .footer-head:not(:has(.footer-newsletter)){grid-template-columns:minmax(0,1fr)}
html.ia body .site-footer .footer-head>.footer-newsletter{display:block;max-width:none;margin:0;padding:0;border:0}
html.ia body .site-footer .footer-newsletter-copy{margin-bottom:22px}
html.ia body .site-footer .footer-brand .footer-logo{display:inline-block;line-height:0}
html.ia body .site-footer .footer-newsletter h2{margin:0 0 10px;font:500 clamp(28px,3vw,40px)/1.1 var(--ia-display);letter-spacing:-.03em}
html.ia body .site-footer .footer-newsletter-copy p{max-width:460px;font-size:15px;line-height:1.6;opacity:.75}
html.ia body .site-footer .newsletter-row{flex-direction:row;gap:6px;padding:5px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:var(--ia-button-radius,999px)}
html.ia body .site-footer .newsletter-row:focus-within{border-color:currentColor}
html.ia body .site-footer .newsletter-form input[type=email]{min-height:46px;padding:0 18px;border:0;border-radius:var(--ia-button-radius,999px);font-size:16px}
html.ia body .site-footer .newsletter-form button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 22px;border:0;border-radius:var(--ia-button-radius,999px);background:var(--elco-on-blue);color:var(--elco-footer-bg,#0f1211);font-size:15px;white-space:nowrap}
html.ia body .site-footer .newsletter-form button:hover{background:color-mix(in srgb,var(--elco-on-blue) 85%,transparent)}
html.ia body .site-footer .newsletter-form .elco-consent{gap:12px;margin-top:16px;font-size:13px;opacity:1}
html.ia body .site-footer .newsletter-form .elco-consent>span{opacity:.8}
html.ia body .site-footer .newsletter-form .elco-consent input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 18px;width:18px;min-width:0;height:18px;margin:1px 0 0;padding:0;border:1.5px solid color-mix(in srgb,var(--elco-on-blue) 70%,transparent);border-radius:4px;background:transparent;color:var(--elco-on-blue);cursor:pointer}
html.ia body .site-footer .newsletter-form .elco-consent input[type=checkbox]:checked{border-color:var(--elco-on-blue);background:var(--elco-on-blue);box-shadow:inset 0 0 0 3px var(--elco-footer-bg,#0f1211)}
html.ia body .site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px clamp(24px,4vw,56px)}
html.ia body .site-footer .footer-grid h2{margin:0 0 18px;opacity:.6}
html.ia body .site-footer .footer-grid>div>a:not(.footer-logo){display:inline-flex;align-items:baseline;gap:6px;margin:0 0 12px;font-size:15px;line-height:1.4;color:inherit;opacity:.85}
html.ia body .site-footer .footer-grid>div>a:not(.footer-logo):hover,html.ia body .site-footer .footer-bottom a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
html.ia body .site-footer .footer-ext{font-size:.8em;opacity:.7}
html.ia body .site-footer .footer-brand .footer-company{max-width:320px;margin:20px 0 0;font:500 15px/1.5 var(--ia-display)}
html.ia body .site-footer .footer-brand .footer-address{max-width:320px;margin:8px 0 0;font-size:14px;line-height:1.65;opacity:.75}
html.ia body .site-footer .footer-bottom{align-items:center;gap:12px 28px;margin-top:clamp(40px,5vw,64px);padding-top:24px;border-top-color:color-mix(in srgb,currentColor 16%,transparent);font-size:13px}
html.ia body .site-footer .footer-copyright{margin-right:auto;opacity:.7}
html.ia body .site-footer .footer-legal{display:flex;flex-wrap:wrap;gap:8px 24px}
html.ia body .site-footer .footer-bottom a{color:inherit;opacity:.85}
html.ia body .site-footer .footer-top{display:inline-flex;gap:8px}
@media(max-width:860px){html.ia body .site-footer .footer-head{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){html.ia body .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}html.ia body .site-footer .footer-copyright{flex-basis:100%}}
/* Cookie consent bar (Site ayarları › SEO ve Google › Google Analytics ve çerez onayı): at the bottom of the screen, both choices
   alike; under an open menu. Alt bilgi › Çerez tercihleri opens it again. */
html.ia body .consent-bar{position:fixed;left:var(--elco-page-gutter,28px);right:var(--elco-page-gutter,28px);bottom:20px;z-index:45;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;max-width:980px;margin:0 auto;padding:18px 22px;border:1px solid var(--ia-line);border-radius:12px;background:var(--ia-surface);color:var(--ia-ink);box-shadow:0 18px 50px rgba(15,18,17,.18)}
html.ia body .consent-bar[hidden]{display:none}
html.ia body .consent-bar p{flex:1 1 380px;margin:0;font-size:14px;line-height:1.55;color:#3E444A}
html.ia body .consent-bar p a{color:var(--ia-ink);text-decoration:underline;text-underline-offset:3px}
html.ia body .consent-actions{display:flex;flex:0 0 auto;gap:10px}
html.ia body .consent-actions button{min-height:44px;padding:0 22px;border:1px solid var(--ia-ink);border-radius:var(--ia-button-radius,999px);background:transparent;color:var(--ia-ink);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
html.ia body .consent-actions button:hover{background:var(--ia-ink);color:var(--ia-on-stage)}
html.ia body .site-footer .footer-consent{padding:0;border:0;background:none;color:inherit;font:inherit;opacity:.85;cursor:pointer}
html.ia body .site-footer .footer-consent:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){html.ia body .consent-bar{left:12px;right:12px;bottom:12px;padding:16px}html.ia body .consent-actions{flex:1 1 100%}html.ia body .consent-actions button{flex:1}}

/* Iteration 2 fixes: older label / chip rules, the full-width bands of the home page, the why grid and the film */
html.ia .ia-chip{flex:0 0 auto}
html.ia .ia-chip span span{display:inline;padding:0;border:0;border-radius:0;background:none;font:inherit;color:inherit;white-space:normal;min-width:0}
html.ia body .home-main .project-story,html.ia body .home-main .resource-story{max-width:none;padding-left:var(--elco-page-edge);padding-right:var(--elco-page-edge);background:#ECEBE5}
html.ia body .home-main .resource-story{padding-top:clamp(64px,8vw,104px);padding-bottom:clamp(64px,8vw,104px)}
html.ia body .home-main .project-story{padding-top:clamp(64px,8vw,104px);padding-bottom:clamp(64px,8vw,104px)}
html.ia body .project-story .card .cover{width:100%;max-width:none}
html.ia body .card-body small{color:var(--ia-muted)}
html.ia body .card .more{font-weight:600;font-size:13px}
html.ia .ia-why-body .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html.ia body .home-product-film video{border-radius:8px;background:var(--ia-stage)}
/* Ürün filmi playing by itself: the film alone with a full-screen button in its corner; the pause / play button shows on keyboard
   focus (a click on the film does the same) */
html.ia body .home-product-film .film-frame{position:relative;min-width:0}
html.ia body .home-product-film .film-frame video{display:block;cursor:pointer}
html.ia body .film-fullscreen{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(245,244,239,.35);border-radius:50%;background:rgba(15,18,17,.6);color:#F5F4EF;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html.ia body .film-fullscreen:hover{background:rgba(15,18,17,.88)}
html.ia body .film-toggle{position:absolute;left:14px;bottom:14px;min-height:40px;padding:0 16px;border:1px solid rgba(245,244,239,.35);border-radius:999px;background:rgba(15,18,17,.88);color:#F5F4EF;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;opacity:0;pointer-events:none}
html.ia body .film-toggle:focus-visible{opacity:1;pointer-events:auto}
@media(max-width:600px){html.ia .ia-why-body .why-grid{grid-template-columns:1fr}}
@media(max-width:700px){html.ia body .section-heading{flex-direction:column;align-items:flex-start;gap:16px}html.ia body .home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}html.ia .ia-group-name{font-size:17px;flex-direction:column;gap:2px}}
@media(max-width:700px){html.ia body .sheet-nav{flex-wrap:nowrap;overflow-x:auto;width:auto;scrollbar-width:none}html.ia body .sheet-nav a{flex:0 0 auto;white-space:nowrap}}

/* Narrow screens */
@media(max-width:600px){
  html.ia body .elco-header .menu-utilities{gap:6px}
  html.ia body .elco-header .header-language-links{padding:2px}
  html.ia body .elco-header .header-language-link{min-width:30px;height:32px;padding:0 6px;font-size:11px}
  html.ia body .elco-header .header-quote{min-height:38px;padding:0 12px;font-size:13px;margin:0}
  html.ia body .elco-header .elco-search>summary{width:38px;height:38px}
}
@media(max-width:420px){
  html.ia body .elco-header>.mobile-nav-toggle{font-size:0;gap:0}
  html.ia body .elco-header .menu-utilities{gap:4px}
  html.ia body .elco-header .header-language-link{min-width:28px;padding:0 5px}
  html.ia body .elco-header .header-quote{padding:0 10px}
  html.ia body .elco-header .elco-search>summary{width:36px;height:36px}
}
@media(max-width:700px){
  html.ia .ia-chip-row>legend{float:none;width:100%;padding:0}
  html.ia .ia-toolbar{padding:16px}
  html.ia .ia-toolbar .catalog-sort-group{flex:1 1 100%}
  html.ia .ia-toolbar .catalog-sort{flex:1}
  html.ia .ia-toolbar .catalog-sort select{min-width:0}
  html.ia body .catalog-results.list-view .ia-product-card>a{flex-direction:column}
  html.ia .ia-contact-actions{flex:1 1 100%}
  html.ia .ia-hero-foot{flex-direction:column;align-items:flex-start}
}

/* Home page rhythm (design review): one gap between sections instead of stacked paddings and margins, and the bands, the
   contact card and the section contents on the same left and right edges. */
html.ia{--ia-section-gap:clamp(64px,8vw,112px);--ia-content-edge:max(var(--ia-edge),calc((100% - var(--elco-page-width,1280px)) / 2 + var(--ia-edge)))}
/* The home page sits on the site's edges: the header, the footer and the inner pages use --elco-page-edge. */
html.ia body main.home-main{--ia-edge:var(--elco-page-gutter,28px);--ia-content-edge:var(--elco-page-edge);padding-bottom:var(--ia-section-gap)}
html.ia body main.home-main>section{margin-top:var(--ia-section-gap);margin-bottom:0}
html.ia body main.home-main>section:first-child{margin-top:0}
html.ia body main.home-main>section.page-shell:not(.project-story):not(.resource-story):not(.ia-contact){padding-top:0;padding-bottom:0}
html.ia body .home-main .project-story,html.ia body .home-main .resource-story{padding-left:var(--ia-content-edge);padding-right:var(--ia-content-edge)}
html.ia body .home-main .home-references.ia-refs{margin-top:var(--ia-section-gap);padding:0}
html.ia body .home-main .contact-story.ia-contact{width:auto;max-width:none;margin-left:var(--ia-content-edge);margin-right:var(--ia-content-edge)}
/* Neden ELCO?: room under the intro; the four reasons in two by two beside the efficacy card. */
html.ia body .home-why .home-why-intro{max-width:640px;margin:0 0 32px;color:var(--ia-muted)}
html.ia body .home-why .ia-why-body.has-stat .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){html.ia body .home-why .ia-why-body.has-stat .why-grid{grid-template-columns:minmax(0,1fr)}}
/* Projects: three columns with the first project large; a lone project in the last row spans the row (picture beside the text),
   two take the last two thirds. Two columns on tablets, one on phones. */
html.ia body .project-story .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1024px){
  html.ia body .project-story .cards>.card:nth-child(3n+4):last-child{grid-column:1/-1}
  html.ia body .project-story .cards>.card:nth-child(3n+4):last-child>a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;align-items:center}
  html.ia body .project-story .cards>.card:nth-child(3n+4):last-child .card-body{grid-column:span 2}
  html.ia body .project-story .cards>.card:nth-child(3n+5):last-child{grid-column:span 2}
}
@media(max-width:1023px){
  html.ia body .project-story .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.ia body .project-story .cards>.card:first-child{grid-column:auto;grid-row:auto}
  html.ia body .project-story .cards>.card:first-child .cover{aspect-ratio:4/3;height:auto;min-height:0}
}
@media(min-width:641px) and (max-width:1023px){
  html.ia body .project-story .cards>.card:nth-child(2n+1):last-child{grid-column:1/-1}
  html.ia body .project-story .cards>.card:nth-child(2n+1):last-child>a{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;align-items:center}
}
@media(max-width:640px){html.ia body .project-story .cards{grid-template-columns:minmax(0,1fr)}}
/* Product film: the box takes the poster's proportions (inline aspect-ratio from inc/home.php), so there are no black bars. */
html.ia body .home-product-film video{width:100%;height:auto;max-height:none}
/* Odaktaki ürün on phones: the text on the same edge as the other sections. */
@media(max-width:760px){html.ia body .home-focus-list .home-focus>div{padding-left:var(--elco-page-gutter,20px);padding-right:var(--elco-page-gutter,20px)}}

/* Inner pages: the Işık Mimarisi look on every page. With Üst menü görünümü "Koyu, her sayfada" (html.ia-stage-pages,
   functions.php) the page path and title continue the dark stage header as one band; the content below sits on the paper.
   The band reaches the window edges with a border image outset sideways (painted outside the box without widening the page);
   the title's image also reaches 1px up so the two parts meet without a seam. The background colour under it keeps the light text
   readable for contrast checkers and wherever the border image is not drawn. */
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child,
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child+.intro,
html.ia-stage-pages body main:not(.home-main)>.intro:first-child,
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child+.product-sheet>.sheet-heading{background:var(--ia-stage);color:var(--ia-on-stage);border-image:conic-gradient(var(--ia-stage) 0 0) fill 0/0/0 100vmax}
html.ia-stage-pages body main:not(.home-main)>:is(.breadcrumbs:first-child+.intro,.breadcrumbs:first-child+.product-sheet>.sheet-heading){border-image-outset:1px 100vmax 0}
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child{margin:0;padding:22px 0 18px;color:var(--ia-on-stage-soft)}
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child a{color:var(--ia-on-stage);text-decoration-color:rgba(245,244,239,.35)}
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child a:hover{text-decoration-color:currentColor}
html.ia-stage-pages body main:not(.home-main)>:is(.breadcrumbs:first-child+.intro,.intro:first-child){margin:0 0 clamp(36px,5vw,56px);padding:clamp(20px,3vw,40px) 0 clamp(48px,6vw,80px)}
html.ia-stage-pages body main:not(.home-main)>.intro:first-child{padding-top:clamp(56px,8vw,104px)}
html.ia-stage-pages body main:not(.home-main)>:is(.breadcrumbs:first-child+.intro,.intro:first-child) small{color:var(--ia-on-stage-soft)}
html.ia-stage-pages body main:not(.home-main)>:is(.breadcrumbs:first-child+.intro,.intro:first-child) h1{color:var(--ia-on-stage)}
html.ia-stage-pages body main:not(.home-main)>:is(.breadcrumbs:first-child+.intro,.intro:first-child) p{color:var(--ia-on-stage-muted)}
html.ia-stage-pages body main:not(.home-main)>:is(.breadcrumbs:first-child+.intro,.intro:first-child) .button{margin:8px 10px 0 0;border:1px solid var(--ia-on-stage);background:var(--ia-on-stage);color:var(--ia-ink)}
html.ia-stage-pages body main:not(.home-main)>:is(.breadcrumbs:first-child+.intro,.intro:first-child) .button~.button{border-color:rgba(245,244,239,.38);background:transparent;color:var(--ia-on-stage)}
html.ia-stage-pages body main:not(.home-main)>:is(.breadcrumbs:first-child+.intro,.intro:first-child) .button:hover{border-color:#FFFFFF;background:#FFFFFF;color:var(--ia-ink)}
/* Product pages: the series name and title join the band. */
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child+.product-sheet>.sheet-heading{margin:0 0 clamp(24px,3vw,40px);padding:clamp(8px,2vw,20px) 0 clamp(36px,5vw,56px)}
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child+.product-sheet>.sheet-heading small{color:var(--ia-on-stage-soft)}
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child+.product-sheet>.sheet-heading h1,html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child+.product-sheet>.sheet-heading>a{color:var(--ia-on-stage)}

/* Search boxes of the list pages (Projeler, Blog, İndirmeler, Konfigüratör): the catalogue's filter card. */
html.ia body main .filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:0 0 28px;padding:20px;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface)}
html.ia body main .filters label{display:flex;flex-direction:column;gap:6px;flex:1 1 240px;min-width:0;margin:0;font-size:12px;font-weight:500;color:var(--ia-muted)}
html.ia body main .filters :is(input:not([type=checkbox]):not([type=radio]),select){width:100%;height:46px;padding:0 14px;border:1px solid var(--ia-line-strong);border-radius:8px;background:var(--ia-surface);font:inherit;font-size:15px;color:var(--ia-ink);box-sizing:border-box}
html.ia body main .filters button{flex:0 0 auto;min-height:46px;padding:0 24px;border:1px solid var(--elco-blue);border-radius:var(--ia-button-radius,999px);background:var(--elco-blue);color:var(--elco-on-blue);font:600 15px/1.2 Inter,'Segoe UI',Arial,sans-serif;cursor:pointer}
html.ia body main .filters button:hover{border-color:var(--elco-blue-hover);background:var(--elco-blue-hover)}
html.ia body main .filters>a{align-self:center;padding:0;font-size:14px;font-weight:600}

/* Cards of the list pages (projects, blog, fairs, similar projects, services): white cards like the product cards. */
html.ia body main:not(.home-main) .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px}
html.ia body main:not(.home-main) .card:not(.ia-product-card){display:flex;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface);overflow:hidden}
html.ia body main:not(.home-main) .card:not(.ia-product-card)>a{display:flex;flex-direction:column;width:100%;color:inherit;text-decoration:none}
html.ia body main:not(.home-main) .card:not(.ia-product-card) .cover{height:auto;aspect-ratio:4/3;margin:0;background:#ECEBE5}
html.ia body main:not(.home-main) .card:not(.ia-product-card) .card-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:20px 20px 22px}
html.ia body main:not(.home-main) :is(.card:not(.ia-product-card) .card-body>small,.service-card>small,.panel article small,.client small){margin:0;font:500 11px/1.4 var(--ia-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body main:not(.home-main) :is(.card:not(.ia-product-card),.service-card) h2{margin:0;font:500 22px/1.2 var(--ia-display);letter-spacing:-.01em}
html.ia body main:not(.home-main) :is(.card:not(.ia-product-card) .card-body,.service-card) p{margin:0;font-size:14px;line-height:1.6;color:var(--ia-muted)}
html.ia body main:not(.home-main) :is(.card:not(.ia-product-card),.service-card) .more{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin-top:auto;min-height:40px;padding:0 16px;border:1px solid var(--ia-ink);border-radius:var(--ia-button-radius,999px);font-size:14px;font-weight:600;color:var(--ia-ink);text-decoration:none;box-sizing:border-box}
html.ia body main:not(.home-main) .card:not(.ia-product-card):hover .more,html.ia body main:not(.home-main) .service-card .more:hover{background:var(--ia-ink);color:var(--ia-on-stage)}
html.ia body main:not(.home-main) .sheet-projects .card:not(.ia-product-card) :is(.more,.card-body p){display:none}
html.ia body main:not(.home-main) .service-card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface)}
html.ia body .fair-state{left:12px;top:12px;padding:5px 10px;border-radius:999px;font:500 11px/1.4 var(--ia-label);letter-spacing:.08em;font-feature-settings:"tnum"}
html.ia body .fair-card .fair-place,html.ia body .fair-card .fair-booth{margin:0;font-size:14px;color:var(--ia-muted)}

/* Sections of the inner pages */
html.ia body main:not(.home-main) .panel{padding:clamp(32px,4vw,48px) 0;border-top:1px solid var(--ia-line)}
html.ia body main:not(.home-main)>.intro+.panel{padding-top:0;border-top:0}
html.ia body main:not(.home-main) .panel>h2{margin:0 0 24px;font:500 clamp(26px,3vw,36px)/1.1 var(--ia-display);letter-spacing:-.02em}
html.ia body main:not(.home-main) .panel>p{max-width:680px;font-size:15px;line-height:1.65;color:var(--ia-muted)}
html.ia body .editor-content:empty,html.ia body .project-facts:empty{display:none}
/* İndirmeler: one resource per section, so the sections without a heading are only the rows' spacing. */
html.ia body main:not(.home-main)>.panel:not(:has(>h2)){padding:0;border-top:0}
html.ia body .series-strip h2{margin:0 0 12px;font:500 12px/1.5 var(--ia-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .series-strip ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
html.ia body .series-strip a{display:inline-flex;align-items:baseline;gap:8px;min-height:40px;padding:9px 16px;border:1px solid var(--ia-line-strong);border-radius:999px;background:var(--ia-surface);color:var(--ia-ink);text-decoration:none;font-size:14px;box-sizing:border-box}
html.ia body .series-strip a:hover,html.ia body .series-strip a[aria-current]{border-color:var(--ia-ink)}
html.ia body .series-strip strong{font-weight:600}
html.ia body .series-strip small{font:400 12px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}

/* Kataloglar and İndirmeler */
html.ia body .catalogue-grid{gap:24px}
html.ia body .catalogue-card{display:flex;flex-direction:column;gap:14px;padding:16px 16px 20px;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface)}
html.ia body .catalogue-card>a:first-child{display:flex;flex-direction:column;gap:14px;color:inherit;text-decoration:none}
html.ia body .catalogue-card img{border-radius:6px;background:#ECEBE5}
html.ia body .catalogue-card h2{margin:0;font:500 20px/1.25 var(--ia-display);letter-spacing:-.01em}
html.ia body .catalogue-card .text-link{align-self:flex-start;margin-top:auto}
html.ia body main .panel .resource-row{gap:24px;margin:0 0 12px;padding:20px 22px;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface)}
html.ia body main .resource-row h2{margin:6px 0;font:500 21px/1.25 var(--ia-display);letter-spacing:-.01em}
html.ia body main .resource-row p{margin:0;font-size:14px;line-height:1.6;color:var(--ia-muted)}
html.ia body main .resource-row .button{border:1px solid var(--ia-ink);background:transparent;color:var(--ia-ink)}
html.ia body main .resource-row .button:hover{background:var(--ia-ink);color:var(--ia-on-stage)}

/* Sertifikalar, Referanslar */
html.ia body .certificate-card{border:1px solid var(--ia-line);border-radius:10px;overflow:hidden;background:var(--ia-surface)}
html.ia body .certificate-visual{background:#ECEBE5}
html.ia body .certificate-body h2{font:500 21px/1.25 var(--ia-display);letter-spacing:-.01em}
html.ia body .certificate-body dt{color:var(--ia-muted)}
html.ia body .certificate-body dd{font:500 13px/1.6 var(--ia-label);font-feature-settings:"tnum"}
html.ia body .certificate-body p{color:var(--ia-muted)}
html.ia body main:not(.home-main) .client :is(a,.client-card){padding:20px 16px;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface)}
html.ia body main:not(.home-main) .client a:hover{border-color:var(--ia-ink)}
html.ia body main:not(.home-main) .testimonial-card{padding:28px;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface)}
html.ia body main:not(.home-main) .testimonial-card blockquote:before{font:500 64px/1 var(--ia-display);color:var(--ia-line-strong)}
html.ia body main:not(.home-main) .testimonial-card blockquote p{font-size:17px;line-height:1.6;color:var(--ia-ink)}
html.ia body main:not(.home-main) .testimonial-card figcaption small{color:var(--ia-muted)}

/* İletişim */
html.ia body .contact-overview h2{font:500 24px/1.3 var(--ia-display);letter-spacing:-.02em}
html.ia body .contact-channel{border-radius:10px}
html.ia body .contact-channels .contact-channel--whatsapp{border:1px solid var(--ia-line);background:var(--ia-surface);color:var(--ia-ink)}
html.ia body .contact-channel small{font:500 11px/1.5 var(--ia-label);letter-spacing:.12em;opacity:.8;font-feature-settings:"tnum"}
html.ia body .contact-form-section{gap:clamp(24px,4vw,56px);padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--ia-line)}
html.ia body .contact-form-intro h2{font:500 clamp(30px,3.4vw,44px)/1.08 var(--ia-display);letter-spacing:-.03em}
html.ia body .contact-form-intro p{color:var(--ia-muted)}
html.ia body main .elco-form-field{gap:6px;font-size:13px;font-weight:500;color:var(--ia-ink)}
html.ia body main .elco-form-field small{color:var(--ia-muted)}
html.ia body main .elco-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea),html.ia body .project-form-grid :is(input,textarea,select){width:100%;min-height:46px;padding:0 14px;border:1px solid var(--ia-line-strong);border-radius:8px;background:var(--ia-surface);font:inherit;font-size:15px;color:var(--ia-ink);box-sizing:border-box}
html.ia body main .elco-form :is(input:not([type=checkbox]):not([type=radio]),select){height:46px}
html.ia body main .elco-form textarea,html.ia body .project-form-grid textarea{min-height:160px;padding:12px 14px;line-height:1.55}
html.ia body main .elco-form :is(input,select,textarea):hover,html.ia body .project-form-grid :is(input,textarea,select):hover{border-color:#B8B4A8}
html.ia body main .elco-consent{color:var(--ia-muted)}
html.ia body main .elco-form-actions .button,html.ia body .project-panel #sendQuoteRequest{min-height:48px;padding:0 26px;border:1px solid var(--elco-blue);border-radius:var(--ia-button-radius,999px);background:var(--elco-blue);color:var(--elco-on-blue);font:600 15px/1.2 Inter,'Segoe UI',Arial,sans-serif}
html.ia body main .elco-form-actions .button:hover,html.ia body .project-panel #sendQuoteRequest:hover{border-color:var(--elco-blue-hover);background:var(--elco-blue-hover)}
html.ia body .contact-map.contact-map{border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface)}
html.ia body .contact-map-heading small{font:500 11px/1.5 var(--ia-label);letter-spacing:.14em;text-transform:uppercase;font-feature-settings:"tnum"}
html.ia body .contact-map-heading h2{font:500 clamp(28px,3vw,36px)/1.1 var(--ia-display);letter-spacing:-.03em}
html.ia body .contact-map .contact-directions{min-height:44px;padding:0 18px;border:1px solid var(--ia-ink);font-size:14px;font-weight:600;box-sizing:border-box}
html.ia body .contact-map .contact-directions:hover{background:var(--ia-ink);color:var(--ia-on-stage)}
html.ia body .contact-departments{border-top-color:var(--ia-line)}
html.ia body .contact-departments :is(h2,h3){font:500 18px/1.3 var(--ia-display);letter-spacing:-.01em}
/* İletişim: three cards (address; phone, e-mail and WhatsApp; the page's own text as rows), the send button */
html.ia body .contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 clamp(40px,5vw,64px)}
html.ia body .contact-cards.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
html.ia body .contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:clamp(22px,2.4vw,32px);border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface)}
html.ia body .contact-card-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:8px;border:1px solid var(--ia-line);border-radius:50%;color:var(--ia-ink)}
html.ia body .contact-card>small,html.ia body .contact-card--details .imported-content>:is(h2,h3,h4):first-child{grid-column:1/-1;margin:0;padding:0 0 10px;border:0;font:500 11px/1.5 var(--ia-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .contact-card>h2{margin:0;font:500 20px/1.35 var(--ia-display);letter-spacing:-.01em;color:var(--ia-ink)}
html.ia body .contact-card>p{margin:0;font-size:16px;line-height:1.65;color:#3E444A;text-wrap:pretty}
html.ia body .contact-card>.contact-lines{display:grid;gap:4px}
html.ia body .contact-card .contact-lines a{font:500 clamp(20px,1.7vw,24px)/1.35 var(--ia-display);letter-spacing:-.015em;color:var(--ia-ink);overflow-wrap:anywhere}
html.ia body .contact-card .contact-lines a:hover{text-decoration:underline;text-underline-offset:4px}
html.ia body .contact-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto}
html.ia body .contact-card-link svg{width:16px;height:16px}
html.ia body .contact-whatsapp{display:inline-flex;align-items:center;gap:10px;margin-top:auto;min-height:46px;padding:0 20px;border:1px solid var(--ia-ink);border-radius:var(--ia-button-radius,999px);font-size:14px;font-weight:600;color:var(--ia-ink)}
html.ia body .contact-whatsapp:hover{background:var(--ia-ink);color:var(--ia-on-stage)}
html.ia body .contact-card--details>:not(.contact-card-icon){width:100%}
html.ia body .contact-card--details :is(.contact-departments,.elco-native-editor){display:block;margin:0;padding:0;border:0}
html.ia body .contact-card--details .editor-content:empty{display:none}
html.ia body .contact-card--details .imported-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);max-width:none;margin:0}
html.ia body .contact-card--details .imported-content>*{grid-column:2;margin:0;padding:12px 0;border-top:1px solid var(--ia-line);font-size:15px;line-height:1.5;color:#3E444A;overflow-wrap:anywhere;text-wrap:balance}
html.ia body .contact-card--details .imported-content>:is(h2,h3,h4){grid-column:1;padding-right:16px;font:500 15px/1.5 var(--ia-display);letter-spacing:0;color:var(--ia-ink)}
html.ia body .contact-card--details .imported-content a{color:var(--ia-ink)}
html.ia body main .contact-form .elco-form-actions .button{display:inline-flex;align-items:center;gap:10px}
/* The map beside the form, top and bottom on the same lines: the map on the left as tall as the introduction and the form on
   the right; on phones introduction, form, map */
html.ia body .contact-form-section.has-map{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"map intro" "map form";row-gap:28px;align-items:start}
html.ia body .contact-form-section.has-map>.contact-form-intro{grid-area:intro}
html.ia body .contact-form-section.has-map>.contact-form{grid-area:form}
html.ia body .contact-form-section.has-map>.contact-map{grid-area:map;align-self:stretch;display:flex;flex-direction:column;min-width:0;margin:0}
html.ia body .contact-form-section.has-map>.contact-map .contact-map-heading{padding:22px 24px;gap:16px;flex-wrap:wrap}
html.ia body .contact-form-section.has-map>.contact-map iframe{flex:1 1 auto;height:auto;min-height:320px}
@media(max-width:900px){html.ia body .contact-form-section.has-map{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"intro" "form" "map"}}
@media(max-width:1100px){html.ia body .contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}html.ia body .contact-cards>.contact-card--details{grid-column:1/-1}}
@media(max-width:700px){html.ia body .contact-cards,html.ia body .contact-cards.is-pair{grid-template-columns:minmax(0,1fr)}}

/* Teklif listem, Karşılaştır */
html.ia body .project-panel{border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface);color:var(--ia-ink)}
html.ia body .project-panel>small{font:500 12px/1.5 var(--ia-label);letter-spacing:.16em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .project-panel h2{font:500 clamp(26px,3vw,38px)/1.1 var(--ia-display);letter-spacing:-.02em}
html.ia body .project-form-grid label{gap:6px;font-size:13px;font-weight:500;color:var(--ia-ink)}
html.ia body .project-panel .project-help{color:var(--ia-muted)}
html.ia body .project-page :is(.selection-actions :is(button,.button),#clearComparison){min-height:46px;padding:0 20px;border:1px solid var(--ia-ink);border-radius:var(--ia-button-radius,999px);background:transparent;color:var(--ia-ink);font-weight:600}
html.ia body .project-page :is(.selection-actions :is(button,.button),#clearComparison):not(:disabled):hover{background:var(--ia-ink);color:var(--ia-on-stage)}
html.ia body .project-page>.selection-actions #exportSelections{border-color:var(--elco-blue);background:var(--elco-blue);color:var(--elco-on-blue)}
html.ia body .selection-row h2{font:500 20px/1.25 var(--ia-display)}
html.ia body #selectionList>.empty{margin:0;padding:28px;border:1px dashed var(--ia-line-strong);border-radius:10px;background:var(--ia-surface);color:var(--ia-muted)}

/* Articles: blog posts, projects, fairs, privacy and the about timeline */
html.ia body :is(.content-article,.project-article) .imported-content{max-width:760px;margin-left:0}
html.ia body :is(.content-article,.project-article) .imported-content p{font-size:17px;line-height:1.75;color:#3E444A}
html.ia body :is(.content-article,.project-article) .imported-content :is(h2,h3){margin:40px 0 14px;font:500 clamp(24px,2.6vw,30px)/1.2 var(--ia-display);letter-spacing:-.02em;color:var(--ia-ink)}
html.ia body :is(.page-cover,.project-article .project-cover){border-radius:10px}
/* Blog posts: a title band sized for long titles, the cover at the article's width, lists, the link onwards, the other posts */
html.ia body main:has(>.post-article)>.intro h1{max-width:24ch;font-size:clamp(32px,3.6vw,52px);line-height:1.08}
html.ia body .content-article>.gallery-link{display:block;margin:0 0 clamp(28px,4vw,44px)}
html.ia body .content-article>.gallery-link>.page-cover{display:block;width:100%;height:auto;max-height:none;aspect-ratio:2/1;margin:0;object-fit:cover}
html.ia body :is(.content-article,.project-article) :is(.imported-content,.editor-content) ul{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}
html.ia body :is(.content-article,.project-article) :is(.imported-content,.editor-content) ul li{position:relative;padding-left:26px;font-size:17px;line-height:1.7;color:#3E444A}
html.ia body :is(.content-article,.project-article) :is(.imported-content,.editor-content) ul li::before{content:"";position:absolute;left:0;top:.85em;width:12px;height:1.5px;background:var(--ia-ink)}
html.ia body :is(.content-article,.project-article) .imported-content .content-link{display:inline-flex;align-items:center;gap:10px;margin:12px 0 0;padding:12px 22px;border:1px solid var(--ia-ink);border-radius:var(--ia-button-radius,999px);color:var(--ia-ink);font-size:15px;font-weight:600;text-decoration:none}
html.ia body :is(.content-article,.project-article) .imported-content .content-link:hover{background:var(--ia-ink);color:var(--ia-on-stage);text-decoration:none}
html.ia body main:not(.home-main) .post-more{margin-top:clamp(40px,6vw,72px)}
html.ia body .post-more-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:24px}
html.ia body .post-more-head h2{margin:0;font:500 clamp(26px,3vw,36px)/1.15 var(--ia-display);letter-spacing:-.02em;color:var(--ia-ink)}
html.ia body main:not(.home-main) .post-more .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1024px){html.ia body main:not(.home-main) .post-more .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){html.ia body main:not(.home-main) .post-more .cards{grid-template-columns:minmax(0,1fr)}}
html.ia body .project-gallery a{border-radius:8px}
html.ia body .project-gallery figcaption{color:var(--ia-muted)}
html.ia body .project-facts{gap:1px;margin:28px 0;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-line);overflow:hidden}
html.ia body .project-facts>div{margin:0;padding:14px 16px;border:0;background:var(--ia-surface)}
html.ia body .project-facts dt{font-size:12px;color:var(--ia-muted)}
html.ia body .project-facts dd{margin:4px 0 0;font:500 15px/1.4 var(--ia-display);color:var(--ia-ink);font-feature-settings:"tnum"}
html.ia body .about-milestone{gap:clamp(32px,6vw,80px);border-top-color:var(--ia-line)}
html.ia body main:not(.home-main)>.intro+.about-timeline>.about-milestone:first-child{border-top:0;padding-top:0}
html.ia body .about-milestone h2{font:500 clamp(36px,4.6vw,60px)/1 var(--ia-display);letter-spacing:-.035em}
html.ia body .about-milestone .imported-content p{font-size:16px;line-height:1.75;color:#3E444A}

/* Main menu "Rehber" (inc/menu.php, static/extensions.js): Ürünler and Kurumsal with a chevron, the current page underlined;
   Ürünler opens a light panel (class groups, their classes with product counts, a featured class, quick links), Kurumsal a
   small card. On phones the menu is a light full-screen list and each panel slides in over it (static/navigation.js). */
html.ia body .ia-menu-chevron,html.ia body .ia-menu-arrow{flex:0 0 auto}
html.ia .ia-mega-eyebrow{margin:0 0 14px;font:500 11px/1.4 var(--ia-label);letter-spacing:.16em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
/* Classes without published products (Ürünler menü paneli › Ürünü olmayan sınıflar): softer, still 4.5:1 on the paper. */
html.ia .ia-mega-list a.is-empty,html.ia .ia-mega-list a.is-empty small{color:#6B7075}
html.ia body .elco-menu>details>summary::before{content:none;display:none}
@media(min-width:1001px){
  html.ia body .elco-menu{gap:26px}
  html.ia body .elco-menu>a:not(.menu-quote-link),html.ia body .elco-menu>details>summary{display:inline-flex;align-items:center;gap:6px;padding:10px 0;font:500 14px/1.5 Inter,'Segoe UI',Arial,sans-serif;background:linear-gradient(currentColor,currentColor) no-repeat left calc(100% - 2px)/0 2px;transition:color .18s ease,background-size .2s ease}
  html.ia body .elco-menu>details>summary .ia-menu-chevron{opacity:.7;transition:transform .2s ease,opacity .2s ease}
  html.ia body .elco-menu>details[open]>summary .ia-menu-chevron{transform:rotate(180deg);opacity:1}
  html.ia body .elco-menu>a[aria-current=page],html.ia body .elco-menu>a:hover,html.ia body .elco-menu>details.is-current>summary,html.ia body .elco-menu>details[open]>summary,html.ia body .elco-menu>details>summary:hover{background-size:100% 2px}
  html.ia body .elco-menu>details>summary{background-size:0 2px}
  html.ia body .elco-menu>details.is-current>summary,html.ia body .elco-menu>details[open]>summary,html.ia body .elco-menu>details>summary:hover{background-size:calc(100% - 18px) 2px}
  html.ia body .elco-header.is-stage>.elco-menu>a,html.ia body .elco-header.is-stage>.elco-menu>details>summary{color:var(--ia-on-stage-muted)}
  html.ia body .elco-header.is-stage>.elco-menu>a:is(:hover,[aria-current=page]),html.ia body .elco-header.is-stage>.elco-menu>details:is([open],.is-current)>summary,html.ia body .elco-header.is-stage>.elco-menu>details>summary:hover{color:var(--ia-on-stage)}

  /* Ürünler panel */
  html.ia body .elco-header .ia-mega{min-height:0;padding:0;border-top:0;background:var(--ia-paper);color:var(--ia-ink);box-shadow:0 30px 60px rgba(15,18,17,.22);max-height:calc(100svh - var(--elco-header-height,96px))}
  html.ia .ia-mega-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:44px;padding:36px var(--elco-page-edge) 32px}
  html.ia .ia-mega-tabs{display:flex;flex-direction:column;gap:2px}
  html.ia .ia-mega-tab{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-radius:8px;color:var(--ia-ink);text-decoration:none;font:500 16px/1.25 Inter,'Segoe UI',Arial,sans-serif}
  html.ia .ia-mega-tab:hover{background:rgba(255,255,255,.6)}
  html.ia .ia-mega-tab:is([aria-selected=true],[aria-current]){background:var(--ia-surface);box-shadow:inset 3px 0 0 var(--ia-ink),0 1px 0 var(--ia-line)}
  html.ia .ia-mega-tab small{font:400 12px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}
  html.ia .ia-mega-all{display:flex;align-items:center;gap:10px;margin-top:18px;min-height:48px;padding:0 18px;border:1px solid var(--ia-ink);border-radius:var(--ia-button-radius,999px);color:var(--ia-ink);text-decoration:none;font-size:14px;font-weight:600;box-sizing:border-box}
  html.ia .ia-mega-all small{margin-right:auto;font:500 13px var(--ia-label);color:inherit;opacity:.75;font-feature-settings:"tnum"}
  html.ia .ia-mega-all:hover{background:var(--ia-ink);color:var(--ia-on-stage)}
  html.ia .ia-mega-group+.ia-mega-group{margin-top:28px}
  html.ia .ia-mega-title{margin:0 0 6px;font:500 30px/1.1 var(--ia-display);letter-spacing:-.02em}
  html.ia .ia-mega-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;margin:0;padding:0;list-style:none}
  html.ia .ia-mega-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--ia-line);color:var(--ia-ink);text-decoration:none;font:500 17px/1.25 var(--ia-display);letter-spacing:-.01em}
  html.ia .ia-mega-list a:hover>span:first-child,html.ia .ia-mega-list a:focus-visible>span:first-child{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
  html.ia .ia-mega-list small{font:400 12px var(--ia-label);color:var(--ia-muted);white-space:nowrap;font-feature-settings:"tnum"}
  html.ia .ia-mega-feature{display:flex;flex-direction:column;align-self:start;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface);color:var(--ia-ink);text-decoration:none;overflow:hidden}
  html.ia .ia-mega-feature img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#ECEBE5}
  html.ia .ia-mega-feature-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px}
  html.ia .ia-mega-feature-body small{font:500 11px/1.4 var(--ia-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
  html.ia .ia-mega-feature-body strong{font:500 20px/1.2 var(--ia-display);letter-spacing:-.01em}
  html.ia .ia-mega-feature-body>span:not(.ia-mega-feature-button){font-size:14px;line-height:1.55;color:var(--ia-muted)}
  html.ia .ia-mega-feature-button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;min-height:44px;border-radius:var(--ia-button-radius,999px);background:var(--elco-blue);color:var(--elco-on-blue);font-size:14px;font-weight:600}
  html.ia .ia-mega-feature:hover .ia-mega-feature-button{background:var(--elco-blue-hover)}
  html.ia .ia-mega-quick{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:16px var(--elco-page-edge);border-top:1px solid var(--ia-line);background:#EFEDE6}
  html.ia .ia-mega-quick>span{font:500 11px/1.4 var(--ia-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
  html.ia .ia-mega-quick a{display:inline-flex;align-items:center;gap:6px;color:var(--ia-ink);text-decoration:none;font-size:14px;font-weight:500}
  html.ia .ia-mega-quick a:hover{text-decoration:underline;text-underline-offset:4px}
  /* Small laptops and tablets in landscape: narrower side columns, the classes in one column. */
  @media(max-width:1279px){html.ia .ia-mega-grid{grid-template-columns:224px minmax(0,1fr) 240px;gap:28px}html.ia .ia-mega-list{grid-template-columns:minmax(0,1fr)}}

  /* Kurumsal: a small card under its menu item; the strip above it keeps the pointer inside the header. */
  html.ia body .elco-menu>details.menu-corporate{position:relative}
  html.ia body .elco-header .corporate-panel{left:50%;right:auto;top:calc(100% + 26px);width:380px;padding:8px;border:1px solid var(--ia-line);border-radius:12px;background:var(--ia-surface);color:var(--ia-ink);box-shadow:0 24px 48px rgba(15,18,17,.22);transform:translateX(-50%);max-height:none;overflow:visible;box-sizing:border-box}
  html.ia body .elco-header .corporate-panel::before{content:"";position:absolute;left:0;right:0;top:-28px;height:28px}
}
html.ia body .corporate-panel ul{display:flex;flex-direction:column;gap:2px;max-width:none;margin:0;padding:0;list-style:none}
html.ia body .corporate-panel li a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:14px 16px;border:0;border-radius:8px;background:transparent;color:var(--ia-ink);text-decoration:none}
html.ia body .corporate-panel li a:is(:hover,:focus-visible,[aria-current=page]){background:var(--ia-paper);color:var(--ia-ink)}
html.ia body .corporate-panel li a strong{font:600 15px/1.3 Inter,'Segoe UI',Arial,sans-serif}
html.ia body .corporate-panel li a span{grid-column:1;font-size:13px;line-height:1.45;color:var(--ia-muted)}
html.ia body .corporate-panel li a .ia-menu-arrow{grid-row:1/3;grid-column:2;color:var(--ia-muted)}
.ia-mega-group[hidden]{display:none!important}

/* Phones and tablets: a light full-screen list; Ürünler and Kurumsal slide in over it with the ‹ Ana menü button. */
@media(max-width:1000px){
  html.ia body .elco-menu,html.ia body .elco-menu .elco-panel{background:var(--ia-paper)}
  html.ia body .elco-menu>a:not(.menu-quote-link),html.ia body .elco-menu>details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid var(--ia-line);color:var(--ia-ink);font:500 22px/1.2 var(--ia-display);letter-spacing:-.01em}
  html.ia body .elco-menu>details>summary::after{content:none!important}
  html.ia body .elco-menu>details>summary .ia-menu-chevron{transform:rotate(-90deg)}
  html.ia body .elco-menu>a:not(.menu-quote-link)::after{content:"";flex:0 0 12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6h7M6.5 2.5 10 6l-3.5 3.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6h7M6.5 2.5 10 6l-3.5 3.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center/contain no-repeat}
  html.ia body .elco-menu>a[aria-current=page],html.ia body .elco-menu>details.is-current>summary{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
  html.ia body .elco-menu .menu-return{color:var(--ia-ink);font-weight:600}
  html.ia .ia-mega-grid{display:flex;flex-direction:column;gap:14px}
  html.ia .ia-mega-side{display:contents}
  html.ia .ia-mega-eyebrow{order:1}
  html.ia .ia-mega-tabs{order:2;display:flex;gap:6px;margin:0 -24px;padding:2px 24px 4px;overflow-x:auto;scrollbar-width:none}
  html.ia .ia-mega-tab{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--ia-line-strong);border-radius:999px;background:var(--ia-surface);color:var(--ia-ink);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}
  html.ia .ia-mega-tab small{display:none}
  html.ia .ia-mega-tab:is([aria-selected=true],[aria-current]){border-color:var(--ia-ink);background:var(--ia-ink);color:var(--ia-on-stage)}
  html.ia .ia-mega-groups{order:3}
  html.ia .ia-mega-title{margin:10px 0 2px;font:500 12px/1.4 var(--ia-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
  html.ia .ia-mega-list{margin:0;padding:0;list-style:none}
  html.ia .ia-mega-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #ECEAE3;color:var(--ia-ink);text-decoration:none;font-size:16px;font-weight:500}
  html.ia .ia-mega-list small{font:400 12px var(--ia-label);color:var(--ia-muted);white-space:nowrap;font-feature-settings:"tnum"}
  html.ia .ia-mega-all{order:4;display:flex;align-items:center;gap:8px;padding:14px 2px;border-bottom:1px solid var(--ia-line);color:var(--ia-ink);text-decoration:none;font-weight:600}
  html.ia .ia-mega-all small{font:500 13px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}
  html.ia body .corporate-panel li a{padding:14px 0;border-bottom:1px solid #ECEAE3;border-radius:0}
  html.ia body .corporate-panel li a:is(:hover,:focus-visible,[aria-current=page]){background:transparent}
  html.ia .ia-mega-feature{display:none}
  html.ia .ia-mega-quick{display:flex;flex-direction:column;margin-top:18px}
  html.ia .ia-mega-quick>span{margin-bottom:4px}
  html.ia .ia-mega-quick a{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid #ECEAE3;color:var(--ia-ink);text-decoration:none;font-size:15px;font-weight:500}
  html.ia :is(.ia-mega-eyebrow,.ia-mega-quick>span){font:500 11px/1.4 var(--ia-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ia-muted);margin:0;font-feature-settings:"tnum"}
}

/* Title band rhythm (every inner page): no empty margin under the last line, a shorter bottom padding. */
html.ia body main:not(.home-main)>.intro :is(small,h1,p){margin-top:0}
html.ia body main:not(.home-main)>.intro h1{margin-top:14px;margin-bottom:0}
html.ia body main:not(.home-main)>.intro p{margin:16px 0 0}
html.ia body main:not(.home-main)>.intro>:last-child,html.ia body main:not(.home-main)>.intro .intro-copy>:last-child{margin-bottom:0}
html.ia-stage-pages body main:not(.home-main)>.breadcrumbs:first-child+.intro{padding-top:clamp(20px,3vw,36px);padding-bottom:clamp(40px,5vw,64px)}

/* Projeler and Blog (inc/listings.php): the search beside the title in the band, a count row, the projects grid with the first
   project large and a lone last project across the row (the layout of the home projects). */
html.ia body main>.intro.has-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:end;gap:24px 56px}
html.ia body main .intro .ia-band-search{display:flex;align-items:stretch;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
html.ia body main .intro .ia-band-search label{flex:1 1 auto;display:block;margin:0}
html.ia body main .intro .ia-band-search input[type=search]{height:48px;padding:0 16px 0 44px;border:1px solid var(--ia-line-strong);border-radius:var(--ia-button-radius,999px);background:var(--ia-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234E545A' stroke-width='1.6'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") no-repeat 16px center/18px;color:var(--ia-ink)}
html.ia body main .intro .ia-band-search button{min-height:48px;padding:0 24px}
html.ia-stage-pages body main .intro .ia-band-search input[type=search]{border-color:rgba(245,244,239,.28);background-color:rgba(245,244,239,.06);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9AEA8' stroke-width='1.6'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");color:var(--ia-on-stage)}
html.ia-stage-pages body main .intro .ia-band-search input[type=search]::placeholder{color:var(--ia-on-stage-soft);opacity:1}
html.ia-stage-pages body main .intro .ia-band-search input[type=search]:hover{border-color:rgba(245,244,239,.5)}
html.ia-stage-pages body main .intro .ia-band-search button{border-color:var(--ia-on-stage);background:var(--ia-on-stage);color:var(--ia-ink)}
html.ia-stage-pages body main .intro .ia-band-search button:hover{border-color:#FFFFFF;background:#FFFFFF}
html.ia body .ia-list-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin:0 0 20px}
html.ia body .ia-list-head .count{margin:0;font:400 14px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .ia-list-head .ia-list-query{color:var(--ia-ink)}
html.ia body .ia-list-clear{font-size:14px;font-weight:600;color:var(--ia-ink);text-underline-offset:4px}
html.ia body main .cards.ia-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(min-width:1024px){
  html.ia body main .ia-projects-grid.has-featured>.card:first-child{grid-column:span 2;grid-row:span 2}
  html.ia body main .ia-projects-grid.has-featured>.card:first-child .cover{flex:1 1 auto;aspect-ratio:auto;min-height:360px}
  html.ia body main .ia-projects-grid.has-featured>.card:first-child h2{font-size:clamp(26px,2.4vw,34px);line-height:1.1}
  html.ia body main .ia-projects-grid.has-featured>.card:first-child .card-body{flex:0 0 auto}
  html.ia body main .ia-projects-grid.has-featured>.card:nth-child(3n+4):last-child{grid-column:1/-1}
  html.ia body main .ia-projects-grid.has-featured>.card:nth-child(3n+4):last-child>a{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  html.ia body main .ia-projects-grid.has-featured>.card:nth-child(3n+4):last-child .cover{height:100%}
  html.ia body main .ia-projects-grid.has-featured>.card:nth-child(3n+4):last-child .card-body{grid-column:span 2;justify-content:center;padding:28px 32px}
  html.ia body main .ia-projects-grid.has-featured>.card:nth-child(3n+4):last-child .more{margin-top:8px}
  html.ia body main .ia-projects-grid.has-featured>.card:nth-child(3n+5):last-child{grid-column:span 2}
}
@media(max-width:1023px){
  html.ia body main .cards.ia-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.ia body main .ia-projects-grid>.card:nth-child(2n+1):last-child{grid-column:1/-1}
  html.ia body main .ia-projects-grid>.card:nth-child(2n+1):last-child>a{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  html.ia body main .ia-projects-grid>.card:nth-child(2n+1):last-child .cover{height:100%}
  html.ia body main .ia-projects-grid>.card:nth-child(2n+1):last-child .card-body{justify-content:center}
  html.ia body main .ia-projects-grid>.card:nth-child(2n+1):last-child .more{margin-top:8px}
}
@media(max-width:760px){html.ia body main>.intro.has-aside{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:640px){
  html.ia body main .cards.ia-projects-grid{grid-template-columns:minmax(0,1fr)}
  html.ia body main .ia-projects-grid>.card:nth-child(2n+1):last-child>a{display:flex}
}

/* Kataloglar (inc/listings.php elco_catalogues): the groups as filter links, one grid of covers in their own proportions (A4),
   each card with its group, title, file type and size and a download link. Two columns on phones. */
html.ia body .ia-filter-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0 0 24px}
html.ia body .ia-filter-links a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--ia-line-strong);border-radius:999px;background:var(--ia-surface);color:var(--ia-ink);text-decoration:none;font-size:14px;font-weight:500;box-sizing:border-box}
html.ia body .ia-filter-links a small{font:400 12px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .ia-filter-links a:hover{border-color:var(--ia-ink)}
html.ia body .ia-filter-links a[aria-current]{border-color:var(--ia-ink);background:var(--ia-ink);color:var(--ia-on-stage)}
html.ia body .ia-filter-links a[aria-current] small{color:var(--ia-on-stage-muted)}
html.ia body .ia-catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:24px}
html.ia body .ia-catalogue-grid .catalogue-card{display:flex;flex-direction:column;gap:0;min-width:0;padding:0;border:1px solid var(--ia-line);border-radius:10px;background:var(--ia-surface);overflow:hidden}
html.ia body .ia-catalogue-grid .catalogue-open{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
html.ia body .ia-catalogue-grid .catalogue-cover{display:block;aspect-ratio:210/297;background:#ECEBE5;overflow:hidden}
html.ia body .ia-catalogue-grid .catalogue-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;background:none;transition:transform .4s}
html.ia body .ia-catalogue-grid .catalogue-open:hover .catalogue-cover img{transform:scale(1.03)}
html.ia body .ia-catalogue-grid .catalogue-body{display:flex;flex-direction:column;gap:6px;padding:16px 16px 0}
html.ia body .ia-catalogue-grid .catalogue-body small{font:500 11px/1.4 var(--ia-label);letter-spacing:.12em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .ia-catalogue-grid .catalogue-body h2{margin:0;font:500 18px/1.25 var(--ia-display);letter-spacing:-.01em;overflow-wrap:anywhere}
html.ia body .ia-catalogue-grid .catalogue-open:hover h2{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
html.ia body .ia-catalogue-grid .catalogue-meta{font:400 12px var(--ia-label);color:var(--ia-muted);font-feature-settings:"tnum"}
html.ia body .ia-catalogue-grid .catalogue-download{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:14px 16px 16px;min-height:40px;padding:0 16px;border:1px solid var(--ia-ink);border-radius:var(--ia-button-radius,999px);color:var(--ia-ink);text-decoration:none;font-size:14px;font-weight:600;box-sizing:border-box}
html.ia body .ia-catalogue-grid .catalogue-download:hover{background:var(--ia-ink);color:var(--ia-on-stage)}
@media(prefers-reduced-motion:reduce){html.ia body .ia-catalogue-grid .catalogue-cover img{transition:none}}
@media(max-width:640px){
  html.ia body .ia-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  html.ia body .ia-catalogue-grid .catalogue-body{padding:12px 12px 0}
  html.ia body .ia-catalogue-grid .catalogue-body h2{font-size:16px}
  html.ia body .ia-catalogue-grid .catalogue-download{margin:12px}
  html.ia body .ia-filter-links{flex-wrap:nowrap;overflow-x:auto;margin-left:calc(-1 * var(--elco-page-gutter,20px));margin-right:calc(-1 * var(--elco-page-gutter,20px));padding:0 var(--elco-page-gutter,20px) 2px;scrollbar-width:none}
  html.ia body .ia-filter-links a{flex:0 0 auto;white-space:nowrap}
}

/* Hakkımızda (render.php elco_editorial, elco_about_heading): the founder's words as a quote beside the portrait, then the
   timeline with the year and the title, the text and one picture size on the right (logos fit, photos fill). The first
   milestone is the founder's (also on pages saved in the Hakkımızda editor, which carry no class for it). */
html.ia body .about-timeline>.about-milestone{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start;padding:clamp(36px,4vw,56px) 0;border-top:1px solid var(--ia-line)}
html.ia body .about-timeline>.about-milestone>.about-visual{order:2}
html.ia body .about-timeline>.about-milestone .about-visual img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/10;object-fit:contain;border-radius:10px;background:#ECEBE5}
html.ia body .about-timeline>.about-milestone h2{margin:0 0 18px;font-size:inherit;line-height:1}
html.ia body .about-milestone .about-year{display:block;font:500 clamp(40px,4.4vw,56px)/1 var(--ia-display);letter-spacing:-.02em;color:var(--ia-ink);font-feature-settings:"tnum"}
html.ia body .about-milestone .about-title{display:block;margin-top:12px;font:500 clamp(22px,2.2vw,28px)/1.2 var(--ia-display);letter-spacing:-.015em;color:var(--ia-ink)}
html.ia body .about-milestone .about-year+.about-title{margin-top:14px}
html.ia body .about-milestone h2>.about-title:first-child{margin-top:0;font-size:clamp(28px,3vw,40px);line-height:1.1}
html.ia body .about-timeline>.about-milestone .imported-content{margin:0;max-width:640px}
html.ia body .about-timeline>.about-milestone .imported-content p{margin:0 0 14px;font-size:16px;line-height:1.75;color:#3E444A}
html.ia body .about-timeline>.about-milestone:first-child{grid-template-columns:minmax(200px,320px) minmax(0,1fr);align-items:center;padding:0 0 clamp(48px,6vw,80px);border-top:0}
html.ia body .about-timeline>.about-milestone:first-child>.about-visual{order:0}
html.ia body .about-timeline>.about-milestone:first-child .about-visual img{aspect-ratio:auto;border-radius:12px;background:none}
html.ia body .about-timeline>.about-milestone:first-child h2:empty{display:none}
html.ia body .about-timeline>.about-milestone:first-child .imported-content{max-width:720px}
html.ia body .about-timeline>.about-milestone:first-child .imported-content p:first-child{position:relative;margin:0;padding-top:44px;font:500 clamp(22px,2.4vw,30px)/1.4 var(--ia-display);letter-spacing:-.015em;color:var(--ia-ink)}
html.ia body .about-timeline>.about-milestone:first-child .imported-content p:first-child::before{content:"“";position:absolute;top:-10px;left:-4px;font:500 72px/1 var(--ia-display);color:var(--ia-line-strong)}
/* The founder's words: paragraphs between the quote and the signature are its bold close, in the quote's type */
html.ia body .about-timeline>.about-milestone:first-child .imported-content p:not(:first-child):not(:last-child){margin:18px 0 0;font:600 clamp(22px,2.4vw,30px)/1.4 var(--ia-display);letter-spacing:-.015em;color:var(--ia-ink)}
html.ia body .about-timeline>.about-milestone:first-child .imported-content p strong{font-weight:600}
html.ia body .about-timeline>.about-milestone:first-child .imported-content p:last-child:not(:first-child){margin:22px 0 0;font:500 13px/1.5 var(--ia-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ia-muted);font-feature-settings:"tnum"}
/* Hakkımızda in the typeface of the founder's words (Inter Tight, medium, ink): the timeline texts, the years and the band
   introduction; the paragraphs a step smaller than the quote so the long texts stay easy to read. */
html.ia body .about-timeline>.about-milestone:not(:first-child) .imported-content p{font:500 clamp(18px,1.5vw,21px)/1.5 var(--ia-display);letter-spacing:-.01em;color:var(--ia-ink)}
html.ia body .about-milestone .about-year{font-family:var(--ia-display);letter-spacing:-.035em}
html.ia body main:has(.about-timeline)>.intro p{font:500 clamp(18px,1.6vw,22px)/1.45 var(--ia-display);letter-spacing:-.01em}
@media(max-width:760px){
  html.ia body .about-timeline>.about-milestone{grid-template-columns:minmax(0,1fr);gap:22px}
  html.ia body .about-timeline>.about-milestone:first-child{grid-template-columns:minmax(0,1fr)}
  html.ia body .about-timeline>.about-milestone:first-child .about-visual img{max-width:240px}
}

/* Buttons (one look, light): every button and button-like link is white with a fine grey edge and dark text; on hover it fills
   with the text colour (light text), lifts a little and its arrow or icon moves (→ right,
   ↓ down, ↗ up and right, + turns). Chips, tabs, icon-only controls and underlined text links keep their own look. An arrow
   written in a button's text becomes its own span, and links without one get → (static/extensions.js). */
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button){border:1px solid var(--ia-line-strong)!important;border-radius:var(--ia-button-radius,999px);background:var(--ia-surface)!important;color:var(--ia-ink)!important;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button):not(.ia-more-button):not(.header-quote){display:inline-flex;align-items:center;justify-content:center;gap:10px}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button)[hidden]{display:none!important}
html.ia body .ia-product-card .ia-more-button{gap:10px}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button):is(:hover,:focus-visible),html.ia body .ia-product-card:hover .ia-more-button,html.ia body .card:hover .more{background:var(--ia-ink)!important;border-color:var(--ia-ink)!important;color:var(--ia-on-stage)!important;transform:translateY(-1px);box-shadow:0 10px 22px -12px rgba(15,18,17,.55)}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button) :is(svg,.btn-arrow){flex:0 0 auto;display:inline-block;transition:transform .25s ease}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button):is(:hover,:focus-visible) :is(svg,.btn-arrow),html.ia body .ia-product-card:hover .ia-more-button :is(svg,.btn-arrow),html.ia body .card:hover .more :is(svg,.btn-arrow){transform:translateX(3px)}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button):is(:hover,:focus-visible) :is(.ia-menu-download,[data-arrow="↓"]),html.ia body .ia-product-card:hover .ia-more-button :is(.ia-menu-download,[data-arrow="↓"]),html.ia body .card:hover .more :is(.ia-menu-download,[data-arrow="↓"]){transform:translateY(2px)}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button):is(:hover,:focus-visible) [data-arrow="↗"],html.ia body .ia-product-card:hover .ia-more-button [data-arrow="↗"],html.ia body .card:hover .more [data-arrow="↗"]{transform:translate(2px,-2px)}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button):is(:hover,:focus-visible) [data-arrow="+"],html.ia body .ia-product-card:hover .ia-more-button [data-arrow="+"],html.ia body .card:hover .more [data-arrow="+"]{transform:rotate(90deg)}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button):is(:hover,:focus-visible) [data-arrow="↑"],html.ia body .ia-product-card:hover .ia-more-button [data-arrow="↑"],html.ia body .card:hover .more [data-arrow="↑"]{transform:translateY(-2px)}
html.ia body :is(.ia-btn,.button,.elco-header .header-quote,.ia-product-card .ia-more-button,:is(.card,.service-card) .more,.ia-catalogue-grid .catalogue-download,.contact-whatsapp,.contact-map .contact-directions,.imported-content .content-link,.consent-actions button,.site-footer .newsletter-form button,.ia-mega-all,.ia-mega-feature-button,.selection-actions :is(button,.button),[id=clearComparison],[id=sendQuoteRequest],main .filters button,.ia-band-search button):disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
/* Card links are buttons of one size on every page, the home page's Projeler and Blog cards included (the inner pages' rule above
   leaves the home page out). */
html.ia body main :is(.card:not(.ia-product-card),.service-card) .more{align-self:flex-start;gap:6px;margin-top:auto;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:1.2;box-sizing:border-box}
/* Product sheet › İndirmeler: the download links were list rows; as buttons they take the buttons' size, side by side. */
html.ia body .sheet-resources .imported-content .content-link{min-height:44px;margin:0 8px 8px 0;padding:0 20px;font-size:14px;line-height:1.2;overflow-wrap:normal}
/* On dark ground (the header, the home gallery, the footer, the coloured contact band, the inner pages' dark title band) the
   buttons are light, and white on hover; the header's count is dark on the light Teklif Al. */
html.ia body :is(.ia-hero .ia-btn,.elco-header .header-quote,.site-footer .newsletter-form button,.ia-contact .ia-btn.ia-btn),html.ia-stage-pages body main .intro :is(.button,.ia-band-search button){background:var(--ia-on-stage)!important;border-color:var(--ia-on-stage)!important;color:var(--ia-ink)!important}
html.ia body :is(.ia-hero .ia-btn,.elco-header .header-quote,.site-footer .newsletter-form button,.ia-contact .ia-btn.ia-btn):is(:hover,:focus-visible),html.ia-stage-pages body main .intro :is(.button,.ia-band-search button):is(:hover,:focus-visible){background:#FFFFFF!important;border-color:#FFFFFF!important;color:var(--ia-ink)!important}
html.ia body .elco-header .header-quote-count,html.ia body .elco-header.is-stage .header-quote-count{background:var(--ia-ink);color:var(--ia-on-stage)}