/* THIO Gıda — ortak tema
   Renkler fabrikanın kendi dünyasından: logonun kırmızısı, paslanmaz çelik grisi,
   üretim bandı sarısı. Tipografi: Archivo (endüstriyel tabela grotesk'i). */

@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;
  src:url(/vendor/archivo/files/archivo-latin-ext-400-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+0300-0304,U+0306-030C,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;
  src:url(/vendor/archivo/files/archivo-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;
  src:url(/vendor/archivo/files/archivo-latin-ext-500-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+0300-0304,U+0306-030C,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-display:swap;
  src:url(/vendor/archivo/files/archivo-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;
  src:url(/vendor/archivo/files/archivo-latin-ext-600-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+0300-0304,U+0306-030C,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;
  src:url(/vendor/archivo/files/archivo-latin-600-normal.woff2) format('woff2');}
@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;
  src:url(/vendor/archivo/files/archivo-latin-ext-700-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+0300-0304,U+0306-030C,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;
  src:url(/vendor/archivo/files/archivo-latin-700-normal.woff2) format('woff2');}

:root{
  --kirmizi:#EC0918;        /* logodan alinan kurumsal kirmizi */
  --kirmizi-dugme:#CE0715;  /* beyaz yazi icin kontrasti yeterli ton */
  --kirmizi-koyu:#9E0510;
  --celik:#1A2430;
  --celik-acik:#2E3D4E;
  --gri:#5C6878;
  --gri-acik:#8894A3;
  --hat:#D9E0E8;
  --zemin:#EDF1F5;
  --kagit:#FFFFFF;
  --yesil:#12784F;
  --yesil-zemin:#E3F3EB;
  --sari:#B5730C;
  --sari-zemin:#FBF0DC;
  --mavi:#2B5F96;
  --mavi-zemin:#E5EEF7;
  --kirmizi-zemin:#FCE5E7;

  --r:6px;
  --olcu:clamp(15px,0.95rem + 0.15vw,17px);
  --golge:0 1px 2px rgba(26,36,48,.08), 0 8px 24px -12px rgba(26,36,48,.25);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:Archivo,'Segoe UI',system-ui,sans-serif;
  font-size:var(--olcu);
  line-height:1.5;
  color:var(--celik);
  background:var(--zemin);
  font-variant-numeric:tabular-nums;
}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.015em;line-height:1.2}
a{color:var(--mavi)}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--kirmizi);outline-offset:2px;border-radius:3px}

/* THIO Frozen Foods logosu */
.marka{display:block;width:2.6em;height:2.6em;border-radius:5px;object-fit:cover;
  background:var(--kirmizi);flex:none}
.marka.buyuk{width:4.2em;height:4.2em;border-radius:7px}

.rozet{display:inline-block;padding:.2em .6em;border-radius:100px;
  font-size:.78rem;font-weight:600;white-space:nowrap}
.rozet.yeni{background:var(--mavi-zemin);color:var(--mavi)}
.rozet.on_gorusme,.rozet.teknik_gorusme,.rozet.teklif{background:var(--sari-zemin);color:var(--sari)}
.rozet.ise_alindi{background:var(--yesil-zemin);color:var(--yesil)}
.rozet.reddedildi{background:var(--kirmizi-zemin);color:var(--kirmizi-koyu)}
.rozet.havuz{background:#E9EDF2;color:var(--gri)}

.dugme{border:0;border-radius:var(--r);padding:.72em 1.2em;font-weight:600;
  background:var(--celik);color:#fff;transition:background .12s}
.dugme:hover{background:var(--celik-acik)}
.dugme.birincil{background:var(--kirmizi-dugme)}
.dugme.birincil:hover{background:var(--kirmizi-koyu)}
.dugme.sade{background:transparent;color:var(--celik);border:1px solid var(--hat)}
.dugme.sade:hover{background:#fff}
.dugme:disabled{opacity:.45;cursor:not-allowed}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}