/* ==========================================================================
   7k7340.team — шаблон foundry (литейный цех), палитра hue 175 + 325
   Скелет шаблона лежит в банке: c-new/templates/foundry/
   Namespace .fo* — пересечений с другими шаблонами сети нет.
   ========================================================================== */

:root{
  /* @palette:start */
  --fo-h:175;
  --fo-h2:325;

  --fo-bg:hsl(193 22% 6%);
  --fo-bg2:hsl(193 20% 9%);
  --fo-mould:hsl(196 16% 12%);
  --fo-mould2:hsl(196 14% 15%);
  --fo-steel:hsl(198 12% 20%);
  --fo-steel2:hsl(198 12% 15%);
  --fo-steel3:hsl(198 14% 10%);
  --fo-rim:hsl(198 10% 36%);
  --fo-line:hsl(196 12% 24%);
  --fo-line2:hsl(196 12% 33%);
  --fo-flash:hsl(198 10% 31%);

  --fo-ink:hsl(180 14% 93%);
  --fo-mut:hsl(190 10% 71%);

  --fo-a1:hsl(var(--fo-h) 72% 52%);
  --fo-a1d:hsl(var(--fo-h) 80% 33%);
  --fo-a1w:hsl(var(--fo-h) 72% 52% / .14);
  --fo-a2:hsl(var(--fo-h2) 62% 66%);
  --fo-a2w:hsl(var(--fo-h2) 62% 66% / .15);
  --fo-hot:hsl(var(--fo-h) 92% 68%);

  --fo-btn-ink:hsl(192 62% 7%);
  --fo-paper:hsl(38 26% 88%);
  --fo-paper2:hsl(38 20% 81%);
  --fo-paper-ink:hsl(200 26% 13%);
  --fo-paper-mut:hsl(200 12% 32%);
  /* @palette:end */

  --fo-fd:"Ruslan Display",Georgia,"Times New Roman",serif;
  --fo-fb:"Roboto Slab",Georgia,"Segoe UI",serif;
  --fo-col:1180px;
  --fo-pad:clamp(16px,4vw,34px);
  --fo-r:3px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.fo{
  margin:0;
  overflow-x:hidden;
  background:var(--fo-bg);
  color:var(--fo-ink);
  font:400 17px/1.72 var(--fo-fb);
}
.fo p{margin:0 0 14px}
.fo img{max-width:100%;height:auto}
.fo a{color:var(--fo-a1);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.fo h1,.fo h2{font-family:var(--fo-fd);font-weight:400;overflow-wrap:break-word;hyphens:none}
.fo h3,.fo h4{font-family:var(--fo-fb);font-weight:700;overflow-wrap:break-word}
.fo h1{font-size:clamp(26px,5vw,48px);line-height:1.14;margin:0 0 16px;letter-spacing:.2px}
.fo h2{font-size:clamp(21px,3.3vw,32px);line-height:1.22;margin:0 0 14px}
.fo h3{font-size:clamp(16px,2vw,19px);line-height:1.35;margin:0 0 8px}
.fo h4{font-size:15px;margin:0 0 6px}
.foem{color:var(--fo-a1)}
.foem2{color:var(--fo-a2)}
.fonum{font-family:var(--fo-fd);font-weight:400}
.fomutt{color:var(--fo-mut)}

/* --- следы шихты: фоновый слой ------------------------------------------ */
.foslag{
  position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.9;
  background:
    radial-gradient(circle at 12% 18%,hsl(var(--fo-h) 60% 40% / .10) 0,transparent 34%),
    radial-gradient(circle at 88% 72%,hsl(var(--fo-h2) 50% 46% / .09) 0,transparent 38%),
    radial-gradient(1.6px 1.6px at 14% 22%,hsl(198 12% 55% / .40) 50%,transparent 51%),
    radial-gradient(2.2px 2.2px at 63% 8%,hsl(198 12% 48% / .34) 50%,transparent 51%),
    radial-gradient(1.4px 1.4px at 31% 61%,hsl(198 12% 60% / .30) 50%,transparent 51%),
    radial-gradient(2.6px 2.6px at 79% 41%,hsl(198 10% 44% / .30) 50%,transparent 51%),
    radial-gradient(1.8px 1.8px at 47% 87%,hsl(198 12% 52% / .28) 50%,transparent 51%),
    repeating-linear-gradient(58deg,hsl(198 14% 26% / .14) 0 1px,transparent 1px 13px),
    repeating-linear-gradient(-42deg,hsl(198 14% 22% / .12) 0 1px,transparent 1px 19px);
  background-size:auto,auto,180px 150px,240px 210px,150px 190px,270px 230px,200px 260px,auto,auto;
}
.fowrap{position:relative;z-index:1}
.foin{width:min(var(--fo-col),100%);margin:0 auto;padding:0 var(--fo-pad)}

/* --- шкала температуры расплава ------------------------------------------ */
.fotherm{
  position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:2;
  width:64px;display:flex;gap:9px;pointer-events:none;
  font:400 10px/1.2 var(--fo-fb);letter-spacing:.08em;color:var(--fo-mut);
}
.fotherm__bar{
  position:relative;width:11px;height:330px;border:1px solid var(--fo-line2);
  background:
    repeating-linear-gradient(180deg,hsl(198 12% 70% / .55) 0 1px,transparent 1px 22px),
    linear-gradient(180deg,var(--fo-hot) 0%,var(--fo-a1) 34%,var(--fo-a2) 72%,var(--fo-steel) 100%);
}
.fotherm__dot{
  position:absolute;left:-5px;top:29%;width:19px;height:3px;background:var(--fo-ink);
  box-shadow:0 0 0 1px var(--fo-bg);
}
.fotherm__sc{display:flex;flex-direction:column;justify-content:space-between;height:330px}
.fotherm__sc span{display:block;white-space:nowrap}

/* --- шапка ---------------------------------------------------------------- */
.fobar{
  position:sticky;top:0;z-index:6;
  background:hsl(193 22% 6% / .93);
  border-bottom:1px solid var(--fo-line);
  backdrop-filter:blur(7px);
}
.fobar__in{
  width:min(var(--fo-col),100%);margin:0 auto;padding:7px var(--fo-pad);
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.folog{gap:10px;color:var(--fo-ink);min-height:44px}
.folog__m{
  width:30px;height:30px;flex:0 0 30px;position:relative;
  background:linear-gradient(160deg,var(--fo-rim),var(--fo-steel3));
  clip-path:polygon(14% 0,86% 0,100% 74%,50% 100%,0 74%);
}
.folog__m::after{
  content:"";position:absolute;left:26%;right:26%;top:22%;height:26%;
  background:var(--fo-hot);
}
.folog__t{font-family:var(--fo-fd);font-size:19px;letter-spacing:.4px}
.folog__s{font-size:10px;color:var(--fo-mut);letter-spacing:.16em;text-transform:uppercase}
.fonav{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto}
.fonav a{
  color:var(--fo-mut);font-size:14px;padding:0 10px;min-height:44px;
  border-bottom:2px solid transparent;
}
.fonav a:hover{color:var(--fo-ink);border-bottom-color:var(--fo-a1)}

/* --- кнопки: цвет держим на связке контейнер+класс (0-2-0) --------------- */
.fo .fobtn{
  padding:0 20px;min-height:48px;border:1px solid var(--fo-line2);
  background:transparent;color:var(--fo-ink);font:700 15px/1.2 var(--fo-fb);
  border-radius:var(--fo-r);cursor:pointer;text-align:center;justify-content:center;
  display:inline-flex;align-items:center;
}
.fo .fobtn--go{
  background:linear-gradient(174deg,var(--fo-hot),var(--fo-a1) 55%,var(--fo-a1d));
  border-color:var(--fo-a1d);color:var(--fo-btn-ink);
  box-shadow:0 0 0 1px hsl(var(--fo-h) 80% 20% / .8);
}
.fo .fobtn--gh{background:hsl(198 14% 18% / .75);color:var(--fo-ink);border-color:var(--fo-line2)}
.fo .fobar .fobtn{min-height:44px;padding:0 15px;font-size:14px}

/* --- ковш-заголовок ------------------------------------------------------- */
.foladle{padding:34px 0 0}
.foladle__vessel{
  position:relative;margin:0 auto;width:min(var(--fo-col),100%);
  padding:40px clamp(20px,5vw,66px) 46px;
  background:
    linear-gradient(180deg,hsl(198 12% 22%) 0,var(--fo-steel2) 52%,var(--fo-steel3) 100%),
    var(--fo-steel2);
  border-top:3px solid var(--fo-rim);
  clip-path:polygon(0 0,100% 0,95.5% 100%,4.5% 100%);
}
.foladle__vessel::before{
  content:"";position:absolute;left:0;right:0;top:0;height:78px;
  background:linear-gradient(180deg,hsl(198 14% 46% / .30),transparent);
  pointer-events:none;
}
.foladle__trun{
  position:absolute;top:54px;width:26px;height:26px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--fo-rim),var(--fo-steel3) 70%);
  border:1px solid var(--fo-line2);
}
.foladle__trun--l{left:-9px}
.foladle__trun--r{right:-9px}
.foladle__spout{
  position:absolute;right:2%;top:-16px;width:132px;height:17px;
  background:linear-gradient(180deg,var(--fo-rim),var(--fo-steel2));
  clip-path:polygon(0 0,100% 0,88% 100%,10% 100%);
}
.fokick{
  font:400 11px/1.3 var(--fo-fb);letter-spacing:.2em;text-transform:uppercase;
  color:var(--fo-mut);margin:0 0 12px;
}
.fokick em{font-style:normal;color:var(--fo-a2)}
.folead{font-size:clamp(16px,2.1vw,19px);color:var(--fo-ink);max-width:66ch;margin:0 0 20px}
.focta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 26px}
.fokpi{list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fit,minmax(min(158px,100%),1fr))}
.fokpi li{
  min-width:0;padding:13px 14px;background:hsl(196 16% 11% / .82);
  border:1px solid var(--fo-line);border-left:3px solid var(--fo-a1);border-radius:var(--fo-r);
}
.fokpi .fokpi__n{display:block;font:400 25px/1.1 var(--fo-fd);color:var(--fo-ink);font-weight:400}
.fokpi .fokpi__c{display:block;font-size:12.5px;color:var(--fo-mut);margin-top:5px}
.fopour{
  width:9px;height:64px;margin:0 auto;
  background:linear-gradient(180deg,var(--fo-hot),hsl(var(--fo-h) 84% 46% / .15));
  box-shadow:0 0 18px hsl(var(--fo-h) 90% 55% / .45);
}

/* --- отливка в изложнице -------------------------------------------------- */
.fofloor{display:block;padding:0 0 10px}
.fomould{
  width:min(var(--fo-col),100%);margin:0 auto 26px;padding:0 var(--fo-pad);
  display:grid;grid-template-columns:96px minmax(0,1fr);gap:0;align-items:stretch;
}
.fogate{position:relative;min-width:0}
.fogate__cup{
  width:70px;height:44px;margin:0 0 0 12px;
  background:linear-gradient(180deg,var(--fo-steel),var(--fo-steel3));
  border:1px solid var(--fo-line2);border-bottom:0;
  clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);
}
.fogate__ch{
  position:absolute;left:46px;top:44px;bottom:36px;width:6px;
  background:linear-gradient(180deg,var(--fo-line2),var(--fo-line));
}
.fogate__no{
  position:absolute;left:6px;bottom:0;font:400 34px/1 var(--fo-fd);color:var(--fo-line2);
}
.focav{
  position:relative;min-width:0;
  padding:26px clamp(16px,3vw,32px) 28px;
  background:linear-gradient(180deg,var(--fo-mould2),var(--fo-mould));
  border:1px solid var(--fo-line);border-radius:var(--fo-r);
}
.focav::before{
  content:"";position:absolute;inset:-5px;pointer-events:none;z-index:0;
  background:
    repeating-linear-gradient(90deg,var(--fo-flash) 0 5px,transparent 5px 12px,var(--fo-flash) 12px 15px,transparent 15px 24px) left top/100% 5px repeat-x,
    repeating-linear-gradient(90deg,transparent 0 8px,var(--fo-flash) 8px 13px,transparent 13px 20px,var(--fo-flash) 20px 22px) left bottom/100% 5px repeat-x,
    repeating-linear-gradient(180deg,var(--fo-flash) 0 6px,transparent 6px 15px,var(--fo-flash) 15px 18px,transparent 18px 27px) left top/5px 100% repeat-y,
    repeating-linear-gradient(180deg,transparent 0 9px,var(--fo-flash) 9px 14px,transparent 14px 23px) right top/5px 100% repeat-y;
}
.focav>*{position:relative;z-index:1}
.fostamp{
  position:absolute;right:-30px;top:34px;z-index:2;
  writing-mode:vertical-rl;font:400 10px/1 var(--fo-fb);letter-spacing:.24em;
  color:var(--fo-line2);text-transform:uppercase;
}
.fomould--x .focav{border-left:3px solid var(--fo-a2)}
.fomould--x .fokick em{color:var(--fo-a1)}

/* --- сетки и карточки ----------------------------------------------------- */
.fogrid{display:grid;gap:12px;margin:0 0 16px;
  grid-template-columns:repeat(auto-fit,minmax(min(248px,100%),1fr))}
.focard{
  min-width:0;padding:15px 16px;background:hsl(196 16% 10% / .78);
  border:1px solid var(--fo-line);border-top:3px solid var(--fo-line2);border-radius:var(--fo-r);
}
.focard h3{color:var(--fo-ink)}
.focard p{margin:0;font-size:15.5px;color:var(--fo-mut)}
.focard--a{border-top-color:var(--fo-a1)}
.focard--b{border-top-color:var(--fo-a2)}
.fochips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fochips li{
  font-size:13.5px;color:var(--fo-mut);padding:7px 11px;
  border:1px dashed var(--fo-line2);border-radius:var(--fo-r);background:hsl(196 16% 10% / .6);
}

/* --- таблицы -------------------------------------------------------------- */
.foscroll{overflow-x:auto;margin:0 0 16px;min-width:0;
  border:1px solid var(--fo-line);border-radius:var(--fo-r)}
.fotab{border-collapse:collapse;width:100%;min-width:540px;font-size:15px}
.fotab th,.fotab td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--fo-line)}
.fotab th{
  background:hsl(196 16% 15%);color:var(--fo-ink);font-weight:700;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;
}
.fotab td{color:var(--fo-mut)}
.fotab td:first-child{color:var(--fo-ink)}
.fotab tr:last-child td{border-bottom:0}
.fotab tbody tr:nth-child(2n) td{background:hsl(196 16% 10% / .55)}

/* --- ступени лояльности как слитки --------------------------------------- */
.foladder{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:9px}
.foladder li{
  min-width:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:11px 14px;border:1px solid var(--fo-line);border-radius:var(--fo-r);
  background:linear-gradient(90deg,var(--fo-a1w),transparent 62%),hsl(196 16% 10% / .8);
}
.foladder li:nth-child(1){width:64%}
.foladder li:nth-child(2){width:71%}
.foladder li:nth-child(3){width:78%}
.foladder li:nth-child(4){width:85%}
.foladder li:nth-child(5){width:92%}
.foladder li:nth-child(6){width:100%;background:linear-gradient(90deg,var(--fo-a2w),transparent 62%),hsl(196 16% 10% / .8)}
.foladder .fotier__n{font:400 17px/1 var(--fo-fd);font-weight:400;color:var(--fo-ink);min-width:88px}
.foladder .fotier__d{font-size:14px;color:var(--fo-mut)}

/* --- отзывы --------------------------------------------------------------- */
.forevs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(258px,100%),1fr))}
.forev{
  min-width:0;position:relative;padding:16px 16px 14px;border:1px solid var(--fo-line);
  border-radius:var(--fo-r);background:hsl(196 16% 11% / .8);
}
.forev p{font-size:15.5px;color:var(--fo-mut);margin:0 0 10px}
.forev__w{font-size:13px;color:var(--fo-a1);letter-spacing:.05em}
.forev__st{
  position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;
  border:1px dashed var(--fo-line2);color:var(--fo-line2);
  font:400 11px/36px var(--fo-fb);text-align:center;
}

/* --- FAQ ------------------------------------------------------------------ */
.foqa{display:grid;gap:8px}
.foqa details{border:1px solid var(--fo-line);border-radius:var(--fo-r);background:hsl(196 16% 10% / .72)}
.foqa summary{
  display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px;
  cursor:pointer;list-style:none;font-weight:700;font-size:15.5px;color:var(--fo-ink);
}
.foqa summary::-webkit-details-marker{display:none}
.foqa summary::after{
  content:"";margin-left:auto;flex:0 0 9px;width:9px;height:9px;
  border-right:2px solid var(--fo-a1);border-bottom:2px solid var(--fo-a1);
  transform:rotate(45deg);
}
.foqa details[open] summary::after{transform:rotate(-135deg)}
.foqa p{margin:0;padding:0 14px 14px;font-size:15.5px;color:var(--fo-mut)}

/* --- паспорт отливки: заметка автора (СВЕТЛЫЙ блок) ----------------------- */
.foingot{
  width:min(var(--fo-col),100%);margin:6px auto 30px;padding:0 var(--fo-pad);
}
.foingot__b{
  position:relative;padding:24px clamp(16px,3vw,30px) 22px;border-radius:var(--fo-r);
  background:linear-gradient(180deg,var(--fo-paper),var(--fo-paper2));
  color:var(--fo-paper-ink);
  border:1px solid hsl(38 18% 62%);
  box-shadow:inset 0 0 0 1px hsl(38 30% 94% / .6);
}
.foingot__b h3{color:var(--fo-paper-ink)}
.foingot__b p{color:var(--fo-paper-ink);font-size:16px}
.foingot__b .fokick{color:var(--fo-paper-mut)}
.foingot__b .fokick em{color:hsl(325 52% 34%)}
.foingot__sign{font-size:14.5px;color:var(--fo-paper-mut);margin:0}

/* --- подвал --------------------------------------------------------------- */
.fofoot{
  border-top:1px solid var(--fo-line);background:hsl(196 18% 8% / .9);padding:26px 0 34px;
  font-size:14.5px;color:var(--fo-mut);
}
.fofoot .foin{display:grid;gap:14px}
.fofoot__nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.fofoot__nav a{color:var(--fo-mut);font-size:14.5px;min-height:44px}
.fofoot__nav a:hover{color:var(--fo-a1)}
.foage{
  display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:32px;
  padding:0 10px;border:1px solid var(--fo-a2);color:var(--fo-a2);border-radius:var(--fo-r);
  font-weight:700;font-size:14px;margin-right:10px;
}
.fofoot p{margin:0}

/* --- адаптив -------------------------------------------------------------- */
@media (max-width:1340px){
  .fotherm{display:none}
  .fostamp{display:none}
}
@media (max-width:1250px){
  .foladle__trun{display:none}
}
@media (max-width:900px){
  .fomould{grid-template-columns:minmax(0,1fr);gap:0}
  .fogate{display:flex;align-items:flex-end;gap:14px;height:52px}
  .fogate__cup{margin:0;width:56px;height:32px}
  .fogate__ch{position:static;width:auto;flex:1;height:6px;background:var(--fo-line)}
  .fogate__no{position:static;font-size:26px;line-height:1}
  .foladle__vessel{clip-path:polygon(0 0,100% 0,97.5% 100%,2.5% 100%)}
  .foladle__spout{display:none}
}
@media (max-width:620px){
  body.fo{font-size:16.5px}
  .fo a,.fo button{min-height:44px;display:inline-flex;align-items:center}
  .fo .fobtn{width:100%;min-height:50px}
  .fo .fobar .fobtn{width:auto;min-height:44px}
  .fonav{width:100%;margin-left:0;gap:0}
  .fonav a{padding:0 9px;font-size:13.5px;min-height:44px}
  .fofoot__nav a{min-height:44px}
  .foladle__vessel{padding:28px 18px 32px}
  .foladle__trun{display:none}
  .fokpi .fokpi__n{font-size:22px}
  .foladder li{width:100% !important}
  .focav{padding:20px 15px 22px}
  .foingot__b{padding:20px 16px}
}