.product-wrapper{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1.25rem;inline-size:100%;padding-inline:1.5rem}@media (width >= 40rem){.product-wrapper{grid-template-columns:repeat(3,1fr);inline-size:100%;padding-inline:3rem}}.item-card{position:relative;inline-size:100%;block-size:10.125rem;height:auto;margin-bottom:2rem}.product-info-box{display:flex;flex-flow:column nowrap;justify-content:space-between;margin-top:.4375rem}@media (width >= 40rem){.product-info-box{flex-direction:row;margin-top:.4375rem}}.product-info-box .price-box{display:flex;justify-content:flex-start}@media (width >= 40rem){.product-info-box .price-box{flex-direction:row-reverse}}.product-info-box .origin-price{color:var(--dark-gray);left:5rem}@media (width >= 40rem){.product-info{flex-direction:column;justify-content:space-between}}.product-name{font-size:1rem;font-weight:500}.product-category{font-size:1rem;color:var(--dark-gray)}.button,.midum,.small{margin:0;position:relative;font-weight:400!important;margin-block-start:.75rem;margin-block-end:1.5rem;cursor:pointer;text-decoration:none;text-align:center}.button:hover,.midum:hover,.small:hover{cursor:pointer;border:.0938rem solid var(--light-gray);background-color:#f5f5f5}.button.fill,.midum.fill,.small.fill{border:none;background-color:var(--black);color:var(--white)}.button.fill:hover,.midum.fill:hover,.small.fill:hover{opacity:.8}.title-box{background:#fff;position:sticky;z-index:1;top:0;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;inline-size:100%;gap:1rem;padding-inline:1.5rem;padding-block:1.3125rem;flex-shrink:0}@media (width >= 40rem){.title-box{padding:4.1875rem 3rem .75rem}}.wishList-text{display:block;font-size:1.5rem;line-height:1.5;font-weight:500}.button-container{position:relative}.toggle-button{display:flex;align-items:center;justify-content:center;width:60px;height:36px;margin:0;cursor:pointer;border:1px solid var(--light-gray);background-color:#fff;color:#000;border-radius:30px;font-size:.875rem;font-weight:400;text-decoration:none;transition:all .2s ease}.toggle-button:after{content:"수정"}.toggle-button:hover{background-color:#f5f5f5}#edit-mode-checkbox:checked~.title-box .toggle-button{border:none;background-color:var(--black);color:var(--white)}#edit-mode-checkbox:checked~.title-box .toggle-button:after{content:"완료"}#edit-mode-checkbox:checked~.title-box .toggle-button:hover{opacity:.8;background-color:var(--black)}#edit-mode-checkbox{position:absolute;opacity:0;pointer-events:none}#edit-mode-checkbox:checked~.product-wrapper .heart-button{display:none}#edit-mode-checkbox:checked~.product-wrapper .exit-button{display:flex;align-items:center;justify-content:center}.exit-button{position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem;margin:0;cursor:pointer;display:none;background:#000c;border:none;border-radius:50%;width:2rem;height:2rem}.exit-button:hover{opacity:.8}@media (width >= 40rem){.exit-button{inset-block-start:1.25rem;inset-inline-end:1.45rem}}.heart-button{background:#fff;border-radius:50%;position:absolute;inset-block-start:.55rem;inset-inline-end:.65rem;margin:0;block-size:2.5rem;inline-size:2.5rem;padding:.375rem;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 0 .5px var(--light-gray)}.heart-button:hover{background-color:#f5f5f5}@media (width >= 40rem){.heart-button{inset-block-start:1.15rem;inset-inline-end:1.35rem}}.iconexit{inline-size:2rem;block-size:2rem;border-radius:50%}.heart-icon{background:#fff;border-radius:50%;inline-size:1.5rem;block-size:1.5rem}
