/* ============ водные переменные (скоуп) ============ */
#pm-page{
  --ink:#003041; --ink-2:#073B4F; --ink-3:#042B3B;
  --paper:#F3FAFD; --paper-2:#E3F2F9; --paper-3:#D3EAF4;
  --brass:#0B87A5; --brass-ink:#09708C; --brass-2:#4CC5DE; --brass-3:#A9E4F1;
  --petrol:#06303F;
  --text:#0F2E3D; --muted:#587680; --muted-2:#7FA3B2;
  --line:rgba(0,48,65,.14); --line-2:rgba(243,250,253,.16);
  --fd:'Unbounded',sans-serif; --fb:'Manrope',sans-serif;
  --ease:cubic-bezier(.2,.65,.25,1);

  font-family:var(--fb);
  background:#FFFFFF;
  color:var(--text);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  position:relative;
}

/* === В плавающем превью категории фото на всю ширину, без отступов === */
#preview .pv-icon{
  width:100% !important;
  height:180px !important;      /* высота фото, подберите под вкус */
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  overflow:hidden;
  display:block !important;
}

#preview .pv-icon img,
#preview .pv-icon svg{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  display:block;
}

/* убрать отступы у самой карточки превью, чтобы фото шло от края до края */
#preview{
  padding:0 !important;
  overflow:hidden;
}
#preview .pv-nm,
#preview p,
#preview .pv-ct{
  padding-left:18px;
  padding-right:18px;
}
#preview .pv-nm{padding-top:14px}
#preview .pv-ct{padding-bottom:16px}


.icon-tile{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:64px;        /* подберите под дизайн */
  height:64px;
  overflow:hidden;
  border-radius:10px;
}
.icon-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
/* фото внутри плитки категории */
.icon-tile{overflow:hidden}
.icon-tile .cat-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}

/* фото внутри плавающего превью категории */
#preview .pv-icon{overflow:hidden}
#preview .pv-icon .cat-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}
/* сброс внутри скоупа (не трогаем остальной сайт) */
#pm-page *{box-sizing:border-box}
#pm-page h1,#pm-page h2,#pm-page h3,#pm-page h4,#pm-page p{margin:0}
#pm-page button{font-family:inherit;cursor:pointer;background:none;border:0;color:inherit}
#pm-page a{color:inherit;text-decoration:none}
#pm-page a:focus-visible,#pm-page button:focus-visible,#pm-page input:focus-visible{outline:2px solid var(--brass-2);outline-offset:3px}
#pm-page ::selection{background:var(--brass);color:#FFFFFF}
/* нейтрализуем clearfix bootstrap у .container внутри скоупа */
#pm-page .container:before,#pm-page .container:after{display:none}
#pm-page .container{width:min(1250px,100% - 44px);margin-inline:auto;padding-left:0;padding-right:0;max-width:none}
@media(max-width:480px){#pm-page .container{width:calc(100% - 32px)}}

/* ============ типографика ============ */
#pm-page .eyebrow{display:flex;align-items:center;gap:14px;font:700 12.5px/1 var(--fb);
  letter-spacing:.24em;text-transform:uppercase;color:var(--brass-ink)}
#pm-page .eyebrow::before{content:"";width:36px;height:1px;background:var(--brass-ink);flex:none}
#pm-page .h2{font-family:var(--fd);font-weight:500;font-size:clamp(29px,4vw,50.5px);
  line-height:1.16;margin-top:18px;letter-spacing:.005em}
#pm-page .lead{color:var(--muted);font-size:clamp(17px,1.3vw,19px);line-height:1.7;max-width:38ch}
#pm-page .dark{background:var(--ink);color:var(--paper)}
#pm-page .dark .eyebrow{color:var(--brass-2)}
#pm-page .dark .eyebrow::before{background:var(--brass-2)}
#pm-page .dark .lead{color:var(--muted-2)}

/* ============ кнопки (вода) ============ */
#pm-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;
  font:800 13.5px/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;
  padding:18px 26px;border-radius:2px;border:1px solid transparent;text-decoration:none;
  transition:background .3s,color .3s,border-color .3s,transform .3s}
#pm-page .btn svg{transition:transform .3s}
#pm-page .btn:hover svg{transform:translateX(5px)}
#pm-page .btn:active{transform:translateY(1px)}
#pm-page .btn-brass{background:var(--brass);color:#FFFFFF}
#pm-page .btn-brass:hover{background:var(--brass-ink)}
#pm-page .btn-ink{background:var(--ink);color:var(--paper)}
#pm-page .btn-ink:hover{background:var(--brass);color:#FFFFFF}
#pm-page .btn-ghost{border-color:rgba(243,250,253,.3);color:var(--paper)}
#pm-page .btn-ghost:hover{border-color:var(--brass-2);color:var(--brass-2)}
#pm-page .w100{width:100%}

/* ============ анимация появления ============ */
#pm-page .reveal{opacity:0;transform:translateY(28px);
  transition:opacity .9s ease,transform .9s var(--ease);transition-delay:var(--d,0s)}
#pm-page .reveal.in{opacity:1;transform:none}

/* ============ герой (светлая вода) ============ */
#pm-page .hero{min-height:100svh;display:flex;flex-direction:column;
  padding-top:20px;position:relative;overflow:hidden;
  background:
    radial-gradient(58% 44% at 82% 12%, rgba(76,197,222,.16), transparent 62%),
    radial-gradient(44% 38% at 8% 78%, rgba(11,135,165,.12), transparent 60%),
    linear-gradient(178deg,#F3FAFD 0%,#FFFFFF 58%,#E9F6FB 100%)}
/* лёгкая волна снизу героя */
#pm-page .hero::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:120px;
  pointer-events:none;opacity:.5;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'><path d='M0 64C180 24 360 104 540 84C720 64 900 8 1080 28C1260 48 1380 88 1440 72V120H0Z' fill='%23D3EAF4'/><path d='M0 88C200 56 400 112 620 96C840 80 1040 40 1240 56C1330 63 1400 80 1440 76V120H0Z' fill='%23E3F2F9' opacity='.9'/></svg>") bottom/100% 100% no-repeat}
#pm-page .hero-grid{flex:1;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:26px 0 40px}
#pm-page .hero h2{font-family:var(--fd);font-weight:600;font-size:clamp(40px,6.8vw,91px);
  line-height:1.05;letter-spacing:.01em;color:var(--ink);margin-top:26px}
#pm-page .hl{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
#pm-page .hl span{display:block;transform:translateY(112%);transition:transform 1s var(--ease) var(--d,0s)}
#pm-page.ready .hl span{transform:none}
#pm-page .hl.acc span{color:var(--brass)}
#pm-page .hero-sub{max-width:46ch;color:var(--muted);margin:28px 0 36px;
  font-size:clamp(17px,1.45vw,19.5px);line-height:1.75;
  opacity:0;transform:translateY(20px);transition:opacity .9s .55s,transform .9s var(--ease) .55s}
#pm-page.ready .hero-sub{opacity:1;transform:none}
#pm-page .hero-cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap;
  opacity:0;transform:translateY(20px);transition:opacity .9s .7s,transform .9s var(--ease) .7s}
#pm-page.ready .hero-cta{opacity:1;transform:none}
#pm-page .link-ghost{display:inline-flex;align-items:center;gap:10px;font:800 13.5px var(--fb);
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink);padding-bottom:8px;
  border-bottom:1px solid rgba(0,48,65,.28);transition:color .3s,border-color .3s}
#pm-page .link-ghost svg{transition:transform .3s}
#pm-page .link-ghost:hover{color:var(--brass);border-color:var(--brass)}
#pm-page .link-ghost:hover svg{transform:translateX(4px)}
/* рисунок смесителя */
#pm-page .art-frame{position:relative;padding:30px 26px 0;
  opacity:0;transition:opacity .8s .4s}
#pm-page.ready .art-frame{opacity:1}
#pm-page .art-frame .ck{position:absolute;width:16px;height:16px;border:0 solid var(--brass-2);opacity:.75}
#pm-page .ck1{top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}
#pm-page .ck2{top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}
#pm-page .ck3{bottom:44px;left:0;border-bottom-width:1.5px;border-left-width:1.5px}
#pm-page .ck4{bottom:44px;right:0;border-bottom-width:1.5px;border-right-width:1.5px}
#pm-page .hero-art svg{width:100%;max-width:430px;margin:0 auto;height:auto}
#pm-page .hero-art figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:20px;
  padding-top:14px;border-top:1px solid var(--line);
  font:700 11.5px var(--fb);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
#pm-page .hero-art figcaption b{color:var(--brass);font-weight:700}
/* прорисовка линий */
#pm-page .hero-art .d{stroke-dasharray:1;stroke-dashoffset:1}
#pm-page.ready .hero-art .d{transition:stroke-dashoffset 1.25s cubic-bezier(.4,0,.2,1) calc(.25s + var(--i)*.16s);stroke-dashoffset:0}
#pm-page .flow{animation:pm-flow 1.05s linear infinite}
@keyframes pm-flow{to{stroke-dashoffset:-17}}
#pm-page .flow-s{animation:pm-flows .9s linear infinite}
@keyframes pm-flows{to{stroke-dashoffset:-8}}
#pm-page .rip{animation:pm-rip 2.4s ease-in-out infinite}
#pm-page .rip.r2{animation-delay:1.2s}
@keyframes pm-rip{0%,100%{opacity:.2}50%{opacity:.85}}
/* статистика */
#pm-page .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  border-top:1px solid var(--line);padding:28px 0 36px;position:relative;z-index:1}
#pm-page .stat b{display:flex;align-items:baseline;gap:2px;font-family:var(--fd);font-weight:500;
  font-size:clamp(24px,2.6vw,37px);color:var(--ink)}
#pm-page .stat b i{font-style:normal;font-size:.6em;color:var(--brass)}
#pm-page .stat span{display:block;margin-top:8px;font:700 12px var(--fb);
  letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* ============ бегущая строка (аква) ============ */
#pm-page .marquee{background:linear-gradient(90deg,var(--brass),var(--brass-ink));color:#FFFFFF;
  overflow:hidden;padding:16px 0;user-select:none}
#pm-page .mq-track{display:flex;width:max-content;animation:pm-mq 30s linear infinite}
#pm-page .marquee:hover .mq-track{animation-play-state:paused}
@keyframes pm-mq{to{transform:translateX(-50%)}}
#pm-page .mq-group{display:flex;gap:56px;padding-right:56px;align-items:center}
#pm-page .mq-item{display:flex;align-items:center;gap:56px;font:800 13px var(--fb);
  letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
#pm-page .mq-item svg{opacity:.5}

/* ============ шапки секций ============ */
#pm-page .sec{padding:clamp(76px,9.5vw,128px) 0}
#pm-page .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;
  margin-bottom:clamp(36px,5vw,60px)}
#pm-page .sec-head .lead{padding-bottom:8px}

/* ============ каталог: категории ============ */
#pm-page .cat-list{border-top:1px solid var(--line)}
#pm-page .cat-row{position:relative;display:grid;grid-template-columns:56px 1fr auto 54px;
  align-items:center;gap:26px;padding:27px 6px;border-bottom:1px solid var(--line);
  transition:opacity .4s,color .3s}
#pm-page .cat-list:hover .cat-row:not(:hover){opacity:.32}
#pm-page .cat-idx{font:800 13px var(--fb);letter-spacing:.16em;color:var(--brass-ink)}
#pm-page .cat-name{font-family:var(--fd);font-weight:400;font-size:clamp(21px,3.2vw,37.5px);
  line-height:1.18;transition:transform .45s var(--ease)}
#pm-page .cat-row:hover .cat-name{transform:translateX(14px)}
#pm-page .cat-count{font:700 12.5px var(--fb);letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap}
#pm-page .cat-arrow{width:50px;height:50px;border:1px solid var(--line);border-radius:50%;
  display:grid;place-items:center;color:var(--ink);transition:.4s var(--ease)}
#pm-page .cat-row:hover .cat-arrow{background:var(--brass);border-color:var(--brass);color:#FFFFFF;transform:rotate(-45deg)}
#pm-page .cat-plus{display:none;width:30px;height:30px;position:relative;transition:transform .45s var(--ease)}
#pm-page .cat-plus::before,#pm-page .cat-plus::after{content:"";position:absolute;background:var(--ink);
  left:50%;top:50%;translate:-50% -50%}
#pm-page .cat-plus::before{width:16px;height:1.6px}
#pm-page .cat-plus::after{width:1.6px;height:16px}
#pm-page .cat-row.open .cat-plus{transform:rotate(45deg)}
#pm-page .cat-body{display:none}
/* плавающее превью категорий */
#pm-page #preview{position:fixed;left:0;top:0;z-index:60;width:234px;pointer-events:none;
  background:var(--ink);border:1px solid var(--line-2);padding:26px 22px 22px;
  color:var(--paper);opacity:0;transition:opacity .25s;will-change:transform;
  box-shadow:0 24px 60px rgba(0,48,65,.35)}
#pm-page #preview.show{opacity:1}
#pm-page .pv-icon{width:86px;height:86px;color:var(--brass-2);margin-bottom:16px}
#pm-page .pv-icon svg{width:100%;height:100%}
#pm-page .pv-nm{font:800 14.5px var(--fb);letter-spacing:.04em;margin-bottom:8px}
#pm-page #preview p{font:500 12.5px/1.55 var(--fb);color:var(--muted-2)}
#pm-page .pv-ct{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2);
  font:700 12px var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-2)}

/* ============ популярные модели (глубокая вода) ============ */
#pm-page .popular{padding:clamp(80px,10vw,130px) 0;position:relative;
  background:linear-gradient(168deg,var(--ink) 0%,var(--ink-2) 58%,#0A5570 100%)}
/* водяная рябь на тёмном фоне */
#pm-page .popular::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' preserveAspectRatio='none'><g fill='none' stroke='%234CC5DE' stroke-width='1'><path d='M-40 160C240 120 480 200 760 170C1040 140 1240 210 1480 180' stroke-opacity='.12'/><path d='M-40 420C240 380 480 460 760 430C1040 400 1240 470 1480 440' stroke-opacity='.10'/><path d='M-40 680C240 640 480 720 760 690C1040 660 1240 730 1480 700' stroke-opacity='.08'/></g></svg>") center/cover no-repeat}
#pm-page .popular .container{position:relative;z-index:1}
#pm-page .pop-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;
  flex-wrap:wrap;margin-bottom:26px}
#pm-page .filters{display:flex;gap:8px;flex-wrap:wrap}
#pm-page .chip{font:800 13px var(--fb);letter-spacing:.14em;text-transform:uppercase;
  padding:11px 15px;border:1px solid var(--line-2);border-radius:2px;color:var(--muted-2);transition:.3s}
#pm-page .chip:hover{color:var(--paper);border-color:rgba(243,250,253,.4)}
#pm-page .chip.on{border-color:var(--brass-2);color:var(--brass-2)}
#pm-page .arrows{display:flex;gap:10px}
#pm-page .arw{width:50px;height:50px;border-radius:50%;border:1px solid var(--line-2);
  color:var(--paper);display:grid;place-items:center;transition:.3s}
#pm-page .arw:hover:not(:disabled){background:var(--brass-2);border-color:var(--brass-2);color:var(--ink)}
#pm-page .arw:disabled{opacity:.28;cursor:default}
#pm-page .track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;cursor:grab;padding-bottom:6px}
#pm-page .track::-webkit-scrollbar{display:none}
#pm-page .track.dragging{cursor:grabbing;scroll-snap-type:none}
#pm-page .progress{height:2px;background:var(--line-2);margin-top:26px;overflow:hidden}
#pm-page .progress i{display:block;height:100%;width:0;background:var(--brass-2);transition:width .15s linear}
/* карточка товара */
#pm-page .pcard{flex:0 0 306px;scroll-snap-align:start;background:#FFFFFF;color:var(--text);
  border-radius:3px;display:flex;flex-direction:column;overflow:hidden;
  transition:transform .4s var(--ease),box-shadow .4s,opacity .3s,filter .3s}
#pm-page .pcard:hover{transform:translateY(-7px);box-shadow:0 22px 44px rgba(0,48,65,.45)}
#pm-page .pcard.off{opacity:0;transform:scale(.96);pointer-events:none}
#pm-page .pcard.gone{display:none}
#pm-page .pcard.flash{animation:pm-flash 1.7s}
@keyframes pm-flash{0%,55%{box-shadow:0 0 0 2.5px var(--brass-2)}100%{box-shadow:0 0 0 0 transparent}}
#pm-page .pmedia{position:relative;background:var(--paper);overflow:hidden}
#pm-page .pmedia svg{width:100%;height:158px}
#pm-page .badge{position:absolute;top:14px;left:14px;font:800 11.5px var(--fb);letter-spacing:.14em;
  text-transform:uppercase;background:var(--ink);color:#FFFFFF;padding:6px 10px;border-radius:2px;line-height:1}
#pm-page .badge.b-brass{background:var(--brass);color:#FFFFFF}
#pm-page .pbody{padding:20px 20px 22px;display:flex;flex-direction:column;gap:13px;flex:1}
#pm-page .pcat{font:800 12px var(--fb);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-ink)}
#pm-page .pname{font-family:var(--fd);font-weight:400;font-size:18.5px;line-height:1.32;color:var(--ink)}
#pm-page .swatches{display:flex;gap:8px}
#pm-page .sw{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,48,65,.28);position:relative;padding:0}
#pm-page .sw.on::after{content:"";position:absolute;inset:-4px;border:1.5px solid var(--brass);border-radius:50%}
#pm-page .prow{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}
#pm-page .price s{display:block;font:600 14px var(--fb);color:var(--muted)}
#pm-page .price b{font:800 21px var(--fb);letter-spacing:.01em;color:var(--ink)}
#pm-page .padd{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  padding:15px;border:1.5px solid var(--brass);border-radius:2px;color:var(--brass);
  font:800 13px var(--fb);letter-spacing:.16em;text-transform:uppercase;transition:.3s}
#pm-page .padd:hover{background:var(--brass);color:#FFFFFF}
#pm-page .padd.ok{background:var(--brass-ink);border-color:var(--brass-ink);color:#FFFFFF}

/* ============ коллекция: технический чертёж (глубина) ============ */
#pm-page .collection{background:var(--petrol);position:relative;
  background-image:linear-gradient(rgba(76,197,222,.05) 1px,transparent 1px),
  linear-gradient(90deg,rgba(76,197,222,.05) 1px,transparent 1px);
  background-size:58px 58px}
#pm-page .col-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center}
#pm-page .spec{display:flex;justify-content:space-between;gap:20px;padding:15px 2px;
  border-bottom:1px solid rgba(243,250,253,.13);font:600 15.5px var(--fb)}
#pm-page .spec span{color:var(--muted-2)}
#pm-page .spec b{color:var(--paper);font-weight:700;text-align:right}
#pm-page .vtg{display:flex;border:1px solid rgba(243,250,253,.28);border-radius:2px;
  width:max-content;margin:30px 0}
#pm-page .vtg button{padding:11px 19px;font:800 13px var(--fb);letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted-2);transition:.3s}
#pm-page .vtg button.on{background:var(--brass);color:#FFFFFF}
#pm-page .tech-wrap{position:relative}
#pm-page .tech{width:100%;height:auto}
#pm-page .tech .tl{font-family:var(--fb);font-weight:700;font-size:12px;fill:var(--brass-2);letter-spacing:.06em}
#pm-page .tech .ts{font-family:var(--fb);font-weight:600;font-size:9.5px;fill:var(--brass-2);opacity:.85;letter-spacing:.08em}
#pm-page .tech .d{stroke-dasharray:1;stroke-dashoffset:1}
#pm-page .tech.drawn .d{transition:stroke-dashoffset 1.15s cubic-bezier(.4,0,.2,1) calc(.15s + var(--i)*.17s);stroke-dashoffset:0}
#pm-page .var{opacity:0;transition:opacity .5s}
#pm-page .var.on{opacity:1}

/* ============ преимущества (светлая вода) ============ */
#pm-page .sec#why{background:linear-gradient(180deg,#FFFFFF 0%,#F3FAFD 100%)}
#pm-page .why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
#pm-page .why-left{position:sticky;top:110px}
#pm-page .adv{display:grid;grid-template-columns:84px 1fr;gap:26px;padding:32px 0 36px;border-top:1px solid var(--line)}
#pm-page .adv:last-child{border-bottom:1px solid var(--line)}
#pm-page .adv-num{font-family:var(--fd);font-weight:300;font-size:31px;color:var(--brass);line-height:1}
#pm-page .adv h3{font-family:var(--fd);font-weight:500;font-size:20px;margin-bottom:10px;color:var(--ink)}
#pm-page .adv p{color:var(--muted);font-size:17px;line-height:1.75;max-width:48ch}

/* ============ контакт (вода) ============ */
#pm-page .contact{position:relative;overflow:hidden;
  background:linear-gradient(160deg,#0A5570 0%,var(--ink-2) 46%,var(--ink) 100%)}
#pm-page .contact .wline{position:absolute;inset:0;pointer-events:none;opacity:.18}
#pm-page .contact .container{position:relative;z-index:1}
#pm-page .ct-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
#pm-page .ct-phone{display:inline-block;font-family:var(--fd);font-weight:500;
  font-size:clamp(21.5px,2.9vw,34.5px);color:var(--brass-2);margin:26px 0 8px;transition:color .3s}
#pm-page .ct-phone:hover{color:var(--brass-3)}
#pm-page .ct-sub{font:600 14.5px var(--fb);color:var(--muted-2)}
#pm-page .call-card{border:1px solid var(--line-2);background:rgba(243,250,253,.04);
  padding:clamp(26px,3.4vw,40px);border-radius:3px;position:relative;
  backdrop-filter:blur(6px)}
#pm-page .cc-title{font-family:var(--fd);font-weight:500;font-size:21px;color:var(--paper)}
#pm-page .cc-text{margin-top:14px;font:500 14.5px/1.7 var(--fb);color:var(--muted-2)}
#pm-page .call-card .btn{margin-top:26px}
#pm-page .cc-phones{display:flex;flex-direction:column;gap:6px;margin-top:24px}
#pm-page .cc-phones a{font:800 18px var(--fb);color:var(--paper);transition:color .3s}
#pm-page .cc-phones a:hover{color:var(--brass-2)}
#pm-page .fnote{margin-top:16px;font:500 12px/1.7 var(--fb);color:var(--muted-2)}

/* ============ адаптив ============ */
@media(max-width:1020px){
  #pm-page .hero-grid{grid-template-columns:1fr;gap:20px;padding-top:10px}
  #pm-page .hero-art svg{max-width:300px}
  #pm-page .hero-art figcaption{max-width:300px;margin-inline:auto}
  #pm-page .art-frame{max-width:360px;margin:0 auto}
  #pm-page .col-grid,#pm-page .why-grid,#pm-page .ct-grid{grid-template-columns:1fr;gap:48px}
  #pm-page .why-left{position:static}
  #pm-page .tech-wrap{max-width:620px}
}
@media(max-width:899px){
  #pm-page .cat-row{grid-template-columns:34px 1fr 30px;gap:16px;padding:21px 2px}
  #pm-page .cat-count,#pm-page .cat-arrow{display:none}
  #pm-page .cat-plus{display:block}
  #pm-page .cat-name{font-size:clamp(20px,5.4vw,27.5px)}
  #pm-page .cat-body{display:grid;grid-column:1/-1;grid-template-rows:0fr;
    transition:grid-template-rows .55s cubic-bezier(.65,0,.35,1)}
  #pm-page .cat-body>span{overflow:hidden;min-height:0;display:block}
  #pm-page .cat-row.open .cat-body{grid-template-rows:1fr}
  #pm-page .cat-body-in{display:flex;gap:20px;align-items:center;padding-top:20px}
  #pm-page .icon-tile{flex:none;width:84px;height:84px;background:var(--brass);border-radius:2px;
    display:grid;place-items:center;color:#FFFFFF;padding:14px}
  #pm-page .cat-desc-wrap{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
  #pm-page .cat-desc{font:500 13px/1.6 var(--fb);color:var(--muted)}
  #pm-page .cat-go{font:800 13px var(--fb);letter-spacing:.14em;text-transform:uppercase;
    color:var(--brass-ink);display:inline-flex;align-items:center;gap:8px}
  #pm-page #preview{display:none}
}
@media(max-width:760px){
  #pm-page .sec-head{flex-direction:column;align-items:flex-start;gap:18px}
  #pm-page .hero-stats{grid-template-columns:1fr 1fr;gap:26px 18px}
  #pm-page .pcard{flex-basis:min(78vw,306px)}
  #pm-page .track{scroll-padding-left:22px}
  #pm-page .hero{padding-top:88px}
}
@media(max-width:480px){
  #pm-page .hero-cta .btn{width:100%}
  #pm-page .pop-tools .arrows{display:none}
  #pm-page .adv{grid-template-columns:52px 1fr;gap:18px}
}
/* уважение к настройкам пользователя */
@media(prefers-reduced-motion:reduce){
  #pm-page *,#pm-page *::before,#pm-page *::after{animation-duration:.01ms!important;
    animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ============ видео мойки в рамке (вместо рисунка) ============ */
#pm-page .art-frame{padding:0;aspect-ratio:4/5;overflow:hidden;border-radius:2px;
  background:linear-gradient(165deg,#DFF0F8 0%,#F3FAFD 58%,#E3F2F9 100%)}
#pm-page .art-frame .ck3,#pm-page .art-frame .ck4{bottom:0}
#pm-page .pmv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 38%;display:block;filter:saturate(1.04)}
#pm-page .art-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(76,197,222,.22);
  background:linear-gradient(180deg,rgba(0,48,65,.14),transparent 32%,transparent 72%,rgba(0,48,65,.12))}