/* The glass capsule travels beneath one crisp copy of every label. */
.liquid-track.has-liquid-lens::before { content:none; display:none; }
.liquid-lens {
  position:absolute; left:0; top:0; z-index:0; display:block;
  width:var(--lens-width,0px); height:var(--lens-height,0px);
  transform:translate3d(var(--lens-x,0px),var(--lens-y,0px),0) scale(var(--lens-sx,1),var(--lens-sy,1));
  transform-origin:center; border-radius:inherit; box-sizing:border-box;
  border:1px solid #ffffffec; overflow:hidden; pointer-events:none; opacity:0;
  background:linear-gradient(145deg,#ffffffc9,#d9e3f29c 64%,#c7d4eaa3);
  box-shadow:inset 0 1.5px 1px #fff,inset 0 -1px 1.5px #6982aa3b,0 2px 5px #253e681a;
  -webkit-backdrop-filter:blur(7px) saturate(150%); backdrop-filter:blur(7px) saturate(150%);
  transition:opacity .14s,background .18s,box-shadow .18s;
}
.liquid-track[data-liquid-visible=true]>.liquid-lens { opacity:1; }
.liquid-track:not([data-liquid-visible])>.liquid-lens { visibility:hidden; }
.liquid-track.is-liquid-pressed>.liquid-lens {
  z-index:0; will-change:transform;
  background:linear-gradient(120deg,#edf6ffe8,#f5f7fada 48%,#e0eaf9e0);
  box-shadow:inset 0 2px 1px #fff,inset 2px 0 1px #c5f1ffff,inset -2px -1px 2px #a79bd899,0 0 0 .5px #fff,0 8px 16px -5px #35496c40;
  -webkit-backdrop-filter:blur(3px) saturate(190%) brightness(1.06); backdrop-filter:blur(3px) saturate(190%) brightness(1.06);
}
.liquid-lens::after {
  content:''; position:absolute; inset:0; z-index:2; border-radius:inherit; pointer-events:none;
  background:linear-gradient(155deg,#ffffff6e,transparent 25% 73%,#b7e2ff55);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b6c8f078;
}
.liquid-track.is-liquid-pressed>.liquid-target { color:rgb(var(--accent-rgb)); }
.mobile-dock.liquid-track,.nav-links.liquid-track,.visual-modes.liquid-track { border-radius:999px; }
.mobile-dock .liquid-lens,.nav-links .liquid-lens,.visual-modes .liquid-lens { border-radius:999px; }
.category-filters>.liquid-lens,.sim-options>.liquid-lens,.color-options>.liquid-lens { border-radius:18px; }
.photo-thumbs>.liquid-lens,.photo-gallery-thumbs>.liquid-lens,.view-positions>.liquid-lens { border-radius:13px; }
.mobile-dock.liquid-track.is-liquid-dragging>.liquid-target svg { transform:none; }
.is-catalog-gesturing,.is-catalog-gesturing body,.is-catalog-gesturing #product-grid { overflow-anchor:none; }
.color-options.has-liquid-lens [role=option] { z-index:1; }
.liquid-track> :is(button,a,label,[role=option]):focus-visible { outline:2px solid #315eb7; outline-offset:-2px; }
.order-fields-row:has(>#order-delivery),.order-fields-row:has(>.order-field:only-child) { grid-template-columns:1fr; }
/* Clearer depth and saturated reflections, without putting a filter over photos. */
body { background-image:radial-gradient(ellipse 78% 720px at 94% 0,#92c4ff7a,transparent 75%),radial-gradient(ellipse 55% 650px at 0 350px,#f493bd52,transparent 74%),linear-gradient(155deg,#f5f8ff,#edf3fc 45%,#f8f1fc); }
.product-card { box-shadow:inset 0 2px 1px #fff,inset -1px -1px 1px #a8bdd94d,0 0 0 1px #b4c6e029,0 20px 38px -28px #29497873; }
.product-card .product-media { box-shadow:inset 0 0 0 1px #ffffffd9; }
.product-card .product-info { background:linear-gradient(125deg,#ffffff88,#ffffff24 62%,rgb(var(--accent-rgb)/.035)); }
.color-options { overscroll-behavior:contain; }
.cart-dialog .cart-body { flex:1; }
/* A real footer in the modal top layer stays tappable, including above a keyboard. */
.cart-dialog>.mobile-dock {
  position:relative; inset:auto; transform:none; flex-shrink:0;
  align-self:center; width:min(470px,calc(100% - 24px));
  margin:0 0 calc(8px + env(safe-area-inset-bottom));
}
@media(max-width:700px) {
  .js-ready .mobile-dock.js-only { border-radius:999px; background:linear-gradient(140deg,#ffffffb8,#e7effaa3 55%,#ecddfa9c); }
  .mobile-dock>a,.mobile-dock>button { border-radius:999px; }
  .mobile-dock.liquid-track .is-active { color:#a31544; }
  .mobile-dock .liquid-lens { background:linear-gradient(130deg,#ffffffc9,#c2d1e68c); }
  .mobile-dock.is-liquid-pressed>.liquid-lens { background:linear-gradient(120deg,#f7faffe6,#eaf1fbe0 57%,#e5e8f6dc); }
}
@media(prefers-reduced-motion:reduce) {
  .liquid-lens { transition:none; }
  .liquid-track.is-liquid-pressed>.liquid-lens { z-index:0; }
}
@media(prefers-reduced-transparency:reduce) {
  .liquid-lens,.liquid-track.is-liquid-pressed>.liquid-lens { background:#e6edf8; -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .liquid-track.is-liquid-pressed>.liquid-lens { background:#edf3fb; }
}
@media(forced-colors:active) {
  .liquid-lens,.liquid-track.is-liquid-pressed>.liquid-lens { background:Canvas; border:2px solid Highlight; box-shadow:none; }
  .liquid-track.is-liquid-pressed>.liquid-lens { z-index:0; }
}