/* 1R Reactor — frontend-search.css
 * Canonical structure: foundations → layout/components → context UI → states → responsive.
 */

/* === Navigation & Site UI === */
.reactor-search{position:relative;width:100%;max-width:680px;}
.reactor-search__form{display:flex;position:relative;}
.reactor-search__input{width:100%;height:48px;padding:0 52px 0 16px;border:1px solid #dfe5e7;border-radius:14px;background:#fff;box-shadow:none;font-size:15px;}
.reactor-search__input:focus{border-color:var(--reactor-primary);box-shadow:0 0 0 3px rgba(var(--reactor-primary-rgb),.12);outline:0;}
.reactor-search__button{position:absolute;right:5px;top:5px;width:38px;height:38px;border:0;border-radius:10px;background:var(--reactor-primary);color:#fff;font-size:25px;cursor:pointer;}
.reactor-search__results{position:absolute;z-index:999999;top:calc(100% + 8px);left:0;right:0;max-height:min(70vh,620px);overflow:auto;background:#fff;border:1px solid #e4e9ea;border-radius:16px;box-shadow:0 18px 50px rgba(20,35,40,.16);}
.reactor-search-item{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start;padding:12px 14px;border-bottom:1px solid #eef1f2;}
.reactor-search-item:hover{background:#f7fafb;}
.reactor-search-item__cover{position:absolute;inset:0;z-index:1;}
.reactor-search-item__image img{display:block;width:64px;height:64px;object-fit:contain;border-radius:10px;}
.reactor-search-item__content{position:relative;z-index:2;min-width:0;pointer-events:none;}
.reactor-search-item__meta{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;flex-wrap:wrap;min-width:0;margin-top:6px;pointer-events:none;}
.reactor-search-item__title{font-size:14px;font-weight:600;line-height:1.35;color:#1e2a2b;}
.reactor-search-item__title strong{color:var(--reactor-primary);}
.reactor-search-item__desc,.reactor-search-item__cats,.reactor-search-item__sku,.reactor-search-item__stock{margin-top:4px;color:#718083;font-size:12px;}
.reactor-search-item__price{display:block;width:100%;white-space:normal;text-align:left;font-weight:700;color:#1e2a2b;}
.reactor-search-item__price del{display:block;font-size:12px;font-weight:400;opacity:.55;}
.reactor-search-item__price ins{text-decoration:none;}
.reactor-search-sale,.reactor-search-star{display:inline-block;margin-bottom:5px;padding:3px 7px;border-radius:20px;background:var(--reactor-primary);color:#fff;font-size:11px;}
.reactor-search-more{display:block;padding:14px;text-align:center;font-weight:700;color:var(--reactor-primary);}
.reactor-search-empty{padding:22px;text-align:center;color:#718083;}
.reactor-search.is-loading .reactor-search__button{opacity:.55;}
.reactor-search__button{display:inline-flex;align-items:center;justify-content:center;}
.reactor-search__icon{width:22px;height:22px;}
.reactor-search.is-loading .reactor-search__icon{animation:reactor-search-spin .8s linear infinite;transform-origin:center;}
form[data-r1-reactor-search-enhanced="1"]{position:relative;overflow:visible;}
form[data-r1-reactor-search-enhanced="1"]>.reactor-search__results{top:calc(100% + 8px);left:0;right:0;width:auto;min-width:100%;}
form[data-r1-reactor-search-enhanced="1"].is-loading button[type="submit"]{opacity:.72;}
.reactor-search-item.is-keyboard-active,.reactor-search-more.is-keyboard-active{background:#f7fafb;}

/* === Responsive & Conditional === */
@media (max-width: 989px){html body .reactor-search .reactor-search__results{z-index: 2147482990 ;}}
@media (max-width:989px){.reactor-search__input{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;}.reactor-search__input:focus{border-color:#dfe5e7;box-shadow:none;outline:0;-webkit-tap-highlight-color:transparent;}.reactor-search-item{grid-template-columns:52px minmax(0,1fr);column-gap:10px;align-items:start;padding:10px;}.reactor-search-item__image{align-self:start;}.reactor-search-item__image img{width:52px;height:52px;}.reactor-search-item__content{width:100%;min-width:0;}.reactor-search-item__title{display:block;width:100%;max-width:none;min-width:0;}.reactor-search-item__meta{display:block;width:100%;min-width:0;margin-top:4px;padding:0;}.reactor-search-item__price{display:block;width:100%;margin-top:2px;text-align:left;white-space:normal;}.reactor-search>.reactor-search__results{position:absolute;left:0;right:auto;top:calc(100% + 3px);width:calc(100vw - 40px);min-width:0;max-height:50dvh;overflow-y:auto;}}