.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#0009;justify-content:center;align-items:flex-start;padding:40px 0;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-container{background:#101936;border:1px solid #4169e140;border-radius:20px;flex-direction:row;width:900px;max-width:95%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px 5px #4169e140}.modal-container-item{width:480px;margin:0 auto}.modal-left{flex-direction:column;align-items:center;width:40%;padding:24px;display:flex}.image-container{aspect-ratio:1;width:80%;margin-bottom:24px;transition:transform .5s ease-out;position:relative}.product-image{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 #4169e1/40;background-color:#1b1d34;border-radius:12px;transition:transform .7s ease-in-out,box-shadow .5s ease-in-out}.image-container:hover .product-image{transform:scale(1.03);box-shadow:0 12px 30px #4169e12e,0 0 48px #4169e11f}.perks-list{width:100%}.perk{background:#1b1d34;border:1px solid #4169e133;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;transition:border .2s ease-out,transform 1s ease-in-out;display:flex}.perk:hover{border-color:#4169e180;scale:1.02}.perk .description{text-align:left;color:#fff;flex-direction:column;display:flex}.perk .description small{text-align:left;color:#aaa;flex-direction:column;display:flex}.perk .value{color:#4169e1;text-align:center;font-weight:600}.modal-right{flex-direction:column;align-items:stretch;width:60%;padding:24px;display:flex}.modal-right.w-full{width:100%}.item-modal{flex-direction:column;align-items:center;padding:24px 0;display:flex}.item-modal .image-container{width:60%;margin-bottom:16px}.item-modal .product-image{background-color:#1b1d34;border-radius:12px;transition:all .3s}.modal-right h2{color:#fff;text-align:center;margin-bottom:16px;font-size:1.5rem;font-weight:600}.perks-title{color:#fff;text-transform:uppercase;text-align:center;margin-bottom:6px;font-size:1rem;font-weight:600}.perk-line{background-color:#4169e180;border-radius:2px;width:96px;height:2px;margin:0 auto 12px}.kit{margin-bottom:16px;position:relative}.kit-name{color:#fff;margin-bottom:4px;font-weight:600}.kit-cooldown{color:#ccc;font-size:.75rem;position:absolute;top:0;right:0}.kit-header{justify-content:space-between;align-items:center;display:flex}.kit-header .kit-name{margin-bottom:0}.kit-cooldown-inline{color:#ccc;margin-left:8px;font-size:.85rem}.kit-items{flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:16px;display:flex}.kit-item{background:#1b1d34;border:1px solid #4169e133;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden}.kit-item img{object-fit:contain;width:48px;height:48px}.kit-item .qty{color:#fff;background:#0009;border-radius:2px;padding:0 2px;font-size:.625rem;position:absolute;bottom:4px;right:4px}.modal-button{color:#fff;cursor:pointer;background-color:#4169e1;border:none;border-radius:12px;margin-top:16px;padding:8px 24px;font-weight:600;transition:background-color .2s;box-shadow:0 0 25px 3px #4169e180}.modal-button:hover{background-color:#3355c9}.modal-close{color:#aaa;cursor:pointer;font-size:1.5rem;transition:color .2s;position:absolute;top:12px;right:12px}.modal-close:hover{color:#fff}.modal-overlay::-webkit-scrollbar{width:8px}.modal-overlay::-webkit-scrollbar-track{background:0 0}.modal-overlay::-webkit-scrollbar-thumb{background-color:#4169e180;border-radius:4px}.modal-overlay::-webkit-scrollbar-thumb:hover{background-color:#4169e1b3}@media (max-width:768px){.modal-container{flex-direction:column;width:90%}.modal-container-item{width:90%;max-width:480px}.modal-left,.modal-right{width:100%;padding:16px}.modal-left img{width:100%;height:auto}}.kit-line{background-color:#4169e14d;border-radius:2px;width:100%;height:2px;margin:16px 0}.store-hint{text-align:center;color:#ccc;margin-top:12px;font-size:.9rem}.store-hint span{color:#4169e1;font-weight:600}