/* Campaign-led retail layout, adapted to the AdsMarket catalogue. */
:root{--green:#111;--line:#d8d8d8}body{font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}header{height:118px;border-top:30px solid #000;padding:0 40px;align-items:center;gap:30px}header::before{content:'ADSMARKET — ЦИФРОВЫЕ ТОВАРЫ ДЛЯ ВАШИХ ПРОЕКТОВ';top:-20px;letter-spacing:1.5px;font-size:10px}.brand{font-style:normal;font-size:16px;letter-spacing:-.5px;gap:0}.brand>span:last-child{color:#111}.adidasMark{width:65px;height:54px;display:block;margin-right:19px}nav{gap:30px;margin-left:auto;font-size:12px;letter-spacing:1px;height:100%;align-items:flex-end;padding-bottom:22px}nav a:first-child{border-bottom:3px solid #111;padding-bottom:13px;margin-bottom:-16px}.cartBtn{border:0;background:#fff;color:#111;font-size:11px;white-space:nowrap;align-self:flex-end;margin-bottom:17px;padding:8px}.cartBtn span{background:#111;color:#fff;border-radius:50%;padding:4px 7px;margin-left:6px}
.hero{min-height:650px;height:calc(100vh - 118px);max-height:850px;display:flex;align-items:flex-end;padding:55px 5vw;background:#b4a88e;position:relative;isolation:isolate;border:0;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000a 0%,#0003 52%,transparent 75%),url('campaign.jpg') center 45%/cover no-repeat;z-index:-1}.hero::after{content:'ADSMARKET / DIGITAL COLLECTION';writing-mode:horizontal-tb;right:30px;bottom:30px;top:auto;color:white;font-size:9px;letter-spacing:2px}.hero>div:first-child{max-width:560px;position:relative;z-index:1}.hero .eyebrow{color:white;letter-spacing:2px;font-size:10px}.hero .eyebrow span{background:white}.hero h1{font:900 clamp(42px,4.2vw,65px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-2px;color:white;text-transform:uppercase;margin:18px 0}.hero h1 em{font-style:normal;color:white}.hero p{color:white;font-size:15px;line-height:1.6;max-width:390px}.hero .primary{background:#fff;color:#111;border-color:#fff;box-shadow:3px 3px 0 transparent,4px 4px 0 #fff;font-size:12px;padding:14px 20px;min-width:245px;margin-top:12px}.hero .primary:hover{background:#ddd;border-color:#ddd}.heroFoot{color:#eee;font-size:10px;margin-top:25px}.heroFoot i{color:white}.art{display:none}
.benefits{background:#fff;color:#111;padding:25px 5vw;border-bottom:1px solid #ddd;gap:30px}.benefits b{border:1px solid #111;background:white;color:#111;font-size:11px;padding:9px}.benefits small{color:#555}.benefits span{font-size:11px}.catalog{padding:55px 4vw 65px}.sectionHead{margin-bottom:25px;align-items:center}.sectionHead .eyebrow{font-size:10px;color:#666}h2{font-size:30px;letter-spacing:-1px;font-weight:800}.sectionHead h2 sup{background:none;color:#777;font-size:14px;font-weight:400}.search{background:#eee;border:0;padding:9px 14px;color:#111}.search input{color:#111;font-size:12px;width:255px}.catalogLayout{display:flex;flex-direction:column;gap:20px}.asideTitle,.asideCard{display:none}#categories{flex-direction:row;flex-wrap:wrap;gap:8px}.cat{font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1px;border:1px solid #111;border-radius:0;padding:13px 17px;color:#111}.cat.active{color:#fff;background:#111;border-color:#111}.cat small{margin-left:13px;font-size:9px}.cat:hover{background:#eee;color:#111}.toolbar{justify-content:flex-end;gap:25px;padding-bottom:10px;margin-bottom:5px}.toolbar label{margin-right:auto}select{border:1px solid #ccc;padding:10px;color:#111}.notice{border:0;background:#f3f3f3;color:#555;font-size:10px;padding:12px 15px;margin-bottom:25px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product{border:1px solid transparent;padding:0 12px 15px;background:white;box-shadow:none}.product:hover{border-color:#111;box-shadow:none}.productTop{background:#eceef0;margin:0 -12px;padding:40px 20px;min-height:180px;align-items:center;justify-content:center;position:relative}.productTop::before{content:'DIGITAL EQUIPMENT';position:absolute;top:14px;left:13px;font-size:8px;letter-spacing:1.5px;color:#777}.productTop::after{content:'↗';position:absolute;right:14px;top:10px;bottom:auto;font-size:22px;font-weight:400;letter-spacing:0;color:#111}.platform{width:70px;height:70px;font-size:64px;background:none;color:#151515;font-weight:800}.stock{position:absolute;bottom:12px;left:12px;background:#fff;color:#222;padding:5px 7px;font-size:9px;font-weight:400}.stock.empty{color:#777;background:#ffffffbb}.product h3{font-size:12px;line-height:1.5;font-weight:600;text-transform:none;min-height:37px;margin:16px 0 6px}.description{font-size:11px;line-height:1.6;min-height:52px;color:#777}.details{font-size:10px;color:#111;margin-bottom:18px}.productBottom{border:0;padding-top:0;gap:8px}.price{font-size:17px;font-weight:600;letter-spacing:0}.price small{font-size:8px;color:#777}.add{background:#111;color:white;font-size:9px;padding:10px 9px;border-color:#111}.add:hover{background:#333}.add:disabled{background:#eee;color:#777;border-color:#ddd}.how{background:#ece8de;color:#111;padding:45px 5vw;gap:35px}.how .eyebrow{color:#111}.how p{color:#444;font-size:12px}.how h2{font-size:25px}.how b{color:#111}footer{background:#fff;color:#111;padding:35px 5vw;border-top:1px solid #ddd}footer .brand>span:last-child{color:#111}footer p,footer>span{color:#555}.brandDisclaimer{background:#282c31;color:#ddd;margin:0;padding:18px 5vw;font-size:10px;line-height:1.6}.primary{background:#111;color:white;border-color:#111}.primary:hover{background:#333}.wallet{color:#111;background:#eee}#toast{background:#111;color:white;border-radius:0;border:1px solid white}
@media(min-width:1500px){.hero::before{background-position:center 43%}.hero{padding-left:6vw}.catalog{padding-left:5vw;padding-right:5vw}}
@media(max-width:1100px){header{padding:0 25px;gap:15px}nav{gap:20px}.brand{font-size:13px}.adidasMark{width:54px;margin-right:10px}.hero{min-height:600px;height:75vh;padding:40px 5vw}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero::before{background-position:center 43%}.productTop{min-height:170px}.catalog{padding:40px 4vw}.benefits{margin:0;padding:20px 4vw}.how{margin:0;padding:35px 4vw}.art{display:none}}
@media(max-width:700px){header{height:98px;border-top-width:28px;padding:0 18px;justify-content:space-between}.brand{font-size:14px}.adidasMark{width:49px;height:42px;margin-right:12px}header::before{font-size:7px;top:-18px;letter-spacing:1px}nav{display:none}.cartBtn{align-self:center;margin:0;font-size:10px;padding:7px}.hero{min-height:640px;height:calc(100svh - 98px);max-height:800px;padding:35px 22px}.hero::before{background-image:linear-gradient(0deg,#000b,transparent 90%),url('campaign.jpg');background-position:center center}.hero h1{font-size:43px;letter-spacing:-1.5px;line-height:1.02}.hero p{font-size:13px;max-width:310px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero::after{display:none}.hero .primary{font-size:10px;min-width:230px}.heroFoot{font-size:9px}.benefits{padding:22px;gap:17px;grid-template-columns:1fr}.benefits small{display:block;margin-left:0;font-size:10px}.catalog{padding:35px 18px}.sectionHead h2{font-size:26px}.search{margin-top:18px}.search input{width:100%}.catalogLayout{gap:17px}#categories{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:6px}.cat{padding:12px;font-size:10px;flex-shrink:0}.toolbar{gap:8px;font-size:10px}select{font-size:10px;padding:8px}.notice{font-size:10px;line-height:1.7}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.product{padding:0 9px 15px}.productTop{margin:0 -9px;padding:30px 10px;min-height:160px}.productTop::before{font-size:6px;letter-spacing:.8px;left:9px}.productTop::after{font-size:19px;right:10px}.platform{font-size:52px}.product h3{font-size:11px;min-height:38px}.description{font-size:10px}.price{font-size:17px}.add{font-size:9px;width:100%;padding:11px}.productBottom{flex-direction:column;align-items:stretch;gap:13px}.how{margin:0;padding:35px 22px;grid-template-columns:1fr;gap:20px}footer{padding:28px 22px}.brandDisclaimer{padding:18px 22px}}