/* Bold marketplace theme: Raabta's yellow, red and blue visual identity. */
:root{--ink:#111;--ink-2:#222;--muted:#626262;--cream:#fff;--paper:#fff;--lime:#ffc928;--orange:#ed2b2b;--blue:#165dff;--red:#ed2b2b;--yellow:#ffc928;--line:#e2e2e2;--shadow:0 14px 34px rgba(0,0,0,.13);--radius:0}
body{background:#fff;color:#111}
.topbar{height:72px;padding:0 max(3.5vw,28px);border-bottom:0;background:#fff;gap:34px;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.brand{color:#111;font-size:25px;letter-spacing:-1.4px}
.brand-mark{background:var(--red);border-radius:8px;transform:rotate(-4deg)}
.brand-mark span,.brand-mark span:after{border-color:#fff}
.location-pill{background:#f2f2f2;padding:9px 14px;border-radius:999px}
.location-pill>svg:first-child{fill:var(--blue)}
.nav-link{font-size:14px}
.cart-button{background:#111;border-radius:999px;padding:10px 17px}
.cart-button b{background:var(--yellow);color:#111}
.hero{max-width:none;min-height:540px;padding:58px max(5vw,60px);grid-template-columns:1.04fr .96fr;gap:55px;background:var(--yellow);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:190px;height:190px;background:var(--red);border-radius:50%;left:-75px;top:-95px}
.hero:after{content:"";position:absolute;width:82px;height:82px;background:var(--blue);right:48%;bottom:-35px;transform:rotate(18deg)}
.hero-copy{position:relative;z-index:2}
.eyebrow,.section-kicker{color:#3f3f3f;font-weight:800}
.eyebrow span{background:var(--red);box-shadow:none;width:9px;height:9px}
.hero h1{font-size:clamp(52px,6.4vw,92px);line-height:.92;letter-spacing:-5.5px;max-width:760px}
.hero h1 em{font-family:inherit;font-style:normal;font-weight:800;color:var(--blue)}
.hero-copy>p{color:#272727;font-size:18px;max-width:610px}
.search-box{height:68px;border:0;border-radius:0;margin:30px 0 22px;box-shadow:0 4px 0 #111;max-width:610px}
.search-box:focus-within{border:0;box-shadow:0 4px 0 var(--blue)}
.search-box svg{stroke:#111}.search-box kbd{border:0;background:#ededed;color:#444}
.trust-row{color:#353535}.trust-row b{color:#111}
.hero-art{height:440px;border-radius:0;background:var(--blue);box-shadow:14px 14px 0 var(--red);transform:rotate(1deg)}
.sun{background:var(--yellow)}.mountain-back{background:#8ec5ff}.mountain-front{background:#fff}.mountain:after{background:#d9ecff}
.road{background:#f5f5f5;border-top-color:var(--yellow)}
.delivery-box{background:var(--red);color:#fff;border-radius:3px}
.bike-frame{border-color:var(--yellow);border-left-color:transparent}.rider-body{background:#fff}
.rider-card{border-radius:0;box-shadow:8px 8px 0 #111}.rider-card>b{background:var(--yellow);border-radius:0}
.service-strip{background:#fff;color:#111;padding:34px max(5vw,60px) 26px;gap:14px;border-bottom:1px solid var(--line)}
.service{color:#111;border:0;background:#f5f5f5;border-radius:0;padding:15px;min-height:72px;transition:.18s ease}
.service:hover,.service.active{background:var(--yellow);transform:translateY(-2px)}
.service .icon{border-radius:50%;color:#111}.icon.green{background:#fff}.icon.orange{background:#ffd9a0}.icon.red{background:#ffb2ad}.icon.blue{background:#b8d3ff}.icon.purple{background:#d7c4ff}
.service small{color:#666}
.stores-section{padding-top:62px}
.section-heading h2,.how-copy h2,.drawer h2,.modal h2{color:#111;font-size:38px;letter-spacing:-2.2px}
.text-button span{color:var(--red)}.stores-grid{gap:28px 20px}
.store-card{border:0;border-radius:0;overflow:visible}.store-card:hover{transform:none;box-shadow:none}.store-card:hover .store-visual{transform:scale(1.015)}
.store-visual{height:190px;border-radius:0;transition:transform .2s ease}.store-visual:before,.store-visual:after{border-color:rgba(0,0,0,.16)}
.fee-badge{right:0;top:auto;bottom:0;border-radius:0;background:#fff;padding:8px 10px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.store-info{padding:13px 0}.store-info h3{font-size:17px}.store-details{border-top:0;padding-top:0}
.rating{background:#eee;border-radius:999px;padding:5px 8px}.rating:before{color:var(--red)}
.how-section{background:var(--blue);color:#fff;margin:0;padding:75px max(5vw,60px);border-radius:0;position:relative;overflow:hidden}
.how-section:after{content:"";position:absolute;width:260px;height:260px;background:var(--yellow);border-radius:50%;right:-120px;bottom:-150px}
.how-section .section-kicker,.how-copy h2,.steps h3{color:#fff}.how-copy p,.steps p{color:#d9e5ff}.steps article>span{color:#a9c4ff}
.step-icon{border-color:#8db0ff;background:#fff;color:var(--blue)}
footer{background:#111;color:#aaa;padding-top:32px;padding-bottom:32px}.footer-brand{color:#fff}footer a{color:#fff}
.drawer,.modal{background:#fff}.modal,.close-button{border-radius:0}
.primary-button{background:var(--blue);border-radius:0}.primary-button:hover{background:#0b45c7}.add-button{background:var(--yellow);border-radius:0}
.success-icon{background:var(--yellow)}.payment-card{border-radius:0}.payment-card.selected{border-color:var(--blue);background:#eef3ff}.payment-card.selected i{color:var(--blue)}
.toast{background:#111;border-radius:0;border-left:6px solid var(--yellow)}
.location-share{margin:8px 0 18px}.location-share-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.location-share-head>div{display:flex;flex-direction:column}.location-share-head b{font-size:11px}.location-share-head small{font-size:9px;color:var(--muted);margin-top:3px}.location-share-head button{border:0;background:var(--yellow);padding:8px 10px;font-size:10px;font-weight:700;cursor:pointer}#deliveryMap{height:230px;border:1px solid var(--line);background:#edf1ec;z-index:0}.location-share>p{margin:7px 0 0;font-size:9px;color:var(--muted)}.location-share>p.selected{color:#17682b;font-weight:700}.leaflet-control-attribution{font-size:8px!important}
@media(max-width:1000px){.hero{background:var(--yellow)}.service-strip{padding-left:25px;padding-right:25px}}
@media(max-width:650px){.topbar{height:66px}.location-pill{padding:8px 10px}.hero{padding:52px 20px 48px}.hero:before{width:110px;height:110px}.hero:after{right:-25px}.hero h1{font-size:51px;letter-spacing:-3.5px}.search-box{height:60px}.service-strip{padding:18px 14px}.stores-section{padding-top:48px}.store-visual{height:210px}.how-section{margin:0;padding:55px 25px}.section-heading h2,.how-copy h2{font-size:34px}}