/* Whole category tiles on mobile; arrows and swipes loop through the pages. */
.dock-window{pointer-events:auto}
.dock-control,.dock-position{display:none}
@media(max-width:780px){
  .product-dock-wrap{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;column-gap:6px;row-gap:2px;align-items:center;justify-content:normal;width:100%;max-width:100%;height:auto;margin-top:-16px;padding:0 12px 15px;overflow:visible;pointer-events:auto}
  .dock-window{width:100%;min-width:0;overflow:hidden;border-radius:17px;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
  .product-dock{display:grid;grid-template-columns:repeat(var(--dock-count,3),minmax(0,1fr));gap:4px;width:100%;min-width:0;max-width:100%;margin:0;padding:4px;border:0;box-shadow:none}
  .product-dock .dock-item{width:100%;min-width:0;height:98px;max-width:100%;padding:8px 2px;gap:7px;transform:none!important;transition:background .15s,box-shadow .15s}
  .product-dock .dock-item .dock-label{font-size:11px;line-height:1.25;overflow-wrap:normal;word-break:normal}
  .product-dock .dock-item:focus-visible{outline:3px solid var(--app-link,#205ec0);outline-offset:0}
  .dock-control{display:grid;place-items:center;pointer-events:auto;width:44px;height:44px;padding:0;border:1px solid var(--app-line,#dce3e9);border-radius:50%;background:var(--app-panel,#fff);color:var(--app-ink,#17243d);cursor:pointer;box-shadow:0 3px 10px #17243d08}
  .dock-control span{font:400 29px/1 system-ui;transform:translateY(-1px)}
  .dock-control:active{background:var(--app-soft,#f0f3f5)}
  .dock-position{grid-column:1/-1;display:flex;justify-content:center;font-size:11px;line-height:1.5;color:var(--app-muted,#5f6c80);pointer-events:auto}
  .dock-window[data-direction=next] .product-dock{animation:dock-page-next .17s ease-out}
  .dock-window[data-direction=prev] .product-dock{animation:dock-page-prev .17s ease-out}
  @keyframes dock-page-next{from{opacity:.55;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
  @keyframes dock-page-prev{from{opacity:.55;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
}
@media(prefers-reduced-motion:reduce){.dock-window .product-dock{animation:none!important}}