/* AYBA Ambalaj - stylesheet (extracted from the former single-file site) */

  /* ================= DESIGN TOKENS ================= */
  :root{
    --navy-950:#071120;
    --navy-900:#0b1d33;
    --navy-800:#123256;
    --navy-700:#1c4577;
    --navy-600:#2a5c98;
    --blue-accent:#78c2ff;
    --blue-accent-soft:#d7ecff;
    --ink:#101826;
    --bg:#f5f8fc;
    --surface:#ffffff;
    --surface-alt:#eef3f9;
    --border:#dde5f0;
    --muted:#57667c;
    --shadow-color:220deg 40% 30%;
    --ring:0 0 0 3px var(--blue-accent-soft);
    color-scheme: light;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --ink:#eef3fa;
      --bg:#08111d;
      --surface:#101c2e;
      --surface-alt:#16233a;
      --border:#243550;
      --muted:#93a4bb;
      --blue-accent:#8fcdff;
      color-scheme: dark;
    }
  }
  :root[data-theme="dark"]{
    --ink:#eef3fa;
    --bg:#08111d;
    --surface:#101c2e;
    --surface-alt:#16233a;
    --border:#243550;
    --muted:#93a4bb;
    --blue-accent:#8fcdff;
    color-scheme: dark;
  }

  *,*::before,*::after{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    font-size:16px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    padding:0 !important;
  }
  h1,h2,h3,h4{
    font-family:'Plus Jakarta Sans',system-ui,sans-serif;
    margin:0;
    color:var(--ink);
    text-wrap:balance;
    letter-spacing:-0.01em;
  }
  p{margin:0;}
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  ul{margin:0;padding:0;list-style:none;}
  button{font:inherit;cursor:pointer;}
  :focus-visible{outline:2px solid var(--blue-accent);outline-offset:2px;}
  [hidden]{display:none !important;}

  .container{
    max-width:1280px;
    margin-inline:auto;
    padding-inline:clamp(20px,4vw,48px);
  }

  .eyebrow{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.2em;
    text-transform:uppercase;
  }

  /* ================= BUTTONS ================= */
  .btn{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.85rem 1.5rem;
    border-radius:999px;
    font-weight:700;
    font-size:.95rem;
    font-family:'Plus Jakarta Sans',sans-serif;
    border:1px solid transparent;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
    white-space:nowrap;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-primary{background:var(--ink-on-navy,#fff);background:#fff;color:var(--navy-900);}
  .btn-primary:hover{box-shadow:0 10px 24px hsl(var(--shadow-color) / .25);}
  .btn-outline{background:transparent;border-color:rgba(255,255,255,.55);color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,.12);}
  .btn-outline-dark{background:transparent;border-color:var(--border);color:var(--navy-700);}
  .btn-outline-dark:hover{background:var(--surface-alt);border-color:var(--navy-700);}
  [data-theme="dark"] .btn-outline-dark{color:var(--blue-accent);border-color:var(--border);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn-outline-dark{color:var(--blue-accent);border-color:var(--border);}}
  .btn-solid{background:var(--navy-800);color:#fff;}
  .btn-solid:hover{background:var(--navy-700);box-shadow:0 10px 24px hsl(var(--shadow-color)/.3);}
  .btn-ghost{background:var(--surface-alt);color:var(--ink);border-color:var(--border);}
  .btn-ghost:hover{background:var(--border);}
  .btn-sm{padding:.6rem 1.1rem;font-size:.85rem;}

  /* ================= NAV ================= */
  .site-nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:18px 0;
    transition:background .3s ease, box-shadow .3s ease, padding .3s ease, backdrop-filter .3s ease;
  }
  .site-nav::before{
    content:"";position:absolute;inset:0;z-index:-1;
    background:linear-gradient(180deg, rgba(6,14,26,.55) 0%, rgba(6,14,26,0) 100%);
    opacity:1;transition:opacity .3s ease, background .3s ease;
  }
  .site-nav.is-solid{
    padding:12px 0;
    background:var(--surface);
    box-shadow:0 1px 0 var(--border), 0 12px 24px -18px hsl(var(--shadow-color)/.35);
  }
  .site-nav.is-solid::before{opacity:0;}
  .site-nav.is-solid .nav-right .btn-outline{background:var(--navy-800);border-color:var(--navy-800);color:#fff;}
  .site-nav.is-solid .nav-right .btn-outline:hover{background:var(--navy-700);border-color:var(--navy-700);}
  .nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px;}
  .nav-links{display:flex;align-items:center;gap:2rem;}
  .nav-links a{
    font-family:'Plus Jakarta Sans',sans-serif;
    font-weight:600;font-size:.92rem;
    color:#fff;
    position:relative;
    padding-block:.3rem;
  }
  .nav-links a::after{
    content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;
    background:var(--blue-accent);transition:right .22s ease;
  }
  .nav-links a:hover::after,.nav-links a.is-active::after{right:0;}
  .nav-links a.is-active{color:var(--blue-accent);}
  .site-nav.is-solid .nav-links a{color:var(--ink);}
  .site-nav.is-solid .nav-links a.is-active{color:var(--navy-700);}
  [data-theme="dark"] .site-nav.is-solid .nav-links a.is-active{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-nav.is-solid .nav-links a.is-active{color:var(--blue-accent);}}
  .nav-item-mega{position:relative;}
  .nav-mega-trigger{display:inline-flex;align-items:center;gap:.32rem;}
  .nav-mega-trigger svg{width:9px;height:9px;flex:none;transition:transform .2s ease;}
  .nav-item-mega:hover .nav-mega-trigger svg,
  .nav-item-mega.is-mega-open .nav-mega-trigger svg{transform:rotate(180deg);}
  .nav-mega{
    position:absolute;top:100%;left:50%;
    padding-top:18px;
    width:300px;margin-left:-150px;
    z-index:97;
    opacity:0;visibility:hidden;transform:translateY(4px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  }
  .nav-mega-panel{
    background:var(--surface);border:1px solid var(--border);border-radius:18px;
    padding:.9rem;box-shadow:0 24px 48px -20px hsl(var(--shadow-color)/.5);
  }
  .nav-item-mega:hover .nav-mega,
  .nav-item-mega:focus-within .nav-mega,
  .nav-item-mega.is-mega-open .nav-mega{
    opacity:1;visibility:visible;transform:translateY(0);
  }
  .nav-mega-list{display:flex;flex-direction:column;gap:.15rem;}
  .nav-mega-list a{
    display:flex;align-items:center;gap:.75rem;padding:.55rem .6rem;border-radius:12px;
    color:var(--ink);font-weight:600;font-size:.86rem;white-space:nowrap;
  }
  .nav-mega-list a:hover{background:var(--surface-alt);}
  .nav-mega-list a::after{display:none;}
  .nav-mega-thumb{
    width:38px;height:38px;border-radius:10px;overflow:hidden;flex:none;
    border:1px solid var(--border);
  }
  .nav-mega-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
  .site-nav .nav-mega-panel a.nav-mega-all{
    display:flex;align-items:center;justify-content:center;gap:.4rem;
    margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border);
    font-weight:700;font-size:.85rem;color:var(--navy-700);text-align:center;padding-bottom:.3rem;
  }
  .nav-mega-all::after{display:none;}
  [data-theme="dark"] .site-nav .nav-mega-panel a.nav-mega-all{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-nav .nav-mega-panel a.nav-mega-all{color:var(--blue-accent);}}
  .site-nav .nav-mega-panel a.nav-mega-all:hover{background:var(--surface-alt);border-radius:12px;}
  .nav-right{display:flex;align-items:center;gap:1rem;position:relative;z-index:95;}
  .lang-switcher{position:relative;z-index:96;}
  .lang-pill{
    display:flex;align-items:center;gap:.45rem;
    color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.85rem;
    padding:.42rem .85rem .42rem .55rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:transparent;
  }
  .lang-pill .lang-flag{
    width:20px;height:15px;flex:none;display:block;object-fit:cover;
    border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.5);
  }
  .lang-pill svg{transition:transform .2s ease;flex:none;}
  .lang-pill[aria-expanded="true"] svg{transform:rotate(180deg);}
  .site-nav.is-solid .lang-pill{color:var(--ink);border-color:var(--border);}
  .site-nav.is-solid .lang-pill .lang-flag{box-shadow:0 0 0 1px var(--border);}
  .lang-menu{
    position:absolute;top:calc(100% + 10px);right:0;min-width:190px;z-index:97;
    background:var(--surface);border:1px solid var(--border);border-radius:16px;
    padding:.4rem;box-shadow:0 20px 40px -20px hsl(var(--shadow-color)/.5);
    display:none;
  }
  .lang-menu.is-open{display:block;}
  .lang-menu a{
    display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;padding:.6rem .7rem;border-radius:10px;
    background:transparent;color:var(--ink);font-weight:600;font-size:.9rem;border:none;
  }
  .lang-menu a .lang-flag{
    width:24px;height:18px;flex:none;display:block;object-fit:cover;
    border-radius:3px;box-shadow:0 0 0 1px var(--border);
  }
  .lang-menu a .lang-name{flex:1;}
  .lang-menu a .lang-check{margin-left:auto;flex:none;font-size:.8rem;color:var(--navy-700);}
  .lang-menu a:hover{background:var(--surface-alt);}
  .lang-menu a.is-active{background:var(--surface-alt);color:var(--navy-700);}
  [data-theme="dark"] .lang-menu a.is-active{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lang-menu a.is-active{color:var(--blue-accent);}}
  [data-theme="dark"] .lang-menu a.is-active .lang-check{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lang-menu a.is-active .lang-check{color:var(--blue-accent);}}
  .nav-toggle{
    display:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;
    width:34px;height:34px;border:none;background:transparent;padding:0;flex:none;
  }
  .nav-toggle span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:background .2s ease, transform .2s ease, opacity .2s ease;}
  .site-nav.is-solid .nav-toggle span{background:var(--ink);}
  .nav-toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle.is-active span:nth-child(2){opacity:0;}
  .nav-toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:100%;}
  .nav-cta-mobile{display:none;}
  @media (max-width:980px){
    .nav-toggle{display:flex;}
    .nav-right .btn-outline{display:none;}
    .nav-links{
      position:fixed;inset:0;z-index:90;
      background:var(--navy-950);
      flex-direction:column;align-items:flex-start;
      padding:100px 32px 40px;gap:1.5rem;
      transform:translateX(100%);
      transition:transform .32s ease;
      overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    }
    .nav-links.is-open{transform:translateX(0);}
    .nav-links a{color:#fff;font-size:1.15rem;}
    .nav-cta-mobile{display:block;margin-top:.5rem;}
    .nav-links a.btn-primary{color:var(--navy-900);font-size:.95rem;}
    .nav-item-mega{width:100%;}
    .nav-mega-trigger svg{display:none;}
    .nav-mega{
      position:static;width:auto;margin-left:0;padding-top:0;
      opacity:1;visibility:visible;transform:none;
      margin-top:.9rem;
    }
    .nav-mega-panel{
      background:rgba(255,255,255,.06);border:none;border-radius:14px;
      box-shadow:none;padding:.5rem;
    }
    .nav-mega-list a{color:rgba(255,255,255,.85);font-size:.95rem;padding:.6rem .55rem;}
    .nav-mega-list a:hover{background:rgba(255,255,255,.08);}
    .site-nav .nav-mega-panel a.nav-mega-all{color:#fff;border-top-color:rgba(255,255,255,.18);}
    .site-nav .nav-mega-panel a.nav-mega-all:hover{background:rgba(255,255,255,.08);}
  }

  /* Logo */
  .brand{display:flex;align-items:center;gap:.7rem;position:relative;z-index:95;}
  .brand-logo{
    height:46px;width:auto;display:block;flex:none;
    filter:brightness(0) invert(1);
    transition:filter .25s ease, opacity .2s ease;
  }
  .site-nav.is-solid .brand-logo{filter:none;}
  [data-theme="dark"] .site-nav.is-solid .brand-logo{filter:brightness(0) invert(1);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .site-nav.is-solid .brand-logo{filter:brightness(0) invert(1);}}
  .brand:hover .brand-logo{opacity:.85;}
  .footer-logo{height:32px;filter:brightness(0) invert(1);}

  @media (max-width:600px){
    .nav-row{gap:10px;}
    .brand{gap:.5rem;flex-shrink:0;}
    .brand-logo{height:34px;}
    .nav-right{gap:.5rem;}
    .lang-pill{padding:.45rem .6rem;font-size:.78rem;}
  }

  /* ================= HERO (home carousel) ================= */
  .hero{
    position:relative;height:100vh;height:100dvh;min-height:620px;
    overflow:hidden;background:var(--navy-950);
  }
  .hero-slide{
    position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;
  }
  .hero-slide.is-active{opacity:1;}
  .hero-slide picture{display:block;width:100%;height:100%;}
  .hero-slide img{width:100%;height:100%;object-fit:cover;}
  .hero-scrim{
    position:absolute;inset:0;
    background:
      linear-gradient(90deg, rgba(4,10,20,.82) 0%, rgba(4,10,20,.45) 42%, rgba(4,10,20,.15) 62%, rgba(4,10,20,.35) 100%),
      linear-gradient(0deg, rgba(3,8,16,.75) 0%, rgba(3,8,16,0) 32%);
  }
  .hero-content{
    position:relative;z-index:2;height:100%;
    display:flex;flex-direction:column;justify-content:center;
    padding-top:90px;
  }
  .hero-copy{transition:opacity .28s ease, transform .28s ease;}
  .hero-copy.is-swapping{opacity:0;transform:translateY(10px);}
  .hero-eyebrow{color:var(--blue-accent-soft);margin-bottom:1.1rem;}
  .hero-title{
    font-size:clamp(2.6rem,5.6vw,4.4rem);
    font-weight:800;color:#fff;line-height:1.04;
    max-width:14ch;
  }
  .hero-title .accent{color:var(--blue-accent);}
  .hero-lead{
    color:rgba(255,255,255,.82);font-size:1.08rem;max-width:38ch;
    margin-top:1.4rem;
  }
  .hero-actions{display:flex;align-items:center;gap:1.6rem;margin-top:2.2rem;flex-wrap:wrap;}
  .play-link{display:flex;align-items:center;gap:.7rem;color:#fff;font-weight:600;font-family:'Plus Jakarta Sans',sans-serif;}
  .play-dot{
    width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.6);
    display:flex;align-items:center;justify-content:center;flex:none;
  }
  .hero-tags{
    position:absolute;right:clamp(20px,4vw,48px);top:38%;z-index:2;
    display:flex;flex-direction:column;gap:.55rem;text-align:right;
  }
  .hero-tags span{
    font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.78rem;
    letter-spacing:.16em;color:rgba(255,255,255,.85);
  }
  .hero-tags .rule{width:64px;height:2px;background:var(--blue-accent);margin:.4rem 0 0 auto;}

  .hero-footer{
    position:absolute;left:0;right:0;bottom:0;z-index:3;
    padding:22px clamp(20px,4vw,48px) 20px;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    color:#fff;
  }
  .hero-pager{display:flex;align-items:center;gap:14px;}
  .hero-pager .count{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1rem;}
  .hero-pager .count small{font-weight:600;opacity:.6;font-size:.75rem;}
  .hero-pager-track{width:150px;height:3px;background:rgba(255,255,255,.25);border-radius:2px;overflow:hidden;}
  .hero-pager-fill{height:100%;background:var(--blue-accent);width:25%;transition:width .3s ease;}
  .hero-pager-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;}
  .hero-arrows{display:flex;gap:10px;}
  .hero-arrows button{
    width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);
    background:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    color:#fff;display:flex;align-items:center;justify-content:center;
    transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
  }
  .hero-arrows button svg{width:17px;height:17px;flex:none;}
  .hero-arrows button:hover{background:var(--blue-accent);border-color:var(--blue-accent);color:var(--navy-950);transform:translateY(-2px);}
  .hero-arrows button:active{transform:translateY(0);}

  .hero-quicklinks{display:flex;gap:1.4rem;flex-wrap:wrap;row-gap:.9rem;}
  .quicklink{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:74px;text-align:center;}
  .quicklink-circle{
    width:56px;height:56px;border-radius:50%;overflow:hidden;
    border:2px solid rgba(255,255,255,.35);
    display:flex;align-items:center;justify-content:center;background:var(--navy-800);
    transition:border-color .2s ease, transform .2s ease;
  }
  .quicklink:hover .quicklink-circle{border-color:var(--blue-accent);transform:translateY(-3px);}
  .quicklink-circle img{width:100%;height:100%;object-fit:cover;}
  .quicklink span{font-size:.68rem;font-weight:600;line-height:1.25;color:rgba(255,255,255,.85);}
  .quicklink-icon{color:var(--blue-accent);}
  .swatch-colorful{
    width:100%;height:100%;
    background:conic-gradient(from 200deg,#78c2ff,#a78bfa,#f0abfc,#facc8f,#78c2ff);
  }

  @media (max-width:980px){
    .hero-tags{display:none;}
    /* Footer joins the flow so it can never overlap the copy/buttons */
    .hero{height:auto;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;}
    .hero-content{height:auto;flex:1 0 auto;padding-top:120px;padding-bottom:28px;}
    .hero-footer{position:relative;flex-direction:column;align-items:stretch;gap:20px;padding-top:0;padding-bottom:28px;}
    .hero-quicklinks{align-self:stretch;}
  }
  @media (max-width:640px){
    .hero-title{font-size:clamp(2.2rem,10vw,2.8rem);}
    .hero-lead{font-size:1rem;margin-top:1.1rem;}
    .hero-actions{gap:1rem 1.4rem;margin-top:1.6rem;}
    .hero-quicklinks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;}
    .quicklink{width:auto;}
    .quicklink-circle{width:48px;height:48px;}
    .quicklink span{font-size:.62rem;}
  }

  /* ================= SECTIONS / GENERIC ================= */
  .section{padding-block:clamp(36px,4.5vw,64px);}
  .section-tight{padding-block:clamp(24px,3vw,40px);}
  .section-alt{background:var(--surface-alt);}
  .section-head{max-width:640px;margin-bottom:1.8rem;}
  .section-head .eyebrow{color:var(--navy-600);}
  .section-head h2{font-size:clamp(1.7rem,3vw,2.5rem);margin-top:.6rem;font-weight:800;}
  .section-head p{margin-top:1rem;color:var(--muted);font-size:1.02rem;}
  .section-head.on-dark .eyebrow{color:var(--blue-accent);}
  .section-head.on-dark h2, .section-head.on-dark p{color:#fff;}
  .section-head.on-dark p{color:rgba(255,255,255,.72);}
  .section-foot-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;color:var(--navy-700);margin-top:1.6rem;}
  [data-theme="dark"] .section-foot-link{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .section-foot-link{color:var(--blue-accent);}}

  /* Page hero bands (inner pages) */
  .page-hero{position:relative;margin-top:0;color:#fff;overflow:hidden;}
  .page-hero.has-photo{height:min(58vh,520px);min-height:380px;}
  .page-hero.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .page-hero.has-photo .hero-scrim{
    background:linear-gradient(90deg, rgba(4,10,20,.86) 0%, rgba(4,10,20,.55) 45%, rgba(4,10,20,.25) 100%),
               linear-gradient(0deg, rgba(3,8,16,.55) 0%, rgba(3,8,16,0) 40%);
  }
  .page-hero.is-gradient{
    height:min(46vh,380px);min-height:300px;
    background:
      radial-gradient(120% 140% at 90% 0%, rgba(120,194,255,.22), transparent 55%),
      linear-gradient(135deg,var(--navy-900),var(--navy-800) 55%,var(--navy-700));
  }
  .page-hero.is-gradient::after{
    content:"";position:absolute;inset:0;opacity:.5;
    background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 34px);
  }
  .page-hero-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:80px;}
  .page-hero .eyebrow{color:var(--blue-accent-soft);margin-bottom:.9rem;}
  .page-hero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);font-weight:800;color:#fff;max-width:20ch;}
  .page-hero .lead{margin-top:1rem;max-width:52ch;color:rgba(255,255,255,.82);font-size:1.05rem;}
  .breadcrumb{display:flex;gap:.5rem;align-items:center;font-size:.82rem;color:rgba(255,255,255,.6);margin-bottom:1.2rem;font-weight:600;}
  .breadcrumb .current{color:#fff;}

  /* Stats */
  .stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:20px;overflow:hidden;}
  .stat-tile{background:var(--surface);padding:1.8rem 1.4rem;text-align:left;}
  .stat-num{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.8rem,3vw,2.4rem);color:var(--navy-800);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.15rem;}
  [data-theme="dark"] .stat-num{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .stat-num{color:var(--blue-accent);}}
  .stat-num .unit{font-size:1.1rem;font-weight:700;color:var(--navy-600);}
  .stat-label{margin-top:.4rem;color:var(--muted);font-size:.88rem;font-weight:600;}
  @media (max-width:820px){.stats-bar{grid-template-columns:repeat(2,1fr);}}

  /* Cards */
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;}
  .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;}
  .grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;}
  .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;}
  @media (max-width:980px){.grid-3{grid-template-columns:repeat(2,1fr);} .grid-4{grid-template-columns:repeat(2,1fr);} .grid-5{grid-template-columns:repeat(3,1fr);}}
  @media (max-width:640px){.grid-3,.grid-4,.grid-2,.grid-5{grid-template-columns:1fr;}}

  .card{
    background:var(--surface);border:1px solid var(--border);border-radius:18px;
    padding:1.8rem;display:flex;flex-direction:column;gap:.9rem;
    transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  }
  .card:hover{box-shadow:0 20px 40px -26px hsl(var(--shadow-color)/.45);transform:translateY(-3px);border-color:transparent;}
  .card-icon{width:52px;height:52px;border-radius:14px;background:var(--surface-alt);display:flex;align-items:center;justify-content:center;color:var(--navy-700);flex:none;}
  [data-theme="dark"] .card-icon{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .card-icon{color:var(--blue-accent);}}
  .card h3{font-size:1.15rem;font-weight:700;}
  .card p{color:var(--muted);font-size:.94rem;}
  .card .tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem;}
  .tag{font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:.3rem .6rem;border-radius:999px;background:var(--surface-alt);color:var(--navy-700);}
  [data-theme="dark"] .tag{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tag{color:var(--blue-accent);}}

  /* Product card with media */
  .product-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease, transform .2s ease;}
  .product-card:hover{box-shadow:0 24px 48px -28px hsl(var(--shadow-color)/.5);transform:translateY(-4px);}
  .product-media{height:190px;background:var(--navy-800);position:relative;overflow:hidden;}
  .product-media img{width:100%;height:100%;object-fit:cover;}
  .product-body{padding:1.6rem;display:flex;flex-direction:column;gap:.8rem;flex:1;}
  .product-body h3{font-size:1.2rem;}
  .product-body p{color:var(--muted);font-size:.93rem;}
  .spec-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin-top:.3rem;padding-top:.9rem;border-top:1px solid var(--border);}
  .spec-list div{display:flex;flex-direction:column;gap:.1rem;}
  .spec-list dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;}
  .spec-list dd{margin:0;font-weight:700;font-size:.92rem;font-variant-numeric:tabular-nums;}
  .product-body .btn{align-self:flex-start;margin-top:.4rem;}

  /* Product feature rows (Ürünler page) */
  .product-feature-list{display:flex;flex-direction:column;gap:1.8rem;}
  .product-feature-row{
    display:grid;grid-template-columns:0.85fr 1.15fr;
    background:var(--surface);border:1px solid var(--border);border-radius:24px;
    overflow:hidden;position:relative;
  }
  .pfr-media{position:relative;min-height:340px;background:var(--navy-800);}
  .pfr-media img{width:100%;height:100%;object-fit:cover;}
  .pfr-media-link{display:block;height:100%;position:relative;overflow:hidden;}
  .pfr-media-link img{transition:transform .4s ease;}
  .pfr-media-link:hover img{transform:scale(1.05);}
  .pfr-media-link::after{content:"";position:absolute;inset:0;background:rgba(4,10,20,0);transition:background .25s ease;}
  .pfr-media-link:hover::after{background:rgba(4,10,20,.14);}
  .pfr-media.is-swatch{
    display:flex;align-items:center;justify-content:center;
    background:radial-gradient(120% 120% at 20% 15%, #e9fff2 0%, #eaf4ff 55%, #f5f8fc 100%);
    color:var(--navy-700);
  }
  [data-theme="dark"] .pfr-media.is-swatch{
    background:radial-gradient(120% 120% at 20% 15%, #0f2a22 0%, #10233a 55%, var(--surface-alt) 100%);
    color:var(--blue-accent);
  }
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pfr-media.is-swatch{background:radial-gradient(120% 120% at 20% 15%, #0f2a22 0%, #10233a 55%, var(--surface-alt) 100%);color:var(--blue-accent);}}
  .pfr-media.is-swatch svg{width:34%;height:34%;opacity:.55;}
  .pfr-content{padding:clamp(1.8rem,3vw,2.6rem);display:flex;flex-direction:column;gap:.7rem;position:relative;}
  .pfr-script{
    position:absolute;top:1.6rem;right:2rem;z-index:1;
    font-family:'Caveat',cursive;font-weight:700;font-size:1.6rem;line-height:1.05;
    color:var(--blue-accent);opacity:.6;transform:rotate(-3deg);text-align:right;
    pointer-events:none;max-width:12ch;
  }
  .pfr-eyebrow{color:var(--navy-600);}
  [data-theme="dark"] .pfr-eyebrow{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pfr-eyebrow{color:var(--blue-accent);}}
  .pfr-title{font-size:clamp(1.25rem,2vw,1.55rem);font-weight:800;max-width:22ch;}
  .pfr-tagline{font-weight:700;color:var(--navy-700);font-size:1rem;}
  [data-theme="dark"] .pfr-tagline{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pfr-tagline{color:var(--blue-accent);}}
  .pfr-desc{color:var(--muted);font-size:.93rem;max-width:56ch;}
  .pfr-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1.2rem;margin-top:.2rem;}
  .pfr-feature{display:flex;align-items:center;gap:.5rem;font-size:.83rem;font-weight:600;}
  .pfr-feature .ic{
    width:26px;height:26px;border-radius:50%;background:var(--surface-alt);
    display:flex;align-items:center;justify-content:center;color:var(--navy-700);
    font-size:.8rem;flex:none;
  }
  [data-theme="dark"] .pfr-feature .ic{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pfr-feature .ic{color:var(--blue-accent);}}
  .pfr-specs{
    display:flex;flex-wrap:wrap;gap:.3rem .3rem;font-size:.78rem;color:var(--muted);
    border-top:1px solid var(--border);padding-top:.75rem;margin-top:.2rem;
    font-variant-numeric:tabular-nums;
  }
  .pfr-specs b{color:var(--ink);font-weight:700;}
  .pfr-cta{margin-top:0;}
  .pfr-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:.3rem;align-self:flex-start;}
  @media (max-width:820px){
    .product-feature-row{grid-template-columns:1fr;}
    .pfr-media{min-height:220px;}
    .pfr-script{position:static;transform:none;text-align:left;opacity:.7;margin-bottom:-.4rem;}
    .pfr-features{grid-template-columns:1fr;}
  }

  /* Mini CTA row (Ürünler page footer strip) */
  .mini-cta-row{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:stretch;}
  .mini-cta-features{
    flex:1 1 420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;
    padding:1.6rem 1.8rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.4rem;align-content:center;
  }
  .mini-cta-feature{display:flex;align-items:center;gap:.6rem;font-size:.86rem;font-weight:600;}
  .mini-cta-feature .value-icon{width:34px;height:34px;}
  .mini-cta-panel{
    flex:1 1 320px;display:flex;align-items:center;justify-content:space-between;gap:1rem;
    background:linear-gradient(135deg,var(--navy-900),var(--navy-700));border-radius:20px;
    padding:1.6rem 1.8rem;color:#fff;
  }
  .mini-cta-panel:hover .mini-cta-arrow{transform:translateX(4px);}
  .mini-cta-eyebrow{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-accent-soft);font-weight:700;}
  .mini-cta-title{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.2rem;margin-top:.3rem;}
  .mini-cta-arrow{
    width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.4);flex:none;
    display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:transform .2s ease;
  }
  @media (max-width:600px){.mini-cta-features{grid-template-columns:1fr;}}

  /* FAQ accordion */
  .faq-list{display:flex;flex-direction:column;gap:.9rem;max-width:840px;}
  .faq-item{
    background:var(--surface);border:1px solid var(--border);border-radius:16px;
    padding:1.1rem 1.4rem;transition:border-color .2s ease, box-shadow .2s ease;
  }
  .faq-item[open]{border-color:var(--navy-600);box-shadow:0 12px 24px -18px hsl(var(--shadow-color)/.4);}
  .faq-item summary{
    cursor:pointer;list-style:none;font-weight:700;font-size:1rem;color:var(--ink);
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{
    content:"+";flex:none;width:26px;height:26px;border-radius:50%;background:var(--surface-alt);
    color:var(--navy-700);display:flex;align-items:center;justify-content:center;font-size:1.05rem;
    transition:transform .2s ease;
  }
  .faq-item[open] summary::after{content:"–";}
  .faq-item p{margin-top:.8rem;color:var(--muted);font-size:.95rem;line-height:1.65;}

  /* Back to top */
  .back-to-top{
    position:fixed;right:24px;bottom:24px;z-index:80;
    width:46px;height:46px;border-radius:50%;border:none;
    background:var(--navy-800);color:#fff;font-size:1.1rem;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 12px 24px -10px hsl(var(--shadow-color)/.55);
    opacity:0;pointer-events:none;transform:translateY(10px);
    transition:opacity .25s ease, transform .25s ease, background .2s ease;
  }
  .back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0);}
  .back-to-top:hover{background:var(--navy-700);}
  @media (max-width:600px){.back-to-top{right:16px;bottom:16px;width:42px;height:42px;}}

  /* Alternating story rows */
  .story-row{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;align-items:center;padding-block:clamp(32px,4vw,56px);border-top:1px solid var(--border);}
  .story-row:first-of-type{border-top:none;}
  .story-row.reverse .story-media{order:2;}
  .story-media{border-radius:20px;overflow:hidden;aspect-ratio:6/5;}
  .story-media img{width:100%;height:100%;object-fit:cover;}
  .story-text .eyebrow{color:var(--navy-600);}
  [data-theme="dark"] .story-text .eyebrow{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .story-text .eyebrow{color:var(--blue-accent);}}
  .story-text h2{margin-top:.6rem;font-size:clamp(1.6rem,2.8vw,2.2rem);}
  .story-text p{margin-top:1rem;color:var(--muted);}
  .story-text ul{margin-top:1.2rem;display:flex;flex-direction:column;gap:.7rem;}
  .story-text li{display:flex;gap:.7rem;font-size:.95rem;}
  .story-text li svg{flex:none;margin-top:.15rem;color:var(--navy-700);}
  [data-theme="dark"] .story-text li svg{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .story-text li svg{color:var(--blue-accent);}}
  @media (max-width:820px){.story-row{grid-template-columns:1fr;}.story-row.reverse .story-media{order:0;}}

  /* Timeline */
  .timeline{display:flex;flex-direction:column;gap:0;}
  .timeline-item{display:grid;grid-template-columns:100px 24px 1fr;gap:1.2rem;padding-block:1.4rem;}
  .timeline-year{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:var(--navy-800);font-size:1.1rem;font-variant-numeric:tabular-nums;}
  [data-theme="dark"] .timeline-year{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .timeline-year{color:var(--blue-accent);}}
  .timeline-dot-col{display:flex;flex-direction:column;align-items:center;}
  .timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--navy-700);flex:none;}
  .timeline-line{flex:1;width:2px;background:var(--border);margin-top:6px;}
  .timeline-item:last-child .timeline-line{display:none;}
  .timeline-body h4{font-size:1rem;font-weight:700;}
  .timeline-body p{color:var(--muted);font-size:.92rem;margin-top:.3rem;}

  /* Values / icon rows */
  .value-row{display:flex;gap:1.1rem;padding-block:1.3rem;border-top:1px solid var(--border);}
  .value-row:first-child{border-top:none;}
  .value-icon{width:44px;height:44px;border-radius:12px;background:var(--surface-alt);display:flex;align-items:center;justify-content:center;color:var(--navy-700);flex:none;}
  [data-theme="dark"] .value-icon{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .value-icon{color:var(--blue-accent);}}
  .value-row h4{font-size:1rem;font-weight:700;}
  .value-row p{color:var(--muted);font-size:.9rem;margin-top:.25rem;}

  /* Sector cards */
  .sector-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;color:#fff;isolation:isolate;}
  .sector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
  .sector-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg, rgba(4,10,20,.92) 0%, rgba(4,10,20,.35) 55%, rgba(4,10,20,.15) 100%);}
  .sector-card.is-plain{background:linear-gradient(160deg,var(--navy-800),var(--navy-900));}
  .sector-card.is-plain::before{content:none;}
  .sector-body{position:absolute;left:0;right:0;bottom:0;padding:1.4rem;}
  .sector-body .num{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--blue-accent-soft);}
  .sector-body h3{font-size:1.15rem;margin-top:.4rem;color:#fff;}
  .sector-body p{font-size:.85rem;color:rgba(255,255,255,.78);margin-top:.4rem;}
  .sector-icon{
    position:absolute;top:1.2rem;left:1.2rem;z-index:1;width:46px;height:46px;border-radius:50%;
    background:#fff;color:var(--navy-700);display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 18px -8px rgba(4,10,20,.5);
  }
  .sector-body .sector-link{
    display:inline-flex;align-items:center;gap:.4rem;margin-top:.6rem;font-size:.85rem;font-weight:700;color:#fff;
  }
  .sector-card:hover .sector-link{gap:.6rem;}
  .sector-link{transition:gap .2s ease;}

  /* Sector feature strip + inline CTA (Sektörler page) */
  .sector-features-strip{flex:1 1 460px;display:flex;flex-wrap:wrap;gap:1.6rem 1rem;align-items:flex-start;}
  .sfs-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;font-size:.8rem;font-weight:600;width:104px;}
  .sfs-item .value-icon{width:48px;height:48px;border-radius:50%;}
  @media (max-width:640px){.sector-features-strip{justify-content:center;}}

  /* CTA band */
  .cta-band{
    border-radius:28px;padding:clamp(2.2rem,5vw,3.6rem);
    background:linear-gradient(135deg,var(--navy-900),var(--navy-700));
    color:#fff;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;
    position:relative;overflow:hidden;
  }
  .cta-band::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 100% at 100% 0%, rgba(120,194,255,.25), transparent 60%);pointer-events:none;}
  .cta-band > *{position:relative;}
  .cta-band h2{font-size:clamp(1.5rem,2.6vw,2.1rem);max-width:26ch;color:#fff;}
  .cta-band p{color:rgba(255,255,255,.75);margin-top:.6rem;max-width:42ch;}
  .cta-actions{display:flex;gap:1rem;flex-wrap:wrap;}

  /* Certificates */
  .cert-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
  .cert-card{border:1px solid var(--border);border-radius:16px;padding:1.4rem 1.2rem;text-align:center;background:var(--surface);}
  .cert-badge{width:56px;height:56px;border-radius:50%;margin:0 auto .8rem;background:var(--surface-alt);display:flex;align-items:center;justify-content:center;color:var(--navy-700);}
  [data-theme="dark"] .cert-badge{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cert-badge{color:var(--blue-accent);}}
  .cert-card h4{font-size:.95rem;}
  .cert-card p{color:var(--muted);font-size:.78rem;margin-top:.3rem;}
  @media (max-width:820px){.cert-row{grid-template-columns:repeat(2,1fr);}}

  /* Forms */
  .contact-wrap{display:grid;grid-template-columns:1.1fr 1.4fr;gap:2.6rem;align-items:start;}
  @media (max-width:900px){.contact-wrap{grid-template-columns:1fr;}}
  .info-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1.8rem;display:flex;flex-direction:column;gap:1.4rem;}
  .info-row{display:flex;gap:1rem;align-items:flex-start;}
  .info-row .value-icon{background:var(--surface-alt);}
  .info-row h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;}
  .info-row p{font-weight:600;margin-top:.25rem;}
  .map-plate{
    border-radius:16px;overflow:hidden;border:1px solid var(--border);aspect-ratio:16/10;
    position:relative;isolation:isolate;color:#fff;display:block;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .map-plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
  .map-plate::before{
    content:"";position:absolute;inset:0;z-index:-1;
    background:linear-gradient(0deg, rgba(4,10,20,.88) 0%, rgba(4,10,20,.1) 48%, rgba(4,10,20,0) 68%);
  }
  .map-plate:hover{transform:translateY(-3px);box-shadow:0 20px 40px -20px hsl(var(--shadow-color)/.45);}
  .map-plate-badge{position:absolute;left:1.2rem;right:1.2rem;bottom:1.1rem;z-index:1;display:flex;align-items:center;gap:.8rem;}
  .map-plate-icon{
    width:42px;height:42px;border-radius:50%;flex:none;
    background:rgba(255,255,255,.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    display:flex;align-items:center;justify-content:center;color:#fff;
    border:1px solid rgba(255,255,255,.32);
  }
  .map-plate-text strong{display:block;font-weight:700;font-size:.95rem;}
  .map-plate-text span{display:block;font-size:.8rem;opacity:.85;margin-top:.15rem;}

  .form-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(1.6rem,3vw,2.4rem);}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
  @media (max-width:640px){.form-grid{grid-template-columns:1fr;}}
  .field{display:flex;flex-direction:column;gap:.4rem;}
  .field.full{grid-column:1/-1;}
  .field label{font-size:.82rem;font-weight:700;color:var(--muted);}
  .field input,.field select,.field textarea{
    font:inherit;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--border);
    background:var(--bg);color:var(--ink);
  }
  .field textarea{resize:vertical;min-height:110px;}
  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy-600);}
  .form-note{font-size:.82rem;color:var(--muted);margin-top:1rem;}
  .form-note a{font-weight:600;text-decoration:underline;text-underline-offset:2px;}
  .form-success{
    display:flex;align-items:center;gap:.8rem;background:var(--surface-alt);border:1px solid var(--border);
    border-radius:14px;padding:1rem 1.2rem;margin-top:1rem;font-weight:700;font-size:.92rem;
  }
  .form-error{
    display:flex;align-items:center;gap:.8rem;background:#fdecec;border:1px solid #f3b9b9;color:#8a1f1f;
    border-radius:14px;padding:1rem 1.2rem;margin-top:1rem;font-weight:700;font-size:.92rem;
  }
  #contactForm button[type="submit"]:disabled{opacity:.6;cursor:not-allowed;}

  /* Footer */
  .site-footer{background:var(--navy-950);color:rgba(255,255,255,.72);position:relative;overflow:hidden;}
  .footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.05fr;gap:2rem;padding-block:2.4rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1;}
  @media (max-width:980px){.footer-top{grid-template-columns:1fr 1fr 1fr;}}
  @media (max-width:820px){.footer-top{grid-template-columns:1fr 1fr;}}
  @media (max-width:520px){.footer-top{grid-template-columns:1fr;}}
  .footer-top p{margin-top:1rem;font-size:.88rem;line-height:1.6;max-width:32ch;}
  .footer-col h4{color:#fff;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem;}
  .footer-col ul{display:flex;flex-direction:column;gap:.65rem;}
  .footer-col a{font-size:.9rem;}
  .footer-col a:hover{color:var(--blue-accent);}
  .footer-top .social-row{margin-top:1.4rem;}
  .footer-signature{
    position:absolute;right:clamp(20px,4vw,48px);top:2rem;z-index:0;
    font-family:'Caveat',cursive;font-weight:700;font-size:2.3rem;line-height:1.05;
    color:var(--blue-accent);opacity:.32;text-align:right;pointer-events:none;
  }
  @media (max-width:980px){.footer-signature{display:none;}}
  .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-block:1.4rem;font-size:.82rem;flex-wrap:wrap;gap:1rem;position:relative;z-index:1;}
  .footer-legal{display:flex;gap:.6rem;flex-wrap:wrap;}
  .footer-legal a{font-size:.82rem;}
  .footer-legal a:hover{color:var(--blue-accent);}
  .social-row{display:flex;gap:.7rem;}
  .social-row a{
    width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);
    display:flex;align-items:center;justify-content:center;
    transition:border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
  }
  .social-row a svg{width:16px;height:16px;flex:none;}
  .social-row a:hover{border-color:var(--blue-accent);color:var(--blue-accent);background:rgba(120,194,255,.1);transform:translateY(-2px);}

  /* Cookie consent banner (KVKK) */
  .cookie-banner{
    position:fixed;left:24px;right:24px;bottom:24px;z-index:120;
    max-width:760px;margin-inline:auto;
    background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:20px;
    padding:1.3rem 1.5rem;box-shadow:0 24px 48px -20px hsl(var(--shadow-color)/.55);
    display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;
    opacity:0;transform:translateY(16px);transition:opacity .3s ease, transform .3s ease;
  }
  .cookie-banner.is-visible{opacity:1;transform:translateY(0);}
  .cookie-banner-text{flex:1 1 320px;font-size:.88rem;line-height:1.55;color:var(--muted);}
  .cookie-banner-text strong{display:block;color:var(--ink);font-family:'Plus Jakarta Sans',sans-serif;font-size:.98rem;margin-bottom:.3rem;}
  .cookie-banner-text a{color:var(--navy-700);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
  [data-theme="dark"] .cookie-banner-text a{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cookie-banner-text a{color:var(--blue-accent);}}
  .cookie-banner-actions{display:flex;gap:.6rem;flex-wrap:wrap;}
  .cookie-banner-actions .btn{padding:.7rem 1.3rem;font-size:.88rem;}
  @media (max-width:600px){
    .cookie-banner{left:12px;right:12px;bottom:12px;padding:1.1rem 1.2rem;gap:1rem;}
    .cookie-banner-actions{width:100%;}
    .cookie-banner-actions .btn{flex:1;justify-content:center;}
  }

  /* Legal text pages (KVKK / privacy) */
  .legal-text{max-width:820px;}
  .legal-text .legal-updated{color:var(--muted);font-size:.88rem;font-weight:600;}
  .legal-text h2{font-size:clamp(1.2rem,2vw,1.45rem);font-weight:800;margin-top:2.4rem;}
  .legal-text p{margin-top:.9rem;color:var(--muted);line-height:1.7;}
  .legal-text ul{margin-top:.9rem;display:flex;flex-direction:column;gap:.5rem;}
  .legal-text li{position:relative;padding-left:1.2rem;color:var(--muted);line-height:1.6;}
  .legal-text li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--navy-600);}
  .legal-text strong{color:var(--ink);}
  .legal-text a{color:var(--navy-700);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
  [data-theme="dark"] .legal-text a{color:var(--blue-accent);}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .legal-text a{color:var(--blue-accent);}}
  .legal-table-wrap{margin-top:1rem;overflow-x:auto;border:1px solid var(--border);border-radius:14px;}
  .legal-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:560px;}
  .legal-table th,.legal-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;}
  .legal-table th{background:var(--surface-alt);font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:var(--ink);}
  .legal-table td{color:var(--muted);}
  .legal-table tr:last-child td{border-bottom:none;}
  .legal-table code{font-size:.82rem;color:var(--ink);}

  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:.01ms !important;transition-duration:.01ms !important;}
  }