.product-item{border-radius:var(--radius);grid-template-rows:6fr auto 1fr;grid-template-columns:1fr;align-items:start;width:100%;display:grid;overflow:hidden}.product-item .overlay{opacity:0;transition:opacity var(--transition);display:none}.product-item #soldOut{width:100%;height:100%;color:var(--warn-highlight);text-align:center;z-index:2;background:#ffffffbf;grid-area:1/1/2/2;align-content:center;font-size:2rem;font-weight:700}.product-item img{aspect-ratio:1;grid-area:1/1/2/2;width:100%;height:auto}.product-item{transition:all var(--transition)}.product-item:hover,.product-item:focus-visible{color:#222;box-shadow:0 0 10px 2px var(--faded-highlight);font-weight:700;text-decoration:none}.product-item:hover .overlay,.product-item:focus-visible .overlay{background:var(--background);z-index:2;opacity:.15;grid-area:1/1/2/2;width:100%;height:100%;display:block}.product-item:focus-visible{outline-color:var(--highlight)}@media (min-width:550px){.product-item{text-align:center;grid-template-rows:repeat(4,auto);justify-items:center;min-width:200px;max-width:320px;min-height:200px;max-height:320px}.product-item:has(#soldOut):hover{cursor:default}.product-item img{grid-area:1/1/5/2}.product-item #soldOut{z-index:4;grid-row:1/5;justify-self:center}.product-item #soldOut p{margin:auto}.product-item .product-title{grid-area:2/1/3/2;max-width:200px;font-size:2rem;font-weight:400;display:none}.product-item .product-price{grid-area:3/1/4/2;font-size:1.5rem;display:none}.product-item:hover .product-title,.product-item:hover .product-price,.product-item:focus-visible .product-title,.product-item:focus-visible .product-price{z-index:3;display:block}.product-item:hover .overlay,.product-item:focus-visible .overlay{opacity:.85;grid-area:1/1/5/2}}.product-item p{max-width:150px}
#pagination{grid-template-rows:repeat(2,auto);grid-template-columns:1fr;justify-items:center;gap:1rem;margin-block:6rem 3rem;font-size:1rem;display:grid}#pagination .font-medium{font-weight:600}#pagination nav{grid-row:2/3;grid-template-rows:1fr;grid-template-columns:repeat(9,auto);gap:.5rem;display:grid}@media (min-width:550px){#pagination nav{gap:0}}#pagination nav button{border-radius:var(--radius);color:#222;width:1.5rem;height:1.5rem;transition:all var(--transition);background:0 0;border:none;font-size:1rem}@media (min-width:550px){#pagination nav button{width:2rem;height:2rem}}#pagination nav button{cursor:pointer}#pagination nav button:hover{background:var(--faded-highlight)}#pagination nav button.selected{color:#fff;background:var(--highlight)}#pagination nav button.arrow-nav{grid-template-rows:repeat(2,auto);grid-template-columns:1fr;justify-items:center;width:auto;display:grid}#pagination nav button.arrow-nav svg{grid-row:1/2}#pagination nav button.arrow-nav span{grid-row:2/3}@media (min-width:550px){#pagination nav button.arrow-nav{gap:.5rem 1rem}#pagination nav button.arrow-nav:last-child{margin-left:1rem}#pagination nav button.arrow-nav:first-child{margin-right:1rem}}#pagination nav button.arrow-nav:hover{background:0 0;text-decoration:underline}#pagination nav button.inactive{color:var(--gray);cursor:not-allowed;font-weight:300}#pagination nav button.inactive:hover{text-decoration:none}
.page-module-scss-module__TQRwKq__grid{grid-template-rows:repeat(7,auto);grid-template-columns:repeat(3,1fr);justify-items:center;gap:1rem;width:100%;padding-bottom:2rem;display:grid}.page-module-scss-module__TQRwKq__grid img{border-radius:var(--radius);width:300px;height:auto}@media (min-width:550px){.page-module-scss-module__TQRwKq__grid{grid-template-rows:repeat(6,auto);grid-template-columns:4fr repeat(3,1fr);width:80%;margin-inline:auto;font-size:1.5rem}.page-module-scss-module__TQRwKq__grid img{grid-area:2/1/7/2;width:450px}.page-module-scss-module__TQRwKq__grid a:first-of-type{grid-column:2/3}.page-module-scss-module__TQRwKq__grid>a{font-size:1.5rem}}.page-module-scss-module__TQRwKq__span3mobile{grid-column:1/4}@media (min-width:550px){.page-module-scss-module__TQRwKq__span3mobile{grid-column:none}.page-module-scss-module__TQRwKq__necahual{grid-column:2/5}}.page-module-scss-module__TQRwKq__title{grid-column:2/3;margin-block:3rem}@media (min-width:550px){.page-module-scss-module__TQRwKq__title{grid-column:1/5}}.page-module-scss-module__TQRwKq__webtoons{color:var(--highlight);text-transform:uppercase}.page-module-scss-module__TQRwKq__webtoons:hover{text-decoration:underline}.page-module-scss-module__TQRwKq__alignCenter{align-self:center}.page-module-scss-module__TQRwKq__merchSection{margin-top:2rem}