.rad-search-open { overflow: hidden; }
.rad-search-dialog {
  box-sizing: border-box;
  position: fixed;
  inset: auto;
  margin: 0;
  padding: 10px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 110px);
  max-height: calc(100dvh - 110px);
  border: 1px solid #edf0f3;
  border-radius: 19px;
  background: #fff;
  color: var(--ink);
  box-shadow: 0 18px 60px #18212c26;
  direction: rtl;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  font-family: var(--font);
}
.rad-search-dialog::backdrop { background: #17202d46; backdrop-filter: blur(2px); }
.rad-search-form { display: flex; gap: 9px; align-items: center; min-height: 46px; margin: 0; padding: 3px 12px; border-radius: 25px; background: #f0f1f3; }
.rad-search-form input[type="search"] { min-width: 0; width: 100%; flex: 1; padding: 9px 0; border: 0; outline: 0; background: transparent; box-shadow: none; font-family: inherit; font-size: 13px; }
.rad-search-form input::placeholder { color: #969ca8; }
.rad-search-form button { display: grid; place-items: center; flex: 0 0 30px; padding: 4px; width: 30px; height: 34px; border: 0; background: none; color: #8a929e; }
.rad-search-form .icon { width: 21px; height: 21px; }
.rad-search-form .rad-search-close .icon { width: 17px; height: 17px; }
.rad-search-form:focus-within { box-shadow: 0 0 0 2px #e3232b20; }
.rad-search-section { padding: 24px 8px 1px; }
.rad-search-section h3 { margin: 0 0 13px; color: #171e29; font-size: 13px; line-height: 1.8; font-weight: 800; }
.rad-search-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.rad-search-clear { padding: 0; border: 0; background: none; color: #7c8797; font: inherit; font-size: 11px; }
.rad-search-clear[hidden] { display: none; }
.rad-search-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.rad-search-chips button { display: inline-flex; align-items: center; gap: 7px; max-width: 100%; padding: 6px 12px; border: 1px solid #dfe2e8; border-radius: 25px; background: white; color: #25314a; font: inherit; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; cursor: pointer; }
.rad-search-chips button:hover { border-color: var(--red); color: var(--red); background: #fff7f7; }
.rad-search-empty { margin: 0; color: #939aa5; font-size: 12px; }
.rad-search-banner { position: relative; display: grid; grid-template-columns: 1.1fr 1fr; min-height: 186px; margin-top: 25px; padding: 24px 20px; border-radius: 10px; overflow: hidden; background: linear-gradient(120deg,#eedbd9,#b93d45); color: white; text-decoration: none; }
.rad-search-banner > img { grid-column: 2; grid-row: 1; align-self: center; width: 100%; height: 145px; object-fit: contain; mix-blend-mode: multiply; transform: rotate(-8deg); }
.rad-search-banner-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 9px; grid-row: 1; grid-column: 1; position: relative; z-index: 1; }
.rad-search-banner-copy strong { font-size: 22px; line-height: 1.6; }
.rad-search-banner-copy > span { font-size: 11px; line-height: 1.9; }
.rad-search-banner-copy .rad-search-banner-button { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 4px 16px; margin-top: 4px; border-radius: 20px; background: white; color: #84343a; font-size: 12px; }
.rad-search-banner.has-image > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: normal; transform: none; }
.rad-search-banner.has-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to left,#1521309c,transparent); }
.rad-search-dialog :focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.rad-search-dialog [hidden] { display:none!important; }
.rad-search-chips .rad-search-trend { display:block; width:14px; height:14px; flex:0 0 14px; color:#858993; }
@media(max-width:600px) {
  .rad-search-dialog { max-height: calc(100dvh - 105px); padding: 8px; border-radius: 16px; }
  .rad-search-section { padding: 20px 5px 0; }
  .rad-search-chips button { padding: 6px 10px; font-size: 11px; }
  .rad-search-banner { min-height: 158px; padding: 18px 14px; margin-top: 22px; }
  .rad-search-banner-copy strong { font-size: 18px; }
  .rad-search-banner > img { height: 120px; }
}

/* 1.6.6: desktop retains its original panel; mobile follows the full-page reference. */
.rad-search-top { display:contents; }
.rad-search-back,.rad-search-results { display:none; }
@media(max-width:850px) {
  .rad-search-dialog { left:0; top:0; right:auto; bottom:auto; width:100%; height:100vh; height:100dvh; max-width:100%; max-height:none; margin:0; padding:8px 16px 24px; padding:calc(8px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); border:0; border-radius:0; box-shadow:none; background:#fff; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  .rad-search-dialog[open] { display:flex; flex-direction:column; }
  .rad-search-dialog::backdrop { background:#fff; backdrop-filter:none; }
  .rad-search-dialog .rad-search-top { display:flex; flex-shrink:0; align-items:center; gap:8px; position:sticky; top:calc(-8px - env(safe-area-inset-top)); z-index:2; background:#fff; padding-block:2px 8px; }
  .rad-search-dialog .rad-search-back { display:grid; place-items:center; flex:0 0 32px; width:32px; min-height:44px; padding:0; background:none; color:#17191e; }
  .rad-search-back .icon { width:24px; height:24px; }
  .rad-search-dialog .rad-search-form { flex:1; min-width:0; min-height:44px; padding:0 10px; gap:7px; border:1px solid #dfe1e6; border-radius:25px; background:#fff; }
  .rad-search-dialog .rad-search-form input[type=search] { min-width:0; padding:8px 0; font-size:16px; line-height:1.5; }
  .rad-search-dialog .rad-search-form input::placeholder { font-size:13px; }
  .rad-search-dialog .rad-search-form .rad-search-submit { flex:0 0 26px; width:26px; height:42px; }
  .rad-search-dialog .rad-search-form .rad-search-close { display:none; }
  .rad-search-dialog .rad-search-section { flex-shrink:0; padding:19px 0 0; }
  .rad-search-dialog .rad-search-section h3 { margin-bottom:12px; color:#121417; font-size:14px; line-height:1.8; font-weight:750; }
  .rad-search-dialog .rad-search-section-heading { align-items:baseline; }
  .rad-search-dialog .rad-search-clear { font-size:12px; line-height:1.8; color:#858993; }
  .rad-search-dialog .rad-search-chips { gap:7px 6px; }
  .rad-search-dialog .rad-search-chips button { min-height:32px; padding:4px 12px; font-size:13px; line-height:1.7; gap:6px; }
  .rad-search-dialog .rad-search-popular { padding-top:28px; }
  .rad-search-dialog .rad-search-empty { font-size:12px; }
  .rad-search-dialog .rad-search-banner { display:none; }
  .rad-search-chips .rad-search-trend { width:16px; height:16px; flex-basis:16px; }
  .rad-search-dialog .rad-search-results { display:block; padding-top:20px; }
  .rad-search-results h3 { font-size:14px; margin-bottom:12px; }
  .rad-search-feedback { font-size:13px; color:#7b818b; line-height:1.9; }
  .rad-search-result-list a { display:flex; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid #eef0f3; color:#25314a; font-size:14px; line-height:1.9; }
  .rad-search-result-list img { width:54px; height:54px; flex:0 0 54px; object-fit:contain; border-radius:6px; }
  .rad-search-all { display:block; padding:18px 0; color:var(--red); font-size:14px; }
}