/*
Theme Name: ЗЛТ — расплав и металл
Description: Тема завода литейных технологий. Перенос статического дизайна «расплав → металл»: графитовая печь в hero и CTA, холодные светлые секции между ними.
Author: Рустам Ямалетдинов
Version: 1.0
Text Domain: zlt
*/

:root{
    /* двух-температурная система: холодный обработанный металл + раскалённый расплав */
    --graphite:#17181C;       /* чугун / печь */
    --graphite-2:#202228;
    --ink:#1b1d22;            /* текст на светлом */
    --steel:#E4E6E9;          /* остывший металл */
    --paper:#F4F5F6;          /* лист */
    --paper-2:#fff;
    --slag:#62666f;           /* приглушённый */
    --line:#d3d6db;
    --line-dark:#2c2f37;
    --molten:#FF5A1F;         /* расплав */
    --molten-2:#FF8A3D;
    --incand:#FFC773;         /* накал */
    --hot-grad:linear-gradient(180deg,var(--incand) 0%,var(--molten) 70%);
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{font-family:"IBM Plex Sans",system-ui,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.6;}
  img{max-width:100%;display:block;}
  a{color:inherit;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 22px;}

  /* типографика */
  h1,h2,h3{font-family:"Oswald",sans-serif;font-weight:600;letter-spacing:.01em;line-height:1.08;margin:0;}
  h1{font-size:clamp(32px,4.8vw,56px);text-transform:uppercase;}
  h2{font-size:clamp(26px,3.6vw,40px);text-transform:uppercase;color:var(--graphite);}
  h3{font-size:20px;text-transform:none;letter-spacing:0;}
  p{margin:10px 0;}
  .mono{font-family:"IBM Plex Mono",monospace;}
  .eyebrow{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--molten);font-weight:500;}
  .hot{background:var(--hot-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
       filter:drop-shadow(0 0 22px rgba(255,90,31,.38));}

  /* кнопки */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
       background:var(--molten);color:#fff;text-decoration:none;font-family:"Oswald",sans-serif;
       font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:17px;
       padding:16px 30px;border:none;border-radius:2px;cursor:pointer;transition:.18s;}
  .btn:hover{background:#e64a12;box-shadow:0 0 0 1px var(--molten),0 12px 30px rgba(255,90,31,.35);}

  /* ======= HERO (печь) ======= */
  .hero{position:relative;background:var(--graphite);color:#eef0f3;overflow:hidden;padding:30px 0 64px;}
  .hero:before{content:"";position:absolute;left:-10%;top:-30%;width:70%;height:120%;
     background:radial-gradient(closest-side,rgba(255,90,31,.30),rgba(255,90,31,0) 70%);
     filter:blur(10px);pointer-events:none;z-index:0;}
  .hero .wrap{position:relative;z-index:2;}
  .topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0 26px;
     border-bottom:1px solid var(--line-dark);margin-bottom:34px;flex-wrap:wrap;}
  .brand{font-family:"Oswald",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:18px;}
  .brand b{color:var(--molten);}
  .topbar .loc{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#9aa0aa;letter-spacing:.08em;}
  .topbar .tel{font-family:"Oswald",sans-serif;font-size:17px;letter-spacing:.03em;color:#fff;text-decoration:none;white-space:nowrap;}
  .topbar .tel:hover{color:var(--molten);}
  .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center;}
  .hero h1 span.block{display:block;}
  .hero .lede{font-size:19px;color:#c3c8d0;max-width:34em;margin:22px 0 26px;}

  /* спец-строка как штамп чертежа */
  .specs{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line-dark);border-radius:2px;
     font-family:"IBM Plex Mono",monospace;margin:0 0 26px;overflow:hidden;width:fit-content;max-width:100%;}
  .specs .s{padding:10px 18px;border-right:1px solid var(--line-dark);}
  .specs .s:last-child{border-right:none;}
  .specs .s b{display:block;color:#fff;font-size:17px;font-weight:600;letter-spacing:.02em;}
  .specs .s span{display:block;color:#8b919b;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:2px;}

  .flow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
  .flow .chip{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em;color:#cfd4db;
     border:1px solid var(--line-dark);padding:6px 11px;border-radius:2px;}
  .flow .ar{color:var(--molten);}

  /* фото в печной рамке */
  .hero-photo{position:relative;border-radius:3px;overflow:hidden;border:1px solid #34373f;
     box-shadow:0 0 0 1px rgba(255,90,31,.18),0 30px 60px rgba(0,0,0,.5);}
  .hero-photo img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.96);}
  .hero-photo:after{content:"";position:absolute;inset:0;
     background:linear-gradient(180deg,rgba(255,90,31,.10),transparent 40%,rgba(0,0,0,.35));}
  .hero-photo .tag{position:absolute;left:14px;bottom:12px;z-index:2;font-family:"IBM Plex Mono",monospace;
     font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(23,24,28,.72);
     border:1px solid #3a3d45;padding:6px 10px;border-radius:2px;}

  /* форма */
  .form-card{background:var(--paper-2);color:var(--ink);border-radius:3px;padding:20px 22px;
     box-shadow:0 18px 40px rgba(0,0,0,.35);border-top:3px solid var(--molten);max-width:380px;margin-left:auto;}
  .form-card .ttl{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;font-size:17px;color:var(--graphite);}
  .form-card .hint{color:var(--slag);font-size:12.5px;margin:3px 0 13px;}
  .field{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:2px;font-size:15px;
     margin-bottom:8px;font-family:inherit;background:#fcfcfd;}
  .field:focus{outline:none;border-color:var(--molten);box-shadow:0 0 0 3px rgba(255,90,31,.12);}
  .filehint{font-size:11.5px;color:var(--slag);margin:-3px 0 10px;}
  /* важно: текст согласия обёрнут в <span> — иначе текстовые узлы и ссылки
     становятся отдельными flex-элементами и разъезжаются по колонкам */
  .consent{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:var(--slag);margin:2px 0 12px;line-height:1.4;}
  .consent input{margin-top:2px;flex:0 0 auto;}
  .consent span{flex:1 1 auto;}
  .consent a{color:var(--molten);}
  .form-card .btn{width:100%;padding:11px 20px;font-size:14px;}
  .form-note{font-size:10.5px;color:var(--slag);margin-top:8px;text-align:center;}

  /* ======= СЕКЦИИ (холодный металл) ======= */
  .sec{padding:78px 0;}
  .sec--steel{background:var(--steel);}
  .sec--dark{background:var(--graphite);color:#e7e9ec;}
  .sec--dark h2{color:#fff;}
  .sec--dark .sec-sub{color:#a9aeb7;}
  .sec-head{margin-bottom:30px;}
  .sec-head .eyebrow{display:block;margin-bottom:10px;}
  .sec-sub{color:var(--slag);max-width:46em;}

  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .card{background:var(--paper-2);border:1px solid var(--line);border-radius:3px;padding:24px;position:relative;transition:.18s;}
  .card:hover{border-color:#bcbfc6;box-shadow:0 14px 30px rgba(23,24,28,.07);}
  .card .num{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--molten);letter-spacing:.1em;}
  .card h3{margin:10px 0 6px;color:var(--graphite);}
  .card p{margin:0;color:#3c4047;font-size:15.5px;}

  /* два входа: дилер / эксплуатант */
  .doors{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .door{background:#1d1f25;border:1px solid #2c2f37;border-radius:3px;padding:26px 26px 22px;transition:.18s;}
  .door:hover{border-color:var(--molten);}
  .door .k{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--molten);}
  .door h3{color:#fff;margin:9px 0 8px;font-size:22px;}
  .door p{color:#b9bec6;font-size:15.5px;margin:0 0 12px;}
  .door ul{margin:0 0 16px;padding-left:18px;color:#b9bec6;font-size:15px;}
  .door ul li{margin:4px 0;}
  .door a.go{font-family:"Oswald",sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:14.5px;
     color:var(--molten);text-decoration:none;font-weight:600;}
  .door a.go:hover{text-decoration:underline;}

  .note{background:var(--graphite);color:#e7e9ec;border-radius:3px;padding:24px 26px;margin-top:20px;
     display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;}
  .note .k{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--molten);padding-top:4px;}
  .note h3{color:#fff;margin:0 0 6px;}
  .note p{margin:0;color:#b9bec6;font-size:15.5px;}

  /* галерея продукции — каталожные карточки */
  .gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
  .gallery--3{grid-template-columns:repeat(3,1fr);}
  .spec-card{background:var(--paper-2);border:1px solid var(--line);border-radius:3px;overflow:hidden;}
  .spec-card .ph{aspect-ratio:16/11;overflow:hidden;background:#0e0f12;}
  .spec-card .ph img{width:100%;height:100%;object-fit:cover;transition:.4s;}
  .spec-card:hover .ph img{transform:scale(1.035);}
  .spec-card .meta{padding:16px 18px;display:flex;justify-content:space-between;gap:14px;align-items:flex-start;}
  .spec-card .meta .t{font-family:"IBM Plex Sans",sans-serif;font-weight:600;font-size:17px;text-transform:none;letter-spacing:0;color:var(--graphite);margin:0;}
  .spec-card .meta .d{color:var(--slag);font-size:14px;margin:3px 0 0;}
  .spec-card .code{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;color:#fff;
     background:var(--graphite);padding:5px 9px;border-radius:2px;white-space:nowrap;}

  /* матрица номенклатуры */
  .matrix{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--paper-2);}
  .matrix .it{padding:16px 20px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:15.5px;}
  .matrix .it:nth-child(2n){border-right:none;}
  .matrix .it h3{font-family:"IBM Plex Sans",sans-serif;font-weight:600;font-size:15.5px;text-transform:none;letter-spacing:0;color:var(--graphite);margin:0 0 2px;}
  .matrix .it p{margin:0;color:var(--slag);font-size:14px;}
  .matrix .it .pn{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--molten);margin-right:8px;}

  /* почему */
  .why{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

  /* процесс — реальная последовательность, нумерация оправдана */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--graphite);}
  .step{padding:24px 20px 8px;border-right:1px solid var(--line);position:relative;}
  .step:last-child{border-right:none;}
  .step .n{font-family:"Oswald",sans-serif;font-weight:700;font-size:40px;line-height:1;color:transparent;
     -webkit-text-stroke:1.5px var(--molten);}
  .step h3{margin:12px 0 6px;color:var(--graphite);}
  .step p{margin:0;color:#3c4047;font-size:15px;}

  /* FAQ */
  .faq{max-width:840px;}
  .qa{border-bottom:1px solid var(--line);}
  .qa summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;
     font-family:"Oswald",sans-serif;font-weight:500;font-size:19px;color:var(--graphite);text-transform:none;}
  .qa summary::-webkit-details-marker{display:none;}
  .qa summary:after{content:"+";position:absolute;right:6px;top:18px;color:var(--molten);font-size:26px;font-family:"IBM Plex Sans";}
  .qa[open] summary:after{content:"–";}
  .qa p{margin:0 0 20px;color:#3c4047;}

  /* CTA печь */
  .furnace{background:var(--graphite);color:#fff;text-align:center;padding:72px 0;position:relative;overflow:hidden;}
  .furnace:before{content:"";position:absolute;left:50%;top:-40%;transform:translateX(-50%);width:120%;height:120%;
     background:radial-gradient(closest-side,rgba(255,90,31,.22),transparent 70%);pointer-events:none;}
  .furnace .wrap{position:relative;}
  .furnace h2{color:#fff;}
  .furnace p{color:#c3c8d0;font-size:18px;margin:14px 0 26px;}

  /* footer */
  footer{background:#0f1013;color:#9aa0aa;padding:40px 0;font-size:14px;}
  footer a{color:#dfe2e6;}
  footer .mono{color:#7f858f;font-size:12px;}

  /* cookie */
  #cookie{position:fixed;left:14px;right:14px;bottom:14px;max-width:560px;margin:0 auto;background:var(--graphite);
     color:#cfd4db;border:1px solid #2c2f37;border-radius:3px;padding:14px 16px;font-size:13px;
     box-shadow:0 14px 40px rgba(0,0,0,.4);z-index:60;display:none;}
  #cookie a{color:#fff;}
  #cookie .row{display:flex;gap:10px;margin-top:11px;}
  #cookie .btn{flex:1 1 0;padding:9px 16px;font-size:14px;margin:0;}
  #cookie .btn-decline{flex:1 1 0;padding:9px 16px;font-size:14px;margin:0;background:transparent;
     color:#cfd4db;border:1px solid #4a4e58;border-radius:2px;font-family:"Oswald",sans-serif;font-weight:600;
     text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.18s;}
  #cookie .btn-decline:hover{border-color:#7a808c;color:#fff;}

  /* motion начальные состояния (если JS/inView сработает) */
  [data-reveal]{opacity:1;}
  .js [data-reveal]{opacity:0;transform:translateY(18px);}
  @media (prefers-reduced-motion: reduce){
    .js [data-reveal]{opacity:1;transform:none;}
  }

  @media(max-width:880px){
    .hero-grid,.cards,.gallery,.gallery--3,.why,.matrix,.steps,.doors{grid-template-columns:1fr;}
    .matrix .it{border-right:none;}
    .steps{border-top:none;}
    .step{border-right:none;border-top:1px solid var(--line);}
    .note{grid-template-columns:1fr;gap:8px;}
    .sec{padding:54px 0;}
    .topbar .loc{display:none;}
    .form-card{max-width:none;margin-left:0;}
  }

/* ---------- дополнения для WordPress ---------- */
.hero--inner{padding:30px 0 54px;}
.hero--inner .hero-grid--inner{display:block;max-width:800px;}
.mainnav .navlist{list-style:none;display:flex;gap:20px;margin:0;padding:0;flex-wrap:wrap;}
.mainnav .navlist a{font-family:"IBM Plex Sans",sans-serif;font-size:14.5px;color:#cfd4db;
  text-decoration:none;transition:.15s;}
.mainnav .navlist a:hover{color:var(--molten);}
.mainnav .navlist .current-menu-item > a{color:#fff;}
.entry{max-width:820px;font-size:17px;}
.entry h2{margin:34px 0 14px;}
.entry h3{margin:24px 0 8px;color:var(--graphite);font-family:"IBM Plex Sans",sans-serif;font-weight:650;}
.entry ul,.entry ol{padding-left:22px;}
.entry li{margin:6px 0;}
.entry img{border-radius:3px;margin:18px 0;}
.entry table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15.5px;}
.entry th,.entry td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);}
.entry th{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--slag);font-weight:500;}
.entry .form-card{max-width:420px;margin:26px 0;}
@media(max-width:880px){ .mainnav{width:100%;} .mainnav .navlist{gap:14px;} }