/* Complete Aaspaas storefront design — visual only; existing React behaviour stays in place. */
:root{--navy:#172337;--orange:#f56600;--gold:#ffca28;--page:#f5f6f7;--card:#fff;--muted:#667085;--line:#e4e7ec}body{background:var(--page)!important;color:var(--navy);font-family:Inter,Arial,sans-serif}#root>div{background:var(--page)!important}header{background:var(--navy)!important;box-shadow:0 2px 10px #0c142266!important}header>div{max-width:1200px!important}header .font-\[Fraunces\]{font-family:Inter,Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.04em}header .w-8.h-8{background:var(--orange)!important;border-radius:7px!important}header .w-8.h-8 span{color:#fff!important}header button.bg-\[\#14213D\]{background:var(--orange)!important;color:#fff!important;border-radius:5px!important}header .order-last{box-shadow:0 2px 8px #0003}.market-hero{max-width:1200px;margin:20px auto 12px;min-height:330px;background:linear-gradient(112deg,#122d4e 0%,#1a5489 58%,#4aa0db 100%);display:grid;grid-template-columns:1.18fr .82fr;overflow:hidden;border-radius:12px;box-shadow:0 10px 26px #17233724}.market-hero__copy{padding:47px 48px;color:#fff}.market-hero__eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffd36b}.market-hero h2{font-size:42px;line-height:1.08;letter-spacing:-.05em;margin:12px 0}.market-hero p{max-width:510px;color:#e1effa;line-height:1.6;font-size:15px}.market-hero button{margin-top:20px;border:0;background:var(--orange);color:#fff;font-weight:800;padding:13px 20px;border-radius:5px;box-shadow:0 3px 7px #08294b}.market-hero__visual{position:relative;overflow:hidden;background:linear-gradient(150deg,#e6f2f7,#9dd0ed)}.market-hero__visual:before{content:'';position:absolute;inset:0;background:url('./neighbour-tutor.jpg') center/cover no-repeat;filter:saturate(1.08)}.market-hero__visual:after{content:'NEARBY • TRUSTED • USEFUL';position:absolute;bottom:20px;left:20px;background:#fff;color:#183955;border-radius:5px;padding:9px 11px;font-size:10px;font-weight:800;letter-spacing:.08em;box-shadow:0 4px 11px #18395533}.market-trust{max-width:1200px;margin:0 auto 18px;background:#fff;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:repeat(3,1fr);padding:14px 24px;box-shadow:0 2px 8px #1723370b}.market-trust div{padding:0 18px;border-right:1px solid var(--line);font-size:13px;font-weight:700;color:#344054}.market-trust div:last-child{border:0}.market-trust span{color:var(--orange);font-size:17px;margin-right:8px}section.max-w-6xl.mx-auto.px-5.pt-12{max-width:1200px!important;margin:0 auto!important;padding:18px 25px 10px!important;border-radius:9px 9px 0 0;background:#fff!important}section.max-w-6xl.mx-auto.px-5.pt-12 h1{font-size:24px!important;font-family:Inter,sans-serif!important;font-weight:800!important}section.max-w-6xl.mx-auto.px-5.pb-10{max-width:1200px!important;margin:0 auto 20px!important;padding:4px 25px 22px!important;border-radius:0 0 9px 9px;background:#fff!important}section.max-w-6xl.mx-auto.px-5.pb-10 .grid{gap:11px!important}.market-hero+section{}section.max-w-6xl.mx-auto.px-5.pb-10 button{background:#f8fafc!important;border:1px solid #edf0f3!important;border-radius:8px!important;min-height:82px!important;align-items:center!important;text-align:center!important}section.max-w-6xl.mx-auto.px-5.pb-10 button:hover{border-color:#ffb27a!important;color:var(--orange)!important;background:#fff7f1!important}section.max-w-6xl.mx-auto.px-5.pb-20{max-width:1200px!important;padding:0 0 52px!important}section.max-w-6xl.mx-auto.px-5.pb-20>div:first-child{background:#fff;padding:19px 25px;margin-bottom:12px;border-radius:9px;border:1px solid var(--line)}section.max-w-6xl.mx-auto.px-5.pb-20 h2{font-family:Inter,sans-serif!important;font-size:21px!important;font-weight:800!important}.count{color:var(--muted)!important}section.max-w-6xl.mx-auto.px-5.pb-20>div.grid{background:transparent!important;padding:0!important;gap:16px!important;grid-template-columns:repeat(3,1fr)!important}section.max-w-6xl.mx-auto.px-5.pb-20>div.grid>div.group{border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;box-shadow:0 2px 7px #1723370d!important;overflow:hidden;padding:20px!important;min-height:0!important}section.max-w-6xl.mx-auto.px-5.pb-20>div.grid>div.group:hover{transform:translateY(-4px)!important;box-shadow:0 11px 24px #1723371b!important;border-color:#d1d7df!important}.listing-photo{width:calc(100% + 40px)!important;height:166px!important;margin:-20px -20px 17px!important;object-fit:cover!important;border-radius:8px 8px 0 0!important}.listing-photo+div h3{font-size:17px!important;line-height:1.35!important;color:#1d2939!important}.listing-photo+div h3:hover{color:var(--orange)!important;text-decoration:none!important}section.max-w-6xl.mx-auto.px-5.pb-20>div.grid>div.group>div.absolute{top:11px!important;left:12px!important;width:9px!important;height:9px!important;box-shadow:0 0 0 4px #fff!important}.listing-photo~div [class*="text-[#3A5A40]"]{color:#137333!important}.listing-photo~div [class*="text-[#14213D]"]{color:#1d2939!important}footer{background:#101b2b!important;border:0!important}@media(max-width:800px){.market-hero{margin:0;border-radius:0;grid-template-columns:1fr;min-height:430px}.market-hero__copy{padding:35px 24px}.market-hero h2{font-size:33px}.market-hero__visual{height:180px}.market-trust{margin:0;border-radius:0;grid-template-columns:1fr;padding:12px}.market-trust div{border:0;padding:8px 12px}section.max-w-6xl.mx-auto.px-5.pb-20>div.grid{grid-template-columns:repeat(2,1fr)!important;gap:9px!important}.listing-photo{height:122px!important}section.max-w-6xl.mx-auto.px-5.pb-20>div.grid>div.group{padding:15px!important}.listing-photo{width:calc(100% + 30px)!important;margin:-15px -15px 12px!important}}