:root{--primary:#0a1f44;--secondary:#1c3d6a;--gold:#d4af37;--bg-main:#f4f6f9;--bg-surface:#fff;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#e9ecef;--border-focus:#ced4da;--success:#198754;--error:#dc3545;--warning:#ffc107;--info:#0dcaf0;--font-title:"Poppins", sans-serif;--font-text:"Inter", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-sm:0 2px 8px #0a1f440a;--shadow-md:0 4px 16px #0a1f4414;--shadow-lg:0 10px 30px #0a1f441f;--transition-fast:.15s ease-in-out;--transition-base:.3s ease-in-out;--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-toast:1090}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-text);color:var(--text-primary);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--primary);font-weight:600;line-height:1.2}img,picture,video,canvas,svg{max-width:100%;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul,ol{list-style:none}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}::selection{background-color:var(--primary);color:var(--bg-surface)}
.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.container-sm{width:100%;max-width:800px;padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-3xl) 0}.section-sm{padding:var(--space-xl) 0}.section-lg{padding:calc(var(--space-3xl) * 1.5) 0}.grid{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-100{width:100%}.h-100{height:100%}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none!important}
.badge{padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:600;font-family:var(--font-title);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex}.badge-primary{background-color:var(--primary);color:var(--bg-surface)}.badge-gold{background-color:var(--gold);color:var(--primary)}.badge-success{color:var(--success);background-color:#1987541a}.badge-warning{color:#b38600;background-color:#ffc1071a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%;z-index:var(--z-modal-backdrop);padding:var(--space-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);background-color:#0a1f4499;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.is-open{opacity:1;visibility:visible}.modal-content{background-color:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);transition:transform var(--transition-base);z-index:var(--z-modal);position:relative;overflow-y:auto;transform:translateY(20px)}.modal-overlay.is-open .modal-content{transform:translateY(0)}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-lg)}.accordion{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-surface);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;padding:var(--space-lg);font-family:var(--font-title);color:var(--primary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background-color:#0000;justify-content:space-between;align-items:center;font-weight:500;display:flex}.accordion-header:hover{background-color:var(--bg-main)}.accordion-icon{width:24px;height:24px;transition:transform var(--transition-base)}.accordion-item.is-active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;transition:max-height var(--transition-base) ease-out;overflow:hidden}.accordion-body{padding:0 var(--space-lg) var(--space-lg) var(--space-lg);color:var(--text-secondary)}.navbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:var(--z-sticky);align-items:center;height:72px;display:flex;position:sticky;top:0}.navbar-brand{font-family:var(--font-title);color:var(--primary);font-size:1.25rem;font-weight:700}.nav-link{color:var(--text-secondary);padding:var(--space-sm) var(--space-md);transition:color var(--transition-fast);font-weight:500}.nav-link:hover,.nav-link.active{color:var(--primary)}
.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);height:48px;font-family:var(--font-title);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid #0000;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--bg-surface)}.btn-primary:hover:not(:disabled){background-color:var(--secondary);box-shadow:var(--shadow-sm)}.btn-premium{background-color:var(--gold);color:var(--primary);font-weight:600}.btn-premium:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{border-color:var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--primary);color:var(--bg-surface)}.btn-ghost{color:var(--primary);padding:0 var(--space-md);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:#0a1f440d}.btn-sm{height:40px;padding:0 var(--space-md);font-size:.875rem}.btn-lg{height:56px;padding:0 var(--space-xl);font-size:1.125rem}.btn-block{width:100%;display:flex}.btn:disabled,.btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}
.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-img{object-fit:cover;border-bottom:1px solid var(--border-color);width:100%;height:220px}.card-header,.card-body,.card-footer{padding:var(--space-lg)}.card-body{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.card-title{font-family:var(--font-title);color:var(--primary);font-size:1.25rem;font-weight:600}.card-text{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.card-footer{border-top:1px solid var(--border-color);background-color:#f4f6f980;justify-content:space-between;align-items:center;display:flex}.card-premium{border:2px solid var(--gold);box-shadow:var(--shadow-md);position:relative}.card-premium:before{content:"";background-color:var(--gold);height:6px;position:absolute;top:0;left:0;right:0}.card-testimonial{background-color:var(--primary);color:var(--bg-surface);border:none}.card-testimonial .card-text{color:#ffffffd9;font-style:italic}
.form-group{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.form-label{font-family:var(--font-title);color:var(--primary);font-size:.875rem;font-weight:500}.form-control{width:100%;height:48px;padding:0 var(--space-md);font-family:var(--font-text);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-size:1rem}.form-control::placeholder{color:var(--text-secondary);opacity:.7}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0a1f441a}.form-control:disabled,.form-control[readonly]{background-color:var(--bg-main);cursor:not-allowed;opacity:.8}textarea.form-control{height:auto;min-height:120px;padding-top:var(--space-sm);padding-bottom:var(--space-sm);resize:vertical}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23212529' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-xl);background-size:16px}.form-check{align-items:center;gap:var(--space-sm);display:flex}.form-check-input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.form-check-label{color:var(--text-primary);cursor:pointer;font-size:.875rem}.form-control.is-invalid{border-color:var(--error)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px #dc354526}.form-control.is-valid{border-color:var(--success)}.feedback-error{color:var(--error);margin-top:4px;font-size:.75rem;display:none}.form-control.is-invalid~.feedback-error{display:block}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseSoft{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-slide-up{animation:.6s ease-out forwards slideUp}.animate-slide-right{animation:.5s ease-out forwards slideInRight}.animate-pulse{animation:2s ease-in-out infinite pulseSoft}.animate-spin{animation:1s linear infinite spin}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.scroll-animate{opacity:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.section{padding:var(--space-2xl) 0}.section-lg{padding:calc(var(--space-2xl) * 1.5) 0}}@media (max-width:768px){.grid-2,.grid-4{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.flex-md-column{flex-direction:column}.flex-md-column>*{width:100%}.container,.container-sm{padding:0 var(--space-md)}.section,.section-sm,.section-lg{padding:var(--space-xl) 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.nav-links{display:none}.nav-toggle{display:block}}@media (max-width:480px){.grid-3{grid-template-columns:1fr}.btn{width:100%}h1{font-size:1.75rem}.modal-content{border-radius:0;max-width:100%;height:100%;max-height:100vh;transform:translateY(100%)}.modal-overlay.is-open .modal-content{transform:translateY(0)}}
.site-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:var(--z-sticky);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{align-items:center;gap:var(--space-sm);font-family:var(--font-title);color:var(--primary);font-weight:700;display:flex}.catalog-hero{background:var(--primary);color:#fff;text-align:center}.offer-price{color:var(--primary);font:700 1.5rem var(--font-title)}.checkout-shell{max-width:1040px;margin:0 auto}.status-panel{max-width:720px;margin:var(--space-2xl) auto}.error-message{color:var(--error);padding:var(--space-sm);border-radius:var(--radius-md);background:#fff1f2}@media (max-width:760px){.checkout-grid{grid-template-columns:1fr!important}}