.modal-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:50px}.modal-btn{width:100%;padding:15px;background-color:#291312;color:#fad979;border:1px solid #fad979;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:700;text-align:center}.modal-btn:hover{background-color:#3b1c1a;box-shadow:0 0 10px #fad97980}.custom-modal{position:fixed;top:50%;transform:translateY(-50%);background-color:#000;border-radius:5px;box-shadow:0 5px 15px #00000080;z-index:1050;width:calc(25% - 30px);min-width:270px;max-width:400px;height:auto;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2px 15px;background:linear-gradient(to bottom,#0d0908 0,#271a17);color:#fad979;border-bottom:1px solid #fad979;flex-shrink:0}.modal-title{font-size:18px;font-weight:700;margin:0;color:#fad979}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#fad979}.modal-body{flex:1;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;height:auto}.modal-body img{width:100%}.modal-text{text-align:center;font-size:18px;color:#1a1a1a;margin-bottom:20px}.modal-footer{padding:15px;text-align:center;border-top:1px solid #0f0b0b;flex-shrink:0;margin-top:auto;justify-content:center}.dont-show-btn{background-color:#291312;color:#fad979;border:1px solid #fad979;padding:4px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease}.dont-show-btn:hover{background-color:#3b1c1a}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1040;display:block}.btn-group{display:flex;gap:10px;margin-top:30px;justify-content:center;position:fixed;top:20px;left:50%;z-index:9999}.control-btn{padding:10px 15px;background-color:#291312;color:#fad979;border:1px solid #fad979;border-radius:5px;cursor:pointer}@media (max-width: 768px){.custom-modal{width:80%;max-width:280px;height:auto;left:50%!important;transform:translate(-50%,-50%)!important}#modal1{z-index:1053}#modal2{z-index:1052}#modal3{z-index:1051}#modal4{z-index:1050}.btn-group{position:fixed;left:40%;top:auto;bottom:40px}}