.collection-filter__heading{margin:0 0 2rem}@media screen and (min-width:750px){:root[data-ab-variant=b] .collection-filter__belt{display:none}}.collection-filter__belt{position:relative}.collection-filter__belt:before,.collection-filter__belt:after{content:"";position:absolute;top:1.4rem;bottom:6rem;width:48px;z-index:2;pointer-events:none;opacity:1;transition:opacity .2s ease}@media screen and (min-width:750px){.collection-filter__belt:before,.collection-filter__belt:after{top:2.2rem;bottom:6.6rem}}.collection-filter__belt.is-stuck:before,.collection-filter__belt.is-stuck:after{top:0;bottom:0}.collection-filter__belt:before{left:-1.5rem;width:calc(48px + 1.5rem);background:linear-gradient(to right,rgb(var(--color-background)),rgba(var(--color-background),0))}.collection-filter__belt:after{right:-1.5rem;width:calc(48px + 1.5rem);background:linear-gradient(to left,rgb(var(--color-background)),rgba(var(--color-background),0))}@media screen and (min-width:750px){.collection-filter__belt:before{left:-3rem;width:calc(48px + 3rem)}.collection-filter__belt:after{right:-3rem;width:calc(48px + 3rem)}}.collection-filter__belt.at-start:before{opacity:0}.collection-filter__belt.at-end:after{opacity:0}.collection-filter__cards{display:flex;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2.4rem 1.5rem 7rem;margin:-.9rem -1.5rem -5.5rem}@media screen and (min-width:750px){.collection-filter__cards{margin-top:0;margin-bottom:.4rem}}@media screen and (min-width:750px){.collection-filter__cards{gap:1.2rem;padding-left:3rem;padding-right:3rem;margin-left:-3rem;margin-right:-3rem}}.collection-filter__cards::-webkit-scrollbar{display:none}.cat-card{flex:0 0 auto;isolation:isolate;width:17rem;aspect-ratio:2 / 1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;padding:1.2rem 1.4rem;cursor:pointer;-webkit-appearance:none;appearance:none;border:none;border-radius:var(--kodama-card-radius);background-color:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));box-shadow:0 6px 18px #0000001f;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease,background-color .18s ease}.cat-card__icon{font-size:3rem;line-height:1}.cat-card__label{font-size:1.25rem;line-height:1.25;text-align:center;font-weight:500}.cat-card:focus-visible{transform:translateY(-8px);background-color:rgb(var(--color-background));box-shadow:0 12px 26px #0000002e;outline:none}@media(hover:hover){.cat-card:hover{transform:translateY(-8px);background-color:rgb(var(--color-background));box-shadow:0 12px 26px #0000002e;outline:none}}.cat-card.is-active{background-color:var(--kodama-accent);color:#fff;box-shadow:0 12px 24px color-mix(in srgb,var(--kodama-accent, #66b36c) 35%,transparent)}@media(hover:hover){.cat-card.is-active:hover{transform:translateY(-8px)}}.cat-card--image{padding:0;overflow:hidden;flex-direction:column;justify-content:flex-end;align-items:stretch;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.cat-card--logo{padding:.5rem .8rem 3.4rem;background-color:#fff;background-size:contain;background-origin:content-box}.cat-card--logo[data-cat=bushiroad],.cat-card--logo[data-cat=yugioh],.cat-card--logo[data-cat=bebidas],.cat-card--logo[data-cat=magic],.cat-card--logo[data-cat=lorcana]{padding:.3rem .4rem 3rem}.cat-card--image:focus-visible,.cat-card--image.is-active{background-color:transparent;transform:translateY(-8px)}a.cat-card{text-decoration:none}a.cat-card[aria-current=page]{outline:3px solid var(--kodama-primary, #3a9142);outline-offset:2px}.collection-hero__text-wrapper{min-width:0;max-width:100%}.collection-hero .collection-filter__belt{max-width:100%}.collection-hero .collection-filter__cards{padding-top:1.2rem;padding-bottom:1.2rem;margin-top:0;margin-bottom:0}@media screen and (max-width:749px){.collection-hero .collection-filter__cards{padding-top:1.5rem;padding-bottom:1.5rem}collection-component [class*=__product-grid-padding],[class*=__product-grid-padding]{padding-top:0}.facets-wrapper .facets-container{padding-top:0}}.collection-hero .cat-card,.collection-filter__belt.is-stuck .cat-card{box-shadow:0 2px 10px #00000024}.collection-hero .cat-card:hover,.collection-filter__belt.is-stuck .cat-card:hover,.collection-hero .cat-card.is-active:hover,.collection-filter__belt.is-stuck .cat-card.is-active:hover{transform:translateY(-2px)}.collection-filter__belt.is-stuck{position:fixed;top:0;left:0;right:0;z-index:30;max-width:none;background:rgb(var(--color-background));box-shadow:0 8px 22px #0000001a;padding:.6rem 0}.collection-filter__belt.is-stuck .collection-filter__cards{max-width:var(--page-width, 120rem);padding:1.2rem 1.5rem;margin:0 auto}@media screen and (max-width:749px){.collection-filter__belt.is-stuck{padding:0}.collection-filter__belt.is-stuck .collection-filter__cards{padding:1.5rem}}@media screen and (min-width:750px){.collection-filter__belt.is-stuck .collection-filter__cards{padding-left:5rem;padding-right:5rem}}.collection-filter__belt.is-stuck:before{left:max(0px,calc(50% - var(--page-width, 120rem) / 2))}.collection-filter__belt.is-stuck:after{right:max(0px,calc(50% - var(--page-width, 120rem) / 2))}@media(hover:hover){.cat-card--image:hover,.cat-card--image.is-active:hover{background-color:transparent;transform:translateY(-8px)}}.cat-card--image.is-active{box-shadow:0 12px 24px color-mix(in srgb,var(--kodama-accent, #66b36c) 45%,transparent)}.cat-card--image.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 3px var(--kodama-accent);z-index:2;pointer-events:none}.cat-card--logo:hover,.cat-card--logo:focus-visible,.cat-card--logo.is-active,.cat-card--logo.is-active:hover{background-color:#fff}.cat-card--iconalt{display:none}:root[data-kodama-cats=icons] .cat-card--image{display:none}:root[data-kodama-cats=icons] .cat-card--iconalt{display:flex}.cat-card__ribbon{position:absolute;left:0;right:0;bottom:0;z-index:1;height:3rem;display:flex;align-items:center;justify-content:center;padding:0 .5rem;background:color-mix(in srgb,var(--kodama-primary, #3a9142) 55%,rgba(20,18,16,.55));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:.08em;line-height:1.1;text-align:center;white-space:nowrap}:root[data-kodama-ribbon=neutral] .cat-card__ribbon{background:#00000080}.cat-card--icon-hero{background-color:#fff;padding:0 0 3.4rem;align-items:center;justify-content:center}.cat-card--icon-hero .cat-card__hero-icon{font-size:3.4rem;line-height:1}.collection-filter__viewall{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.6rem;padding:.7rem 1.6rem;border-radius:var(--kodama-radius-pill, 999px);border:1.5px solid var(--kodama-primary, #3a9142);color:var(--kodama-primary, #3a9142);text-decoration:none;font-size:1.3rem;font-weight:600;transition:background .15s ease,color .15s ease}.collection-filter__viewall:hover{background:var(--kodama-primary, #3a9142);color:var(--kodama-on-primary, #fff)}.collection-filter__viewall[hidden]{display:none}.collection-filter__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media screen and (min-width:750px){.collection-filter__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kodama-gap-lg)}}@media screen and (min-width:990px){.collection-filter__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:749px){.collection-filter__grid{margin-inline:-.75rem}}.collection-filter__item.is-hidden{display:none}:root[data-kodama-grid=masonry] .collection-filter__grid{grid-auto-rows:4px;row-gap:0}:root[data-kodama-grid=masonry] .kcard__media{aspect-ratio:var(--card-ar, 1)}:root[data-kodama-imgratio=natural] .kcard__media{aspect-ratio:var(--card-ar, 1)}:root[data-kodama-imgratio=natural] .kcard{height:auto}:root[data-kodama-grid=masonry] .kcard{height:auto}.kcard{display:flex;flex-direction:column;text-decoration:none;color:rgb(var(--color-foreground));height:100%;position:relative;background:#fff;border-radius:var(--kodama-card-radius);overflow:hidden;box-shadow:var(--kodama-card-shadow);isolation:isolate}.kcard__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:rgba(var(--color-foreground),.06);background-image:linear-gradient(100deg,rgba(var(--color-foreground),0) 30%,rgba(var(--color-foreground),.09),rgba(var(--color-foreground),0) 70%);background-size:200% 100%;animation:kodama-skeleton 1.4s ease-in-out infinite}.kcard__media.is-loaded{animation:none;background-image:none;background-color:#fff}.kcard__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;object-fit:contain;transition:transform .4s ease}.kcard__img.is-active{opacity:1}.kcard:hover .kcard__img.is-active{transform:scale(1.04)}.kcard__dots{position:absolute;z-index:2;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;padding:.5rem .8rem;border-radius:999px;background:#1412106b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.kcard__dot{width:.8rem;height:.8rem;border-radius:50%;background:#ffffff80}.kcard__dot.is-active{background:var(--kodama-accent, #66b36c);width:2.4rem;border-radius:999px}.kcard__img--placeholder{display:flex;align-items:center;justify-content:center}.kcard__discount{position:absolute;z-index:3;background:var(--kodama-accent, #66b36c);color:#fff;font-weight:800;line-height:1;letter-spacing:.01em;box-shadow:3px 3px 10px #0003;top:0;left:0;padding:.7rem 1.5rem .8rem 1.3rem;border-radius:0 0 1.6rem;font-size:1.6rem}:root[data-kodama-discount=pill] .kcard__discount{top:1.1rem;left:1.1rem;padding:.5rem 1.1rem;border-radius:999px;font-size:1.4rem;box-shadow:0 4px 14px #00000038}:root[data-kodama-discount=ribbon] .kcard__discount{top:1.7rem;left:-3.4rem;width:13rem;padding:.5rem 0;text-align:center;border-radius:0;font-size:1.4rem;transform:rotate(-45deg);box-shadow:0 2px 8px #00000040}:root[data-kodama-discount=ribbon] .kcard__discount--new{font-size:1.2rem;letter-spacing:.06em}:root[data-kodama-newbadge=pill] .kcard__discount--new{display:none}:root:not([data-kodama-newbadge=pill]) .kcard__new{display:none}.kcard__soldout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;padding:.9rem 1.8rem;border-radius:999px;background:#c02c26eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:1.56rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1;white-space:nowrap;box-shadow:0 4px 14px #00000040}.kcard__info{padding:.6rem .7rem .7rem;border-top:1px solid rgba(var(--color-foreground),.08);display:flex;flex-direction:column;gap:.7rem;flex:1}.kcard__title{font-size:1.2rem;line-height:1.35;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:750px){.kcard__title{font-size:1.4rem}}.kcard__pricerow{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem .9rem;margin-top:auto}.kcard__price{font-size:1.4rem;font-weight:800;letter-spacing:-.01em;color:rgb(var(--color-foreground));line-height:1.1}@media screen and (min-width:750px){.kcard__price{font-size:2rem}}.kcard__price-sym{font-size:.72em;font-weight:800;margin-right:.14em}.kcard__price-cents{font-size:.55em;font-weight:800;vertical-align:top;line-height:1.5;margin-left:.1em}.kcard__pricerow.is-sale .kcard__price{color:var(--kodama-accent, #66b36c)}.kcard__price-was{font-size:1.3rem;font-weight:400;color:rgba(var(--color-foreground),.5);text-decoration:line-through;align-self:center}.kcard__new{font-size:1rem;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--kodama-accent, #66b36c);padding:.25rem .8rem;border-radius:999px;line-height:1.2;align-self:center}.product-grid:has(.kcard):not(.slider){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.product-grid:has(.kcard):not(.slider){grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kodama-gap-lg, 2.4rem)}}@media screen and (min-width:990px){.product-grid:has(.kcard):not(.slider){grid-template-columns:repeat(4,minmax(0,1fr))}}.product-grid:has(.kcard):not(.slider)>.grid__item{width:100%;max-width:100%;margin:0;padding:0}@media screen and (max-width:749px){.product-grid:has(.kcard):not(.slider){margin-inline:-.75rem}}@keyframes kodama-skeleton{0%{background-position:180% 0}to{background-position:-80% 0}}@media(prefers-reduced-motion:reduce){.kcard__media{animation:none}.kcard:hover .kcard__img{transform:none}}.collection-filter__empty{text-align:center;padding:4rem 0;color:rgba(var(--color-foreground),.6);font-size:1.6rem}:root[data-kodama-view=sections] .cat-card[data-cat=all]:not(.cat-card--all-end){display:none}button.cat-card--all-end{display:none}:root[data-kodama-view=sections] button.cat-card--all-end{display:flex}:root[data-kodama-cats=icons][data-kodama-view=sections] button.cat-card--all-end,:root[data-kodama-cats=icons] a.cat-card--all-end{display:flex}.collection-filter__cards [aria-current=page]{order:-1}.collection-sections__section{margin-top:4.4rem}.collection-sections__section:first-child{margin-top:3.6rem}@media screen and (min-width:750px){.collection-sections__section:first-child{margin-top:.4rem}}.collection-sections__heading{margin:0 0 .8rem;font-size:2rem;font-weight:700;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.collection-sections__section{margin-top:4rem}.collection-sections__heading{margin-bottom:1.6rem}}.collection-sections__link{display:inline-flex;align-items:center;gap:1rem;color:inherit;text-decoration:none;transition:color .15s ease}.collection-sections__chevron{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--kodama-primary, #3a9142) 45%,transparent);color:var(--kodama-primary, #3a9142);font-size:1.9rem;line-height:1;padding-bottom:.2rem;transition:background .15s ease,color .15s ease,transform .15s ease}.collection-sections__link:hover{color:var(--kodama-primary, #3a9142)}.collection-sections__link:hover .collection-sections__chevron{background:var(--kodama-primary, #3a9142);color:var(--kodama-on-primary, #fff);transform:translate(2px)}.collection-sections__grid>:nth-child(n+5){display:none}@media screen and (min-width:750px)and (max-width:989px){.collection-sections__grid>:nth-child(n+4){display:none}}:root[data-kodama-heading=underline] .collection-sections__link{position:relative;padding-bottom:.9rem}:root[data-kodama-heading=underline] .collection-sections__link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.4rem;border-radius:999px;background:var(--kodama-primary, #3a9142)}:root[data-kodama-heading=underline] .collection-sections__chevron{width:auto;height:auto;border:none;padding:0;background:none!important;color:var(--kodama-primary, #3a9142)!important}:root[data-kodama-heading=pill] .collection-sections__link{background:var(--kodama-accent, #66b36c);color:var(--kodama-on-primary, #fff);padding:.8rem 1.2rem .8rem 1.8rem;border-radius:.9rem;font-size:1.7rem}@media screen and (max-width:749px){.collection-sections__heading{margin-left:-.75rem}:root[data-kodama-heading=pill] .collection-sections__link{padding:.55rem .85rem .55rem 1.25rem;font-size:1.2rem;gap:.7rem}:root[data-kodama-heading=pill] .collection-sections__chevron{width:1.7rem;height:1.7rem;font-size:1.3rem;border-width:1px}}:root[data-kodama-heading=pill] .collection-sections__link:hover{background:color-mix(in srgb,var(--kodama-accent, #66b36c) 82%,#000);color:var(--kodama-on-primary, #fff)}:root[data-kodama-heading=pill] .collection-sections__chevron{width:2.4rem;height:2.4rem;border-color:#ffffff80;color:var(--kodama-on-primary, #fff)}:root[data-kodama-heading=pill] .collection-sections__link:hover .collection-sections__chevron{background:#ffffff2e;color:var(--kodama-on-primary, #fff)}:root[data-kodama-heading=banner] .collection-sections__link{display:flex;width:100%;justify-content:space-between;background:color-mix(in srgb,var(--kodama-primary, #3a9142) 10%,transparent);padding:1rem 1.4rem 1rem 1.6rem;border-radius:1.2rem}:root[data-kodama-heading=banner] .collection-sections__heading:not(:has(.collection-sections__link)){background:color-mix(in srgb,var(--kodama-primary, #3a9142) 10%,transparent);padding:1rem 1.6rem;border-radius:1.2rem}:root[data-kodama-heading=line] .collection-sections__heading{display:flex;align-items:center;gap:1.4rem}:root[data-kodama-heading=line] .collection-sections__heading:after{content:"";flex:1;height:1.5px;border-radius:1px;background:rgba(var(--color-foreground),.14)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-collection-filter.css.map */