:root{--navy:#072f68;--blue:#0a4fa4;--royal:#096dd6;--ink:#102746;--muted:#6e7e93;--light:#f4f7fb;--border:#e2e9f1;--yellow:#ffce24;--green:#168854;--radius:16px;--shadow:0 12px 35px rgba(9,44,91,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%}.icons{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.container{max-width:1210px;margin:0 auto;padding:0 26px}.topline{height:5px;background:linear-gradient(90deg,#ffcc0f 0 24%,#0aa357 25% 49%,#e9222c 50% 75%,#1189db 76%)}.topbar{background:#062b60;color:#d3e5fb;font-size:12px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:35px;gap:12px}.topbar strong{display:flex;align-items:center;gap:7px;font-weight:700;color:#fff}.topbar .icon{height:13px;width:13px}.header{height:91px;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e7eef5;z-index:45}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:246px;display:flex;align-items:center}.brand img{display:block;width:100%;height:auto}.head-nav{display:flex;align-items:center;gap:34px;margin-left:auto;color:#355170;font-weight:700;font-size:14px}.head-nav a:hover{color:var(--blue)}.header-cart{background:var(--navy);border:0;border-radius:12px;color:#fff;display:flex;gap:10px;align-items:center;padding:13px 16px;font-weight:800;font-size:14px}.header-cart:hover{background:#0851a5}.cart-count{min-width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#10284d;font-size:12px}.hero{background:radial-gradient(circle at 77% 28%,#8dd7ff 0%,transparent 24%),linear-gradient(115deg,#062e68 0%,#0c4c9b 56%,#0a84e0 100%);position:relative;color:#fff;overflow:hidden}.hero-content{min-height:430px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{padding:66px 0 80px;max-width:680px;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff55;border-radius:30px;padding:8px 14px;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#e2efff}.eyebrow-dot{width:7px;height:7px;background:#ffd521;border-radius:50%}.eyebrow-divider{opacity:.35}.hero h1{font-family:Outfit,Arial,sans-serif;font-weight:900;font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-1.8px;max-width:640px;margin:25px 0 18px}.hero h1 em{color:var(--yellow);font-style:normal}.hero-copy>p{font-size:17px;line-height:1.7;max-width:545px;color:#d8e9ff;margin:0}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;font-weight:800;border-radius:12px;border:0;padding:14px 20px;transition:transform .15s,background .15s;white-space:nowrap;font-size:14px}.btn:hover{transform:translateY(-1px)}.btn-bright{background:#ffcb21;color:#113366;box-shadow:0 7px 20px #00224b35}.btn-primary{background:#0b52a5;color:#fff}.btn-primary:hover{background:#063a79}.btn-green{background:#168553;color:#fff}.btn-green:hover{background:#0d7143}.btn:disabled{opacity:.45;cursor:not-allowed}.hero-hint{font-size:13px;color:#d6e7ff;font-weight:600;display:flex;align-items:center;gap:8px}.hero-hint .icon{width:17px;height:17px}.hero-art{position:absolute;right:0;bottom:0;top:0;width:47%;z-index:0;pointer-events:none}.art-ring{position:absolute;border:1px solid #ffffff40;width:490px;height:490px;border-radius:50%;top:-100px;right:-92px}.art-ring-two{height:660px;width:660px;top:-192px;right:-170px;border-color:#ffffff20}.hero-art-card{position:absolute;right:72px;top:104px;border:1px solid #ffffff6d;background:linear-gradient(145deg,#ffffff34,#ffffff11);backdrop-filter:blur(7px);border-radius:27px;min-width:244px;padding:28px;color:white;box-shadow:0 18px 40px #002a6677;transform:rotate(8deg)}.hero-art-icon{height:60px;width:60px;border-radius:19px;background:#ffc927;color:#0a4c92;display:grid;place-items:center;margin-bottom:18px}.hero-art-icon .icon{width:35px;height:35px}.hero-art-card strong{font:800 29px Outfit;display:block}.hero-art-card small{font-size:15px;color:#e7f3ff;line-height:1.5}.art-swoosh{position:absolute;bottom:-210px;right:-30px;height:420px;width:560px;border-radius:50%;background:linear-gradient(50deg,#02519b,#12a2ec);transform:rotate(-30deg)}.art-yellow{position:absolute;bottom:20px;right:-25px;width:470px;height:9px;border-radius:50%;transform:rotate(-22deg);background:#fbd121}.hero-swoosh{position:absolute;bottom:-10px;left:0;right:0;height:21px;background:linear-gradient(90deg,#f7cb24 0%,#f7cb24 24%,#21b85d 24%,#21b85d 49%,#ed2e36 49%,#ed2e36 73%,#24a1dd 73%);clip-path:polygon(0 100%,100% 30%,100% 100%)}.trustbar{background:#fff;border-bottom:1px solid #e6edf5}.trust-inner{min-height:98px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:25px}.trust-inner>div{display:flex;align-items:center;gap:15px;padding:6px 0}.trust-inner>div:not(:last-child){border-right:1px solid #e1eaf4}.trust-inner .icon{height:30px;width:30px;color:#1765b0}.trust-inner span{display:flex;flex-direction:column;gap:4px}.trust-inner b{font-size:13px}.trust-inner small{color:#738399;font-size:11px}.catalog-section{background:#f7f9fc;padding:66px 0 86px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:25px}.section-label{font-size:11px;font-weight:900;color:#0b66b7;letter-spacing:1.5px}.section-top h2,.how h2{font:800 clamp(28px,3vw,40px) Outfit,sans-serif;letter-spacing:-.9px;line-height:1.14;margin:12px 0}.dot{color:#f1bb0b}.section-top p{color:#758296;margin:9px 0 0;font-size:14px}.result-pill{border-radius:40px;background:#e6edf7;color:#315783;padding:9px 13px;font-weight:800;font-size:12px;white-space:nowrap}.demo-notice{padding:13px 15px;border:1px solid #f1d37b;background:#fff7d9;color:#735414;display:flex;align-items:flex-start;gap:11px;border-radius:11px;margin:0 0 18px;font-size:12px;line-height:1.6}.demo-notice .icon{color:#9d6903}.filter-panel{padding:14px;background:#fff;border:1px solid #e3eaf2;box-shadow:0 4px 17px #032a4e06;border-radius:15px;display:flex;gap:12px;align-items:stretch}.search-field{display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #e2e8f0;background:#fbfcfe;border-radius:11px;flex:1;min-width:160px;color:#7790aa}.search-field input{width:100%;height:46px;min-width:0;border:0;background:transparent;outline:0;color:#15365b;font-size:14px}.search-field:focus-within{border-color:#2084d0;box-shadow:0 0 0 3px #a8dbff65}.select-wrap{min-width:177px;padding:6px 36px 6px 13px;border:1px solid #e1e8f0;border-radius:11px;position:relative;display:flex;flex-direction:column;justify-content:center}.select-wrap span{font-size:10px;font-weight:900;color:#8291a3}.select-wrap select{background:transparent;outline:0;border:0;appearance:none;color:#183a61;font-size:13px;font-weight:700;cursor:pointer;width:100%;padding:2px 0}.select-wrap .icon{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:15px;color:#7e92a5;pointer-events:none}.sort-wrap{min-width:150px}.chips{display:flex;gap:9px;align-items:center;margin:20px 0 26px;overflow-x:auto;padding:1px 0 8px;scrollbar-width:thin}.chip{border:1px solid #dfebf6;background:#fff;color:#526e8f;padding:10px 17px;border-radius:40px;font-size:13px;font-weight:800;white-space:nowrap}.chip.active{background:#0b4b95;color:#fff;border-color:#0b4b95;box-shadow:0 4px 12px #103d802c}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}.product-card{border:1px solid #e8ecf2;background:white;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 10px #102b4707;transition:transform .17s,box-shadow .17s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-media{height:210px;position:relative;background:#f0f5fb;display:grid;place-items:center;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.product-card:hover .product-media img{transform:scale(1.035)}.product-brand{position:absolute;left:12px;top:12px;border-radius:25px;background:#ffffffeb;border:1px solid #e8eef5;padding:6px 10px;font-size:10px;font-weight:900;color:#214c81;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info{padding:17px 17px 12px;flex:1}.product-cat{font-size:10px;letter-spacing:.6px;font-weight:900;color:#5988ba;text-transform:uppercase}.product-name{font-family:Outfit,sans-serif;font-size:18px;line-height:1.24;min-height:46px;margin:8px 0 8px;font-weight:750}.sku{font-size:11px;color:#9cabbd;display:block}.product-unit{font-size:12px;color:#70849a;margin-top:7px;display:inline-block}.product-footer{padding:11px 17px 17px}.price-label{font-size:10px;color:#8d9bab;display:block}.product-price{font-family:Outfit,sans-serif;font-size:25px;font-weight:800;color:#083f84;letter-spacing:-.8px;display:block;margin:1px 0 12px}.product-price.missing{font-size:16px;color:#6e7e93;padding:8px 0}.add-button{width:100%;border:0;background:#0b4e9b;color:white;border-radius:11px;height:42px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:13px}.add-button:hover{background:#0764bf}.add-button .icon{height:16px;width:16px}.qty-stepper{height:42px;border:1px solid #a8c9e8;border-radius:10px;display:grid;grid-template-columns:43px 1fr 43px;background:#f0f7ff}.qty-stepper button{background:transparent;border:0;color:#0a4e99;display:grid;place-items:center}.qty-stepper span{display:grid;place-items:center;font-weight:900;color:#063d76}.qty-stepper .icon{width:16px;height:16px}.loading{grid-column:1/-1;min-height:200px;display:flex;align-items:center;justify-content:center;gap:12px;color:#6783a1}.loader{height:19px;width:19px;border:2px solid #dbe9f8;border-top-color:#0b59a9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-results{text-align:center;padding:50px 20px}.empty-results span{font-size:75px;color:#7e9bbc}.empty-results h3{font:800 25px Outfit;margin:0 0 6px}.empty-results p{color:#76889b;margin-bottom:20px}.how{padding:68px 0 78px;background:white}.how-header{text-align:center;margin-bottom:35px}.how h2 em{font-style:normal;color:#0a69b8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{position:relative;border:1px solid #e3ebf3;border-radius:16px;padding:28px;background:linear-gradient(160deg,#f8fbff,#fff)}.steps article>.icon{height:37px;width:37px;color:#1767b7}.step-n{position:absolute;top:18px;right:19px;font:900 28px Outfit;color:#dfeafa}.steps h3{font:800 20px Outfit;margin:20px 0 7px}.steps p{color:#6b7b90;font-size:14px;line-height:1.6;margin:0}.footer{background:#062d62;color:white;position:relative}.footer-inner{display:flex;gap:25px;align-items:center;justify-content:space-between;min-height:144px}.footer-inner>div{display:flex;flex-direction:column;gap:5px}.footer-inner strong{font:800 27px Outfit}.footer-inner span{color:#d1e3fb;font-size:12px}.footer-inner p{color:#c0d4ed;font-size:12px;line-height:1.7}.footer-inner a{color:#fff;font-size:12px;font-weight:800}.footer-rainbow{height:6px;background:linear-gradient(90deg,#ec262f 0 25%,#ffcf1e 25% 50%,#37b747 50% 75%,#1992e3 75%)}.mini-cart{position:fixed;bottom:0;left:0;right:0;z-index:42;background:#073b80;color:white;box-shadow:0 -10px 26px #072a6a3b;padding:9px 0 calc(9px + env(safe-area-inset-bottom))}.mini-cart-inner{display:flex;align-items:center;justify-content:space-between}.mini-cart-inner>div{display:flex;flex-direction:column;gap:2px}.mini-cart-inner span{font-size:12px;color:#c8dfff}.mini-cart-inner b{font:800 21px Outfit}.mini-cart .btn{padding:12px 16px}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(4,19,43,.62);z-index:60;backdrop-filter:blur(3px)}.cart-drawer{position:fixed;top:0;bottom:0;right:0;max-width:100%;width:440px;background:white;z-index:61;box-shadow:-20px 0 70px #0003;display:flex;flex-direction:column}.drawer-head{padding:26px 23px 18px;border-bottom:1px solid #e4eaf3;display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{font:800 26px Outfit;margin:5px 0 0}.drawer-head h2 span{font-weight:500;color:#6a829e;font-size:18px}.icon-button{border:0;background:#f1f5fa;width:37px;height:37px;border-radius:10px;display:grid;place-items:center;color:#27537f}.drawer-scroll{overflow-y:auto;flex:1;padding:10px 22px}.cart-items{display:flex;flex-direction:column}.cart-item{display:grid;grid-template-columns:75px 1fr;gap:13px;border-bottom:1px solid #edf1f6;padding:18px 0}.cart-thumb{width:75px;height:76px;border-radius:11px;background:#edf4fa;object-fit:contain}.cart-item-name{font-size:14px;font-weight:800;line-height:1.3}.cart-item-sub{font-size:12px;color:#8895a7;margin-top:3px}.cart-item-bot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.cart-item-price{font-weight:800;color:#074b91;font-size:14px}.cart-smallqty{display:flex;align-items:center;border:1px solid #d7e4f1;border-radius:8px;overflow:hidden}.cart-smallqty button{width:29px;height:28px;border:0;background:#f4f8fc;color:#0b5aa8}.cart-smallqty button .icon{height:13px;width:13px}.cart-smallqty span{width:26px;text-align:center;font-size:12px;font-weight:800}.cart-empty{text-align:center;margin-top:20vh}.cart-empty>.icon{width:50px;height:50px;color:#95aac2}.cart-empty h3{font:800 23px Outfit;margin:13px 0 4px}.cart-empty p{color:#73879c;font-size:13px;margin:0 0 20px}.drawer-bottom{padding:20px 23px 25px;box-shadow:0 -10px 30px #122d460d;border-top:1px solid #e4eaf3}.cart-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.cart-summary>span{font-size:13px;color:#576b83;font-weight:800}.cart-summary strong{font:800 26px Outfit;color:#063e80}.drawer-bottom>small{font-size:10px;color:#8695a7;display:block;margin:7px 0 18px}.drawer-bottom .btn{width:100%}.modal-backdrop{display:grid;place-items:center;padding:20px;z-index:85;overflow-y:auto}.modal{background:white;border-radius:23px;width:100%;max-width:520px;padding:35px;box-shadow:0 35px 80px #06132b57}.pj-modal{text-align:center}.pj-icon{width:66px;height:66px;border-radius:19px;display:grid;place-items:center;background:#e7f1ff;color:#0a55a9;margin:0 auto 20px}.pj-icon .icon{width:31px;height:31px}.pj-modal h2{font:800 33px/1.1 Outfit;margin:14px 0}.pj-modal h2 em{font-style:normal;color:#086abe}.pj-modal p,.checkout-modal>p{color:#647990;line-height:1.7;font-size:14px}.pj-info{padding:12px 14px;background:#f2f8f3;border-radius:10px;color:#287248;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0}.pj-info .icon{height:16px;width:16px}.wide{width:100%}.text-button{margin-top:15px;border:0;background:none;color:#7287a0;font-weight:700;font-size:12px;text-decoration:underline}.checkout-modal{max-width:500px;padding:29px}.checkout-heading{display:flex;justify-content:space-between;align-items:flex-start}.checkout-heading h2{font:800 28px Outfit;margin:8px 0 0}.checkout-modal>p{margin:12px 0 20px}.checkout-modal form{display:flex;flex-direction:column;gap:13px}.form-label{display:flex;flex-direction:column;gap:6px;color:#315071;font-weight:800;font-size:12px}.form-label strong{color:#d64c50}.form-label input,.form-label textarea{border:1px solid #dce6f1;padding:13px 12px;border-radius:10px;color:#1c3e60;outline:0;background:#fcfdff;font-size:13px;resize:vertical}.form-label input:focus,.form-label textarea:focus{border-color:#348cd2;box-shadow:0 0 0 3px #b1dfff70}.checkout-modal form small{color:#8393a5;line-height:1.5;font-size:10px}.error-text{margin:0;color:#ad2525;background:#fff1f0;border:1px solid #f4c9c5;border-radius:9px;padding:10px;font-size:12px}.toast{position:fixed;bottom:90px;left:50%;z-index:100;transform:translateX(-50%);background:#0b3e7c;color:#fff;box-shadow:0 15px 35px #0004;border-radius:30px;padding:13px 20px;font-weight:800;font-size:13px;min-width:200px;text-align:center}.product-empty{grid-column:1/-1;padding:50px 20px;text-align:center;color:#607c9b}body.modal-open{overflow:hidden}[hidden]{display:none!important}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{right:-70px}.hero-art-card{right:35px}.hero-copy{max-width:570px}}@media(max-width:750px){.container{padding:0 18px}.topbar-inner>span{display:none}.topbar-inner{justify-content:center}.header{height:70px}.brand{width:170px}.head-nav{display:none}.header-cart{padding:12px}.header-cart-label{display:none}.hero-content{min-height:385px}.hero-copy{padding:56px 0 69px}.hero h1{font-size:42px;letter-spacing:-1px}.hero-copy>p{font-size:14px;max-width:440px}.hero-art{opacity:.23;width:50%;right:-160px}.hero-art-card{right:10px}.trust-inner{grid-template-columns:1fr;gap:0;padding-top:12px;padding-bottom:12px}.trust-inner>div{padding:12px 0}.trust-inner>div:not(:last-child){border-right:0;border-bottom:1px solid #e5edf5}.catalog-section{padding:47px 0 65px}.section-top{align-items:flex-start}.section-top h2{font-size:30px}.result-pill{margin-top:9px}.filter-panel{flex-wrap:wrap}.search-field{flex-basis:100%}.select-wrap{flex:1;min-width:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-media{height:172px}.product-info{padding:13px 12px 9px}.product-name{font-size:16px;min-height:39px}.product-footer{padding:9px 12px 12px}.product-price{font-size:22px}.steps{grid-template-columns:1fr}.how{padding:50px 0}.footer-inner{flex-direction:column;align-items:flex-start;padding-top:30px;padding-bottom:30px;gap:12px;min-height:0}.footer-inner p{margin:0}.mini-cart .btn{font-size:12px}.hero-actions{flex-wrap:wrap}.modal{padding:25px}.pj-modal h2{font-size:28px}}@media(max-width:400px){.container{padding:0 14px}.brand{width:148px}.hero h1{font-size:36px}.hero-copy>p{font-size:13px}.hero-actions{gap:14px}.hero-hint{font-size:11px}.product-media{height:140px}.product-name{font-size:14px}.price-label{font-size:9px}.product-price{font-size:19px}.add-button{font-size:11px}.section-top h2{font-size:26px}.result-pill{font-size:10px}.cart-drawer{width:100%}}
