/* Release 191: simpler mobile carousel controls and a shorter first journey. */
@media(max-width:700px){
  .has-new-product .banner-controls{
    display:grid;
    grid-template-columns:minmax(0,1fr) 44px;
    align-items:center;
    min-height:52px;
    padding:4px 16px;
    gap:10px;
  }
  .has-new-product .banner-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:0;
  }
  .has-new-product .banner-dot{
    width:10px;
    min-width:10px;
    height:44px;
    min-height:44px;
    padding:0;
    font-size:0;
    color:transparent;
  }
  .has-new-product .banner-dot::after{
    left:0;
    right:auto;
    bottom:17px;
    width:10px;
    height:10px;
    border-radius:999px;
    background:#c5d0dc;
    transition:width .2s ease,background-color .2s ease;
  }
  .has-new-product .banner-dot[aria-pressed=true]{width:28px;min-width:28px}
  .has-new-product .banner-dot[aria-pressed=true]::after{width:28px;background:#1555ce}
  .has-new-product .banner-transport{display:block;width:44px}
  .has-new-product .banner-counter,
  .has-new-product [data-banner-prev],
  .has-new-product [data-banner-next],
  .has-new-product .banner-toggle [data-toggle-text]{display:none}
  .has-new-product .banner-toggle{display:inline-flex;width:44px;min-width:44px;border:0;background:transparent}
  .banner-trade-actions>a:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  .has-new-product .banner-dot::after{transition:none}
}