:root{--accent-center:#0284c7;--accent-side:#0ea5e9;--font-headline:'Poppins',sans-serif}css:root{--header-h:56px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;color:#d1d5db;overflow-x:hidden;animation:fadeIn 1s ease-out;transition:background 0.5s ease;position:relative}body::before{content:"";position:fixed;inset:0;z-index:-1;background:url("../images/soarenity_logo.png") no-repeat center center;background-size:cover;pointer-events:none;width:100vw;height:100vh}@media (max-width:700px){body::before{background-attachment:scroll;width:100vw;height:100vh;background-position:center center;background-repeat:no-repeat;background-size:cover}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}body.dark-mode{background-color:#020617}header{background:rgba(13,20,36,0.8);border-bottom:1px solid rgba(217,217,217,0.1)}.menuBtn{z-index:10001!important;display:inline-flex!important;position:relative!important;padding:.375rem .75rem;@media(min-width:640px){padding:.5rem 1rem}border-radius:9999px;font-weight:600;font-size:clamp(.875rem,1vw,.975rem);color:#fff;background:linear-gradient(135deg,var(--btn) 0%,color-mix(in srgb,var(--btn) 70%,#fff) 100%);border:1px solid color-mix(in srgb,var(--btn) 30%,#fff);box-shadow:0 8px 20px rgba(0,0,0,.45),0 3px 10px rgba(0,0,0,.25);transition:transform .15s ease,box-shadow .15s ease;}.menuBtn:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(0,0,0,.50),0 5px 14px rgba(0,0,0,.30)}.menuBtn:active{transform:translateY(0);box-shadow:0 4px 12px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25)}#profileDropdown{background:rgba(30,41,59,0.45);backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(30,41,59,0.32);box-shadow:0 18px 38px rgba(0,0,0,.55),0 8px 18px rgba(0,0,0,.35)}#profileDropdown>* + *{border-top:1px solid rgba(51,65,85,0.51)}#profileDropdown a{transition:color .2s ease}#profileDropdown a:hover{color:#fef9c3;background:inherit}#profileDropdown a:focus{outline:2px solid #fef9c3;outline-offset:2px}.word-wrap-anywhere{overflow-wrap:anywhere}.force-break{overflow-wrap:break-word;word-break:break-all}.button-group button{background:linear-gradient(135deg,#0c8cc6,#0270a9)}.filter-options button{background:rgba(12,140,198,0.5)}.filter-options button.active{background:rgba(12,140,198,1)}.search-bar{background:rgba(255,255,255,0.1)}.modal-content{background:rgba(13,20,36,0.95)}footer{background:rgba(255,255,255,0.1)}.quick-popup-modal{position:fixed;top:2.5rem;left:0;z-index:99999;min-width:260px;max-width:95vw;background:linear-gradient(135deg,#17233b,#0c1526 60%);color:#d1d5db;padding:1.25rem 2rem 1.25rem 1.5rem;border-radius:1.25rem;box-shadow:0 6px 32px rgba(0,0,0,.55);font-size:1.1rem;font-weight:600;opacity:0;transform:translateX(-110%);transition:opacity .15s,transform .65s cubic-bezier(.77,0,.18,1);pointer-events:none}.quick-popup-modal.show{opacity:1;transform:translateX(2.5rem);pointer-events:auto}.quick-popup-modal.hide{opacity:0;transform:translateX(-110%);pointer-events:none;transition:opacity .12s,transform .5s cubic-bezier(.77,0,.18,1)}#introGif{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;display:flex;align-items:center;justify-content:center}#introGif img{width:100%;height:100%;object-fit:cover;opacity:0.75}.fade-out{animation:fadeOut 0.5s forwards}@keyframes fadeOut{to{opacity:0;visibility:hidden}}header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;position:fixed;top:0;left:0;right:0;width:100vw;max-width:100vw;overflow-x:hidden;z-index:1000;backdrop-filter:blur(10px);background:rgba(13,20,36,0.8);border-bottom:1px solid rgba(217,217,217,0.1);animation:slideDown 0.5s ease-out}@media (max-width:640px){header{padding:10px 4vw;width:100vw;max-width:100vw;box-sizing:border-box;overflow-x:hidden}}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}header a{color:#d1d5db;text-decoration:none;font-weight:600;margin-right:20px;transition:color 0.3s}header a:hover{color:#0ea5e9}:root{--header-h:56px}#wheelHeader{position:fixed;top:var(--header-h);left:0;right:0;z-index:950;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(10px);background:rgba(13,20,36,0.6);height:63px;transition:top .3s ease}body.scrolled #wheelHeader{top:0}@media (min-width:640px){#wheelHeader{display:none}}header{position:relative}#navWheel,#navWheelMobile{width:100%;max-width:640px;height:90px;margin-left:auto;margin-right:auto;perspective:1000px;overflow:visible;user-select:none;cursor:grab;touch-action:none}#navWheel::before,#navWheelMobile::before{content:"";position:absolute;left:50%;top:50%;width:16%;height:88px;transform:translate(-40%,-57%) scaleX(3.5);background:url("../images/wheel.png") no-repeat center;background-size:100% 100%;border-radius:50%;z-index:0;pointer-events:none}body{overflow-x:hidden}@media (max-width:539px){#navWheel,#navWheelMobile{max-width:300px;height:63px;transform:scale(.7);transform-origin:center}#navWheel::before,#navWheelMobile::before{width:100%;height:63px;transform:translate(-48%,-65%) scaleX(1.1)}}.wheel-item{position:absolute;left:50%;top:50%;transform-style:preserve-3d;white-space:nowrap;font-weight:600;transition:transform .55s cubic-bezier(.42,0,.2,1),opacity .55s cubic-bezier(.42,0,.2,1)}.wheel-item.front{font-size:1.55rem;color:#0284c7;opacity:1}.wheel-item.side{font-size:1rem;color:#0ea5e9;opacity:.88}.wheel-item.back{font-size:.78rem;color:#64748b;opacity:.55;pointer-events:none}.wheel-item.hide{opacity:0;pointer-events:none}.hidden{display:none}#overlayContainer{margin:0 auto;width:100%;max-width:100vw;position:relative;z-index:100;min-height:100vh;background:linear-gradient(135deg,rgba(25,37,60,0.92) 0%,rgba(13,20,36,0.88) 40%,rgba(6,10,18,0.85) 100%);border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,0.45),0 6px 16px rgba(0,0,0,0.30);backdrop-filter:blur(6px) saturate(140%);opacity:1!important;animation:none!important;animation-delay:1.75s}@media (max-width:639px){#overlayContainer{margin:0 auto;width:100vw;max-width:100vw}}@keyframes fadeInElements{to{opacity:1}}.fade-in{opacity:0;animation:fadeInElement 1s forwards}@keyframes fadeInElement{to{opacity:1}}.fade-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out,box-shadow .6s ease-out;margin:3.6rem 9%;padding:3rem 2rem;background:linear-gradient(135deg,rgba(28,40,65,.95) 0%,rgba(18,25,42,.93) 50%,rgba(10,15,28,.90) 100%);border:1px solid rgba(255,255,255,.07);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.45),0 6px 16px rgba(0,0,0,.30);backdrop-filter:blur(4px) saturate(130%)}.fade-on-scroll.in-view{opacity:1;transform:translateY(0)}.fade-on-scroll + .fade-on-scroll{margin-top:6rem;border-top:none}.hero{margin-top:100px;text-align:center;padding:60px 20px}.hero .logo{font-size:3.5rem;font-weight:bold;color:#0ea5e9;text-shadow:0 0 15px rgba(14,165,233,0.8)}.hero .motto{font-size:1.5rem;margin-top:10px;color:#94a3b8}.main-content{max-width:1200px;margin:40px auto;text-align:center;padding:20px}.search-container{position:relative;display:inline-block;width:70%;max-width:600px;margin:40px auto}.search-bar{width:100%;padding:15px 50px;font-size:1rem;border-radius:50px;border:none;color:#d1d5db;text-align:center;outline:none;transition:background 0.3s}.search-bar:focus{background:rgba(255,255,255,0.2)}.search-container img.icon{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;object-fit:contain}.search-container img#hourglass{left:15px}.search-container img#arrow{right:15px;cursor:pointer;transition:transform 0.3s ease}.search-container img#arrow:hover{transform:translateY(-50%) scale(1.2)}.search-container img#arrow:active{transform:translateY(-50%) scale(1)}.button-group{margin-top:20px;display:flex;justify-content:center;gap:20px}.button-group button{padding:15px 30px;font-size:1rem;border:none;border-radius:25px;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-weight:bold;box-shadow:0 5px 15px rgba(14,165,233,0.5);transition:transform 0.3s,box-shadow 0.3s}.button-group button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(14,165,233,0.8)}.filter-options{display:none;margin-top:10px;text-align:center}.filter-options button{padding:10px 15px;margin:5px;border:none;border-radius:5px;cursor:pointer;background:rgba(14,165,233,0.5);color:#fff;transition:background 0.3s}.filter-options button.active{background:rgba(14,165,233,1)}.featured-products{margin-top:40px;padding:30px;background:rgba(255,255,255,0.1);border-radius:10px;text-align:center;animation:fadeIn 1s ease-out}.featured-products h2{margin-bottom:20px}:root{--header-offset:4.5rem}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal{display:none;position:fixed;z-index:80000;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,.5);animation:fadeIn .5s}.modal-content{position:relative;z-index:80001;margin:calc(var(--header-offset) + 5vh) auto 5vh;padding:24px 28px;border-radius:14px;width:90%;max-width:800px;color:#d1d5db;background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 18px 40px rgba(0,0,0,.55)}.modal-content.welcome{background:linear-gradient(145deg,#17233b,#0c1526 60%);box-shadow:0 22px 48px rgba(0,0,0,.65)}#constructionModal .modal-content{color:#d97706;background:linear-gradient(145deg,#3b2c09,#1f1c00);box-shadow:0 20px 50px rgba(0,0,0,.7)}.modal-close{position:absolute;top:0;right:0;transform:translate(50%,-50%);width:2.3rem;height:2.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 1.25rem/1 Poppins,sans-serif;background:linear-gradient(145deg,#ef4444,#b91c1c);color:#fff;border:none;cursor:pointer;opacity:.9;box-shadow:0 4px 8px rgba(0,0,0,.35),inset 0 2px 4px rgba(255,255,255,.15)}.modal-close:hover{opacity:1;transform:translate(50%,-50%) scale(1.05)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;margin-bottom:18px}.product-item{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));padding:12px;border-radius:10px;text-align:center;cursor:pointer;transition:transform .25s,box-shadow .25s;box-shadow:0 3px 8px rgba(0,0,0,.35)}.product-item:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.45)}.pagination-controls{text-align:center;margin-top:18px}.pagination-controls button{padding:8px 14px;margin:0 6px;border:none;border-radius:6px;background:rgba(14,165,233,.55);color:#fff;cursor:pointer}.hot-products-section{width:100%;max-width:100%;overflow-x:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding-left:0;padding-right:0}@media (min-width:768px){.hot-products-section{flex-direction:row;max-width:1280px;width:100%;margin:0 auto}}.hot-products-video,.hot-products-carousel{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}@media (min-width:768px){.hot-products-video,.hot-products-carousel{width:50%;max-width:none}}.section-carousel{overflow:hidden;position:relative;width:100%;max-width:540px;margin-bottom:20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box}@media (min-width:768px){.section-carousel{width:100%;max-width:540px;height:500px;min-height:500px;max-height:500px}}.carousel-track{display:flex;flex-direction:row;flex:1 1 auto;height:420px}@media (min-width:768px){.carousel-track{width:100%;max-width:540px;height:420px;min-height:420px;max-height:420px}}.hot-products-video video,#hot-video-carousel video,.section-blocks video,.video-hot-product{width:100%!important;max-width:700px!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;border-radius:1rem!important;box-shadow:0 3px 18px rgba(14,165,233,0.18);background:#101828!important;display:block;margin:0 auto}@media (max-width:768px){.hot-products-video video,#hot-video-carousel video,.section-blocks video,.video-hot-product{max-width:98vw!important}}.carousel-slide{min-width:100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.carousel-img{flex:1 1 100%;width:100%;height:100%;object-fit:cover;border-radius:1.2rem;box-sizing:border-box;display:block;background:#111c2c!important}.carousel-dots{margin:8px 0 0 0;text-align:center;z-index:5001!important;position:relative!important;display:block!important;pointer-events:auto!important;width:100%!important}.carousel-dot{cursor:pointer;display:inline-block;width:12px;height:12px;margin:0 3px;border-radius:50%;background:rgba(120,120,120,0.3);transition:background 0.2s;border:2px solid #0ea5e9}.carousel-dot.active,.carousel-dot[aria-current="true"]{background:#0ea5e9!important;border-color:#0ea5e9!important}.carousel-caption{margin-top:10px;margin-bottom:6px;min-height:28px;font-size:1.08em;text-align:center!important;font-weight:500;line-height:1.3;color:#e4e8ef!important;background:none!important;z-index:5001!important}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:2em;z-index:5002!important;cursor:pointer;width:40px;height:40px;color:#0ea5e9;opacity:0.95}.carousel-arrow.left{left:0}.carousel-arrow.right{right:0}.section-title{background:linear-gradient(90deg,#e3e3e7 0%,#babec4 20%,#f2f2f7 40%,#d1d5db 60%,#b0b0b7 85%,#f6f7fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;@media (max-width:600px){-webkit-text-fill-color:transparent;color:transparent;background-clip:text;-webkit-background-clip:text}text-shadow:0 2px 9.6px rgba(190,190,190,0.56),0 0px 3.2px #e6e6e6,0 2px 19.2px #b0c4de88;font-weight:900;}.section-title a.section-link{color:#0ea5e9!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:#0ea5e9!important;background-clip:initial!important;text-fill-color:#0ea5e9!important;text-decoration:underline!important;font-weight:600;transition:color 0.18s;position:relative;z-index:2}@media (max-width:600px){.section-title a.section-link{color:#0ea5e9!important;-webkit-text-fill-color:#0ea5e9!important;text-fill-color:#0ea5e9!important;background-clip:initial!important;-webkit-background-clip:initial!important}}.section-title a.section-link:hover,.section-title a.section-link:active,.section-title a.section-link:focus{color:#0284c7!important;-webkit-text-fill-color:#0284c7!important;text-fill-color:#0284c7!important;text-decoration:underline!important}a.section-link:not(.section-title a.section-link){color:#0ea5e9!important;-webkit-text-fill-color:#0ea5e9!important;text-fill-color:#0ea5e9!important;text-decoration:underline!important;font-weight:600;transition:color 0.18s;background-clip:initial!important;-webkit-background-clip:initial!important}@media (max-width:600px){a.section-link:not(.section-title a.section-link){color:#0ea5e9!important;-webkit-text-fill-color:#0ea5e9!important;text-fill-color:#0ea5e9!important;background-clip:initial!important;-webkit-background-clip:initial!important}}a.section-link:not(.section-title a.section-link):hover,a.section-link:not(.section-title a.section-link):active,a.section-link:not(.section-title a.section-link):focus{color:#0284c7!important;-webkit-text-fill-color:#0284c7!important;text-fill-color:#0284c7!important;text-decoration:underline!important}.tech-logo-wrapper{flex:0 0 auto;padding:1.05rem 2.1rem;border-radius:0.85rem;background:linear-gradient(135deg,rgba(22,32,54,0.94) 0%,rgba(12,20,34,0.93) 60%,rgba(8,14,27,0.91) 100%);box-shadow:0 6px 22px 0 rgba(2,132,199,0.22),0 1px 6px 0 rgba(14,165,233,0.17),0 0 0 1.5px #0ea5e988;display:flex;align-items:center;justify-content:center;transition:box-shadow 0.22s,transform 0.20s}.tech-logo-wrapper:hover{box-shadow:0 12px 40px 0 #0ea5e955,0 4px 12px 0 #0284c766,0 0 0 2px #0ea5e9dd,0 0 22px 4px #38bdf855;transform:translateY(-2.5px) scale(1.03)}.tech-logo-img{height:3.2rem;width:auto;border-radius:0.55rem;background:rgba(16,27,48,0.82);box-shadow:0 2px 12px 0 #0ea5e977,0 0 0 1.5px #1e293bcc;padding:0.2rem 0.65rem;transition:box-shadow 0.18s,filter 0.18s;filter:brightness(1.10) saturate(1.12) drop-shadow(0 2px 10px #0284c744)}.tech-logo-wrapper:hover .tech-logo-img{filter:brightness(1.17) saturate(1.20) drop-shadow(0 0 18px #0ea5e9bb);box-shadow:0 8px 32px 1.5px #0ea5e9dd,0 0 0 2.5px #38bdf877}#tech-logo-carousel{width:100%;max-width:860px;margin:0 auto;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;height:calc(3.2rem * 1.2 + 2.1rem * 2);min-height:5.3rem;box-sizing:border-box}#tech-logo-carousel .carousel-track{display:flex;align-items:center;justify-content:flex-start;gap:3.8rem;width:max-content;will-change:transform;transition:gap 0.2s}@media (min-width:641px){#tech-logo-carousel .carousel-track{gap:calc((100vw - 860px) / 12 + 2.8rem)}}@media (max-width:640px){#tech-logo-carousel{max-width:97vw;height:calc(2.88rem * 1.2 + 1.8rem * 2);min-height:3.8rem}#tech-logo-carousel .carousel-track{gap:1.2rem}}#tech-logo-carousel .tech-logo-wrapper{display:flex;align-items:center;justify-content:center}#tech-logo-carousel .tech-logo-img{display:block;height:3.2rem;width:auto}@media (max-width:640px){#tech-logo-carousel .tech-logo-img{height:2.88rem}}#detailView{display:none}.carousel{position:relative;overflow:hidden;height:300px}.carousel img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .5s}.carousel-controls{margin-top:12px;text-align:center}.carousel-controls button{padding:6px 12px;margin:0 6px;border:none;border-radius:6px;background:rgba(14,165,233,.55);color:#fff;cursor:pointer}.add-to-cart{margin-top:18px;text-align:center}.quantity-control{display:inline-flex;align-items:center}.quantity-control button{padding:6px 12px;border:none;background:rgba(14,165,233,.55);color:#fff;cursor:pointer}.quantity-control input{width:44px;text-align:center;border:1px solid #334155;margin:0 6px;border-radius:4px;background:#0f172a;color:#e2e8f0}footer{margin-top:42px;padding:22px;text-align:center;font-size:.9rem;color:#94a3b8;background:rgba(255,255,255,.1);animation:slideUp 1s ease-out}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}#wheelTooltip{opacity:0;transform:translateY(120%);pointer-events:none}#wheelTooltip[style*="display: flex"]{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;transition:opacity 0.3s,transform 0.4s}@media (max-width:639px){.fade-on-scroll h2{font-size:calc(1.75rem - 2px)!important}.fade-on-scroll p,.fade-on-scroll .section-blocks p,.fade-on-scroll li,.fade-on-scroll span,.fade-on-scroll div{font-size:calc(1rem - 2px)!important}}.dropdown-content{display:none}