/* V11: compact dialog and action treatment. */
.btn{gap:10px;border-radius:14px;letter-spacing:.01em;box-shadow:0 7px 17px #4f214029;backdrop-filter:none}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 21px #4f214038}
.btn:active{transform:scale(.98)}
.btn:focus-visible,.icon-btn:focus-visible,.catalog__search button:focus-visible,.catalog__more:focus-visible{outline:3px solid #e874a5;outline-offset:3px}
button:disabled{cursor:not-allowed;opacity:.55}
.search-panel{
  box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-height:min(80dvh,420px);
  margin:auto;padding:29px 30px 30px;border:1px solid #f2c9d8;border-radius:24px;
  background:linear-gradient(145deg,#fffafb 0%,#fbedf3 100%);color:#321d2b;
  box-shadow:0 28px 72px #1608178c;overflow:auto;
  animation:search-enter .26s cubic-bezier(.2,.8,.2,1) both;
}
.search-panel::backdrop{background:#1c0b1bc9;backdrop-filter:blur(8px)}
.search-panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}
.search-panel h2{margin:0;font:800 clamp(28px,4vw,34px)/1.08 'DM Sans',system-ui,sans-serif;letter-spacing:-.055em;color:#301b2a}
.search-panel h2 em{font-style:normal;color:#c04779}
.search-panel .js-close-search{
  flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;
  border:1px solid #eac5d4;border-radius:50%;background:#ffffffa8;color:#65394e;
  box-shadow:none;backdrop-filter:blur(8px);
  transition:background .2s,color .2s,transform .2s,border-color .2s;
}
.search-panel .js-close-search:hover{background:#fff;color:#a83869;border-color:#d986a8;transform:rotate(90deg)}
.search-panel .js-close-search .icon{width:18px;height:18px}
.search-panel__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.search-panel .search-field{
  display:flex;align-items:center;gap:4px;height:62px;margin:0;padding:6px;
  border:1px solid #e9c8d5;border-radius:17px;background:#fff;
  box-shadow:0 5px 17px #5b254318;backdrop-filter:none;
  transition:border-color .2s,box-shadow .2s;
}
.search-panel .search-field:focus-within{border-color:#ce6d99;box-shadow:0 0 0 3px #d9659733,0 5px 17px #5b254318}
.search-panel .search-field input{flex:1;min-width:0;height:100%;padding:0 13px;border:0;outline:0;background:transparent;color:#321d2b;font:650 15px 'DM Sans',system-ui,sans-serif}
.search-panel .search-field input::placeholder{color:#997b8a;opacity:1}
.search-panel .search-field button{
  flex:none;display:grid;place-items:center;width:50px;min-width:50px;height:48px;padding:0;
  border:0;border-radius:12px;background:#bf4d7f;color:#fff;box-shadow:0 5px 12px #a1396a35;
  cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;
}
.search-panel .search-field button:hover{background:#a9366a;transform:translateY(-1px);box-shadow:0 7px 15px #a1396a4a}
.search-panel .search-field button:active{transform:scale(.96)}
.search-panel .search-field button .icon{width:21px;height:21px}
.search-panel button:focus-visible,.launch-screen__skip:focus-visible{outline:3px solid #ed83af;outline-offset:3px}
.toast{
  left:50%;right:auto;bottom:calc(25px + env(safe-area-inset-bottom));
  transform:translateX(-50%);width:max-content;max-width:calc(100vw - 36px);
  padding:11px 16px;border:1px solid #f3b9d05c;border-radius:14px;
  background:#382034ed;color:#fff9fb;box-shadow:0 12px 30px #18081657;
  backdrop-filter:blur(12px);font-size:12px;font-weight:750;text-align:center;
  animation:toast-enter .22s ease-out both;
}
.launch-screen__skip{
  min-width:64px;height:44px;padding:0 13px;border:1px solid #ffd3e357;border-radius:999px;
  background:#fff8f719;color:#ffe7f0;backdrop-filter:blur(10px);
  transition:background .2s,color .2s,transform .2s;
}
.launch-screen__skip:hover{background:#fff8f72b;color:#fff;transform:translateY(-1px)}
@keyframes search-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toast-enter{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:560px){
  .search-panel{width:calc(100vw - 28px);padding:22px;border-radius:21px}
  .search-panel__head{margin-bottom:20px}
  .search-panel h2{font-size:29px}
  .search-panel .search-field{height:58px}
  .search-panel .search-field button{width:46px;min-width:46px;height:44px}
  .toast{bottom:calc(92px + env(safe-area-inset-bottom))}
}
@media(max-width:350px){.search-panel{padding:19px}.search-panel h2{font-size:26px}.search-panel .search-field input{font-size:14px}}
@media(prefers-reduced-motion:reduce){.search-panel,.toast{animation:none}.btn,.search-panel .js-close-search,.search-panel .search-field,.search-panel .search-field button,.launch-screen__skip{transition:none}}