/* AdsMarket: monochrome athletic direction. */
:root{color-scheme:light;--bg:#fff;--panel:#fff;--line:#d5d5d5;--muted:#626262;--green:#111}
body{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;padding-top:0}
header{max-width:none;height:90px;border-top:28px solid #111;border-bottom:1px solid #111;padding:0 4vw;position:relative}
header::before{content:'ADSMARKET / DIGITAL EQUIPMENT';position:absolute;top:-20px;left:0;width:100%;text-align:center;color:white;font-size:9px;letter-spacing:2px;font-weight:700}
.brand{font-style:italic;letter-spacing:-1.5px;text-transform:uppercase;font-weight:900;font-size:25px}.brand>span:last-child{color:inherit}.logo{display:none}
nav{color:#111;text-transform:uppercase;font-weight:800;font-size:11px;letter-spacing:1px;gap:30px}.text{font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:11px}
.cartBtn{background:white;color:#111;border:1px solid #111;border-radius:0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.cartBtn span{background:#111;color:white;border-radius:0}
main{max-width:none}.hero{background:#e9e9e9;padding:70px 6vw;grid-template-columns:1.05fr 1fr;min-height:550px;position:relative;border-bottom:1px solid #111;isolation:isolate}
.hero::after{content:'ADSMARKET / COLLECTION 26';position:absolute;right:22px;top:25px;writing-mode:vertical-rl;font-size:9px;font-weight:700;letter-spacing:2px}
.eyebrow{color:#111;letter-spacing:2px;font-size:10px}.eyebrow>span{border-radius:0;background:#111;width:16px;height:3px;vertical-align:middle}
h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(48px,5.6vw,85px);line-height:.99;letter-spacing:-1.5px;font-weight:900;margin:30px 0 23px;position:relative;z-index:2}
h1 em{color:#111;font-style:italic}.hero p{font-size:14px;color:#333;line-height:1.7;max-width:390px}.primary{background:#111;color:white;border:1px solid #111;border-radius:0;box-shadow:4px 4px 0 white,5px 5px 0 #111;text-transform:uppercase;font-size:11px;letter-spacing:1px;padding:16px 22px;transition:background .15s}.primary:hover{background:#333}.primary span{font-size:24px}.heroFoot{color:#444;font-size:10px;letter-spacing:.5px}.heroFoot i{color:#111}
.art{background:#111;min-height:380px;margin:0 5px 0 30px;overflow:hidden;transform:skewY(-3deg);box-shadow:14px 14px 0 #cecece}
.orbit{border-radius:0;width:45px;height:180%;background:#fff;border:none;top:-40%;left:12%;transform:rotate(28deg);opacity:.09}.o2{width:140px;height:180%;left:62%;transform:rotate(28deg);opacity:.09}
.artCore{font-size:155px;font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;color:#fff;background:none;box-shadow:none;border:0;border-radius:0;transform:skewY(3deg) rotate(-8deg);width:230px;height:200px;letter-spacing:-17px}.artCore span{font-family:Arial,sans-serif;font-size:95px;top:-25px;margin-right:15px}.artLabel{font-size:8px;letter-spacing:1.1px;color:#ddd;bottom:24px;transform:skewY(3deg)}.dot{background:#fff;border-radius:0;width:15px;height:2px;vertical-align:middle}
.floating{border-radius:0;box-shadow:none;background:#111;color:#fff;border:1px solid #777;width:54px;height:54px;font-size:28px}.fb{top:10%;left:10%;transform:rotate(-7deg)}.tt{top:25%;right:7%;transform:rotate(9deg)}.gg{bottom:17%;left:15%;transform:rotate(8deg)}
.benefits{margin:0;padding:25px 6vw;border-top:0;border-bottom:1px solid #111;gap:30px;background:#fff}.benefits>div{gap:15px}.benefits b{background:#111;color:white;border:0;border-radius:0;font-size:12px;padding:12px}.benefits span{font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.3px}.benefits small{color:#666;text-transform:none;font-size:11px;font-weight:400;letter-spacing:0}
.catalog{padding:60px 6vw}.sectionHead{align-items:flex-end;margin-bottom:35px}h2{font-size:32px;font-weight:900;letter-spacing:-1px;text-transform:uppercase}sup{border:0;background:#eee;color:#111;border-radius:0;font-size:13px;padding:5px 8px}
.search{background:#f3f3f3;border:1px solid #111;border-radius:0;color:#111;padding:10px 14px}.search input{color:#111;font-size:11px}.catalogLayout{grid-template-columns:195px 1fr;gap:35px}.asideTitle{color:#111;font-size:11px;font-weight:800}
.cat{border-radius:0;color:#333;font-size:11px;letter-spacing:.2px;padding:14px 10px;border-bottom:1px solid #ddd}.cat.active{background:#111;color:white;border-color:#111;font-weight:800}.cat:hover{border-color:#111}.cat small{opacity:.8}
.asideCard{background:#f1f1f1;border:0;border-top:4px solid #111;border-radius:0;padding:22px 18px}.asideCard>span{color:#111;font-size:36px;font-weight:900}.asideCard b{color:#111;font-weight:900}.asideCard p{color:#555}
.toolbar{color:#444;font-size:11px}select{background:white;border-color:#111;color:#111;border-radius:0;padding:10px}.notice{background:#f3f3f3;color:#4c4c4c;border:0;border-left:3px solid #111;border-radius:0;font-size:11px}
.grid{gap:16px}.product{background:#fff;border:1px solid #ccc;border-radius:0;padding:0 18px 18px;position:relative}.product:hover{border-color:#111;transform:none;box-shadow:inset 0 0 0 1px #111}.productTop{background:#efefef;margin:0 -18px;padding:25px 18px;min-height:100px;position:relative;overflow:hidden}.productTop::after{content:'ADSMARKET / EQUIPMENT';position:absolute;bottom:8px;right:12px;font-size:6px;letter-spacing:1px;color:#888}.platform{border-radius:0;background:none;color:#111;font-size:40px;width:42px;height:42px;font-weight:900}.stock{color:#222;font-size:9px;font-weight:700}.stock.empty{color:#777}.product h3{font-size:13px;text-transform:uppercase;font-weight:900;line-height:1.5;min-height:40px;margin-top:20px}.description{font-size:11px;color:#646464;min-height:55px}.details{color:#111;text-decoration:underline;text-underline-offset:3px;font-size:10px}.productBottom{border-top-color:#ddd;padding-top:16px;gap:9px}.price{font-size:23px;letter-spacing:-.7px}.price small{color:#555;font-size:8px;letter-spacing:.4px}.add{border-radius:0;background:#111;color:white;border-color:#111;padding:11px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.add:hover{background:#333}.add:disabled{background:#eee;border-color:#ddd;color:#777}
.how{margin:0;padding:40px 6vw;background:#f0f0f0;border-top:1px solid #111;gap:30px}.how h2{font-size:25px}.how b{font-size:12px;text-transform:uppercase}.how p{color:#555;font-size:12px}footer{max-width:none;background:#111;color:#fff;padding:30px 6vw;border-top:0}footer .brand{font-size:22px}footer p,footer>span{color:#bbb;font-size:10px}
dialog{background:white;color:#111;border:2px solid #111;border-radius:0}.modalHead{border-color:#ccc}.modalHead h2{font-size:22px}.modalHead button{color:#111}.cartRow{border-color:#ddd}.cartRow h4{color:#111}.cartRow p{color:#555}.qty button{background:#111;color:#fff;border-radius:0}.remove{color:#555;text-decoration:underline}.field{font-weight:700}.field input,.field textarea{background:#fafafa;color:#111;border-color:#777;border-radius:0;font-weight:400}.wallet{background:#eee;color:#111;border-radius:0}.bodyText{color:#555}.emptyState{color:#666}#toast{background:#111;color:#fff;border-radius:0;border:1px solid #fff}:focus-visible{outline-color:#555}
@media(min-width:1600px){.hero,.catalog,.benefits,.how{padding-left:max(6vw,calc((100vw - 1400px)/2));padding-right:max(6vw,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){.hero{padding:55px 4vw;min-height:480px}.art{margin-left:15px;min-height:340px}.catalog{padding:45px 4vw}.catalogLayout{grid-template-columns:170px 1fr;gap:22px}.benefits,.how{margin:0;padding-left:4vw;padding-right:4vw}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero::after{right:10px}.artCore{font-size:125px}.artCore span{font-size:80px}}
@media(max-width:700px){header{height:88px;padding:0 20px}.brand{font-size:21px}.cartBtn{padding:10px}.hero{padding:40px 20px;grid-template-columns:1fr}.hero h1{font-size:57px;letter-spacing:-1px;max-width:100%;overflow-wrap:normal}.hero::after{font-size:7px;right:8px}.hero p{font-size:13px}.art{margin:35px 12px 10px 0;min-height:280px}.artCore{font-size:135px}.artLabel{font-size:7px;bottom:18px}.art .orbit{height:210%}.art .o2{height:210%}.floating{width:44px;height:44px;font-size:25px}.benefits{margin:0;padding:22px 20px;gap:17px}.benefits span{font-size:11px}.benefits small{display:block;margin-left:0;margin-top:5px}.catalog{padding:38px 20px}.catalogLayout{grid-template-columns:1fr;gap:15px}.sectionHead h2{font-size:28px}.search{margin-top:20px}.grid{gap:10px}.product{padding:0 12px 14px}.productTop{margin:0 -12px;padding:20px 12px;min-height:95px}.platform{font-size:33px;width:30px}.stock{font-size:8px}.productTop::after{font-size:5px;right:8px}.product h3{font-size:11px}.description{font-size:10px}.productBottom{align-items:flex-start;flex-direction:column}.price{font-size:21px}.add{width:100%;padding:10px 8px}.cat{font-size:11px}.how{margin:0;padding:30px 20px;gap:20px}footer{padding:28px 20px}.sum{font-size:17px}}
