/* Konfigurátor — celostránkové okno, vrstvy a seznam návrhů (E5, agent C, kontrakt e356 §3.2–3.4, D8).
   Načítá jen Product/detail.latte s konfigurátorem (po cfg-crop.css a cfg-review.css).
   z-index: okno 620 = nad hláškami (600), pod cookie lištou (650), toastem a cookie modalem (700) i lightboxem (800);
   vrstvy jsou potomci okna (position:fixed v jeho stacking contextu): obecná vrstva 20, výřez 25, přepínač návrhů 30.
   Proměnné (plní cfg-sheet.js): --cfg-lock-top (html, zámek stránky), --cc-h (html, výška viditelné cookie lišty),
   --cfg-foot-h (html, výška spodní lišty okna / vrchní vrstvy — toast), --cfg-vvh + --cfg-vvtop (okno, visualViewport:
   iOS s klávesnicí nezmenšuje dvh), --cfg-pv-h (okno, výška lepivého náhledu na mobilu), --pv-ratio (okno, šířka/výška strany).
   Okno se přepíná TŘÍDOU .is-sheet, ne atributem hidden ([hidden]{display:none!important}); vrstvy atributem hidden. */

/* ---------- mimo okno ---------- */
.js .cfg[data-cfg-sheet]:not(.is-sheet){display:none}
.cfg-bar,.pv-zoom{display:none}
/* Fotografie aktuální strany u náhledu (bod 11, photo-page.latte): blok .pphoto jen v okně na počítači, tlačítka .pv-tools
   jen v okně na telefonu v kroku 4 (krok a stranu s fotorámečkem hlídá cfg-photos.js atributem hidden). */
.pphoto,.pv-tools{display:none}
/* „Zvětšit“ (velký náhled, PLAN-2026-09-25 bod 4): v okně ve všech krocích; klik na papír náhledu dělá totéž */
.cfg.is-sheet .pv-zoom{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;padding:0 14px 0 12px;border-radius:999px;color:var(--ink);font:inherit;font-size:13px;font-weight:600;white-space:nowrap}
.cfg.is-sheet .pv-host{cursor:zoom-in}
.cfg-loading{padding:var(--s4) var(--s3);font-size:14px;color:var(--muted)}
/* Přepnutí / založení návrhu (cfg-lifecycle M.busy): předchozí návrh je do načtení zamčený (inert) a po chvilce ztlumený */
.cfg-grid.is-switching .pv,.cfg-grid.is-switching .cfg-wizard{opacity:.5;pointer-events:none;user-select:none;transition:opacity .2s ease .15s}

/* Detail s konfigurátorem má viewport-fit=cover → obsah stránky mimo výřez displeje (na šířku) */
@supports (padding:max(0px)){
  .wrap{padding-left:max(var(--s2),env(safe-area-inset-left,0px));padding-right:max(var(--s2),env(safe-area-inset-right,0px))}
  @media (min-width:640px){.wrap{padding-left:max(var(--s3),env(safe-area-inset-left,0px));padding-right:max(var(--s3),env(safe-area-inset-right,0px))}}
}

/* Zámek stránky pod oknem — třídou na html (cookie modal si body.style.overflow nastavuje a maže sám) */
html.cfg-locked{overflow:hidden}
html.cfg-locked body{position:fixed;left:0;right:0;top:var(--cfg-lock-top,0px);width:100%}

/* Toast nad spodní lištou okna (a nad cookie lištou) */
html.cfg-open .toast{bottom:calc(var(--cfg-foot-h,0px) + var(--cc-h,0px) + env(safe-area-inset-bottom,0px) + 12px)}

/* ---------- okno ---------- */
.cfg.is-sheet{position:fixed;left:0;right:0;top:var(--cfg-vvtop,0px);height:var(--cfg-vvh,100vh);z-index:620;display:grid;grid-template-rows:auto minmax(0,1fr);margin:0;padding:0 0 var(--cc-h,0px);border:0;background:var(--paper-2);overscroll-behavior:contain}
@supports (height:100dvh){.cfg.is-sheet{height:var(--cfg-vvh,100dvh)}}
.cfg.is-sheet .cfg-head{display:none}
.cfg.is-sheet .cfg-body{min-height:0;position:relative}
.cfg.is-sheet .cfg-body>.wrap{max-width:1480px}

/* lišta */
.cfg.is-sheet .cfg-bar{display:flex;align-items:center;gap:10px;min-height:56px;padding:max(6px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px));background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:6}
.cfg-bar__close,.cfg-bar__cart{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;text-decoration:none;transition:border-color .18s}
.cfg-bar__close:hover,.cfg-bar__cart:hover{border-color:var(--ink)}
/* Počet kusů v košíku na ikoně košíku (jako .head-cart__n v hlavičce webu) */
.cfg-bar__cart{position:relative}
.cfg-bar__cart-n{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;border-radius:999px;font-size:11px;font-weight:700;line-height:1;box-shadow:0 0 0 2px #fff}
.cfg-bar__back{display:none}
.cfg-bar__title{flex:1 1 auto;min-width:0;display:grid;gap:1px}
.cfg-bar__name{margin:0;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-bar__meta{display:flex;gap:10px;min-width:0;font-size:12px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden}
.cfg-bar__save{min-width:0;overflow:hidden;text-overflow:ellipsis}
.cfg-bar__save.is-saving{color:var(--ochre-dark)}
.cfg-bar__save.is-error{color:var(--red)}
.cfg-bar__variant{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ochre-dark)}
.cfg-bar__variant a{font-weight:600}
.cfg-bar__approval{flex:none;padding:5px 10px;border-radius:999px;background:rgba(94,122,98,.12);color:var(--sage-dark);font-size:12px;font-weight:600;white-space:nowrap}
.cfg-bar__btn{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .18s}
.cfg-bar__btn:hover,.cfg-bar__btn[aria-expanded="true"]{border-color:var(--ink)}
.cfg-bar__n{color:var(--muted)}
.cfg-bar__caret{flex:none;color:var(--muted);transition:transform .18s}
.cfg-bar__btn[aria-expanded="true"] .cfg-bar__caret{transform:rotate(180deg)}
@media (max-width:1039px){.cfg-bar__x{display:none}.cfg-bar__back{display:block}}
@media (max-width:479px){
  .cfg.is-sheet .cfg-bar{gap:6px;padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px))}
  .cfg-bar__name{font-size:16px}
  /* „Moje návrhy“ zůstává čitelné i na telefonu (bod 1) — ustoupí ikona, šipka a slovo „Schváleno“ u počtu schválených stran */
  .cfg-bar__btn{padding:8px 10px;gap:4px;font-size:12.5px}
  .cfg-bar__btn>svg{display:none}
  .cfg-bar__apw{display:none}
  .cfg-bar__approval::before{content:'✓ '}
  .cfg-bar__approval{padding:4px 8px;font-size:11px}
}
@media (max-width:359px){.cfg-bar__cart{display:none}}

/* počítač: dva nezávisle rolovatelné sloupce */
@media (min-width:1040px){
  .cfg.is-sheet .cfg-body{overflow:hidden}
  .cfg.is-sheet .cfg-body>.wrap{height:100%;padding-top:var(--s2);padding-bottom:var(--s2)}
  .cfg.is-sheet .cfg-grid{height:100%;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:var(--s3)}
  .cfg.is-sheet .pv{position:static;height:100%;overflow:auto;overscroll-behavior:contain;padding:8px 10px 16px 8px;scrollbar-width:thin}
  .cfg.is-sheet .panel{height:100%;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;scrollbar-width:thin}
  .cfg.is-sheet .cfg-wizard{flex:1 0 auto;display:flex;flex-direction:column}
  .cfg.is-sheet .steprail{position:sticky;top:0;z-index:3;flex:none}
  .cfg.is-sheet .panel-foot{position:sticky;bottom:0;z-index:3;margin-top:auto}
  /* Listování, „Zkontrolovat a schválit stranu“ a blok „Fotografie této strany“ zůstávají vidět i u strany vyšší než sloupec
     (nástěnné formáty na výšku). z-index nad překryvy papíru (schválená strana 6), které pod lepivý pruh zajedou. */
  .cfg.is-sheet .pv-nav{position:sticky;bottom:-16px;z-index:7;margin-bottom:-16px;padding:10px 0 16px;background:var(--paper-2)}
  .cfg.is-sheet .pv-nav + .thumbs{margin-top:16px}
  .cfg.is-sheet .pphoto:not([hidden]){display:grid}
  /* Krok 4: pás miniatur by zdvojoval mřížku stran v panelu (bod 11 C). */
  .cfg.is-sheet[data-step="4"] .thumbs{display:none}
  /* Nízké okno: blok fotografie se v lepivém pruhu zhustí, ať z náhledu zbude co nejvíc. */
  @media (max-height:760px){
    .cfg.is-sheet .pv-nav{padding-top:8px}
    .cfg.is-sheet .pphoto{gap:6px;padding:8px 10px}
    .cfg.is-sheet .pphoto__thumb{width:52px;height:32px}
    .cfg.is-sheet .pphoto__or{margin-left:64px}
    .cfg.is-sheet .pphoto__cap-h{display:none}
  }
}

/* mobil: jeden rolovací kontejner, lepivý kompaktní náhled, lepivý pruh kroků a lepivé Zpět/Pokračovat */
@media (max-width:1039px){
  .cfg.is-sheet .cfg-body{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .cfg.is-sheet .cfg-body>.wrap{padding:0}
  .cfg.is-sheet .cfg-grid{gap:0}
  .cfg.is-sheet .pv{position:sticky;top:0;z-index:4;padding:8px max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px));background:var(--paper-2);border-bottom:1px solid var(--line);box-shadow:0 8px 16px -14px rgba(23,24,26,.45)}
  .cfg.is-sheet[data-step="0"] .pv{display:none}
  .cfg.is-sheet .pv-bar{margin-bottom:6px}
  .cfg.is-sheet .pv-title{font-size:13px}
  .cfg.is-sheet .pv-scale,.cfg.is-sheet .pv-hint,.cfg.is-sheet .pv-note,.cfg.is-sheet .thumbs{display:none}
  .cfg.is-sheet .pv-scroll{overflow:visible;margin:0;padding:0;touch-action:pan-y}
  /* kompaktní náhled: nejvýš 34 % výšky okna, šířka podle poměru strany (fotorámeček B sedí v procentech .pv-host) */
  .cfg.is-sheet .pv-paper{min-width:0;width:min(100%,calc(34vh * var(--pv-ratio,3)));margin-inline:auto;padding:0;border-radius:2px;box-shadow:0 2px 10px rgba(23,24,26,.12)}
  @supports (height:1dvh){.cfg.is-sheet .pv-paper{width:min(100%,calc(34dvh * var(--pv-ratio,3)))}}
  .cfg.is-sheet .pv-paper::before,.cfg.is-sheet .pv-paper::after,.cfg.is-sheet .pv-paper .spiral--top{display:none}
  .cfg.is-sheet .pv-host{min-height:0}
  .cfg.is-sheet .pv-empty{aspect-ratio:auto;height:72px}
  .cfg.is-sheet .pv-msg{margin-top:6px}
  .cfg.is-sheet .pv-nav{margin-top:6px;gap:8px}
  .cfg.is-sheet .pv-nav .iconbtn{width:36px;height:36px}
  .cfg.is-sheet .pv-count{min-width:0}
  .cfg.is-sheet .pv-nav .pv-zoom{margin-left:auto;width:auto;height:36px;padding:0 12px 0 10px}
  .cfg.is-sheet[data-step="4"] .pv-tools:not([hidden]){display:flex}
  /* kroky 3 a 5: jen malá miniatura strany (data-step na sekci a .pv.is-mini nastavuje cfg-steps.js) */
  .cfg.is-sheet .pv.is-mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;padding-top:6px;padding-bottom:6px}
  .cfg.is-sheet .pv.is-mini .pv-scroll{grid-column:1;grid-row:1}
  .cfg.is-sheet .pv.is-mini .pv-bar{grid-column:2;grid-row:1;display:block;min-width:0;margin:0}
  .cfg.is-sheet .pv.is-mini .pv-title{display:block;font-size:12.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cfg.is-sheet .pv.is-mini .pv-nav{grid-column:3;grid-row:1;margin:0}
  .cfg.is-sheet .pv.is-mini .pv-nav>:not(.pv-zoom){display:none}
  .cfg.is-sheet .pv.is-mini .pv-nav .pv-zoom{width:36px;padding:0}
  .cfg.is-sheet .pv.is-mini .pv-zoom__t{display:none}
  .cfg.is-sheet .pv.is-mini .pv-msg{grid-column:1 / -1;grid-row:2}
  .cfg.is-sheet .pv.is-mini .pv-paper{width:auto;padding:0;box-shadow:0 1px 4px rgba(23,24,26,.15)}
  .cfg.is-sheet .pv.is-mini .pv-host svg{width:auto;max-width:38vw;height:44px}
  .cfg.is-sheet .pv.is-mini .pv-empty{width:88px;height:44px}
  .cfg.is-sheet .pv.is-mini .pv-empty>*{display:none}
  .cfg.is-sheet .panel{border-radius:0;border-width:0;box-shadow:none;overflow:visible}
  .cfg.is-sheet .steprail{position:sticky;top:var(--cfg-pv-h,0px);z-index:3}
  .cfg.is-sheet .panel-foot{position:sticky;bottom:0;z-index:3;gap:8px;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));box-shadow:0 -8px 16px -14px rgba(23,24,26,.45)}
  .cfg.is-sheet .panel-foot .btn--sm{padding-inline:14px}
  .cfg.is-sheet .panel-foot__skip{font-size:12.5px}
  .cfg.is-sheet .panel-body,.cfg.is-sheet .cfg-intro,.cfg.is-sheet .cfg-loading{padding-left:max(var(--s2),env(safe-area-inset-left,0px));padding-right:max(var(--s2),env(safe-area-inset-right,0px))}
  /* klávesnice: náhled i spodní lišta ustoupí, pole se odroluje do středu (cfg-sheet.js) */
  html.cfg-kb .cfg.is-sheet .pv,html.cfg-kb .cfg.is-sheet .panel-foot{display:none}
}

/* ---------- vrstvy okna (M.layers) ---------- */
:where(.cfg-layer){position:fixed;inset:0;z-index:20}

/* přepínač návrhů: mobil = spodní panel, počítač = panel pod tlačítkem „Návrhy“ (--sw-top / --sw-right z JS) */
.cfg-switcher{z-index:30}
.cfg-switcher__backdrop{position:absolute;inset:0;background:rgba(23,24,26,.45)}
.cfg-switcher__panel{position:absolute;left:0;right:0;bottom:var(--cc-h,0px);display:flex;flex-direction:column;max-height:min(82%,680px);padding:14px max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--paper);border-radius:16px 16px 0 0;box-shadow:var(--sh-lg);outline:none}
.cfg-switcher__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.cfg-switcher__t{font-size:21px}
.cfg-switcher__x{flex:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.cfg-switcher__x:hover{border-color:var(--ink)}
.cfg-switcher__acts{display:flex;flex-wrap:wrap;gap:8px}
.cfg-switcher__acts .btn{flex:1 1 auto}
.cfg-switcher__note{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.cfg-switcher__state{margin:0;padding:6px 0 10px;font-size:13.5px;color:var(--muted)}
.cfg-switcher__state.is-error{color:var(--red-dark)}
/* strop rozpracovaných návrhů (422 drafts_limit, cfg-launcher.js showLimit) — hláška nad seznamem návrhů */
.cfg-switcher__limit{margin:10px 0 4px;padding:10px 12px;border:1px solid rgba(168,15,20,.35);border-left:3px solid var(--red-dark);border-radius:8px;background:#fff;font-size:13.5px;line-height:1.45}
.cfg-switcher__limit p{margin:0}
.cfg-switcher__limit-t{font-weight:600;color:var(--ink)}
.cfg-switcher__limit-n{margin-top:4px!important;color:var(--muted)}
.cfg-switcher__limit.is-freed{border-color:rgba(62,84,66,.35);border-left-color:var(--sage-dark)}
.cfg-switcher .pmy__list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin:0 -4px;padding:2px 4px 4px}
.cfg-switcher__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid var(--hair)}
@media (min-width:1040px){
  .cfg-switcher__backdrop{background:transparent}
  .cfg-switcher__panel{left:auto;bottom:auto;top:var(--sw-top,64px);right:var(--sw-right,16px);width:min(460px,calc(100vw - 32px));max-height:calc(100% - var(--sw-top,64px) - var(--cc-h,0px) - 16px);padding:16px 18px;border:1px solid var(--line);border-radius:var(--r)}
}

/* potvrzovací okno M.confirm (cfg-core.js): nativní <dialog> v top layer — nad oknem, vrstvami i velkým náhledem */
.cfg-confirm{width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--r);background:var(--paper);color:var(--ink);box-shadow:var(--sh-lg);overscroll-behavior:contain}
.cfg-confirm::backdrop{background:rgba(23,24,26,.5)}
.cfg-confirm__box{display:grid;gap:10px;margin:0;padding:20px 20px 18px}
.cfg-confirm__t{margin:0;font-size:20px;line-height:1.25}
.cfg-confirm__x{margin:0;font-size:14px;line-height:1.5;color:var(--ink-2)}
.cfg-confirm__btns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px}
@media (max-width:479px){.cfg-confirm__btns .btn{flex:1 1 auto}}

/* režim výřezu „Upravit fotografii“ (obsah a gesta řídí cfg-crop.js, agent B; popisek cfg-photos.js). Velikost z visualViewport
   (--cfg-vvh/--cfg-vvtop na okně, cfg-sheet.js): s klávesnicí na iOS se nezmenší layout viewport a spodní lišta s popiskem
   by zajela pod klávesnici; .is-kb (fokus v popisku) ubere posuvník a nástroje. */
.cfg-cropmode{z-index:25;top:var(--cfg-vvtop,0px);bottom:auto;height:calc(var(--cfg-vvh,100vh) - var(--cc-h,0px));display:flex;flex-direction:column;background:#1B1C1E;color:#F6F1E8}
@supports (height:100dvh){.cfg-cropmode{height:calc(var(--cfg-vvh,100dvh) - var(--cc-h,0px))}}
.cfg-cropmode.is-kb .cfg-cropmode__hint,.cfg-cropmode.is-kb .cfg-cropmode__meta,.cfg-cropmode.is-kb .cfg-cropmode__zoom,.cfg-cropmode.is-kb .cfg-cropmode__tools{display:none}
.cfg-cropmode.is-kb .cfg-cropmode__head{padding-bottom:4px}
.cfg-cropmode.is-kb .cfg-cropmode__stage{padding:6px}
.cfg-cropmode__head{flex:none;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px))}
.cfg-cropmode__t{font-size:19px;color:#F6F1E8}
.cfg-cropmode__label{font-size:12.5px;color:#B9B3A7}
/* Jediná buňka mřížky minmax(0,1fr): SVG (width/height 100 %, cfg-crop.css) se vejde do zbylé výšky i s klávesnicí — s implicitní
   auto řádkou by stopa narostla na přirozenou výšku SVG a spodek fotky i s popiskem by zajel pod lištu. */
.cfg-cropmode__stage{flex:1 1 auto;min-height:0;position:relative;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:stretch;padding:12px;overflow:hidden;touch-action:none}
.cfg-cropmode__stage svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
.cfg-cropmode__hint{flex:none;margin:0;padding:0 16px 8px;font-size:12.5px;color:#B9B3A7;text-align:center}
.cfg-cropmode__bar{flex:none;display:grid;gap:12px;padding:14px max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--paper);color:var(--ink);border-radius:14px 14px 0 0}
.cfg-cropmode__btns{display:flex;gap:8px;flex-wrap:wrap}
.cfg-cropmode__btns [data-cropmode-done]{margin-left:auto}

/* ---------- seznam návrhů (detail produktu, úvod okna, přepínač) ---------- */
.pbuy .pmy{display:contents}
.pbuy .pmy__open{order:-2;max-width:100%}
.pbuy .pmy__new{order:-1}
.pbuy .pmy__note,.pbuy .pmy__skel,.pbuy .pmy__list{order:1;flex:1 1 100%}
.pbuy .pmy__foot{order:2;flex:1 1 100%}
.pmy__cname{display:inline-block;max-width:min(26ch,52vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.pmy__note{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;color:var(--muted)}
.pmy__foot{margin:0}
.pmy__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cfg-intro__designs{margin-top:var(--s2)}
.cfg-intro__designs .pmy__list{margin-top:12px}
.cfg-intro__designs .pmy__foot{margin-top:12px}
.pmy__row{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px 8px 8px;background:#fff;border:1px solid rgba(23,24,26,.1);border-radius:10px;transition:border-color .18s,opacity .18s}
.pmy__row:hover{border-color:rgba(23,24,26,.28)}
.pmy__row.is-current{border-color:var(--red);box-shadow:0 0 0 1px rgba(215,20,26,.18)}
.pmy__row.is-removing{opacity:.45;pointer-events:none}
.pmy__main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;border-radius:6px}
.pmy__cover{flex:none;width:72px;height:36px;overflow:hidden;border-radius:4px;border:1px solid var(--line);background:repeating-linear-gradient(135deg,#F4EFE4 0 5px,#EDE6D8 5px 10px)}
.pmy__cover img{display:block;width:100%;height:100%;object-fit:cover}
.pmy__txt{min-width:0;display:grid;gap:2px}
.pmy__name{font-size:14.5px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmy__main:hover .pmy__name{color:var(--red)}
.pmy__meta{font-size:12px;line-height:1.35;color:var(--muted)}
.pmy__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.pmy__tags:empty{display:none}
.pmy .tag,.pmy__list .tag{display:inline-block;font-size:9.5px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ochre-dark);border:1px solid currentColor;padding:1px 7px;border-radius:999px;white-space:nowrap}
.pmy .tag--ok,.pmy__list .tag--ok,.pmy .tag--ordered,.pmy__list .tag--ordered{color:var(--sage)}
.pmy .tag--var,.pmy__list .tag--var{color:var(--ink-2)}
.pmy .tag--cart,.pmy__list .tag--cart{color:var(--red)}
.pmy__acts{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pmy__del{min-height:34px;padding:6px 8px;border:0;border-radius:6px;background:none;color:var(--red);font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.pmy__del:hover,.pmy__del.is-armed{background:rgba(215,20,26,.09)}
.pmy__skel{display:grid;gap:8px}
.pmy__skel span{display:block;height:54px;border-radius:10px;background:linear-gradient(90deg,#EFE8DA 0%,#F7F2E8 50%,#EFE8DA 100%);background-size:200% 100%;animation:pmy-shimmer 1.3s linear infinite}
@keyframes pmy-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.pmy__skel span{animation:none}}
@media (max-width:479px){
  .pmy__row{flex-wrap:wrap}
  .pmy__acts{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;width:100%}
}