body[data-theme="shop-mocart"] .mocart-search[data-shop-live-search] { position:relative; overflow:visible; height:48px; min-height:48px; max-height:48px; align-items:center; margin-block:0; }
body[data-theme="shop-mocart"] .mocart-search-panel { position:absolute; inset-inline:0; top:calc(100% + 8px); z-index:100; padding:12px; background:var(--mocart-surface, #fff); color:var(--mocart-ink, #172033); border:1px solid var(--mocart-border, #e5e7eb); border-radius:16px; box-shadow:0 14px 40px #0f172a24; max-height:min(65vh, 480px); overflow:auto; overscroll-behavior:contain; text-align:start; }
body[data-theme="shop-mocart"] .mocart-search-panel[hidden] { display:none!important; }
body[data-theme="shop-mocart"] .mocart-search-status { font-size:12px; color:var(--mocart-muted, #64748b); margin:0 4px 8px; line-height:1.8; }
body[data-theme="shop-mocart"] .mocart-search-group-title { padding:8px 6px 4px; font-size:12px; font-weight:700; color:var(--mocart-muted, #64748b); }
body[data-theme="shop-mocart"] .mocart-search-option { display:flex; align-items:center; gap:12px; padding:10px 8px; border-radius:10px; color:var(--mocart-ink, #172033); text-decoration:none; line-height:1.7; }
body[data-theme="shop-mocart"] .mocart-search-option:hover,
body[data-theme="shop-mocart"] .mocart-search-option[aria-selected="true"] { background:var(--mocart-bg, #f1f5f9); outline:1px solid var(--theme-color, #4f46e5); outline-offset:-1px; }
body[data-theme="shop-mocart"] .mocart-search-option img,
body[data-theme="shop-mocart"] .mocart-search-image-placeholder { width:48px; height:48px; object-fit:contain; flex-shrink:0; border-radius:8px; }
body[data-theme="shop-mocart"] .mocart-search-image-placeholder { display:grid; place-items:center; background:var(--mocart-bg, #f1f5f9); font-size:24px; }
body[data-theme="shop-mocart"] .mocart-search-copy { min-width:0; }
body[data-theme="shop-mocart"] .mocart-search-name { display:block; font-size:13px; overflow-wrap:anywhere; }
body[data-theme="shop-mocart"] .mocart-search-meta { display:flex; flex-wrap:wrap; gap:8px; font-size:12px; color:var(--mocart-muted, #64748b); }
body[data-theme="shop-mocart"] .mocart-search-sku { direction:ltr; unicode-bidi:isolate; }
@media(max-width:575.98px) { body[data-theme="shop-mocart"] .mocart-search-panel { padding:8px; max-height:60vh; } body[data-theme="shop-mocart"] .mocart-search-option { gap:8px; } }

/* Keep the popup outside the header flow and the control inside its rounded box. */
body[data-theme="shop-mocart"] .mocart-search[data-shop-live-search] > input { flex:1 1 0; width:0; height:100%; min-height:0; border-radius:inherit; line-height:1.5; padding-block:0; }
body[data-theme="shop-mocart"] .mocart-search[data-shop-live-search] > select { height:100%; min-height:0; min-width:0; padding-block:0; }
body[data-theme="shop-mocart"] .mocart-search[data-shop-live-search] > button { height:100%; border-radius:inherit; }
body[data-theme="shop-mocart"] .mocart-search[data-shop-live-search] > input:focus-visible { outline:0; }
body[data-theme="shop-mocart"] .mocart-header:has([data-shop-live-search]) .header-middle { padding-block:14px; }
body[data-theme="shop-mocart"] .mocart-header[data-header-variant="compact"]:has([data-shop-live-search]) .header-middle { padding-block:12px; }
@media(max-width:575.98px) {
 body[data-theme="shop-mocart"] .mocart-search[data-shop-live-search] { height:44px; min-height:44px; max-height:44px; }
 body[data-theme="shop-mocart"] .mocart-header:has([data-shop-live-search]) .header-middle { padding-block:12px 10px; }
}

/* The original theme rotates icon spans by 80deg; these spans contain button text. */
body[data-theme="shop-mocart"] .mocart-purchase .theme-btn > span,
body[data-theme="shop-mocart"] .mocart-login .theme-btn > span { transform:none; margin:0; }