/* Спокойный Liquid Glass для главных действий каталога: как активная вкладка, без свечения; подпись остаётся HTML. */
button.toy-action{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  grid-column:1/-1;
  width:100%;
  min-height:48px;
  padding:12px 20px;
  border:1px solid #ffffff26;
  border-radius:12px;
  background:linear-gradient(145deg,#267bfff2,#0758d4f2);
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.01em;
  text-shadow:none;
  box-shadow:0 3px 10px #0758d433,inset 0 1px 0 #ffffff55;
  -webkit-backdrop-filter:blur(12px) saturate(1.3);
  backdrop-filter:blur(12px) saturate(1.3);
  -webkit-font-smoothing:antialiased;
  transition:transform 160ms cubic-bezier(.2,.8,.2,1),box-shadow 160ms ease,background-color 160ms ease,filter 160ms ease;
}
/* Едва заметный блик в верхней половине — стекло без свечения. */
button.toy-action::before{
  content:"";
  position:absolute;
  inset:1px 1px 50% 1px;
  z-index:-1;
  pointer-events:none;
  border-radius:11px 11px 0 0;
  background:linear-gradient(180deg,#ffffff1f,#ffffff00);
}
button.toy-action--save{
  border-color:#c9def8;
  background:linear-gradient(145deg,#ffffffe6,#f4f9fff0);
  color:#0758d4;
  text-shadow:none;
  box-shadow:0 2px 6px #163b680d,inset 0 1px 0 #fff;
}
button.toy-action--save::before{display:none}
.toy-action__label{position:relative;text-wrap:balance}
#filters button.toy-action{width:100%;max-width:none;justify-self:stretch;margin-inline:0;padding-inline:12px;white-space:nowrap;font-size:13px}
#filters .toy-action--save{margin-top:8px}
/* На сенсорных экранах :hover «залипает» после тапа: не даём старым .primary/.outline:hover перекрасить стекло. */
button.toy-action:hover{background:linear-gradient(145deg,#267bfff2,#0758d4f2);color:#fff}
button.toy-action--save:hover{background:linear-gradient(145deg,#ffffffe6,#f4f9fff0);color:#0758d4}
@media(hover:hover){
  button.toy-action:hover:not(:disabled){background:linear-gradient(145deg,#1f74fa,#0650c4);box-shadow:0 4px 12px #0758d43d,inset 0 1px 0 #ffffff55}
  button.toy-action--save:hover:not(:disabled){background:var(--ice,#eaf4ff);border-color:#9bbfeb}
}
button.toy-action:active:not(:disabled){transform:scale(.98);filter:brightness(.97)}
button.toy-action:focus-visible{outline:3px solid #0968f9;outline-offset:3px}
button.toy-action:disabled{filter:grayscale(.4);opacity:.55}
.hero-search{align-items:center}
.hero-search button.hero-find.toy-action{flex:none;width:auto;min-width:0;min-height:48px;padding-inline:22px;font-size:14px}
.hero-find.toy-action .icon{display:block;width:18px;height:18px;color:currentColor}
@container app (max-width:479px){
  /* На телефоне поиск остаётся одной строкой высотой 56px: так он не наезжает на Сменыча над ним. */
  .hero-search{flex-wrap:nowrap;align-items:center;height:56px;padding:4px;gap:4px}
  .hero-search .search{flex:1 1 auto;min-width:0;min-height:44px}
  .hero-search button.hero-find.toy-action{grid-column:auto;width:auto;min-height:44px;height:44px;padding:0 14px;border-radius:10px;font-size:13px;white-space:nowrap}
  .hero-find.toy-action .icon{display:none}
  .hero-find.toy-action::before{border-radius:9px 9px 0 0}
}
@media(prefers-reduced-transparency:reduce){
  button.toy-action{background:#0968f9;backdrop-filter:none;-webkit-backdrop-filter:none}
  button.toy-action--save{background:#fff}
  button.toy-action::before{display:none}
}
@supports not (backdrop-filter:blur(1px)){
  button.toy-action{background:#0968f9}
  button.toy-action--save{background:#fff}
}
@media(prefers-reduced-motion:reduce){
  button.toy-action{transition:none}
  button.toy-action:hover:not(:disabled),button.toy-action:active:not(:disabled){transform:none}
}
@media(forced-colors:active){
  button.toy-action{border:2px solid ButtonText;background:ButtonFace;color:ButtonText;text-shadow:none;box-shadow:none}
  button.toy-action::before{display:none}
}
