.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.auth-modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;padding:24px;position:relative}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.auth-modal-header h2{margin:0;font-size:1.5rem;color:#333}.auth-modal-close-btn{background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer;transition:color .3s ease}.auth-modal-close-btn:hover{color:#333}.auth-modal-error{background-color:#ffebee;color:#d32f2f;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}.auth-modal-form{display:flex;flex-direction:column}.auth-modal-input-group{margin-bottom:15px}.auth-modal-input-group label{display:block;margin-bottom:5px;color:#555}.auth-modal-input-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.auth-modal-input-group input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.auth-modal-submit-btn{background-color:#4a90e2;color:#fff;border:none;padding:12px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.auth-modal-submit-btn:hover:not(:disabled){background-color:#357abd}.auth-modal-submit-btn:disabled{background-color:#a0a0a0;cursor:not-allowed}img.avatar{vertical-align:middle}.user-inline-info{display:inline-block;vertical-align:middle;width:200px;text-align:center}.nav-section-user div.nav-user{margin:0 auto}.login-btn{width:100px;height:30px;padding:2px;color:#2f2f2f;text-align:center;border:none;border-radius:7px;background:linear-gradient(to right,#c1b2fd,#ab9bfc);outline:none}.login-btn:focus{outline:none}.grid-container{display:grid;gap:0;grid-template-columns:1fr 4fr;grid-template-rows:120px auto;grid-template-areas:"menu navigation" "menu catalog"}.grid-item{padding:20px}.grid-item.menu{grid-area:menu;background-color:#05060f}.navigation{grid-area:navigation;background-color:#05060f}.grid-item.catalog{grid-area:catalog;background-color:#05060f}.grid-item.bordered{position:relative}.grid-item.bordered:after{content:"";position:absolute;top:0;right:-2px;width:1px;height:100%;background:linear-gradient(to bottom,#131220,#332e59 300px,#32313a calc(100% - 100px),#131220)}img.logo{width:150px;height:auto}aside .categories{text-align:center}nav.navigation{display:grid;gap:10px;grid-template-columns:1fr 2fr 1fr 1fr 1fr;padding-top:20px}.nav-section-search input.input-search{width:100%;height:100px;border-radius:40px;font-family:Fregat-regular,sans-serif;font-size:30px;color:#fff;padding:40px;outline:none;transition:border-color .3s ease;border:2px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#959595,#3b3b3b) border-box}.nav-section-search input.input-search::placeholder{font-family:Fregat-regular,sans-serif;color:#999;opacity:.8}.nav-section-search input.input-search:focus{background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#959595,#959595) border-box}.nav-section-search input.input-search:focus-visible{background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#959595,#959595) border-box}.nav-section-messages div.nav-messages{width:100px;height:100px;margin:0 auto}.nav-section-messages div.nav-messages img{width:100px;height:100px;margin:0 auto;border-radius:50px;border:2px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#959595,#3b3b3b) border-box}.catalog{display:grid;grid-template-columns:repeat(6,300px);grid-template-rows:repeat(4,400px);gap:30px;justify-content:center;padding:60px 30px 30px}.product-card{width:100%;height:100%;background:#432a58;border:1px solid #ddd}#body-block{display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center;width:100%;min-width:320px;height:100%;margin:0;padding:0;font-family:Fregat-regular;font:20px Fregat-regular,Roboto;color:#f5f5f5}.construction-message{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:500px}h1{color:#333;margin-bottom:20px;font-size:24px}p{color:#666;font-size:16px;line-height:1.5}.icon{font-size:48px;margin-bottom:20px;color:#ff9800}@font-face{font-family:Leelawadee;src:url(/fonts/Leelawadee.eot);src:url(/fonts/Leelawadee.eot?#iefix) format("embedded-opentype"),url(/fonts/Leelawadee.woff2) format("woff2"),url(/fonts/Leelawadee.woff) format("woff"),url(/fonts/Leelawadee.ttf) format("truetype"),url(/fonts/Leelawadee.svg#Leelawadee) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fregat-regular;src:url(/fonts/fregat-reg/Fregat.eot);src:url(/fonts/fregat-reg/Fregat.eot?#iefix) format("embedded-opentype"),url(/fonts/fregat-reg/Fregat.woff2) format("woff2"),url(/fonts/fregat-reg/Fregat.woff) format("woff"),url(/fonts/fregat-reg/Fregat.ttf) format("truetype"),url(/fonts/fregat-reg/Fregat.svg#Fregat-regular) format("svg");font-weight:400;font-style:normal;font-display:swap}*{font-family:Fregat-regular;margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{width:100%;height:100%;min-width:320px;min-height:100vh;margin:0;padding:0;font-family:Fregat-regular;font:20px Fregat-regular,Roboto;color:#f5f5f5;background:radial-gradient(circle at 20% 5%,#332e59 5%,#332e591a 40%,transparent 100%),radial-gradient(circle at 50% 5%,#332e59 5%,#332e591a 40%,transparent 100%),radial-gradient(circle at 80% 5%,rgba(51,46,89,1) 5%,rgba(51,46,89,.1) 40%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(51,46,89,.3) 20%,rgba(5,6,15,1) 80%),#05060f;background-attachment:fixed;background-size:cover;background-position:center}#root{width:100%;height:100vh;padding:40px}main{height:100vh}.container{max-width:1024px;margin:0 auto}#recon-market{display:none;background-color:#bbb}button{width:80%;border-radius:8px;border:none;color:#fff;padding:.6em 1.2em .6em 2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;text-align:left}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}header#header{height:130px;background-color:#186cbf;color:#fff}header#header .header-logo{text-align:center;align-self:center}header#header img.recon-logo{height:70px;margin:0 auto;padding:0}header#header h3#header-logo-text{font:20px Leelawadee,sans-serif;color:#fff;padding-top:8px;font-weight:700}header#header .top-elements{display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}header#header .top-elements .search{display:flex;flex-direction:row}header#header .top-elements .search input#input-search{align-self:center;margin-top:60px;width:432px;height:30px;border:0;border-radius:10px;padding:4px 15px;background-color:#fff;color:#000;font-size:18px}header#header .top-elements .search input#input-search:focus{border:0;outline:none}header#header .top-elements .search input#input-search:active{border:0;outline:none}header#header .top-elements .navbar{display:flex;width:300px;height:130px;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}header#header .top-elements .navbar div{text-align:center;align-self:center}header#header .navbar img{width:50px;height:50px}footer{height:200px;background-color:#186cbf}@media screen and (max-width: 1000px){.flex-container{flex-direction:column}}