.wm-lookup,.wm-toast { display:none; }
.wm-sprite { position:absolute; width:0; height:0; overflow:hidden; }

/* Desktop result — cùng hệ giao diện với trang chủ cổng bảo hành */
body.hp-page--warranty-lookup {
  margin:0;
  color:#101828;
  background:#dbeaf7;
  font-family:"Be Vietnam Pro","Roboto",Arial,sans-serif;
}
body.hp-page--warranty-lookup #main-navigation,
body.hp-page--warranty-lookup .hp-header-spacer,
body.hp-page--warranty-lookup .hp-footer,
body.hp-page--warranty-lookup .cert-page { display:none!important; }
body.hp-page--warranty-lookup #main-content { min-height:100vh; }
.wdr-shell svg { width:1.35em; height:1.35em; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.wdr-main {
  min-height:calc(100vh - 124px);
  padding:34px 42px 46px;
  background:
    radial-gradient(circle at 83% 2%,rgba(65,180,255,.25),transparent 22%),
    linear-gradient(135deg,#f8fcff,#e8f5ff 62%,#d9efff);
}
.wdr-hero {
  position:relative;
  max-width:1240px;
  min-height:156px;
  display:flex;
  align-items:center;
  margin:0 auto;
  overflow:hidden;
}
.wdr-heading { position:relative; z-index:2; display:flex; align-items:center; gap:16px; }
.wdr-heading>a {
  width:42px; height:42px; display:grid; place-items:center;
  border:1px solid #dce9f5; border-radius:50%; color:#126fe5; background:#fff;
  box-shadow:0 8px 20px rgba(26,105,187,.12); transition:.2s ease;
}
.wdr-heading>a:hover { transform:translateX(-3px); box-shadow:0 10px 24px rgba(26,105,187,.18); }
.wdr-heading>a svg { width:22px; height:22px; }
.wdr-heading h1 { margin:0 0 7px; color:#101828; font-size:29px; font-weight:800; letter-spacing:-.8px; }
.wdr-heading p { margin:0; color:#667085; font-size:12px; }
.wdr-hero>img {
  position:absolute; right:24px; top:0; width:190px; height:156px; object-fit:contain;
  filter:drop-shadow(0 15px 20px rgba(8,90,200,.2));
}
.wdr-card {
  position:relative; z-index:2; max-width:1240px; margin:0 auto;
  padding:25px 28px 22px; border:1px solid rgba(213,229,244,.9); border-radius:22px;
  background:rgba(255,255,255,.96); box-shadow:0 18px 50px rgba(30,86,146,.13);
}
.wdr-overview {
  display:grid; grid-template-columns:150px minmax(0,1fr) 190px; align-items:center;
  gap:28px; min-height:205px;
}
.wdr-product-image {
  width:150px; height:180px; display:grid; place-items:center; overflow:hidden;
  border-radius:15px; background:linear-gradient(145deg,#eef8ff,#dcefff);
}
.wdr-product-image img { width:132px; height:132px; object-fit:contain; filter:drop-shadow(0 10px 12px rgba(7,91,216,.16)); }
.wdr-product-info { min-width:0; padding-right:22px; border-right:1px solid #edf1f5; }
.wdr-title-row { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.wdr-title-row h2 { margin:0; color:#101828; font-size:21px; font-weight:800; letter-spacing:-.4px; }
.wdr-title-row>span {
  padding:5px 10px; border-radius:20px; color:#079455; background:#e9f9f0;
  font-size:10px; font-weight:700;
}
.wdr-title-row>span.is-expired { color:#d92d20; background:#fef3f2; }
.wdr-product-info dl { margin:0; }
.wdr-product-info dl>div { display:grid; grid-template-columns:142px 1fr; gap:12px; margin:0 0 9px; font-size:12px; }
.wdr-product-info dt { color:#667085; }
.wdr-product-info dd { margin:0; color:#344054; font-weight:600; }
.wdr-product-info dd b { color:#079455; font-weight:700; }
.wdr-remaining {
  --remaining:100%; position:relative; width:142px; height:142px; justify-self:center;
  display:grid; place-items:center; border-radius:50%;
  background:conic-gradient(#12b76a var(--remaining),#edf1f5 0);
}
.wdr-remaining::before {
  content:""; position:absolute; inset:11px; border-radius:50%; background:#fff;
  box-shadow:inset 0 0 0 1px #eef2f6;
}
.wdr-remaining>div { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; line-height:1.05; }
.wdr-remaining svg { width:27px; height:27px; margin-bottom:5px; color:#12b76a; }
.wdr-remaining small { color:#667085; font-size:10px; }
.wdr-remaining strong { margin-top:2px; color:#101828; font-size:30px; font-weight:800; letter-spacing:-1px; }
.wdr-remaining span { color:#344054; font-size:11px; font-weight:700; }
.wdr-remaining.is-expired { background:conic-gradient(#f04438 100%,#edf1f5 0); }
.wdr-remaining.is-expired svg { color:#f04438; }
.wdr-timeline {
  min-height:80px; display:grid; grid-template-columns:auto minmax(45px,1fr) auto minmax(45px,1fr) auto minmax(45px,1fr) auto;
  align-items:start; gap:10px; margin-top:5px; padding:17px 20px 10px;
  border:1px solid #e7edf5; border-radius:14px; background:#fbfdff;
}
.wdr-step { display:flex; align-items:flex-start; gap:10px; min-width:120px; }
.wdr-step i {
  flex:0 0 28px; width:28px; height:28px; display:grid; place-items:center;
  border-radius:50%; color:#fff; background:#c5ccd6; font-size:11px; font-style:normal; font-weight:700;
}
.wdr-step.is-done i { background:#12b76a; box-shadow:0 4px 10px rgba(18,183,106,.23); }
.wdr-step span { display:block; padding-top:1px; }
.wdr-step b,.wdr-step small { display:block; white-space:nowrap; }
.wdr-step b { color:#344054; font-size:10px; }
.wdr-step small { margin-top:4px; color:#98a2b3; font-size:8px; }
.wdr-line { height:2px; margin-top:13px; background:#d8dee8; }
.wdr-line.is-done { background:#58cf94; }
.wdr-actions { display:grid; grid-template-columns:1fr 1fr 1.15fr; gap:12px; margin-top:17px; }
.wdr-actions a {
  min-height:49px; display:flex; align-items:center; justify-content:center; gap:9px;
  border:1px solid #dce6f0; border-radius:11px; color:#344054; background:#fff;
  font-size:11px; font-weight:700; transition:.2s ease;
}
.wdr-actions a:hover { color:#087af3; border-color:#a9cdf5; transform:translateY(-2px); box-shadow:0 8px 18px rgba(26,105,187,.1); }
.wdr-actions a svg { width:18px; height:18px; color:#087af3; }
.wdr-actions a.is-primary { color:#fff; border-color:#087af3; background:linear-gradient(100deg,#1489ff,#075bd8); box-shadow:0 8px 18px rgba(8,122,243,.22); }
.wdr-actions a.is-primary svg { color:#fff; }
.wdr-details {
  max-width:1240px; display:grid; grid-template-columns:.8fr 1.2fr; gap:18px;
  margin:20px auto 0; scroll-margin-top:20px;
}
.wdr-details>div {
  padding:22px 24px; border:1px solid rgba(213,229,244,.9); border-radius:16px;
  background:rgba(255,255,255,.9); box-shadow:0 10px 28px rgba(30,86,146,.08);
}
.wdr-details p { margin:0 0 15px; color:#101828; font-size:14px; font-weight:800; }
.wdr-details dl { margin:0; }
.wdr-details dl>div { display:grid; grid-template-columns:130px 1fr; gap:12px; padding:7px 0; border-bottom:1px solid #eef2f6; font-size:11px; }
.wdr-details dl>div:last-child { border-bottom:0; }
.wdr-details dt { color:#667085; }
.wdr-details dd { margin:0; color:#344054; font-weight:600; }
.wdr-terms { color:#667085; font-size:11px; line-height:1.75; }

/* Desktop lookup form */
.wdl-main { padding-bottom:48px; }
.wdl-hero { min-height:156px; }
.wdl-card {
  position:relative; z-index:2; max-width:980px; margin:0 auto;
  padding:30px 34px 32px; border:1px solid rgba(213,229,244,.9); border-radius:22px;
  background:rgba(255,255,255,.97); box-shadow:0 18px 50px rgba(30,86,146,.13);
}
.wdl-card__intro { display:flex; align-items:center; gap:14px; margin-bottom:22px; }
.wdl-card__intro>span {
  flex:0 0 44px; width:44px; height:44px; display:grid; place-items:center;
  border-radius:13px; color:#087af3; background:#e9f4ff;
}
.wdl-card__intro>span svg { width:22px; height:22px; }
.wdl-card__intro h2 { margin:0 0 5px; color:#101828; font-size:18px; font-weight:800; }
.wdl-card__intro p { margin:0; color:#667085; font-size:11px; }
.wdl-alert {
  margin:0 0 16px; padding:12px 14px; border:1px solid #fda29b; border-radius:10px;
  color:#b42318; background:#fef3f2; font-size:11px; line-height:1.5;
}
.wdl-search {
  height:58px; display:flex; align-items:center; gap:13px; padding:6px 6px 6px 18px;
  border:1px solid #dce7f2; border-radius:15px; background:#fff;
  box-shadow:0 8px 22px rgba(26,105,187,.08);
}
.wdl-search>svg { flex:0 0 20px; width:20px; height:20px; color:#98a2b3; }
.wdl-search input {
  min-width:0; flex:1; height:100%; border:0; outline:0; color:#344054;
  background:transparent; font-size:12px;
}
.wdl-search input::placeholder { color:#98a2b3; }
.wdl-search button {
  height:46px; display:flex; align-items:center; justify-content:center; gap:8px;
  padding:0 28px; border:0; border-radius:11px; color:#fff;
  background:linear-gradient(100deg,#1489ff,#075bd8);
  box-shadow:0 8px 18px rgba(8,122,243,.22); font-size:11px; font-weight:700;
}
.wdl-search button svg { width:17px; height:17px; }
.wdl-types { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.wdl-types button {
  min-height:44px; display:flex; align-items:center; justify-content:center; gap:8px;
  border:1px solid #e2eaf3; border-radius:11px; color:#667085; background:#fbfdff;
  font-size:10px; font-weight:600; transition:.2s ease;
}
.wdl-types button svg { width:17px; height:17px; }
.wdl-types button:hover { color:#087af3; border-color:#a9cdf5; }
.wdl-types button.is-active { color:#087af3; border-color:#9bc8f8; background:#eff7ff; box-shadow:inset 0 0 0 1px #d7eaff; }
.wdl-info {
  max-width:980px; display:grid; grid-template-columns:1.25fr .75fr; gap:16px;
  margin:18px auto 0;
}
.wdl-info article {
  display:flex; gap:14px; padding:20px 22px; border:1px solid rgba(213,229,244,.9);
  border-radius:15px; background:rgba(255,255,255,.9); box-shadow:0 10px 28px rgba(30,86,146,.07);
}
.wdl-info article>span {
  flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center;
  border-radius:50%; color:#087af3; background:#e9f4ff;
}
.wdl-info article>span svg { width:19px; height:19px; }
.wdl-info h2 { margin:1px 0 7px; color:#101828; font-size:13px; font-weight:800; }
.wdl-info p { margin:0; color:#667085; font-size:10px; line-height:1.65; }
.wdl-info a { display:inline-block; margin-top:8px; color:#087af3; font-size:10px; font-weight:700; }
.wdl-benefits { max-width:980px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:14px auto 0; }
.wdl-benefits article {
  display:flex; align-items:center; gap:11px; padding:14px 16px;
  border:1px solid #e5edf5; border-radius:13px; background:#fff;
}
.wdl-benefits article>span { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; }
.wdl-benefits article>span svg { width:17px; height:17px; }
.wdl-benefits .blue { color:#087af3; background:#e9f4ff; }
.wdl-benefits .green { color:#12b76a; background:#e9f9f0; }
.wdl-benefits .purple { color:#8c39e8; background:#f3eaff; }
.wdl-benefits b,.wdl-benefits small { display:block; }
.wdl-benefits b { color:#344054; font-size:10px; }
.wdl-benefits small { margin-top:3px; color:#98a2b3; font-size:8px; }

@media (max-width:1120px) and (min-width:901px) {
  .wdr-main { padding-right:24px; padding-left:24px; }
  .wdr-overview { grid-template-columns:125px minmax(0,1fr) 150px; gap:20px; }
  .wdr-product-image { width:125px; height:160px; }
  .wdr-product-image img { width:110px; height:110px; }
  .wdr-product-info dl>div { grid-template-columns:125px 1fr; }
  .wdr-remaining { width:125px; height:125px; }
  .wdr-step { min-width:105px; }
  .wdr-step b { font-size:9px; }
}

@media (max-width:900px) {
  body.hp-page--warranty-lookup { margin:0; color:#17212f; background:#eaf4ff; font-family:"Be Vietnam Pro",Arial,sans-serif; }
  body.hp-page--warranty-lookup #main-navigation,
  body.hp-page--warranty-lookup .hp-header-spacer,
  body.hp-page--warranty-lookup .hp-footer,
  body.hp-page--warranty-lookup #chatbot-widget,
  body.hp-page--warranty-lookup .wl-page,
  body.hp-page--warranty-lookup .wl-comments-wrap,
  body.hp-page--warranty-lookup .cert-page { display:none!important; }
  .wdr-shell { display:none!important; }
  body.hp-page--warranty-lookup #main-content { min-height:100dvh; }
  .wm-lookup,.wm-lookup * { box-sizing:border-box; }
  .wm-lookup { width:100%; min-height:100dvh; display:block; overflow:hidden; background:#f8fbff; }
  .wm-lookup button,.wm-lookup input { font:inherit; }
  .wm-lookup button { cursor:pointer; }
  .wm-lookup a { color:inherit; text-decoration:none; }
  .wm-lookup svg { width:1.35em; height:1.35em; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .wm-sprite { position:absolute; width:0; height:0; overflow:hidden; }

  .wm-hero { position:relative; height:230px; overflow:hidden; padding:25px 24px; color:#fff; background:radial-gradient(circle at 80% 48%,#22d1ff66,transparent 28%),linear-gradient(145deg,#078efb,#0754db 75%); }
  .wm-hero::after { content:""; position:absolute; right:-50px; top:55px; width:250px; height:125px; border:1px solid #ffffff33; border-radius:50%; transform:rotate(-8deg); }
  .wm-brand { position:relative; z-index:3; display:flex; align-items:center; gap:8px; width:max-content; line-height:1.05; }
  .wm-brand>img { width:auto; max-width:145px; height:42px; object-fit:contain; filter:brightness(0) invert(1); }
  .wm-brand>span { width:34px; height:38px; display:grid; place-items:center; }
  .wm-brand>span svg { width:33px; height:36px; }
  .wm-brand b { font-size:14px; }
  .wm-brand small { display:block; font-size:10px; letter-spacing:1.4px; }
  .wm-bell { position:absolute; z-index:5; top:25px; right:22px; color:#fff; }
  .wm-bell svg { width:25px; height:25px; }
  .wm-bell i { position:absolute; right:-1px; top:-3px; width:8px; height:8px; border:1px solid #fff; border-radius:50%; background:#f04438; }
  .wm-hero-copy { position:relative; z-index:3; margin-top:30px; }
  .wm-hero-copy p { margin:0 0 5px; font-size:12px; }
  .wm-hero-copy h1 { margin:0 0 7px; color:#fff; font-size:25px; letter-spacing:-.6px; }
  .wm-hero-copy span { font-size:10px; }
  .wm-hero-art { position:absolute; z-index:2; right:1px; bottom:-14px; width:195px; height:195px; pointer-events:none; }
  .wm-hero-art img { width:100%; height:100%; object-fit:contain; filter:saturate(1.05) drop-shadow(0 12px 17px rgba(0,40,145,.24)); }

  .wm-card { position:relative; z-index:5; min-height:calc(100dvh - 202px); margin-top:-28px; padding:18px 18px calc(94px + env(safe-area-inset-bottom)); border-radius:27px 27px 0 0; background:linear-gradient(#fff,#f8fbff); box-shadow:0 -7px 24px #004fa51c; }
  .wm-card h2 { margin:0 0 12px; font-size:14px; }
  .wm-alert { margin:0 0 10px; padding:10px 12px; border:1px solid #fda29b; border-radius:10px; color:#b42318; background:#fef3f2; font-size:10px; line-height:1.45; }
  .wm-input { height:49px; display:flex; align-items:center; gap:11px; padding:0 5px 0 13px; border:1px solid #e6edf5; border-radius:11px; background:#fff; box-shadow:0 4px 12px #24598b0b; }
  .wm-input>svg { flex:0 0 20px; color:#78879a; }
  .wm-input input { min-width:0; flex:1; height:100%; border:0; outline:0; color:#344054; background:transparent; font-size:9.5px; }
  .wm-input input::placeholder { color:#7e8999; }
  .wm-input button { height:37px; display:flex; align-items:center; gap:5px; padding:0 10px; border:0; border-left:1px solid #e5ebf3; color:#0874e9; background:#fff; font-size:9px; font-weight:600; white-space:nowrap; }
  .wm-types { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:8px; padding:3px; border:1px solid #e2e9f2; border-radius:20px; background:#f7f9fc; }
  .wm-types button { min-width:0; height:32px; display:flex; align-items:center; justify-content:center; gap:4px; padding:0 4px; overflow:hidden; border:0; border-radius:16px; color:#687588; background:transparent; text-overflow:ellipsis; white-space:nowrap; font-size:7.5px; }
  .wm-types button svg { width:12px; height:12px; }
  .wm-types button.is-active { color:#fff; background:#0875ed; box-shadow:0 4px 9px #0874e933; }
  .wm-submit,.wm-support { width:100%; height:48px; margin-top:14px; display:flex; align-items:center; justify-content:center; gap:10px; border:0; border-radius:12px; color:#fff; background:linear-gradient(90deg,#087af5,#075ade); box-shadow:0 8px 17px #0874e92d; font-size:13px; }
  .wm-lookup a.wm-support,.wm-lookup a.wm-support:hover,.wm-lookup a.wm-support:focus { color:#fff!important; }
  .wm-submit svg,.wm-support svg { width:20px; height:20px; }

  .wm-result .wm-card { padding-top:16px; }
  .wm-result-types { height:38px; display:grid; grid-template-columns:1fr 1fr; margin-top:8px; padding:3px; border:1px solid #e2e9f2; border-radius:20px; background:#f7f9fc; }
  .wm-result-types span { height:30px; display:grid; place-items:center; border-radius:16px; color:#687588; font-size:9px; }
  .wm-result-types span.is-active { color:#fff; background:#0875ed; box-shadow:0 4px 9px #0874e933; }
  .wm-result-section { margin-top:25px; }
  .wm-result-card { padding:11px; border:1px solid #e0e9f3; border-radius:12px; background:#fff; box-shadow:0 7px 18px #1a538911; }
  .wm-product-main { display:grid; grid-template-columns:70px minmax(0,1fr) 82px; gap:9px; }
  .wm-product-image { width:70px; height:108px; display:grid; place-items:center; overflow:hidden; border-radius:8px; background:linear-gradient(145deg,#e9f5ff,#f7fbff); }
  .wm-product-image img { width:92px; height:92px; object-fit:contain; }
  .wm-product-info { min-width:0; }
  .wm-product-info h3 { margin:2px 0 9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
  .wm-product-info p { margin:0 0 5px; overflow:hidden; color:#687588; text-overflow:ellipsis; white-space:nowrap; font-size:7.3px; }
  .wm-product-info b { color:#086ad8; }
  .wm-product-info strong { color:#0ba45d; font-weight:500; }
  .wm-product-info strong.is-expired { color:#d92d20; }
  .wm-product-main aside { display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; }
  .wm-product-main aside i { width:28px; height:31px; display:grid; place-items:center; clip-path:polygon(50% 0,90% 18%,88% 70%,50% 100%,12% 70%,10% 18%); color:#fff; background:#15c878; font-style:normal; }
  .wm-product-main aside span { color:#0ba45d; font-size:7px; }
  .wm-product-main aside em { margin-top:auto; padding:5px 6px; border:1px solid #7fb5f5; border-radius:6px; color:#0874e9; font-size:6.5px; font-style:normal; white-space:nowrap; }
  .wm-progress { margin-top:11px; padding:13px 11px 8px; border-radius:9px; background:#f5f8fc; }
  .wm-progress-track { position:relative; height:5px; margin:0 8px 10px; border-radius:5px; background:#dfe6ef; }
  .wm-progress-track>span { display:block; max-width:100%; height:100%; border-radius:5px; background:#19c574; }
  .wm-progress-track i { position:absolute; top:50%; width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:#fff; font-size:9px; font-style:normal; transform:translateY(-50%); }
  .wm-progress-track .start { left:-5px; background:#18c374; }
  .wm-progress-track .end { right:-5px; background:#aec2df; }
  .wm-progress-labels { display:flex; align-items:start; justify-content:space-between; text-align:center; }
  .wm-progress-labels span b,.wm-progress-labels span small { display:block; font-size:7px; }
  .wm-progress-labels span small { margin-top:4px; color:#738195; }
  .wm-progress-labels>strong { color:#10a45c; font-size:9px; }
  .wm-progress-labels>strong.is-expired { color:#d92d20; }

  .wm-guide { display:flex; gap:12px; margin-top:18px; padding:13px; border:1px solid #dbe8f5; border-radius:11px; background:linear-gradient(135deg,#f0f8ff,#f7fbff); }
  .wm-guide>span { flex:0 0 34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#0878f5; background:#e4f2ff; }
  .wm-guide h2 { margin:0 0 5px; color:#0864c8; font-size:10px; }
  .wm-guide p { margin:0; color:#687588; font-size:8px; line-height:1.55; }
  .wm-rights { margin-top:20px; }
  .wm-rights>div { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
  .wm-rights article { display:grid; grid-template-columns:30px 1fr; grid-template-rows:auto auto; min-width:0; padding:9px 6px; border-radius:10px; background:#fff; box-shadow:0 5px 14px #1c4f7d10; }
  .wm-rights article>span { grid-row:1/3; align-self:center; width:27px; height:27px; display:grid; place-items:center; border-radius:50%; }
  .wm-rights .blue { color:#087ff1; background:#e7f4ff; }
  .wm-rights .green { color:#14bd72; background:#e6faef; }
  .wm-rights .purple { color:#8c39e8; background:#f3eaff; }
  .wm-rights article b { font-size:7px; }
  .wm-rights article small { margin-top:3px; color:#7a8796; font-size:5.7px; line-height:1.4; }

  .wm-bottom-nav { position:fixed; z-index:20; right:0; bottom:0; left:0; height:calc(68px + env(safe-area-inset-bottom)); display:grid; grid-template-columns:repeat(5,1fr); align-items:start; padding:8px 8px env(safe-area-inset-bottom); border-top:1px solid #e7edf4; background:#fff; box-shadow:0 -5px 15px #1f4e790d; }
  .wm-bottom-nav>a:not(.wm-bottom-scan) { display:flex; flex-direction:column; align-items:center; gap:4px; color:#5d6b7e; font-size:7px; }
  .wm-bottom-nav>a.is-active { color:#0878f5; }
  .wm-bottom-nav>a svg { width:19px; height:19px; }
  .wm-bottom-nav .wm-bottom-scan { width:52px; height:52px; justify-self:center; display:grid; place-items:center; border:5px solid #e9f4ff; border-radius:50%; color:#fff; background:#0878f5; transform:translateY(-20px); box-shadow:0 7px 16px #0874e955; }
  .wm-bottom-nav .wm-bottom-scan svg { width:26px; height:26px; }
  .wm-toast { position:fixed; z-index:50; left:50%; bottom:84px; display:block; max-width:calc(100% - 32px); padding:10px 15px; border-radius:10px; color:#fff; background:#102a43; opacity:0; pointer-events:none; transform:translate(-50%,15px); transition:.25s; text-align:center; font-size:11px; }
  .wm-toast.is-visible { opacity:1; transform:translate(-50%,0); }
}

@media (max-width:360px) {
  .wm-card { padding-right:12px; padding-left:12px; }
  .wm-input button { padding:0 7px; }
  .wm-types button { font-size:7px; }
}

@media (prefers-reduced-motion:reduce) {
  .wm-lookup * { scroll-behavior:auto!important; transition-duration:.01ms!important; }
}