/* Home circle categories: laptop carousel. Mobile / tablet layout is untouched. */
.orbit-carousel{position:relative;max-width:1280px;margin:auto}
.orbit-arrow{display:none}

/* Section: no background colour. Circles: plain white circle with a thin light border (no blue shade), image sits inside */
.product-orbit{background:none;border-bottom:0}
.product-orbit .product-orbit-item>span{background:#fff;border:1px solid #d7e3ef;box-shadow:0 10px 24px -18px rgba(6,42,77,.45);border-radius:50%;overflow:hidden;display:grid;place-items:center;aspect-ratio:1}
.product-orbit .product-orbit-item:hover>span{background:#fff;border-color:#8bc8f4;box-shadow:0 16px 30px -18px rgba(6,42,77,.55)}
.product-orbit .product-orbit-item>span img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply;filter:none}

@media (min-width:1101px){
  /* Laptop: no band colour, no circle colour, plain chevron arrows */
  .product-orbit{padding:40px 24px 30px}
  .product-orbit-head{margin-bottom:18px}
  .orbit-carousel{max-width:1320px}
  .orbit-carousel .product-orbit-grid{
    display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
    scrollbar-width:none;-ms-overflow-style:none;padding:6px 2px 4px;grid-template-columns:none;align-items:flex-start;
  }
  .orbit-carousel .product-orbit-grid::-webkit-scrollbar{display:none}
  .orbit-carousel .product-orbit-item{flex:0 0 calc((100% - 6*22px)/7);scroll-snap-align:start;min-width:0;gap:10px;font-size:14px;font-weight:800;color:#1c2b3a}
  .orbit-carousel .product-orbit-item>span{
    width:min(100%,150px);
  }
  .orbit-carousel.has-overflow{padding:0 36px}
  .orbit-carousel.has-overflow .orbit-arrow{
    display:grid;place-items:center;position:absolute;top:calc(50% - 30px);width:32px;height:44px;border:0;border-radius:0;
    background:transparent;color:#1c2b3a;font-size:40px;line-height:1;cursor:pointer;box-shadow:none;z-index:2;transition:color .2s,transform .2s
  }
  .orbit-carousel.has-overflow .orbit-arrow:hover{background:transparent;color:#0877df;border:0}
  .orbit-prev{left:0}.orbit-next{right:0}
  .orbit-prev:hover{transform:translateX(-2px)}.orbit-next:hover{transform:translateX(2px)}
}

/* keep the old "centre the last circle" rule only when the last one is alone on its row (odd count) */
@media (max-width:700px){
  .product-orbit-item:last-child{grid-column:auto;justify-self:auto;width:auto}
  .product-orbit-item:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 8px)}
}