:root{
  --bg:#ffffff;
  --panel:#ffffff;
  --line:#d9dde4;
  --text:#111827;
  --muted:#6b7280;
  --brand:#d91f26;
  --new-badge-bg:#005E52;
  --new-badge-text:#FFFFFF;
  --discount-badge-bg:#FF4B4B;
  --discount-badge-text:#FFFFFF;
  --discount-number-color:#FFECEC;
  --price-regular-color:#111827;
  --price-old-color:#6B7280;
  --price-new-color:#C81E1E;
  --manual-title-size:40px;
  --manual-subtitle-size:12px;
}
.search-modal,
.search-modal *{box-sizing:border-box}
body{
  margin:0;
  overflow-x:hidden;
}
html.dev-menu-scroll-lock,
body.dev-menu-scroll-lock{
  overflow:hidden !important;
  overscroll-behavior:none !important;
  height:100% !important;
}
body.dev-menu-scroll-lock{
  position:fixed !important;
}
.topbar{
  background:#ffffff;
  border-bottom:1px solid rgba(17,24,39,.12);
}
.topbar-inner{
  width:min(1380px,96vw);
  margin:0 auto;
  height:68px;
  display:grid;
  grid-template-columns:280px 1fr 240px;
  align-items:center;
  gap:10px;
}
.mini-search{
  height:44px;
  border:1px solid rgba(17,24,39,.1);
  border-radius:999px;
  max-width:278px;
  width:100%;
  display:flex;
  align-items:center;
  padding:0 5px 0 16px;
  gap:10px;
  background:#f7f8fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.mini-search input{
  width:100%;
  border:none;
  outline:none;
  font-size:14px;
  font-weight:500;
  background:transparent;
  color:#111827;
}
.mini-search input::placeholder{
  color:#b7c1d0;
}
.mini-search button{
  width:34px;
  height:34px;
  border:none;
  border-radius:999px;
  background:#000;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  box-shadow:0 6px 14px rgba(0,0,0,.14);
}
.mini-search .search-icon{
  width:15px;
  height:15px;
  display:block;
  stroke:#fff;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.logo{
  text-align:center;
  line-height:1;
}
.logo-main{
  display:block;
  text-transform:lowercase;
  font-size:44px;
  font-weight:800;
  letter-spacing:-1px;
  color:#111827;
}
.logo-sub{
  font-size:8px;
  letter-spacing:2px;
  color:#6b7280;
}
.tools{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
}
.admin-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 14px;
  border:1px solid rgba(17,24,39,.14);
  border-radius:999px;
  background:#ffffff;
  color:#111827;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.admin-link:hover{
  border-color:#ff5258;
  color:#111827;
  background:rgba(217,31,38,.08);
}
.nav{
  width:min(1380px,96vw);
  margin:0 auto;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  background:#ffffff;
  border-bottom:1px solid rgba(17,24,39,.08);
}
.nav a{
  text-decoration:none;
  color:#111827;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
}
.nav a:hover{color:#ff696e}
.home-placeholder{
  width:min(1380px,96vw);
  margin:10px auto 12px;
  height:calc(100vh - 138px);
  min-height:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:
    radial-gradient(circle at 50% -8%, rgba(255,255,255,.18), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  position:relative;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.38);
}
.home-placeholder::before{
  content:"";
  position:absolute;
  inset:18px;
  border:2px solid rgba(217,31,38,.38);
  border-radius:22px;
  pointer-events:none;
}
.home-placeholder::after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:106px;
  height:14px;
  border-top:4px solid rgba(255,60,60,.6);
  border-bottom:4px solid rgba(255,60,60,.25);
  box-shadow:0 14px 0 rgba(255,255,255,.07),0 -14px 0 rgba(255,255,255,.07);
  pointer-events:none;
}
.fight-stage{
  width:min(1040px,92vw);
  height:100%;
  min-height:0;
  padding:28px 30px 22px;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  text-align:center;
}
.fight-copy{
  max-width:760px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.fight-kicker{
  align-self:center;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(217,31,38,.18);
  border:1px solid rgba(255,255,255,.18);
  font-size:12px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.fight-title{
  margin:0;
  font-size:clamp(34px,5.4vw,74px);
  line-height:.94;
  font-weight:800;
  letter-spacing:-.06em;
  text-transform:uppercase;
  text-shadow:0 12px 30px rgba(0,0,0,.38);
}
.fight-title span{
  color:#ff5b61;
}
.fight-subtitle{
  margin:0 auto;
  max-width:700px;
  font-size:clamp(14px,1.55vw,18px);
  line-height:1.45;
  color:rgba(255,255,255,.84);
}
.fight-hint{
  margin:0;
  color:#ffb3b6;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.fight-gif-stage{
  width:min(760px,100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.fight-gif-frame{
  width:min(620px,100%);
  padding:10px;
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 28px 60px rgba(0,0,0,.42);
}
.fight-gif-frame img{
  display:block;
  width:100%;
  height:min(28vh,230px);
  object-fit:cover;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
}
.fight-caption{
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.search-modal{
  position:fixed;
  inset:0;
  z-index:2147482000;
  font-family:'Manrope',sans-serif;
  color:var(--text);
  background:rgba(15,23,42,.18);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  display:block;
  padding:12px;
  overflow-x:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility 0s linear .28s;
  --modal-from-x:0px;
  --modal-from-y:-18px;
  --modal-from-scale-x:.88;
  --modal-from-scale-y:.12;
}
.search-modal.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
.modal-panel{
  position:relative;
  width:min(1780px,97vw);
  margin:0 auto;
  background:#fff;
  border-radius:12px;
  min-height:0;
  height:auto;
  max-height:calc(100vh - 24px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:14px 22px 18px;
  opacity:0;
  transform:
    translate3d(var(--modal-from-x), var(--modal-from-y), 0)
    scale(var(--modal-from-scale-x), var(--modal-from-scale-y));
  transform-origin:top center;
  transition:
    transform .38s cubic-bezier(.2,.82,.2,1),
    opacity .24s ease,
    border-radius .32s ease,
    box-shadow .32s ease;
  will-change:transform, opacity;
  box-shadow:0 28px 80px rgba(0,0,0,.24);
}
.search-modal.show .modal-panel{
  opacity:1;
  transform:translate3d(0,0,0) scale(1,1);
}
.modal-head{
  display:grid;
  grid-template-columns:160px 1fr auto;
  gap:12px;
  align-items:center;
}
.modal-logo{
  width:153px;
  overflow:visible;
  display:flex;
  align-items:center;
  gap:8px;
}
.modal-logo img{
  padding-top:14px;
  width:153px;
  height:auto;
  object-fit:cover;
  object-position:center 52%;
  display:block;
}
.mobile-back-btn{
  display:none;
  width:30px;
  height:30px;
  border:none;
  background:transparent;
  color:#111827;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  padding:0;
}
.scroll-top-btn{
  position:fixed;
  right:max(64px, calc(env(safe-area-inset-right, 0px) + 58px));
  bottom:max(20px, calc(env(safe-area-inset-bottom, 0px) + 18px));
  width:50px;
  height:50px;
  border:none;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  line-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 18px rgba(15,23,42,.28);
  cursor:pointer;
  z-index:2147483002;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.scroll-top-btn-icon{
  width:26px;
  height:26px;
  stroke:#fff;
  stroke-width:2.4;
  fill:none;
}
.scroll-top-btn.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.scroll-top-btn:hover{
  background:#020617;
}
.search-wrap{
  position:relative;
}
.search-line{
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:2px solid var(--brand);
  padding:3px 0 8px;
}
.search-start-icon{
  width:24px;
  height:24px;
  border-radius:999px;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.search-line input{
  width:100%;
  border:none;
  outline:none;
  background:transparent;
  font-size:15px;
}
.search-line .icon-btn{
  border:none;
  background:transparent;
  color:#6b7280;
  cursor:pointer;
  font-size:19px;
}
.head-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.head-actions .icon-btn{
  border:none;
  background:transparent;
  font-size:28px;
  color:#6b7280;
  cursor:pointer;
  line-height:1;
}
.head-actions .icon-btn.voice{
  font-size:22px;
}
.head-actions .icon-btn.listening{
  color:#d91f26;
}
.voice-icon{
  width:20px;
  height:20px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
  display:block;
}
.suggest-box{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  z-index:7;
  background:#fff;
  border:1px solid #d7dce5;
  border-top:none;
  border-radius:0 0 10px 10px;
  max-height:300px;
  overflow:auto;
  display:none;
}
.suggest-box.show{display:block}
.suggest-item{
  padding:10px 12px;
  border-bottom:1px solid #f1f5f9;
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
}
.suggest-item:hover{background:#f8fafc}
.suggest-item img{
  width:34px;
  height:34px;
  object-fit:cover;
  border-radius:6px;
}
.suggest-title{font-size:13px;font-weight:600}

.chip-row{
  margin:10px 0 0 182px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.chip-head{
  display:flex;
  align-items:center;
  gap:8px;
}
.chip-label{
  font-size:14px;
  font-weight:700;
  color:#374151;
}
.chip-ai-btn{
  display:none;
  border:1px solid #d1d8e3;
  background:#fff;
  color:#111827;
  border-radius:999px;
  height:26px;
  padding:0 10px;
  font-size:12px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  line-height:1;
}
.chip-ai-dot{
  width:16px;
  height:16px;
  border-radius:999px;
  background:#d91f26;
  color:#fff;
  font-size:10px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.chip-ai-btn:hover{
  border-color:#d91f26;
  color:#b91c1c;
}
.chip-track{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.chip-empty{
  color:#6b7280;
  font-size:12px;
  white-space:nowrap;
}
.chip{
  border:1px solid #c5cad3;
  border-radius:999px;
  background:#f8fafc;
  padding:5px 10px;
  font-size:12px;
  cursor:pointer;
}
.chip:hover{border-color:#b91c1c;color:#b91c1c}
.chip-remove{
  margin-left:8px;
  color:#6b7280;
  font-weight:700;
}
.clear-latest{
  border:none;
  background:transparent;
  color:#d91f26;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.clear-latest:hover{
  color:#b80d1b;
}

.quick-strip{
  margin-top:14px;
  border:1px solid #d0d4dd;
  border-radius:8px;
  background:#fff;
  padding:8px;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:auto;
}
.quick-help{
  min-width:150px;
  font-size:13px;
  color:#374151;
}
.quick-card{
  min-width:170px;
  border:1px solid #cfd4dc;
  border-radius:6px;
  background:#fff;
  padding:7px;
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
}
.quick-card img{
  width:42px;
  height:42px;
  object-fit:cover;
  border-radius:4px;
}
.quick-card:hover{border-color:#b91c1c}
.quick-title{font-size:12px;font-weight:700}
.quick-count{font-size:11px;color:#6b7280}

.mobile-mode-tabs{
  display:none;
}
img[data-image-guard="1"]{
  color:transparent;
}
.mobile-filter-backdrop,
.mobile-filter-sheet-head,
.mobile-filter-sort-wrap,
.mobile-filter-actions,
.mobile-filter-fab{
  display:none;
}
.mobile-mode-tab{
  border:1px solid #cfd4dc;
  border-radius:999px;
  background:#fff;
  color:#111827;
  height:34px;
  padding:0 14px;
  font-size:14px;
  font-weight:700;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
}
.mobile-mode-tab .spark{
  color:#d91f26;
  font-size:14px;
  line-height:1;
}
.mobile-mode-tab.active{
  border-color:#111827;
  background:#f8fafc;
}

.result-area{
  margin-top:14px;
  display:grid;
  grid-template-columns:320px 1fr;
  gap:16px;
  min-width:0;
}
@media (min-width:761px){
  .search-modal.mobile-filters-lock{
    overflow:auto !important;
    touch-action:auto !important;
  }
  .modal-panel.search-mode.mobile-show-filters,
  .modal-panel.search-mode.mobile-show-ai{
    overflow-y:auto !important;
  }
  .modal-panel.search-mode.mobile-show-filters .mobile-filter-backdrop,
  .modal-panel.search-mode.mobile-show-filters .mobile-filter-sheet-head,
  .modal-panel.search-mode.mobile-show-filters .mobile-filter-sort-wrap,
  .modal-panel.search-mode.mobile-show-filters .mobile-filter-actions,
  .modal-panel.search-mode.mobile-show-filters .mobile-filter-fab{
    display:none !important;
  }
  .modal-panel.search-mode.mobile-show-filters .filters{
    display:block !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    inset:auto !important;
    width:auto !important;
    max-width:none !important;
    max-height:none !important;
    overflow:visible !important;
    padding-right:12px !important;
    padding-bottom:0 !important;
    background:transparent !important;
    border:none !important;
    border-right:1px solid #edf2f7 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    z-index:auto !important;
  }
  .modal-panel.search-mode.mobile-show-filters .results{
    display:block !important;
    pointer-events:auto !important;
    user-select:auto !important;
  }
  .modal-panel.search-mode.mobile-show-filters .assistant{
    display:flex !important;
  }
  .modal-panel.search-mode.mobile-show-filters .popular-block{
    display:none !important;
  }
}
.filters{
  padding-right:12px;
  border-right:1px solid #edf2f7;
}
.results{
  min-width:0;
  overflow:hidden;
}
.filters-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.filters-top h4{
  margin:0;
  font-size:16px;
  line-height:1;
  font-weight:800;
}
.popular-block{
  margin-bottom:14px;
}
.popular-block h5{
  margin:0 0 8px;
  font-size:14px;
}
.popular-list{
  margin:0;
  padding:0;
  list-style:none;
}
.popular-list li{
  margin:0 0 8px;
  font-size:13px;
  cursor:pointer;
}
.popular-list li:hover{
  color:#b91c1c;
}
.clear-btn{
  border:none;
  background:transparent;
  color:#b91c1c;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.filter-block{
  margin-bottom:18px;
  background:#fff;
  padding:0;
}
.facet-toggle{
  width:100%;
  border:none;
  background:transparent;
  padding:0 0 6px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:16px;
  font-weight:600;
  letter-spacing:.01em;
  color:#111827;
  cursor:pointer;
}
.facet-toggle .facet-chevron{
  position:relative;
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:transparent;
  font-size:0;
  line-height:0;
  transition:transform .15s ease;
}
.facet-toggle .facet-chevron::before{
  content:'';
  width:9px;
  height:9px;
  display:block;
  border-right:2px solid #111827;
  border-bottom:2px solid #111827;
  transform:rotate(45deg);
}
.filter-block.collapsed .facet-toggle .facet-chevron{
  transform:rotate(-90deg);
}
.filter-block.collapsed .facet-list{
  display:none;
}
.facet-list{
  max-height:190px;
  overflow:auto;
  padding:2px 4px 0 0;
}
.facet-list.colors-list{
  max-height:none;
  overflow:visible;
  display:flex;
  flex-wrap:wrap;
  gap:12px 14px;
  padding-top:6px;
}
.facet-list.size-list{
  max-height:188px;
  overflow-y:auto;
  overflow-x:hidden;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding-top:4px;
  align-content:flex-start;
  scrollbar-gutter:stable;
}
.facet-list.size-list.size-list-expanded{
  max-height:244px;
}
.facet-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:9px;
  font-size:14px;
}
.facet-left{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.facet-item input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:16px;
  height:16px;
  border:1px solid #9aa4b2;
  border-radius:4px;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  margin:0;
  position:relative;
}
.facet-item input[type="checkbox"]:checked{
  border-color:#111827;
  background:#111827;
}
.facet-item input[type="checkbox"]:checked::after{
  content:'';
  width:8px;
  height:8px;
  background:#fff;
  border-radius:1px;
}
.facet-swatch{
  width:14px;
  height:14px;
  border-radius:999px;
  border:1px solid #cfd4dc;
  display:inline-block;
  flex:0 0 auto;
}
.facet-swatch.is-white{
  border-color:#9ca3af;
}
.facet-left span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.facet-count{color:#6b7280}
.facet-color-item{
  border:none;
  background:transparent;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:0;
  min-width:44px;
}
.facet-color-dot{
  width:22px;
  height:22px;
  border-radius:999px;
  border:1px solid #cfd4dc;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
.facet-color-dot.is-white{
  border-color:#9ca3af;
}
.facet-color-name{
  font-size:12px;
  color:#374151;
  text-transform:lowercase;
}
.facet-color-item.active .facet-color-dot{
  outline:2px solid #b91c1c;
  outline-offset:2px;
}
.size-chip{
  border:1px solid #cbd5e1;
  background:#fff;
  color:#111827;
  min-width:34px;
  height:30px;
  padding:0 10px;
  border-radius:5px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.size-chip.active{
  border-color:#b91c1c;
  color:#b91c1c;
}
.size-more{
  width:100%;
  border:none;
  background:linear-gradient(180deg, rgba(255,255,255,0), #fff 36%);
  color:#6b7280;
  font-size:11px;
  cursor:pointer;
  text-align:center;
  padding-top:2px;
  position:sticky;
  bottom:0;
}
.price-facet{
  max-height:none;
  overflow:visible;
  padding-top:8px;
}
.price-badges{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}
.price-badge{
  background:#c80d1a;
  color:#fff;
  font-size:11px;
  font-weight:700;
  border-radius:6px;
  padding:2px 6px;
  line-height:1.2;
}
.price-slider-wrap{
  position:relative;
  height:26px;
  padding:0 10px;
  overflow:visible;
  overscroll-behavior-x:contain;
}
.price-slider-track{
  position:absolute;
  top:12px;
  left:10px;
  right:10px;
  height:3px;
  border-radius:999px;
  background:#f1b3b7;
}
.price-slider-track::before{
  content:'';
  position:absolute;
  left:var(--from,0%);
  right:calc(100% - var(--to,100%));
  height:3px;
  border-radius:999px;
  background:#c80d1a;
}
.price-range{
  position:absolute;
  left:10px;
  top:0;
  width:calc(100% - 20px);
  height:26px;
  margin:0;
  background:transparent;
  pointer-events:none;
  -webkit-appearance:none;
  appearance:none;
  touch-action:none;
  -webkit-tap-highlight-color:transparent;
}
.price-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #9ca3af;
  background:#fff;
  pointer-events:auto;
  cursor:pointer;
}
.price-range::-moz-range-thumb{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #9ca3af;
  background:#fff;
  pointer-events:auto;
  cursor:pointer;
}
.price-range::-webkit-slider-runnable-track{
  height:3px;
  background:transparent;
}
.price-range::-moz-range-track{
  height:3px;
  background:transparent;
}
.price-fixed-thumb{
  position:absolute;
  top:12px;
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #9ca3af;
  background:#fff;
  box-shadow:0 2px 8px rgba(15,23,42,.12);
  pointer-events:none;
}
.price-fixed-thumb.is-start{
  left:10px;
  transform:translate(-50%, -50%);
}
.price-fixed-thumb.is-end{
  right:10px;
  transform:translate(50%, -50%);
}
.price-scale{
  margin-top:4px;
  display:flex;
  justify-content:space-between;
  color:#6b7280;
  font-size:12px;
}

.assistant{
  margin-top:14px;
  border:none;
  border-radius:16px;
  background:transparent;
  padding:8px 2px 6px;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:0;
  height:auto;
  max-height:none;
  overflow:visible;
}
.assistant-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.assistant-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.assistant-badge{
  width:34px;
  height:34px;
  border-radius:999px;
  background:linear-gradient(180deg, #163d73 0%, #0d2447 100%);
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  border:1px solid rgba(46,125,246,.55);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 8px 18px rgba(11,39,80,.18),
    0 0 16px rgba(46,125,246,.16);
}
.assistant-sparkle-icon{
  width:16px;
  height:16px;
  display:block;
  fill:currentColor;
}
.assistant-sparkle-icon-small{
  width:15px;
  height:15px;
}
.assistant-title strong{
  font-size:22px;
  line-height:1;
  font-weight:800;
}
.assistant-new{
  display:inline-flex;
  align-items:center;
  height:22px;
  border-radius:8px;
  padding:0 8px;
  background:#d71f28;
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.assistant-clear{
  border:none;
  background:transparent;
  color:#b91c1c;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.assistant-clear:hover{
  text-decoration:underline;
}
.assistant:not(.has-chat) .assistant-new{
  display:none;
}
.assistant.ai-unavailable .assistant-new{
  display:inline-flex;
  background:#475569;
  color:#fff;
}
.assistant:not(.has-chat) .assistant-clear{
  display:none;
}
.assistant.ai-unavailable .assistant-clear{
  display:none;
}
.ai-chat{
  border:none;
  border-radius:0;
  background:transparent;
  padding:2px 0 10px;
  flex:0 0 auto;
  min-height:0;
  max-height:none;
  height:auto;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scrollbar-gutter:stable both-edges;
  display:block;
}
.assistant.has-chat .ai-chat{
  min-height:72px;
  max-height:min(46vh, 420px);
  overflow-y:auto;
}
.ai-chat-empty{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.ai-welcome{
  width:100%;
  max-width:none;
  margin:0;
  text-align:center;
  padding:2px 0 0;
  color:#334155;
}
.ai-welcome-text{
  margin:0;
  font-size:13px;
  line-height:1.45;
  font-weight:500;
}
.ai-welcome-state{
  margin:0 0 6px;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#b91c1c;
}
.assistant.ai-unavailable .ai-welcome{
  text-align:left;
  padding:4px 0 0;
}
.assistant.ai-unavailable .ai-welcome-text{
  color:#475569;
}
.ai-chat::-webkit-scrollbar{
  width:8px;
}
.ai-chat::-webkit-scrollbar-thumb{
  background:#c7cfdb;
  border-radius:999px;
}
.ai-chat::-webkit-scrollbar-track{
  background:transparent;
}
.assistant:not(.has-chat) .ai-chat{
  flex:0 0 auto;
  height:auto;
  max-height:none;
  overflow:visible;
  padding-bottom:0;
}
.assistant:not(.has-chat) .assistant-composer{
  margin-top:6px;
}
.ai-msg{
  display:block;
  width:100%;
  min-width:0;
  margin:0 0 10px;
}
.ai-msg:last-child{
  margin-bottom:0;
}
.ai-msg.assistant{
  display:grid;
  grid-template-columns:30px minmax(0, 1fr);
  align-items:start;
  column-gap:8px;
}
.ai-msg.assistant.typing{
  grid-template-columns:30px auto;
  align-items:center;
}
.ai-msg.assistant.typing{
  display:grid !important;
  grid-template-columns:30px minmax(0, 1fr) !important;
  column-gap:8px !important;
  justify-items:start !important;
}
.ai-msg.assistant.typing .ai-msg-avatar{
  align-self:center !important;
  justify-self:start !important;
}
.ai-msg.assistant.typing .ai-typing{
  justify-self:start !important;
  text-align:left !important;
}
.ai-msg.user{
  display:flex;
  justify-content:flex-end;
}
.ai-msg.user .ai-msg-avatar{
  display:none;
}
.ai-msg.assistant .ai-msg-avatar{
  width:30px;
  height:30px;
  border-radius:999px;
  background:linear-gradient(180deg, #163d73 0%, #0d2447 100%);
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:1px solid rgba(46,125,246,.55);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 8px 18px rgba(11,39,80,.12),
    0 0 12px rgba(46,125,246,.12);
}
.ai-msg-bubble{
  max-width:100%;
  border-radius:16px;
  padding:10px;
  font-size:13px;
  line-height:1.4;
  color:#1f2937;
  background:#f8fafc;
  border:none;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.ai-msg.assistant .ai-msg-bubble{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  height:auto;
  min-height:0;
  background:transparent;
  box-shadow:none;
  padding:0;
  border-radius:0;
}
.ai-msg.user .ai-msg-bubble{
  width:auto;
  max-width:94%;
  margin-left:auto;
  background:#eef2ff;
  box-shadow:0 1px 2px rgba(15,23,42,.06);
}
.ai-msg.pending .ai-msg-bubble{
  color:#94a3b8;
  font-style:italic;
  background:transparent;
}
.ai-msg.assistant.pending .ai-msg-bubble{
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:none;
  padding:0;
  min-width:0;
  background:transparent;
  box-shadow:none;
  border-radius:0;
}
.ai-typing{
  display:inline-flex;
  align-items:center;
  min-width:0;
  color:#94a3b8;
  font-size:13px;
  line-height:1.25;
  font-style:italic;
}
.ai-msg-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.ai-action-link{
  display:inline;
  color:#2563eb;
  text-decoration:none;
  font-size:12px;
  font-weight:600;
  word-break:break-all;
}
.ai-action-link:hover{
  text-decoration:underline;
}
.ai-inline-link{
  color:#2563eb;
  text-decoration:underline;
  font-weight:600;
  word-break:break-all;
}
.ai-inline-link:hover{
  color:#1d4ed8;
}
.ai-suggest-list{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.ai-msg-actions .chip{
  border:1px solid #eef2f7;
  background:#f8fafc;
  color:#7b8694;
  border-radius:999px;
  padding:7px 14px;
  font-size:12px;
  line-height:1;
  font-weight:500;
  box-shadow:none;
  transition:border-color .18s ease, color .18s ease, background .18s ease, transform .18s ease;
}
.ai-msg-actions .chip:hover{
  border-color:#e2e8f0;
  background:#f1f5f9;
  color:#374151;
  transform:translateY(-1px);
}
.ai-suggest-link{
  display:inline;
  color:#2563eb;
  text-decoration:underline;
  font-size:12px;
  font-weight:600;
  word-break:break-all;
}
.ai-suggest-link:hover{
  color:#1d4ed8;
}
.ai-products{
  margin-top:8px;
  display:grid;
  gap:8px;
}
.ai-product{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:8px;
  align-items:center;
  text-decoration:none;
  border:1px solid #edf2f7;
  border-radius:10px;
  background:#fff;
  padding:6px;
}
.ai-product:hover{
  border-color:#e2e8f0;
}
.ai-product-img{
  width:50px;
  height:50px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid #e5e7eb;
  background:#fff;
}
.ai-product-name{
  display:block;
  color:#111827;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
}
.ai-product-price{
  display:block;
  margin-top:2px;
  color:var(--price-new-color);
  font-size:12px;
  font-weight:700;
}
.assistant-composer{
  border:1px solid #c8cfda;
  border-radius:18px;
  background:#fff;
  padding:10px 12px 8px;
}
.assistant.ai-unavailable .assistant-composer{
  opacity:.72;
}
.assistant textarea{
  width:100%;
  min-height:34px;
  max-height:76px;
  border:none;
  outline:none;
  resize:none;
  padding:0;
  margin:0;
  background:transparent;
  font-family:'Manrope',sans-serif;
  font-size:14px;
  line-height:1.28;
  color:#334155;
}
.assistant textarea::placeholder{
  color:#8692a3;
}
.assistant.ai-unavailable textarea,
.assistant.ai-unavailable .ai-send-btn,
.assistant.ai-unavailable .ai-mini-mic{
  cursor:not-allowed;
}
.assistant.ai-unavailable .ai-send-btn:disabled,
.assistant.ai-unavailable .ai-mini-mic:disabled{
  opacity:.65;
}
.assistant-actions{
  margin-top:6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.assistant-actions-left{
  display:flex;
  align-items:center;
  gap:8px;
}
.ai-icon-btn{
  width:28px;
  height:28px;
  border:none;
  border-radius:999px;
  background:#fff;
  border:1px solid #e5e7eb;
  color:#738096;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
}
.ai-icon-btn[data-tooltip]{
  position:relative;
}
.ai-icon-btn[data-tooltip]::before{
  content:'';
  position:absolute;
  left:14px;
  bottom:calc(100% + 6px);
  transform:none;
  border-width:6px 6px 0;
  border-style:solid;
  border-color:#111827 transparent transparent;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease, visibility .18s ease;
  z-index:20;
}
.ai-icon-btn[data-tooltip]::after{
  content:attr(data-tooltip);
  position:absolute;
  left:0;
  bottom:calc(100% + 12px);
  transform:none;
  width:max-content;
  max-width:min(220px, calc(100vw - 56px));
  padding:9px 11px;
  border-radius:12px;
  background:#111827;
  color:#fff;
  font-size:11px;
  line-height:1.45;
  font-weight:600;
  text-align:left;
  box-shadow:0 14px 28px rgba(15,23,42,.24);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease, visibility .18s ease;
  z-index:20;
}
.ai-icon-btn[data-tooltip]:hover::before,
.ai-icon-btn[data-tooltip]:hover::after,
.ai-icon-btn[data-tooltip]:focus-visible::before,
.ai-icon-btn[data-tooltip]:focus-visible::after{
  opacity:1;
  visibility:visible;
}
.ai-icon-btn:hover{background:#fff;color:#4b5563;border-color:#d1d5db}
.ai-icon{
  width:17px;
  height:17px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
}
.ai-icon.info{
  fill:none;
}
.ai-mini-mic.listening{
  background:#ffe4e6;
  color:#d91f26;
}
.ai-send-btn{
  width:32px;
  height:32px;
  border:none;
  border-radius:999px;
  background:#fff;
  color:#6b7280;
  border:1px solid #d3d8e2;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
}
.ai-send-btn:hover{
  color:#d91f26;
  border-color:#d91f26;
}
.ai-send-icon{
  width:17px;
  height:17px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
}

.result-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}
.rule-url-box{
  display:none;
  margin:0 0 12px;
  border:1px solid #fecaca;
  background:#fff5f5;
  border-radius:10px;
  padding:10px 12px;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.rule-url-box.show{
  display:flex;
}
.rule-url-label{
  font-size:13px;
  color:#7f1d1d;
}
.rule-url-path{
  font-size:12px;
  color:#991b1b;
  word-break:break-all;
}
.rule-url-btn{
  border:1px solid #ef4444;
  background:#dc2626;
  color:#fff;
  border-radius:999px;
  padding:6px 12px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
}
.rule-url-btn:hover{
  background:#b91c1c;
}
.rule-url-box.rule-url-box-card{
  display:block;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}
.rule-product-card{
  display:grid;
  grid-template-columns:116px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:14px;
  border:1px solid #d7dde8;
  border-radius:22px;
  background:#fff;
  text-decoration:none;
  color:#0f172a;
  box-shadow:0 14px 34px rgba(15, 23, 42, .08);
}
.rule-product-media{
  display:block;
  width:116px;
  height:116px;
  border-radius:16px;
  overflow:hidden;
  background:#f8fafc;
  border:1px solid #e5e7eb;
}
.rule-product-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.rule-product-copy{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.rule-product-label{
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#991b1b;
}
.rule-product-title{
  font-size:20px;
  line-height:1.15;
  color:#111827;
}
.rule-product-subtitle{
  font-size:13px;
  line-height:1.4;
  color:#6b7280;
}
.rule-product-cta{
  font-size:13px;
  font-weight:800;
  color:#dc2626;
}
.result-meta{
  font-size:13px;
  color:#374151;
}
.results-title{
  margin:0;
  font-size:24px;
}
.sort{
  border:1px solid #cdd2db;
  border-radius:8px;
  background:#fff;
  padding:6px 8px;
  font-size:12px;
}
.initial-results-view{
  position:relative;
  min-width:0;
}
.initial-carousel{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:0 30px;
}
.initial-track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 6px 8px;
  scroll-behavior:auto;
  width:100%;
  max-width:100%;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
}
.initial-track.is-animating{
  scroll-snap-type:none;
}
.initial-track::-webkit-scrollbar{
  width:0;
  height:0;
}
.initial-card{
  min-width:280px;
  max-width:280px;
  border:1px solid #d2d7df;
  border-radius:6px;
  background:#fff;
  padding:10px;
  position:relative;
  overflow:hidden;
  transition:border-color .18s ease;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.initial-card .initial-media{
  width:100%;
  height:340px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  position:relative;
  z-index:1;
}
.initial-card img{
  width:100%;
  height:340px;
  object-fit:cover;
  border:none;
}
.initial-card.manual-card{
  background:#ffffff;
}
.initial-card.manual-card .initial-media{
  background:#fff;
  border-color:#e5e7eb;
}
.initial-card.manual-card img{
  object-fit:contain;
  padding:14px;
}
.manual-title{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:88%;
  text-align:center;
  color:#ffffff;
  font-size:var(--manual-title-size);
  line-height:1.02;
  font-weight:800;
  text-shadow:0 3px 10px rgba(0,0,0,.45);
  pointer-events:none;
}
.manual-subtitle{
  margin-top:8px;
  font-size:var(--manual-subtitle-size);
  color:#6b7280;
  min-height:16px;
}
.initial-card:hover,
.initial-card:focus-within{
  border-color:#d91f26;
}
.initial-scroll{
  position:absolute;
  top:48%;
  transform:translateY(-50%);
  border:none;
  background:transparent;
  border-radius:0;
  width:34px;
  height:76px;
  box-shadow:none;
  color:#d91f26;
  font-size:56px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color .18s ease, opacity .18s ease;
}
.initial-scroll.left{
  left:-2px;
}
.initial-scroll.right{
  right:-2px;
}
.initial-scroll:hover{
  color:#b80d1b;
}
.initial-scroll:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.initial-scroll.hidden{
  display:none;
}
.search-results-view{
  display:block;
}
.search-modal .grid{
  --result-card-width:280px;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(var(--result-card-width),1fr));
  gap:10px;
  justify-items:start;
}
.search-modal .product{
  border:1px solid #d2d7df;
  border-radius:6px;
  background:#fff;
  padding:10px;
  position:relative;
  transition:border-color .18s ease;
  width:var(--result-card-width);
  max-width:100%;
}
.search-modal .product .product-media{
  width:100%;
  height:340px;
  border:1px solid #e5e7eb;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.search-modal .product img{
  width:100%;
  height:340px;
  object-fit:cover;
  border:none;
}
.search-modal .product img.img-missing{
  object-fit:contain;
  background:#fff;
}
.search-modal .product:hover,
.search-modal .product:focus-within{
  border-color:#d91f26;
}
.search-modal .price-wrap{
  margin-top:2px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.search-modal .badge-row{
  margin:8px 0 2px;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.search-modal .tag-new{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:19px;
  border-radius:4px;
  background:var(--new-badge-bg);
  color:var(--new-badge-text);
  padding:2px 8px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1;
  text-transform:uppercase;
}
.search-modal .disc{
  position:static;
  background:var(--discount-badge-bg);
  color:var(--discount-badge-text);
  border-radius:3px;
  padding:4px 8px;
  font-size:12px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:4px;
  line-height:1;
  box-shadow:none;
}
.search-modal .disc-number{
  color:var(--discount-number-color);
  font-weight:800;
}
.search-modal .disc-auto{
  display:inline-flex;
  align-items:center;
  border-radius:4px;
  background:var(--discount-badge-bg);
  color:var(--discount-badge-text);
  padding:3px 8px;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
  max-width:100%;
}
.search-modal .name{
  margin:8px 0 6px;
  font-size:12px;
  line-height:1.35;
  min-height:33px;
}
.search-modal .price{
  font-size:20px;
  font-weight:800;
  color:var(--price-regular-color);
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.search-modal .old{
  font-size:13px;
  color:var(--price-old-color);
  text-decoration:line-through;
  margin-right:0;
}
.search-modal .new{
  color:var(--price-new-color);
}
.search-modal .status{
  margin-top:8px;
  font-size:12px;
  color:#64748b;
}
.search-modal .status:empty{
  display:none !important;
}
.modal-panel.initial-mode .filters-top,
.modal-panel.initial-mode .filter-block{
  display:none;
}
.modal-panel.search-mode .popular-block{
  display:none;
}
.modal-panel.initial-mode .search-results-view{
  display:none;
}
.modal-panel.search-mode .initial-results-view{
  display:none;
}
.modal-panel.search-mode.ai-show-recommended .initial-results-view{
  display:block;
}
@media (max-width:1080px){
  .topbar-inner{grid-template-columns:240px 1fr 170px}
  .nav{gap:18px}
  .result-area{grid-template-columns:1fr}
  .chip-row{margin-left:0}
  .modal-head{grid-template-columns:1fr}
  .search-modal .grid{--result-card-width:220px;grid-template-columns:repeat(auto-fill,minmax(var(--result-card-width),1fr))}
  .initial-scroll{display:none}
}
@media (max-width:900px){
  .home-placeholder{
    height:calc(100vh - 116px);
    min-height:0;
    margin:12px auto 18px;
    border-radius:22px;
  }
  .home-placeholder::after{
    bottom:86px;
    left:6%;
    right:6%;
  }
  .fight-stage{
    height:100%;
    min-height:0;
    padding:22px 18px 16px;
    gap:14px;
  }
  .fight-copy{
    gap:10px;
  }
  .fight-title{
    font-size:clamp(28px,9vw,48px);
  }
  .fight-subtitle{
    font-size:14px;
  }
  .fight-gif-frame{
    padding:8px;
    border-radius:18px;
  }
  .fight-gif-frame img{
    height:min(24vh,180px);
    border-radius:14px;
  }
  .result-area{
    margin-top:10px;
    grid-template-columns:1fr;
    gap:0;
  }
  .chip-row{
    margin:8px 0 0;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
  }
  .chip-head{
    flex:0 0 auto;
    min-width:0;
  }
  .chip-ai-btn{
    display:inline-flex;
    height:28px;
    padding:0 11px;
    font-size:12px;
  }
  .modal-panel.search-mode .chip-ai-btn{
    display:none !important;
  }
  .chip-track{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
    overflow:auto hidden;
    padding-bottom:2px;
  }
  .chip-empty{
    font-size:13px;
  }
  .chip-ai-btn{
    flex:0 0 auto;
  }
  .clear-latest{
    flex:0 0 auto;
  }
  .filters{
    border-right:none;
    padding-right:0;
  }
  .initial-carousel{
    padding:0;
    overflow:visible;
  }
  .modal-panel.initial-mode .initial-track{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .modal-panel.initial-mode .initial-results-view,
  .modal-panel.initial-mode .initial-carousel{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .modal-panel.initial-mode .results{
    overflow-x:hidden !important;
  }
  .modal-panel.initial-mode .initial-card{
    min-width:0 !important;
    max-width:none !important;
    width:auto !important;
    padding:8px !important;
    border-radius:4px !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }
  .modal-panel.initial-mode .initial-card .initial-media,
  .modal-panel.initial-mode .initial-card img{
    height:190px !important;
    border-radius:4px !important;
  }
  .search-modal .grid{
    --result-card-width:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    justify-items:stretch;
  }
  .search-modal .product{
    width:100%;
    max-width:none;
    padding:8px;
    border-radius:4px;
  }
  .search-modal .product .product-media,
  .search-modal .product img{
    height:190px;
    border-radius:4px;
  }
}
@media (max-width:760px){
  .search-modal{padding:8px}
  .modal-panel{
    min-height:0;
    height:calc(100vh - 16px);
    max-height:calc(100vh - 16px);
    padding:10px 8px 12px;
    border-radius:10px;
  }
  .modal-head{
    grid-template-columns:auto 1fr auto;
    gap:6px;
    align-items:center;
  }
  .modal-logo{
    width:auto;
    min-width:0;
  }
  .modal-logo img{
    display:none;
  }
  .mobile-back-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .search-start-icon{
    display:none;
  }
  .search-line{
    padding:0 0 8px;
  }
  .search-line input{
    font-size:23px;
    line-height:1.15;
  }
  .head-actions{
    gap:4px;
  }
  .head-actions .icon-btn.voice{
    display:none;
  }
  .head-actions .icon-btn{
    font-size:24px;
  }
  .scroll-top-btn{
    right:28px;
    bottom:22px;
    width:46px;
    height:46px;
    z-index:245;
  }
  .scroll-top-btn-icon{
    width:24px;
    height:24px;
  }
  .chip-row{
    margin:8px 0 0;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
  }
  .chip-head{
    flex:0 0 auto;
    min-width:0;
  }
  .chip-label{
    font-size:14px;
    font-weight:600;
  }
  .chip-ai-btn{
    display:inline-flex;
    height:28px;
    padding:0 11px;
    font-size:12px;
  }
  .modal-panel.search-mode .chip-ai-btn{
    display:none !important;
  }
  .chip-track{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
    overflow:auto hidden;
    padding-bottom:2px;
  }
  .chip-ai-btn{
    flex:0 0 auto;
  }
  .chip{
    font-size:13px;
    padding:7px 12px;
    white-space:nowrap;
  }
  .clear-latest{
    font-size:14px;
    font-weight:700;
  }
  .mobile-mode-tabs{
    margin-top:8px;
    display:none;
    gap:8px;
    position:sticky;
    top:0;
    z-index:60;
    background:#fff;
    padding:6px 0;
  }
  .modal-panel.search-mode .mobile-mode-tabs{
    display:flex;
  }
  .mobile-mode-tab{
    flex:1 1 0;
    height:36px;
    font-size:14px;
  }
  .quick-strip{
    margin-top:10px;
  }
  .modal-panel.search-mode .quick-strip{
    display:none !important;
  }
  .result-area{
    margin-top:10px;
    grid-template-columns:1fr;
    gap:0;
  }
  .filters{
    border-right:none;
    padding-right:0;
  }
  .modal-panel.initial-mode .filters{
    margin-bottom:10px;
  }
  .modal-panel.initial-mode .filters-top,
  .modal-panel.initial-mode .filter-block,
  .modal-panel.initial-mode .result-area .assistant{
    display:none !important;
  }
  .modal-panel.initial-mode .popular-block{
    display:block;
  }
  .modal-panel.initial-mode .recent-block{
    display:block;
  }
  .modal-panel.search-mode .filters{
    display:none;
  }
  .modal-panel.search-mode.mobile-show-filters .filters,
  .modal-panel.search-mode.mobile-show-ai .filters{
    display:block;
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    z-index:20;
    background:#fff;
    border:1px solid #d7dce5;
    border-radius:12px;
    padding:12px;
    max-height:calc(100vh - 240px);
    overflow:auto;
    box-shadow:0 14px 30px rgba(15,23,42,.18);
  }
  .modal-panel.search-mode.mobile-show-ai .filters{
    display:flex;
    flex-direction:column;
    min-height:0;
    max-height:calc(100dvh - 170px);
    overflow:hidden;
    padding:10px 10px 8px;
  }
  .modal-panel.search-mode.mobile-show-filters .results,
  .modal-panel.search-mode.mobile-show-ai .results{
    display:none;
  }
  .modal-panel.search-mode.mobile-show-filters .filters{
    border-top:3px solid #d91f26;
  }
  .modal-panel.search-mode.mobile-show-filters .assistant{
    display:none !important;
  }
  .modal-panel.search-mode.mobile-show-filters .popular-block{
    display:none !important;
  }
  .modal-panel.search-mode.mobile-show-ai .filters-top,
  .modal-panel.search-mode.mobile-show-ai .filter-block,
  .modal-panel.search-mode.mobile-show-ai .popular-block{
    display:none !important;
  }
.modal-panel.search-mode.mobile-show-ai .assistant{
    display:flex !important;
    flex-direction:column;
    margin-top:0;
    padding-top:0;
    flex:0 1 auto;
    min-height:0;
    max-height:none;
    height:auto;
  }
  .modal-panel.search-mode.mobile-show-ai .assistant:not(.has-chat){
    flex:0 0 auto;
    height:auto;
    max-height:none;
  }
  .modal-panel.search-mode.mobile-show-ai .ai-chat{
    flex:0 0 auto;
    min-height:0;
    max-height:none;
    height:auto;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }
  .modal-panel.search-mode.mobile-show-ai .assistant.has-chat .ai-chat{
    min-height:92px;
    max-height:min(50dvh, 420px);
  }
  .modal-panel.search-mode.mobile-show-ai .assistant:not(.has-chat) .ai-chat{
    flex:0 0 auto;
    height:auto;
    max-height:none;
    overflow:visible;
    padding-bottom:0;
  }
  .ai-welcome{
    max-width:none;
    padding:0;
  }
  .ai-welcome-text{
    font-size:13px;
    line-height:1.45;
  }
  .modal-panel.search-mode .result-head{
    align-items:center;
    margin:2px 0 8px;
  }
  .modal-panel.search-mode .results-title{
    display:none;
  }
  .modal-panel.search-mode #searchMeta{
    font-size:14px;
    color:#334155;
  }
  .modal-panel.search-mode .sort{
    border:none;
    background:transparent;
    padding:0;
    font-size:14px;
    font-weight:600;
    color:#111827;
  }
  .initial-carousel{
    padding:0;
    overflow:visible;
  }
  .modal-panel.initial-mode .initial-track{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    padding:0 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .modal-panel.initial-mode .initial-card{
    min-width:0 !important;
    max-width:none !important;
    width:auto !important;
    padding:8px !important;
    border-radius:4px !important;
    margin:0 !important;
  }
  .modal-panel.initial-mode .initial-card .initial-media,
  .modal-panel.initial-mode .initial-card img{
    height:190px !important;
    border-radius:4px !important;
  }
  .search-modal .grid{
    --result-card-width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .search-modal .product{
    width:100%;
    padding:8px;
    border-radius:4px;
  }
  .search-modal .product .product-media,
  .search-modal .product img{
    height:190px;
    border-radius:4px;
  }
  .search-modal .name{
    margin:8px 0 6px;
    font-size:13px;
    min-height:38px;
  }
  .search-modal .price{
    font-size:15px;
  }
  .topbar-inner{
    height:auto;
    grid-template-columns:1fr;
    padding:8px 0;
  }
  .tools{justify-self:start}
  .nav{
    height:auto;
    flex-wrap:wrap;
    justify-content:flex-start;
    padding:8px 0 12px;
  }
  .assistant-title strong{
    font-size:18px;
  }
  .manual-title{
    font-size:min(var(--manual-title-size), 34px);
  }
}

/* Rediseño oscuro + Assist desplegable */
.search-modal{
  background:rgba(5,8,14,.62);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  padding:18px;
}
.modal-panel{
  position:relative;
  width:min(1420px,97vw);
  max-height:calc(100vh - 36px);
  padding:20px 22px 22px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 18% 14%, rgba(46,125,246,.14), transparent 28%),
    radial-gradient(circle at 82% 24%, rgba(255,255,255,.08), transparent 22%),
    linear-gradient(180deg, #06070c 0%, #090c14 44%, #05060a 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 24px 70px rgba(0,0,0,.42);
  color:#f5f7fb;
}
.modal-head{
  position:sticky;
  top:-20px;
  z-index:35;
  grid-template-columns:220px minmax(0,1fr) auto;
  gap:22px;
  margin:-20px -22px 18px;
  padding:18px 22px;
  background:rgba(255,255,255,.97);
  border-radius:30px 30px 20px 20px;
  border-bottom:1px solid rgba(12,18,32,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.modal-logo{
  width:220px;
  gap:12px;
}
.modal-logo img{
  width:170px;
  padding-top:0;
}
.search-wrap{
  min-width:0;
}
.search-line{
  min-height:62px;
  border:none;
  border-radius:999px;
  background:#0a0d14;
  padding:0 20px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 8px 18px rgba(0,0,0,.12);
}
.search-start-icon{
  width:28px;
  height:28px;
  background:transparent;
}
.search-icon{
  width:22px;
  height:22px;
  stroke:#a5b0c3;
}
.search-line input{
  color:#fff;
  font-size:18px;
  font-weight:700;
  letter-spacing:.01em;
}
.search-line input::placeholder{
  color:#a5b0c3;
}
.head-actions{
  gap:12px;
}
.assist-btn{
  height:58px;
  min-width:164px;
  padding:0 22px;
  border-radius:999px;
  border:1px solid rgba(46,125,246,.65);
  background:linear-gradient(180deg, #163d73 0%, #0d2447 100%);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:17px;
  font-weight:800;
  cursor:pointer;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 10px 24px rgba(11,39,80,.28),
    0 0 24px rgba(46,125,246,.2);
  transition:.22s ease;
}
.assist-btn:hover,
.assist-btn.active{
  transform:translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 14px 28px rgba(11,39,80,.36),
    0 0 28px rgba(46,125,246,.28);
}
.assist-stars{
  font-size:14px;
  letter-spacing:1px;
  line-height:1;
}
.head-actions .icon-btn{
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(12,18,32,.08);
  background:#fff;
  color:#0c1220;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  font-size:26px;
}
.head-actions .icon-btn.voice{
  font-size:20px;
}
.head-actions .icon-btn:hover{
  border-color:rgba(12,18,32,.16);
}
.chip-row{
  margin:0 0 18px;
  padding:0 4px;
}
.chip-label{
  color:#dbe2ee;
  font-size:14px;
}
.chip{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#f5f7fb;
}
.chip:hover{
  border-color:rgba(239,68,68,.65);
  color:#fff;
}
.chip-remove{
  color:#bcc5d4;
}
.clear-latest{
  color:#ff6b6b;
}
.quick-strip{
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.03);
  color:#f5f7fb;
}
.quick-help,
.quick-count{
  color:#c8d1df;
}
.quick-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.quick-card:hover{
  border-color:rgba(239,68,68,.58);
}
.result-area{
  gap:24px;
  grid-template-columns:340px minmax(0,1fr);
  align-items:start;
}
.filters,
.results{
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(14,16,25,.84), rgba(10,12,18,.88));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 20px 60px rgba(0,0,0,.28);
}
.filters{
  padding:26px;
  border-right:none;
}
.results{
  padding:22px;
}
.chip-row{
  display:none;
}
.sidebar-section-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
}
.sidebar-section-icon{
  width:58px;
  height:58px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 30% 30%, rgba(45,52,72,.98), rgba(25,29,41,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 4px rgba(255,255,255,.04);
  flex:0 0 auto;
}
.sidebar-section-icon svg{
  width:24px;
  height:24px;
  fill:#fff;
}
.popular-block,
.recent-block{
  margin:0;
}
.popular-block h5,
.recent-block h5{
  margin:0;
  font-size:18px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.02em;
  color:#f5f7fb;
}
.popular-list,
.recent-list{
  margin:0;
  padding:0;
  list-style:none;
}
.popular-list li{
  margin:0;
  padding:11px 0;
  display:flex;
  align-items:center;
  gap:12px;
  color:#eef3fb;
  font-size:14px;
  cursor:pointer;
}
.popular-list li::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.45);
  flex:0 0 auto;
}
.popular-list li:hover{
  color:#ffffff;
}
.recent-block{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.recent-head{
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.recent-clear{
  padding-top:4px;
  font-size:12px;
  line-height:1.2;
  text-align:right;
}
.recent-list li{
  margin:0;
}
.recent-item{
  width:100%;
  border:none;
  background:transparent;
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 0;
  color:#eef3fb;
  text-align:left;
  cursor:pointer;
  font-size:14px;
}
.recent-item:hover{
  color:#ffffff;
}
.recent-item-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#dbe2ee;
  flex:0 0 auto;
}
.recent-item-icon svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
  stroke-linecap:round;
}
.recent-empty{
  padding:10px 0 0;
  color:#95a3b8;
  font-size:13px;
}
.filters-top h4,
.results-title,
.facet-toggle,
.facet-toggle .facet-chevron,
.facet-item,
.popular-block h5,
.sort{
  color:#f5f7fb;
}
.popular-list li,
.facet-count,
.result-meta,
.search-modal .status,
.facet-hint{
  color:#aeb8c7;
}
.size-more{
  color:#c8d1df;
  background:linear-gradient(180deg, rgba(6,7,12,0), rgba(10,12,18,.96) 42%);
}
.clear-btn{
  color:#ff6b6b;
}
.filter-block{
  background:transparent;
}
.facet-list{
  scrollbar-color:rgba(255,255,255,.22) transparent;
}
.sort{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  border-radius:14px;
}
.rule-url-box.show{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
}
.rule-url-label,
.rule-url-path{
  color:#dbe2ee;
}
.rule-url-btn{
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
}
.search-modal .grid{
  gap:18px;
}
.search-modal .product,
.search-modal .initial-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:rgba(255,255,255,.03);
  box-shadow:none;
}
.search-modal .product:hover,
.search-modal .initial-card:hover,
.search-modal .initial-card:focus-within{
  border-color:rgba(255,255,255,.14);
  transform:translateY(-2px);
}
.search-modal .product .product-media,
.search-modal .initial-card .initial-media{
  border-radius:18px;
}
.search-modal .name{
  color:#f5f7fb;
}
.search-modal .price{
  color:#f5f7fb;
}
.search-modal .price .old{
  color:#93a0b4;
}
.result-meta,
.search-modal .status,
.manual-subtitle{
  color:#aeb8c7;
}
.assistant-drawer{
  position:fixed;
  top:var(--assistant-fixed-top, 96px);
  left:var(--assistant-fixed-left, auto);
  right:var(--assistant-fixed-right, 18px);
  bottom:auto;
  width:var(--assistant-fixed-width, min(390px, calc(100vw - 36px)));
  z-index:1250;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-10px) scale(.98);
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
}
.assistant-drawer.open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.assistant-drawer .assistant{
  margin-top:0;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px;
  background:rgba(11,14,22,.97);
  box-shadow:
    0 24px 44px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.03);
  padding:18px 18px 14px;
  max-height:var(--assistant-max-height, min(72vh, 620px));
  overflow:hidden;
}
.assistant-head{
  flex:0 0 auto;
  margin-bottom:6px;
}
.assistant-title strong{
  color:#fff;
}
.assistant-clear{
  color:#ff7a7a;
}
.ai-chat{
  flex:1 1 auto;
  min-height:0;
  padding:4px 0 10px;
  overflow:auto;
}
.assistant.has-chat .ai-chat{
  max-height:var(--assistant-chat-max-height, min(48vh, 430px));
}
.ai-welcome-text,
.ai-msg.assistant .ai-msg-bubble,
.ai-typing{
  color:#eef2ff;
}
.ai-msg.user .ai-msg-bubble{
  background:rgba(255,255,255,.08);
  color:#fff;
  box-shadow:none;
}
.ai-msg.assistant .ai-msg-avatar{
  background:#d71f28;
}
.assistant-composer{
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}
.assistant textarea{
  color:#f5f7fb;
}
.assistant textarea::placeholder{
  color:#aeb8c7;
}
.ai-icon-btn{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  color:#c7d0de;
}
.ai-send-btn{
  background:#fff;
  color:#0f172a;
}
.ai-msg-actions .chip{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#dbe2ee;
}
.ai-msg-actions .chip:hover{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
}
.ai-product{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}
.ai-product-name{
  color:#fff;
}
.ai-product-price{
  color:#ff9f9f;
}
@media (min-width: 1101px){
  .modal-panel.assistant-open .results,
  .modal-panel.assistant-open .chip-row{
    padding-right:0 !important;
  }
}
@media (max-width: 1100px){
  .modal-panel{
    width:min(98vw, 1420px);
  }
  .modal-head{
    top:-20px;
    grid-template-columns:1fr;
    gap:14px;
  }
  .modal-logo{
    width:auto;
  }
  .head-actions{
    justify-content:flex-end;
    flex-wrap:wrap;
  }
  .result-area{
    grid-template-columns:1fr;
  }
  .filters,
  .results{
    padding:20px;
  }
  .assistant-drawer{
    top:var(--assistant-fixed-top, 132px);
    left:var(--assistant-fixed-left, auto);
    right:var(--assistant-fixed-right, 18px);
    width:var(--assistant-fixed-width, min(390px, calc(100vw - 36px)));
  }
  .modal-panel.assistant-open .results,
  .modal-panel.assistant-open .chip-row{
    padding-right:0;
  }
}
@media (max-width: 760px){
  .search-modal{
    padding:8px;
  }
  .modal-panel{
    padding:12px;
    border-radius:24px;
    max-height:calc(100vh - 16px);
  }
  .modal-head{
    top:-12px;
    margin:-12px -12px 14px;
    padding:14px 12px;
    border-radius:24px 24px 16px 16px;
  }
  .search-line{
    min-height:54px;
    padding:0 16px;
  }
  .search-line input{
    font-size:16px;
  }
  .assist-btn{
    min-width:auto;
    height:48px;
    padding:0 16px;
    font-size:15px;
  }
  .head-actions .icon-btn{
    width:44px;
    height:44px;
  }
  .chip-row{
    padding:0;
  }
  .filters,
  .results{
    border-radius:22px;
    padding:16px;
  }
  .assistant-drawer{
    top:var(--assistant-fixed-top, 116px);
    left:var(--assistant-fixed-left, 10px);
    right:var(--assistant-fixed-right, 10px);
    bottom:auto;
    width:var(--assistant-fixed-width, calc(100vw - 20px));
  }
  .assistant-drawer .assistant{
    border-radius:24px;
    padding:16px;
  }
  .assistant.has-chat .ai-chat{
    max-height:calc(62vh - 150px);
  }
}

/* Resultados en lista + carrito + filtros arriba */
.cart-btn{
  position:relative;
  text-decoration:none;
}
.cart-icon{
  width:22px;
  height:22px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
}
.cart-count-badge{
  position:absolute;
  top:-5px;
  right:-4px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  border:2px solid #fff;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.cart-count-badge.is-hidden{
  display:none;
}
.assist-stars{
  position:relative;
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.assist-spark-primary,
.assist-spark-secondary{
  position:absolute;
  display:block;
  background:linear-gradient(180deg, #d9ebff 0%, #7db2ff 100%);
  border-radius:999px;
}
.assist-spark-primary{
  width:12px;
  height:12px;
  clip-path:polygon(50% 0%, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0% 50%, 38% 38%);
  box-shadow:0 0 10px rgba(125,178,255,.4);
}
.assist-spark-secondary{
  width:6px;
  height:6px;
  right:0;
  top:0;
  clip-path:polygon(50% 0%, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0% 50%, 38% 38%);
}
.assist-spark-dot{
  position:absolute;
  left:1px;
  bottom:2px;
  width:3px;
  height:3px;
  border-radius:999px;
  background:#cde0ff;
}
.assistant-badge,
.ai-msg.assistant .ai-msg-avatar{
  background:linear-gradient(180deg, #163d73 0%, #0d2447 100%);
  color:#ffffff;
  border:1px solid rgba(46,125,246,.55);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 8px 18px rgba(11,39,80,.12),
    0 0 12px rgba(46,125,246,.12);
}
.ai-icon-btn,
.assistant-clear{
  color:#8fbaff;
}
.initial-carousel{
  padding:0;
  overflow:visible;
}
.initial-track{
  display:block;
  overflow:visible;
  padding:0;
  width:100%;
  max-width:100%;
}
.initial-scroll{
  display:none !important;
}
.initial-results-view,
.search-results-view{
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  background:linear-gradient(180deg, rgba(14,16,25,.84), rgba(10,12,18,.88));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 20px 60px rgba(0,0,0,.28);
  overflow:hidden;
}
.initial-results-view .result-head,
.search-results-view .result-head{
  padding:22px 24px 14px;
}
.initial-track .result-list,
.search-results-view .result-list{
  margin:0 24px 24px;
}
.modal-panel.search-mode .popular-block{
  display:none !important;
}
.modal-panel.search-mode .recent-block{
  display:none !important;
}
.modal-panel.search-mode .results{
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
  min-width:0;
}
.modal-panel.search-mode .grid{
  display:block;
}
.modal-panel.search-mode #ruleUrlBox,
.modal-panel.search-mode #status{
  padding-left:24px;
  padding-right:24px;
}
.modal-panel.search-mode #status{
  padding-bottom:18px;
}
.modal-panel.search-mode #status:empty{
  padding:0 !important;
}
.modal-panel.search-preview-mode .result-area{
  grid-template-columns:1fr;
  gap:16px;
}
.modal-panel.search-preview-mode .filters{
  display:none;
}
.modal-panel.search-expanded-mode .result-area{
  grid-template-columns:104px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.modal-panel.search-expanded-mode .filters{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.modal-panel.search-expanded-mode .filters-top{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin:0;
  padding:0 0 4px;
  border:none;
  background:transparent;
}
.modal-panel.search-expanded-mode .filters-top h4{
  margin:0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#8fa0b8;
}
.modal-panel.search-expanded-mode .clear-btn{
  padding:0;
  border:none;
  background:transparent;
  color:#ff7d7d;
  font-size:11px;
  letter-spacing:.12em;
}
.modal-panel.search-expanded-mode .filter-block{
  position:relative;
  min-width:0;
  margin:0;
  padding:0;
  border:none;
  background:transparent;
}
.modal-panel.search-expanded-mode .facet-toggle{
  min-height:44px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(255,255,255,.04);
  font-size:13px;
  font-weight:700;
  justify-content:space-between;
  color:#eef3fb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.modal-panel.search-expanded-mode .facet-toggle:hover{
  border-color:rgba(46,125,246,.45);
  background:rgba(46,125,246,.08);
}
.modal-panel.search-expanded-mode .filter-block .facet-list{
  display:none;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list{
  display:block;
  position:absolute;
  top:0;
  left:calc(100% + 14px);
  min-width:280px;
  max-width:320px;
  max-height:340px;
  z-index:40;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  background:#10141d;
  box-shadow:0 26px 48px rgba(0,0,0,.42);
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list::before{
  content:"";
  position:absolute;
  left:-8px;
  top:18px;
  width:14px;
  height:14px;
  background:#10141d;
  border-left:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  transform:rotate(45deg);
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list.size-list{
  max-height:280px;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .price-facet{
  min-width:300px;
}
.result-list{
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
}
.result-row{
  position:relative;
  display:grid;
  grid-template-columns:104px minmax(0,1fr) 58px;
  gap:20px;
  align-items:center;
  padding:20px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.result-row:last-child{
  border-bottom:none;
}
.result-row-empty{
  grid-template-columns:1fr;
}
.result-row-media{
  display:block;
  text-decoration:none;
}
.result-row-media img,
.result-row-media .img-fallback{
  width:104px;
  height:104px;
  object-fit:cover;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.1);
}
.result-row-main{
  min-width:0;
}
.result-row-badges{
  margin-bottom:10px;
}
.result-row-name{
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:22px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
  margin-bottom:8px;
}
.result-row-name-static{
  text-decoration:none;
}
.result-row-price{
  margin-bottom:8px;
  font-size:20px;
}
.result-row-promo{
  color:#8ab6ff;
  font-size:15px;
  font-weight:600;
}
.result-row-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  padding-right:10px;
}
.result-add-btn{
  width:48px;
  height:48px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.03);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  transition:.2s ease;
}
.result-add-btn:hover{
  background:rgba(255,255,255,.08);
  transform:scale(1.04);
}
.result-add-btn:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.result-add-btn.is-done{
  background:#2e7df6;
  border-color:#2e7df6;
}
.result-size-picker{
  display:none;
  grid-column:2 / 4;
  padding-top:4px;
}
.result-row.size-picker-open .result-size-picker{
  display:block;
}
.result-size-picker-head{
  color:#dbe2ee;
  font-size:12px;
  font-weight:700;
  margin-bottom:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.result-size-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.result-size-option{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#fff;
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.result-size-option:hover{
  border-color:#2e7df6;
  background:rgba(46,125,246,.14);
}
.results-more-btn{
  width:100%;
  min-width:100%;
  max-width:100%;
  border:1px solid #dbe3ee;
  border-top:1px solid #dbe3ee;
  background:#f8fafc;
  color:#111827;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:22px 16px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  box-sizing:border-box;
  align-self:stretch;
  flex:0 0 auto;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}
.results-more-btn:hover{
  background:#eef4fb;
  border-color:#cfd8e6;
  color:#0f172a;
}
.results-more-arrow{
  font-size:28px;
  line-height:1;
}
@media (max-width: 1100px){
  .modal-panel.search-expanded-mode .result-area{
    grid-template-columns:88px minmax(0,1fr);
    gap:14px;
  }
}
@media (max-width: 760px){
  .initial-results-view .result-head,
  .search-results-view .result-head{
    padding:18px 18px 12px;
  }
  .initial-track .result-list,
  .search-results-view .result-list{
    margin:0 18px 18px;
  }
  .modal-panel.search-expanded-mode .result-area{
    grid-template-columns:1fr;
    gap:12px;
  }
  .modal-panel.search-expanded-mode .filters{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
    overflow:visible;
  }
  .modal-panel.search-expanded-mode .filters-top{
    grid-column:1 / -1;
  }
  .modal-panel.search-expanded-mode .filter-block{
    min-width:0;
  }
  .modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list{
    left:0;
    right:auto;
    min-width:calc(100vw - 56px);
    max-width:calc(100vw - 56px);
  }
  .result-row{
    grid-template-columns:82px minmax(0,1fr) 44px;
    gap:14px;
    padding:16px;
  }
  .result-row-media img,
  .result-row-media .img-fallback{
    width:82px;
    height:82px;
    border-radius:14px;
  }
  .result-row-name{
    font-size:18px;
  }
  .result-row-price{
    font-size:18px;
  }
  .result-row-promo{
    font-size:13px;
  }
  .result-add-btn{
    width:42px;
    height:42px;
    font-size:28px;
  }
  .result-size-picker{
    grid-column:1 / -1;
  }
}

/* Tema blanco + lista inicial con scroll interno */
.quick-strip{
  display:none !important;
}
.search-modal{
  background:rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.modal-panel{
  background:#ffffff;
  box-shadow:0 28px 80px rgba(15,23,42,.12);
}
.filters,
.results,
.initial-results-view,
.search-results-view,
.assistant-drawer .assistant{
  background:#ffffff;
  border:1px solid #e6eaf1;
  box-shadow:0 18px 44px rgba(15,23,42,.06);
}
.sidebar-section-icon{
  background:radial-gradient(circle at 30% 30%, #f5f7fb, #eef2f7);
  border:1px solid #e4e9f1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.sidebar-section-icon svg{
  fill:#1f2937;
}
.popular-block h5,
.recent-block h5,
.filters-top h4,
.results-title,
.facet-toggle,
.facet-toggle .facet-chevron,
.assistant-title strong,
.result-row-name,
.result-row-name-static{
  color:#111827;
}
.popular-list li,
.recent-item,
.result-meta,
.search-modal .status,
.manual-subtitle,
.recent-empty{
  color:#667085;
}
.recent-block{
  border-top:1px solid #edf1f5;
}
.popular-list li::before{
  background:#98a2b3;
}
.result-list{
  border:1px solid #e8edf3;
  background:#ffffff;
}
.initial-track .result-list{
  max-height:415px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}
.initial-track .result-list::-webkit-scrollbar{
  width:10px;
}
.initial-track .result-list::-webkit-scrollbar-thumb{
  background:#d5dce6;
  border-radius:999px;
}
.initial-track .result-list::-webkit-scrollbar-track{
  background:transparent;
}
.result-row{
  border-bottom:1px solid #edf1f5;
}
.result-row-media img,
.result-row-media .img-fallback{
  border:1px solid #e7ecf3;
}
.result-row-price{
  color:#111827;
}
.result-row-promo{
  color:#2563eb;
}
.result-add-btn{
  border:1px solid #d7dee8;
  background:#ffffff;
  color:#111827;
}
.result-add-btn:hover{
  background:#f8fafc;
}
.result-size-picker-head{
  color:#667085;
}
.result-size-option{
  border:1px solid #dde3eb;
  background:#ffffff;
  color:#111827;
}
.result-size-option:hover{
  border-color:#2e7df6;
  background:#eff6ff;
}
.assistant-drawer .assistant{
  box-shadow:0 24px 44px rgba(15,23,42,.12);
}
.assistant-clear{
  color:#dc2626;
}
.ai-welcome-text,
.ai-msg.assistant .ai-msg-bubble,
.ai-typing,
.assistant textarea,
.ai-product-name{
  color:#111827;
}
.assistant-composer{
  border:1px solid #e5eaf1;
  background:#ffffff;
}
.assistant textarea::placeholder{
  color:#98a2b3;
}
.ai-icon-btn{
  background:#f8fafc;
  border:1px solid #e5eaf1;
  color:#667085;
}
.ai-msg.user .ai-msg-bubble{
  background:#eef2ff;
  color:#111827;
}
.ai-msg-actions .chip{
  border:1px solid #e5e7eb;
  background:#f8fafc;
  color:#667085;
}
.ai-msg-actions .chip:hover{
  border-color:#cbd5e1;
  background:#f1f5f9;
  color:#111827;
}
.ai-product{
  border:1px solid #e5eaf1;
  background:#ffffff;
}
.ai-product-price{
  color:#dc2626;
}
.rule-url-box.show{
  border:1px solid #e5eaf1;
  background:#ffffff;
}
.rule-url-label,
.rule-url-path{
  color:#475467;
}
.rule-url-btn{
  border-color:#dbe3ee;
  background:#f8fafc;
  color:#111827;
}
.sort{
  border:1px solid #dbe3ee;
  background:#ffffff;
  color:#111827;
}
.modal-panel.search-expanded-mode .facet-toggle{
  border:1px solid #dbe3ee;
  background:#ffffff;
  color:#111827;
  box-shadow:none;
}
.modal-panel.search-expanded-mode .facet-toggle:hover{
  border-color:#2e7df6;
  background:#eff6ff;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list{
  border:1px solid #e5eaf1;
  background:#ffffff;
  box-shadow:0 18px 38px rgba(15,23,42,.1);
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list::before{
  background:#ffffff;
  border-left:1px solid #e5eaf1;
  border-bottom:1px solid #e5eaf1;
}

/* Ajuste fino de cabecera e inicial */
.modal-head{
  top:-14px;
  grid-template-columns:180px minmax(0,1fr) auto;
  gap:14px;
  margin:-14px -22px 14px;
  padding:12px 18px;
  border-radius:22px 22px 16px 16px;
}
.modal-logo{
  width:180px;
  gap:8px;
}
.modal-logo img{
  width:148px;
}
.search-line{
  min-height:52px;
  padding:0 16px;
}
.search-start-icon{
  width:24px;
  height:24px;
}
.search-icon{
  width:18px;
  height:18px;
}
.search-line input{
  font-size:16px;
  font-weight:700;
}
.head-actions{
  gap:10px;
}
.assist-btn{
  height:50px;
  min-width:138px;
  padding:0 18px;
  gap:8px;
  font-size:16px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 8px 18px rgba(11,39,80,.22),
    0 0 18px rgba(46,125,246,.16);
}
.head-actions .icon-btn{
  width:44px;
  height:44px;
  border-radius:12px;
}
.initial-track .result-list{
  max-height:415px;
}

/* Filtros laterales normales, sin popover flotante */
.modal-panel.search-expanded-mode .filter-block{
  position:static;
  margin:0 0 12px;
}
.modal-panel.search-expanded-mode .facet-toggle{
  min-height:56px;
  padding:0 16px;
  border:1px solid #d8e0eb;
  border-radius:22px;
  background:#ffffff;
  color:#111827;
  font-size:15px;
  font-weight:800;
  justify-content:space-between;
  box-shadow:none;
}
.modal-panel.search-expanded-mode .facet-toggle:hover{
  border-color:#c6d3e4;
  background:#f8fbff;
}
.modal-panel.search-expanded-mode .filter-block .facet-list{
  display:none;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list{
  display:block;
  position:static;
  min-width:0;
  max-width:none;
  max-height:280px;
  margin-top:10px;
  padding:12px 12px 6px;
  border:1px solid #e5eaf1;
  border-radius:18px;
  background:#ffffff;
  box-shadow:none;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list::before{
  display:none;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list.size-list{
  max-height:220px;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .price-facet{
  min-width:0;
}

/* Sidebar de filtros mas limpio, tipo catalogo */
.modal-panel.search-expanded-mode .filters{
  padding-top:6px;
}
.filters-top{
  margin-bottom:18px;
  padding-left:10px;
}
.filters-top h4{
  font-size:14px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.modal-panel.search-expanded-mode .filter-block{
  margin:0 0 18px;
  padding-bottom:4px;
  border-bottom:1px solid #edf1f5;
}
.modal-panel.search-expanded-mode .filter-block:last-child{
  border-bottom:none;
}
.modal-panel.search-expanded-mode .facet-toggle{
  min-height:auto;
  padding:2px 2px 10px;
  border:none;
  border-radius:0;
  background:transparent;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.modal-panel.search-expanded-mode .facet-toggle:hover{
  background:transparent;
  border:none;
}
.modal-panel.search-expanded-mode .facet-toggle .facet-chevron{
  width:16px;
  height:16px;
  flex:0 0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:0;
  line-height:0;
  color:transparent;
}
.modal-panel.search-expanded-mode .facet-toggle .facet-chevron::before{
  content:"▴";
  border:none;
  width:auto;
  height:auto;
  color:#0f172a;
  font-size:16px;
  line-height:1;
  transform:none;
  transition:none;
}
.modal-panel.search-expanded-mode .filter-block.collapsed .facet-toggle .facet-chevron::before{
  content:"▾";
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list{
  margin-top:2px;
  padding:4px 0 2px;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  max-height:240px;
}
.facet-item{
  margin-bottom:12px;
  font-size:15px;
}
.facet-left{
  gap:12px;
}
.facet-item input[type="checkbox"]{
  width:18px;
  height:18px;
  border:1.5px solid #111827;
  border-radius:6px;
}
.facet-item input[type="checkbox"]:checked{
  border-color:#0f172a;
  background:#0f172a;
}
.facet-item input[type="checkbox"]:checked::after{
  width:9px;
  height:9px;
}
.facet-left span{
  font-size:15px;
  font-weight:700;
  color:#111827;
  text-transform:uppercase;
  letter-spacing:.01em;
}
.facet-count{
  font-size:12px;
  font-weight:700;
  color:#98a2b3;
}
.facet-search-icon{
  color:#9ca3af;
}
.facet-search-icon svg{
  width:16px;
  height:16px;
  display:block;
  stroke:currentColor;
  stroke-width:1.8;
  fill:none !important;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.facet-search-icon svg circle{
  fill:none !important;
}
.facet-search,
.facet-footer,
.size-more{
  display:none !important;
}
.facet-list.colors-list{
  display:grid;
  gap:14px;
  padding-top:6px;
}
.facet-color-item{
  width:100%;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  gap:14px;
  min-width:0;
}
.facet-color-dot{
  width:24px;
  height:24px;
  border-radius:7px;
  border:1.5px solid #d0d7e2;
  box-shadow:none;
}
.facet-color-item.active .facet-color-dot{
  outline:2px solid #2563eb;
  outline-offset:2px;
}
.facet-color-name{
  font-size:15px;
  font-weight:700;
  color:#111827;
  text-transform:uppercase;
  letter-spacing:.01em;
}
.facet-list.size-list{
  gap:10px;
  max-height:220px;
}
.size-chip{
  min-width:42px;
  height:34px;
  border-radius:9px;
  font-size:14px;
  font-weight:700;
}

/* Sin dropdown de sugerencias bajo el input */
.suggest-box,
.suggest-box.show{
  display:none !important;
}

/* Vista expandida: filtros abiertos y header de resultados mas limpio */
.modal-panel.search-expanded-mode .result-area{
  grid-template-columns:260px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.modal-panel.search-expanded-mode .filters{
  width:260px;
  min-width:260px;
}
.search-results-view .result-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:16px;
}
.search-results-view .result-head > div{
  min-width:0;
}
.sort{
  width:auto;
  min-width:0;
  max-width:210px;
  justify-self:end;
  padding:10px 12px;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list{
  display:block;
}

/* El asistente no debe empujar los resultados */
.modal-panel.assistant-open .results,
.modal-panel.assistant-open .chip-row{
  padding-right:0 !important;
}

/* Forzar ancho completo del listado en la segunda vista */
.modal-panel.search-expanded-mode .results,
.modal-panel.search-expanded-mode .search-results-view,
.modal-panel.search-expanded-mode #resultGrid,
.modal-panel.search-expanded-mode .result-list{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
.modal-panel.search-expanded-mode #resultGrid{
  display:block !important;
}
.modal-panel.search-expanded-mode .result-row{
  width:100%;
}
.modal-panel.search-expanded-mode .search-results-view .result-row{
  grid-template-columns:104px minmax(0,1fr) 78px;
  padding-right:30px;
}

/* Precio con estilo propio */
.price-facet{
  padding-top:10px;
}
.price-badges{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:14px;
}
.price-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border:1px solid #d7e3f4;
  border-radius:999px;
  background:linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
  color:#0f172a;
  font-size:13px;
  font-weight:800;
  line-height:1;
  box-shadow:0 4px 12px rgba(37,99,235,.06);
}
.price-slider-wrap{
  position:relative;
  height:34px;
}
.price-slider-track{
  top:15px;
  height:4px;
  border-radius:999px;
  background:#dce6f3;
}
.price-slider-track::before{
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, #1d4ed8 0%, #2563eb 100%);
}
.price-range{
  height:34px;
}
.price-range::-webkit-slider-thumb{
  width:18px;
  height:18px;
  border:2px solid #1d4ed8;
  background:#ffffff;
  box-shadow:0 2px 8px rgba(29,78,216,.18);
  margin-top:-7px;
}
.price-range::-moz-range-thumb{
  width:18px;
  height:18px;
  border:2px solid #1d4ed8;
  background:#ffffff;
  box-shadow:0 2px 8px rgba(29,78,216,.18);
}
.price-fixed-thumb{
  top:15px;
  border:2px solid #1d4ed8;
  box-shadow:0 2px 8px rgba(29,78,216,.18);
}
.price-scale{
  margin-top:8px;
  color:#7b8798;
  font-size:12px;
  font-weight:700;
}
.facet-list.colors-list{
  align-items:start;
}
.facet-color-item{
  align-items:center;
}
.facet-color-dot{
  margin-top:0;
}

/* Ajustes finales: icono asistente, scroll interno de resultados y boton + */
.assistant-badge .assistant-sparkle-icon,
.ai-msg.assistant .ai-msg-avatar .assistant-sparkle-icon{
  display:block;
  fill:currentColor;
  color:#ffffff;
}

@media (min-width:901px){
  .modal-panel.search-expanded-mode{
    overflow:hidden;
  }
  .modal-panel.search-expanded-mode .result-area{
    min-height:0;
    height:calc(100vh - 190px);
    height:calc(100dvh - 190px);
    align-items:stretch;
  }
  .modal-panel.search-expanded-mode .filters{
    min-height:0;
    max-height:100%;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:12px;
    scrollbar-width:thin;
    scrollbar-color:#d5dce6 transparent;
  }
  .modal-panel.search-expanded-mode .results{
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .modal-panel.search-expanded-mode .search-results-view{
    display:flex;
    flex-direction:column;
    min-height:0;
    height:100%;
  }
  .modal-panel.search-expanded-mode #resultGrid{
    display:flex !important;
    flex-direction:column;
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
    position:relative;
  }
  .modal-panel.search-expanded-mode .result-list{
    flex:1 1 auto;
    min-height:0;
    height:100%;
    max-height:100%;
    overflow-y:scroll;
    overflow-x:hidden;
    padding-right:16px;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#d5dce6 transparent;
  }
  .modal-panel.search-expanded-mode .result-list::-webkit-scrollbar,
  .modal-panel.search-expanded-mode .filters::-webkit-scrollbar{
    width:10px;
  }
  .modal-panel.search-expanded-mode .result-list::-webkit-scrollbar-thumb,
  .modal-panel.search-expanded-mode .filters::-webkit-scrollbar-thumb{
    background:#d5dce6;
    border-radius:999px;
  }
  .modal-panel.search-expanded-mode .result-list::-webkit-scrollbar-track,
  .modal-panel.search-expanded-mode .filters::-webkit-scrollbar-track{
    background:transparent;
  }
  .modal-panel.search-expanded-mode .search-results-view .result-row{
    grid-template-columns:104px minmax(0,1fr) 92px;
    padding-right:18px;
  }
  .modal-panel.search-expanded-mode .result-row-actions{
    justify-content:flex-end;
    padding-right:8px;
  }
}

.result-scroll-hint{
  position:absolute;
  top:12px;
  right:8px;
  width:10px;
  height:calc(100% - 24px);
  border-radius:999px;
  background:#e2e8f0;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
  z-index:6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.result-scroll-hint.is-visible{
  opacity:.95;
}
.result-scroll-hint-thumb{
  display:block;
  width:100%;
  min-height:48px;
  border-radius:999px;
  background:#94a3b8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  transform:translateY(0);
}

/* Cabecera mas delgada, modal mas amplio y listas de filtros contenidas */
.modal-panel{
  width:min(1540px, 98vw);
  max-height:calc(100vh - 20px);
}
.modal-head{
  top:-10px;
  grid-template-columns:170px minmax(0,1fr) auto;
  gap:12px;
  margin:-10px -22px 12px;
  padding:10px 16px;
  border-radius:20px 20px 14px 14px;
}
.modal-logo{
  width:170px;
}
.modal-logo img{
  width:144px;
}
.search-wrap{
  min-width:0;
}
.search-line{
  min-height:46px;
  height:46px;
  padding:0 10px 0 14px;
  display:flex;
  align-items:center;
  gap:10px;
}
.search-line input{
  min-width:0;
  flex:1 1 auto;
  font-size:15px;
}
.search-start-icon{
  width:22px;
  height:22px;
}
.search-icon{
  width:17px;
  height:17px;
}
.search-inline-btn{
  width:32px;
  height:32px;
  border:none;
  border-radius:999px;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#94a3b8;
  cursor:pointer;
  flex:0 0 auto;
}
.search-inline-btn:hover{
  background:rgba(255,255,255,.06);
  color:#ffffff;
}
.search-inline-btn .voice-icon{
  width:16px;
  height:16px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.head-actions{
  gap:8px;
}
.assist-btn{
  height:44px;
  min-width:126px;
  padding:0 16px;
  font-size:15px;
}
.head-actions .icon-btn{
  width:42px;
  height:42px;
}
.popular-block{
  padding-top:2px;
}
.popular-list li{
  padding:7px 0;
}
.recent-block{
  margin-top:14px;
  padding-top:14px;
}
.modal-panel.search-expanded-mode .filter-block .facet-list,
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list{
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list.colors-list{
  max-height:208px;
  display:grid;
  grid-auto-rows:minmax(28px, auto);
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:6px;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .facet-list.size-list{
  max-height:200px;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:6px;
}
.modal-panel.search-expanded-mode .filter-block:not(.collapsed) .price-facet{
  overflow:hidden;
}

/* Compactacion final de cabecera y filtros */
.modal-panel{
  width:min(1600px, 98.6vw);
  max-height:calc(100vh - 12px);
}
.modal-head{
  top:-8px;
  grid-template-columns:160px minmax(0,1fr) auto;
  gap:10px;
  margin:-8px -22px 10px;
  padding:8px 14px;
  border-radius:18px 18px 12px 12px;
}
.modal-logo{
  width:160px;
}
.modal-logo img{
  width:138px;
}
.search-line{
  min-height:40px;
  height:40px;
  padding:0 8px 0 12px;
  gap:8px;
}
.search-line input{
  font-size:14px;
}
.search-inline-btn{
  width:28px;
  height:28px;
}
.assist-btn{
  height:40px;
  min-width:116px;
  padding:0 14px;
  gap:6px;
  font-size:14px;
}
.head-actions .icon-btn{
  width:40px;
  height:40px;
}
.popular-block{
  padding-top:0;
}
.popular-list li{
  padding:5px 0;
  font-size:13px;
}
.recent-block{
  margin-top:12px;
  padding-top:12px;
}
.modal-panel.search-expanded-mode .filters{
  padding-top:10px;
  padding-left:16px;
  padding-right:10px;
}
.filters-top{
  padding-left:0;
  margin-bottom:14px;
}
.filters-top h4{
  font-size:13px;
  letter-spacing:.14em;
}
.facet-list.size-list{
  gap:12px;
  padding-top:8px;
  padding-bottom:4px;
}
.size-chip{
  min-width:46px;
  height:38px;
  padding:0 14px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.results-more-btn{
  position:sticky;
  bottom:0;
  z-index:3;
  min-height:58px;
  padding:16px 18px;
  background:#f4f7fb;
  font-size:16px;
}


/* Ajustes finos de compactacion y legibilidad */
.modal-panel{
  width:min(1600px, 98.6vw);
  max-height:calc(100vh - 12px);
}
.modal-head{
  top:-8px;
  grid-template-columns:160px minmax(0,1fr) auto;
  gap:10px;
  margin:-8px -22px 10px;
  padding:8px 14px;
  border-radius:18px 18px 12px 12px;
}
.modal-logo{
  width:160px;
}
.modal-logo img{
  width:136px;
}
.search-line{
  min-height:40px;
  height:40px;
  padding:0 8px 0 12px;
}
.search-line input{
  font-size:14px;
}
.search-start-icon{
  width:20px;
  height:20px;
}
.search-icon{
  width:16px;
  height:16px;
}
.search-inline-btn{
  width:28px;
  height:28px;
}
.head-actions{
  gap:7px;
}
.assist-btn{
  height:40px;
  min-width:116px;
  padding:0 14px;
  gap:6px;
  font-size:14px;
}
.head-actions .icon-btn{
  width:40px;
  height:40px;
}
.modal-panel.search-expanded-mode .filters{
  padding-top:12px;
  padding-left:18px;
  padding-right:12px;
}
.filters-top{
  margin-bottom:14px;
  padding-left:6px;
}
.filters-top h4{
  font-size:13px;
  letter-spacing:.14em;
}
.popular-list li{
  padding:5px 0;
  font-size:13px;
}
.recent-block{
  margin-top:12px;
  padding-top:12px;
}
.facet-list.size-list{
  gap:12px;
  padding-top:8px;
}
.size-chip,
.facet-pill{
  min-width:46px;
  min-height:38px;
  padding:0 14px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.result-list.has-more .results-more-btn,
.results-more-btn{
  position:sticky;
  bottom:0;
  z-index:4;
  min-height:56px;
  padding:14px 18px;
  background:#f4f7fb;
  color:#111827;
  font-size:16px;
}
.results-more-arrow{
  font-size:24px;
}
@media (max-width: 1024px){
  .modal-head{
    grid-template-columns:1fr;
    gap:10px;
  }
  .modal-logo{
    width:auto;
  }
  .modal-logo img{
    width:128px;
  }
}

/* Tope final del buscador interno del modal */
@media (min-width: 1025px){
  .modal-head{
    grid-template-columns:160px minmax(315px, 400px) auto !important;
    justify-content:space-between;
  }
  .search-wrap{
    width:min(400px, 100%);
    max-width:400px;
    justify-self:start;
  }
  .search-line{
    width:100%;
  }
}

/* Modal mas compacto para que no quede aire de sobra arriba */
.search-modal{
  padding:8px;
}
.modal-panel{
  width:min(1360px, 95vw) !important;
  padding:10px 16px 16px !important;
  border-radius:24px;
}
.modal-head{
  grid-template-columns:150px minmax(315px, 380px) auto !important;
  justify-content:space-between;
  top:-6px;
  gap:12px;
  margin:-6px -16px 8px;
  padding:8px 14px;
  border-radius:18px 18px 12px 12px;
}
.modal-logo{
  width:150px;
}
.modal-logo img{
  width:132px;
}
.search-wrap{
  width:min(380px, 100%) !important;
  max-width:380px !important;
}
.search-line{
  min-height:38px;
  height:38px;
}
.assist-btn{
  height:38px;
  min-width:110px;
  padding:0 14px;
}
.head-actions .icon-btn{
  width:38px;
  height:38px;
}
.result-area{
  margin-top:8px;
  gap:14px;
}
.filters,
.results,
.initial-results-view,
.search-results-view{
  border-radius:24px;
}

/* Compactacion real del header interno */
@media (min-width: 1025px){
  .search-modal{
    padding:4px;
  }
  .modal-panel{
    width:min(1460px, 97vw) !important;
    padding:6px 12px 12px !important;
  }
  .modal-panel .modal-head{
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    top:-2px;
    margin:-2px -12px 4px;
    padding:6px 10px;
    border-radius:16px 16px 10px 10px;
  }
  .modal-panel .modal-logo{
    width:auto !important;
    min-width:130px;
    flex:0 0 auto;
  }
  .modal-panel .modal-logo img{
    width:126px !important;
  }
  .modal-panel .search-wrap{
    width:350px !important;
    max-width:350px !important;
    flex:0 0 350px;
    margin-left:2px;
  }
  .modal-panel .search-line{
    min-height:36px;
    height:36px;
    padding:0 8px 0 10px;
  }
  .modal-panel .head-actions{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:4px;
  }
  .modal-panel .assist-btn{
    height:36px;
    min-width:98px;
    padding:0 11px;
  }
  .modal-panel .head-actions .icon-btn{
    width:36px;
    height:36px;
  }
  .modal-panel .result-area{
    margin-top:4px;
  }
}

/* Override final del header interno: barra blanca mas amplia y elementos mas juntos */
@media (min-width: 1025px){
  .modal-panel .modal-head{
    display:flex !important;
    align-items:center;
    gap:12px !important;
    padding:10px 16px !important;
    margin:-2px -12px 8px !important;
    min-height:64px;
    border-radius:20px 20px 14px 14px;
  }
  .modal-panel .modal-logo{
    min-width:128px !important;
    width:auto !important;
    flex:0 0 auto;
  }
  .modal-panel .search-wrap{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:420px;
    margin-left:4px;
  }
  .modal-panel .search-line{
    width:100%;
    min-height:40px !important;
    height:40px !important;
  }
  .modal-panel .head-actions{
    margin-left:0 !important;
    flex:0 0 auto;
    gap:5px !important;
  }
  .modal-panel .assist-btn{
    min-width:104px !important;
    padding:0 12px !important;
    margin-right:0 !important;
  }
}

/* Compactacion final del modulo */
@media (min-width: 1025px){
  .modal-panel{
    width:min(1280px, 93vw) !important;
    padding:6px 12px 12px !important;
  }
  .modal-panel .modal-head{
    min-height:56px;
    gap:8px !important;
    padding:8px 12px !important;
    margin:-2px -12px 6px !important;
  }
  .modal-panel .modal-logo{
    min-width:122px !important;
  }
  .modal-panel .modal-logo img{
    width:120px !important;
  }
  .modal-panel .search-wrap{
    flex:0 0 340px !important;
    width:340px !important;
    max-width:340px !important;
    min-width:340px !important;
    margin-left:auto !important;
  }
  .modal-panel .search-line{
    min-height:36px !important;
    height:36px !important;
    padding:0 8px 0 10px !important;
  }
  .modal-panel .search-line input{
    font-size:13px !important;
  }
  .modal-panel .head-actions{
    margin-left:6px !important;
    gap:4px !important;
  }
  .modal-panel .assist-btn{
    min-width:94px !important;
    height:34px !important;
    padding:0 11px !important;
    border-radius:15px !important;
    font-size:13px !important;
  }
  .modal-panel .head-actions .icon-btn{
    width:34px !important;
    height:34px !important;
  }
  .result-area{
    grid-template-columns:280px minmax(0,1fr);
    gap:12px;
  }
}
.results-title{
  font-size:18px !important;
  line-height:1.08;
}
.result-meta{
  font-size:11px !important;
  margin-top:2px;
}
.initial-results-view .result-head,
.search-results-view .result-head{
  padding:14px 16px 8px;
}
.result-row{
  grid-template-columns:92px minmax(0,1fr) 64px;
  gap:14px;
  padding:14px 16px;
}
.result-row-media img,
.result-row-media .img-fallback{
  width:92px;
  height:92px;
  border-radius:18px;
}
.result-row-name{
  font-size:17px;
  line-height:1.12;
}
.result-row-price{
  font-size:15px;
}
.result-add-btn{
  width:44px;
  height:44px;
  font-size:26px;
}

/* Compactar solo el bloque de productos recomendados */
.initial-results-view .result-head{
  padding:16px 16px 10px !important;
}
.initial-results-view .results-title{
  font-size:20px !important;
  font-weight:800 !important;
}
.initial-results-view .result-meta{
  font-size:10px !important;
}
.initial-track .result-list{
  max-height:360px !important;
}
.initial-results-view .result-row{
  grid-template-columns:88px minmax(0,1fr) 54px !important;
  gap:10px !important;
  padding:8px 12px !important;
}
.initial-results-view .result-row-media img,
.initial-results-view .result-row-media .img-fallback{
  width:88px !important;
  height:88px !important;
  border-radius:12px !important;
}
.initial-results-view .result-row-name{
  font-size:13px !important;
  line-height:1.1 !important;
}
.initial-results-view .result-row-price{
  font-size:12px !important;
}
.initial-results-view .result-add-btn{
  width:36px !important;
  height:36px !important;
  font-size:22px !important;
}
.initial-results-view .results-more-btn{
  min-height:44px !important;
  padding:10px 14px !important;
  font-size:14px !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  margin:0 !important;
}
.initial-results-view .badge-row{
  margin:0 0 4px !important;
  gap:4px !important;
}

.initial-carousel{
  padding:0 !important;
  overflow:visible !important;
  margin-bottom:16px !important;
}

.initial-track .result-list{
  max-height:430px !important;
}

/* Afinar la barra blanca y el bloque de resultados */
.modal-head{
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}
.head-actions{
  gap:4px;
}
.assist-btn{
  margin-right:2px;
}
.results-title{
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.02em;
}
.result-meta{
  font-size:12px;
  margin-top:3px;
}
.initial-results-view .result-head,
.search-results-view .result-head{
  padding:18px 18px 10px;
}

/* Cerrar el hueco superior entre barra blanca y contenido */
@media (min-width: 1025px){
  .search-modal{
    padding:2px !important;
  }
  .modal-panel{
    padding-top:2px !important;
  }
  .modal-panel .modal-head{
    margin:-2px -12px 2px !important;
    padding:6px 10px !important;
    min-height:52px !important;
  }
  .modal-panel .result-area{
    margin-top:0 !important;
  }
  .modal-panel .filters,
  .modal-panel .results,
  .modal-panel .initial-results-view,
  .modal-panel .search-results-view{
    margin-top:0 !important;
  }
}

.initial-results-view .results-title{
  font-size:31px !important;
}

.popular-list li:hover{
  color:#111827 !important;
  font-weight:800 !important;
}
.popular-list li:hover::before{
  background:#98a2b3 !important;
}
.recent-item:hover,
.recent-item:hover span{
  color:#111827 !important;
  font-weight:800 !important;
}

/* Override final: imagenes mas grandes en productos recomendados */
.initial-results-view .result-row{
  grid-template-columns:104px minmax(0,1fr) 54px !important;
}
.initial-results-view .result-row-media img,
.initial-results-view .result-row-media .img-fallback{
  width:104px !important;
  height:104px !important;
  border-radius:14px !important;
}

.result-row{
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
  border-radius:18px;
  background-clip:padding-box;
}

@media (hover:hover) and (pointer:fine){
  .result-row:hover{
    border-color:#dc2626 !important;
    border-radius:18px !important;
    box-shadow:inset 0 0 0 1px #dc2626;
  }
}

/* Buscador externo */
.mini-search {
  height: 34px !important;
  border: 1px solid rgba(17, 24, 39, .1) !important;
  border-radius: 999px !important;
  max-width: 278px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 5px 0 16px !important;
  gap: 10px !important;
  background: #f7f8fb !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85) !important;
}

.mini-search button {
  width: 34px !important;
  height: 28px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #000 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .14) !important;
}

/* Buscador interno */
.modal-panel .search-line {
  background: #f7f8fb !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85) !important;
  border: 1px solid rgba(17, 24, 39, .1) !important;
}

@media (min-width: 761px) and (max-width: 1100px){
  .modal-head{
    grid-template-columns:150px minmax(300px, 1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
  }
  .modal-logo{
    width:150px !important;
  }
  .modal-logo img{
    width:132px !important;
    display:block !important;
  }
  .search-wrap{
    width:min(380px, 100%) !important;
    max-width:380px !important;
    justify-self:start !important;
  }
  .head-actions{
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
  }
  .result-area{
    grid-template-columns:320px minmax(0, 1fr) !important;
    gap:16px !important;
  }
  .filters{
    padding-right:12px !important;
    border-right:1px solid #edf2f7 !important;
  }
  .results{
    min-width:0 !important;
  }
  .modal-panel.initial-mode .popular-block,
  .modal-panel.initial-mode .recent-block{
    display:block !important;
  }
}

@media (min-width: 761px) and (max-width: 900px){
  .initial-results-view .result-head{
    padding:18px 18px 12px !important;
  }
  .initial-results-view .results-title{
    font-size:22px !important;
  }
  .initial-results-view .result-meta{
    font-size:12px !important;
  }
  .initial-track .result-list{
    max-height:420px !important;
  }
  .initial-results-view .result-row{
    grid-template-columns:96px minmax(0,1fr) 60px !important;
    gap:14px !important;
    padding:12px 18px !important;
  }
  .initial-results-view .result-row-media img,
  .initial-results-view .result-row-media .img-fallback{
    width:96px !important;
    height:96px !important;
    border-radius:16px !important;
  }
  .initial-results-view .result-row-name{
    font-size:16px !important;
    line-height:1.16 !important;
  }
  .initial-results-view .result-row-price{
    font-size:14px !important;
  }
  .initial-results-view .result-add-btn{
    width:42px !important;
    height:42px !important;
    font-size:24px !important;
  }
  .initial-results-view .badge-row{
    margin:0 0 6px !important;
    gap:6px !important;
  }
}

.modal-panel .search-line input {
  color: #111827 !important;
}

.modal-panel .search-line input::placeholder {
  color: #6b7280 !important;
}

.modal-panel .search-start-icon,
.modal-panel .search-inline-btn {
  color: #111827 !important;
}

.modal-panel .search-icon,
.modal-panel .search-inline-btn .voice-icon {
  stroke: currentColor !important;
}
.modal-panel .search-icon,
.modal-panel .search-icon *{
  fill:none !important;
  stroke:currentColor !important;
}

/* Vista inicial: dejar un solo contenedor blanco en productos */
.modal-panel.initial-mode .results{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}
.modal-panel.initial-mode .result-area{
  align-items:start !important;
}
.modal-panel.initial-mode .initial-results-view{
  align-self:start !important;
  height:auto !important;
  min-height:0 !important;
}

@media (min-width: 1025px) {
  .modal-panel .modal-logo img {
    width: 208px !important;
  }
}

@media (min-width: 1025px) {
  .modal-panel .search-wrap{
    flex:1 1 auto !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
  }
  .modal-panel .search-line {
    width:100% !important;
    min-height: 36px !important;
    height: 49px !important;
    padding: 0 8px 0 10px !important;
  }
}

.initial-results-view .results-title {
  font-size: 24px !important;
  font-weight: 800 !important;
}

@media (min-width: 1025px) {
  .modal-panel .search-wrap{
    margin-left: 12px !important;
  }
  .modal-panel .search-line {
    width: 100% !important;
    min-height: 36px !important;
    height: 39px !important;
    padding: 0 8px 0 10px !important;
  }
}

@media (min-width: 1025px) {
  .modal-panel .assist-btn {
    min-width: 94px !important;
    height: 43px !important;
    padding: 0 11px !important;
    border-radius: 15px !important;
    font-size: 13px !important;
  }
}

.modal-panel .search-inline-btn.image .camera-icon,
.modal-panel .search-inline-btn.image .camera-icon *{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.modal-panel .search-inline-btn.image.is-busy{
  opacity:.58;
  cursor:wait !important;
}

.result-row-variants{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.result-row-pricing{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.result-color-variant{
  width:18px;
  height:18px;
  border-radius:2px;
  border:1px solid #cdd6e5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.72) inset;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.result-color-variant:hover,
.result-color-variant:focus-visible{
  transform:scale(1.12);
  border-color:#d91f26;
  box-shadow:0 0 0 2px rgba(217,31,38,.16);
  outline:none;
}

.result-color-variant.is-active{
  border-color:#111827;
  box-shadow:0 0 0 2px rgba(17,24,39,.12);
}

.result-color-variant.is-white{
  border-color:#c7cfdd;
}

.result-color-variant.has-thumb{
  background:#f4f6fb;
}

.result-color-variant img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.results-more-copy{
  display:inline-flex;
  align-items:center;
  gap:3px;
}

.results-more-plus{
  display:inline-block;
  font-size:16px;
  line-height:1;
  font-weight:800;
  margin-left:1px;
}

/* Ajuste movil final */
@media (max-width: 900px){
  .topbar-inner{
    width:min(100%, calc(100vw - 20px)) !important;
    height:auto !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:10px 0 12px !important;
  }
  .logo{
    text-align:left !important;
  }
  .logo-main{
    font-size:32px !important;
    letter-spacing:-0.8px !important;
  }
  .logo-sub{
    font-size:7px !important;
  }
  .mini-search{
    max-width:none !important;
    width:100% !important;
  }
  .tools{
    width:100% !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
  }
}

@media (max-width: 760px){
  .search-modal{
    padding:0 !important;
    background:rgba(15, 23, 42, .24) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    backdrop-filter:blur(10px) !important;
  }
  .modal-panel{
    width:100% !important;
    max-width:100% !important;
    min-height:100dvh !important;
    height:100dvh !important;
    max-height:100dvh !important;
    padding:10px 10px 14px !important;
    border-radius:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .modal-head{
    position:sticky !important;
    top:0 !important;
    z-index:80 !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    grid-template-areas:
      "logo actions"
      "search search" !important;
    gap:8px !important;
    margin:-10px -10px 10px !important;
    padding:10px 10px 8px !important;
    background:#fff !important;
    border-bottom:1px solid rgba(17, 24, 39, .08) !important;
    border-radius:0 0 18px 18px !important;
    box-shadow:0 8px 26px rgba(15, 23, 42, .08) !important;
  }
  .modal-logo{
    grid-area:logo !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    min-width:0 !important;
  }
  .mobile-back-btn{
    display:inline-flex !important;
    width:34px !important;
    height:34px !important;
    border-radius:999px !important;
    border:1px solid #e5e7eb !important;
    background:#fff !important;
    color:#111827 !important;
  }
  .modal-logo img{
    display:block !important;
    width:138px !important;
    max-width:100% !important;
  }
  .search-wrap{
    grid-area:search !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
  .search-line{
    width:100% !important;
    min-height:44px !important;
    height:44px !important;
    padding:0 10px 0 12px !important;
    gap:10px !important;
    border-radius:999px !important;
  }
  .search-line input{
    font-size:15px !important;
  }
  .search-start-icon{
    display:inline-flex !important;
  }
  .search-inline-btn{
    width:30px !important;
    height:30px !important;
  }
  .head-actions{
    grid-area:actions !important;
    gap:6px !important;
    justify-content:flex-end !important;
    align-items:center !important;
  }
  .assist-btn{
    min-width:92px !important;
    height:40px !important;
    padding:0 12px !important;
    border-radius:14px !important;
    font-size:13px !important;
    gap:8px !important;
  }
  .head-actions .icon-btn{
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
  }
  .chip-row,
  .quick-strip{
    display:none !important;
  }
  .mobile-mode-tabs{
    display:none !important;
    position:sticky !important;
    top:0 !important;
    z-index:110 !important;
    gap:8px !important;
    padding:0 4px 10px 0 !important;
    margin:6px 0 0 !important;
    justify-content:flex-start !important;
    align-items:center !important;
    background:transparent !important;
    overflow:hidden !important;
  }
  .modal-panel.search-expanded-mode .mobile-mode-tabs{
    display:flex !important;
  }
  .modal-panel.search-expanded-mode #resultGrid{
    position:relative !important;
  }
  .modal-panel.search-expanded-mode #resultGrid .result-scroll-hint{
    top:18px !important;
    right:2px !important;
    width:14px !important;
    height:calc(100% - 36px) !important;
    border:1px solid rgba(203, 213, 225, .92) !important;
    background:#e2e8f0 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96) !important;
  }
  .modal-panel.search-expanded-mode #resultGrid .result-scroll-hint-thumb{
    min-height:64px !important;
    background:#94a3b8 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88) !important;
  }
  #mobileAiTab{
    display:none !important;
  }
  .mobile-mode-tab{
    height:40px !important;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid #d7dce5 !important;
    color:#111827 !important;
    font-size:13px !important;
    font-weight:700 !important;
  }
  .mobile-mode-tabs .mobile-mode-tab{
    flex:0 0 auto !important;
    min-width:110px !important;
    padding:0 16px !important;
  }
  .mobile-sort-shell{
    flex:1 1 auto !important;
    min-width:0 !important;
    background:transparent !important;
    display:none;
  }
  .mobile-mode-tabs .sort{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:40px !important;
    margin:0 !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    border:1px solid #d7dce5 !important;
    border-radius:14px !important;
    background-color:#fff !important;
    background-image:
      linear-gradient(45deg, transparent 50%, #111827 50%),
      linear-gradient(135deg, #111827 50%, transparent 50%) !important;
    background-position:
      calc(100% - 16px) calc(50% - 3px),
      calc(100% - 11px) calc(50% - 3px) !important;
    background-size:5px 5px, 5px 5px !important;
    background-repeat:no-repeat !important;
    box-shadow:none !important;
    color:#111827 !important;
    padding:0 28px 0 14px !important;
    font-size:13px !important;
    font-weight:700 !important;
  }
  .mobile-mode-tab.active{
    background:#111827 !important;
    color:#fff !important;
    border-color:#111827 !important;
  }
  .result-area{
    flex:1 1 auto !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    margin-top:0 !important;
    align-items:stretch !important;
  }
  .results{
    order:1 !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .initial-results-view,
  .search-results-view{
    border-radius:20px !important;
    background:#fff !important;
    border:1px solid #e5e7eb !important;
    box-shadow:inset 0 0 0 1px #e5e7eb, 0 14px 32px rgba(15, 23, 42, .08) !important;
    overflow:hidden !important;
    background-clip:padding-box !important;
  }
  .initial-results-view .result-head,
  .search-results-view .result-head{
    padding:16px 14px 10px !important;
    align-items:flex-start !important;
    gap:10px !important;
  }
  .initial-results-view .results-title,
  .search-results-view .results-title{
    display:block !important;
    font-size:24px !important;
    line-height:1.08 !important;
  }
  .initial-results-view .result-meta,
  .search-results-view .result-meta{
    font-size:13px !important;
    color:#64748b !important;
  }
  .search-results-view .result-head{
    display:flex !important;
    flex-direction:column !important;
  }
  .search-results-view .result-head > div{
    width:100% !important;
  }
  .sort{
    width:100% !important;
    max-width:none !important;
    height:42px !important;
    font-size:14px !important;
  }
  .initial-carousel{
    margin:0 !important;
    overflow:hidden !important;
  }
  .modal-panel.initial-mode .initial-carousel{
    padding:0 !important;
    overflow:visible !important;
  }
  .initial-track .result-list,
  .search-results-view .result-list{
    margin:0 4px 10px !important;
    padding-right:0 !important;
    padding-bottom:18px !important;
  }
  .initial-track{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
  }
  .initial-track > .result-list{
    width:100% !important;
    max-width:none !important;
    display:block !important;
  }
  .result-row,
  .search-results-view .result-row{
    grid-template-columns:78px minmax(0, 1fr) 48px !important;
    gap:10px !important;
    padding:12px 10px !important;
    align-items:center !important;
    -webkit-tap-highlight-color:transparent !important;
    box-shadow:none !important;
  }
  .modal-panel.initial-mode .initial-track .result-row{
    display:grid !important;
    width:100% !important;
    grid-template-columns:clamp(72px, 22vw, 84px) minmax(0, 1fr) 38px !important;
    gap:7px !important;
    padding:12px 7px !important;
    align-items:center !important;
  }
  .modal-panel.initial-mode .initial-track .result-row-media{
    margin-right:0 !important;
    width:clamp(72px, 22vw, 84px) !important;
    min-width:clamp(72px, 22vw, 84px) !important;
    flex:none !important;
  }
  .result-row-media{
    width:78px !important;
    flex:0 0 78px !important;
  }
  .modal-panel.initial-mode .initial-track .result-row-media img,
  .modal-panel.initial-mode .initial-track .result-row-media .img-fallback{
    width:clamp(72px, 22vw, 84px) !important;
    height:clamp(72px, 22vw, 84px) !important;
    border-radius:14px !important;
  }
  .result-row-media img,
  .result-row-media .img-fallback{
    width:78px !important;
    height:78px !important;
    border-radius:18px !important;
  }
  .result-row-main{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .modal-panel.initial-mode .initial-track .result-row-main{
    flex:none !important;
    min-width:0 !important;
    width:auto !important;
    max-width:100% !important;
    padding-left:0 !important;
    overflow:hidden !important;
  }
  .modal-panel.initial-mode .initial-track .result-row-badges,
  .modal-panel.initial-mode .initial-track .result-row-pricing{
    width:100% !important;
    min-width:0 !important;
  }
  .modal-panel.initial-mode .initial-track .result-row-name{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    font-size:clamp(13px, 3.7vw, 15px) !important;
    line-height:1.2 !important;
  }
  .modal-panel.initial-mode .initial-track .result-row-price{
    font-size:clamp(13px, 3.7vw, 15px) !important;
  }
  .modal-panel.initial-mode .initial-track .result-row-variants{
    gap:4px !important;
  }
  .initial-results-view .result-row-actions{
    padding-right:0 !important;
    justify-content:flex-end !important;
    margin-left:auto !important;
    flex:0 0 36px !important;
  }
  .modal-panel.initial-mode .initial-track .result-row-actions{
    width:38px !important;
    min-width:38px !important;
    flex:none !important;
    margin-left:0 !important;
    justify-content:center !important;
  }
  .modal-panel.initial-mode .initial-track .result-add-btn{
    width:38px !important;
    height:38px !important;
    font-size:18px !important;
  }
  .search-modal .badge-row,
  .search-modal .result-row-badges{
    gap:6px !important;
    margin-bottom:6px !important;
    flex-wrap:wrap !important;
  }
  .modal-panel.initial-mode .initial-track .badge-row,
  .modal-panel.initial-mode .initial-track .result-row-badges{
    gap:4px !important;
    margin-bottom:4px !important;
  }
  .modal-panel.initial-mode .initial-track .tag-new,
  .modal-panel.initial-mode .initial-track .disc-auto{
    padding:3px 6px !important;
    font-size:9px !important;
    max-width:100% !important;
  }
  .modal-panel.initial-mode .initial-track .disc{
    padding:3px 6px !important;
    font-size:10px !important;
    max-width:100% !important;
  }
  .result-row-name{
    font-size:15px !important;
    line-height:1.25 !important;
  }
  .result-row-pricing{
    gap:6px !important;
    align-items:center !important;
    flex-wrap:wrap !important;
  }
  .result-row-price{
    font-size:15px !important;
  }
  .result-row-variants{
    margin-top:2px !important;
  }
  .result-add-btn{
    width:42px !important;
    height:42px !important;
    font-size:18px !important;
  }
  .result-row:hover,
  .search-results-view .result-row:hover,
  .initial-results-view .result-row:hover{
    border-color:#e6eaf1 !important;
    box-shadow:none !important;
  }
  .result-color-variant:hover:not(.is-active){
    transform:none !important;
    border-color:#cdd6e5 !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.72) inset !important;
  }
  .results-more-btn{
    margin:8px 10px 10px !important;
    min-height:46px !important;
    padding:0 14px !important;
    border-radius:16px !important;
  }
  .modal-panel.initial-mode .initial-track .result-list{
    max-height:min(760px, calc(100dvh - 210px)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    margin:0 0 10px !important;
    padding-right:0 !important;
    padding-bottom:14px !important;
    -ms-overflow-style:auto !important;
    scrollbar-width:thin !important;
    scrollbar-color:#9fb0c9 transparent !important;
  }
  .modal-panel.initial-mode .initial-track .result-list::-webkit-scrollbar{
    width:8px !important;
    height:8px !important;
    display:block !important;
  }
  .modal-panel.initial-mode .initial-track .result-list::-webkit-scrollbar-thumb{
    background:#b9c6d9 !important;
    border-radius:999px !important;
  }
  .modal-panel.initial-mode .initial-track .result-list::-webkit-scrollbar-track{
    background:transparent !important;
  }
  .modal-panel.initial-mode .initial-track .result-list .results-more-btn{
    position:static !important;
    bottom:auto !important;
    z-index:auto !important;
    width:calc(100% - 20px) !important;
    min-width:calc(100% - 20px) !important;
    max-width:calc(100% - 20px) !important;
    min-height:42px !important;
    margin:10px 10px 14px !important;
    padding:0 16px !important;
    justify-content:center !important;
    gap:8px !important;
    border-radius:14px !important;
    font-size:15px !important;
  }
  .modal-panel.initial-mode .initial-track .result-list .results-more-copy{
    justify-content:center !important;
  }
  .modal-panel.initial-mode .initial-track .result-list .results-more-arrow{
    font-size:20px !important;
  }
  .modal-panel.search-expanded-mode .search-results-view .result-list{
    padding-bottom:88px !important;
    scroll-padding-bottom:88px !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
    touch-action:pan-y !important;
    -ms-overflow-style:none !important;
    scrollbar-width:none !important;
  }
  .modal-panel.search-expanded-mode .search-results-view .result-list::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }
  .modal-panel.initial-mode .filters,
  .modal-panel.initial-mode .filters-top,
  .modal-panel.initial-mode .filter-block,
  .modal-panel.initial-mode .popular-block,
  .modal-panel.initial-mode .recent-block,
  .modal-panel.initial-mode .result-area .assistant{
    display:none !important;
  }
  .modal-panel.initial-mode .result-area{
    align-items:stretch !important;
  }
  .modal-panel.initial-mode .initial-results-view{
    width:100% !important;
    max-width:none !important;
    align-self:stretch !important;
    margin-top:10px !important;
  }
  .modal-panel.search-mode .filters{
    display:none !important;
  }
  .modal-panel.search-mode.mobile-show-filters .filters{
    display:flex !important;
    flex-direction:column !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    z-index:60 !important;
    width:100% !important;
    margin:0 !important;
    padding:14px !important;
    border:1px solid #e5e7eb !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 22px 50px rgba(15, 23, 42, .14) !important;
    max-height:calc(100dvh - 240px) !important;
    overflow:auto !important;
  }
  .modal-panel.search-mode.mobile-show-filters .results{
    display:none !important;
  }
  .filters-top{
    position:static !important;
    top:auto !important;
    z-index:2 !important;
    background:#fff !important;
    padding-bottom:10px !important;
    margin-bottom:8px !important;
  }
  .filters-top h4{
    padding-left:0 !important;
    font-size:14px !important;
    letter-spacing:.18em !important;
  }
  .clear-btn{
    font-size:12px !important;
  }
  .filter-block{
    padding:0 0 10px !important;
    margin:0 0 10px !important;
    border-bottom:1px solid #eef2f7 !important;
  }
  .filter-block:last-child{
    margin-bottom:0 !important;
  }
  .facet-toggle{
    min-height:42px !important;
    padding:4px 0 !important;
    font-size:16px !important;
  }
  .filter-block:not(.collapsed) .facet-list{
    display:block !important;
    padding-top:10px !important;
    max-height:240px !important;
    overflow:auto !important;
  }
  .filter-block:not(.collapsed) .facet-list.size-list{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    align-items:stretch !important;
  }
  .filter-block:not(.collapsed) .facet-list.size-list .size-chip{
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    justify-content:center !important;
    border-radius:12px !important;
    font-size:15px !important;
  }
  .filter-block:not(.collapsed) .facet-list.colors-list{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }
  .price-facet{
    padding-top:8px !important;
  }
  .modal-panel.search-mode.mobile-show-ai .results{
    display:none !important;
  }
  .assistant-drawer{
    position:fixed !important;
    left:var(--assistant-fixed-left, 10px) !important;
    right:var(--assistant-fixed-right, 10px) !important;
    top:var(--assistant-fixed-top, 116px) !important;
    bottom:auto !important;
    width:var(--assistant-fixed-width, calc(100vw - 20px)) !important;
    z-index:1250 !important;
  }
  .assistant-drawer .assistant{
    height:auto !important;
    max-height:var(--assistant-max-height, min(68dvh, calc(100dvh - 132px))) !important;
    min-height:0 !important;
    border-radius:22px !important;
    padding:12px 12px 10px !important;
    background:#fff !important;
    box-shadow:0 22px 50px rgba(15, 23, 42, .14) !important;
    overflow:hidden !important;
  }
  .assistant-title strong{
    font-size:17px !important;
  }
  .assistant-head{
    margin-bottom:8px !important;
  }
  .assistant.has-chat .ai-chat{
    max-height:var(--assistant-chat-max-height, min(38dvh, 300px)) !important;
    height:auto !important;
    overflow:auto !important;
  }
  .assistant:not(.has-chat) .ai-chat{
    max-height:none !important;
  }
  .assistant-composer{
    padding-top:8px !important;
  }
  .assistant textarea{
    min-height:40px !important;
    max-height:64px !important;
    font-size:14px !important;
    line-height:1.25 !important;
  }
  .ai-msg{
    margin-bottom:8px !important;
  }
  .ai-msg.assistant.typing{
    min-height:28px !important;
  }
  .ai-typing{
    font-size:12px !important;
  }
  .modal-panel.search-mode.mobile-show-ai .results{
    display:block !important;
  }
}

@media (max-width: 380px){
  .modal-head{
    gap:6px !important;
    padding:10px 8px 8px !important;
  }
  .modal-logo{
    gap:6px !important;
  }
  .mobile-back-btn{
    width:32px !important;
    height:32px !important;
  }
  .modal-logo img{
    width:clamp(100px, 31vw, 118px) !important;
  }
  .head-actions{
    gap:4px !important;
    min-width:0 !important;
  }
  .assist-btn{
    min-width:78px !important;
    height:38px !important;
    padding:0 10px !important;
    border-radius:12px !important;
    font-size:12px !important;
    gap:6px !important;
  }
  .assist-stars{
    font-size:12px !important;
    letter-spacing:.6px !important;
  }
  .head-actions .icon-btn{
    width:36px !important;
    height:36px !important;
    border-radius:11px !important;
    font-size:23px !important;
  }
}

/* Recommended cards */
.initial-results-view .initial-track{
  display:block;
  width:100%;
  max-width:100%;
  padding:0;
  overflow:visible;
}

.initial-results-view .recommended-list{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
}

.initial-results-view .recommended-card{
  position:relative;
  min-height:385px;
  border:none;
  border-radius:0;
  background:#e9e3d8;
  overflow:hidden;
  box-shadow:none;
}

.initial-results-view .recommended-card:hover{
  box-shadow:0 0 0 1px rgba(217,31,38,.72) inset;
}

.initial-results-view .recommended-card-media{
  position:absolute;
  inset:0;
  display:block;
  text-decoration:none;
  background:#ddd7c9;
}

.initial-results-view .recommended-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(12,18,32,.04) 0%, rgba(12,18,32,0) 28%, rgba(12,18,32,.08) 56%, rgba(12,18,32,.44) 100%);
  pointer-events:none;
}

.initial-results-view .recommended-card-media img,
.initial-results-view .recommended-card-media .img-fallback{
  width:100%;
  height:100%;
  object-fit:cover;
  border:none;
  border-radius:0;
}

.initial-results-view .recommended-card-badge-stack{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  max-width:min(68%, 160px);
}

.initial-results-view .recommended-card-badge-stack .tag-new,
.initial-results-view .recommended-card-badge-stack .disc-auto,
.initial-results-view .recommended-card-badge-stack .disc{
  margin:0;
}

.initial-results-view .recommended-card-info{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  grid-template-areas:
    "name name"
    "variants price"
    ". discount";
  align-items:end;
  gap:8px 14px;
}

.initial-results-view .recommended-card-name,
.initial-results-view .recommended-card-name-static{
  display:block;
  grid-area:name;
  margin:0;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.015em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.34);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:100%;
}

.initial-results-view .recommended-card-price{
  grid-area:price;
  margin:0;
  justify-content:flex-end;
  align-self:end;
  font-size:16px;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}

.initial-results-view .recommended-card-price .new{
  color:var(--price-new-color);
}

.initial-results-view .recommended-card-price .old{
  color:#cbd5e1;
  font-size:13px;
}

.initial-results-view .recommended-card .result-row-variants{
  grid-area:variants;
  gap:7px;
  align-items:center;
}

.initial-results-view .recommended-card .result-color-variant{
  width:14px;
  height:14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 0 0 1px rgba(0,0,0,.12);
}

.initial-results-view .recommended-card .result-color-variant.is-active{
  box-shadow:0 0 0 2px rgba(255,255,255,.85), 0 0 0 3px rgba(17,24,39,.2);
  border-color:#fff;
}

.initial-results-view .recommended-card-actions{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}

.initial-results-view .recommended-card .result-add-btn{
  width:42px;
  height:42px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111827;
  border:1px solid rgba(255,255,255,.95);
  font-size:28px;
  box-shadow:0 8px 16px rgba(0,0,0,.1);
}

.initial-results-view .recommended-card .result-size-picker{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:4;
  display:none;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 32px rgba(15,23,42,.14);
}

.initial-results-view .recommended-card.size-picker-open .result-size-picker{
  display:block;
}

.initial-results-view .recommended-card.size-picker-open .recommended-card-info{
  bottom:76px;
}

.initial-results-view .recommended-card .result-size-picker-head{
  margin-bottom:8px;
  color:#64748b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.initial-results-view .recommended-card .result-size-options{
  gap:6px;
}

.initial-results-view .recommended-card .result-size-option{
  border:1px solid #d8dee8;
  background:#fff;
  color:#111827;
  border-radius:999px;
  padding:7px 12px;
  font-size:11px;
  font-weight:700;
}

.initial-results-view .recommended-card .result-size-option:hover{
  border-color:#d91f26;
  background:#fff5f5;
  color:#991b1b;
}

.initial-results-view .recommended-card-empty{
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.initial-results-view .recommended-card-empty .recommended-card-copy{
  width:100%;
}

.initial-results-view .recommended-empty-note{
  display:block;
  width:100%;
  padding:6px 2px 2px;
  color:#64748b;
  font-size:14px;
  line-height:1.45;
  font-weight:600;
}

.initial-results-view .results-more-btn-initial{
  grid-column:1 / -1;
  width:100%;
}

.search-results-view .result-list.result-list-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  align-content:start;
  border:none;
  border-radius:0;
  background:transparent;
  overflow-y:visible;
  overflow-x:hidden;
  padding-right:0;
}

.search-results-view .result-list.result-list-grid.result-list-grouped{
  grid-template-columns:minmax(0, 1fr);
  gap:24px;
}

.search-results-view .result-group{
  display:grid;
  gap:12px;
  min-width:0;
}

.search-results-view .result-group-title{
  display:none;
  margin:0;
  padding:0 2px;
  color:#111827;
  font-size:15px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.search-results-view .result-group-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  min-width:0;
  align-content:start;
}

.search-results-view .result-card-grid{
  position:relative;
  min-height:385px;
  border:none;
  border-radius:0;
  background:#e9e3d8;
  overflow:hidden;
}

.search-results-view .result-card-grid:hover{
  box-shadow:0 0 0 1px rgba(217,31,38,.72) inset;
}

.search-results-view .result-card-grid .recommended-card-media{
  position:absolute;
  inset:0;
  display:block;
  text-decoration:none;
  background:#ddd7c9;
}

.search-results-view .result-card-grid .recommended-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(12,18,32,.04) 0%, rgba(12,18,32,0) 28%, rgba(12,18,32,.08) 56%, rgba(12,18,32,.44) 100%);
  pointer-events:none;
}

.search-results-view .result-card-grid .recommended-card-media img,
.search-results-view .result-card-grid .recommended-card-media .img-fallback{
  width:100%;
  height:100%;
  object-fit:cover;
  border:none;
  border-radius:0;
}

.search-results-view .result-card-grid .recommended-card-badge-stack{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  max-width:min(68%, 160px);
}

.search-results-view .result-card-grid .recommended-card-info{
  position:absolute;
  left:16px;
  right:16px;
  bottom:14px;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  grid-template-areas:
    "name name"
    "variants price";
  align-items:end;
  gap:8px 14px;
}

.search-results-view .result-card-grid .recommended-card-name,
.search-results-view .result-card-grid .recommended-card-name-static{
  grid-area:name;
  display:block;
  margin:0;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.015em;
  text-transform:uppercase;
  text-shadow:0 2px 12px rgba(0,0,0,.34);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.search-results-view .result-card-grid .recommended-card-price{
  grid-area:price;
  margin:0;
  justify-content:flex-end;
  align-self:end;
  font-size:16px;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}

.search-results-view .result-card-grid .recommended-card-price .new{
  color:var(--price-new-color);
}

.search-results-view .result-card-grid .recommended-card-price .old{
  color:#cbd5e1;
  font-size:13px;
}

.search-results-view .result-card-grid .result-row-variants{
  grid-area:variants;
  gap:7px;
}

.search-results-view .result-card-grid .result-color-variant{
  width:14px;
  height:14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 0 0 1px rgba(0,0,0,.12);
}

.search-results-view .result-card-grid .result-color-variant.is-active{
  box-shadow:0 0 0 2px rgba(255,255,255,.85), 0 0 0 3px rgba(17,24,39,.2);
  border-color:#fff;
}

.search-results-view .result-card-grid .recommended-card-actions{
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}

.search-results-view .result-card-grid .result-add-btn{
  width:42px;
  height:42px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111827;
  border:1px solid rgba(255,255,255,.95);
  font-size:28px;
  box-shadow:0 8px 16px rgba(0,0,0,.1);
}

.search-results-view .result-card-grid .result-size-picker{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:4;
  display:none;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 32px rgba(15,23,42,.14);
}

.search-results-view .result-card-grid.size-picker-open .result-size-picker{
  display:block;
}

.search-results-view .result-card-grid.size-picker-open .recommended-card-info{
  bottom:76px;
}

.search-results-view .result-card-grid .result-size-picker-head{
  margin-bottom:8px;
  color:#64748b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.search-results-view .result-card-grid .result-size-options{
  gap:6px;
}

.search-results-view .result-card-grid .result-size-option{
  border:1px solid #d8dee8;
  background:#fff;
  color:#111827;
  border-radius:999px;
  padding:7px 12px;
  font-size:11px;
  font-weight:700;
}

.search-results-view .result-card-grid .result-size-option:hover{
  border-color:#d91f26;
  background:#fff5f5;
  color:#991b1b;
}

.search-results-view .result-list.result-list-grid .results-more-btn{
  grid-column:1 / -1;
}

@media (max-width: 1180px){
  .initial-results-view .recommended-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .search-results-view .result-list.result-list-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .initial-results-view .initial-track{
    overflow:visible !important;
  }

  .initial-results-view .recommended-list{
    grid-template-columns:1fr;
    gap:14px;
  }

  .initial-results-view .recommended-card{
    min-height:440px;
  }

  .initial-results-view .recommended-card-badge-stack{
    top:12px;
    right:12px;
    gap:6px;
    max-width:120px;
  }

  .initial-results-view .recommended-card-badge-stack .tag-new,
  .initial-results-view .recommended-card-badge-stack .disc-auto,
  .initial-results-view .recommended-card-badge-stack .disc{
    font-size:9px;
    padding:3px 7px;
  }

  .initial-results-view .recommended-card-info{
    left:14px;
    right:14px;
    bottom:14px;
    gap:10px;
  }

  .initial-results-view .recommended-card-name,
  .initial-results-view .recommended-card-name-static{
    font-size:18px;
    line-height:1.04;
  }

  .initial-results-view .recommended-card-price{
    font-size:17px;
  }

  .initial-results-view .recommended-card-price .old{
    font-size:13px;
  }

  .initial-results-view .recommended-card .result-color-variant{
    width:16px;
    height:16px;
  }

  .initial-results-view .recommended-card .result-add-btn{
    width:40px;
    height:40px;
    font-size:26px;
  }

  .initial-results-view .recommended-card .result-size-picker{
    left:10px;
    right:10px;
    bottom:10px;
    padding:9px 10px;
  }

  .initial-results-view .recommended-card.size-picker-open .recommended-card-info{
    bottom:72px;
  }

  .initial-results-view .recommended-card .result-size-option{
    padding:6px 10px;
    font-size:10px;
  }

  .search-results-view .result-list.result-list-grid{
    grid-template-columns:1fr;
    gap:14px;
    padding-right:10px;
  }

  .search-results-view .result-card-grid{
    min-height:440px;
  }

  .search-results-view .result-card-grid .recommended-card-badge-stack{
    top:12px;
    right:12px;
    gap:6px;
    max-width:120px;
  }

  .search-results-view .result-card-grid .recommended-card-badge-stack .tag-new,
  .search-results-view .result-card-grid .recommended-card-badge-stack .disc-auto,
  .search-results-view .result-card-grid .recommended-card-badge-stack .disc{
    font-size:9px;
    padding:3px 7px;
  }

  .search-results-view .result-card-grid .recommended-card-info{
    left:14px;
    right:14px;
    bottom:14px;
    gap:10px;
  }

  .search-results-view .result-card-grid .recommended-card-name,
  .search-results-view .result-card-grid .recommended-card-name-static{
    font-size:18px;
    line-height:1.04;
  }

  .search-results-view .result-card-grid .recommended-card-price{
    font-size:17px;
  }

  .search-results-view .result-card-grid .recommended-card-price .old{
    font-size:13px;
  }

  .search-results-view .result-card-grid .result-color-variant{
    width:16px;
    height:16px;
  }

  .search-results-view .result-card-grid .result-add-btn{
    width:40px;
    height:40px;
    font-size:26px;
  }

  .search-results-view .result-card-grid .result-size-picker{
    left:10px;
    right:10px;
    bottom:10px;
    padding:9px 10px;
  }

  .search-results-view .result-card-grid.size-picker-open .recommended-card-info{
    bottom:72px;
  }

  .search-results-view .result-card-grid .result-size-option{
    padding:6px 10px;
    font-size:10px;
  }
}

/* Final unified card layout for recommended + search cards */
.initial-results-view .recommended-list,
.search-results-view .result-list.result-list-grid{
  gap:16px;
}

.initial-results-view .recommended-card,
.search-results-view .result-card-grid{
  position:relative;
  min-height:385px;
  border:none;
  border-radius:0;
  overflow:hidden;
  background:#e8dfd2;
  box-shadow:none;
}

.initial-results-view .recommended-card .recommended-card-media,
.search-results-view .result-card-grid .recommended-card-media{
  position:absolute;
  inset:0;
  display:block;
  background:#ddd3c3;
}

.initial-results-view .recommended-card .recommended-card-media::after,
.search-results-view .result-card-grid .recommended-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(9, 12, 20, .04) 0%, rgba(9, 12, 20, 0) 26%, rgba(9, 12, 20, .08) 54%, rgba(9, 12, 20, .62) 100%);
  pointer-events:none;
}

.initial-results-view .recommended-card .recommended-card-media img,
.initial-results-view .recommended-card .recommended-card-media .img-fallback,
.search-results-view .result-card-grid .recommended-card-media img,
.search-results-view .result-card-grid .recommended-card-media .img-fallback{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  border:none;
  border-radius:0;
}

.initial-results-view .recommended-card .recommended-card-badge-stack,
.search-results-view .result-card-grid .recommended-card-badge-stack{
  position:absolute;
  top:14px;
  right:14px;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  max-width:58%;
}

.initial-results-view .recommended-card .recommended-card-info,
.search-results-view .result-card-grid .recommended-card-info{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:4;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  grid-template-areas:
    "name name"
    "variants price";
  align-items:end;
  gap:8px 12px;
  padding:0;
  background:transparent;
}

.initial-results-view .recommended-card .recommended-card-name,
.initial-results-view .recommended-card .recommended-card-name-static,
.search-results-view .result-card-grid .recommended-card-name,
.search-results-view .result-card-grid .recommended-card-name-static{
  grid-area:name;
  display:-webkit-box;
  margin:0;
  max-width:100%;
  overflow:hidden;
  color:#ffffff;
  text-decoration:none;
  font-size:13px;
  line-height:1.14;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:uppercase;
  text-shadow:0 3px 16px rgba(0,0,0,.42);
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}

.initial-results-view .recommended-card .recommended-card-price,
.search-results-view .result-card-grid .recommended-card-price{
  grid-area:price;
  justify-self:end;
  align-self:end;
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin:0;
  font-size:16px;
  line-height:1;
  color:#ffffff;
  text-shadow:0 3px 14px rgba(0,0,0,.38);
}

.initial-results-view .recommended-card .recommended-card-price .new,
.search-results-view .result-card-grid .recommended-card-price .new{
  color:var(--price-new-color);
}

.initial-results-view .recommended-card .recommended-card-price .old,
.search-results-view .result-card-grid .recommended-card-price .old{
  color:#cbd5e1;
  font-size:13px;
}

.initial-results-view .recommended-card .card-discount-under-price,
.search-results-view .result-card-grid .card-discount-under-price{
  grid-area:discount;
  justify-self:end;
  display:flex;
  margin:0;
}

.initial-results-view .recommended-card .card-discount-under-price .disc-auto,
.initial-results-view .recommended-card .card-discount-under-price .disc,
.search-results-view .result-card-grid .card-discount-under-price .disc-auto,
.search-results-view .result-card-grid .card-discount-under-price .disc{
  position:static;
  display:inline-flex;
  max-width:100%;
  font-size:9px;
  line-height:1.1;
  text-align:right;
}

.initial-results-view .recommended-card .result-row-variants,
.search-results-view .result-card-grid .result-row-variants{
  grid-area:variants;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:0;
}

.initial-results-view .recommended-card .result-color-variant,
.search-results-view .result-card-grid .result-color-variant{
  width:14px;
  height:14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 0 0 1px rgba(17,24,39,.22);
}

.initial-results-view .recommended-card .result-color-variant.is-active,
.search-results-view .result-card-grid .result-color-variant.is-active{
  box-shadow:0 0 0 2px rgba(255,255,255,.9), 0 0 0 3px rgba(17,24,39,.28);
}

.initial-results-view .recommended-card .recommended-card-actions,
.search-results-view .result-card-grid .recommended-card-actions{
  position:absolute;
  left:14px;
  top:14px;
  bottom:auto;
  right:auto;
  z-index:4;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  transform:none;
}

.initial-results-view .recommended-card .result-add-btn,
.search-results-view .result-card-grid .result-add-btn{
  width:42px;
  height:42px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.96);
  color:#111827;
  font-size:28px;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.initial-results-view .recommended-card .result-add-btn.is-active,
.search-results-view .result-card-grid .result-add-btn.is-active{
  background:#111827;
  color:#fff;
  border-color:#111827;
}

.initial-results-view .recommended-card .result-size-picker,
.search-results-view .result-card-grid .result-size-picker{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:5;
  display:none;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 34px rgba(15,23,42,.15);
}

.initial-results-view .recommended-card.size-picker-open .result-size-picker,
.search-results-view .result-card-grid.size-picker-open .result-size-picker{
  display:block;
}

.initial-results-view .recommended-card.size-picker-open .recommended-card-info,
.search-results-view .result-card-grid.size-picker-open .recommended-card-info{
  bottom:82px;
}

@media (min-width: 761px){
  .initial-results-view .recommended-card .result-size-picker,
  .search-results-view .result-card-grid .result-size-picker{
    left:16px !important;
    right:16px !important;
    bottom:16px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 18px 34px rgba(15,23,42,.15) !important;
  }

  .initial-results-view .recommended-card .result-size-picker-head,
  .search-results-view .result-card-grid .result-size-picker-head{
    margin-bottom:10px !important;
    font-size:11px !important;
  }

  .initial-results-view .recommended-card .result-size-options,
  .search-results-view .result-card-grid .result-size-options{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:6px !important;
  }

  .initial-results-view .recommended-card .result-size-option,
  .search-results-view .result-card-grid .result-size-option{
    min-width:44px !important;
    height:34px !important;
    padding:0 10px !important;
    border-radius:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:11px !important;
    font-weight:700 !important;
  }

  .initial-results-view .recommended-card.size-picker-open .recommended-card-info,
  .search-results-view .result-card-grid.size-picker-open .recommended-card-info{
    bottom:var(--size-picker-open-offset, 112px) !important;
  }
}

@media (max-width: 1180px){
  .initial-results-view .recommended-list,
  .search-results-view .result-list.result-list-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .modal-panel.initial-mode .results{
    min-width:0 !important;
    width:100% !important;
    overflow:hidden !important;
  }

  .modal-panel.initial-mode .initial-results-view{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  .modal-panel.initial-mode .initial-track{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    overflow:visible !important;
    padding:0 !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    gap:14px !important;
    max-height:calc(100dvh - 285px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-right:6px !important;
    align-content:start !important;
    scrollbar-width:thin !important;
    scrollbar-color:#cbd5e1 transparent !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-list::-webkit-scrollbar{
    width:7px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-list::-webkit-scrollbar-thumb{
    background:#cbd5e1 !important;
    border-radius:999px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-list::-webkit-scrollbar-track{
    background:transparent !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:420px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card-media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card-media img,
  .modal-panel.initial-mode .initial-track .recommended-card-media .img-fallback{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
  }

  .modal-panel.initial-mode .initial-track .result-list{
    max-height:calc(100dvh - 250px) !important;
    padding-right:6px !important;
  }

  .initial-results-view .recommended-list,
  .search-results-view .result-list.result-list-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .initial-results-view .recommended-card,
  .search-results-view .result-card-grid{
    min-height:420px;
  }

  .initial-results-view .recommended-card .recommended-card-badge-stack,
  .search-results-view .result-card-grid .recommended-card-badge-stack{
    top:12px;
    right:12px;
    max-width:54%;
  }

  .initial-results-view .recommended-card .recommended-card-badge-stack .tag-new,
  .initial-results-view .recommended-card .recommended-card-badge-stack .disc-auto,
  .initial-results-view .recommended-card .recommended-card-badge-stack .disc,
  .search-results-view .result-card-grid .recommended-card-badge-stack .tag-new,
  .search-results-view .result-card-grid .recommended-card-badge-stack .disc-auto,
  .search-results-view .result-card-grid .recommended-card-badge-stack .disc{
    font-size:9px;
    padding:3px 7px;
  }

  .initial-results-view .recommended-card .recommended-card-name,
  .initial-results-view .recommended-card .recommended-card-name-static,
  .search-results-view .result-card-grid .recommended-card-name,
  .search-results-view .result-card-grid .recommended-card-name-static{
    font-size:16px;
    line-height:1.08;
  }

  .initial-results-view .recommended-card .recommended-card-price,
  .search-results-view .result-card-grid .recommended-card-price{
    font-size:17px;
  }

  .initial-results-view .recommended-card .result-color-variant,
  .search-results-view .result-card-grid .result-color-variant{
    width:16px;
    height:16px;
  }

  .initial-results-view .recommended-card .result-add-btn,
  .search-results-view .result-card-grid .result-add-btn{
    width:40px;
    height:40px;
    font-size:26px;
  }
}

.quick-add-overlay{
  position:fixed;
  inset:0;
  z-index:1400;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(15,23,42,.22);
  backdrop-filter:blur(6px);
}

.quick-add-overlay.open{
  display:flex;
}

.quick-add-dialog{
  width:min(420px, calc(100vw - 32px));
  padding:18px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 60px rgba(15,23,42,.2);
}

.quick-add-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.quick-add-head strong{
  color:#111827;
  font-size:22px;
  font-weight:800;
}

.quick-add-close{
  width:38px;
  height:38px;
  border:none;
  border-radius:999px;
  background:#f8fafc;
  color:#475569;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}

.quick-add-product-name{
  margin-bottom:14px;
  color:#334155;
  font-size:14px;
  line-height:1.35;
  font-weight:700;
}

.quick-add-options{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.quick-add-option{
  min-width:54px;
  height:42px;
  padding:0 14px;
  border:1px solid #d8dee8;
  border-radius:999px;
  background:#fff;
  color:#111827;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}

.quick-add-option:hover{
  border-color:#d91f26;
  background:#fff5f5;
  color:#991b1b;
}

@media (max-width: 760px){
  .search-modal.mobile-filters-lock{
    overflow:hidden !important;
    touch-action:none !important;
  }

  .search-modal.mobile-filters-lock .modal-panel{
    overflow:hidden !important;
  }

  .mobile-filter-backdrop{
    position:fixed;
    inset:0;
    z-index:1650;
    display:none;
    border:none;
    padding:0;
    background:rgba(15, 23, 42, .36);
  }

  .modal-panel.search-mode.mobile-show-filters .mobile-filter-backdrop{
    display:block !important;
  }

  .mobile-mode-tabs,
  .modal-panel.search-expanded-mode .mobile-mode-tabs{
    display:none !important;
  }

  .search-results-view .result-head .sort{
    display:none !important;
  }

  .mobile-filter-fab{
    position:fixed;
    left:50%;
    bottom:max(16px, calc(env(safe-area-inset-bottom, 0px) + 10px));
    z-index:1600;
    display:none;
    align-items:center;
    justify-content:center;
    top:85%;
    gap:8px;
    min-width:126px;
    height:50px;
    padding:0 20px;
    border:none;
    border-radius:999px;
    background:#d91f26;
    color:#fff;
    font-size:16px;
    font-weight:800;
    box-shadow:0 14px 28px rgba(217,31,38,.28);
    transform:translateX(-50%);
    pointer-events:auto;
  }

  .mobile-filter-fab.show{
    display:inline-flex;
  }

  .mobile-filter-fab-icon{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .mobile-filter-fab-icon svg{
    width:18px;
    height:18px;
    stroke:#fff;
    stroke-width:2;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .modal-panel.search-mode.mobile-show-filters{
    overflow:hidden !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filters{
    display:flex !important;
    flex-direction:column !important;
    position:fixed !important;
    left:max(0px, env(safe-area-inset-left)) !important;
    right:max(0px, env(safe-area-inset-right)) !important;
    top:auto !important;
    bottom:0 !important;
    z-index:1700 !important;
    width:auto !important;
    max-height:min(94dvh, 880px) !important;
    margin:0 !important;
    padding:10px 18px 0 !important;
    border:none !important;
    border-radius:24px 24px 0 0 !important;
    background:#fff !important;
    box-shadow:0 -12px 36px rgba(15, 23, 42, .18) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    scroll-padding-bottom:228px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filters::after{
    content:'';
    display:block;
    flex:0 0 auto;
    min-height:228px;
  }

  .modal-panel.search-mode.mobile-show-filters .results{
    display:block !important;
    pointer-events:none !important;
    user-select:none !important;
  }

  .modal-panel.search-mode.mobile-show-filters .mobile-filter-fab{
    display:none !important;
  }

  .mobile-filter-sheet-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
    position:relative;
    padding-top:18px;
  }

  .mobile-filter-handle{
    position:absolute;
    top:0;
    left:50%;
    width:84px;
    height:5px;
    border-radius:999px;
    background:#d1d5db;
    transform:translateX(-50%);
    touch-action:none;
    cursor:grab;
  }

  .mobile-filter-count{
    color:#111827;
    font-size:16px;
    font-weight:600;
  }

  .mobile-filter-close{
    width:40px;
    height:40px;
    border:none;
    border-radius:999px;
    background:transparent;
    color:#6b7280;
    font-size:42px;
    line-height:1;
    cursor:pointer;
    padding:0;
  }

  .mobile-filter-sort-wrap{
    display:none;
    margin:0 0 12px;
  }

  .mobile-filter-sort-wrap .sort{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:44px !important;
    border:1px solid #d7dce5 !important;
    border-radius:14px !important;
    background-color:#fff !important;
    color:#111827 !important;
    font-size:14px !important;
    font-weight:700 !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filters-top{
    display:none !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filter-block{
    padding:0 0 16px !important;
    margin:0 0 16px !important;
    border-bottom:1px solid #eef2f7 !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-toggle{
    min-height:40px !important;
    padding:0 !important;
    font-size:16px !important;
    font-weight:800 !important;
    color:#111827 !important;
    border:none !important;
    background:transparent !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-toggle .facet-chevron{
    position:relative !important;
    width:18px !important;
    height:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-toggle .facet-chevron::before{
    content:"▴" !important;
    color:#111827 !important;
    font-size:16px !important;
    line-height:1 !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filter-block.collapsed .facet-toggle .facet-chevron::before{
    content:"▾" !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filter-block:not(.collapsed) .facet-list{
    padding-top:12px !important;
    max-height:none !important;
    overflow:visible !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-list{
    padding-right:0 !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-list-scroll{
    max-height:230px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding-right:4px !important;
    scrollbar-width:thin !important;
    scrollbar-color:#cbd5e1 transparent !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-list-scroll::-webkit-scrollbar{
    width:6px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-list-scroll::-webkit-scrollbar-thumb{
    background:#cbd5e1 !important;
    border-radius:999px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-list-scroll::-webkit-scrollbar-track{
    background:transparent !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-search{
    display:flex;
    align-items:center;
    gap:8px;
    width:100%;
    height:40px;
    margin:4px 0 12px;
    padding:0 12px;
    border:1px solid #d7dce5;
    border-radius:6px;
    background:#fff;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-search-icon{
    width:16px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#9ca3af;
    flex:0 0 auto;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-search-icon svg{
    width:16px;
    height:16px;
    stroke:currentColor;
    stroke-width:1.8;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-search-input{
    width:100%;
    border:none;
    outline:none;
    background:transparent;
    color:#111827;
    font-size:14px;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-search-input::placeholder{
    color:#9ca3af;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-item{
    margin-bottom:10px !important;
    font-size:14px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-item-simple{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:38px !important;
    padding-right:2px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-left{
    gap:10px !important;
    align-items:center !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-item input[type="checkbox"]{
    width:20px !important;
    height:20px !important;
    border-radius:5px !important;
    flex:0 0 auto !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-color-dot-inline{
    width:14px !important;
    height:14px !important;
    border-radius:999px !important;
    flex:0 0 auto !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-count{
    font-size:14px !important;
    color:#6b7280 !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-footer{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    margin-top:8px;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-footer-note{
    color:#9ca3af;
    font-size:12px;
    text-align:center;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-more-btn{
    border:none;
    background:transparent;
    color:#111827;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    padding:0;
  }

  .mobile-filter-actions{
    position:sticky;
    left:0;
    right:0;
    bottom:-1px;
    z-index:6;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 -18px calc(-1 * env(safe-area-inset-bottom, 0px));
    min-height:110px;
    padding:26px 18px calc(env(safe-area-inset-bottom, 0px) + 18px);
    background:#fff;
    border-top:1px solid #eef2f7;
    box-shadow:0 -12px 28px rgba(15, 23, 42, .08);
    flex:0 0 auto;
  }

  .mobile-filter-actions::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:-84px;
    height:84px;
    background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.96) 55%, #fff 100%);
    pointer-events:none;
  }

  .mobile-filter-clear-btn,
  .mobile-filter-apply-btn{
    flex:1 1 0;
    height:48px;
    border-radius:999px;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
  }

  .mobile-filter-clear-btn{
    border:none;
    background:transparent;
    color:#d91f26;
  }

  .mobile-filter-apply-btn{
    border:none;
    background:#d91f26;
    color:#fff;
    box-shadow:0 10px 20px rgba(217,31,38,.22);
  }
}

.initial-results-view .results-more-btn{
  min-height:44px !important;
  padding:18px 19px !important;
  font-size:18px !important;
}

@media (max-width: 760px){
  .results-more-btn{
    margin:14px 2px 19px !important;
    min-height:46px !important;
    padding:0 14px !important;
    border-radius:16px !important;
  }
}

@media (max-width: 760px){
  .modal-panel.initial-mode .initial-track .result-list{
    max-height:min(980px, calc(100dvh - 235px)) !important;
  }
}

.clear-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:36px !important;
  padding:0 12px !important;
  border:1px solid #fecaca !important;
  border-radius:999px !important;
  background:#fff5f5 !important;
  color:#d91f26 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-transform:none !important;
}

.clear-btn svg{
  width:16px !important;
  height:16px !important;
  fill:currentColor !important;
  flex:0 0 auto !important;
}

.clear-btn:hover{
  background:#ffecec !important;
  border-color:#fca5a5 !important;
}

/* Restore final layout after keyword-card changes */
.topbar-inner .mini-search{
  width:100% !important;
  max-width:278px !important;
  min-width:0 !important;
  flex:0 1 278px !important;
  justify-self:start !important;
}

.topbar-inner .mini-search input{
  min-width:0 !important;
}

.modal-panel .recent-list{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}

.modal-panel .recent-list li{
  display:block !important;
  width:100% !important;
  margin:0 !important;
}

.modal-panel .recent-item{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  padding:11px 0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:left !important;
}

.modal-panel .recent-item-icon{
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}

.modal-panel .recent-item > span:last-child{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}

.modal-panel.search-mode .search-results-view .result-list.result-list-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:16px !important;
  align-content:start !important;
}

.modal-panel.search-mode .search-results-view .result-card-grid{
  position:relative !important;
  display:block !important;
  min-height:385px !important;
  overflow:hidden !important;
  border:none !important;
  border-radius:0 !important;
  background:#e8dfd2 !important;
  box-shadow:none !important;
}

.modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-media{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:#ddd3c3 !important;
}

.modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-media img,
.modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-media .img-fallback{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  border:none !important;
  border-radius:0 !important;
}

.modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-info{
  position:absolute !important;
  left:14px !important;
  right:14px !important;
  bottom:14px !important;
  z-index:4 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  grid-template-areas:
    "name name"
    "variants price" !important;
  align-items:end !important;
  gap:8px 12px !important;
  padding:0 !important;
  background:transparent !important;
}

.modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-name,
.modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-name-static{
  grid-area:name !important;
  display:-webkit-box !important;
  margin:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:13px !important;
  line-height:1.14 !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  text-shadow:0 3px 16px rgba(0,0,0,.42) !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
}

.modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-price{
  grid-area:price !important;
  justify-self:end !important;
  align-self:end !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:8px !important;
  margin:0 !important;
  font-size:16px !important;
  line-height:1 !important;
  color:#ffffff !important;
  text-shadow:0 3px 14px rgba(0,0,0,.38) !important;
}

.modal-panel.search-mode .search-results-view .result-card-grid .result-row-variants{
  grid-area:variants !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:7px !important;
  margin:0 !important;
}

.modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-actions{
  position:absolute !important;
  left:14px !important;
  top:14px !important;
  right:auto !important;
  bottom:auto !important;
  z-index:4 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}

@media (max-width: 1180px){
  .modal-panel.search-mode .search-results-view .result-list.result-list-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .modal-panel.search-mode .search-results-view .result-group-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

.result-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.desktop-result-view-toggle{
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(148, 163, 184, .4);
  border-radius:999px;
  background:#fff;
}

.desktop-result-view-btn{
  width:34px;
  height:34px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#64748b;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.desktop-result-view-btn.is-active{
  background:#111827;
  color:#fff;
}

.result-view-toggle{
  display:none;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(148, 163, 184, .4);
  border-radius:999px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15, 23, 42, .08);
}

.result-view-btn{
  width:34px;
  height:34px;
  border:none;
  border-radius:999px;
  background:transparent;
  color:#64748b;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background-color .18s ease, color .18s ease, transform .18s ease;
}

.result-view-btn:hover{
  color:#0f172a;
  background:#f8fafc;
}

.result-view-btn.is-active{
  background:#111827;
  color:#fff;
  box-shadow:0 8px 18px rgba(15, 23, 42, .16);
}

.result-view-icon{
  display:grid;
  align-items:stretch;
  gap:2px;
}

.result-view-icon span{
  display:block;
  width:100%;
  height:12px;
  border-radius:2px;
  background:currentColor;
}

.result-view-icon-single{
  width:10px;
  grid-template-columns:1fr;
}

.result-view-icon-double{
  width:16px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

@media (max-width: 760px){
  .desktop-result-view-toggle{
    display:none !important;
  }

  .mobile-filter-backdrop{
    pointer-events:none !important;
    opacity:0 !important;
  }

  .modal-panel.search-mode .filters{
    pointer-events:none !important;
  }

  .modal-panel.search-mode.mobile-show-filters .mobile-filter-backdrop{
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filters{
    pointer-events:auto !important;
  }

  .result-area,
  .results,
  .initial-results-view,
  .search-results-view,
  .search-results-view .result-head,
  .search-results-view .result-head > div:first-child,
  .search-results-view .result-head-actions,
  .search-results-view .result-list.result-list-grid,
  .search-results-view .result-card-grid,
  .assistant,
  .assistant-drawer{
    min-width:0 !important;
  }

  .search-results-view .result-head{
    align-items:flex-start !important;
    gap:10px !important;
  }

  .search-results-view .result-head > div:first-child{
    flex:1 1 auto !important;
  }

  .search-results-view .result-head-actions{
    margin-left:auto !important;
    gap:8px !important;
  }

  .search-results-view .result-head .result-view-toggle{
    display:inline-flex !important;
  }

  .search-results-view .result-list.result-list-grid.result-list-grouped{
    gap:18px !important;
  }

  .search-results-view .result-group{
    gap:10px !important;
  }

  .search-results-view .result-group-title{
    display:none !important;
    padding:0 2px !important;
    font-size:12px !important;
    letter-spacing:.12em !important;
  }

  .modal-panel.search-mode:not([data-mobile-result-columns="2"]) .search-results-view .result-list.result-list-grid{
    grid-template-columns:minmax(0, 1fr) !important;
    gap:12px !important;
  }

  .modal-panel.search-mode:not([data-mobile-result-columns="2"]) .search-results-view .result-group-grid{
    grid-template-columns:minmax(0, 1fr) !important;
    gap:12px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-list.result-list-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-group-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  .modal-panel.search-mode:not([data-mobile-result-columns="2"]) .search-results-view .result-card-grid{
    min-height:340px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid{
    min-height:236px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid .recommended-card-badge-stack{
    top:10px !important;
    right:10px !important;
    gap:4px !important;
    max-width:72% !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid .recommended-card-actions{
    top:10px !important;
    left:10px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid .recommended-card-info{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    gap:5px 8px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid .recommended-card-name,
  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid .recommended-card-name-static{
    font-size:11px !important;
    line-height:1.1 !important;
    -webkit-line-clamp:3 !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid .recommended-card-price{
    gap:4px !important;
    font-size:12px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid .result-row-variants{
    gap:5px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid .result-color-variant{
    width:11px !important;
    height:11px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid .result-add-btn{
    width:34px !important;
    height:34px !important;
    font-size:20px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
    max-height:min(720px, calc(100dvh - 235px)) !important;
    padding-right:4px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card{
    min-height:248px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card .recommended-card-badge-stack{
    top:10px !important;
    right:10px !important;
    gap:4px !important;
    max-width:72% !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card .recommended-card-actions{
    top:10px !important;
    left:10px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card .recommended-card-info{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    gap:5px 8px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card .recommended-card-name,
  .modal-panel.initial-mode .initial-track .recommended-card .recommended-card-name-static{
    font-size:11px !important;
    line-height:1.1 !important;
    -webkit-line-clamp:3 !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card .recommended-card-price{
    gap:4px !important;
    font-size:12px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card .result-row-variants{
    gap:5px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card .result-color-variant{
    width:11px !important;
    height:11px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card .result-add-btn{
    width:34px !important;
    height:34px !important;
    font-size:20px !important;
  }

  .modal-panel.initial-mode .initial-track .results-more-btn,
  .modal-panel.search-mode .search-results-view .results-more-btn{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
  }
}

.mobile-filter-scroll-body{
  display:contents;
}

@media (max-width: 760px){
  .search-modal{
    overscroll-behavior:none !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filters{
    height:var(--mobile-filter-panel-height, min(94dvh, 880px)) !important;
    max-height:var(--mobile-filter-panel-height, min(94dvh, 880px)) !important;
    padding:0 !important;
    overflow:hidden !important;
    overscroll-behavior:none !important;
    -webkit-overflow-scrolling:auto !important;
    contain:layout paint style !important;
    will-change:transform !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filters::after{
    content:none !important;
    display:none !important;
    min-height:0 !important;
  }

  .mobile-filter-sheet-head{
    position:relative !important;
    z-index:12 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    flex:0 0 auto !important;
    margin:0 !important;
    padding:18px 18px 10px !important;
    background:#fff !important;
    border-bottom:1px solid #eef2f7 !important;
  }

  .mobile-filter-handle{
    top:8px !important;
    width:68px !important;
    height:5px !important;
    background:#cbd5e1 !important;
    opacity:1 !important;
  }

  .mobile-filter-count{
    padding-top:6px !important;
  }

  .mobile-filter-sort-wrap{
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 18px 12px !important;
    background:#fff !important;
  }

  .modal-panel.search-mode.mobile-show-filters .mobile-filter-scroll-body{
    display:block !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:0 18px 12px !important;
    overscroll-behavior-y:contain !important;
    -webkit-overflow-scrolling:touch !important;
    background:#fff !important;
  }

  .modal-panel.search-mode.mobile-show-filters .mobile-filter-scroll-body > *{
    width:100% !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filter-block:last-of-type{
    margin-bottom:8px !important;
    padding-bottom:8px !important;
    border-bottom:none !important;
  }

  .mobile-filter-actions{
    position:relative !important;
    z-index:13 !important;
    flex:0 0 auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 0 calc(-1 * env(safe-area-inset-bottom, 0px)) !important;
    min-height:0 !important;
    padding:12px 18px calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
    background:#fff !important;
    border-top:1px solid #eef2f7 !important;
    box-shadow:0 -8px 20px rgba(15, 23, 42, .08) !important;
    isolation:isolate !important;
  }

  .mobile-filter-actions::before{
    content:none !important;
    display:none !important;
  }

  .modal-panel.search-mode.mobile-show-filters .results,
  .modal-panel.search-mode.mobile-show-filters .chip-row,
  .modal-panel.search-mode.mobile-show-filters .quick-strip,
  .modal-panel.search-mode.mobile-show-filters #status{
    visibility:hidden !important;
  }

  .modal-panel.search-mode.mobile-show-filters .price-facet{
    padding-bottom:0 !important;
  }
}

@media (max-width: 760px){
  .search-modal{
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    padding-top:max(8px, env(safe-area-inset-top)) !important;
    padding-right:max(8px, env(safe-area-inset-right)) !important;
    padding-bottom:max(8px, env(safe-area-inset-bottom)) !important;
    padding-left:max(8px, env(safe-area-inset-left)) !important;
    overflow:hidden !important;
    -webkit-text-size-adjust:100% !important;
    transition:opacity .16s ease, visibility 0s linear .16s !important;
  }

  .mini-search input,
  .topbar-inner .mini-search input,
  .modal-panel .search-line input,
  .modal-panel.search-mode.mobile-show-filters .facet-search-input,
  .assistant textarea{
    font-size:16px !important;
    -webkit-text-size-adjust:100% !important;
  }

  .modal-panel{
    flex:0 0 auto !important;
    width:100% !important;
    max-width:min(1780px, 100%) !important;
    min-width:0 !important;
    max-height:100dvh !important;
    padding:10px 14px 14px !important;
    border-radius:18px !important;
    margin:0 auto !important;
    transition:transform .2s ease, opacity .16s ease, border-radius .2s ease, box-shadow .2s ease !important;
  }

  .modal-head{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand actions"
      "search search" !important;
    align-items:center !important;
    min-height:48px !important;
    padding:7px 8px !important;
    gap:8px !important;
    overflow:hidden !important;
  }

  .modal-panel .modal-logo{
    grid-area:brand !important;
    width:auto !important;
    min-width:0 !important;
  }

  .modal-panel .head-actions{
    grid-area:actions !important;
    display:flex !important;
    align-items:center !important;
    justify-self:end !important;
    flex-wrap:nowrap !important;
    min-width:0 !important;
  }

  .modal-panel .modal-logo img{
    width:104px !important;
    max-width:100% !important;
    display:block !important;
  }

  .modal-panel .search-wrap{
    grid-area:search !important;
    flex:none !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
  }

  .modal-panel .search-line{
    width:100% !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 8px 0 10px !important;
  }

  .modal-panel .assist-btn{
    min-width:82px !important;
    height:34px !important;
    padding:0 9px !important;
    border-radius:14px !important;
    font-size:12px !important;
  }

  .modal-panel .head-actions .icon-btn{
    width:34px !important;
    height:34px !important;
  }

  .chip-row{
    margin-top:6px !important;
    gap:6px !important;
  }

  .chip-label{
    font-size:13px !important;
  }

  .chip{
    font-size:12px !important;
    padding:6px 10px !important;
  }

  .mobile-mode-tab{
    height:34px !important;
    font-size:13px !important;
  }

  .result-view-btn{
    width:32px !important;
    height:32px !important;
  }

  .modal-panel.search-mode:not([data-mobile-result-columns="2"]) .search-results-view .result-card-grid{
    min-height:324px !important;
  }

  .modal-panel.search-mode[data-mobile-result-columns="2"] .search-results-view .result-card-grid{
    min-height:224px !important;
  }

  .modal-panel.initial-mode .initial-track .recommended-card{
    min-height:236px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filters{
    left:max(0px, env(safe-area-inset-left)) !important;
    right:max(0px, env(safe-area-inset-right)) !important;
    width:auto !important;
    transition:none !important;
  }

  .mobile-filter-sheet-head{
    padding:16px 16px 9px !important;
  }

  .mobile-filter-count{
    font-size:15px !important;
  }

  .mobile-filter-close{
    width:36px !important;
    height:36px !important;
    font-size:38px !important;
  }

  .mobile-filter-sort-wrap{
    padding:0 16px 10px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .mobile-filter-scroll-body{
    padding:0 16px 10px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .filter-block{
    padding:0 0 14px !important;
    margin:0 0 14px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-toggle{
    min-height:36px !important;
    font-size:15px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-search{
    height:40px !important;
    margin:4px 0 10px !important;
    padding:0 10px !important;
  }

  .modal-panel.search-mode.mobile-show-filters .facet-item{
    margin-bottom:8px !important;
    font-size:13px !important;
  }

  .price-badges{
    gap:8px !important;
  }

  .price-badge{
    font-size:13px !important;
    min-height:40px !important;
    padding:0 10px !important;
  }

  .mobile-filter-actions{
    padding:10px 16px calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
    gap:10px !important;
  }

  .mobile-filter-clear-btn,
  .mobile-filter-apply-btn{
    height:44px !important;
    font-size:15px !important;
  }
}

@media (min-width:1024px){
  .search-modal{
    padding:10px 12px !important;
  }

  .modal-panel{
    width:min(1840px, calc(100vw - 24px)) !important;
    max-width:none !important;
  }

  .result-area{
    grid-template-columns:280px minmax(0, 1fr) !important;
    gap:18px !important;
  }

  .modal-panel.initial-mode .initial-results-view .recommended-list{
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap:16px !important;
    justify-content:stretch !important;
  }

  .modal-panel.initial-mode .initial-results-view .recommended-card{
    min-height:360px !important;
  }

  .modal-panel.search-mode[data-desktop-result-columns="4"] .search-results-view .result-list.result-list-grid:not(.result-list-grouped),
  .modal-panel.search-mode[data-desktop-result-columns="4"] .search-results-view .result-group-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:18px !important;
    justify-content:stretch !important;
  }

  .modal-panel.search-mode .search-results-view .result-list.result-list-grid.result-list-grouped{
    grid-template-columns:minmax(0, 1fr) !important;
  }

  .modal-panel.search-mode[data-desktop-result-columns="3"] .search-results-view .result-list.result-list-grid:not(.result-list-grouped),
  .modal-panel.search-mode[data-desktop-result-columns="3"] .search-results-view .result-group-grid{
    grid-template-columns:repeat(3, minmax(220px, 280px)) !important;
    gap:18px !important;
    align-items:start !important;
    justify-content:center !important;
  }

  .modal-panel.search-mode .search-results-view .result-card-grid{
    width:100% !important;
    min-width:0 !important;
    min-height:340px !important;
  }

  .modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-name,
  .modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-name-static{
    font-size:14px !important;
    line-height:1.08 !important;
    -webkit-line-clamp:2 !important;
  }
}

@media (min-width:1024px) and (max-width:1320px){
  .modal-panel.initial-mode .initial-results-view .recommended-list{
    grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)) !important;
  }

  .modal-panel.search-mode[data-desktop-result-columns="3"] .search-results-view .result-list.result-list-grid:not(.result-list-grouped),
  .modal-panel.search-mode[data-desktop-result-columns="3"] .search-results-view .result-group-grid{
    grid-template-columns:repeat(3, minmax(190px, 250px)) !important;
  }
}

.initial-results-view .recommended-card .recommended-card-info,
.modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-info{
  grid-template-areas:
    "name name"
    "variants price"
    ". discount" !important;
}

.initial-results-view .recommended-card .card-discount-under-price,
.modal-panel.search-mode .search-results-view .result-card-grid .card-discount-under-price{
  grid-area:discount !important;
  justify-self:end !important;
  align-self:start !important;
  display:flex !important;
  margin-top:1px !important;
}

.initial-results-view .recommended-card .recommended-card-badge-stack .disc-auto,
.initial-results-view .recommended-card .recommended-card-badge-stack .disc,
.search-results-view .result-card-grid .recommended-card-badge-stack .disc-auto,
.search-results-view .result-card-grid .recommended-card-badge-stack .disc{
  display:none !important;
}

@media (min-width:1024px){
  .modal-panel.initial-mode .initial-results-view .recommended-list{
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)) !important;
    width:100% !important;
    justify-content:stretch !important;
  }

  .modal-panel.initial-mode .initial-results-view .recommended-card{
    min-height:360px !important;
  }

  .modal-panel.search-mode .search-results-view .result-card-grid{
    min-height:340px !important;
  }

  .modal-panel.initial-mode .initial-results-view .recommended-card-media img,
  .modal-panel.search-mode .search-results-view .result-card-grid .recommended-card-media img{
    object-fit:cover !important;
    object-position:center top !important;
  }
}

/* Keyword banners use their own proportions instead of the product-card crop. */
.modal-panel.initial-mode .initial-results-view .recommended-card.recommended-card-keyword-banner,
.modal-panel.search-mode .search-results-view .result-card-grid.result-card-keyword-banner{
  grid-column:1 / -1 !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:auto !important;
  background:#fff !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card.recommended-card-keyword-banner .recommended-card-media,
.modal-panel.search-mode .search-results-view .result-card-grid.result-card-keyword-banner .recommended-card-media{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  background:#fff !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card.recommended-card-keyword-banner .recommended-card-media::after,
.modal-panel.search-mode .search-results-view .result-card-grid.result-card-keyword-banner .recommended-card-media::after,
.modal-panel.initial-mode .initial-results-view .recommended-card.recommended-card-keyword-banner .recommended-card-info,
.modal-panel.search-mode .search-results-view .result-card-grid.result-card-keyword-banner .recommended-card-info,
.modal-panel.initial-mode .initial-results-view .recommended-card.recommended-card-keyword-banner .recommended-card-actions,
.modal-panel.search-mode .search-results-view .result-card-grid.result-card-keyword-banner .recommended-card-actions{
  display:none !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card.recommended-card-keyword-banner .recommended-card-media img,
.modal-panel.search-mode .search-results-view .result-card-grid.result-card-keyword-banner .recommended-card-media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
}

.rule-url-box.rule-url-box-card .rule-product-card.rule-product-banner{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

.rule-url-box.rule-url-box-card .rule-product-banner .rule-product-media{
  display:block !important;
  width:100% !important;
  height:auto !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
}

.rule-url-box.rule-url-box-card .rule-product-banner .rule-product-media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}

.rule-url-box.rule-url-box-card .rule-product-banner .rule-product-copy{
  display:none !important;
}

@media (min-width:1024px){
  .modal-panel.search-mode .search-results-view .result-list.result-list-grid.result-list-short:not(.result-list-grouped){
    grid-template-columns:repeat(auto-fill, minmax(220px, 292px)) !important;
    justify-content:start !important;
    align-items:start !important;
  }

  .modal-panel.search-mode[data-desktop-result-columns="3"] .search-results-view .result-list.result-list-grid.result-list-short:not(.result-list-grouped){
    grid-template-columns:repeat(auto-fill, minmax(220px, 280px)) !important;
  }

  .modal-panel.search-mode .search-results-view .result-list.result-list-grid.result-list-short .result-card-grid:not(.result-card-keyword-banner){
    width:100% !important;
    min-height:360px !important;
  }
}

/* Catalog-style search product cards, matching the home carousel layout. */
.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner),
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner){
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
  border:1px solid #e5e7eb !important;
  border-radius:6px !important;
  background:#fff !important;
  box-shadow:none !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-media,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-media{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  overflow:hidden !important;
  background:#dfe5f4 !important;
  border:0 !important;
  border-radius:0 !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-media::after,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-media::after{
  display:none !important;
  content:none !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-media img,
.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-media .img-fallback,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-media img,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-media .img-fallback{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  border:0 !important;
  border-radius:0 !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-info,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-info{
  position:static !important;
  inset:auto !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  grid-template-areas:
    "badge"
    "name"
    "variants"
    "price"
    "discount" !important;
  align-items:start !important;
  gap:5px !important;
  min-height:128px !important;
  padding:7px 10px 10px !important;
  background:#fff !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-badge-stack,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-badge-stack{
  position:static !important;
  grid-area:badge !important;
  z-index:auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:5px !important;
  max-width:100% !important;
  margin:0 !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-badge-stack:empty,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-badge-stack:empty{
  display:none !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-badge-stack .tag-new,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-badge-stack .tag-new{
  min-height:17px !important;
  margin:0 !important;
  padding:3px 7px !important;
  border-radius:0 !important;
  background:#006b4f !important;
  color:#fff !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-name,
.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-name-static,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-name,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-name-static{
  grid-area:name !important;
  display:-webkit-box !important;
  min-height:32px !important;
  margin:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  color:#111827 !important;
  text-decoration:none !important;
  font-size:13px !important;
  line-height:1.16 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-shadow:none !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .result-row-variants,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .result-row-variants{
  grid-area:variants !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  min-height:15px !important;
  margin:0 !important;
  overflow:visible !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .result-color-variant,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .result-color-variant{
  flex:0 0 14px !important;
  width:14px !important;
  height:14px !important;
  border-radius:0 !important;
  border:1px solid rgba(15,23,42,.16) !important;
  box-shadow:none !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .result-color-variant.is-active,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .result-color-variant.is-active{
  box-shadow:0 0 0 2px #fff, 0 0 0 3px rgba(17,24,39,.72) !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-price,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-price{
  grid-area:price !important;
  justify-self:start !important;
  align-self:start !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin:8px 0 0 !important;
  color:#111827 !important;
  font-size:18px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  text-shadow:none !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-price .new,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-price .new{
  color:#ff0000 !important;
  font-size:18px !important;
  font-weight:800 !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-price .old,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-price .old{
  color:#7b8494 !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-decoration:line-through !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .card-discount-under-price,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .card-discount-under-price{
  grid-area:discount !important;
  justify-self:start !important;
  align-self:start !important;
  display:flex !important;
  margin:2px 0 0 !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .card-discount-under-price .disc-auto,
.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .card-discount-under-price .disc,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .card-discount-under-price .disc-auto,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .card-discount-under-price .disc{
  position:static !important;
  display:inline-flex !important;
  max-width:100% !important;
  margin:0 !important;
  padding:3px 6px !important;
  border-radius:0 !important;
  background:#b21f24 !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  text-align:left !important;
  text-transform:uppercase !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-actions,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-actions{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  right:auto !important;
  bottom:auto !important;
  z-index:5 !important;
  display:flex !important;
  transform:none !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .result-add-btn,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .result-add-btn{
  width:38px !important;
  height:38px !important;
  border-radius:999px !important;
  border:1px solid rgba(226,232,240,.96) !important;
  background:#fff !important;
  color:#111827 !important;
  font-size:24px !important;
  line-height:1 !important;
  box-shadow:0 8px 18px rgba(15,23,42,.14) !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .result-add-btn.is-active,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .result-add-btn.is-active{
  background:#111827 !important;
  border-color:#111827 !important;
  color:#fff !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card.size-picker-open:not(.recommended-card-keyword-banner) .recommended-card-info,
.modal-panel.search-mode .search-results-view .result-card-grid.size-picker-open:not(.result-card-keyword-banner) .recommended-card-info{
  position:static !important;
  bottom:auto !important;
}

/* Expanded search: keep catalog cards intact and use almost the full viewport. */
@media (min-width:1024px){
  .search-modal.show{
    padding:4px 4px 12px !important;
  }

  .search-modal.show .modal-panel{
    width:min(1840px, calc(100vw - 8px)) !important;
    height:calc(100dvh - 16px) !important;
    max-height:calc(100dvh - 16px) !important;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    padding:2px 12px 10px !important;
  }

  .search-modal.show .modal-panel .modal-head{
    flex:0 0 auto !important;
    margin:-2px -12px 6px !important;
  }

  .search-modal.show .modal-panel .result-area{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    margin-top:0 !important;
  }

  .search-modal.show .modal-panel.search-expanded-mode .result-area{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:280px minmax(0, 1fr) !important;
    align-items:stretch !important;
  }

  .search-modal.show .modal-panel.search-mode .results,
  .search-modal.show .modal-panel.search-mode .search-results-view,
  .search-modal.show .modal-panel.search-mode #resultGrid{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    height:100% !important;
    overflow:hidden !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view .result-head{
    flex:0 0 auto !important;
    padding:16px 18px 12px !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view .result-list.result-list-grid:not(.result-list-grouped){
    display:grid !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    height:100% !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:18px !important;
    align-content:start !important;
    align-items:start !important;
    justify-content:stretch !important;
    padding:0 6px 18px 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    scrollbar-gutter:stable !important;
  }

  .search-modal.show .modal-panel.search-mode[data-desktop-result-columns="3"] .search-results-view .result-list.result-list-grid:not(.result-list-grouped){
    grid-template-columns:repeat(3, minmax(220px, 292px)) !important;
    justify-content:center !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view .result-list.result-list-grid.result-list-short:not(.result-list-grouped){
    grid-template-columns:repeat(auto-fill, minmax(220px, 292px)) !important;
    justify-content:start !important;
  }

  .search-modal.show .modal-panel.search-mode[data-desktop-result-columns="3"] .search-results-view .result-list.result-list-grid.result-list-short:not(.result-list-grouped){
    justify-content:center !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner){
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    gap:0 !important;
    align-items:stretch !important;
    border-bottom:1px solid #e5e7eb !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-media{
    flex:0 0 auto !important;
    aspect-ratio:4 / 5 !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-info{
    flex:0 0 auto !important;
    min-height:126px !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view .results-more-btn{
    grid-column:1 / -1 !important;
    position:sticky !important;
    bottom:0 !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
}

/* Hard reset for complete-result cards. Older row styles also target .result-row. */
@media (min-width:1024px){
  .search-modal.show .modal-panel.search-mode .search-results-view .result-list.result-list-grid:not(.result-list-grouped){
    grid-auto-flow:row !important;
    grid-auto-rows:auto !important;
    align-items:start !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner){
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    grid-column:auto !important;
    gap:0 !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    min-width:0 !important;
    width:100% !important;
    min-height:392px !important;
    height:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid #e5e7eb !important;
    border-radius:6px !important;
    background:#fff !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-media{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    flex:0 0 auto !important;
    width:100% !important;
    height:clamp(250px, 18vw, 340px) !important;
    min-height:250px !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
    background:#dfe5f4 !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-media img,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-media .img-fallback{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-info{
    position:static !important;
    display:grid !important;
    flex:0 0 auto !important;
    min-height:128px !important;
    width:100% !important;
    padding:7px 10px 10px !important;
    background:#fff !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-actions{
    position:absolute !important;
    top:14px !important;
    left:14px !important;
    z-index:8 !important;
  }
}

/* Final polish requested: index-like typography, cleaner + button, more row space. */
.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner),
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner){
  font-family:'Open Sans', Arial, sans-serif !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-name,
.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-name-static,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-name,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-name-static{
  font-family:'Open Sans', Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.22 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

.modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-price,
.modal-panel.search-mode .search-results-view .result-card-grid:not(.result-card-keyword-banner) .recommended-card-price{
  font-family:'Open Sans', Arial, sans-serif !important;
}

@media (min-width:1024px){
  .search-modal.show .modal-panel.search-mode .search-results-view .result-list.result-list-grid:not(.result-list-grouped){
    column-gap:18px !important;
    row-gap:46px !important;
    padding-bottom:44px !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner){
    overflow:hidden !important;
    contain:layout paint !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-actions{
    position:absolute !important;
    top:14px !important;
    left:14px !important;
    right:auto !important;
    bottom:auto !important;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:12 !important;
    transform:none !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .result-add-btn{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#111827 !important;
    font-size:24px !important;
    line-height:1 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.16) !important;
  }
}

.popular-block.is-suggestions .popular-list li{
  align-items:flex-start;
  padding:10px 0;
}

.popular-block.is-suggestions .popular-list li::before{
  margin-top:7px;
}

.popular-suggestion-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}

.popular-suggestion-copy strong{
  color:inherit;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
}

.popular-suggestion-copy small{
  color:#7b8798;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
}

/* Final desktop spacing pass for catalog-style cards. */
@media (min-width:1024px){
  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-list,
  .search-modal.show .modal-panel.search-mode .search-results-view .result-list.result-list-grid:not(.result-list-grouped){
    column-gap:20px !important;
    row-gap:48px !important;
    align-content:start !important;
    align-items:start !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-list{
    padding-bottom:46px !important;
  }

  .search-modal.show .modal-panel.search-mode .search-results-view .result-list.result-list-grid:not(.result-list-grouped){
    grid-auto-rows:max-content !important;
    padding:0 14px 56px 0 !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner),
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner){
    border-radius:8px !important;
    overflow:visible !important;
    box-shadow:0 1px 2px rgba(15,23,42,.06) !important;
    contain:none !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-info,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-info{
    display:flex !important;
    flex-direction:column !important;
    min-height:176px !important;
    padding:14px 16px 16px !important;
    gap:9px !important;
    overflow:visible !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-media,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-media{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1 / 1 !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-name,
  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-name-static,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-name,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-name-static{
    order:1 !important;
    min-height:36px !important;
    font-size:14px !important;
    line-height:1.22 !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .result-row-variants,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .result-row-variants{
    order:2 !important;
    min-height:18px !important;
    margin:0 !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-price,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-price{
    order:3 !important;
    display:flex !important;
    visibility:visible !important;
    min-height:22px !important;
    margin:2px 0 0 !important;
    gap:10px !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .card-discount-under-price,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .card-discount-under-price{
    order:4 !important;
    display:flex !important;
    visibility:visible !important;
    min-height:18px !important;
    margin:0 !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-badge-stack,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-badge-stack{
    order:0 !important;
  }
}

/* Initial empty-space proposal: quick discovery shortcuts under recommendations. */
.initial-discovery[hidden]{
  display:none !important;
}

.initial-discovery{
  margin:18px 14px 28px;
  padding:18px;
  border-top:1px solid #edf0f5;
  background:linear-gradient(180deg, #fbfcfe 0%, #f7f9fc 100%);
}

.initial-discovery-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
}

.initial-discovery-head h5{
  margin:0;
  color:#111827;
  font-size:17px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:0;
}

.initial-discovery-head span{
  color:#77849a;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}

.initial-discovery-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:10px;
}

.initial-discovery-card{
  min-width:0;
  min-height:78px;
  padding:13px 14px;
  border:1px solid #dfe5ee;
  border-radius:8px;
  background:#fff;
  color:#111827;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.initial-discovery-card:hover,
.initial-discovery-card:focus-visible{
  border-color:#b91c2b;
  box-shadow:0 10px 22px rgba(15,23,42,.08);
  outline:none;
  transform:translateY(-1px);
}

.initial-discovery-card span{
  display:block;
  margin:0 0 7px;
  color:#b91c2b;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.initial-discovery-card strong{
  display:block;
  color:#111827;
  font-size:14px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:0;
}

/* Initial panel tightening and red hover feedback. */
@media (min-width:1024px){
  .search-modal.show .modal-panel.initial-mode{
    height:auto !important;
    max-height:calc(100dvh - 16px) !important;
    overflow-y:auto !important;
    padding-bottom:8px !important;
  }

  .search-modal.show .modal-panel.initial-mode .result-area{
    flex:0 0 auto !important;
    align-items:start !important;
  }

  .search-modal.show .modal-panel.initial-mode .results,
  .search-modal.show .modal-panel.initial-mode .initial-results-view{
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-list{
    padding-bottom:16px !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery{
    margin-top:10px !important;
    margin-bottom:14px !important;
  }
}

.search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner):hover,
.search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner):hover,
.initial-discovery-card:hover,
.initial-discovery-card:focus-visible{
  border-color:#c81e1e !important;
  box-shadow:0 0 0 2px rgba(200,30,30,.95), 0 12px 26px rgba(15,23,42,.10) !important;
}

.initial-discovery{
  display:grid;
  grid-template-columns:minmax(190px, 230px) minmax(0, 1fr);
  gap:12px;
  align-items:stretch;
  margin:10px 14px 16px;
  padding:14px;
  border:1px solid #e8edf5;
  border-radius:8px;
  background:#f8fafc;
}

.initial-discovery-head{
  display:flex;
  min-width:0;
  min-height:78px;
  align-items:center;
  justify-content:flex-start;
  margin:0;
  padding:14px;
  border:1px solid #dfe5ee;
  border-radius:8px;
  background:#fff;
}

.initial-discovery-kicker{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}

.initial-discovery-kicker span{
  color:#c81e1e;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.initial-discovery-head h5{
  font-size:19px;
}

.initial-discovery-grid{
  grid-template-columns:repeat(auto-fit, minmax(178px, 1fr));
}

.search-modal.ai-disabled .assist-btn,
.modal-panel.ai-disabled .assist-btn,
.assist-btn[hidden],
.assistant-drawer[hidden]{
  display:none !important;
}

.modal-panel.ai-disabled .modal-head{
  grid-template-columns:170px minmax(0, 1fr) auto;
}

.modal-panel.ai-disabled .head-actions{
  gap:8px;
}

/* Desktop final: Explora rapido as one horizontal responsive strip. */
@media (min-width:1024px){
  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-list{
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)) !important;
    gap:20px !important;
    padding-bottom:28px !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    align-items:stretch !important;
    margin:8px 14px 14px !important;
    padding:12px 12px 14px !important;
    border:1px solid #e1e8f2 !important;
    border-radius:8px !important;
    background:#f8fafc !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:thin;
    scrollbar-color:#cbd5e1 transparent;
    -webkit-overflow-scrolling:touch;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery::-webkit-scrollbar{
    height:8px;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery::-webkit-scrollbar-track{
    background:transparent;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery::-webkit-scrollbar-thumb{
    background:#cbd5e1;
    border-radius:999px;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery-head,
  .search-modal.show .modal-panel.initial-mode .initial-discovery-card{
    flex:1 0 156px !important;
    width:auto !important;
    min-width:156px !important;
    min-height:66px !important;
    height:100% !important;
    margin:0 !important;
    padding:11px 12px !important;
    border:1px solid #dbe3ef !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery-head{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery-grid{
    display:contents !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery-kicker span,
  .search-modal.show .modal-panel.initial-mode .initial-discovery-card span{
    color:#c81e1e !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.09em !important;
    text-transform:uppercase !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery-head h5{
    margin:5px 0 0 !important;
    font-size:17px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-discovery-card strong{
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
  }
}

@media (min-width:1024px){
  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-media,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-media{
    padding:0 !important;
  }

  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-media img,
  .search-modal.show .modal-panel.initial-mode .initial-results-view .recommended-card:not(.recommended-card-keyword-banner) .recommended-card-media .img-fallback,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-media img,
  .search-modal.show .modal-panel.search-mode .search-results-view article.result-row.result-card-grid:not(.result-card-keyword-banner) .recommended-card-media .img-fallback{
    object-fit:cover !important;
    object-position:center top !important;
  }
}

/* Let the product view scroll like catalog pages instead of trapping scroll inside the grid. */
.search-modal.show .modal-panel.search-mode{
  overflow:visible !important;
}

.search-modal.show .modal-panel.search-mode .result-area,
.search-modal.show .modal-panel.search-mode .results-section,
.search-modal.show .modal-panel.search-mode .search-results-view,
.search-modal.show .modal-panel.search-mode .result-grid{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

.search-modal.show .modal-panel.search-mode .search-results-view .result-list.result-list-grid:not(.result-list-grouped){
  height:auto !important;
  max-height:none !important;
  overflow-y:visible !important;
  overflow-x:hidden !important;
  padding-right:0 !important;
}

/* Color filters: first row as large round swatches with labels below. */
.filter-block.collapsed .facet-list.colors-list{
  display:none !important;
}

.filter-block:not(.collapsed) .facet-list.colors-list{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(44px, 1fr)) !important;
  align-items:start !important;
  justify-items:center !important;
  gap:12px 14px !important;
  max-height:168px !important;
  padding:10px 2px 8px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  white-space:normal !important;
  scrollbar-width:thin !important;
  -webkit-overflow-scrolling:touch !important;
}

.facet-list.colors-list::-webkit-scrollbar{
  width:6px !important;
}

.facet-list.colors-list::-webkit-scrollbar-thumb{
  background:#cbd5e1 !important;
  border-radius:999px !important;
}

.facet-color-item{
  width:52px !important;
  min-width:52px !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
}

.facet-color-dot{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:999px !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:0 1px 2px rgba(15,23,42,.08) !important;
}

.facet-color-item.active .facet-color-dot{
  outline:2px solid #071225 !important;
  outline-offset:2px !important;
}

.facet-color-name{
  display:block !important;
  max-width:66px !important;
  color:#000 !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.05 !important;
  text-align:center !important;
  text-transform:lowercase !important;
  letter-spacing:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

.facet-color-more{
  display:none !important;
}

.search-modal.product-scroll-mode{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  background:rgba(255,255,255,.92) !important;
}