.certificate-form{overflow:visible;padding:10px;position:relative;max-width:800px;margin:10px auto;box-shadow:0 0 12px rgba(0,0,0,.5);border-radius:10px;background:#fff;@media (max-width:768px){margin-right:-20px;margin-left:-20px}}.explain_text{margin-bottom:10px;color:#a9a9a9;margin-top:-10px}.explain_text,.module-studio label{font-size:14px}.start-screen{min-height:300px;padding:30px;justify-content:center;flex-direction:column;text-align:center;background-color:hsla(0,0%,100%,.8);margin:auto;align-items:center;display:flex;z-index:10}.step[data-step="1"].background{filter:blur(3px);pointer-events:none;opacity:.5;display:block}.design-slider{padding:10px;justify-content:flex-start;flex-wrap:wrap;gap:15px;width:100%;display:flex}.design-item{height:auto;max-width:100%;box-sizing:border-box;box-shadow:0 0 0 7px #e9e9e9;border-radius:12px;width:calc(33% - 10px)}.design-item img{height:100%;object-fit:cover;border-radius:12px;width:100%}.design-item.active{transform:scale(1.05);box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 0 7px red}.next-step-btn,.prev-step-btn{margin:10px 0}.next-step-btn:hover,.prev-step-btn:hover{background-color:#0056b3}.submit-btn{padding:12px 30px;border:none;color:#fff;background-color:#28a745;border-radius:5px;cursor:pointer}.total-price{font-size:1.2em;font-weight:700;margin-top:20px}.module{padding:20px;border:1px solid #ddd;margin:20px 0;border-radius:8px}.payment-methods input{margin-right:15px}.quantity-input{margin-left:10px;width:100%;display:inline-flex}.minus-btn,.plus-btn{padding:5px 10px;border:1px solid #ccc;background:#f0f0f0;cursor:pointer}.minus-btn:hover,.plus-btn:hover{background:#e0e0e0}.custom-radio{margin-right:10px}.predefined-options{width:100%;margin-top:15px}.predefined-options .option-item{padding:8px;border:1px solid #eee;margin-bottom:10px;transition:all .2s ease;border-radius:5px}.predefined-options .option-item:hover{border-color:#ddd;background-color:#f9f9f9}.predefined-options input{margin-right:15px}.price{font-weight:700;color:#333}.step h3{font-size:1.1em;margin:20px 0 10px}.input-gift-date,.input-recipient-name,.input-recipient-phone,.input-recipient-surname{padding:8px;border:1px solid #ccc;margin-bottom:10px;border-radius:4px;width:100%}.quantity-input{align-items:center;display:flex}.single-lesson-price{color:#333;margin-left:10px}.price-value{font-weight:700}.comment-field{height:80px;padding:8px;resize:vertical;border:1px solid #ccc;margin-bottom:15px;border-radius:4px;width:100%}.step[data-step="4"]{padding:20px}.certificate-mockup{height:400px;overflow:hidden;border:1px solid #ddd;text-align:center;margin:20px auto;border-radius:8px;width:300px}.selected-design{height:100%;object-fit:cover;width:100%}.order-details{margin:30px 0}.order-details p{margin:5px 0}.payment-methods{margin:20px 0}.payment-methods input[type=radio]{margin-right:15px}.payment-methods label{margin-bottom:5px;display:block}ul.services-list{list-style:none;margin-bottom:15px;padding-left:20px}.final-price{font-size:1.2em;font-weight:700;color:#333}.step{position:relative;padding-bottom:60px;display:none}.step.active{display:block}.steps-list{padding:15px;justify-content:center;gap:20px;background-color:#f5f5f5;margin:20px 0;align-items:center;border-radius:8px;display:flex;@media (max-width:768px){padding-top:10px;padding-right:10px;gap:10px;padding-bottom:10px;padding-left:10px}}.step-item{padding:5px 15px;font-size:16px;color:#999;transition:all .3s ease;position:relative;@media (max-width:768px){padding-top:5px;font-size:12px;padding-right:10px;padding-bottom:5px;padding-left:10px}}.step-item.active{font-weight:700;color:#000}.step-item:not(:last-child):after{right:-15px;color:#999;content:"-";position:absolute;@media (max-width:768px){right:-7px}}.step-item.active:not(:last-child):after{color:#000}.navigation-buttons{padding:10px 0;justify-content:center;right:0;position:absolute;bottom:0;gap:20px;left:0;display:flex}.next-step-btn,.prev-step-btn{padding:10px 20px;border:none;color:#fff;min-width:120px;background-color:#007bff;border-radius:5px;cursor:pointer}.hidden-option{height:0;overflow:hidden;transition:all .3s ease;display:none}.studio-item{overflow:hidden;padding:5px 0;transition:all .3s ease-in-out;max-height:50px;opacity:1;margin:0;line-height:1.5;display:block}.module-studio{transition:all .3s ease;margin-top:20px}.module-studio h3{margin-bottom:10px}.studio-item input[type=checkbox]{margin-right:5px}.hidden-option{pointer-events:none;padding:0;max-height:0;opacity:0;margin:0}.module-studio{margin:20px 0}.module-studio .studio-item{font-size:16px;position:relative;cursor:pointer;line-height:22px;user-select:none;padding-left:35px;display:block}.module-studio .studio-item input[type=checkbox]{position:absolute;opacity:0;z-index:-1}.module-studio .studio-item:before{flex-grow:0;height:22px;flex-shrink:0;border:1px solid #bfbfbf;transition:border-color .15s ease-in-out,background-color .15s ease-in-out;content:"";position:absolute;background-size:50% 50%;top:0;background-position:50%;border-radius:50%;cursor:pointer;left:0;width:22px;background-repeat:no-repeat;display:inline-block}.module-studio .studio-item:hover:before{border-color:#b3d7ff}.module-studio .studio-item:active:before{border-color:#b3d7ff;background-color:#b3d7ff}.module-studio .studio-item input[type=checkbox]:checked+:before,.module-studio .studio-item input[type=checkbox]:checked~:before,.module-studio .studio-item:has(input[type=checkbox]:checked):before{border-color:#22c064;background-color:#22c064;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")}.module-studio .studio-item:has(input[type=checkbox]:checked){position:relative}.module-studio .studio-item:has(input[type=checkbox]:checked):before{border-color:#22c064;background-color:#22c064;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")}.module-studio .studio-item.checked:before{border-color:#22c064!important;background-color:#22c064!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")!important}.module-studio .studio-item input:disabled~:before{background-color:#e9ecef}.category{flex-wrap:wrap;margin-bottom:20px;gap:10px;display:flex}.category-label{padding:8px 15px;border:1px solid #ddd;transition:all .3s ease;position:relative;border-radius:5px;cursor:pointer;display:inline-block}.category-label:hover{border-color:#653283}.category-radio{height:0;position:absolute;opacity:0;width:0}.category-text{font-weight:500}.category-radio:checked+.category-text,.category-radio:checked~.category-text{color:#fff}.category-radio:checked+.category-text:before,.category-radio:checked~.category-text:before{right:0;content:"";position:absolute;bottom:0;top:0;background-color:#653283;border-radius:5px;left:0;z-index:-1}