:root{--primary-color:#ac7b5b;--primary-dark:#8a6248;--primary-light:#c9a183;--secondary-color:#FFFFFF;--text-color:#1a1a1a;--text-muted:#666666;--bg-color:#FAF6E8;--bg-card:#FFFFFF;--border-color:#e0d5c7;--success-color:#4CAF50;--error-color:#e74c3c;--shadow-sm:0 2px 8px rgba(172,123,91,0.1);--shadow-md:0 4px 20px rgba(172,123,91,0.15);--shadow-lg:0 8px 40px rgba(172,123,91,0.2);--font-family:'Montserrat',sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh}.checkout-header{background:var(--bg-card);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:100}.logo-link{display:flex;align-items:center;text-decoration:none;gap:12px}.logo-link img{height:60px}.header-steps{display:flex;gap:40px}.step-item{display:flex;align-items:center;gap:10px;opacity:0.4;transition:var(--transition)}.step-item.active{opacity:1}.step-item.completed{opacity:1}.step-number{width:32px;height:32px;border-radius:50%;background:var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--text-muted);transition:var(--transition)}.step-item.active .step-number{background:var(--primary-color);color:white}.step-item.completed .step-number{background:var(--success-color);color:white}.step-item.completed .step-number::before{content:'✓'}.step-item.completed .step-number span{display:none}.step-text{font-size:14px;font-weight:500;color:var(--text-muted)}.step-item.active .step-text{color:var(--text-color)}.secure-badge{display:flex;align-items:center;gap:8px;color:var(--success-color);font-size:14px;font-weight:500}.checkout-container{max-width:1400px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:1fr 420px;gap:40px}.checkout-form{display:flex;flex-direction:column;gap:30px}.form-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition)}.form-section:hover{box-shadow:var(--shadow-md)}.section-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.section-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-light),var(--primary-color));display:flex;align-items:center;justify-content:center;color:white;font-size:20px}.section-title{font-size:22px;font-weight:700;color:var(--text-color)}.section-subtitle{font-size:14px;color:var(--text-muted);margin-top:2px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-row.single{grid-template-columns:1fr}.form-group{position:relative}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px}.form-label .required{color:var(--error-color)}.form-input{width:100%;padding:16px 20px;font-size:16px;font-family:var(--font-family);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-color);transition:var(--transition);outline:none}.form-input:focus{border-color:var(--primary-color);background:var(--bg-card);box-shadow:0 0 0 4px rgba(172,123,91,0.1)}.form-input::placeholder{color:var(--text-muted)}.form-input.error{border-color:var(--error-color)}.input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.form-group.has-icon .form-input{padding-right:50px}.delivery-options{display:flex;flex-direction:column;gap:15px}.delivery-option{position:relative;padding:20px 25px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:20px}.delivery-option:hover{border-color:var(--primary-light);background:rgba(172,123,91,0.03)}.delivery-option.selected{border-color:var(--primary-color);background:rgba(172,123,91,0.05)}.delivery-option input[type="radio"]{display:none}.delivery-radio{width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.delivery-option.selected .delivery-radio{border-color:var(--primary-color)}.delivery-radio::after{content:'';width:12px;height:12px;border-radius:50%;background:var(--primary-color);transform:scale(0);transition:var(--transition)}.delivery-option.selected .delivery-radio::after{transform:scale(1)}.delivery-logo{width:60px;height:40px;object-fit:contain}.delivery-info{flex:1}.delivery-name{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:4px}.delivery-desc{font-size:13px;color:var(--text-muted)}.delivery-price{font-size:16px;font-weight:700;color:var(--primary-color)}.search-container{position:relative;margin-top:20px}.search-input-wrapper{position:relative}.search-input{width:100%;padding:16px 20px 16px 50px;font-size:16px;font-family:var(--font-family);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-color);transition:var(--transition);outline:none}.search-input:focus{border-color:var(--primary-color);background:var(--bg-card)}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:18px}.search-loader{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:none}.search-loader.active{display:block}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-dropdown{position:absolute;top:calc(100%+5px);left:0;right:0;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:50;display:none}.search-dropdown.active{display:block}.dropdown-item{padding:15px 20px;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:rgba(172,123,91,0.08)}.dropdown-item i{color:var(--primary-color);font-size:16px}.dropdown-item-text{flex:1}.dropdown-item-main{font-weight:500;color:var(--text-color)}.dropdown-item-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.selected-value{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgba(172,123,91,0.08);border:2px solid var(--primary-color);border-radius:var(--radius-md);margin-top:10px}.selected-value i{color:var(--success-color)}.selected-value-text{flex:1;font-weight:500}.selected-value button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;transition:var(--transition)}.selected-value button:hover{color:var(--error-color)}.payment-options{display:flex;flex-direction:column;gap:15px}.payment-option{position:relative;padding:25px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.payment-option:hover{border-color:var(--primary-light)}.payment-option.selected{border-color:var(--primary-color);background:rgba(172,123,91,0.05)}.payment-option input[type="radio"]{display:none}.payment-header{display:flex;align-items:center;gap:15px}.payment-radio{width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition)}.payment-option.selected .payment-radio{border-color:var(--primary-color)}.payment-radio::after{content:'';width:12px;height:12px;border-radius:50%;background:var(--primary-color);transform:scale(0);transition:var(--transition)}.payment-option.selected .payment-radio::after{transform:scale(1)}.payment-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--bg-color);display:flex;align-items:center;justify-content:center;font-size:24px}.payment-icon.online{color:var(--success-color)}.payment-icon.cod{color:var(--primary-color)}.payment-info{flex:1}.payment-name{font-size:17px;font-weight:600;color:var(--text-color)}.payment-desc{font-size:14px;color:var(--text-muted);margin-top:4px}.payment-badge{padding:6px 14px;background:var(--success-color);color:white;font-size:12px;font-weight:600;border-radius:20px;text-transform:uppercase}.payment-details{margin-top:20px;padding-top:20px;border-top:1px dashed var(--border-color);display:none}.payment-option.selected .payment-details{display:block}.cod-notice{display:flex;align-items:flex-start;gap:12px;padding:15px;background:rgba(172,123,91,0.1);border-radius:var(--radius-sm);font-size:14px}.cod-notice i{color:var(--primary-color);font-size:18px;margin-top:2px}.cod-notice strong{color:var(--primary-color)}.order-summary{position:sticky;top:120px;height:fit-content}.summary-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.summary-title{font-size:22px;font-weight:700;color:var(--text-color);margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.summary-product{display:flex;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--border-color);margin-bottom:25px}.product-image{width:100px;height:100px;border-radius:var(--radius-md);background:var(--bg-color);padding:10px;display:flex;align-items:center;justify-content:center}.product-image img{max-width:100%;max-height:100%;object-fit:contain}.product-details{flex:1}.product-name{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:8px}.product-meta{font-size:13px;color:var(--text-muted);margin-bottom:4px}.product-price{font-size:20px;font-weight:700;color:var(--primary-color);margin-top:10px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px}.summary-row.total{padding-top:20px;margin-top:10px;border-top:2px solid var(--border-color);font-size:20px;font-weight:700}.summary-row.total .summary-value{color:var(--primary-color);font-size:24px}.summary-label{color:var(--text-muted)}.summary-value{font-weight:600;color:var(--text-color)}.prepayment-row{background:rgba(172,123,91,0.1);margin:15px -30px;padding:15px 30px;display:none}.prepayment-row.active{display:flex}.prepayment-row .summary-label{color:var(--primary-color);font-weight:500}.prepayment-row .summary-value{color:var(--primary-color)}.submit-section{margin-top:25px}.submit-btn{width:100%;padding:20px;font-size:18px;font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:white;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;letter-spacing:1px}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.submit-btn i{font-size:20px}.submit-note{text-align:center;font-size:13px;color:var(--text-muted);margin-top:15px;display:flex;align-items:center;justify-content:center;gap:8px}.submit-note i{color:var(--success-color)}.telegram-alternative{margin-top:25px;padding-top:25px;border-top:1px dashed var(--border-color);text-align:center}.telegram-alternative p{font-size:14px;color:var(--text-muted);margin-bottom:15px}.telegram-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#0088cc;color:white;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;font-family:var(--font-family);cursor:pointer;text-decoration:none;transition:var(--transition)}.telegram-btn:hover{background:#006699;transform:translateY(-2px)}.telegram-btn i{font-size:20px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay.active{display:flex}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:50px;max-width:500px;width:100%;text-align:center;animation:modalIn 0.4s ease}@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--success-color),#45a049);display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:40px;color:white}.modal-title{font-size:28px;font-weight:700;color:var(--text-color);margin-bottom:15px}.modal-text{font-size:16px;color:var(--text-muted);margin-bottom:30px;line-height:1.7}.modal-order-id{display:inline-block;padding:12px 25px;background:var(--bg-color);border-radius:var(--radius-sm);font-size:18px;font-weight:600;color:var(--primary-color);margin-bottom:30px}.modal-buttons{display:flex;gap:15px;justify-content:center}.modal-btn{padding:14px 30px;font-size:15px;font-weight:600;font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-decoration:none}.modal-btn.primary{background:var(--primary-color);color:white;border:none}.modal-btn.primary:hover{background:var(--primary-dark)}.modal-btn.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.modal-btn.secondary:hover{background:var(--primary-color);color:white}.bonus-earned{margin-top:20px;padding:15px 20px;background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:10px;color:#ff8f00;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.bonus-earned i{color:#ffc107;font-size:20px}.bonus-hint{margin-top:20px;padding:15px 20px;background:#f5f5f5;border-radius:10px;color:#666;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.bonus-hint i{color:var(--primary-color)}.bonus-hint a{color:var(--primary-color);font-weight:600;text-decoration:underline}@media (max-width:1024px){.checkout-container{grid-template-columns:1fr}.order-summary{position:static;order:-1}.header-steps{display:none}}@media (max-width:768px){.checkout-header{padding:15px 20px}.logo-link img{height:50px}.checkout-container{padding:20px 15px;padding-bottom:100px}.form-section{padding:20px}.form-row{grid-template-columns:1fr}.section-title{font-size:18px}.delivery-option{flex-wrap:wrap}.delivery-logo{display:none}.summary-card{padding:20px}.modal-content{padding:30px 20px}.modal-buttons{flex-direction:column}}.mobile-checkout-btn{display:none}@media (max-width:1024px){.mobile-checkout-btn{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);padding:15px 20px;box-shadow:0 -4px 20px rgba(0,0,0,0.15);z-index:99;gap:15px;align-items:center;justify-content:space-between}.mobile-checkout-btn .mobile-total{font-size:14px;color:var(--text-muted)}.mobile-checkout-btn .mobile-total-price{font-size:20px;font-weight:700;color:var(--primary-color)}.mobile-checkout-btn .mobile-submit-btn{flex:1;max-width:250px;padding:16px 24px;font-size:16px;font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:white;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px}.mobile-checkout-btn .mobile-submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-section{display:none}.checkout-container{padding-bottom:120px}}