:root{--white: #ffffff;--gray-50: #f5f5f7;--gray-100: #e8e8ed;--gray-400: #aeaeb2;--gray-500: #86868b;--gray-600: #6e6e73;--black: #0B1020;--accent: #6D28D9;--accent-h: #5B21B6;--purple: #6D28D9;--cyan: #22D3EE;--page-width: 1100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-weight:400;color:var(--black);background:var(--white);line-height:1.47059;-webkit-font-smoothing:antialiased}.headline{font-size:clamp(2.6rem,5vw,4.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:#1d1d1f}.headline-2{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.022em;line-height:1.1;color:#1d1d1f}.headline-3{font-size:clamp(1.25rem,2vw,1.6rem);font-weight:600;letter-spacing:-.015em;color:#1d1d1f}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-600)}.body-text{font-size:clamp(1rem,1.5vw,1.15rem);font-weight:450;color:var(--gray-500);line-height:1.6;max-width:540px}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.nav-inner{max-width:var(--page-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:48px}.nav-logo{font-size:1.15rem;font-weight:700;color:#1d1d1f;text-decoration:none;letter-spacing:-.02em}.nav-logo span{color:var(--purple)}.nav-menu{display:flex;gap:32px;list-style:none}.nav-menu a{color:#00000080;text-decoration:none;font-size:.75rem;font-weight:500;transition:color .2s}.nav-menu a:hover{color:var(--black)}.nav-actions{display:flex;align-items:center;gap:20px}.nav-icon{color:#000c;text-decoration:none;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:color .2s}.nav-icon:hover{color:#000}.nav-bag{position:relative}.nav-bag-count{position:absolute;top:-6px;right:-8px;background:var(--purple);color:#fff;font-size:.6rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:120;margin-right:-8px}.nav-toggle span{display:block;width:18px;height:2px;background:#1d1d1f;border-radius:1px;transition:transform .25s,opacity .25s}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:99;opacity:0;transition:opacity .3s}.nav-overlay.open{display:block;opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 28px;border-radius:980px;border:none;font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-fill{background:var(--accent);color:#fff}.btn-fill:hover{background:var(--accent-h);transform:scale(1.03)}.btn-outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-outline:hover{background:var(--accent);color:#fff}.btn-dark{background:#1d1d1f;color:#fff}.btn-dark:hover{background:#000}.section{padding:100px 32px;max-width:var(--page-width);margin:0 auto}.section-alt{background:var(--gray-50);padding:100px 32px}.section-inner{max-width:var(--page-width);margin:0 auto}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#fbfbfd,#fff 30%);padding:80px 32px 100px}.hero-wrap{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.hero-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-600)}.hero h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:1.02;color:#1d1d1f}.hero h1 .gradient-text{background:linear-gradient(135deg,#8b5cf6,#6366f1 40%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:450;color:var(--gray-500);max-width:480px;line-height:1.55}.hero-buttons{display:flex;gap:14px;margin-top:8px}.hero-visual{margin-top:40px;width:100%;max-width:1100px;aspect-ratio:16/9;background:#f5f5f7;border-radius:28px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual .placeholder{font-size:.9rem;color:#aeaeb2;font-weight:500}.product-header{text-align:center;margin-bottom:72px}.product-header .eyebrow,.product-header .headline-2{margin-bottom:12px}.product-header .body-text{margin:0 auto}.product-stack{display:flex;flex-direction:column;gap:0}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:48px 0;border-bottom:.5px solid #e8e8ed}.product-row:last-child{border-bottom:none}.product-row.reverse{direction:rtl}.product-row.reverse .product-copy{direction:ltr}.product-shot{aspect-ratio:1/1;background:#f5f5f7;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-shot img{width:100%;height:100%;object-fit:cover}.product-shot .ph-text{font-size:.85rem;color:#aeaeb2;font-weight:500}.product-copy{display:flex;flex-direction:column;gap:12px;max-width:400px}.product-copy .badge{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--purple)}.product-copy .name{font-size:2rem;font-weight:800;letter-spacing:-.02em}.product-copy .desc{font-size:1rem;color:var(--gray-500);line-height:1.55;font-weight:450}.product-copy .specs-row{display:flex;gap:24px;margin:4px 0 8px}.product-copy .specs-row .spec{font-family:JetBrains Mono,SF Mono,monospace;font-size:.75rem;color:var(--gray-500);display:flex;flex-direction:column;gap:2px}.product-copy .specs-row .spec .label{font-size:.65rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.03em}.product-copy .price{font-size:1.3rem;font-weight:700;color:#1d1d1f;margin-top:4px}.product-form{margin-top:4px}.product-form select{padding:8px 12px;border-radius:8px;border:1px solid var(--gray-100);font-family:inherit;font-size:.85rem;margin-bottom:8px;background:#fff;width:100%;max-width:200px}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split-visual{aspect-ratio:1/1;background:#f5f5f7;border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}.split-visual img{width:100%;height:100%;object-fit:cover}.split-visual .code-block{font-family:JetBrains Mono,SF Mono,monospace;font-size:.85rem;line-height:1.9;color:#1d1d1f}.split-visual .code-block .kw{color:var(--purple)}.split-visual .code-block .str{color:#0071e3}.split-visual .code-block .note{color:#aeaeb2}.split-copy{display:flex;flex-direction:column;gap:24px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:20px}.feature-list li{border-top:.5px solid #e8e8ed;padding-top:18px}.feature-list li strong{font-weight:600;color:#1d1d1f;display:block;margin-bottom:2px}.feature-list li span{font-weight:450;color:var(--gray-500);font-size:.92rem}.specs-header{text-align:center;margin-bottom:56px}.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:var(--page-width);margin:0 auto;padding:0 32px}.specs-grid .s{text-align:center;padding:36px 16px;border-right:.5px solid #e8e8ed}.specs-grid .s:nth-child(4n){border-right:none}.specs-grid .s:nth-child(-n+4){border-bottom:.5px solid #e8e8ed}.specs-grid .s .s-icon{font-size:1.5rem;margin-bottom:10px}.specs-grid .s .s-val{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#1d1d1f}.specs-grid .s .s-label{font-size:.78rem;color:var(--gray-500);font-weight:450}.cta-section{text-align:center;padding:120px 32px;max-width:var(--page-width);margin:0 auto}.cta-section .headline-2{margin-bottom:12px}.cta-section .body-text{margin:0 auto 28px}.site-footer{background:var(--gray-50);border-top:.5px solid #e8e8ed;padding:36px 32px}.footer-inner{max-width:var(--page-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-left{font-size:.78rem;color:var(--gray-400)}.footer-left strong{color:#1d1d1f;font-weight:600}.footer-links{display:flex;gap:24px;list-style:none;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--gray-400);text-decoration:none;font-size:.78rem}.footer-links a:hover{color:#1d1d1f}.footer-social{display:flex;gap:16px}.footer-social a{color:var(--gray-400);text-decoration:none;font-size:.78rem}.footer-social a:hover{color:#1d1d1f}.product-page{padding:120px 32px 80px;max-width:var(--page-width);margin:0 auto}.product-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.product-gallery{display:flex;flex-direction:column;gap:16px}.gallery-main{width:100%;aspect-ratio:1/1;background:#fff;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-100)}.gallery-main img{width:100%;height:100%;object-fit:contain;padding:24px}.gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap}.gallery-thumbs .thumb{width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;background:#f5f5f7;transition:border-color .2s}.gallery-thumbs .thumb:hover{border-color:var(--gray-100)}.gallery-thumbs .thumb.active{border-color:var(--accent)}.gallery-thumbs .thumb img{width:100%;height:100%;object-fit:cover}.product-details{display:flex;flex-direction:column;gap:16px}.product-details .vendor{font-size:.75rem;font-weight:600;color:var(--purple);text-transform:uppercase;letter-spacing:.08em}.product-details h1{font-size:2.5rem;font-weight:800;letter-spacing:-.025em}.product-details .price{font-size:1.5rem;font-weight:700}.product-details .description{color:var(--gray-500);line-height:1.6}.product-details .specs-table{font-family:JetBrains Mono,monospace;font-size:.8rem;background:#f5f5f7;padding:20px;border-radius:14px}.product-details .specs-table tr td{padding:6px 0}.product-details .specs-table tr td:first-child{color:var(--gray-400);padding-right:20px}.product-details .specs-table tr td:last-child{color:#1d1d1f}.product-details .quantity-selector{display:flex;align-items:center;gap:12px}.product-details .quantity-selector input{width:60px;padding:8px;border-radius:8px;border:1px solid var(--gray-100);text-align:center}.page-content h2{font-size:clamp(1.6rem,3vw,2rem);font-weight:700;color:#1d1d1f;margin-bottom:16px;letter-spacing:-.015em}.page-content h3{font-size:1.1rem;font-weight:600;color:#1d1d1f;margin:24px 0 10px}.page-content p{margin-bottom:14px}.page-content ul{margin:12px 0 20px 20px}.page-content li{margin-bottom:8px}.page-content a{color:var(--accent);text-decoration:none}.page-content a:hover{text-decoration:underline}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px}.catalog-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--gray-100);transition:transform .2s ease,box-shadow .2s ease}.catalog-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000014}.catalog-card-link{display:block;text-decoration:none;color:inherit}.catalog-card-image{aspect-ratio:1/1;background:#fff;overflow:hidden}.catalog-card-image img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .3s ease}.catalog-card:hover .catalog-card-image img{transform:scale(1.03)}.catalog-card-body{padding:22px;text-align:center}.catalog-card-body h3{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:#1d1d1f}.catalog-card-body p{color:var(--gray-500);font-size:.9rem;margin-bottom:14px;line-height:1.5}.catalog-card-price{font-size:1.1rem;font-weight:700;color:#1d1d1f}.cart-page{padding:120px 32px 80px;max-width:var(--page-width);margin:0 auto}.cart-page h1{font-size:2.5rem;font-weight:800;margin-bottom:40px}.cart-empty{text-align:center;padding:80px 0;color:var(--gray-500)}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto;gap:24px;align-items:center;padding:20px 0;border-bottom:.5px solid #e8e8ed}.cart-item img{width:100%;border-radius:12px}.cart-total{text-align:right;padding:24px 0}.cart-total .total-price{font-size:1.5rem;font-weight:700}@media(max-width:900px){.split{grid-template-columns:1fr;gap:40px}.product-row{grid-template-columns:1fr;gap:28px}.product-row.reverse{direction:ltr}.specs-grid{grid-template-columns:repeat(2,1fr)}.specs-grid .s:nth-child(2n){border-right:none}.specs-grid .s:nth-child(-n+4){border-bottom:.5px solid #e8e8ed}.specs-grid .s:nth-child(n+5){border-bottom:.5px solid #e8e8ed}.specs-grid .s:last-child{border-bottom:none}.product-page-grid{grid-template-columns:1fr;gap:32px}.cart-item{grid-template-columns:80px 1fr;gap:12px}.nav-toggle{display:flex}.nav-menu{display:flex;position:fixed;top:0;right:0;width:280px;height:100vh;flex-direction:column;gap:0;padding:80px 24px 24px;background:#fffffffa;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:-8px 0 30px #00000014;transform:translate(100%);transition:transform .3s ease;z-index:110}.nav-menu.open{transform:translate(0)}.nav-menu li{border-bottom:.5px solid #e8e8ed}.nav-menu a{display:block;padding:16px 0;font-size:1.05rem;color:#1d1d1f}.nav-menu a:hover{color:var(--purple)}}@media(max-width:560px){.nav-inner{padding:0 16px}.nav-actions{gap:12px}.specs-grid{grid-template-columns:1fr}.specs-grid .s{border-right:none;border-bottom:.5px solid #e8e8ed}.specs-grid .s:last-child{border-bottom:none}.footer-inner{flex-direction:column;gap:14px;text-align:center}.hero-buttons{flex-direction:column}.gallery-thumbs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gallery-thumbs::-webkit-scrollbar{display:none}.gallery-thumbs .thumb{width:64px;height:64px;flex-shrink:0}.gallery-main img{padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/theme.css.map */