.casepoppy-home-categories { padding:2.8rem 0 0; color:#171717; }
.casepoppy-home-categories__inner { width:min(144rem,calc(100% - 8rem)); margin-inline:auto; }
.casepoppy-home-categories__slider { position:relative; display:block; }
.casepoppy-home-categories__list { position:relative; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:1.6rem; margin:0; padding:.6rem 0 1rem; list-style:none; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.casepoppy-home-categories__list::-webkit-scrollbar { display:none; }
.casepoppy-home-categories__item { min-width:0; scroll-snap-align:start; }
.casepoppy-home-categories__tile { display:flex; align-items:center; flex-direction:column; min-height:14.6rem; padding:0 .2rem; color:inherit; text-align:center; text-decoration:none; }
.casepoppy-home-categories__art { display:flex; align-items:center; justify-content:center; width:100%; height:10.8rem; margin-bottom:.9rem; }
.casepoppy-home-categories__image { display:block; flex:none; width:10.8rem; height:10.8rem; max-width:100%; object-fit:contain; transition:transform .2s ease; }
.casepoppy-home-categories__label { font-size:1.15rem; font-weight:700; line-height:1.4; letter-spacing:.015em; }
.casepoppy-home-categories__status { margin-top:.4rem; color:#6a625f; font-size:.95rem; line-height:1.4; letter-spacing:.02em; }
.casepoppy-home-categories__tile:focus-visible { outline:2px solid #ff008a; outline-offset:3px; border-radius:2px; }
.casepoppy-home-categories__controls { display:none; }
.casepoppy-home-categories__arrow { position:absolute; top:4rem; display:grid; place-items:center; width:3.6rem; height:3.6rem; padding:0; border:1px solid #e7e3df; border-radius:50%; background:#fff; color:#171717; cursor:pointer; box-shadow:0 2px 8px #1717170d; z-index:1; }
.casepoppy-home-categories__arrow--previous { left:-1.8rem; }
.casepoppy-home-categories__arrow--next { right:-1.8rem; }
.casepoppy-home-categories__arrow svg { width:1.8rem; height:1.8rem; }
.casepoppy-home-categories__arrow:disabled { visibility:hidden; pointer-events:none; }
.casepoppy-home-categories__arrow:focus-visible { outline:2px solid #ff008a; outline-offset:3px; }
@media (hover:hover) and (pointer:fine) {
  a.casepoppy-home-categories__tile:hover .casepoppy-home-categories__image { transform:translateY(-3px); }
  a.casepoppy-home-categories__tile:hover .casepoppy-home-categories__label { text-decoration:underline; text-underline-offset:.4rem; }
  .casepoppy-home-categories__arrow:hover { background:#f7f4ee; }
}
@media (max-width:1099px) {
  .casepoppy-home-categories__list { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:13rem; }
  .casepoppy-home-categories__controls { display:block; }
}
@media (max-width:749px) {
  .casepoppy-home-categories { padding-top:2rem; }
  .casepoppy-home-categories__inner { width:calc(100% - 3.2rem); }
  .casepoppy-home-categories__list { grid-auto-columns:12rem; gap:1.2rem; }
  .casepoppy-home-categories__tile { min-height:13.5rem; }
  .casepoppy-home-categories__art { height:9.6rem; margin-bottom:.8rem; }
  .casepoppy-home-categories__image { width:9.6rem; height:9.6rem; }
  .casepoppy-home-categories__label { font-size:1.05rem; }
  .casepoppy-home-categories__arrow { top:3.4rem; width:3.2rem; height:3.2rem; }
  .casepoppy-home-categories__arrow--previous { left:-1.2rem; }
  .casepoppy-home-categories__arrow--next { right:-1.2rem; }
}
@media (prefers-reduced-motion:reduce) {
  .casepoppy-home-categories__list { scroll-behavior:auto; }
  .casepoppy-home-categories__image { transition:none; }
}