#searchbar { position:relative; height:70px; width:100%; background:#fff; border-bottom:1px solid #e6e7ef; }
.ocw-search-shell { width:100%; }
.ocw-search-label { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.ocw-search-field { position:relative;display:flex;flex:1;min-width:0; }
#search { position:absolute;left:5%;top:15px;width:70%;height:40px;padding-right:46px;font-size:24px; }
#searchbtn { position:absolute;right:5%;top:14px;width:16%;height:42px;padding-right:20px;background:#447;color:#fff;font-size:16px; }
.ocw-search-clear { position:absolute;right:8px;top:50%;z-index:2;width:32px;height:32px;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:#eef0f7;color:#4c4c70;font-size:22px;line-height:30px;cursor:pointer; }
.ocw-search-clear[hidden],#searchlist[hidden] { display:none!important; }
#searchlist.ocw-mobile-search-results { position:absolute;top:68px;right:0;left:0;z-index:6000;width:100%;max-height:calc(100vh - 82px);overflow-y:auto;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 18px 36px rgba(28,28,58,.24);-webkit-overflow-scrolling:touch;overscroll-behavior:contain; }
.ocw-mobile-search-heading { height:auto!important;padding:0!important;color:#29294d; }
.ocw-mobile-search-top { display:flex;gap:5px;padding:12px 13px 9px;border-bottom:1px solid #ececf4;color:#77778d;font-size:12px; }
.ocw-mobile-search-top strong { color:#29294d; }
.ocw-mobile-search-result { display:grid;grid-template-columns:58px minmax(0,1fr) minmax(78px,auto);gap:10px;align-items:center;min-height:76px;padding:8px 11px;color:#29294d;border-bottom:1px solid #efeff5;text-decoration:none; }
.ocw-mobile-search-result:active,.ocw-mobile-search-result.is-active { background:#f3f3fa; }
.ocw-mobile-search-media { position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#f7f7fa; }
.ocw-mobile-search-media img { position:relative;z-index:1;width:52px;height:52px;display:block;object-fit:contain;opacity:0;transition:opacity .16s ease; }
.ocw-mobile-search-media.is-loaded img { opacity:1; }
.ocw-mobile-search-skeleton { position:absolute;inset:0;background:linear-gradient(100deg,#f0f1f5 20%,#fafafe 42%,#f0f1f5 64%);background-size:240% 100%;animation:ocw-mobile-search-shimmer 1.05s linear infinite; }
.ocw-mobile-search-media.is-loaded .ocw-mobile-search-skeleton { display:none; }
.ocw-mobile-search-name { display:block;overflow:hidden;font-size:13px;font-weight:700;line-height:1.3; }
.ocw-mobile-search-part { display:inline;margin-left:.4em;overflow:hidden;color:#85859b;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
.ocw-mobile-search-meta { display:block;text-align:right; }
.ocw-mobile-search-price { display:block;color:#29294d;font-size:14px;font-weight:800;white-space:nowrap; }
.ocw-mobile-search-stock { display:block;margin-top:4px;color:#16822a;font-size:10px;line-height:1.2; }
.ocw-mobile-search-stock.is-low { color:#c46b00; }.ocw-mobile-search-stock.is-out { color:#c62828; }
.ocw-mobile-search-footer { padding:13px 12px;text-align:center;background:#fafafe; }
.ocw-mobile-search-footer a { color:#39396e;font-size:14px;font-weight:800;text-decoration:none; }
.ocw-mobile-search-empty { display:grid;gap:5px;padding:25px 16px;text-align:center; }
.ocw-mobile-search-empty span { color:#77778d;font-size:12px; }
.ocw-mobile-search-loading { padding-top:3px; }
.ocw-mobile-search-loading-row { display:grid;grid-template-columns:58px minmax(0,1fr) 80px;gap:10px;align-items:center;min-height:76px;padding:8px 11px;border-bottom:1px solid #efeff5; }
.ocw-mobile-search-loading-line { display:block;height:10px;border-radius:10px;background:linear-gradient(100deg,#eef0f4 20%,#fafafe 42%,#eef0f4 64%);background-size:240% 100%;animation:ocw-mobile-search-shimmer 1.05s linear infinite; }
.ocw-mobile-search-loading-line + .ocw-mobile-search-loading-line { margin-top:8px; }.ocw-mobile-search-loading-line.is-short { width:58%; }
@keyframes ocw-mobile-search-shimmer { to { background-position:-240% 0; } }
@media(max-width:480px){.ocw-mobile-search-result,.ocw-mobile-search-loading-row{grid-template-columns:54px minmax(0,1fr) minmax(72px,auto);gap:8px;padding-right:9px;padding-left:9px}.ocw-mobile-search-media{width:52px;height:52px}.ocw-mobile-search-media img{width:48px;height:48px}.ocw-mobile-search-name{font-size:12px}.ocw-mobile-search-price{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ocw-mobile-search-skeleton,.ocw-mobile-search-loading-line{animation:none}.ocw-mobile-search-media img{transition:none}}