/* mir-posud30 /plita/ — поверх kuhnya.css */
.pl-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-top:180px}
.pl-crumbs{font-size:14px;color:var(--mute);margin:0 0 12px}
.pl-hero h1{font-size:clamp(42px,5.4vw,74px)}
.pl-hero__art{width:100%;max-width:520px;justify-self:center}
.pl-hero__art .top{fill:#1F1F1F}
.pl-hero__art .ring{fill:none;stroke:#555;stroke-width:2}
.pl-hero__art .r1,.pl-hero__art .r2,.pl-hero__art .r3{stroke:var(--tomato);animation:pk-glow 2s ease-in-out infinite}
.pl-hero__art .r2{animation-delay:.3s}.pl-hero__art .r3{animation-delay:.6s}
.pl-hero__art .pot{fill:#C9CDD2}
.pl-hero__art .rim{fill:#E3E6EA}
.pl-hero__art .handle{stroke:#444;stroke-width:8;stroke-linecap:round}
.pl-hero__art .steam path{fill:none;stroke:#C9C1B3;stroke-width:3;stroke-linecap:round;animation:pl-steam 3s ease-in-out infinite}
.pl-hero__art .steam path:nth-child(2){animation-delay:.6s}.pl-hero__art .steam path:nth-child(3){animation-delay:1.2s}
@keyframes pl-steam{0%{opacity:0;transform:translateY(10px)}50%{opacity:1}100%{opacity:0;transform:translateY(-14px)}}
.pl-mag path{fill:var(--tomato)}
.pl-mag .tips{fill:#DDD}
.pl-mag{animation:pl-hover 3s ease-in-out infinite}
@keyframes pl-hover{50%{transform:translateY(-6px)}}

.pl-magnet__grid{display:grid;grid-template-columns:220px 1fr 280px;gap:22px;align-items:center}
.pl-mats{display:flex;flex-direction:column;gap:8px}
.pl-mats button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}
.pl-mats button:hover{border-color:var(--olive)}
.pl-mats button[aria-checked="true"]{border-color:var(--tomato);box-shadow:0 0 0 3px rgba(214,73,51,.15)}
.pl-mats i{width:26px;height:26px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.pl-stage{text-align:center}
.pl-stage__svg{width:100%;height:auto;display:block;touch-action:none}
.pl-pot .body,.pl-pot .rim{transition:fill .4s}
.pl-pot .handle{stroke:#3A3A3A;stroke-width:10;stroke-linecap:round}
.pl-pot .disk{fill:#6E747A;transition:opacity .3s}
.pl-magnet__m{cursor:grab}
.pl-magnet__m:active{cursor:grabbing}
.pl-spark path{stroke:#E0A422;stroke-width:3;stroke-linecap:round;opacity:0}
.pl-stage__svg.is-stuck .pl-spark path{animation:pl-spark .8s ease 2}
@keyframes pl-spark{50%{opacity:1}}
.pl-stage__svg.is-maybe .pl-magnet__m{animation:pl-wobble .6s ease 2}
@keyframes pl-wobble{25%{rotate:4deg}75%{rotate:-4deg}}
.pl-try{margin-top:10px;background:var(--tomato);color:#fff;border:0;cursor:pointer}
.pl-verdict{background:#FFF6E6;border-radius:18px;padding:20px;min-height:160px}
.pl-verdict b{display:block;font:800 20px/1.2 var(--h)}
.pl-verdict span{display:block;margin-top:8px;font-size:15px;color:var(--ink2)}
.pl-verdict.is-ok b{color:var(--ok)}
.pl-verdict.is-mark b{color:#B07E10}
.pl-verdict.is-bad b{color:var(--bad)}

.pl-tabs{display:flex;gap:8px;margin:20px 0 14px;flex-wrap:wrap}
.pl-tabs button{border:0;border-radius:999px;padding:12px 22px;background:var(--card);border:1px solid var(--line);font:700 15px var(--h);cursor:pointer;transition:.2s}
.pl-tabs button.is-on{background:var(--olive);color:#fff;border-color:var(--olive)}
.pl-table__note{font-size:16px;color:var(--ink2);margin:0 0 14px;max-width:760px}
.pl-rows{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.pl-row{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;animation:pk-in .45s both;animation-delay:var(--d)}
.pl-row b{display:block;font:700 17px var(--h)}
.pl-dots{display:flex;gap:6px;margin:10px 0}
.pl-dots i{width:40px;height:10px;border-radius:5px;background:var(--cream2)}
.pl-row.is-2 .pl-dots i{background:var(--ok)}
.pl-row.is-1 .pl-dots i:first-child{background:var(--mark)}
.pl-row.is-0 .pl-dots i:first-child{background:var(--bad);width:16px}
.pl-row__t{font-size:14px;color:var(--ink2)}
.pl-note{font-size:13px;color:var(--mute);margin:14px 0 0}

.pl-size{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.pl-size__text p{color:var(--ink2);max-width:520px}
.pl-range{display:flex;flex-direction:column;gap:8px;margin:20px 0 6px;font-size:14px;color:var(--ink2)}
.pl-range input{width:100%;max-width:420px;accent-color:var(--tomato)}
.pl-size__v{font-weight:700;min-height:48px}
.pl-size__v.is-ok{color:var(--ok)}.pl-size__v.is-mark{color:#B07E10}.pl-size__v.is-bad{color:var(--bad)}
.pl-size__svg{width:100%;max-width:460px;justify-self:center}
.pl-size__svg .burn{fill:none;stroke:var(--tomato);stroke-width:5;animation:pk-glow 2s ease-in-out infinite}
.pl-size__svg .heat{fill:none;stroke:#FFB547;stroke-width:12;filter:blur(4px);transition:opacity .3s}
.pl-size__svg .pan__bottom{fill:#8C9298}
.pl-size__svg .pan__wall{fill:#C9CDD2}
.pl-size__svg .pan__rim{fill:#E3E6EA;stroke:#B9BEC3;stroke-width:2}

@media (max-width:1180px){
  .pl-magnet__grid{grid-template-columns:200px 1fr}
  .pl-verdict{grid-column:1/-1}
  .pl-rows{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .pl-hero{grid-template-columns:1fr;padding-top:20px}
  .pl-magnet__grid{grid-template-columns:1fr}
  .pl-mats{flex-direction:row;flex-wrap:wrap}
  .pl-mats button{flex:1 1 45%}
  .pl-rows,.pl-size{grid-template-columns:1fr}
}