@charset "UTF-8";
/*
 * Anker UI refinement layer
 * Kept separate from the legacy theme so this storefront refresh is easy to audit
 * and remove without disturbing Haravan settings or storefront behaviour.
 */
@font-face {
  font-family: "Proxima Nova";
  src: url(//cdn.hstatic.net/themes/1000153276/1001507262/14/mark_simonson_-_proxima_nova_regular-webfont.woff?v=358) format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "Proxima Nova";
  src: url(//cdn.hstatic.net/themes/1000153276/1001507262/14/mark_simonson_-_proxima_nova_semibold-webfont.woff?v=358) format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap; }

@font-face {
  font-family: "Proxima Nova";
  src: url(//cdn.hstatic.net/themes/1000153276/1001507262/14/mark_simonson_-_proxima_nova_bold-webfont.woff2?v=358) format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap; }

:root {
  --anker-ink: #0b1118;
  --anker-ink-soft: #18212b;
  --anker-blue: #00a7e1;
  --anker-blue-deep: #007fae;
  --anker-red: #e32636;
  --anker-surface: #f4f7f9;
  --anker-surface-strong: #eaf0f3;
  --anker-border: #dce4e8;
  --anker-muted: #66727d;
  --anker-white: #fff;
  --anker-radius: 16px;
  --anker-shadow: 0 18px 48px rgba(11, 17, 24, 0.12);
  --anker-shadow-soft: 0 8px 28px rgba(11, 17, 24, 0.08); }

html {
  scroll-behavior: smooth; }

body,
button,
input,
select,
textarea {
  /* Vietnamese-first storefront typography. */
  font-family: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif;
  font-feature-settings: "kern" 1, "liga" 1; }

body {
  color: var(--anker-ink);
  background: var(--anker-white);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

h1,
h2,
h3,
h4,
h5,
h6,
.btn {
  font-family: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -.025em; }

.btn,
button,
.site-nav__link,
.mobile-nav__link {
  letter-spacing: -.01em; }

.money,
[class*="price"],
#CartCount,
#CartCost,
.product-countdown,
.ajaxcart__qty-num,
.js-qty__num {
  font-variant-numeric: tabular-nums lining-nums; }

/* Replace explicit legacy display fonts without touching icon font classes. */
.custom-bottom,
.custom-bottom h2,
.custom-bottom h3,
.filter-block .clear,
.latest-posts .readmore,
.testimonials-profile em {
  font-family: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif; }

a,
button,
input,
select,
.btn {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease; }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.btn:focus-visible {
  outline: 3px solid rgba(0, 167, 225, 0.42);
  outline-offset: 3px; }

/* Header: cleaner search, compact menus and high-contrast navigation. */
.site-header {
  background: var(--anker-white);
  border-bottom: 1px solid var(--anker-border);
  box-shadow: 0 3px 16px rgba(11, 17, 24, 0.06); }

.site-header .header {
  background: var(--anker-white); }

.site-header__logo img {
  max-height: 46px;
  width: auto; }

/* Crisp current wordmark shared by desktop, mobile, and the navigation drawer. */
.site-header__logo img.anker-logo--official {
  display: block;
  width: 122px;
  height: auto;
  max-height: none;
  margin: 0; }

#NavDrawer .drawer__title img.anker-logo--official {
  display: block;
  width: 116px;
  height: auto;
  max-width: none;
  max-height: none; }

.site-header__logo-link.medium--hide img.anker-logo--official {
  display: block;
  width: 116px;
  height: auto;
  max-width: none;
  max-height: none;
  margin: 0 auto; }

.juno-search .search {
  display: flex;
  height: 44px;
  overflow: hidden;
  background: var(--anker-surface);
  border: 1px solid var(--anker-border);
  border-radius: 12px; }

.juno-search .search_box {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  padding: 0 16px;
  color: var(--anker-ink);
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 15px; }

.juno-search .search_box::placeholder {
  color: #89939c; }

.juno-search .gid-search-btn {
  display: flex;
  flex: 0 0 48px;
  height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--anker-white);
  background: var(--anker-blue);
  border: 0;
  border-radius: 0; }

.juno-search .gid-search-btn:hover {
  background: var(--anker-blue-deep); }

.hotline-top {
  color: var(--anker-muted);
  letter-spacing: .02em; }

.hotline-top .hotline {
  color: var(--anker-ink);
  font-weight: 700; }

.hotline-top i.fa {
  color: var(--anker-blue);
  border-color: var(--anker-border); }

.site-header__cart-toggle {
  color: var(--anker-ink); }

.site-header__cart-toggle #CartCount {
  min-width: 22px;
  width: auto;
  height: 22px;
  padding: 0 6px;
  color: var(--anker-white);
  background: var(--anker-red);
  border-radius: 999px;
  line-height: 22px;
  font-weight: 700; }

.site-header__cart-toggle #CartCount::before {
  display: none; }

.juno-menu {
  background: var(--anker-ink) !important;
  border: 0; }

.juno-menu .site-nav__link {
  position: relative;
  color: rgba(255, 255, 255, 0.88);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .015em; }

.juno-menu .site-nav__link:hover,
.juno-menu .site-nav__link:focus,
.juno-menu .site-nav--active > .site-nav__link {
  color: var(--anker-white);
  background: transparent; }

.juno-menu .site-nav__link::after {
  position: absolute;
  right: 25px;
  bottom: 6px;
  left: 0;
  height: 2px;
  content: "";
  background: var(--anker-blue);
  opacity: 0;
  transform: scaleX(0.4); }

/* Keep the indicator under the label, excluding the submenu arrow. */
.juno-menu .site-nav--has-dropdown > .site-nav__link::after {
  right: 38px; }

.juno-menu .site-nav__link:hover::after,
.juno-menu .site-nav__link:focus::after,
.juno-menu .site-nav--active > .site-nav__link::after {
  opacity: 1;
  transform: scaleX(1); }

.juno-menu .home-button::after {
  display: none; }

.juno-menu .home-button:hover,
.juno-menu .home-button:focus {
  color: var(--anker-blue);
  background: transparent; }

.juno-menu .site-nav__dropdown {
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 0 0 14px 14px;
  box-shadow: var(--anker-shadow); }

.juno-menu .site-nav__dropdown a {
  color: var(--anker-ink); }

.juno-menu .site-nav__dropdown a:hover {
  color: var(--anker-blue-deep);
  background: var(--anker-surface); }

/* Image-led category dropdowns, such as the Sạc menu. */
.juno-menu .gid-li > .site-nav__dropdown {
  padding: 18px 24px 22px;
  overflow: hidden;
  background: var(--anker-white);
  border-top: 3px solid var(--anker-blue); }

.juno-menu .site-nav__link.nav-focus + .site-nav__dropdown {
  top: 100% !important; }

.juno-menu .gid-li > .site-nav__dropdown > .wrapper {
  display: grid;
  width: 100%;
  max-width: 960px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0 auto;
  padding: 0; }

.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  text-align: left; }

.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a {
  display: grid;
  height: 100%;
  min-height: 166px;
  grid-template-rows: 118px auto;
  padding: 0;
  overflow: hidden;
  color: var(--anker-ink);
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(11, 17, 24, 0.05);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }

.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a:hover,
.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a:focus {
  color: var(--anker-blue-deep);
  background: var(--anker-white);
  border-color: rgba(0, 164, 224, 0.55);
  box-shadow: 0 12px 28px rgba(11, 17, 24, 0.1);
  outline: 0;
  transform: translateY(-2px); }

.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a img {
  display: block;
  width: 100%;
  height: 118px;
  padding: 10px 18px 6px;
  object-fit: contain;
  background: #f7f9fa;
  transition: transform .25s ease; }

.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a:hover img,
.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a:focus img {
  transform: scale(1.04); }

.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a p {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding: 12px 14px;
  border-top: 1px solid #edf1f3;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700; }

.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a p::after {
  flex: 0 0 auto;
  content: "\2192";
  color: var(--anker-blue);
  font-size: 17px;
  line-height: 1;
  transform: translateX(-2px);
  transition: transform .2s ease; }

.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a:hover p::after,
.juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a:focus p::after {
  transform: translateX(2px); }

/* Cart trigger and drawer: compact, legible, touch-friendly. */
.site-header__cart-toggle.gid-cart {
  display: inline-flex;
  position: relative;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--anker-ink);
  background: var(--anker-surface);
  border: 1px solid var(--anker-border);
  border-radius: 12px;
  line-height: 1; }

.site-header__cart-toggle.gid-cart:hover,
.site-header__cart-toggle.gid-cart:focus {
  color: var(--anker-blue-deep);
  background: var(--anker-white);
  border-color: var(--anker-blue);
  box-shadow: 0 7px 18px rgba(0, 167, 225, 0.16);
  opacity: 1; }

.site-header__cart-toggle.gid-cart .sprite-cart {
  display: block;
  position: relative;
  width: 24px;
  height: 24px;
  float: none; }

.site-header__cart-toggle.gid-cart .sprite-cart::before {
  position: absolute;
  inset: 0;
  width: 24px;
  height: 24px;
  content: "";
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.2 10.1a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 7H6'/%3E%3Ccircle cx='9.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3Ccircle cx='17.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.2 10.1a2 2 0 0 0 2 2h7.7a2 2 0 0 0 2-1.5L21 7H6'/%3E%3Ccircle cx='9.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3Ccircle cx='17.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat; }

.site-header__cart-toggle.gid-cart #CartCount,
.gid-cart #CartCount {
  position: absolute;
  z-index: 2;
  top: -7px;
  right: -7px;
  left: auto;
  min-width: 21px;
  width: auto;
  height: 21px;
  padding: 0 5px;
  color: var(--anker-white);
  background: var(--anker-red);
  border: 2px solid var(--anker-white);
  border-radius: 999px;
  box-shadow: 0 3px 8px rgba(227, 38, 54, 0.25);
  font-size: 11px;
  font-weight: 700;
  line-height: 17px;
  text-align: center; }

.site-header__cart-toggle.gid-cart #CartCount::before {
  display: none; }

.js-drawer-open-right #haravan-notification {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important; }

#CartDrawer.drawer--right {
  right: -440px;
  z-index: 2147482999;
  width: 440px;
  max-width: calc(100vw - 24px);
  height: 100vh;
  height: 100dvh;
  padding: 0;
  overflow: hidden;
  color: var(--anker-ink);
  background: var(--anker-white);
  border: 0;
  box-shadow: -22px 0 54px rgba(11, 17, 24, 0.18); }

.js-drawer-open-right #CartDrawer.drawer--right {
  transform: translateX(-440px); }

#CartDrawer > .overlay {
  display: none; }

#CartDrawer .drawer--popup-container {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column; }

#CartDrawer .drawer__header {
  display: flex;
  flex: 0 0 76px;
  height: 76px;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 24px;
  background: rgba(255, 255, 255, 0.97);
  border-bottom: 1px solid var(--anker-border); }

#CartDrawer .drawer__title {
  display: block;
  flex: 1 1 auto;
  width: auto;
  color: var(--anker-ink);
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -.02em;
  visibility: visible;
  opacity: 1; }

#CartDrawer .drawer__close {
  display: block;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  visibility: visible;
  opacity: 1; }

#CartDrawer .drawer__close button {
  display: flex;
  position: static;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--anker-ink);
  background: var(--anker-surface);
  border: 1px solid transparent;
  border-radius: 50%; }

#CartDrawer .drawer__close button:hover,
#CartDrawer .drawer__close button:focus {
  color: var(--anker-blue-deep);
  background: var(--anker-white);
  border-color: var(--anker-blue); }

#CartDrawer #CartContainer {
  flex: 1 1 auto;
  min-height: 0; }

#CartDrawer .ajaxcart {
  display: flex;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  margin: 0; }

#CartDrawer .ajaxcart__inner {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  padding: 8px 24px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain; }

#CartDrawer .ajaxcart__product {
  max-height: 600px; }

#CartDrawer .ajaxcart__row {
  margin: 0;
  padding: 18px 0;
  border-bottom: 1px solid var(--anker-border); }

#CartDrawer .ajaxcart__row > .grid {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 16px;
  margin: 0; }

#CartDrawer .ajaxcart__row > .grid > .grid__item {
  width: auto;
  min-width: 0;
  padding: 0;
  float: none; }

#CartDrawer .ajaxcart__product-image {
  display: flex;
  width: 86px;
  height: 86px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 8px;
  background: var(--anker-surface);
  border: 1px solid var(--anker-border);
  border-radius: 12px; }

#CartDrawer .ajaxcart__product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

#CartDrawer .ajaxcart__row p {
  margin: 0 0 13px; }

#CartDrawer .ajaxcart__product-name {
  display: -webkit-box;
  overflow: hidden;
  color: var(--anker-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

#CartDrawer .ajaxcart__product-name:hover,
#CartDrawer .ajaxcart__product-name:focus {
  color: var(--anker-blue-deep);
  opacity: 1; }

#CartDrawer .ajaxcart__product-meta {
  display: -webkit-box;
  margin-top: 5px;
  overflow: hidden;
  color: var(--anker-muted);
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

#CartDrawer .grid--full.display-table {
  display: flex;
  align-items: center;
  gap: 12px; }

#CartDrawer .grid--full.display-table > .grid__item {
  display: block;
  width: auto;
  padding: 0; }

#CartDrawer .grid--full.display-table > .grid__item:first-child {
  flex: 0 0 auto; }

#CartDrawer .grid--full.display-table > .grid__item:last-child {
  flex: 1 1 auto;
  color: var(--anker-ink);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap; }

#CartDrawer .ajaxcart__qty {
  display: flex;
  width: 116px;
  min-width: 116px;
  max-width: 116px;
  height: 38px;
  margin: 0;
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 10px; }

#CartDrawer .ajaxcart__qty-num,
#CartDrawer .ajaxcart__qty-adjust {
  position: static;
  height: 36px;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none; }

#CartDrawer .ajaxcart__qty-num {
  order: 2;
  width: 44px;
  padding: 0;
  color: var(--anker-ink);
  background: var(--anker-white);
  border-right: 1px solid var(--anker-border);
  border-left: 1px solid var(--anker-border);
  font-size: 15px;
  font-weight: 600;
  line-height: 36px;
  text-align: center; }

#CartDrawer .ajaxcart__qty-adjust {
  display: flex;
  width: 35px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--anker-ink);
  background: var(--anker-surface);
  font-size: 10px; }

#CartDrawer .ajaxcart__qty--minus {
  order: 1; }

#CartDrawer .ajaxcart__qty--plus {
  order: 3; }

#CartDrawer .ajaxcart__qty-adjust:hover,
#CartDrawer .ajaxcart__qty-adjust:focus {
  color: var(--anker-white);
  background: var(--anker-blue); }

#CartDrawer label[for="CartSpecialInstructions"] {
  display: block;
  margin: 20px 0 8px;
  color: var(--anker-ink);
  font-size: 14px;
  font-weight: 700; }

#CartDrawer #CartSpecialInstructions {
  min-height: 82px;
  padding: 12px;
  background: var(--anker-surface);
  border: 1px solid var(--anker-border);
  border-radius: 10px;
  resize: vertical; }

#CartDrawer #CartSpecialInstructions:focus {
  background: var(--anker-white);
  border-color: var(--anker-blue);
  box-shadow: 0 0 0 3px rgba(0, 167, 225, 0.12); }

#CartDrawer .ajaxcart__footer {
  flex: 0 0 auto;
  padding: 18px 24px 20px;
  padding-bottom: calc(20px + env(safe-area-inset-bottom));
  background: var(--anker-white);
  border-top: 1px solid var(--anker-border);
  box-shadow: 0 -12px 30px rgba(11, 17, 24, 0.08); }

#CartDrawer .ajaxcart__footer .grid--full {
  display: flex;
  align-items: baseline;
  justify-content: space-between; }

#CartDrawer .ajaxcart__footer .grid__item {
  width: auto;
  padding: 0; }

#CartDrawer .ajaxcart__footer p {
  margin: 0 0 10px;
  color: var(--anker-muted);
  font-size: 13px; }

#CartDrawer .ajaxcart__footer .grid--full p {
  color: var(--anker-ink);
  font-size: 17px;
  font-weight: 700; }

#CartDrawer .cart__checkout {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  color: var(--anker-white);
  background: var(--anker-blue);
  border: 0;
  border-radius: 11px;
  font-size: 16px;
  font-weight: 700; }

#CartDrawer .cart__checkout:hover,
#CartDrawer .cart__checkout:focus {
  color: var(--anker-white);
  background: var(--anker-blue-deep);
  box-shadow: 0 8px 20px rgba(0, 127, 174, 0.22); }

#CartDrawer #CartContainer > p {
  display: flex;
  min-height: 240px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
  margin: 24px;
  padding: 32px 24px;
  color: var(--anker-muted);
  background: var(--anker-surface);
  border: 1px dashed var(--anker-border);
  border-radius: 14px;
  text-align: center; }

#CartDrawer #CartContainer > p::before {
  display: block;
  width: 34px;
  height: 34px;
  content: "";
  background: var(--anker-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.2 10.1a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 7H6'/%3E%3Ccircle cx='9.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3Ccircle cx='17.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.2 10.1a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 7H6'/%3E%3Ccircle cx='9.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3Ccircle cx='17.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat; }

@media screen and (max-width: 768px) {
  #CartDrawer.drawer--right {
    right: calc(-100vw + 16px);
    width: calc(100vw - 16px);
    max-width: 390px; }
  .js-drawer-open-right #CartDrawer.drawer--right {
    transform: translateX(calc(-100vw + 16px)); }
  #CartDrawer .drawer__header {
    flex-basis: 68px;
    height: 68px;
    padding: 0 18px; }
  #CartDrawer .drawer__title {
    font-size: 22px; }
  #CartDrawer .ajaxcart__inner {
    padding: 6px 18px 18px; }
  #CartDrawer .ajaxcart__row {
    padding: 16px 0; }
  #CartDrawer .ajaxcart__row > .grid {
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 13px; }
  #CartDrawer .ajaxcart__product-image {
    width: 74px;
    height: 74px;
    padding: 7px; }
  #CartDrawer .ajaxcart__footer {
    padding: 15px 18px 16px;
    padding-bottom: calc(16px + env(safe-area-inset-bottom)); } }

@media screen and (max-width: 374px) {
  #CartDrawer .ajaxcart__row > .grid {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 10px; }
  #CartDrawer .ajaxcart__product-image {
    width: 64px;
    height: 64px; }
  #CartDrawer .grid--full.display-table {
    align-items: flex-end;
    flex-direction: column;
    gap: 8px; } }

@media (prefers-reduced-motion: reduce) {
  .juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a,
  .juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a img,
  .juno-menu .gid-li > .site-nav__dropdown > .wrapper > li > a p::after {
    transition: none; } }

/* Mobile-only light/dark theme control; desktop is intentionally untouched. */
.mobile-theme-toggle {
  display: none; }

@media screen and (max-width: 768px) {
  .template-product .select-swatch .swatch-element label {
    touch-action: manipulation; }
  .template-product .select-swatch .swatch-element label > span,
  .template-product .select-swatch .swatch-element label > img {
    pointer-events: none; }
  .site-header__topbar .juno-cart {
    width: 94px; }
  .site-header__topbar .juno-cart > .right {
    display: flex;
    width: 94px;
    height: 44px;
    align-items: center;
    justify-content: flex-end;
    gap: 6px; }
  .mobile-theme-toggle {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--anker-ink-soft);
    background: var(--anker-white);
    border: 1px solid rgba(0, 167, 225, 0.2);
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(11, 17, 24, 0.07); }
  .mobile-theme-toggle__icon {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round; }
  .mobile-theme-toggle .fallback-text {
    display: none; }
  .mobile-theme-toggle__sun {
    display: none; }
  html[data-mobile-theme="dark"] .mobile-theme-toggle__moon {
    display: none; }
  html[data-mobile-theme="dark"] .mobile-theme-toggle__sun {
    display: block; }
  html[data-mobile-theme="dark"] {
    color-scheme: dark;
    background: #070d13; }
  html[data-mobile-theme="dark"] body {
    --anker-ink: #f1f6f8;
    --anker-ink-soft: #d8e2e7;
    --anker-surface: #121c25;
    --anker-surface-strong: #1a2731;
    --anker-border: #2c3a45;
    --anker-muted: #9baab4;
    --anker-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
    --anker-shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.25);
    color: var(--anker-ink);
    background: #070d13; }
  html[data-mobile-theme="dark"] body,
  html[data-mobile-theme="dark"] #PageContainer,
  html[data-mobile-theme="dark"] .main-content,
  html[data-mobile-theme="dark"] .template-index .main-content,
  html[data-mobile-theme="dark"] .template-collection .main-content,
  html[data-mobile-theme="dark"] .template-product .main-content,
  html[data-mobile-theme="dark"] .template-cart .main-content,
  html[data-mobile-theme="dark"] .template-article .main-content,
  html[data-mobile-theme="dark"] .template-blog .main-content {
    background: #070d13; }
  html[data-mobile-theme="dark"] h1,
  html[data-mobile-theme="dark"] h2,
  html[data-mobile-theme="dark"] h3,
  html[data-mobile-theme="dark"] h4,
  html[data-mobile-theme="dark"] h5,
  html[data-mobile-theme="dark"] h6,
  html[data-mobile-theme="dark"] .heading-left,
  html[data-mobile-theme="dark"] .title,
  html[data-mobile-theme="dark"] .product-name,
  html[data-mobile-theme="dark"] .product-name a,
  html[data-mobile-theme="dark"] .product-price,
  html[data-mobile-theme="dark"] .cart-item__details .h4,
  html[data-mobile-theme="dark"] .cart-summary__title,
  html[data-mobile-theme="dark"] .cart__subtotal-title,
  html[data-mobile-theme="dark"] .cart__subtotal {
    color: var(--anker-ink); }
  html[data-mobile-theme="dark"] p,
  html[data-mobile-theme="dark"] .rte,
  html[data-mobile-theme="dark"] .article-desc,
  html[data-mobile-theme="dark"] .cart-item__details small,
  html[data-mobile-theme="dark"] .cart-item__details p {
    color: var(--anker-muted); }
  html[data-mobile-theme="dark"] .site-header {
    background: #070d13;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28); }
  html[data-mobile-theme="dark"] .site-header .large--hide.medium-down--show > .wrapper {
    background: #101a23;
    border-color: #2a3b47;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3); }
  html[data-mobile-theme="dark"] .site-header__logo-link.medium--hide img,
  html[data-mobile-theme="dark"] #NavDrawer .drawer__title img.anker-logo--official {
    filter: invert(1) grayscale(1) brightness(1.55); }
  html[data-mobile-theme="dark"] .mobile-theme-toggle,
  html[data-mobile-theme="dark"] .gid-cart {
    color: #eef5f8;
    background: #17232d;
    border-color: #334550;
    box-shadow: none; }
  html[data-mobile-theme="dark"] #NavDrawer.drawer--left,
  html[data-mobile-theme="dark"] #NavDrawer .drawer__header,
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav,
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav > .mobile-nav__item,
  html[data-mobile-theme="dark"] #CartDrawer .drawer--popup-container,
  html[data-mobile-theme="dark"] #CartDrawer .drawer__header {
    color: var(--anker-ink);
    background: #0d151c;
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] #NavDrawer .drawer__close button,
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav__toggle button,
  html[data-mobile-theme="dark"] #CartDrawer .drawer__close button,
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav__search .search-bar,
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav__sublist,
  html[data-mobile-theme="dark"] .anker-search-suggestions {
    color: var(--anker-ink);
    background: var(--anker-surface);
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav__item > .mobile-nav__link,
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav__has-sublist > .mobile-nav__link,
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav > .mobile-nav__item > a,
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav__sublist .mobile-nav__link,
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav__search .input-group-field {
    color: var(--anker-ink); }
  html[data-mobile-theme="dark"] #NavDrawer .mobile-nav > .mobile-nav__item::after,
  html[data-mobile-theme="dark"] .anker-search-suggestion {
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] .anker-search-suggestion:hover,
  html[data-mobile-theme="dark"] .anker-search-suggestion:focus-visible,
  html[data-mobile-theme="dark"] .anker-search-view-all {
    color: var(--anker-ink);
    background: var(--anker-surface-strong); }
  html[data-mobile-theme="dark"] .breadcrumb,
  html[data-mobile-theme="dark"] .breadcrumb .inner,
  html[data-mobile-theme="dark"] .template-article .breadcrumb .inner,
  html[data-mobile-theme="dark"] .template-blog .breadcrumb .inner {
    color: var(--anker-muted);
    background: #101a23;
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] .breadcrumb a,
  html[data-mobile-theme="dark"] .breadcrumb span,
  html[data-mobile-theme="dark"] .breadcrumb span:last-child {
    color: var(--anker-muted); }
  html[data-mobile-theme="dark"] .product-container,
  html[data-mobile-theme="dark"] .template-blog .article-item,
  html[data-mobile-theme="dark"] .item-youtube,
  html[data-mobile-theme="dark"] #owl-home-articles-slider .article-item,
  html[data-mobile-theme="dark"] .article-pagination__link,
  html[data-mobile-theme="dark"] .article-comments,
  html[data-mobile-theme="dark"] .template-cart .cart-table,
  html[data-mobile-theme="dark"] .template-cart .cart-page__summary {
    color: var(--anker-ink);
    background: #111b24;
    border-color: var(--anker-border);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22); }
  html[data-mobile-theme="dark"] .product-container .product-image,
  html[data-mobile-theme="dark"] .product-container .product-thumbnail,
  html[data-mobile-theme="dark"] .template-product #ProductPhoto .product-media-trigger,
  html[data-mobile-theme="dark"] .template-product #ProductThumbs .product__thumbnails {
    background: #f4f7f8; }
  html[data-mobile-theme="dark"] .product-container .product-countdown,
  html[data-mobile-theme="dark"] .product-single .product-countdown {
    color: #bdc8ce;
    background: #24171c;
    border-color: #57303a; }
  html[data-mobile-theme="dark"] .product-container .sale-price,
  html[data-mobile-theme="dark"] #ComparePrice,
  html[data-mobile-theme="dark"] #ComparePrice del {
    color: #8998a2; }
  html[data-mobile-theme="dark"] .product-container .product-tags > .product-promo-tag,
  html[data-mobile-theme="dark"] .product-container .product-tags > .product-gift {
    color: var(--anker-ink-soft);
    background: #1b2832;
    border-color: #354650; }
  html[data-mobile-theme="dark"] .template-product #ProductPhoto,
  html[data-mobile-theme="dark"] .template-product .swatch label,
  html[data-mobile-theme="dark"] .template-product .selector-wrapper select,
  html[data-mobile-theme="dark"] .template-product .single-option-selector,
  html[data-mobile-theme="dark"] .template-product .deliver-top-no,
  html[data-mobile-theme="dark"] .template-product .deliver-ch,
  html[data-mobile-theme="dark"] #detail-two .product-btn-buy-2 {
    color: var(--anker-ink);
    background: #111b24 !important;
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] .template-product #ProductPhoto {
    background: #17232d; }
  html[data-mobile-theme="dark"] .template-product .swatch label {
    box-shadow: none; }
  html[data-mobile-theme="dark"] .template-cart .cart-table thead,
  html[data-mobile-theme="dark"] .template-cart .cart__row.table__section,
  html[data-mobile-theme="dark"] .template-cart .cart-item__quantity .js-qty,
  html[data-mobile-theme="dark"] .template-cart .cart-item__quantity .js-qty__num,
  html[data-mobile-theme="dark"] .template-cart .cart-item__quantity .js-qty__adjust,
  html[data-mobile-theme="dark"] .template-cart .cart-page__summary #CartSpecialInstructions,
  html[data-mobile-theme="dark"] .article-comment-form input[type="text"],
  html[data-mobile-theme="dark"] .article-comment-form input[type="email"],
  html[data-mobile-theme="dark"] .article-comment-form textarea,
  html[data-mobile-theme="dark"] .article-comments #comments > .no-bullets > li.comment {
    color: var(--anker-ink);
    background: var(--anker-surface);
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] .template-cart .cart-table tbody td,
  html[data-mobile-theme="dark"] .template-cart .cart-page__summary .text-right > p:first-of-type,
  html[data-mobile-theme="dark"] .article-comments__header,
  html[data-mobile-theme="dark"] .article-tags {
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] .template-article,
  html[data-mobile-theme="dark"] .template-blog {
    --journal-bg: #070d13;
    --journal-surface: #111b24;
    --journal-surface-raised: #17232d;
    --journal-border: #2c3a45;
    --journal-text: #f1f6f8;
    --journal-muted: #9baab4; }
  html[data-mobile-theme="dark"] .template-article .article-content p,
  html[data-mobile-theme="dark"] .template-article .article-content li,
  html[data-mobile-theme="dark"] .template-article .article-content .rte,
  html[data-mobile-theme="dark"] .template-article .article-content p:first-child,
  html[data-mobile-theme="dark"] .article-comments .comment .rte,
  html[data-mobile-theme="dark"] .article-comment-form__field label {
    color: var(--anker-ink-soft); }
  html[data-mobile-theme="dark"] .article-comments__header p,
  html[data-mobile-theme="dark"] .article-comment-form__note {
    color: var(--anker-muted); }
  html[data-mobile-theme="dark"] .template-blog .article-img {
    background: var(--anker-surface); }
  html[data-mobile-theme="dark"] input,
  html[data-mobile-theme="dark"] textarea,
  html[data-mobile-theme="dark"] select {
    color-scheme: dark; } }

/* Mobile QA pass: compact cart rows, readable breadcrumbs and unobstructed controls. */
@media screen and (max-width: 640px) {
  .template-collection .breadcrumb,
  .template-product .breadcrumb {
    overflow: hidden;
    text-align: left; }
  .template-collection .breadcrumb .inner,
  .template-product .breadcrumb .inner {
    display: flex;
    width: calc(100% - 24px);
    max-width: none;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: auto;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch; }
  .template-collection .breadcrumb .inner::-webkit-scrollbar,
  .template-product .breadcrumb .inner::-webkit-scrollbar {
    display: none; }
  .template-collection .breadcrumb span:last-child,
  .template-product .breadcrumb span:last-child {
    min-width: 0;
    max-width: none;
    flex: 1 1 auto; }
  .home-products.owl-theme .owl-controls .owl-buttons div {
    top: 24vw;
    width: 34px;
    height: 34px;
    margin-top: 0;
    line-height: 32px;
    transform: translateY(-50%); }
  .home-products.owl-theme .owl-controls .owl-buttons div::before {
    line-height: 32px; }
  .home-products.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 4px; }
  .home-products.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 4px; }
  .template-cart .breadcrumb {
    margin: 8px 0 22px;
    padding: 0;
    overflow: hidden;
    background: transparent;
    text-align: left; }
  .template-cart .breadcrumb.bgFull::before {
    display: none; }
  .template-cart .breadcrumb .inner {
    display: flex;
    width: calc(100% - 24px);
    min-height: 38px;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 8px 13px;
    overflow: hidden;
    background: var(--anker-white);
    border: 1px solid rgba(0, 167, 225, 0.18);
    border-radius: 999px;
    box-shadow: 0 6px 18px rgba(11, 17, 24, 0.045);
    white-space: nowrap; }
  .template-cart .breadcrumb a,
  .template-cart .breadcrumb span {
    flex: 0 0 auto;
    padding: 0;
    color: var(--anker-muted);
    font-size: 12px;
    line-height: 20px; }
  .template-cart .breadcrumb span[aria-hidden="true"] {
    width: 22px;
    color: transparent;
    font-size: 0;
    text-align: center; }
  .template-cart .breadcrumb span[aria-hidden="true"]::before {
    color: #9aa8b2;
    content: "\203A";
    font-size: 18px; }
  .template-cart .breadcrumb span:last-child {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    color: var(--anker-ink);
    font-weight: 700;
    text-overflow: ellipsis; }
  .template-cart .main-content > h1 {
    margin: 18px 0 14px;
    color: var(--anker-ink);
    font-size: 25px;
    line-height: 1.2;
    text-align: left; }
  .template-cart .cart.table-wrap {
    margin-bottom: 34px;
    overflow: visible; }
  .template-cart .cart-table,
  .template-cart .cart-table tbody {
    display: block;
    width: 100%; }
  .template-cart .cart-table tbody .cart__row {
    display: grid;
    float: none;
    clear: none;
    width: 100%;
    grid-template-columns: 88px minmax(0, 1fr);
    grid-template-areas: "media details" "media price" "quantity quantity" "total total";
    gap: 10px 14px;
    margin: 0 0 14px;
    padding: 14px;
    overflow: hidden;
    background: var(--anker-white);
    border: 1px solid var(--anker-border);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(11, 17, 24, 0.06); }
  .template-cart .cart-table tbody .cart__row + .cart__row {
    margin-top: 14px; }
  .template-cart .cart-table tbody .cart__row::after {
    display: none; }
  .template-cart .cart-table tbody .cart__row > td {
    display: flex;
    float: none;
    clear: none;
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    text-align: left; }
  .template-cart .cart-item__media {
    grid-area: media;
    align-self: start; }
  .template-cart .cart-item__media::before,
  .template-cart .cart-item__details::before {
    display: none; }
  .template-cart .cart__image {
    display: flex;
    width: 88px;
    height: 88px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--anker-surface);
    border-radius: 12px; }
  .template-cart .cart__image img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: contain; }
  .template-cart .cart-item__details {
    grid-area: details;
    flex-direction: column;
    align-self: start; }
  .template-cart .cart-item__details .h4 {
    display: -webkit-box;
    margin: 0 0 5px;
    overflow: hidden;
    color: var(--anker-ink);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; }
  .template-cart .cart-item__details small,
  .template-cart .cart-item__details p {
    margin: 0;
    color: var(--anker-muted);
    font-size: 11px;
    line-height: 1.5; }
  .template-cart .cart__remove {
    display: inline-flex;
    width: max-content;
    margin-top: 7px;
    color: var(--anker-red);
    font-weight: 700; }
  .template-cart .cart-item__price {
    grid-area: price;
    align-items: center;
    justify-content: space-between;
    align-self: end; }
  .template-cart .cart-item__quantity {
    grid-area: quantity;
    align-items: center;
    justify-content: space-between;
    padding-top: 11px !important;
    border-top: 1px solid var(--anker-border) !important; }
  .template-cart .cart-item__total {
    grid-area: total;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px !important; }
  .template-cart .cart-item__price::before,
  .template-cart .cart-item__quantity::before,
  .template-cart .cart-item__total::before {
    float: none;
    padding: 0;
    color: var(--anker-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4; }
  .template-cart .cart-item__price .h3,
  .template-cart .cart-item__total .h3 {
    margin: 0;
    color: var(--anker-ink);
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700; }
  .template-cart .cart-item__quantity input[type="number"] {
    width: 74px;
    height: 38px;
    margin: 0;
    padding: 6px 10px;
    text-align: center;
    background: var(--anker-white);
    border: 1px solid var(--anker-border);
    border-radius: 9px; }
  .template-cart .cart-item__quantity .js-qty {
    width: 104px;
    margin: 0; }
  .template-cart .cart > .cart__row {
    width: 100%;
    margin-left: 0;
    margin-top: 18px;
    padding-top: 18px; }
  .template-cart .cart > .cart__row .grid__item {
    width: 100%;
    padding-left: 0; }
  .template-cart #CartSpecialInstructions {
    min-height: 100px;
    border-color: var(--anker-border);
    border-radius: 12px; }
  .template-cart .cart__subtotal-title,
  .template-cart .cart__subtotal {
    font-weight: 700; }
  .template-cart input[name="checkout"] {
    width: 100%;
    min-height: 48px;
    margin: 6px 0 0;
    border-radius: 10px; }
  .template-cart input[name="checkout"] {
    color: var(--anker-white);
    background: var(--anker-blue); }
  body #wpwidget .widget-layout.widget-layout--right {
    bottom: 18px !important; }
  .template-product #wpwidget .widget-layout.widget-layout--right {
    bottom: 72px !important; }
  .template-product .site-footer__copyright .wrapper {
    padding-bottom: 136px; }
  .js-drawer-open-left #wpwidget,
  .js-drawer-open-right #wpwidget {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important; } }

/* The category trigger in the utility header uses its own compact dropdown. */
.verticalmenu .vertical-icon {
  display: flex;
  width: 48px;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--anker-white);
  background: var(--anker-blue);
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  line-height: 1; }

.verticalmenu .vertical-icon:hover,
.verticalmenu .vertical-icon:focus {
  background: var(--anker-blue-deep); }

.verticalmenu .menu.site-nav__dropdown {
  top: calc(100% + 10px);
  left: 0;
  width: 300px;
  min-width: 300px;
  padding: 8px;
  overflow: visible;
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 12px;
  box-shadow: var(--anker-shadow); }

.verticalmenu .site-nav--has-dropdown:hover .menu.site-nav__dropdown,
.verticalmenu .site-nav--has-dropdown.nav-hover .menu.site-nav__dropdown {
  top: calc(100% + 10px) !important; }

.verticalmenu .menu.site-nav__dropdown::before {
  position: absolute;
  bottom: 100%;
  left: 16px;
  width: 0;
  height: 0;
  content: "";
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--anker-white);
  border-left: 7px solid transparent; }

.verticalmenu .menu.site-nav__dropdown li {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left; }

.verticalmenu .menu.site-nav__dropdown li + li {
  border-top: 1px solid #eef2f4; }

.verticalmenu .menu.site-nav__dropdown a {
  display: flex;
  min-height: 42px;
  align-items: center;
  padding: 9px 12px;
  color: var(--anker-ink-soft);
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600; }

.verticalmenu .menu.site-nav__dropdown a:hover,
.verticalmenu .menu.site-nav__dropdown a:focus,
.verticalmenu .menu.site-nav__dropdown .filter--active > a {
  color: var(--anker-blue-deep);
  background: #eef9fd; }

/* Homepage rhythm and section identity. */
.template-index .arrivals,
.template-index .featured,
.template-index .section-youtube,
.template-index .section-blogs {
  padding-top: 34px;
  padding-bottom: 52px; }

.template-index .featured,
.template-index .section-blogs {
  background: linear-gradient(180deg, #f7f9fa 0%, #fff 100%); }

.template-index h2.title,
.section-youtube h2.title,
.section-blogs h2.title {
  position: relative;
  margin: 0 0 32px;
  padding-bottom: 16px;
  color: var(--anker-ink);
  font-size: clamp(27px, 3vw, 38px);
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -.025em;
  text-transform: none; }

.template-index h2.title::before,
.section-youtube h2.title::before,
.section-blogs h2.title::before {
  display: none; }

.template-index h2.title::after,
.section-youtube h2.title::after,
.section-blogs h2.title::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 4px;
  margin: auto;
  content: "";
  background: var(--anker-blue);
  border-radius: 999px; }

/* Product cards: stable rows, larger imagery and resilient long titles. */
.product-container {
  display: flex;
  position: relative;
  width: 100%;
  height: calc(100% - 16px);
  flex-direction: column;
  margin-bottom: 16px;
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: var(--anker-radius);
  transition: border-color .25s ease, box-shadow .25s ease; }

.owl-item .product-container {
  margin-right: 7px;
  margin-left: 7px; }

.product-container:hover {
  border-color: rgba(0, 167, 225, 0.62);
  box-shadow: inset 0 0 0 1px rgba(0, 167, 225, 0.22), 0 18px 38px rgba(11, 17, 24, 0.12); }

.product-container .product-image {
  display: flex;
  min-height: 220px;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: hidden;
  background: linear-gradient(145deg, #f7f9fa, #edf2f4); }

.product-container .product-thumbnail {
  width: 100%;
  aspect-ratio: 1 / 1; }

.product-container .product-thumbnail > a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center; }

.product-container .product-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

/* The legacy decorative frame competes with the new rounded card treatment. */
.product-container .product-thumbnail .product-frame {
  display: none !important; }

.product-container .product-thumbnail .product-featured-image,
.product-container .product-thumbnail .back-img {
  transform: scale(1.28);
  transition: opacity .3s ease, transform .35s ease; }

.product-container:hover .product-thumbnail .product-featured-image,
.product-container:hover .product-thumbnail .back-img {
  filter: saturate(1.04) contrast(1.025);
  transform: scale(1.34); }

.product-container .product-meta {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 16px 16px 18px; }

.product-container .name-price {
  height: auto;
  min-height: 110px;
  text-align: left; }

.product-container .product-meta h4.product-name {
  display: block;
  height: 65px;
  min-height: 65px;
  margin: 0 0 10px;
  overflow: hidden;
  color: var(--anker-ink);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600; }

.product-container .product-meta h4.product-name > a:first-child {
  display: -webkit-box;
  height: 65px;
  overflow: hidden;
  color: inherit;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.product-container .product-meta h4.product-name > a:first-child:hover {
  color: var(--anker-blue-deep); }

.product-container .product-name .dokerv-preview-badge {
  display: none; }

.product-container .product-meta .product-promo-tag--2 ~ .product-promo-tag--2,
.product-container .product-meta .product-promo-tag--3 ~ .product-promo-tag--3 {
  display: none !important; }

.product-container .product-meta .product-promo-tag {
  display: inline-flex;
  max-width: 100%;
  box-sizing: border-box;
  align-items: center;
  padding: 4px 7px;
  font-size: 12px;
  line-height: 1.25;
  overflow-wrap: anywhere;
  white-space: normal;
  vertical-align: top; }

/* Product attribute chips: shared countdown spacing, compact single-line rail on mobile. */
.product-container .product-tags {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 10px; }

.product-container .product-tags .product-gift {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  vertical-align: top; }

/* Secondary product attributes follow their semantic tag type across all cards and breakpoints. */
.product-container .product-tags > .product-promo-tag--text-2 {
  color: var(--anker-ink-soft) !important;
  background: #eaf1f4 !important;
  border: 1px solid #d5e0e5 !important;
  box-shadow: none !important; }

.product-container .product-meta .fa-gift {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  vertical-align: middle; }

.template-index .arrivals .owl-wrapper-outer,
.template-index .featured .owl-wrapper-outer {
  height: auto !important; }

.template-index .arrivals .owl-wrapper,
.template-index .featured .owl-wrapper {
  display: flex !important;
  align-items: stretch; }

.template-index .arrivals .owl-item,
.template-index .featured .owl-item {
  display: flex !important;
  float: none !important;
  height: auto !important; }

.product-container .product-price {
  color: var(--anker-ink);
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700; }

.product-container .sale-price {
  margin-right: 7px;
  color: #8a949e;
  font-size: 13px;
  font-weight: 400; }

.product-container .label {
  top: 12px;
  left: 12px;
  height: auto;
  padding: 5px 9px;
  background: var(--anker-red);
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700; }

.product-container .label.sold-out {
  top: 42px;
  background: var(--anker-ink-soft); }

.product-container .product-actions {
  top: auto !important;
  right: 18px;
  bottom: 16px;
  left: 18px;
  width: auto;
  max-width: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .22s ease, transform .22s ease; }

.product-container:hover .product-actions {
  top: auto !important;
  opacity: 1;
  transform: translateY(0); }

.product-container .product-actions .btn {
  display: inline-flex;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 22px;
  color: var(--anker-white);
  background: linear-gradient(105deg, var(--anker-blue), #008fc7);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(0, 143, 199, 0.24);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  white-space: nowrap; }

.product-container .product-actions .product-quick-buy {
  width: 100%;
  margin: 0; }

.product-container .product-actions .btn:hover {
  background: var(--anker-blue-deep);
  box-shadow: 0 13px 28px rgba(0, 127, 174, 0.3);
  transform: translateY(-1px); }

.product-container .product-actions .btn span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0; }

.product-container .product-actions .btn span::after {
  content: "\2192";
  font-size: 17px;
  line-height: 1;
  transition: transform .2s ease; }

.product-container .product-actions .btn:hover span::after {
  transform: translateX(3px); }

@media (prefers-reduced-motion: reduce) {
  .product-container,
  .product-container .product-thumbnail .product-featured-image,
  .product-container .product-thumbnail .back-img,
  .product-container .product-actions,
  .product-container .product-actions .btn span::after {
    transition: none; } }

.product-container .product-countdown,
.product-single .product-countdown {
  margin-top: 10px;
  padding: 7px 10px;
  color: var(--anker-muted);
  background: #fff5f6;
  border: 1px solid #ffdce0;
  border-radius: 10px;
  font-size: 12px; }

.product-container .product-countdown {
  margin-top: auto; }

.product-container .product-countdown > span,
.product-container .product-countdown > div,
.product-single .product-countdown > span,
.product-single .product-countdown > div {
  font-size: 12px; }

.product-container .product-countdown > div,
.product-single .product-countdown > div {
  color: var(--anker-red); }

/* Product detail: automatic six-day sale cycle for discounts of 40% or more. */
.sale-cycle-countdown {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  min-height: 38px;
  margin: 10px 0 16px;
  padding: 7px 11px;
  color: var(--anker-muted);
  background: #fff5f6;
  border: 1px solid #ffcfd5;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap; }

.sale-cycle-countdown__timer {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  color: var(--anker-red);
  font-weight: 700;
  font-variant-numeric: tabular-nums lining-nums;
  white-space: nowrap; }

.sale-cycle-countdown__separator {
  margin: 0 1px; }

.product-container .sale-cycle-countdown {
  margin-top: auto;
  margin-bottom: 0;
  width: 100%;
  min-height: 30px;
  padding: 5px 8px;
  border-radius: 8px;
  font-size: 11px;
  overflow: hidden; }

@media (max-width: 480px) {
  .template-product .sale-cycle-countdown {
    min-height: 36px;
    margin: 8px 0 12px;
    padding: 6px 9px;
    border-radius: 10px;
    font-size: 11px; } }

@media (max-width: 768px) {
  html[data-mobile-theme="dark"] .sale-cycle-countdown {
    color: #bdc8ce;
    background: #24171c;
    border-color: #57303a; } }

/* Product detail recommendations: compact imagery and equal-height cards. */
.template-product .related-products {
  margin-top: 48px;
  padding-bottom: 10px; }

.template-product .related-products > h2.title {
  margin-bottom: 26px; }

.template-product .related-carousel .owl-wrapper-outer {
  height: auto !important; }

.template-product .related-carousel .owl-wrapper {
  display: flex !important;
  align-items: stretch; }

.template-product .related-carousel .owl-item {
  display: flex !important;
  float: none !important;
  height: auto !important;
  align-items: stretch;
  box-sizing: border-box;
  padding: 6px 7px 12px; }

.template-product .related-carousel .product-container {
  height: auto;
  flex: 1 1 auto;
  margin: 0; }

.template-product .related-carousel .product-image {
  min-height: 0; }

.template-product .related-carousel .product-thumbnail {
  aspect-ratio: 4 / 3; }

.template-product .related-carousel .product-meta {
  padding: 14px 14px 16px; }

.template-product .related-carousel .name-price {
  display: flex;
  min-height: 136px;
  flex: 0 0 auto;
  flex-direction: column; }

.template-product .related-carousel .product-price {
  margin-top: 0; }

.template-product .related-carousel .product-promo-tag,
.template-product .related-carousel .product-gift {
  width: auto !important;
  align-self: flex-start; }

.template-product .related-carousel .product-countdown {
  width: 100%;
  box-sizing: border-box; }

@media screen and (max-width: 640px) {
  .template-product .related-products {
    margin-top: 34px; }
  .template-product .related-products > h2.title {
    margin-bottom: 18px;
    font-size: 24px; }
  .template-product .related-carousel .owl-item {
    padding: 4px 5px 10px; }
  .template-product .related-carousel .name-price {
    min-height: 118px; }
  /* Reserve breathing room before an optional sale countdown. */
  .product-container .product-tags {
    display: flex;
    width: 100%;
    height: 38px;
    min-height: 38px;
    align-items: stretch;
    box-sizing: border-box;
    gap: 6px;
    margin-top: 5px;
    padding-bottom: 10px;
    overflow: hidden; }
  .product-container .product-tags > .product-promo-tag,
  .product-container .product-tags > .product-gift {
    display: block !important;
    min-width: 0;
    height: 28px;
    margin: 0 !important;
    padding: 6px 8px;
    overflow: hidden;
    border-radius: 7px;
    font-size: 11px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .product-container .product-tags > :first-child {
    max-width: 45%;
    flex: 0 1 auto; }
  .product-container .product-tags > :nth-child(2) {
    flex: 1 1 auto; }
  .product-container .product-tags > :nth-child(n + 3) {
    display: none !important; }
  .product-container .product-tags .fa-gift {
    display: none; } }

.product-promo-tag,
.product-gift {
  border-radius: 8px; }

/* Unified edge-tab carousel controls, independent of legacy icon fonts. */
.owl-theme .owl-controls .owl-buttons div {
  display: inline-flex;
  width: 38px;
  height: 52px;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  padding: 0;
  color: var(--anker-blue-deep);
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(0, 167, 225, 0.24);
  border-radius: 12px;
  box-shadow: 0 10px 26px rgba(11, 17, 24, 0.14);
  line-height: 1;
  opacity: 1;
  transform: translateY(-50%); }

.owl-theme .owl-controls .owl-buttons div::before {
  width: 9px;
  height: 9px;
  color: currentColor;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  font-family: inherit;
  font-size: 0;
  line-height: 1; }

.owl-theme .owl-controls .owl-buttons div.owl-prev::before {
  content: "";
  transform: rotate(-135deg); }

.owl-theme .owl-controls .owl-buttons div.owl-next::before {
  content: "";
  transform: rotate(45deg); }

.owl-theme .owl-controls .owl-buttons div.owl-prev {
  border-left: 0;
  border-radius: 0 12px 12px 0; }

.owl-theme .owl-controls .owl-buttons div.owl-next {
  border-right: 0;
  border-radius: 12px 0 0 12px; }

.home-products.owl-theme .owl-controls .owl-buttons div {
  top: 32%; }

.home-products.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0; }

.home-products.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0; }

.owl-theme .owl-controls .owl-buttons div:hover,
.owl-theme .owl-controls .owl-buttons div:focus-visible {
  color: var(--anker-white);
  background: var(--anker-blue);
  border-color: var(--anker-blue);
  box-shadow: 0 12px 30px rgba(0, 127, 174, 0.28);
  outline: 0;
  transform: translateY(-50%); }

.owl-theme .owl-controls .owl-buttons div.owl-prev:hover::before,
.owl-theme .owl-controls .owl-buttons div.owl-prev:focus-visible::before {
  transform: translateX(-2px) rotate(-135deg); }

.owl-theme .owl-controls .owl-buttons div.owl-next:hover::before,
.owl-theme .owl-controls .owl-buttons div.owl-next:focus-visible::before {
  transform: translateX(2px) rotate(45deg); }

@media screen and (max-width: 640px) {
  .home-products.owl-theme .owl-controls .owl-buttons div {
    top: 24vw;
    width: 34px;
    height: 46px; }
  .home-products.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 0; }
  .home-products.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 0; } }

/* Promotional image grids. */
.custom-top,
.custom-bottom {
  padding-top: 18px;
  padding-bottom: 18px; }

.custom-top .site_custom_top,
.custom-bottom .site_custom_top {
  overflow: hidden;
  background: var(--anker-surface);
  border-radius: var(--anker-radius);
  box-shadow: 0 0 0 1px rgba(11, 17, 24, 0.04); }

.custom-top .site_custom_top img,
.custom-bottom .site_custom_top img {
  display: block;
  width: 100%;
  transition: transform .45s ease; }

.custom-top .site_custom_top:hover img,
.custom-bottom .site_custom_top:hover img {
  transform: scale(1.025); }

.custom-top .gid-btn,
.custom-bottom .gid-btn {
  padding: 10px 18px;
  color: var(--anker-white);
  background: rgba(11, 17, 24, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  font-weight: 700; }

/* Video and editorial cards. */
.item-youtube,
#owl-home-articles-slider .article-item {
  height: calc(100% - 18px);
  margin: 7px 7px 18px;
  padding: 0;
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: var(--anker-radius);
  box-shadow: none; }

.item-youtube:hover,
#owl-home-articles-slider .article-item:hover {
  border-color: #c7d5dc;
  box-shadow: var(--anker-shadow-soft);
  transform: translateY(-4px); }

.item-youtube .img {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--anker-surface); }

.item-youtube .img img,
#owl-home-articles-slider .article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.item-youtube .title {
  display: -webkit-box;
  min-height: 72px;
  margin: 0;
  padding: 15px 16px 17px;
  overflow: hidden;
  color: var(--anker-ink);
  font-size: 16px;
  line-height: 1.35;
  font-weight: 600;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.item-youtube .icon {
  top: 50%;
  transform: translateY(-50%); }

#owl-home-articles-slider .article-img {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--anker-surface); }

#owl-home-articles-slider .article-info-wrapper {
  min-height: 170px;
  padding: 18px;
  background: var(--anker-white); }

#owl-home-articles-slider .article-info-wrapper h3 {
  margin-top: 0;
  color: var(--anker-ink);
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700; }

#owl-home-articles-slider .article-desc {
  color: var(--anker-muted);
  line-height: 1.55; }

.btn-home-more {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  color: var(--anker-white);
  background: var(--anker-ink);
  border: 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700; }

.btn-home-more:hover {
  color: var(--anker-white);
  background: var(--anker-blue-deep);
  transform: translateY(-2px); }

/* Collection and product detail surfaces. */
.template-collection .breadcrumb,
.template-product .breadcrumb {
  margin: 12px 0 30px;
  padding: 0;
  background: transparent;
  border: 0;
  text-align: center; }

.template-collection .breadcrumb.bgFull::before,
.template-product .breadcrumb.bgFull::before {
  display: none; }

.template-collection .breadcrumb .inner,
.template-product .breadcrumb .inner {
  display: inline-flex;
  max-width: 100%;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 9px 16px;
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid rgba(0, 167, 225, 0.18);
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(11, 17, 24, 0.045);
  white-space: nowrap; }

.template-collection .breadcrumb a,
.template-collection .breadcrumb span,
.template-product .breadcrumb a,
.template-product .breadcrumb span {
  flex: 0 0 auto;
  padding: 0;
  color: var(--anker-muted);
  font-size: 12px;
  line-height: 20px; }

.template-collection .breadcrumb a:hover,
.template-product .breadcrumb a:hover {
  color: var(--anker-blue-deep); }

.template-collection .breadcrumb span[aria-hidden="true"],
.template-product .breadcrumb span[aria-hidden="true"] {
  width: 22px;
  color: transparent;
  font-size: 0;
  text-align: center; }

.template-collection .breadcrumb span[aria-hidden="true"]::before,
.template-product .breadcrumb span[aria-hidden="true"]::before {
  content: "\203A";
  color: #9aa8b2;
  font-size: 18px;
  font-weight: 400; }

.template-collection .breadcrumb span:last-child,
.template-product .breadcrumb span:last-child {
  max-width: 520px;
  overflow: hidden;
  color: var(--anker-ink);
  font-weight: 700;
  text-overflow: ellipsis; }

@media (max-width: 640px) {
  .template-collection .breadcrumb,
  .template-product .breadcrumb {
    margin-top: 8px;
    margin-bottom: 22px; }
  .template-collection .breadcrumb .inner,
  .template-product .breadcrumb .inner {
    max-width: calc(100% - 24px);
    min-height: 38px;
    padding: 8px 13px; }
  .template-collection .breadcrumb span:last-child,
  .template-product .breadcrumb span:last-child {
    max-width: 58vw; } }

.collection__sort {
  margin-bottom: 28px;
  padding: 14px 18px;
  background: var(--anker-surface);
  border: 1px solid var(--anker-border);
  border-radius: 12px; }

.collection__sort label {
  color: var(--anker-muted);
  font-size: 13px;
  font-weight: 600; }

.collection__sort #SortBy {
  min-height: 40px;
  padding: 8px 36px 8px 12px;
  color: var(--anker-ink);
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 9px; }

.template-collection .grid-uniform,
.template-search .grid-uniform {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; }

.template-collection .grid-uniform > .grid__item,
.template-search .grid-uniform > .grid__item {
  display: flex;
  float: none; }

.template-product .main-content {
  padding-bottom: 56px; }

.template-product .product-single {
  color: var(--anker-ink); }

.template-product #ProductPhoto {
  display: flex;
  float: none;
  width: 100%;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  padding: 18px;
  overflow: hidden;
  background: linear-gradient(145deg, #f7f9fa, #edf2f4);
  border: 1px solid var(--anker-border);
  border-radius: 20px; }

.template-product #ProductPhoto .product-media-trigger {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--anker-white);
  border-radius: 14px;
  cursor: zoom-in; }

.template-product .product-media-trigger__hint {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  padding: 8px 12px;
  color: var(--anker-ink);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--anker-border);
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  box-shadow: var(--anker-shadow-soft);
  backdrop-filter: blur(8px); }

.template-product #ProductPhotoImg {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
  transform: scale(1.18);
  transform-origin: center; }

.template-product #ProductThumbs {
  display: flex;
  float: none;
  max-width: none;
  max-height: none;
  gap: 10px;
  justify-content: center;
  margin: 12px 0 0;
  overflow-x: auto; }

.template-product #ProductThumbs .product__thumbnails {
  flex: 0 0 70px;
  width: 70px;
  height: 70px;
  margin: 0;
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 10px; }

.template-product #ProductThumbs .product-single__thumbnail,
.template-product #ProductThumbs img {
  width: 100%;
  height: 100%; }

.template-product #ProductThumbs img {
  object-fit: contain;
  transform: scale(1.1); }

.product-lightbox-open {
  overflow: hidden; }

.template-product .product-media-dialog {
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 24px;
  overflow: visible;
  color: var(--anker-white);
  background: rgba(3, 8, 13, 0.82);
  border: 0;
  backdrop-filter: blur(12px); }

.template-product .product-media-dialog.is-open {
  display: grid;
  grid-template-columns: 58px 1fr 58px;
  align-items: center; }

.template-product .product-media-dialog__stage {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 1180px;
  height: 100%;
  max-height: 900px;
  align-items: center;
  justify-content: center;
  justify-self: center;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.45);
  animation: anker-media-reveal .2s ease-out both; }

.template-product .product-media-dialog__stage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.18);
  transform-origin: center; }

.template-product .product-media-dialog__stage figcaption {
  position: absolute;
  right: 14px;
  bottom: 14px;
  padding: 6px 10px;
  color: var(--anker-white);
  background: rgba(9, 16, 24, 0.78);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700; }

.template-product .product-media-dialog button {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--anker-white);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  font-family: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif;
  line-height: 1; }

.template-product .product-media-dialog button[hidden] {
  display: none; }

.template-product .product-media-dialog button:hover,
.template-product .product-media-dialog button:focus-visible {
  color: var(--anker-ink);
  background: var(--anker-white);
  outline: none; }

.template-product .product-media-dialog__nav {
  justify-self: center;
  font-size: 32px; }

.template-product .product-media-dialog__close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 3;
  font-size: 28px; }

@keyframes anker-media-reveal {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.985); }
  to {
    opacity: 1;
    transform: translateY(0) scale(1); } }

@media screen and (max-width: 640px) {
  .template-product .product-media-trigger__hint {
    right: 10px;
    bottom: 10px; }
  .template-product .product-media-dialog {
    padding: 10px; }
  .template-product .product-media-dialog.is-open {
    grid-template-columns: 44px 1fr 44px; }
  .template-product .product-media-dialog button {
    width: 38px;
    height: 38px; }
  .template-product .product-media-dialog__stage {
    border-radius: 12px; } }

@media (prefers-reduced-motion: reduce) {
  .template-product .product-media-dialog__stage {
    animation: none; } }

@media screen and (min-width: 1101px) {
  .template-product .product-single > .large--one-half:first-child {
    width: 45%; }
  .template-product .product-single > .large--three-tenths {
    width: 35%; }
  .template-product .product-single > .large--two-tenths:not(.detail-two-container) {
    width: 20%; } }

.template-product .heading-left {
  margin-top: 0;
  color: var(--anker-ink);
  font-size: clamp(25px, 1.65vw, 30px);
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -.025em;
  text-transform: none; }

.template-product .product-single .product-price {
  margin: 18px 0;
  color: var(--anker-ink);
  font-size: 30px;
  line-height: 1.1;
  font-weight: 700; }

.template-product #ProductPrice {
  color: var(--anker-red);
  font-family: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif;
  font-size: 31px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.035em; }

.template-product #ComparePrice {
  color: #8a949e;
  font-family: "Be Vietnam Pro", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.015em;
  font-variant-numeric: tabular-nums lining-nums; }

.template-product #ComparePrice .compare-price-label {
  margin-right: 8px; }

.template-product #ComparePrice del {
  color: #8a949e;
  font-family: inherit;
  font-weight: 500;
  text-decoration-thickness: 1px; }

.template-product .product-single > .large--two-tenths:not(.detail-two-container) .deliver-top-no {
  position: relative;
  display: flex;
  min-height: 56px;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 50px !important;
  background-position: 12px center;
  background-size: 28px auto; }

.template-product .product-single > .large--two-tenths:not(.detail-two-container) .deliver-top-no > a {
  display: block;
  width: 100%; }

.template-product .product-single > .large--two-tenths:not(.detail-two-container) .deliver-top-no .tit,
.template-product .product-single > .large--two-tenths:not(.detail-two-container) .deliver-top-no .tit-color,
.template-product .product-single > .large--two-tenths:not(.detail-two-container) .deliver-top-no .descrip {
  margin: 0;
  line-height: 1.35;
  overflow-wrap: anywhere; }

.template-product .product-single > .large--two-tenths:not(.detail-two-container) .deliver-ch > div:first-child {
  position: absolute !important;
  top: 50%;
  left: 12px;
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  transform: translateY(-50%); }

.template-product .product-single > .large--two-tenths:not(.detail-two-container) .deliver-ch img {
  display: block;
  width: auto;
  max-width: 28px;
  height: auto;
  max-height: 28px;
  object-fit: contain; }

.template-product .swatch label,
.template-product .selector-wrapper select,
.template-product .single-option-selector {
  border-color: var(--anker-border);
  border-radius: 9px; }

.template-product #AddToCartForm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  line-height: 1.4; }

.template-product #AddToCartForm .junoVariants,
.template-product #AddToCartForm .select-swatch {
  flex: 0 0 100%;
  width: 100%; }

.template-product .select-swatch .swatch {
  margin: 0 0 18px; }

.template-product .select-swatch .swatch .header {
  margin: 0 0 8px;
  color: var(--anker-ink);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .04em; }

.template-product .select-swatch .select-swap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; }

.template-product .select-swatch .swatch-element {
  margin: 0; }

.template-product .select-swatch .swatch-element label {
  position: relative;
  display: inline-flex;
  min-width: 0 !important;
  min-height: 44px !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 9px 14px !important;
  color: var(--anker-ink-soft);
  background-color: var(--anker-white) !important;
  border: 1px solid var(--anker-border) !important;
  border-radius: 10px !important;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 600;
  box-shadow: none; }

.template-product .select-swatch .swatch-element.color label {
  justify-content: flex-start;
  padding-left: 46px !important;
  background-position: 10px center !important;
  background-size: 28px 28px !important; }

.template-product .select-swatch .swatch-element label.sd {
  color: var(--anker-blue-deep);
  background-color: #eef9fd !important;
  border-color: var(--anker-blue) !important;
  box-shadow: 0 0 0 1px var(--anker-blue); }

.template-product .select-swatch .swatch-element label.sd::after {
  display: flex;
  width: 17px;
  height: 17px;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  content: "\2713";
  color: var(--anker-white);
  background: var(--anker-blue);
  border-radius: 50%;
  font-size: 11px;
  line-height: 1;
  font-weight: 700; }

.template-product .select-swatch .img-check {
  display: none !important; }

.template-product .select-swatch .swatch-element.soldout label {
  color: #98a2ab;
  background-color: var(--anker-surface) !important;
  border-color: var(--anker-border) !important;
  opacity: .7; }

.template-product #AddToCartForm > label[for="Quantity"] {
  flex: 0 0 auto;
  height: 44px;
  padding: 0 2px 0 0;
  color: var(--anker-ink);
  font-size: 14px;
  line-height: 44px;
  font-weight: 700;
  white-space: nowrap; }

.template-product #AddToCartForm .js-qty {
  flex: 0 0 96px;
  width: 96px;
  min-width: 96px;
  max-width: 96px;
  height: 44px;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid var(--anker-border);
  border-radius: 10px; }

.template-product #AddToCartForm .js-qty__num {
  width: 58px;
  height: 42px;
  color: var(--anker-ink);
  background: var(--anker-white);
  border: 0;
  font-size: 15px; }

.template-product #AddToCartForm .js-qty__adjust {
  right: 0;
  width: 36px;
  height: 21px;
  padding: 0;
  color: var(--anker-ink);
  background: var(--anker-surface);
  border: 0;
  border-left: 1px solid var(--anker-border);
  border-radius: 0;
  font-size: 9px;
  line-height: 21px; }

.template-product #AddToCartForm .js-qty__adjust:hover,
.template-product #AddToCartForm .js-qty__adjust:focus {
  color: var(--anker-white);
  background: var(--anker-blue); }

.template-product #AddToCartForm .js-qty__adjust--plus {
  top: 0;
  border-bottom: 1px solid var(--anker-border); }

.template-product #AddToCartForm .js-qty__adjust--minus {
  top: 21px; }

.template-product #AddToCart,
.template-product .btn-buy-now {
  min-height: 48px;
  padding: 13px 22px;
  background: var(--anker-blue);
  border: 0;
  border-radius: 10px;
  font-weight: 700; }

.template-product #AddToCart:hover,
.template-product .btn-buy-now:hover {
  background: var(--anker-blue-deep); }

.template-product #AddToCart {
  display: inline-flex;
  flex: 1 1 120px;
  min-width: 120px;
  max-width: 180px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0 !important;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap; }

.template-product #detail-two .product {
  padding: 0 !important;
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 14px;
  box-shadow: var(--anker-shadow-soft); }

.template-product #detail-two .product > h1 {
  display: -webkit-box;
  margin: 0;
  padding: 14px 14px 4px;
  overflow: hidden;
  color: var(--anker-ink);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.template-product #detail-two .product > h4.sku {
  margin: 0;
  padding: 0 14px 12px;
  color: var(--anker-muted);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 500; }

.template-product #detail-two .product > div[style*="background"] {
  padding: 14px !important;
  background: var(--anker-surface) !important;
  border-top: 1px solid var(--anker-border); }

.template-product #detail-two .variant-price {
  display: block;
  margin: 0 0 5px;
  color: var(--anker-red);
  font-size: 25px;
  line-height: 1.15;
  font-weight: 700; }

.template-product #detail-two .variant-compare-price {
  display: block;
  color: var(--anker-muted);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500; }

.template-product #detail-two .product-btn-buy-2 {
  min-height: 0;
  margin-top: 12px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0; }

.template-product #detail-two .product-btn-buy-2:hover {
  background: transparent; }

.template-product #detail-two .product-btn-buy-2 .addnow {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  color: var(--anker-white);
  background: var(--anker-blue) !important;
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700; }

.template-product #detail-two .product-btn-buy-2 .addnow:hover,
.template-product #detail-two .product-btn-buy-2 .addnow:focus {
  color: var(--anker-white);
  background: var(--anker-blue-deep) !important; }

.template-product #detail-two .deliver-phone {
  min-height: 66px;
  margin-top: 14px;
  padding: 12px 0 0 44px !important;
  background-position: 0 center;
  background-size: 32px auto;
  border-top: 1px solid var(--anker-border); }

.template-product #detail-two .deliver-phone .tit,
.template-product #detail-two .deliver-phone .tit-color,
.template-product #detail-two .deliver-phone .sku {
  margin: 0;
  padding: 0;
  line-height: 1.35; }

.template-product #detail-two .deliver-phone .tit {
  color: var(--anker-muted);
  font-size: 12px; }

.template-product #detail-two .deliver-phone .tit-color {
  color: var(--anker-red);
  font-size: 17px;
  font-weight: 700; }

.template-product #detail-two .deliver-phone .sku {
  margin-top: 2px;
  color: var(--anker-muted);
  font-size: 11px; }

/* Footer: premium utility, aligned with the floating 2026 header. */
.site-footer__top {
  position: relative;
  background: var(--anker-white);
  border-top: 1px solid rgba(11, 17, 24, 0.06); }

.site-footer__top .space-padding-tb-40 {
  padding-top: 54px !important;
  padding-bottom: 52px !important;
  background: var(--anker-white) !important; }

.site-footer__top h3 {
  margin-bottom: 28px;
  color: var(--anker-ink);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.025em; }

.site-footer__top .gid-brand {
  padding: 8px !important;
  overflow: hidden;
  background: var(--anker-surface) !important;
  border: 1px solid var(--anker-border) !important;
  border-radius: 12px; }

.site-footer__top .gid-brand img {
  border-radius: 8px;
  transition: transform .25s ease, filter .25s ease; }

.site-footer__top .gid-brand:hover img {
  filter: saturate(1.08);
  transform: scale(1.025); }

.site-footer__main {
  position: relative;
  padding: 64px 0 52px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.68);
  background-color: #0b1118 !important;
  background-image: radial-gradient(circle at 88% 4%, rgba(0, 167, 225, 0.13), transparent 28%) !important; }

.site-footer__main::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--anker-blue) 0%, #63d4f5 48%, rgba(99, 212, 245, 0) 100%);
  content: ""; }

.site-footer__main .wrapper {
  position: relative;
  overflow: visible; }

.site-footer__grid {
  display: grid;
  grid-template-columns: 2.05fr .8fr 1fr 1.25fr;
  gap: 46px;
  align-items: start; }

.site-footer__main h4 {
  margin: 0 0 20px;
  color: var(--anker-white);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.4; }

.site-footer__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin-bottom: 18px;
  padding: 5px 10px;
  color: #83ddf8;
  background: rgba(0, 167, 225, 0.11);
  border: 1px solid rgba(99, 212, 245, 0.18);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase; }

.site-footer__about {
  max-width: 530px;
  padding-right: 12px; }

.site-footer__about h4 {
  max-width: 440px;
  margin-bottom: 18px;
  font-size: 20px;
  letter-spacing: -.02em; }

.site-footer__about p,
.site-footer__about div:not(.site-footer__eyebrow),
.site-footer__about span {
  color: rgba(255, 255, 255, 0.66);
  font-size: 13px;
  line-height: 1.75; }

.site-footer__nav ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.site-footer__nav li {
  margin: 0 0 5px !important; }

.site-footer__nav a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 13px;
  line-height: 1.45; }

.site-footer__nav a::before {
  width: 0;
  overflow: hidden;
  color: var(--anker-blue);
  content: "\203A";
  font-size: 17px;
  opacity: 0;
  transition: width .2s ease, opacity .2s ease; }

.site-footer__nav a:hover,
.site-footer__nav a:focus {
  color: var(--anker-white) !important; }

.site-footer__nav a:hover::before,
.site-footer__nav a:focus::before {
  width: 14px;
  opacity: 1; }

.site-footer__connect {
  padding: 22px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14); }

.site-footer__connect h4 {
  margin-bottom: 8px; }

.site-footer__connect > p {
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.56);
  font-size: 12px;
  line-height: 1.55; }

.footer-facebook-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 178px;
  background: #07111b;
  border: 1px solid rgba(131, 221, 248, 0.24);
  border-radius: 14px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24); }

.footer-facebook-card__link {
  position: relative;
  display: grid;
  min-height: 178px;
  align-content: end;
  gap: 13px;
  padding: 18px;
  color: #fff !important; }

.footer-facebook-card__link::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(5, 12, 20, 0.06) 0%, rgba(5, 12, 20, 0.28) 38%, rgba(5, 12, 20, 0.96) 100%);
  content: ""; }

.footer-facebook-card__cover {
  position: absolute;
  z-index: -2;
  inset: 0;
  background: linear-gradient(135deg, #102a43, #07111b); }

.footer-facebook-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease; }

.footer-facebook-card__link:hover .footer-facebook-card__cover img,
.footer-facebook-card__link:focus-visible .footer-facebook-card__cover img {
  transform: scale(1.035); }

.footer-facebook-card__link:focus-visible {
  outline: 2px solid #83ddf8;
  outline-offset: -3px; }

.footer-facebook-card__identity {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 20px;
  gap: 11px;
  align-items: center; }

.footer-facebook-card__avatar {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: cover;
  background: #1877f2;
  border: 2px solid rgba(255, 255, 255, 0.92);
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.34); }

.footer-facebook-card__name {
  min-width: 0; }

.footer-facebook-card__name strong,
.footer-facebook-card__name small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.footer-facebook-card__name strong {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.45); }

.footer-facebook-card__name small {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  letter-spacing: .015em; }

.footer-facebook-card__verified {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  color: var(--anker-white);
  background: #1877f2;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700; }

.footer-facebook-card__follow {
  display: flex;
  width: fit-content;
  min-height: 36px;
  align-items: center;
  gap: 16px;
  padding: 8px 12px;
  color: #07111b;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 9px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
  font-size: 11px;
  font-weight: 700;
  transition: background-color .2s ease, transform .2s ease; }

.footer-facebook-card__follow .fa {
  margin-right: 5px;
  color: #1877f2;
  font-size: 14px; }

.footer-facebook-card__follow:hover,
.footer-facebook-card__follow:focus {
  background: #fff;
  transform: translateY(-1px); }

.site-footer__main .footer-facebook-card__link,
.site-footer__main .footer-facebook-card__link:hover,
.site-footer__main .footer-facebook-card__link:focus {
  color: #fff !important; }

.site-footer__social {
  margin-top: 24px; }

.site-footer__main a,
.site-footer__main span a {
  color: rgba(255, 255, 255, 0.72) !important; }

.site-footer__main a:hover,
.site-footer__main span a:hover {
  color: var(--anker-blue) !important; }

.site-footer__copyright {
  padding: 0;
  color: rgba(255, 255, 255, 0.46);
  background: #070b10;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 11px;
  line-height: 1.65;
  text-align: left !important; }

.site-footer__copyright .wrapper {
  padding-top: 18px;
  padding-bottom: 18px;
  border: 0 !important; }

.site-footer__copyright .left {
  float: none; }

.site-footer__copyright p {
  max-width: 1020px;
  margin: 0;
  color: rgba(255, 255, 255, 0.46) !important; }

@media screen and (max-width: 1024px) {
  .site-footer__grid {
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 38px 28px; }
  .site-footer__about {
    grid-column: span 2; }
  .site-footer__connect {
    grid-column: 3;
    grid-row: 1 / span 2; } }

@media screen and (max-width: 640px) {
  .site-footer__top .space-padding-tb-40 {
    padding-top: 38px !important;
    padding-bottom: 36px !important; }
  .site-footer__top h3 {
    margin-bottom: 22px;
    font-size: 21px; }
  .site-footer__main {
    padding: 44px 0 34px; }
  .site-footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 34px 22px; }
  .site-footer__about,
  .site-footer__connect {
    grid-column: 1 / -1; }
  .site-footer__about {
    padding-right: 0; }
  .site-footer__connect {
    grid-row: auto;
    padding: 18px; }
  .site-footer__copyright .wrapper {
    padding-top: 16px;
    padding-bottom: 82px; } }

@media screen and (min-width: 769px) {
  /* 2026 desktop header: two compact floating surfaces instead of a full-bleed bar. */
  #PageContainer {
    overflow: visible; }
  .site-header {
    position: sticky;
    z-index: 9999;
    top: -90px;
    padding: 12px 18px 0;
    background: linear-gradient(180deg, #fff 0%, #f7fafb 100%);
    border-bottom: 0;
    box-shadow: 0 8px 26px rgba(11, 17, 24, 0.05); }
  .site-header .header {
    width: 100%;
    max-width: 1270px;
    margin: 0 auto;
    padding-top: 0;
    background: transparent; }
  .site-header .header > .wrapper {
    max-width: none;
    padding: 0; }
  .site-header__topbar {
    display: flex;
    margin-left: 0;
    min-height: 66px;
    align-items: center;
    padding: 10px 11px;
    background: var(--anker-white);
    border: 1px solid rgba(11, 17, 24, 0.09);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(11, 17, 24, 0.07); }
  .site-header__topbar > .grid__item:first-child {
    display: flex;
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    padding-left: 0;
    float: none; }
  .site-header__topbar .verticalmenu,
  .site-header__topbar .logo,
  .site-header__topbar .juno-search,
  .site-header__topbar .hotline-top,
  .site-header__topbar .juno-cart,
  .site-header__topbar .right,
  .site-header__topbar .left {
    float: none; }
  .site-header__topbar .verticalmenu {
    flex: 0 0 auto; }
  .verticalmenu .vertical-icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    box-shadow: 0 8px 18px rgba(0, 167, 225, 0.2); }
  .site-header__topbar .logo {
    display: flex;
    min-width: 162px;
    height: 42px;
    align-items: center;
    margin-left: 14px;
    padding-right: 22px;
    border-right: 1px solid var(--anker-border); }
  .site-header__logo,
  .site-header__logo.h1 {
    width: 100%; }
  .site-header__logo img.anker-logo--official {
    width: 126px;
    margin: 0; }
  .juno-search {
    position: static;
    width: auto;
    max-width: 470px;
    height: 46px;
    flex: 1 1 360px;
    margin: 0 18px 0 22px;
    background: transparent;
    line-height: 46px; }
  .juno-search .search {
    height: 46px;
    background: #f4f8fa;
    border-color: #d8e2e7;
    border-radius: 13px; }
  .juno-search .search_box,
  .juno-search .gid-search-btn {
    height: 44px; }
  .juno-search .gid-search-btn {
    flex-basis: 50px; }
  .hotline-top {
    display: inline-flex;
    height: 42px;
    flex: 0 0 auto;
    align-items: center;
    padding: 0 13px 0 7px;
    background: var(--anker-white);
    border: 1px solid var(--anker-border);
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap; }
  .hotline-top i.fa {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    padding: 0;
    background: #eaf8fd;
    border: 0; }
  .juno-cart {
    display: flex;
    width: auto;
    min-width: 96px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding-left: 10px;
    float: none;
    line-height: 1; }
  .juno-cart .site-header__currency {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--anker-ink);
    background: var(--anker-surface);
    border: 1px solid var(--anker-border);
    border-radius: 12px; }
  .juno-cart .site-header__currency .icon-ultility,
  .juno-cart .site-header__currency svg {
    display: block;
    width: 24px;
    height: 24px; }
  .juno-cart .site-header__currency .icon-ultility {
    color: inherit; }
  .juno-cart .site-header__currency svg {
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round; }
  .juno-cart .line-style::before,
  .juno-cart .site-header__currency select,
  .juno-cart .site-header__currency .currency-picker {
    display: none; }
  .juno-menu {
    margin-top: 10px;
    overflow: visible;
    background: transparent !important; }
  .juno-menu > .wrapper {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding: 0 13px;
    overflow: visible;
    background: linear-gradient(105deg, #0a1118 0%, #121e28 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    box-shadow: 0 13px 28px rgba(11, 17, 24, 0.16); }
  .juno-menu .site-nav {
    display: flex;
    min-height: 50px;
    align-items: stretch;
    justify-content: center;
    margin: 0; }
  .juno-menu .site-nav > li {
    display: flex;
    align-items: stretch;
    margin: 0; }
  .juno-menu .site-nav__link {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border-radius: 10px;
    line-height: 1.2; }
  .juno-menu .site-nav__link:hover,
  .juno-menu .site-nav__link:focus,
  .juno-menu .site-nav--active > .site-nav__link {
    background: rgba(255, 255, 255, 0.055); }
  .juno-menu .site-nav__link::after {
    right: 15px;
    bottom: 5px;
    left: 15px;
    border-radius: 999px; }
  .juno-menu .site-nav--has-dropdown > .site-nav__link::after {
    right: 37px; }
  .juno-menu .home-button {
    width: 44px;
    justify-content: center;
    padding: 0;
    color: var(--anker-blue); }
  .juno-menu .site-nav__dropdown {
    margin-top: 8px;
    border-radius: 15px;
    box-shadow: 0 22px 52px rgba(11, 17, 24, 0.18); }
  .juno-menu .site-nav__link.nav-focus + .site-nav__dropdown,
  .juno-menu .site-nav--has-dropdown:hover > .site-nav__dropdown,
  .juno-menu .site-nav--has-dropdown.nav-hover > .site-nav__dropdown {
    top: calc(100% - 8px) !important;
    padding-top: 18px; } }

/* Homepage hero: a framed campaign canvas aligned with the floating header. */
.template-index .inner.section-slider {
  width: calc(100% - 36px);
  max-width: 1270px;
  margin: 18px auto 0; }

.template-index .inner.section-slider > .section-slider {
  width: 100%;
  margin: 0;
  padding: 0; }

.template-index #slider-carousel {
  position: relative;
  overflow: hidden;
  background: #eef4f7;
  border: 1px solid rgba(11, 17, 24, 0.09);
  border-radius: 24px;
  box-shadow: 0 22px 54px rgba(11, 17, 24, 0.13); }

.template-index #slider-carousel .owl-wrapper-outer,
.template-index #slider-carousel .owl-wrapper,
.template-index #slider-carousel .owl-item,
.template-index #slider-carousel .slider_element,
.template-index #slider-carousel .slider_element > a,
.template-index #slider-carousel picture {
  display: block;
  overflow: hidden;
  border-radius: inherit; }

.template-index #slider-carousel .slider_element {
  position: relative;
  isolation: isolate; }

.template-index #slider-carousel .slider_element::after {
  position: absolute;
  z-index: 3;
  inset: 0;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: inherit;
  pointer-events: none; }

.template-index #slider-carousel picture img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  transform: scale(1.001);
  transition: transform 1.1s cubic-bezier(0.2, 0.65, 0.25, 1); }

.template-index #slider-carousel:hover picture img {
  transform: scale(1.012); }

.template-index #slider-carousel.owl-theme .owl-controls {
  margin: 0; }

.template-index #slider-carousel.owl-theme .owl-controls .owl-buttons div {
  top: 50%;
  width: 40px;
  height: 54px;
  margin: 0;
  padding: 0;
  visibility: visible;
  opacity: 0;
  color: var(--anker-ink);
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(11, 17, 24, 0.1);
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(11, 17, 24, 0.16);
  backdrop-filter: blur(10px);
  transform: translateY(-50%) scale(0.92);
  transition: opacity .2s ease, transform .2s ease, background-color .2s ease; }

.template-index #slider-carousel:hover .owl-controls .owl-buttons div,
.template-index #slider-carousel:focus-within .owl-controls .owl-buttons div {
  opacity: 1;
  transform: translateY(-50%); }

.template-index #slider-carousel.owl-theme .owl-controls .owl-buttons .owl-prev,
.template-index #slider-carousel:hover .owl-controls .owl-buttons .owl-prev {
  left: 0;
  border-left: 0;
  border-radius: 0 12px 12px 0; }

.template-index #slider-carousel.owl-theme .owl-controls .owl-buttons .owl-next,
.template-index #slider-carousel:hover .owl-controls .owl-buttons .owl-next {
  right: 0;
  margin-right: 0;
  border-right: 0;
  border-radius: 12px 0 0 12px; }

.template-index #slider-carousel.owl-theme .owl-controls .owl-buttons div:hover {
  color: var(--anker-white);
  background: var(--anker-blue); }

.template-index #slider-carousel.owl-theme .owl-controls .owl-buttons div::before {
  color: currentColor;
  font-size: 22px; }

.template-index #slider-carousel .owl-pagination {
  bottom: 16px;
  display: flex;
  min-height: 28px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  background: rgba(8, 18, 25, 0.52);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  backdrop-filter: blur(10px); }

.template-index #slider-carousel.owl-theme .owl-controls .owl-page span {
  width: 7px;
  height: 7px;
  margin: 0;
  background: rgba(255, 255, 255, 0.62);
  border-radius: 999px;
  opacity: 1;
  transition: width .2s ease, background-color .2s ease; }

.template-index #slider-carousel.owl-theme .owl-controls .owl-page.active span {
  width: 22px;
  background: var(--anker-blue); }

@media screen and (max-width: 768px) {
  .template-index .inner.section-slider {
    width: calc(100% - 24px);
    margin-top: 12px; }
  .template-index #slider-carousel {
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(11, 17, 24, 0.12); }
  .template-index #slider-carousel.owl-theme .owl-controls .owl-buttons div {
    display: none; }
  .template-index #slider-carousel .owl-pagination {
    bottom: 9px;
    min-height: 24px; } }

@media (prefers-reduced-motion: reduce) {
  .template-index #slider-carousel picture img,
  .template-index #slider-carousel.owl-theme .owl-controls .owl-buttons div,
  .template-index #slider-carousel.owl-theme .owl-controls .owl-page span {
    transition: none; } }

@media screen and (min-width: 769px) and (max-width: 1100px) {
  .site-header {
    padding-right: 12px;
    padding-left: 12px; }
  .site-header__topbar .logo {
    min-width: 144px;
    margin-left: 10px;
    padding-right: 16px; }
  .site-header__logo img.anker-logo--official {
    width: 116px; }
  .juno-search {
    margin-right: 12px;
    margin-left: 16px; }
  .hotline-top {
    display: none; }
  .juno-menu .site-nav__link {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12.5px; }
  .juno-menu .site-nav__link::after {
    right: 10px;
    left: 10px; }
  .juno-menu .site-nav--has-dropdown > .site-nav__link::after {
    right: 32px; } }

@media screen and (max-width: 768px) {
  .js-drawer-open #PageContainer::before {
    position: fixed;
    z-index: 2147482998;
    background: rgba(8, 18, 25, 0.68) !important;
    backdrop-filter: blur(2px); }
  .js-drawer-open-left #haravan-notification {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important; }
  #NavDrawer.drawer--left {
    left: -360px;
    z-index: 2147482999;
    width: 360px;
    max-width: calc(100vw - 44px);
    padding: 0;
    color: var(--anker-ink);
    background: var(--anker-white);
    border: 0;
    box-shadow: 18px 0 48px rgba(8, 18, 25, 0.22); }
  .js-drawer-open-left #NavDrawer.drawer--left {
    transform: translateX(360px); }
  #NavDrawer .drawer__header {
    position: sticky;
    top: 0;
    z-index: 4;
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 14px 14px 13px 18px;
    background: rgba(255, 255, 255, 0.97);
    border-bottom: 1px solid var(--anker-border); }
  #NavDrawer .drawer__title {
    display: flex;
    float: none;
    width: auto;
    align-items: center;
    margin: 0; }
  #NavDrawer .drawer__title .site-header__logo-link {
    display: block;
    padding: 0; }
  #NavDrawer .drawer__title img {
    display: block;
    width: auto;
    max-width: 170px;
    height: 38px;
    object-fit: contain;
    object-position: left center; }
  #NavDrawer .drawer__close {
    display: block;
    float: none;
    width: 44px;
    height: 44px; }
  #NavDrawer .drawer__close button {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--anker-ink-soft);
    background: var(--anker-surface);
    border: 1px solid var(--anker-border);
    border-radius: 50%;
    font-size: 18px; }
  #NavDrawer .mobile-nav {
    margin: 0;
    padding: 0 14px 24px;
    background: var(--anker-white); }
  #NavDrawer .mobile-nav__search {
    padding: 16px 0 12px; }
  #NavDrawer .mobile-nav__search::after {
    display: none; }
  #NavDrawer .mobile-nav__search .search-bar {
    display: flex;
    height: 46px;
    overflow: hidden;
    background: var(--anker-surface);
    border: 1px solid var(--anker-border);
    border-radius: 12px; }
  #NavDrawer .mobile-nav__search .input-group-field {
    min-width: 0;
    height: 44px;
    padding: 0 14px;
    color: var(--anker-ink);
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 15px; }
  #NavDrawer .mobile-nav__search .input-group-btn {
    width: 46px; }
  #NavDrawer .mobile-nav__search .btn {
    width: 46px;
    height: 44px;
    padding: 0;
    color: var(--anker-white);
    background: var(--anker-blue);
    border: 0;
    border-radius: 0; }
  #NavDrawer .mobile-nav > .mobile-nav__item {
    background: var(--anker-white); }
  #NavDrawer .mobile-nav > .mobile-nav__item::after {
    right: 0;
    left: 0;
    border-color: #e8edf0; }
  #NavDrawer .mobile-nav__item > .mobile-nav__link,
  #NavDrawer .mobile-nav__has-sublist > .mobile-nav__link,
  #NavDrawer .mobile-nav > .mobile-nav__item > a {
    display: flex;
    min-height: 52px;
    align-items: center;
    padding: 13px 8px;
    color: var(--anker-ink);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600; }
  #NavDrawer .mobile-nav__item--active > .mobile-nav__link,
  #NavDrawer .mobile-nav__item--active > a {
    color: var(--anker-blue-deep); }
  #NavDrawer .mobile-nav__has-sublist {
    display: flex;
    align-items: center; }
  #NavDrawer .mobile-nav__toggle {
    display: block;
    flex: 0 0 48px;
    width: 48px; }
  #NavDrawer .mobile-nav__toggle button {
    width: 44px;
    height: 44px;
    margin: 0 0 0 4px;
    padding: 0;
    color: var(--anker-ink-soft);
    background: var(--anker-surface);
    border: 1px solid var(--anker-border);
    border-radius: 10px;
    font-size: 17px; }
  #NavDrawer .mobile-nav--expanded .mobile-nav__toggle button {
    color: var(--anker-white);
    background: var(--anker-blue);
    border-color: var(--anker-blue); }
  #NavDrawer .mobile-nav__sublist {
    margin: 0 0 8px;
    padding: 0;
    background: var(--anker-surface);
    border-radius: 12px;
    transition: max-height 260ms ease, visibility 260ms ease; }
  #NavDrawer .mobile-nav--expanded + .mobile-nav__sublist {
    max-height: 1800px;
    padding: 6px; }
  #NavDrawer .mobile-nav__sublist > .mobile-nav__item::after {
    display: none; }
  #NavDrawer .mobile-nav__sublist .mobile-nav__link {
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    color: var(--anker-ink-soft);
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500; }
  #NavDrawer .mobile-nav__sublist .mobile-nav__link:active,
  #NavDrawer .mobile-nav__sublist .mobile-nav__link:focus {
    color: var(--anker-blue-deep);
    background: #e8f7fc; }
  #NavDrawer .awemenu-megamenu-item {
    padding: 4px; }
  #NavDrawer .awemenu-megamenu-item > .grid {
    margin: 0; }
  #NavDrawer .awemenu-megamenu-item .grid__item.large--one-quarter {
    float: none;
    width: 100%;
    padding: 0; }
  #NavDrawer .awemenu-megamenu-item h3 {
    margin: 6px 8px 2px;
    padding: 0;
    color: var(--anker-ink-soft);
    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase; }
  #NavDrawer .awemenu-megamenu-item ul.super {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px 6px;
    margin: 0 0 8px;
    padding: 0; }
  #NavDrawer .awemenu-megamenu-item ul.super li::after {
    display: none; }
  #NavDrawer .awemenu-megamenu-item ul.super a {
    min-height: 40px;
    padding: 9px 8px;
    color: var(--anker-ink-soft);
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.3; }
  #NavDrawer .awemenu-megamenu-item img {
    display: none; }
  .site-header {
    position: relative;
    min-height: 76px;
    padding: 8px 12px;
    background: linear-gradient(180deg, #fff 0%, #f7fafb 100%);
    border-bottom: 0;
    box-shadow: 0 8px 24px rgba(11, 17, 24, 0.06); }
  .site-header .header {
    position: relative;
    padding-top: 0;
    background: transparent; }
  .site-header__topbar {
    min-height: 0;
    height: 0; }
  .site-header__topbar > .grid__item:first-child {
    display: none !important; }
  .site-header__topbar .juno-cart {
    position: absolute;
    z-index: 6;
    top: 8px;
    right: 8px;
    width: 44px;
    height: 44px;
    padding: 0; }
  .site-header__topbar .juno-cart > .right {
    width: 44px;
    height: 44px;
    float: none; }
  .site-header__topbar .juno-cart .site-header__currency {
    display: none !important; }
  .site-header .large--hide.medium-down--show > .wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: center;
    padding: 8px !important;
    background: #f2f9fc;
    border: 1px solid rgba(0, 167, 225, 0.16);
    border-radius: 16px;
    box-shadow: 0 8px 22px rgba(11, 17, 24, 0.06); }
  .site-nav--mobile {
    position: absolute;
    top: 8px;
    left: 8px; }
  .site-header__logo-link.medium--hide {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block !important;
    max-width: 150px;
    margin: 0;
    transform: translate(-50%, -50%); }
  .site-header__logo-link.medium--hide img {
    display: block;
    width: 132px;
    max-height: 34px;
    margin: 0 auto; }
  .site-header__logo img {
    max-height: 38px;
    margin-top: 0; }
  .site-nav--mobile button,
  .site-nav--mobile .icon-menu {
    color: var(--anker-white); }
  .site-nav--mobile button.icon-menu {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: var(--anker-blue);
    border: 0;
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(0, 167, 225, 0.22); }
  .site-nav--mobile button.icon-menu:hover,
  .site-nav--mobile button.icon-menu:focus-visible {
    background: var(--anker-blue-deep); }
  .gid-cart {
    top: auto;
    right: auto;
    display: inline-flex;
    width: 44px;
    height: 44px;
    padding: 0;
    background: var(--anker-white);
    border-color: rgba(0, 167, 225, 0.2); }
  .gid-cart .sprite-cart {
    position: absolute;
    top: 8px;
    right: 7px;
    display: block;
    width: 29px;
    height: 29px; }
  .gid-cart .sprite-cart::before {
    top: 0;
    right: 0; }
  .gid-cart #CartCount {
    top: 0;
    right: 0;
    left: auto;
    z-index: 2; }
  .template-index .arrivals,
  .template-index .featured,
  .template-index .section-youtube,
  .template-index .section-blogs {
    padding-top: 26px;
    padding-bottom: 36px; }
  .template-index h2.title,
  .section-youtube h2.title,
  .section-blogs h2.title {
    margin-bottom: 24px;
    padding-bottom: 13px;
    font-size: 25px; }
  .product-container {
    border-radius: 13px; }
  .product-container .product-image {
    min-height: 160px;
    padding: 0; }
  .product-container .product-meta {
    margin-bottom: 0;
    padding: 12px 12px 14px; }
  .product-container .name-price {
    min-height: 101px; }
  .product-container .product-meta h4.product-name {
    height: 57px;
    min-height: 57px;
    margin-bottom: 8px;
    font-size: 13.5px;
    line-height: 1.4; }
  .product-container .product-meta h4.product-name > a:first-child {
    height: 57px; }
  .product-container .product-price {
    font-size: 15px; }
  .product-container .sale-price {
    display: block;
    margin: 0 0 2px;
    font-size: 12px; }
  .product-container .product-countdown {
    padding: 6px; }
  .custom-top,
  .custom-bottom {
    padding-top: 8px;
    padding-bottom: 8px; }
  .custom-top .site_custom_top,
  .custom-bottom .site_custom_top {
    border-radius: 12px; }
  .custom-top .gid-btn,
  .custom-bottom .gid-btn {
    opacity: 1; }
  .item-youtube,
  #owl-home-articles-slider .article-item {
    border-radius: 13px; }
  .item-youtube .title {
    min-height: 62px;
    padding: 13px 14px 15px;
    font-size: 15px; }
  .breadcrumb {
    margin-bottom: 24px;
    padding: 13px 0;
    text-align: left; }
  .template-product #ProductPhoto {
    padding: 16px;
    border-radius: 14px; }
  .template-product .heading-left {
    margin-top: 22px;
    font-size: 27px; }
  #detail-two .product-btn-buy-2 {
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -8px 24px rgba(11, 17, 24, 0.12); }
  #detail-two .product-btn-buy-2 .addnow {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    color: var(--anker-white);
    background: var(--anker-blue) !important;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 700; }
  #detail-two .product-btn-buy-2 .addnow:hover,
  #detail-two .product-btn-buy-2 .addnow:focus {
    color: var(--anker-white);
    background: var(--anker-blue-deep) !important; }
  .site-footer__main {
    padding: 38px 0 24px; } }

/* Legacy mobile rules repositioned this badge; keep it attached to the new cart button. */
.site-header__cart-toggle.gid-cart #CartCount,
.gid-cart #CartCount {
  top: -7px;
  right: -7px;
  left: auto; }

/* Subiz launcher: keep the branded desktop bubble; mobile uses Subiz's native launcher. */
@media screen and (min-width: 641px) {
  body #wpwidget .widget-layout.widget-layout--right {
    width: 190px !important;
    height: 116px !important;
    right: 22px !important;
    bottom: 24px !important; }
  body #wpwidget .widget-layout .chat-button,
  body #wpwidget .widget-layout .chat-button--img-container {
    width: 190px !important;
    height: 116px !important;
    min-width: 190px !important;
    min-height: 116px !important; }
  body #wpwidget .widget-layout .chat-button {
    cursor: pointer;
    filter: drop-shadow(0 8px 16px rgba(0, 126, 174, 0.22));
    transition: transform .2s ease, filter .2s ease; }
  body #wpwidget .widget-layout .chat-button:hover {
    filter: brightness(1.03) drop-shadow(0 10px 20px rgba(0, 126, 174, 0.28));
    transform: translateY(-2px); }
  body #wpwidget .widget-layout .chat-button--white-bg {
    display: none !important; }
  body #wpwidget .widget-layout .chat-button--img-container {
    position: relative !important;
    display: block !important;
    overflow: visible !important;
    background-color: transparent !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important; }
  body #wpwidget .widget-layout .chat-button--img-container::before,
  body #wpwidget .widget-layout .chat-button--img-container::after {
    display: none !important;
    content: none !important; }
  body #wpwidget .widget-layout .chat-button--img {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important; } }

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important; } }

/* Final mobile control sizing: keep utility icons inside their own bounds. */
@media screen and (max-width: 640px) {
  #NavDrawer .drawer__close,
  #CartDrawer .drawer__close {
    flex: 0 0 36px;
    width: 36px;
    height: 36px; }
  #NavDrawer .drawer__close button,
  #CartDrawer .drawer__close button {
    position: static;
    right: auto;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 16px; }
  .site-header__cart-toggle.gid-cart,
  .gid-cart {
    top: auto;
    right: auto;
    width: 44px;
    height: 44px;
    border-radius: 12px; }
  .site-header__cart-toggle.gid-cart .sprite-cart,
  .gid-cart .sprite-cart {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 20px;
    height: 20px; }
  .site-header__cart-toggle.gid-cart .sprite-cart::before,
  .gid-cart .sprite-cart::before {
    width: 20px;
    height: 20px; }
  .site-header__cart-toggle.gid-cart #CartCount,
  .gid-cart #CartCount {
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    font-size: 9px;
    line-height: 14px; } }

/* Cart page: use the same compact product and checkout language as CartDrawer. */
.template-cart .breadcrumb {
  margin: 18px 0 28px;
  padding: 0;
  overflow: visible;
  background: transparent;
  text-align: left; }

.template-cart .breadcrumb.bgFull::before {
  display: none; }

.template-cart .breadcrumb .inner {
  display: inline-flex;
  max-width: 100%;
  min-height: 40px;
  align-items: center;
  padding: 9px 16px;
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid rgba(0, 167, 225, 0.18);
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(11, 17, 24, 0.045);
  white-space: nowrap; }

.template-cart .breadcrumb a,
.template-cart .breadcrumb span {
  padding: 0;
  color: var(--anker-muted);
  font-size: 12px;
  line-height: 20px; }

.template-cart .breadcrumb span[aria-hidden="true"] {
  width: 22px;
  color: transparent;
  font-size: 0;
  text-align: center; }

.template-cart .breadcrumb span[aria-hidden="true"]::before {
  color: #9aa8b2;
  content: "\203A";
  font-size: 18px; }

.template-cart .breadcrumb span:last-child {
  min-width: 0;
  overflow: hidden;
  color: var(--anker-ink);
  font-weight: 700;
  text-overflow: ellipsis; }

.template-cart .main-content {
  padding-bottom: 64px; }

.template-cart .main-content > h1 {
  margin: 0 0 20px;
  color: var(--anker-ink);
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.025em; }

.template-cart .cart-table {
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(11, 17, 24, 0.065); }

.template-cart .cart-table thead {
  background: var(--anker-surface); }

.template-cart .cart-table th {
  padding: 15px 12px;
  color: var(--anker-muted);
  border: 0;
  font-size: 12px;
  font-weight: 700; }

.template-cart .cart-table tbody td {
  vertical-align: middle;
  border-top: 1px solid var(--anker-border); }

.template-cart .cart-item__details .h4 {
  color: var(--anker-ink);
  font-weight: 700; }

.template-cart .cart-item__details small,
.template-cart .cart-item__details p {
  color: var(--anker-muted); }

.template-cart .cart__remove {
  color: var(--anker-red);
  font-weight: 700; }

.template-cart .cart-item__price .h3,
.template-cart .cart-item__total .h3 {
  color: var(--anker-ink);
  font-weight: 700;
  white-space: nowrap; }

.template-cart .cart-item__quantity .js-qty {
  display: grid;
  position: relative;
  width: 116px;
  min-width: 116px;
  max-width: 116px;
  height: 38px;
  grid-template-columns: 35px 44px 35px;
  margin: 0 auto;
  overflow: hidden;
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 10px; }

.template-cart .cart-item__quantity .js-qty__num,
.template-cart .cart-item__quantity .js-qty__adjust {
  position: static;
  width: auto;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none; }

.template-cart .cart-item__quantity .js-qty__num {
  order: 2;
  color: var(--anker-ink);
  background: var(--anker-white);
  border-right: 1px solid var(--anker-border);
  border-left: 1px solid var(--anker-border);
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  text-align: center; }

.template-cart .cart-item__quantity .js-qty__adjust {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--anker-ink);
  background: var(--anker-surface);
  font-size: 10px; }

.template-cart .cart-item__quantity .js-qty__adjust--minus {
  order: 1; }

.template-cart .cart-item__quantity .js-qty__adjust--plus {
  order: 3; }

.template-cart .cart-item__quantity .js-qty__adjust:hover,
.template-cart .cart-item__quantity .js-qty__adjust:focus {
  color: var(--anker-white);
  background: var(--anker-blue); }

.template-cart .cart-page__summary {
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(11, 17, 24, 0.065); }

.template-cart .cart-summary__title {
  width: 100%;
  margin: 0 0 18px;
  color: var(--anker-ink);
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -.02em;
  text-align: left; }

.template-cart .cart-page__summary label {
  display: block;
  margin-bottom: 8px;
  color: var(--anker-ink);
  font-size: 13px;
  font-weight: 700; }

.template-cart .cart-page__summary #CartSpecialInstructions {
  min-height: 92px;
  padding: 12px;
  background: var(--anker-surface);
  border: 1px solid var(--anker-border);
  border-radius: 10px;
  resize: vertical; }

.template-cart .cart-page__summary #CartSpecialInstructions:focus {
  background: var(--anker-white);
  border-color: var(--anker-blue);
  box-shadow: 0 0 0 3px rgba(0, 167, 225, 0.12); }

.template-cart .cart-page__summary .text-right > p:first-of-type {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 20px 0 6px;
  padding-top: 18px;
  border-top: 1px solid var(--anker-border);
  text-align: left; }

.template-cart .cart__subtotal-title,
.template-cart .cart__subtotal {
  margin: 0;
  color: var(--anker-ink);
  font-size: 18px;
  font-weight: 700; }

.template-cart .cart-page__summary em {
  color: var(--anker-muted);
  font-size: 12px; }

.template-cart input[name="checkout"] {
  width: 100%;
  min-height: 48px;
  margin: 7px 0 0;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700; }

.template-cart input[name="checkout"] {
  color: var(--anker-white);
  background: var(--anker-blue);
  border: 1px solid var(--anker-blue); }

.template-cart input[name="checkout"]:hover,
.template-cart input[name="checkout"]:focus {
  background: var(--anker-blue-deep);
  border-color: var(--anker-blue-deep); }

@media screen and (min-width: 641px) {
  .template-cart .cart.table-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 24px;
    align-items: start;
    overflow: visible; }
  .template-cart .cart-table {
    width: 100%;
    table-layout: fixed; }
  .template-cart .cart-table th,
  .template-cart .cart-table td {
    padding: 18px 12px; }
  .template-cart .cart-item__media {
    width: 118px;
    padding-left: 20px !important; }
  .template-cart .cart-item__price {
    width: 132px;
    text-align: center; }
  .template-cart .cart-item__quantity {
    width: 140px;
    text-align: center; }
  .template-cart .cart-item__total {
    width: 132px; }
  .template-cart .cart__image {
    display: flex;
    width: 88px;
    height: 88px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--anker-surface);
    border: 1px solid var(--anker-border);
    border-radius: 12px; }
  .template-cart .cart__image img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: contain; }
  .template-cart .cart-item__details .h4 {
    display: -webkit-box;
    margin: 0 0 6px;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  .template-cart .cart-item__details small,
  .template-cart .cart-item__details p {
    margin: 0;
    font-size: 12px;
    line-height: 1.45; }
  .template-cart .cart__remove {
    display: inline-block;
    margin-top: 8px; }
  .template-cart .cart-item__price .h3,
  .template-cart .cart-item__total .h3 {
    font-size: 15px; }
  .template-cart .cart-page__summary {
    position: sticky;
    top: 88px;
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 0;
    padding: 20px;
    border-top: 1px solid var(--anker-border); }
  .template-cart .cart-page__summary > .grid__item {
    width: 100%;
    padding: 0;
    text-align: left !important; } }

@media screen and (max-width: 640px) {
  .template-cart .main-content {
    padding-bottom: 112px; }
  .template-cart .breadcrumb {
    margin-top: 8px;
    margin-bottom: 22px; }
  .template-cart .breadcrumb .inner {
    display: flex;
    width: calc(100% - 24px);
    min-height: 38px;
    margin: 0 auto;
    padding: 8px 13px; }
  .template-cart .main-content > h1 {
    margin: 18px 0 14px;
    font-size: 25px; }
  .template-cart .cart-page__summary {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin: 18px 0 0;
    padding: 18px;
    border-top: 1px solid var(--anker-border); }
  .template-cart .cart-page__summary > .grid__item {
    width: 100%;
    padding: 0;
    text-align: left !important; }
  .template-cart .cart-item__quantity .js-qty {
    margin: 0; }
  .template-cart input[name="checkout"] {
    position: fixed;
    z-index: 2147482000;
    right: 16px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    left: 16px;
    width: auto;
    max-width: 360px;
    min-height: 46px;
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0, 127, 174, 0.28); }
  .template-cart form.cart[aria-busy="true"] input[name="checkout"] {
    opacity: .58;
    pointer-events: none; }
  .template-cart #wpwidget .widget-layout.widget-layout--right {
    bottom: 72px !important; } }

.template-cart .cart-empty {
  max-width: 560px;
  margin: 20px auto 64px;
  padding: 46px 28px;
  color: var(--anker-muted);
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(11, 17, 24, 0.065);
  text-align: center; }

.template-cart .cart-empty__icon {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 auto 16px;
  background: var(--anker-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.2 10.1a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 7H6'/%3E%3Ccircle cx='9.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3Ccircle cx='17.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h2l2.2 10.1a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 7H6'/%3E%3Ccircle cx='9.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3Ccircle cx='17.5' cy='19' r='1.25' fill='black' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat; }

.template-cart .cart-empty h1 {
  margin: 0 0 8px;
  color: var(--anker-ink);
  font-size: 28px; }

.template-cart .cart-empty p {
  margin: 0 0 22px; }

.template-cart .cart-empty__continue {
  min-width: 190px;
  color: var(--anker-white);
  background: var(--anker-blue);
  border-radius: 10px; }

/* Lightweight live product search shared by desktop and mobile header forms. */
.site-header .juno-search,
#NavDrawer .mobile-nav__search {
  position: relative; }

.anker-search-suggestions {
  position: absolute;
  z-index: 10020;
  top: calc(100% + 9px);
  right: 0;
  left: 0;
  max-height: 460px;
  overflow: auto;
  color: var(--anker-ink);
  background: var(--anker-white);
  border: 1px solid var(--anker-border);
  border-radius: 14px;
  box-shadow: 0 18px 46px rgba(11, 17, 24, 0.16);
  line-height: normal;
  overscroll-behavior: contain; }

.anker-search-suggestions[hidden] {
  display: none !important; }

.anker-search-suggestion {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 10px 12px;
  color: var(--anker-ink);
  border-bottom: 1px solid #edf1f3;
  text-decoration: none; }

.anker-search-suggestion:hover,
.anker-search-suggestion:focus-visible {
  color: var(--anker-ink);
  background: #f2f9fc;
  outline: 0; }

.anker-search-suggestion__image {
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  overflow: hidden;
  background: var(--anker-surface);
  border: 1px solid var(--anker-border);
  border-radius: 10px; }

.anker-search-suggestion__image img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

.anker-search-suggestion__content,
.anker-search-suggestion__price {
  min-width: 0; }

.anker-search-suggestion__title {
  display: -webkit-box;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 650;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.anker-search-suggestion__status {
  display: inline-flex;
  margin-top: 4px;
  padding: 3px 6px;
  color: var(--anker-white);
  background: var(--anker-ink-soft);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700; }

.anker-search-suggestion__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 12px;
  white-space: nowrap; }

.anker-search-suggestion__price strong {
  color: var(--anker-red);
  font-size: 13px; }

.anker-search-suggestion__price del {
  margin-top: 3px;
  color: var(--anker-muted);
  font-size: 11px; }

.anker-search-suggestions__state,
.anker-search-view-all {
  display: block;
  padding: 14px 16px;
  color: var(--anker-muted);
  font-size: 13px;
  line-height: 1.45;
  text-align: center; }

.anker-search-view-all {
  color: var(--anker-blue-deep);
  background: #f7fafb;
  font-weight: 700;
  text-decoration: none; }

.anker-search-view-all:hover,
.anker-search-view-all:focus-visible {
  color: var(--anker-blue-deep);
  background: #edf8fc;
  outline: 0; }

#NavDrawer .anker-search-suggestions {
  position: static;
  max-height: 360px;
  margin-top: 8px;
  border-radius: 12px;
  box-shadow: none; }

@media screen and (max-width: 480px) {
  .anker-search-suggestion {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 9px;
    padding: 9px 10px; }
  .anker-search-suggestion__image {
    width: 48px;
    height: 48px; }
  .anker-search-suggestion__price {
    grid-column: 2;
    flex-direction: row;
    align-items: baseline;
    gap: 7px; } }

/* Light editorial blog, aligned with the home storefront visual system. */
.template-article,
.template-blog {
  --journal-bg: var(--anker-white);
  --journal-surface: var(--anker-white);
  --journal-surface-raised: var(--anker-surface);
  --journal-border: var(--anker-border);
  --journal-text: var(--anker-ink);
  --journal-muted: var(--anker-muted);
  --journal-accent: var(--anker-blue);
  background: var(--journal-bg); }

.template-article .main-content,
.template-blog .main-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 32px 80px;
  color: var(--journal-text);
  background: radial-gradient(circle at 12% 0, rgba(0, 167, 225, 0.07), transparent 30rem), var(--journal-bg); }

.template-article .breadcrumb,
.template-blog .breadcrumb {
  max-width: 1240px;
  margin: 0 auto;
  padding: 22px 0 0;
  color: var(--journal-muted);
  background: transparent;
  border: 0; }

.template-article .breadcrumb.bgFull::before,
.template-blog .breadcrumb.bgFull::before {
  display: none; }

.template-article .breadcrumb .inner,
.template-blog .breadcrumb .inner {
  min-height: 42px;
  padding: 9px 16px;
  background: rgba(244, 247, 249, 0.94);
  border: 1px solid var(--journal-border);
  border-radius: 999px; }

.template-article .breadcrumb a,
.template-article .breadcrumb span,
.template-blog .breadcrumb a,
.template-blog .breadcrumb span {
  color: var(--journal-muted); }

.template-article .breadcrumb span:last-child,
.template-blog .breadcrumb span:last-child {
  color: var(--journal-text); }

.article-page,
.blog-index {
  max-width: 1240px;
  margin: 0 auto; }

.article-page,
.blog-index,
.template-article .article-page > .grid__item,
.template-blog .blog-index > .grid__item {
  padding-left: 0; }

.article-shell {
  width: 100%; }

.article-hero,
.blog-index__hero {
  max-width: 920px;
  margin: 0 auto;
  padding: 72px 0 54px;
  text-align: center; }

.article-hero__category,
.blog-index__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 12px;
  color: var(--anker-white);
  background: var(--journal-accent);
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase; }

.article-hero__category:hover,
.article-hero__category:focus-visible {
  color: var(--anker-white);
  background: var(--anker-blue-deep); }

.article-hero h1,
.blog-index__hero h1 {
  margin: 22px 0 16px;
  color: var(--journal-text);
  font-family: inherit;
  font-size: clamp(38px, 4.2vw, 62px);
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: -.045em;
  text-wrap: balance; }

.blog-index__hero h1 a {
  color: inherit; }

.blog-index__hero h1 span,
.article-hero__meta,
.blog-index__hero p {
  color: var(--journal-muted); }

.article-hero__meta {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-size: 14px; }

.blog-index__hero p {
  max-width: 620px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.65; }

.template-article .article-content {
  max-width: 820px;
  margin: 0 auto; }

.template-article .article-content .rte,
.template-article .article-content p,
.template-article .article-content li {
  color: #3d4954;
  font-size: 17px;
  line-height: 1.78; }

.template-article .article-content p:first-child {
  color: var(--anker-ink-soft);
  font-size: 19px;
  line-height: 1.7; }

.template-article .article-content h2,
.template-article .article-content h3,
.template-article .article-content h4 {
  margin: 1.8em 0 .65em;
  color: var(--journal-text);
  font-family: inherit;
  line-height: 1.2;
  letter-spacing: -.025em; }

.template-article .article-content h2 {
  font-size: 32px; }

.template-article .article-content h3 {
  font-size: 25px; }

.template-article .article-content h4 {
  font-size: 20px; }

.template-article .article-content a {
  color: var(--anker-blue-deep);
  text-decoration-color: rgba(0, 127, 174, 0.32);
  text-underline-offset: 3px; }

.template-article .article-content img {
  height: auto;
  margin: 28px auto;
  border-radius: 18px; }

.template-article .article-content blockquote {
  margin: 32px 0;
  padding: 22px 24px;
  color: #293641;
  background: var(--journal-surface);
  border: 1px solid var(--journal-border);
  border-left: 4px solid var(--journal-accent);
  border-radius: 0 16px 16px 0; }

.template-article .article-content hr {
  border-color: var(--journal-border); }

.template-article .sliderrfortheart {
  width: calc(100vw - 64px);
  max-width: 1180px;
  margin: 46px 0 46px 50%;
  transform: translateX(-50%); }

.template-article .sliderrfortheart .slick-track {
  display: flex; }

.template-article .sliderrfortheart .slick-slide {
  height: auto;
  padding: 8px; }

.template-article .sliderrfortheart .slick-slide > div,
.template-article .sliderrfortheart .large--one-quarter {
  height: 100%;
  width: 100%;
  padding: 0; }

.template-article .sliderrfortheart .product-container {
  height: 100%;
  color: var(--journal-text);
  background: var(--journal-surface);
  border-color: var(--journal-border);
  box-shadow: var(--anker-shadow-soft); }

.template-article .sliderrfortheart .product-image,
.template-article .sliderrfortheart .product-thumbnail {
  background: #f4f7f8; }

.template-article .sliderrfortheart .product-meta h4.product-name > a:first-child,
.template-article .sliderrfortheart .product-price,
.template-article .sliderrfortheart .sale-price {
  color: var(--journal-text); }

.template-article .sliderrfortheart .product-countdown {
  color: var(--anker-red);
  background: #fff5f6;
  border-color: #ffd1d6; }

.template-article .sliderrfortheart .slick-dots {
  display: flex !important;
  justify-content: center;
  gap: 8px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none; }

.template-article .sliderrfortheart .slick-dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  overflow: hidden;
  color: transparent;
  background: #c4d0d6;
  border: 0;
  border-radius: 999px; }

.template-article .sliderrfortheart .slick-dots .slick-active button {
  width: 28px;
  background: var(--journal-accent); }

.article-tags {
  max-width: 820px;
  margin: 34px auto 0;
  padding: 24px 0 0;
  border-top: 1px solid var(--journal-border); }

.article-tags a {
  color: var(--anker-ink-soft);
  background: var(--journal-surface-raised);
  border: 1px solid var(--journal-border);
  border-radius: 999px; }

/* Compact, fully clickable article navigation. */
.article-pagination {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 760px;
  margin: 48px auto 0; }

.article-pagination__link {
  display: flex;
  min-height: 94px;
  flex-direction: column;
  justify-content: space-between;
  padding: 17px 18px;
  color: var(--journal-text);
  background: var(--journal-surface);
  border: 1px solid var(--journal-border);
  border-radius: 18px;
  transition: border-color .2s ease, transform .2s ease, background .2s ease; }

.article-pagination__link:hover,
.article-pagination__link:focus-visible {
  color: var(--journal-text);
  background: var(--journal-surface-raised);
  border-color: rgba(0, 167, 225, 0.55);
  box-shadow: var(--anker-shadow-soft);
  transform: translateY(-2px); }

.article-pagination__link span {
  color: var(--journal-accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase; }

.article-pagination__link strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; }

.article-pagination__link--next {
  text-align: right; }

.article-pagination__link:only-child {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 380px;
  margin: 0 auto; }

/* Article discussion card. */
.article-comments {
  max-width: 920px;
  margin: 56px auto 0;
  padding: 32px;
  color: var(--journal-text);
  background: var(--anker-white);
  border: 1px solid var(--journal-border);
  border-radius: 22px;
  box-shadow: var(--anker-shadow-soft); }

.article-comments__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--journal-border); }

.article-comments__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--journal-accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase; }

.article-comments__header h2,
.article-comment-form h3 {
  margin: 0;
  color: var(--journal-text);
  font-family: inherit; }

.article-comments__header h2 {
  font-size: 28px;
  line-height: 1.2; }

.article-comments__header p {
  max-width: 380px;
  margin: 0;
  color: var(--journal-muted);
  font-size: 14px;
  line-height: 1.55;
  text-align: right; }

.article-comments #comments > .no-bullets {
  margin: 26px 0 0; }

.article-comments #comments > .no-bullets > li.comment {
  padding: 20px;
  background: var(--anker-surface);
  border: 1px solid var(--journal-border);
  border-radius: 14px; }

.article-comments .comment .rte {
  color: var(--anker-ink-soft);
  font-size: 15px;
  line-height: 1.65; }

.article-comments .comment > span {
  display: flex;
  gap: 9px;
  margin-top: 12px;
  color: var(--journal-muted);
  font-size: 12px; }

.article-comments .form-success {
  margin: 24px 0 0;
  padding: 14px 16px;
  color: #17653a;
  background: #effaf4;
  border: 1px solid #bfe8cf;
  border-radius: 12px; }

.article-comment-form {
  margin-top: 28px; }

.article-comment-form h3 {
  margin-bottom: 20px;
  font-size: 22px; }

.article-comment-form__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 18px; }

.article-comment-form__identity {
  display: grid;
  gap: 16px; }

.article-comment-form__field label {
  display: block;
  margin-bottom: 7px;
  color: var(--anker-ink-soft);
  font-size: 13px;
  font-weight: 700; }

.article-comment-form input[type="text"],
.article-comment-form input[type="email"],
.article-comment-form textarea {
  width: 100%;
  margin: 0;
  padding: 13px 14px;
  color: var(--anker-ink);
  background: var(--anker-surface);
  border: 1px solid var(--anker-border);
  border-radius: 12px;
  font-family: inherit;
  font-size: 14px;
  box-shadow: none; }

.article-comment-form input[type="text"],
.article-comment-form input[type="email"] {
  min-height: 50px; }

.article-comment-form textarea {
  min-height: 136px;
  resize: vertical; }

.article-comment-form input:focus,
.article-comment-form textarea:focus {
  background: var(--anker-white);
  border-color: var(--anker-blue);
  outline: 3px solid rgba(0, 167, 225, 0.14); }

.article-comment-form__note {
  margin: 16px 0 0;
  color: var(--journal-muted);
  font-size: 13px; }

.article-comment-form input[type="submit"] {
  min-width: 172px;
  min-height: 50px;
  margin-top: 20px;
  color: var(--anker-white);
  background: var(--anker-blue);
  border: 0;
  border-radius: 12px;
  font-weight: 750;
  text-transform: none; }

.article-comment-form input[type="submit"]:hover,
.article-comment-form input[type="submit"]:focus-visible {
  background: var(--anker-blue-deep);
  transform: translateY(-1px); }

.template-blog .list-blog {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin: 0; }

.template-blog .list-blog .item {
  width: auto;
  margin: 0;
  padding: 0; }

.template-blog .article-item {
  height: 100%;
  overflow: hidden;
  background: var(--journal-surface);
  border: 1px solid var(--journal-border);
  border-radius: 20px;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }

.template-blog .article-item:hover {
  border-color: rgba(0, 167, 225, 0.5);
  box-shadow: var(--anker-shadow);
  transform: translateY(-4px); }

.template-blog .article-img {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: linear-gradient(135deg, var(--anker-surface), var(--anker-surface-strong)); }

.template-blog .article-img a,
.template-blog .article-img img,
.template-blog .article-img__placeholder {
  display: flex;
  width: 100%;
  height: 100%; }

.template-blog .article-img img {
  object-fit: cover;
  transition: transform .35s ease; }

.template-blog .article-item:hover .article-img img {
  transform: scale(1.035); }

.template-blog .article-img__placeholder {
  align-items: center;
  justify-content: center;
  color: rgba(11, 17, 24, 0.14);
  font-size: 42px;
  font-weight: 900;
  letter-spacing: .08em; }

.template-blog .article-info-wrapper {
  padding: 24px;
  background: transparent; }

.template-blog .article-item__date {
  display: block;
  margin-bottom: 10px;
  color: var(--journal-accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em; }

.template-blog .article-title h3 {
  display: -webkit-box;
  min-height: 3em;
  margin: 0 0 12px;
  overflow: hidden;
  font-family: inherit;
  font-size: 20px;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.template-blog .article-title a {
  color: var(--journal-text); }

.template-blog .article-desc {
  display: -webkit-box;
  overflow: hidden;
  color: var(--journal-muted);
  font-size: 14px;
  line-height: 1.65;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; }

.template-blog .pagination {
  margin-top: 42px;
  color: var(--journal-text); }

@media screen and (max-width: 900px) {
  .template-blog .list-blog {
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .template-article .sliderrfortheart .slick-slide {
    margin: 0 3px; } }

@media screen and (max-width: 600px) {
  .template-article .main-content,
  .template-blog .main-content {
    padding: 0 18px 56px; }
  .template-article .breadcrumb,
  .template-blog .breadcrumb {
    padding-top: 14px; }
  .template-article .breadcrumb .inner,
  .template-blog .breadcrumb .inner {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap; }
  .article-hero,
  .blog-index__hero {
    padding: 48px 0 36px;
    text-align: left; }
  .article-hero h1,
  .blog-index__hero h1 {
    margin-top: 18px;
    font-size: 32px;
    line-height: 1.12; }
  .article-hero__meta {
    justify-content: flex-start; }
  .template-article .article-content .rte,
  .template-article .article-content p,
  .template-article .article-content li {
    font-size: 16px;
    line-height: 1.72; }
  .template-article .article-content p:first-child {
    font-size: 17px; }
  .template-article .article-content h2 {
    font-size: 27px; }
  .template-article .article-content h3 {
    font-size: 22px; }
  .template-article .article-content img {
    margin: 22px auto;
    border-radius: 14px; }
  .template-article .sliderrfortheart {
    width: 100%;
    margin: 34px 0;
    transform: none; }
  .template-article .sliderrfortheart .slick-slide {
    padding: 0; }
  .article-pagination {
    grid-template-columns: 1fr; }
  .article-pagination__link {
    min-height: 88px; }
  .article-pagination__link--next {
    text-align: left; }
  .article-comments {
    margin-top: 38px;
    padding: 22px 18px;
    border-radius: 18px; }
  .article-comments__header {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px; }
  .article-comments__header p {
    text-align: left; }
  .article-comment-form__grid {
    grid-template-columns: 1fr; }
  .article-comment-form input[type="submit"] {
    width: 100%; }
  .template-blog .list-blog {
    grid-template-columns: 1fr; } }

@media (prefers-reduced-motion: reduce) {
  .template-blog .article-item,
  .template-blog .article-img img,
  .article-pagination__link {
    transition: none; } }

/* Keep the two mobile header utilities aligned after all legacy breakpoints. */
@media screen and (max-width: 768px) {
  .site-header__topbar .juno-cart {
    width: 94px; }
  .site-header__topbar .juno-cart > .right {
    display: flex;
    width: 94px;
    height: 44px;
    align-items: center;
    justify-content: flex-end;
    gap: 6px; } }

@media screen and (max-width: 360px) {
  .site-header__topbar .juno-cart {
    right: 4px;
    width: 90px; }
  .site-header__topbar .juno-cart > .right {
    width: 90px;
    gap: 2px; }
  .site-header__logo-link.medium--hide img {
    width: 112px; } }

/* Mobile dark-mode contrast pass: keep media true-color, darken UI surfaces. */
@media screen and (max-width: 768px) {
  .template-index .arrivals-carousel .owl-item .product-container,
  .template-index .featured-carousel .owl-item .product-container {
    width: calc(100% - 6px);
    margin: 0 3px 16px; }
  html[data-mobile-theme="dark"] .template-index .section-product-new,
  html[data-mobile-theme="dark"] .template-index .section-product-featured,
  html[data-mobile-theme="dark"] .template-index .section-youtube,
  html[data-mobile-theme="dark"] .template-index .section-blogs,
  html[data-mobile-theme="dark"] .template-index .custom-top,
  html[data-mobile-theme="dark"] .site-footer__top,
  html[data-mobile-theme="dark"] .site-footer__top .space-padding-tb-40 {
    color: var(--anker-ink);
    background: #070d13 !important; }
  html[data-mobile-theme="dark"] .template-index .section-product-featured .featured {
    background: #070d13 !important;
    background-image: none !important; }
  html[data-mobile-theme="dark"] .template-index .product-promo-tag--text-2 {
    color: #d8e2e7 !important;
    background: #1b2832 !important;
    border-color: #354650 !important; }
  html[data-mobile-theme="dark"] .template-index .product-promo-tag--1.product-promo-tag--text-1 {
    color: #0b1118 !important; }
  html[data-mobile-theme="dark"] .template-index .product-promo-tag--2.product-promo-tag--text-1 {
    color: #f1f6f8 !important; }
  html[data-mobile-theme="dark"] .template-index .label.sold-out {
    color: #f1f6f8 !important;
    background: #2c3a45 !important; }
  html[data-mobile-theme="dark"] .template-index .item-youtube .title,
  html[data-mobile-theme="dark"] .template-index .article-info-wrapper {
    color: var(--anker-ink);
    background: #111b24 !important;
    border-color: var(--anker-border) !important; }
  html[data-mobile-theme="dark"] .template-index .item-youtube .title a,
  html[data-mobile-theme="dark"] .template-index .item-youtube .title span,
  html[data-mobile-theme="dark"] .template-index .article-info-wrapper h3,
  html[data-mobile-theme="dark"] .template-index .article-info-wrapper h3 a,
  html[data-mobile-theme="dark"] .template-index .article-info-wrapper .article-title a {
    color: var(--anker-ink); }
  html[data-mobile-theme="dark"] .template-index .article-info-wrapper .article-desc {
    color: var(--anker-muted); }
  html[data-mobile-theme="dark"] .template-index .article-info-wrapper .article-item__date {
    color: #67d4f4; }
  html[data-mobile-theme="dark"] .template-index .btn-home-more {
    color: #071019;
    background: #00a7e1;
    border-color: #00a7e1; }
  html[data-mobile-theme="dark"] .site-footer__top h3 {
    color: var(--anker-ink); }
  html[data-mobile-theme="dark"] .site-footer__eyebrow {
    color: #83ddf8; }
  html[data-mobile-theme="dark"] .footer-facebook-card {
    border-color: rgba(131, 221, 248, 0.34);
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.42); }
  html[data-mobile-theme="dark"] #CartDrawer.drawer--right,
  html[data-mobile-theme="dark"] #CartDrawer .drawer__inner,
  html[data-mobile-theme="dark"] #CartDrawer .ajaxcart__inner,
  html[data-mobile-theme="dark"] #CartDrawer .ajaxcart__footer {
    color: var(--anker-ink);
    background: #0d151c !important;
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] #CartDrawer .ajaxcart__row {
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] #CartDrawer .ajaxcart__qty,
  html[data-mobile-theme="dark"] #CartDrawer .ajaxcart__qty input,
  html[data-mobile-theme="dark"] #CartDrawer .ajaxcart__qty-adjust {
    color: var(--anker-ink);
    background: #17232d !important;
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] .template-product #detail-two .product,
  html[data-mobile-theme="dark"] .template-product #detail-two .product > div[style*="background"] {
    color: var(--anker-ink);
    background: #111b24 !important; }
  html[data-mobile-theme="dark"] .owl-theme .owl-controls .owl-buttons div {
    color: #67d4f4;
    background: #17232d !important;
    border-color: #354650 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
    outline: 0; }
  html[data-mobile-theme="dark"] .owl-theme .owl-controls .owl-buttons div:hover,
  html[data-mobile-theme="dark"] .owl-theme .owl-controls .owl-buttons div:focus-visible {
    color: #071019;
    background: #00a7e1 !important;
    border-color: #00a7e1 !important; }
  html[data-mobile-theme="dark"] .template-product .select-swatch .swatch-element label:not(.sd),
  html[data-mobile-theme="dark"] .template-product #AddToCartForm .js-qty__num,
  html[data-mobile-theme="dark"] .template-product #AddToCartForm .js-qty__adjust {
    color: var(--anker-ink) !important;
    background: #111b24 !important;
    border-color: var(--anker-border) !important; }
  html[data-mobile-theme="dark"] .template-product .select-swatch .swatch-element label span {
    color: inherit !important; }
  html[data-mobile-theme="dark"] .template-product .select-swatch .swatch-element label.sd {
    color: var(--anker-blue-deep) !important;
    background: #eef9fd !important; }
  html[data-mobile-theme="dark"] .template-product .select-swatch .swatch-element.soldout label {
    color: var(--anker-muted) !important;
    background: #17232d !important; }
  html[data-mobile-theme="dark"] .template-product .product-media-trigger__hint {
    color: #f1f6f8;
    background: rgba(7, 13, 19, 0.86) !important;
    border-color: rgba(103, 212, 244, 0.35); }
  html[data-mobile-theme="dark"] .template-product .deliver-top-no .tit,
  html[data-mobile-theme="dark"] .template-product .deliver-top-no .sku,
  html[data-mobile-theme="dark"] .template-product .deliver-top-no a,
  html[data-mobile-theme="dark"] .template-product .deliver-ch .tit,
  html[data-mobile-theme="dark"] .template-product .deliver-ch a {
    color: var(--anker-ink-soft) !important; }
  html[data-mobile-theme="dark"] .template-product .deliver-top-no .tit-color {
    color: #ff9b4a !important; }
  html[data-mobile-theme="dark"] .template-product .deliver-top {
    color: var(--anker-ink-soft);
    background: #111b24 !important;
    border-color: var(--anker-border); }
  html[data-mobile-theme="dark"] .template-product .deliver-top .tit-color {
    color: #ff9b4a !important; }
  html[data-mobile-theme="dark"] .template-product .deliver-top .descrip {
    color: var(--anker-muted) !important; }
  html[data-mobile-theme="dark"] .template-product .product-single p.clearfix.space-top-20 a {
    color: #67d4f4 !important; }
  html[data-mobile-theme="dark"] .template-product #AddToCart,
  html[data-mobile-theme="dark"] .template-product #AddToCart .sprite-add-to-cart,
  html[data-mobile-theme="dark"] .template-product .btn-buy-now {
    color: #071019 !important; }
  html[data-mobile-theme="dark"] .product-promo-tag--3.product-promo-tag--text-2 {
    color: var(--anker-ink-soft) !important;
    background: #1b2832 !important;
    border-color: #354650 !important; }
  html[data-mobile-theme="dark"] .product-promo-tag--1.product-promo-tag--text-1 {
    color: #0b1118 !important; } }