
.shop-page{background:#041629;color:#fff;min-height:100vh;font-family:'DM Sans',sans-serif}
.shop-head{height:93px;padding:17px clamp(20px,5vw,90px);background:#031629;display:flex;align-items:center;justify-content:space-between;gap:20px}
.shop-logo{display:flex;flex-direction:column;align-items:flex-start;width:clamp(108px,12vw,165px)}
.shop-logo img{width:100%;height:auto}
.shop-logo span{font:500 7px 'IBM Plex Mono',monospace;letter-spacing:.1em;margin-left:6px}
.shop-head nav{display:flex;gap:clamp(12px,3vw,33px);align-items:center}
.shop-head nav a,.shop-head nav button{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.04em;padding:9px 0;background:none;color:white;border:0;cursor:pointer}
.shop-head nav a:hover,.shop-head nav button:hover{color:#58beff}
.shop-hero{min-height:75svh;display:flex;align-items:flex-end;background:linear-gradient(90deg,#021526dd,#02152658),linear-gradient(0deg,#021527ee,transparent),url('/assets/nexa-blue-whales.webp') center/cover}
.shop-hero>div{padding:65px clamp(25px,8vw,130px) 100px;max-width:1050px}
.shop-hero h1,.shop-section h2,.shop-description h2{font:300 clamp(41px,6vw,89px)/1.1 'Manrope',sans-serif;letter-spacing:-.065em;margin:20px 0}
.shop-hero h1 em,.shop-section h2 em,.shop-description h2 em{color:#58beff;font-style:normal;font-weight:500}
.shop-hero p,.shop-section>p{max-width:680px;color:#cfe8f6;line-height:1.85;font-size:16px}
.shop-see{display:inline-block;border-bottom:1px solid #9ddbf5;padding:15px 0;margin-top:25px;font:600 11px 'IBM Plex Mono',monospace}
.shop-section{padding:100px clamp(20px,6vw,100px);background:#051e34}
.shop-section.shop-boost{background:#031528}
.shop-section h2{font-size:clamp(36px,5vw,71px)}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:45px}
.shop-card{display:flex;flex-direction:column;background:#09293f;border:1px solid #ffffff21;transition:transform .2s,border .2s}
.shop-card:hover{transform:translateY(-4px);border-color:#7bcdf0}
.shop-cover{display:block;aspect-ratio:1.58;background:#0d3450;overflow:hidden}
.shop-cover img{width:100%;height:100%;object-fit:cover}
.shop-info{display:flex;flex-direction:column;padding:23px;flex:1}
.shop-tag{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#9edcff}
.shop-info h3{font:500 clamp(20px,2.2vw,31px)/1.15 'Manrope',sans-serif;letter-spacing:-.05em;margin:15px 0 11px}
.shop-info>p{font-size:13px;line-height:1.75;color:#c7dfeb;flex:1}
.shop-info>small{color:#98c9e4;font:500 10px 'IBM Plex Mono',monospace;margin:10px 0 21px}
.shop-card-links{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:stretch}
.shop-buy{display:flex;align-items:center;justify-content:space-between;background:#087dc7;padding:14px 11px;font:600 10px 'IBM Plex Mono',monospace}
.shop-buy:hover,.shop-product-cta:hover{background:#169cff}
.shop-more{display:flex;align-items:center;border:1px solid #77abcf;padding:11px;font:500 9px 'IBM Plex Mono',monospace}
.shop-end{padding:100px 20px;text-align:center;background:radial-gradient(circle at top,#0a4978,#021628 75%)}
.shop-end h2{font:300 clamp(35px,5vw,63px) 'Manrope',sans-serif;letter-spacing:-.06em}
.shop-end p{color:#c3e1ed}
.shop-end button,.shop-product-cta{display:inline-block;margin-top:22px;border:0;background:#087dc7;padding:18px 26px;color:#fff;cursor:pointer;font:600 11px 'IBM Plex Mono',monospace}
.shop-footer{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;background:#010b17;padding:29px clamp(20px,6vw,95px);font:500 10px 'IBM Plex Mono',monospace}
.shop-product{min-height:680px;display:grid;grid-template-columns:1fr 1fr}
.shop-product-image{background:#052b49}
.shop-product-image img{height:100%;width:100%;object-fit:cover}
.shop-product-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,6vw,105px)}
.shop-return{font:500 10px 'IBM Plex Mono',monospace;margin-bottom:46px;color:#a9dbf5}
.shop-product-body h1{font:300 clamp(40px,5.7vw,81px)/1.1 'Manrope',sans-serif;letter-spacing:-.07em;margin:15px 0 24px}
.shop-product-body p{color:#c7e3f1;font:400 15px/1.8 'DM Sans',sans-serif}
.shop-product-body .shop-lead{color:#fff;font-size:19px}
.shop-product-price{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#9bdafa;margin-top:15px}
.shop-description{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#061d33;padding:90px clamp(25px,7vw,115px)}
.shop-description h2{font-size:clamp(32px,3.6vw,54px)}
.shop-description ul{list-style:none;padding:0}
.shop-description li{border-bottom:1px solid #ffffff2b;padding:15px 0;font-size:14px;line-height:1.7}
.shop-description li:before{content:'+';color:#58beff;margin-right:13px}
.shop-description p{color:#cce3ef;line-height:1.8}
@media(max-width:960px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-product{grid-template-columns:1fr}.shop-product-image{height:460px}.shop-description{grid-template-columns:1fr}}
@media(max-width:560px){.shop-head{height:77px;padding:15px}.shop-logo{width:107px}.shop-head nav{gap:11px}.shop-head nav a,.shop-head nav button{font-size:9px}.shop-hero>div{padding:55px 23px 90px}.shop-hero h1{font-size:42px}.shop-section{padding:70px 18px}.shop-grid{grid-template-columns:1fr}.shop-product-image{height:275px}.shop-product-body{padding:34px 22px}.shop-product-body h1{font-size:46px}.shop-description{padding:60px 22px}}
