.custom-variation-modal{position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);animation:fadeIn 0.3s ease}.modal-content{position:relative;background-color:#fff;margin:10% auto;padding:35px 30px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.2);width:90%;max-width:500px;animation:slideIn 0.3s ease}.modal-close{position:absolute;right:20px;top:15px;color:#999;font-size:32px;font-weight:700;cursor:pointer;line-height:1;transition:color 0.2s ease}.modal-close:hover,.modal-close:focus{color:#333}.modal-icon{font-size:54px;text-align:center;margin-bottom:20px}.modal-title{font-size:22px;font-weight:600;color:#333;margin-bottom:15px;text-align:center;font-family:inherit}.modal-text{font-size:16px;color:#666;line-height:1.6;text-align:center;margin-bottom:10px}.modal-text strong{color:#333;font-weight:600}.modal-button{background-color:#8B4513;color:#fff;padding:12px 35px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;display:block;margin-left:auto;margin-right:auto;transition:all 0.3s ease}.modal-button:hover{background-color:sienna;transform:translateY(-2px);box-shadow:0 3px 10px rgba(139,69,19,.3)}.modal-button:active{transform:translateY(0)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.modal-content{width:92%;margin:25% auto;padding:25px 20px}.modal-icon{font-size:42px}.modal-title{font-size:20px}.modal-text{font-size:15px}.modal-button{padding:10px 30px;font-size:15px}.modal-close{right:15px;top:12px;font-size:28px}}@media (max-width:480px){.modal-content{margin:35% auto}}