.udt-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:10px;margin-bottom:10px}@media (min-width:768px){.udt-template-grid{grid-template-columns:repeat(4,1fr)}}.udt-template-card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .05);transition:transform 0.3s ease}.udt-template-card:hover{transform:translateY(-5px)}.udt-thumb img{width:100%;display:block;height:auto}.udt-content{padding:10px;text-align:center}.udt-label{font-weight:700;margin-bottom:5px;font-size:1.05rem;color:#333}.udt-price strong{color:#e91e63;font-size:.8rem;display:block}.udt-price del{color:#999;display:block;margin-top:6px}.udt-buttons{display:flex;flex-direction:column;gap:5px;align-items:center;margin-top:10px;width:100%}.udt-demo,.udt-order{padding:10px 14px;border-radius:40px;border:2px solid #25a79a;background:#fff0;color:#25a79a;text-decoration:none;display:inline-flex;align-items:center;gap:6px;justify-content:center;width:100%;box-sizing:border-box;font-weight:600;transition:all 0.3s ease;white-space:nowrap}.udt-order{background:#25a79a;color:#fff}.udt-demo:hover{background:#25a79a;color:#fff}.udt-order:hover{background:#1ba39c;border-color:#1ba39c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.udt-popup-overlay.show .udt-popup-content{animation:fadeInUp 0.8s ease forwards}.udt-popup-overlay.hide .udt-popup-content{animation:fadeOutDown 0.5s ease forwards}.udt-popup-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .6);z-index:9999;display:flex;align-items:center;justify-content:center}.udt-popup-content{background:#fff;padding:20px 24px;border-radius:12px;width:90%;max-width:420px;position:relative;box-shadow:0 8px 20px rgb(0 0 0 / .2);animation:udt-popup-fade 0.3s ease-out}@keyframes udt-popup-fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.udt-popup-close{position:absolute;right:12px;top:8px;cursor:pointer;font-size:20px;color:#666;transition:color 0.2s}.udt-popup-close:hover{color:#25a79a}.udt-popup-header{text-align:center;margin:20px 0}.udt-popup-title{text-align:center;margin-top:-10px;font-size:20px;color:#1b2240;font-weight:600}.udt-popup-form{margin-top:10px}.udt-form-group{margin-bottom:14px;display:flex;flex-direction:column}.udt-form-group label{margin-bottom:6px;font-weight:500;color:#333}.udt-form-group input{padding:10px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:all 0.25s ease}.udt-form-group input:focus{outline:none;border-color:#25a79a;box-shadow:0 0 0 2px rgb(37 167 154 / .15)}.udt-required{color:red}.udt-form-action{text-align:center;margin-top:14px}.udt-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:600;padding:10px 18px;border-radius:40px;cursor:pointer;transition:all .25s;text-decoration:none;border:2px solid #25a79a;background:#25a79a;color:#fff;box-sizing:border-box}.udt-btn-submit:hover{background:#1ba39c;border-color:#1ba39c;color:#fff}#udt-popup-overlay .udt-btn-submit,.udt-popup-content .udt-btn-submit{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:600;padding:10px 18px;border-radius:40px;cursor:pointer;transition:all .25s;text-decoration:none;width:100%;border:2px solid #25a79a!important;background:#25a79a!important;color:#fff!important;box-sizing:border-box}#udt-popup-overlay .udt-btn-submit:hover,.udt-popup-content .udt-btn-submit:hover{background:#1ba39c!important;border-color:#1ba39c!important;color:#fff!important}