.sh-search-overlay[hidden]{display:none!important}
.sh-search-overlay{--so-orange:#ff720b;--so-orange-dark:#e2580a;--so-ink:#17222d;--so-muted:#6b7780;--so-soft:#f5f7f6;
 position:fixed;inset:0;z-index:100050;display:flex;flex-direction:column;background:#fff;color:var(--so-ink);font-family:var(--sh-font);font-size:14px;line-height:1.5}
@media(prefers-reduced-motion:no-preference){
 .sh-search-overlay{animation:sh-so-in .2s ease-out}
 .sh-search-overlay .sh-so-row,.sh-search-overlay .sh-so-product{animation:sh-so-fade .18s ease-out both}
}
@keyframes sh-so-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes sh-so-fade{from{opacity:0}to{opacity:1}}
body.sh-so-open{overflow:hidden}

.sh-so-bar{box-sizing:border-box;display:flex;align-items:center;gap:var(--sp-2);padding:calc(var(--sp-3) + env(safe-area-inset-top)) var(--sp-4) var(--sp-3) var(--sp-2);border-bottom:1px solid #edf0ee;box-shadow:0 2px 8px #12302f0d;background:#fff}
.sh-so-back{display:flex;align-items:center;justify-content:center;width:40px;height:44px;flex:none;padding:0;border:0;background:none;color:#073c3a;cursor:pointer;border-radius:var(--r-sm)}
.sh-so-back svg{width:26px;height:26px}
.sh-so-form{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:46px;margin:0;border:1.5px solid #d6dde0;border-radius:var(--r-pill);background:#fff;transition:border-color .15s,box-shadow .15s}
.sh-so-form:focus-within{border-color:var(--so-orange);box-shadow:0 0 0 3px #ff720b1f}
.sh-so-icon{display:flex;margin-left:14px;color:#8a949a;flex:none}
.sh-so-icon svg{width:20px;height:20px}
.sh-search-overlay .sh-so-form input[type=search]{flex:1;min-width:0;height:100%;margin:0;padding:0 var(--sp-2);border:0;outline:0;background:none;box-shadow:none;font:400 16px/1.2 var(--sh-font);color:var(--so-ink);-webkit-appearance:none;appearance:none}
.sh-so-form input::placeholder{color:#8a949a;opacity:1}
.sh-so-form input::-webkit-search-cancel-button,.sh-so-form input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.sh-so-clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;margin-right:2px;padding:0;border:0;border-radius:50%;background:#eef1f0;color:#55626a;cursor:pointer}
.sh-so-clear[hidden]{display:none}
.sh-so-clear svg{width:16px;height:16px}
.sh-so-submit{flex:none;height:38px;margin:0 3px 0 var(--sp-1);padding:0 var(--sp-4);border:0;border-radius:var(--r-pill);background:linear-gradient(135deg,#ff8314,#ff6508);color:#fff;font:600 14px/1 var(--sh-font);cursor:pointer}
.sh-so-submit:active{background:var(--so-orange-dark)}

.sh-so-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--sp-5) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom))}
.sh-so-idle{display:flex;flex-direction:column;gap:var(--sp-6)}
.sh-so-section[hidden],.sh-so-idle[hidden],.sh-so-results[hidden]{display:none}
.sh-so-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.sh-so-title{margin:0;font-size:15px;font-weight:700;line-height:1.4;color:var(--so-ink)}
.sh-so-link{padding:var(--sp-2) 0;border:0;background:none;color:var(--so-muted);font:500 13px/1.2 var(--sh-font);cursor:pointer}
.sh-so-link:active{color:var(--so-orange)}

.sh-so-recent-list{list-style:none;margin:0;padding:0}
.sh-so-recent-list li{display:flex;align-items:center;border-bottom:1px solid #f0f2f1}
.sh-so-recent-list li:last-child{border-bottom:0}
.sh-so-recent-list a{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0;min-height:44px;color:#2b3a40;text-decoration:none;font-size:14px}
.sh-so-recent-list a svg{width:18px;height:18px;flex:none;color:#9aa3a8}
.sh-so-recent-list a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-so-recent-list button{display:flex;align-items:center;justify-content:center;width:40px;height:44px;flex:none;padding:0;border:0;background:none;color:#9aa3a8;cursor:pointer}
.sh-so-recent-list button svg{width:16px;height:16px}

.sh-so-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.sh-so-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid #e6ebe8;border-radius:var(--r-pill);background:var(--so-soft);color:#263b40;font-size:13px;font-weight:500;text-decoration:none;line-height:1.2}
.sh-so-chip svg{width:16px;height:16px;flex:none;color:var(--so-orange)}
.sh-so-chip:active{border-color:var(--so-orange);background:#fff4ea;color:var(--so-orange-dark)}

.sh-so-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
.sh-so-cat{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;border-radius:var(--r-md);background:#e9eeec;text-decoration:none;isolation:isolate}
.sh-so-cat:first-child{grid-column:1/-1;aspect-ratio:2.6/1}
.sh-so-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.sh-so-cat:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07211f00 35%,#07211fcc)}
.sh-so-cat span{position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:10px;color:#fff;font-size:14px;font-weight:600;line-height:1.3;text-shadow:0 1px 2px #0006}
.sh-so-cat:first-child span{font-size:15px;left:var(--sp-4);bottom:var(--sp-3)}

.sh-so-help{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid #ffe1c7;border-radius:var(--r-md);background:#fff7f0;color:var(--so-ink);text-decoration:none}
.sh-so-help-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:50%;background:var(--so-orange);color:#fff}
.sh-so-help-icon svg{width:20px;height:20px}
.sh-so-help>span:nth-child(2){flex:1;min-width:0}
.sh-so-help small{display:block;font-size:13px;color:var(--so-muted);line-height:1.4}
.sh-so-help strong{display:block;font-size:15px;font-weight:700;color:var(--so-orange-dark);line-height:1.4}
.sh-so-help>svg{width:20px;height:20px;flex:none;color:#c0866a}

.sh-so-results{display:flex;flex-direction:column;gap:var(--sp-5)}
.sh-so-group-title{margin:0 0 var(--sp-1);font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--so-muted)}
.sh-so-group-title b{font-weight:600;color:var(--so-orange-dark);text-transform:none}
.sh-so-row{display:flex;align-items:center;gap:var(--sp-3);min-height:52px;padding:var(--sp-1) 0;border-bottom:1px solid #f0f2f1;color:var(--so-ink);text-decoration:none}
.sh-so-row-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:var(--r-sm);background:#f3f8ed;color:#568c2d}
.sh-so-row-icon svg{width:18px;height:18px}
.sh-so-row-text{flex:1;min-width:0}
.sh-so-row-text strong{display:block;font-size:14px;font-weight:500;line-height:1.4}
.sh-so-row-text small{display:block;font-size:12px;color:var(--so-muted);line-height:1.4}
.sh-so-row>svg{width:18px;height:18px;flex:none;color:#b3bbbf}
.sh-so-product{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--sp-3);align-items:center;padding:var(--sp-3) 0;border-bottom:1px solid #f0f2f1;color:var(--so-ink);text-decoration:none}
.sh-so-product img{width:64px;height:64px;object-fit:contain;border:1px solid #edf0ee;border-radius:var(--r-sm);background:#fff}
.sh-so-product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:500;line-height:1.4}
.sh-so-product-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--sp-2);margin-top:var(--sp-1)}
.sh-so-price{font-size:15px;font-weight:700;color:var(--so-orange-dark)}
.sh-so-price.is-contact{font-size:13px;font-weight:600;color:#31591d}
.sh-so-old{font-size:12px;color:#9aa3a8;text-decoration:line-through}
.sh-so-sku{font-size:12px;color:var(--so-muted)}
.sh-search-overlay mark{padding:0;background:none;color:var(--so-orange-dark);font-weight:700}
.sh-so-all{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);height:44px;margin-top:var(--sp-4);border-radius:var(--r-pill);background:linear-gradient(135deg,#ff8314,#ff6508);color:#fff;font-size:15px;font-weight:600;text-decoration:none}
.sh-so-all svg{width:18px;height:18px}
.sh-so-product:active,.sh-so-row:active{background:#fafbfa}

.sh-so-skel{display:grid;grid-template-columns:64px 1fr;gap:var(--sp-3);align-items:center;padding:var(--sp-3) 0;border-bottom:1px solid #f0f2f1}
.sh-so-skel i{display:block;border-radius:var(--r-sm);background:linear-gradient(90deg,#eef1f0 25%,#f7f9f8 50%,#eef1f0 75%);background-size:200% 100%}
.sh-so-skel>i{width:64px;height:64px}
.sh-so-skel span{display:flex;flex-direction:column;gap:var(--sp-2)}
.sh-so-skel span i{height:12px}
.sh-so-skel span i:first-child{width:90%}.sh-so-skel span i:nth-child(2){width:60%}.sh-so-skel span i:last-child{width:35%;height:14px}
@media(prefers-reduced-motion:no-preference){.sh-so-skel i{animation:sh-so-shimmer 1.1s linear infinite}}
@keyframes sh-so-shimmer{to{background-position:-200% 0}}

.sh-so-empty{padding:var(--sp-6) var(--sp-2) var(--sp-2);text-align:center}
.sh-so-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--sp-3);border-radius:50%;background:#fff4ea;color:var(--so-orange)}
.sh-so-empty-icon svg{width:30px;height:30px}
.sh-so-empty p{margin:0 0 var(--sp-1);font-size:15px;font-weight:600}
.sh-so-empty small{display:block;font-size:13px;color:var(--so-muted)}
.sh-so-empty .sh-so-chips{justify-content:center;margin-top:var(--sp-4)}

@media(max-width:359px){
 .sh-so-bar{padding-right:var(--sp-3)}
 .sh-so-body{padding-left:var(--sp-3);padding-right:var(--sp-3)}
 .sh-so-submit{padding:0 var(--sp-3)}
}
@media(min-width:768px){
 .sh-so-body>*{width:100%;max-width:720px;margin-left:auto;margin-right:auto}
 .sh-so-bar{box-sizing:border-box;padding-left:max(var(--sp-2),calc(50% - 408px));padding-right:max(var(--sp-4),calc(50% - 360px))}
 .sh-so-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sh-so-cat:first-child{grid-column:span 2;aspect-ratio:auto}
}