/* Scoped, mobile-first search widget. Results are portalled to body by search.js. */
.mpms-search,.mpms-search *,.mpms-results,.mpms-results *{box-sizing:border-box}
.mpms-search{position:relative;display:block;width:min(100%,var(--mpms-max-width,980px));max-width:100%;min-width:0;font-family:inherit;isolation:isolate}
.mpms-search .mpms-form{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.mpms-search .mpms-input-wrap{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:54px;border:2px solid #2ea44f;background:linear-gradient(180deg,#ffffff 0%,#fbfefc 100%);border-radius:999px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 12px 28px rgba(17,77,39,.10)}
.mpms-rounded .mpms-input-wrap{border-radius:16px}
.mpms-search .mpms-input-wrap:hover{border-color:#22863d;box-shadow:0 14px 32px rgba(17,77,39,.14)}
.mpms-search .mpms-input-wrap:focus-within{border-color:#1f7a35;box-shadow:0 0 0 4px rgba(37,150,77,.18),0 16px 34px rgba(17,77,39,.18);transform:translateY(-1px)}
.mpms-search .mpms-input{appearance:none;-webkit-appearance:none;display:block;flex:1 1 auto;width:1%;min-width:0;height:50px;min-height:50px;padding:0 12px 0 66px!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:inherit;background:transparent!important;color:#0f213a!important;font-family:inherit;font-size:16px;font-weight:500;line-height:normal;margin:0!important}
.mpms-search .mpms-input::placeholder{color:#5c6f68;opacity:1}
.mpms-search .mpms-input::-webkit-search-cancel-button{display:none}
.mpms-search .mpms-icon{pointer-events:none;position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#34b85a 0%,#228b43 100%);color:#fff;font-size:0;line-height:1;box-shadow:0 10px 18px rgba(34,139,67,.28)}
.mpms-search .mpms-icon svg{display:block;width:19px;height:19px}
.mpms-search .mpms-clear{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border:0!important;background:#e3f4e8!important;color:#1f6d35!important;cursor:pointer;border-radius:50%;margin:0 8px 0 2px!important;padding:0!important;font-size:22px;line-height:1;min-height:0;box-shadow:none!important}
.mpms-search .mpms-clear:hover{background:#cdebd5!important}
.mpms-search .mpms-go{flex:0 0 auto;display:flex;align-items:center;justify-content:center;align-self:stretch;margin:5px 5px 5px 0!important;border:0!important;border-radius:999px;padding:0 18px!important;background:#1f8a39!important;color:#fff!important;cursor:pointer;font-weight:700;font-size:13px;min-height:40px;white-space:nowrap;box-shadow:0 8px 18px rgba(31,138,57,.22)}
.mpms-search .mpms-go:hover{background:#18702f!important}
.mpms-search .mpms-spinner{position:relative;flex:0 0 18px;width:18px;height:18px;margin:0 10px 0 2px;border:2px solid #d8eadf;border-top-color:#1f8a39;border-radius:50%;animation:mpms-spin .7s linear infinite}
@keyframes mpms-spin{to{transform:rotate(360deg)}}
.mpms-search [hidden],.mpms-results[hidden],.mpms-search .mpms-clear[hidden],.mpms-search .mpms-spinner[hidden]{display:none!important}
.mpms-results{position:fixed!important;z-index:2147483000!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#fff;color:#0f213a;border:1px solid #d8e0ea;border-radius:12px;box-shadow:0 16px 40px rgba(15,30,53,.18);font-family:inherit;text-align:left;min-width:0;max-width:calc(100vw - 16px);scrollbar-width:thin}
.mpms-results a{text-decoration:none}
.mpms-results .mpms-list{display:flex;flex-direction:column;padding:5px;gap:2px}
.mpms-results .mpms-item{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:8px;border:1px solid transparent;min-width:0}
.mpms-results .mpms-item:hover,.mpms-results .mpms-item.mpms-active{background:#f4f7fa;border-color:#e2e8f0}
.mpms-results .mpms-photo{display:block;flex:0 0 44px;width:44px;height:44px}
.mpms-results .mpms-image{display:block;width:44px;height:44px;object-fit:cover;border-radius:6px;background:#f1f5f9}
.mpms-results .mpms-info{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}
.mpms-results .mpms-title{font-size:13px;font-weight:650;line-height:1.4;text-decoration:none!important;color:#102d50!important;overflow-wrap:anywhere}
.mpms-results .mpms-title:hover{text-decoration:underline!important;color:#a92236!important}
.mpms-results .mpms-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:11px}
.mpms-results .mpms-sku{padding:2px 5px;background:#f1f5f9;color:#475569;border-radius:5px;font-size:10px}
.mpms-results .mpms-price{color:#16723e;font-weight:700}
.mpms-results .mpms-price del{color:#94a3b8;font-size:11px}
.mpms-results .mpms-outofstock{color:#b91c1c;font-size:11px}
.mpms-results .mpms-buy{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:8px 9px;border-radius:7px;background:#14783d;color:#fff!important;font-size:11px;text-decoration:none!important;font-weight:700;max-width:104px;min-width:70px;text-align:center;line-height:1.25}
.mpms-results .mpms-buy:hover{background:#136b39;color:#fff!important}
.mpms-results .mpms-buy.mpms-muted{background:#657387}
.mpms-results .mpms-state{padding:16px 12px;color:#475569;text-align:center;font-size:13px;line-height:1.5}
.mpms-results .mpms-empty-state{padding:16px 13px 17px}
.mpms-results .mpms-empty-message{margin:0 0 10px!important;line-height:1.5;font-size:13px;color:#213a57}
.mpms-results .mpms-whatsapp{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;width:100%;min-height:40px;padding:10px 11px;background:#08783e;color:white!important;border-radius:8px;font-size:12px;font-weight:700;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.mpms-results .mpms-whatsapp:hover{background:#086534;color:white!important}
.mpms-results .mpms-wa-footnote{display:block;margin-top:8px;font-size:10px;color:#65758a;line-height:1.4}
.mpms-results .mpms-retry,.mpms-results .mpms-more{display:block;margin:10px auto 2px;padding:8px 14px;border:1px solid #1f8a39;border-radius:7px;color:#1f6d35;background:#fff;cursor:pointer;font-size:12px;font-weight:600}
.mpms-results .mpms-more{width:calc(100% - 16px);margin:7px 8px 9px}
.mpms-results .mpms-hint{font-size:11px;color:#5d7264;text-align:center;padding:8px 12px;border-top:1px solid #e8ecf1}
.mpms-search :focus-visible,.mpms-results :focus-visible{outline:2px solid #1f8a39;outline-offset:2px}
@media(min-width:782px){.mpms-search{min-width:min(100%,var(--mpms-desktop-min-width,620px));}}
@media(max-width:782px){.mpms-search{width:100%;min-width:0}.mpms-search .mpms-input-wrap{min-height:52px}.mpms-search .mpms-input{padding-left:60px!important}}
@media(max-width:560px){.mpms-results .mpms-item{gap:7px;padding:8px 6px}.mpms-results .mpms-photo,.mpms-results .mpms-image{width:40px;height:40px;flex-basis:40px}.mpms-results .mpms-buy{padding:8px 5px;max-width:80px;min-width:60px;font-size:10px}.mpms-results .mpms-title{font-size:12px}.mpms-search .mpms-input{font-size:16px;height:48px;min-height:48px;padding-left:56px!important}.mpms-search .mpms-icon{left:9px;width:34px;height:34px}.mpms-search .mpms-go{padding:0 14px!important}}
@media(max-width:360px){.mpms-results .mpms-photo,.mpms-results .mpms-image{width:34px;height:34px;flex-basis:34px}.mpms-results .mpms-item{gap:5px}.mpms-results .mpms-buy{min-width:56px;max-width:67px;font-size:10px}.mpms-search .mpms-go{padding:0 9px!important}.mpms-search .mpms-input{padding-left:52px!important}.mpms-search .mpms-icon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.mpms-search .mpms-spinner{animation:none}}

/* Small, keyboard-accessible alternative searches are generated from the existing code index. */
.mpms-results .mpms-suggestions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:7px 0 13px}
.mpms-results .mpms-suggestion-heading{flex-basis:100%;font-size:11px;font-weight:600;color:#455a77}
.mpms-results .mpms-suggestion{border:1px solid #b8c6d9!important;background:#f5f8fc!important;color:#123456!important;border-radius:7px;padding:6px 9px!important;font-size:12px;min-height:32px;cursor:pointer}
.mpms-results .mpms-suggestion:hover{border-color:#a92236!important;color:#a92236!important}