/* The editor uses KAYA tokens and the original gallery + material controls. */
.kaya-material-entry,.kaya-material-editor:not([open]),.kaya-material-editor__status{display:none}
.kaya-material-editor{padding:0;border:0;color:var(--ink);background:var(--ground);font:inherit}
.kaya-material-editor::backdrop{background:rgba(27,30,28,.4)}
@media(max-width:781px){
  .has-mobile-material-editor > .kaya-pdp2__buy > .kaya-pdp2__cfg{display:none}
  .kaya-material-entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px}
  .kaya-material-entry button{display:flex;align-items:center;gap:10px;min-height:68px;padding:10px 12px;background:var(--surface);border:1px solid var(--rule);color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-width:0}
  .kaya-material-entry button[data-editor-open="pillow"]{grid-column:1/-1} /* «Ткань подушек» (ky-eib.4) — третьей плашкой во всю ширину */
  .kaya-material-entry button>i{flex:none;width:28px;height:34px;background:var(--c);background-size:cover;border:1px solid var(--rule)}
  .kaya-material-entry button>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0;font-size:12px;color:var(--muted)}
  .kaya-material-entry b{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}
  .kaya-material-entry button>span:last-child{font-size:24px;color:var(--muted)}
  .kaya-material-editor[open]{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(160px,42dvh) auto minmax(0,1fr) auto;overflow:hidden;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
  .kaya-material-editor__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--surface)}
  .kaya-material-editor__head>div{display:grid;gap:2px;min-width:0}
  .kaya-material-editor__head b{font-size:16px;line-height:1.3}
  .kaya-material-editor__head span{font-size:11px;color:var(--muted);line-height:1.3;max-width:48ch}
  .kaya-material-editor__foot{padding:10px 16px;background:var(--surface);border-top:1px solid var(--rule)}
  .kaya-material-editor__foot button{width:100%;flex:none;border:0;background:var(--accent);color:var(--accent-ink);min-height:44px;padding:8px 16px;font:600 14px var(--wp--preset--font-family--onest);cursor:pointer}
  .kaya-material-editor__gallery{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 64px;background:#fff;overflow:hidden}
  .kaya-material-editor .kaya-pdp2__stage{margin:0;aspect-ratio:auto;min-height:0;height:100%}
  .kaya-material-editor .kaya-pdp2__thumbs{grid-auto-columns:52px;gap:8px;margin:0;padding:6px 16px;min-height:0;box-sizing:border-box;overflow-x:auto;overscroll-behavior-x:contain;background:var(--ground)}
  .kaya-material-editor .kaya-pdp2__thumbs button{height:52px;width:52px}
  .kaya-material-editor .kaya-pdp2__stage-try{display:none}
  .kaya-material-editor .kaya-pdp2__stage-3d{top:8px;right:16px;min-height:44px}
  .kaya-material-editor .kaya-pdp2__spin-zoom{right:16px;bottom:8px}
  .kaya-material-editor .kaya-pdp2__spin-zoom button{width:44px;height:44px}
  .kaya-material-editor__tabs{display:flex;gap:8px;padding:10px 16px 0;background:var(--surface)}
  .kaya-material-editor__tabs button{flex:1;min-height:44px;padding:8px 12px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);font:600 14px var(--wp--preset--font-family--onest);cursor:pointer}
  .kaya-material-editor__tabs button[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
  .kaya-material-editor__palette{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:var(--surface)}
  .kaya-material-editor .kaya-pdp2__cfg{display:block;padding:16px;border:0;background:none}
  .kaya-material-editor .kaya-pdp2__cfg-title{display:none}
  .kaya-material-editor .kaya-pdp2__opt{padding:0;border:0;gap:14px}
  .kaya-material-editor .kaya-pdp2__opt[hidden]{display:none}
  .kaya-material-editor .kaya-pdp2__lab{gap:8px;font-size:14px}
  .kaya-material-editor .kaya-pdp2__lab b{text-align:right}
  .kaya-material-editor .kaya-fabrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px}
  .kaya-material-editor .kaya-fabrics button{width:100%;height:auto;aspect-ratio:1;min-height:44px}
  .kaya-material-editor .kaya-swatches{display:grid;gap:10px}
  .kaya-material-editor .kaya-sw{width:100%;min-height:52px;text-align:left}
  .kaya-material-editor [data-fabric-preview]{display:none}
  .kaya-material-editor .kaya-pdp2__hint,.kaya-material-editor .kaya-pdp2__note{font-size:12px;line-height:1.5}
  .kaya-material-editor__status{position:absolute;inset:auto 16px 12px;z-index:3;display:block;padding:8px 12px;margin:0;background:rgba(255,255,255,.96);color:var(--ink-2);font-size:12px;text-align:center;border:1px solid var(--rule);pointer-events:none}
  .kaya-material-editor__status[hidden]{display:none}
  .kaya-material-editor button:focus-visible,.kaya-material-entry button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
}
@media(max-width:781px) and (max-height:500px){
  .kaya-material-editor[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}
  .kaya-material-editor__head{grid-column:1/-1}
  .kaya-material-editor__gallery{grid-column:1;grid-row:2/4}
  .kaya-material-editor__tabs{grid-column:2;grid-row:2}
  .kaya-material-editor__palette{grid-column:2;grid-row:3}
  .kaya-material-editor__foot{grid-column:1/-1;grid-row:4}
}