.seeknet {
  --sn-accent: #6d5efc;
  --sn-radius: 16px;
  --sn-bg: #fff;
  --sn-surface: color-mix(in srgb, var(--sn-accent) 2%, #fafafa);
  --sn-hover: color-mix(in srgb, var(--sn-accent) 8%, var(--sn-bg));
  --sn-text: #242435;
  --sn-muted: #787987;
  --sn-line: #ebebf1;
  --sn-shadow: 0 20px 64px -16px #26243c30, 0 3px 12px #24243508;
  --sn-submit-bg: color-mix(in srgb, var(--sn-accent) 9%, var(--sn-bg));
  --sn-submit-color: var(--sn-accent);
  --sn-submit-hover-bg: color-mix(in srgb, var(--sn-submit-bg) 90%, var(--sn-submit-color));
  color: var(--sn-text);
  font: 400 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  position: relative;
  width: 100%;
  text-align: start;
  box-sizing: border-box;
  isolation: isolate;
}
.seeknet[data-theme="dark"] { --sn-bg:#20212b; --sn-surface:color-mix(in srgb,var(--sn-accent) 5%,#282934); --sn-hover:color-mix(in srgb,var(--sn-accent) 18%,var(--sn-bg)); --sn-text:#f5f5fc; --sn-muted:#a6a7b7; --sn-line:#383944; --sn-shadow:0 20px 64px -16px #0008; }
@media (prefers-color-scheme: dark) {
  .seeknet[data-theme="auto"] { --sn-bg:#20212b; --sn-surface:color-mix(in srgb,var(--sn-accent) 5%,#282934); --sn-hover:color-mix(in srgb,var(--sn-accent) 18%,var(--sn-bg)); --sn-text:#f5f5fc; --sn-muted:#a6a7b7; --sn-line:#383944; --sn-shadow:0 20px 64px -16px #0008; }
  .seeknet[data-theme="auto"] .sn-product-image img { mix-blend-mode:normal; }
}
.seeknet *, .seeknet *::before, .seeknet *::after { box-sizing:border-box; }
.seeknet [hidden] { display:none !important; }
.seeknet a { color:inherit; text-decoration:none; box-shadow:none; }
/* Result cards have their own hover/focus treatment. Keep content-link rules
   from the host theme from decorating every nested name, category and price. */
.seeknet .sn-panel a,
.seeknet .sn-panel a:visited,
.seeknet .sn-panel a:hover,
.seeknet .sn-panel a:focus,
.seeknet .sn-panel a:active { text-decoration:none; box-shadow:none; }
.seeknet button, .seeknet input { font:inherit; letter-spacing:normal; text-transform:none; }
.seeknet button { cursor:pointer; }
.seeknet button:disabled { opacity:.65; cursor:wait; }
.seeknet button:focus-visible, .seeknet a:focus-visible, .seeknet input:focus-visible { outline:2px solid var(--sn-accent); outline-offset:3px; }
.seeknet svg { display:block; flex-shrink:0; }
.seeknet .sn-sr-only { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.seeknet .sn-form { display:flex; align-items:center; gap:12px; padding:7px 8px 7px 18px; min-height:56px; margin:0; border:1px solid var(--sn-line); border-radius:var(--sn-radius); background:var(--sn-bg); color:var(--sn-text); transition:border-color .18s,box-shadow .18s; }
.seeknet .sn-form:focus-within { border-color:var(--sn-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--sn-accent) 10%,transparent); }
.seeknet .sn-search-icon { color:var(--sn-muted); }
.seeknet input.sn-input { flex:1; min-width:0; width:100%; height:40px; margin:0; padding:0; color:var(--sn-text); border:0; border-radius:0; outline:none; box-shadow:none; background:transparent; font-size:15px; appearance:none; }
.seeknet input.sn-input::-webkit-search-cancel-button { appearance:none; }
.seeknet .sn-input::placeholder { color:var(--sn-muted); opacity:1; }
.seeknet .sn-clear { display:grid; place-items:center; width:28px; height:32px; padding:0; margin:0; color:var(--sn-muted); border:0; background:none; border-radius:6px; }
.seeknet .sn-submit { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:40px; height:40px; margin:0; padding:0; border:0; border-radius:max(4px,calc(var(--sn-radius) - 7px)); color:var(--sn-submit-color); background:var(--sn-submit-bg); }
.seeknet .sn-submit--text { width:auto; min-width:40px; max-width:55%; gap:7px; padding-inline:13px; font-size:12px; }
.seeknet .sn-submit [data-submit-label] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.seeknet .sn-submit:hover { background:var(--sn-submit-hover-bg); }
.seeknet .sn-spinner { width:17px; height:17px; flex-shrink:0; border:2px solid var(--sn-line); border-top-color:var(--sn-accent); border-radius:50%; animation:sn-spin .7s linear infinite; }
.seeknet .sn-mobile-close { display:none; }
.seeknet.sn-is-open { z-index:99990; }
.seeknet .sn-panel { position:absolute; top:calc(100% + 10px); left:var(--sn-panel-left,0); width:var(--sn-panel-width,100%); min-width:min(100%,calc(100vw - 32px)); background:var(--sn-bg); border:1px solid var(--sn-line); border-radius:var(--sn-radius); box-shadow:var(--sn-shadow); overflow:hidden;  }
.seeknet .sn-panel-body { display:flex; align-items:stretch; }
.seeknet .sn-results { min-width:0; flex:1; max-height:min(580px,65vh); overflow:auto; overscroll-behavior:contain; padding:10px 0; scrollbar-width:thin; scrollbar-color:var(--sn-line) transparent; }
.seeknet .sn-group + .sn-group { margin-top:5px; }
.seeknet .sn-group-title { display:flex; align-items:center; justify-content:space-between; padding:12px 20px 9px; margin:0; color:var(--sn-muted); font-size:10px; font-weight:650; letter-spacing:1.4px; text-transform:uppercase; line-height:1.5; }
.seeknet .sn-group-title > span { font-size:10px; line-height:17px; min-width:22px; text-align:center; background:var(--sn-surface); border-radius:5px; letter-spacing:0; }
.seeknet .sn-option { transition:background .12s; }
.seeknet .sn-option[aria-selected="true"], .seeknet .sn-option:hover { background:var(--sn-hover); }
.seeknet .sn-product { display:flex; align-items:center; gap:14px; padding:11px 20px; border:0; border-inline-start:2px solid transparent; min-height:83px; }
.seeknet .sn-product[aria-selected="true"] { border-inline-start-color:var(--sn-accent); }
.seeknet .sn-product-image { flex-shrink:0; display:grid; place-items:center; width:56px; height:62px; padding:3px; border-radius:9px; background:var(--sn-surface); overflow:hidden; }
.seeknet .sn-product-image img { width:100%; height:100%; object-fit:contain; margin:0; border:0; border-radius:4px; mix-blend-mode:multiply; }
.seeknet[data-theme="dark"] .sn-product-image img { mix-blend-mode:normal; }
.seeknet .sn-product-copy { display:flex; flex:1; flex-direction:column; min-width:0; gap:3px; }
.seeknet .sn-product-category { color:var(--sn-muted); font-size:10px; line-height:1.4; }
.seeknet .sn-product-name { font-size:13px; font-weight:550; line-height:1.5; }
.seeknet .sn-product-name, .seeknet .sn-panel a.sn-detail-name, .seeknet .sn-content strong, .seeknet .sn-panel a.sn-term { color:var(--sn-link,var(--sn-text)); }
.seeknet mark { padding:0; background:none; color:var(--sn-accent); font-weight:650; }
.seeknet .sn-product-sku { color:var(--sn-muted); font-size:10px; }
.seeknet .sn-product-description { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden; max-height:4.65em; margin-top:3px; color:var(--sn-muted); font-size:11px; font-weight:400; line-height:1.55; overflow-wrap:anywhere; }
.seeknet .sn-results[inert], .seeknet .sn-detail[inert] { pointer-events:none; }
.seeknet .sn-product-end { align-self:center; display:flex; flex-direction:column; align-items:flex-end; gap:5px; max-width:130px; text-align:end; }
.seeknet .sn-price { color:var(--sn-text); font-size:12px; font-weight:650; white-space:normal; }
.seeknet .sn-price del { color:var(--sn-muted); font-size:10px; font-weight:400; padding-inline-end:5px; }
.seeknet .sn-price ins { color:inherit; background:none; text-decoration:none; }
.seeknet .sn-price .screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.seeknet .sn-sale { display:inline-block; padding:2px 6px; border-radius:4px; color:#27775c; background:#e5f5ed; font-size:9px; font-weight:600; }
.seeknet .sn-terms { display:flex; flex-wrap:wrap; gap:6px; padding:0 20px 9px; }
.seeknet .sn-term { display:flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid var(--sn-line); border-radius:7px; font-size:11px; }
.seeknet .sn-term-name { min-width:0; }
.seeknet .sn-term-name mark { display:inline; margin:0; color:inherit; }
.seeknet .sn-term svg { width:12px; height:12px; color:var(--sn-muted); }
.seeknet .sn-term img { width:22px; height:22px; object-fit:cover; border-radius:4px; }
.seeknet .sn-term-dot { width:5px; height:5px; background:var(--sn-accent); opacity:.6; border-radius:50%; }
.seeknet .sn-content { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 20px; }
.seeknet .sn-content strong { font-size:12px; font-weight:550; }
.seeknet .sn-content small { display:block; margin-top:3px; color:var(--sn-muted); font-size:11px; }
.seeknet .sn-content > svg { width:15px; height:15px; }
.seeknet .sn-panel a.sn-all { display:flex; align-items:center; justify-content:space-between; margin:10px 14px 2px; padding:11px 12px; border-radius:8px; background:var(--sn-surface); color:var(--sn-link,var(--sn-accent)); font-size:12px; font-weight:550; }
.seeknet .sn-all svg { width:16px; height:16px; }
.seeknet .sn-detail { display:flex; flex-direction:column; width:290px; flex-shrink:0; padding:22px; border-inline-start:1px solid var(--sn-line); background:var(--sn-surface); max-height:min(580px,65vh); overflow:auto; }
.seeknet .sn-detail-image { display:grid; place-items:center; min-height:170px; background:var(--sn-bg); border-radius:max(4px,calc(var(--sn-radius) - 5px)); padding:18px; margin-bottom:20px; }
.seeknet .sn-detail-image img { display:block; width:100%; height:160px; object-fit:contain; }
.seeknet .sn-detail-copy { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.seeknet .sn-eyebrow { font-size:10px; color:var(--sn-muted); }
.seeknet .sn-detail-name { font-size:17px; font-weight:650; line-height:1.45; letter-spacing:-.35px; }
.seeknet .sn-rating { display:flex; align-items:center; gap:5px; font-size:11px; }
.seeknet .sn-rating > span { color:#daa84e; }
.seeknet .sn-rating small { color:var(--sn-muted); }
.seeknet .sn-detail-price { font-size:19px; font-weight:650; letter-spacing:-.4px; margin-top:3px; }
.seeknet .sn-detail-price del { font-size:12px; }
.seeknet .sn-detail-description { color:var(--sn-muted); font-size:11px; line-height:1.75; margin:3px 0 5px; padding:0; }
.seeknet .sn-stock { display:flex; align-items:center; gap:6px; font-size:10px; color:#287452; margin:0 0 8px; }
.seeknet .sn-stock i { width:5px; height:5px; border-radius:50%; background:currentColor; }
.seeknet .sn-stock--out { color:#a56b2f; }
.seeknet .sn-cart-form { display:flex; align-items:stretch; gap:7px; width:100%; margin:0; }
.seeknet .sn-cart-form input { width:48px; min-width:0; height:40px; border:1px solid var(--sn-line); border-radius:7px; background:var(--sn-bg); padding:4px; text-align:center; box-shadow:none; color:var(--sn-text); font-size:12px; }
.seeknet .sn-cart-button, .seeknet .sn-panel a.sn-view { display:flex; align-items:center; justify-content:center; gap:8px; flex:1; padding:11px 8px; border:0; border-radius:7px; background:var(--sn-accent); color:#fff; font-size:11px; font-weight:550; line-height:1.5; margin:0; text-decoration:none; }
.seeknet .sn-cart-button svg, .seeknet .sn-view svg { width:15px; height:15px; }
.seeknet .sn-view { width:100%; }
.seeknet .sn-cart-message { font-size:10px; color:var(--sn-muted); line-height:1.6; }
.seeknet .sn-panel-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 17px; border-top:1px solid var(--sn-line); color:var(--sn-muted); font-size:9px; }
.seeknet .sn-panel-footer > span { display:flex; align-items:center; gap:5px; }
.seeknet kbd { font-family:inherit; font-size:9px; line-height:1.2; background:var(--sn-surface); color:var(--sn-muted); border:1px solid var(--sn-line); border-radius:3px; padding:2px 4px; box-shadow:0 1px 0 var(--sn-line); }
.seeknet .sn-empty { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; padding:38px 24px; }
.seeknet .sn-empty-icon { padding:13px; border-radius:14px; color:var(--sn-accent); background:var(--sn-surface); margin-bottom:6px; }
.seeknet .sn-empty-icon svg { width:24px; height:24px; }
.seeknet .sn-empty strong { font-size:14px; font-weight:600; }
.seeknet .sn-empty p { padding:0; margin:0; max-width:300px; color:var(--sn-muted); font-size:12px; line-height:1.7; }
.seeknet .sn-idle { display:flex; align-items:center; justify-content:center; gap:10px; padding:24px 20px; color:var(--sn-muted); }
.seeknet .sn-idle svg { width:20px; height:20px; }
.seeknet .sn-idle p { font-size:12px; margin:0; padding:0; }
.seeknet .sn-history-item { display:flex; align-items:center; gap:12px; width:100%; padding:12px 20px; margin:0; border:0; background:none; color:var(--sn-text); text-align:start; font-size:13px; border-radius:0; }
.seeknet .sn-history-item svg { width:16px; height:16px; color:var(--sn-muted); }
.seeknet .sn-history-item svg:last-child { margin-inline-start:auto; }
.seeknet .sn-history-actions { display:flex; justify-content:flex-end; padding:7px 20px; }
.seeknet .sn-history-clear { padding:0; margin:0; font-size:10px; color:var(--sn-muted); background:none; border:0; }
.seeknet .sn-notice { padding:9px 20px; color:var(--sn-accent); font-size:11px; }
.seeknet .sn-skeleton { padding:5px 20px; }
.seeknet .sn-skeleton > div { display:flex; align-items:center; gap:14px; padding:12px 0; }
.seeknet .sn-skeleton i { display:block; width:56px; height:56px; border-radius:9px; background:var(--sn-surface); }
.seeknet .sn-skeleton span { flex:1; }
.seeknet .sn-skeleton b { display:block; height:9px; width:70%; border-radius:4px; background:var(--sn-surface); margin:10px 0; animation:sn-pulse 1s ease-in-out infinite alternate; }
.seeknet .sn-skeleton b:last-child { width:45%; }
@keyframes sn-spin { to { transform:rotate(360deg); } }
@keyframes sn-reveal { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
@keyframes sn-pulse { to { opacity:.4; } }
.seeknet-content-results { margin:32px 0; }
.seeknet-content-results article { padding:20px 0; border-bottom:1px solid #e9e9ef; }
.seeknet-content-results h3 { font-size:1.1em; margin:0 0 8px; }
.seeknet-content-results a { color:inherit; }
.seeknet-content-results p { margin:0; font-size:.9em; line-height:1.7; }
@media (max-width:800px) { .seeknet .sn-detail { width:245px; padding:17px; } }
@media (max-width:640px) {
  .seeknet .sn-detail { display:none !important; }
  .seeknet input.sn-input { font-size:16px; }
  .seeknet .sn-product { padding:12px 15px; gap:11px; }
  .seeknet .sn-product-name { font-size:13px; }
  .seeknet .sn-panel-footer { display:none; }
  .seeknet.sn-is-mobile { position:fixed; inset:0; width:100%; height:100%; height:100dvh; display:flex; flex-direction:column; background:var(--sn-bg); padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom)); z-index:2147483000; }
  .seeknet.sn-is-mobile .sn-form { flex-shrink:0; border-radius:12px; gap:10px; padding-inline-start:12px; }
  .seeknet.sn-is-mobile .sn-submit { display:none; }
  .seeknet.sn-is-mobile .sn-mobile-close { display:block; border:0; border-inline-start:1px solid var(--sn-line); border-radius:0; color:var(--sn-muted); background:none; padding:6px 8px 6px 12px; font-size:12px; margin:0; }
  .seeknet.sn-is-mobile .sn-panel { position:static; display:flex; flex-direction:column; flex:1; min-height:0; width:100%; min-width:0; box-shadow:none; border:0; border-radius:0; margin-top:12px; overflow:auto; }
  .seeknet.sn-is-mobile .sn-panel-body { flex:1; min-height:0; }
  .seeknet.sn-is-mobile .sn-results { max-height:none; }
}
@media (prefers-reduced-motion:reduce) { .seeknet *, .seeknet *::before, .seeknet *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

.seeknet .sn-preview-label { display:block; margin:0 0 6px; color:var(--sn-muted); font-size:10px; line-height:1.4; letter-spacing:.05em; }
