.product{width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;cursor:pointer;margin:1rem 0;position:relative;text-align:center;transition:transform .3s ease}.product:hover{transform:translateY(-5px)}.product__header{display:flex;justify-content:center;gap:.5rem;align-items:center;width:100%;font-size:.8rem}.product__rarity-icon{width:.8rem;height:.8rem}.product__rarity-percentage{font-size:.75rem;color:#555;font-weight:500}.product__info-icon{width:.9rem;height:.9rem}.product__rarity-percentage-flex{display:flex;align-items:center;gap:4px}.product__rarity-percentage-flex span{line-height:normal}.product__image-wrapper{display:flex;justify-content:center;align-items:center;width:100%;padding:1.25rem;min-height:12rem}.product__image{width:auto;height:8rem;object-fit:scale-down}.product__name{text-align:center;font-size:.875rem;font-weight:700;color:#333;margin-top:.5rem;width:100%;font-family:Playfair Display,serif}.product-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:flex-end;z-index:2000;backdrop-filter:blur(5px)}.product-modal__content{background:#fff;width:100%;position:relative;box-shadow:0 -8px 32px rgba(0,0,0,.2);animation:modalSlideUp .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.product-modal__close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.05);border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.25rem;line-height:1;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.product-modal__close:hover{color:#dc3545;background:rgba(220,53,69,.1);transform:rotate(90deg)}.product-modal__image-section{padding:1.25rem 1rem;background:linear-gradient(180deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column-reverse;align-items:center}.product-modal__image-wrapper{width:100%;max-width:12rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center;background:#fff;padding:1rem}.product-modal__image{width:100%;height:100%;object-fit:contain}.product-modal__rarity{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.product-modal__rarity-icon{width:1.25rem;height:1.25rem}.product-modal__rarity-percentage{font-size:.875rem;color:#4b5563;font-weight:600}.product-modal__info-section{padding:1.25rem 1rem;flex-direction:column;flex-grow:1;display:flex;gap:1rem;height:100%;margin:auto}.product-modal__info-header{display:flex;width:100%;gap:1.5rem;justify-content:space-between;align-items:center}.product-modal__title{font-size:1rem;font-weight:700;color:#111827}.product-modal__price{font-size:1rem;color:#6b7280;font-weight:600;text-decoration:line-through;opacity:.7}.product-modal__sizes{flex-grow:1}.product-modal__sizes-title{font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:.75rem}.product-modal__sizes-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.product-modal__size-item{padding:.5rem 1rem;background:#fff;border-radius:.5rem;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid #e5e7eb}.product-modal__size-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(5,150,105,.1)}.product-modal__size-item--available,.product-modal__size-item:hover{border-color:#059669;color:#059669}.product-modal__size-item--unavailable{opacity:.5;cursor:not-allowed;background:#f3f4f6}.product-modal__size-item--unavailable:hover{border-color:#e5e7eb;color:#4b5563;transform:none;box-shadow:none}.product-modal__size-quantity{position:absolute;top:-8px;right:-8px;background:#059669;color:#fff;font-size:.75rem;font-weight:600;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.product-modal__sizes-row{display:flex;flex-direction:row;gap:1.5rem;align-items:center;justify-content:center}.product-modal__sizes-list-col{flex:1 1 50%}.product-modal__redeem-btn-col{flex:1 1 50%;display:flex;align-items:center;justify-content:center}@media screen and (min-width:640px){.product-modal{align-items:center}.product-modal__content{width:90%;max-width:500px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.2)}@keyframes modalSlideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%,-50%)}}}@media screen and (min-width:1024px){.product-modal__content{max-width:600px}.product__header,.product__info-icon,.product__rarity-icon{height:1rem;width:auto;font-size:1rem}}.modal-confirm{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:3000;backdrop-filter:blur(5px)}.modal-confirm__content{background:#fff;border-radius:20px;width:90%;max-width:380px;position:relative;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.2);animation:modalFadeIn .3s ease-out;display:flex;flex-direction:column;gap:1.5rem}.modal-confirm__close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.05);border:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#666;cursor:pointer;transition:all .3s ease}.modal-confirm__close:hover{background:#f44;color:#fff;transform:rotate(90deg)}.modal-confirm__body{display:flex;flex-direction:column;gap:1.5rem}.modal-confirm__message{text-align:center;font-size:1.25rem;font-weight:600;color:#111827;margin:0;padding:0 .5rem;line-height:1.4}.modal-confirm__divider{height:1px;background:#e5e7eb;margin:.25rem 0}.modal-confirm__product{background:#f9fafb;border-radius:16px;padding:1.5rem;display:flex;gap:1.5rem;align-items:center;margin:.25rem 0}.modal-confirm__image-wrapper{width:100px;height:100px;background:#fff;border-radius:12px;padding:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.05)}.modal-confirm__image{width:100%;height:100%;object-fit:contain}.modal-confirm__info{flex:1}.modal-confirm__name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.4}.modal-confirm__points{display:flex;flex-direction:column;gap:.25rem}.modal-confirm__points-value{font-size:1.5rem;font-weight:700;color:#059669;line-height:1}.modal-confirm__points-label{font-size:.875rem;color:#6b7280;font-weight:500}.modal-confirm__actions{display:flex;gap:1rem;margin-top:.5rem}.modal-confirm__button{flex:1;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.modal-confirm__button--confirm{background:#000;color:#fff;border:none}.modal-confirm__button--confirm:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:640px){.modal-confirm__content{width:95%;padding:1.5rem;gap:1rem}.modal-confirm__message{font-size:1.125rem}.modal-confirm__product{padding:1rem;gap:1rem}.modal-confirm__image-wrapper{width:80px;height:80px;padding:.5rem}.modal-confirm__name{font-size:1rem}.modal-confirm__points-value{font-size:1.25rem}.modal-confirm__button{padding:.875rem;font-size:.875rem}}@media (max-width:600px){.product-modal__sizes-row{flex-direction:column;gap:1rem}.product-modal__redeem-btn-col,.product-modal__sizes-list-col{flex:1 1 100%;width:100%;justify-content:center}}