.rks-trigger{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:#038083;padding:8px;cursor:pointer}.rks-trigger svg{width:22px;height:22px}.rks-drawer,.rks-drawer *{box-sizing:border-box}.rks-drawer{--rks-brand:#038083;position:fixed;inset:0 0 0 auto;width:390px;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:white;color:#19272d;font-family:inherit;font-size:14px;line-height:1.5;overflow:hidden;box-shadow:-8px 0 30px #00000014}.rks-drawer[open]{display:flex;flex-direction:column;animation:rks-in .2s ease-out}.rks-drawer::backdrop{background:rgba(0,15,16,.62)}.rks-drawer [hidden]{display:none!important}.rks-head{padding:16px;background:linear-gradient(110deg,#f2faf8,#e6f3ef);border-bottom:1px solid #c9e3dd;flex-shrink:0}.rks-drawer .rks-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.rks-drawer h2{margin:0;font:700 18px/1.4 inherit;font-family:inherit;font-size:18px;font-weight:700;line-height:1.4;color:var(--rks-brand);text-transform:none;letter-spacing:0}.rks-drawer button{font-family:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}.rks-drawer .rks-close,.rks-drawer .rks-clear{padding:0;background:none;border:0;color:#596568;width:32px;height:32px;font-size:24px;line-height:1}.rks-drawer .rks-form{display:flex;align-items:center;gap:4px;margin:0;border:1px solid #bcded5;border-radius:13px;background:#fff;padding:4px 7px;min-height:48px}.rks-form:focus-within{outline:2px solid #038083;outline-offset:2px}.rks-drawer .rks-submit{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;background:transparent;border:0;color:#75817f;padding:5px}.rks-drawer #rks-query{min-width:0;flex:1;width:100%;height:36px;padding:4px;background:transparent;border:0;outline:none;box-shadow:none;color:#19272d;font-family:inherit;font-size:14px;line-height:1.4;margin:0}.rks-drawer #rks-query::-webkit-search-cancel-button{display:none}.rks-drawer #rks-query::placeholder{color:#7a8280;opacity:1;font-size:13px}.rks-body{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:16px;padding-bottom:max(20px,env(safe-area-inset-bottom));min-height:0}.rks-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin:0 0 20px}.rks-drawer .rks-all{font-size:12px;color:var(--rks-brand);text-decoration:none;white-space:nowrap}.rks-drawer .rks-empty{text-align:center;padding:30px 2px}.rks-empty-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4f5f6;color:#7a8080;margin:0 auto 16px}.rks-empty-icon svg{width:26px;height:26px}.rks-drawer h3{font-size:14px;font-weight:600;color:#19272d;line-height:1.4;margin:0 0 9px;letter-spacing:0;text-transform:none}.rks-empty p{font-size:12px;color:#79817f;margin:0 0 14px;line-height:1.6}.rks-suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.rks-drawer .rks-suggestions button{border:0;border-radius:20px;padding:6px 12px;background:#eff8f5;color:var(--rks-brand);font-size:12px;line-height:1.4}.rks-result{display:flex;gap:13px;align-items:center;border-bottom:1px solid #edf0ef;padding:14px 0;text-decoration:none;color:#19272d}.rks-result img{width:66px;height:76px;object-fit:contain;border-radius:8px;background:#fafbf9;flex-shrink:0}.rks-result-info{min-width:0;flex:1}.rks-result h3{font-size:14px;margin:0 0 7px;overflow-wrap:anywhere}.rks-drawer .rks-price,.rks-drawer .rks-price *{color:var(--rks-brand);font-size:14px;font-weight:600}.rks-stock{display:block;color:#8e5656;font-size:12px;margin-top:4px}.rks-drawer :is(button,a):focus-visible{outline:2px solid var(--rks-brand);outline-offset:2px}.rks-result:hover h3{text-decoration:underline}.rks-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rks-scroll-lock{overflow:hidden!important}@keyframes rks-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:480px){.rks-drawer{width:min(390px,100vw)}.rks-drawer #rks-query{font-size:16px}.rks-head{padding:14px}.rks-body{padding:14px}.rks-drawer .rks-heading{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.rks-drawer[open]{animation:none}}

/* Preserve modal visibility when theme dialog defaults are present. */
dialog#rks-drawer:not([open]){display:none!important}dialog#rks-drawer[open]{display:flex!important;visibility:visible!important;opacity:1!important;z-index:2147483000}
