.hero-section.svelte-x8bpd6{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);padding:2rem 1rem;overflow:hidden}@media(min-width:640px){.hero-section.svelte-x8bpd6{min-height:380px;padding:3rem 1.5rem}}@media(min-width:1024px){.hero-section.svelte-x8bpd6{min-height:420px;padding:4rem 2rem}}.hero-pattern.svelte-x8bpd6{position:absolute;inset:0;background-image:url(../../../patterns/geometric-bg.svg);background-size:100px 100px;opacity:.3;mix-blend-mode:soft-light;pointer-events:none}.hero-pattern.svelte-x8bpd6:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background-image:url(../../../patterns/kanga-border.svg);background-size:120px 60px;background-repeat:repeat-x;background-position:bottom center;opacity:.4;mix-blend-mode:overlay}.hero-content.svelte-x8bpd6{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px;width:100%;gap:1.25rem}@media(min-width:640px){.hero-content.svelte-x8bpd6{gap:1.5rem}}.hero-headline.svelte-x8bpd6{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-pretext.svelte-x8bpd6{font-size:1rem;font-weight:400;color:#ffffffd9}@media(min-width:640px){.hero-pretext.svelte-x8bpd6{font-size:1.125rem}}.city-selector-wrapper.svelte-x8bpd6{position:relative}.city-selector.svelte-x8bpd6{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:var(--color-surface-900);padding:.75rem 1.25rem;border-radius:9999px;font-size:1.25rem;font-weight:700;font-family:Fraunces,serif;box-shadow:0 10px 40px -10px #0000004d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.city-selector.svelte-x8bpd6:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 18px 60px -10px #0006;background:linear-gradient(135deg,#fff,#fef7ed)}.city-selector.svelte-x8bpd6:focus-visible{outline:3px solid white;outline-offset:3px}@media(min-width:640px){.city-selector.svelte-x8bpd6{font-size:1.75rem;padding:1rem 1.75rem}}@media(min-width:1024px){.city-selector.svelte-x8bpd6{font-size:2.25rem;padding:1rem 2rem}}.city-name.svelte-x8bpd6{color:var(--color-surface-900)}.city-country.svelte-x8bpd6{color:var(--color-surface-500);font-weight:500}.city-dropdown.svelte-x8bpd6{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#fff;border-radius:1rem;box-shadow:0 20px 60px -15px #0000004d;padding:.5rem;min-width:280px;max-height:320px;overflow-y:auto;z-index:50}.city-option.svelte-x8bpd6{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border-radius:.75rem;font-size:1rem;font-weight:500;color:var(--color-surface-700);text-align:left;cursor:pointer;transition:background-color .15s ease}.city-option.svelte-x8bpd6:hover{background-color:var(--color-surface-100)}.city-option.selected.svelte-x8bpd6{background-color:var(--color-primary-50);color:var(--color-primary-700)}.hero-subline.svelte-x8bpd6{font-size:1rem;font-weight:500;color:#ffffffb3;margin:0}@media(min-width:640px){.hero-subline.svelte-x8bpd6{font-size:1.125rem}}.hero-search.svelte-x8bpd6{width:100%;max-width:480px}.search-input-wrapper.svelte-x8bpd6{position:relative;display:flex;align-items:center}.search-icon.svelte-x8bpd6{position:absolute;left:1.25rem;display:flex;align-items:center;justify-content:center;color:var(--color-surface-400);pointer-events:none}.search-input.svelte-x8bpd6{width:100%;height:3.25rem;padding:0 1rem 0 3.25rem;background:#fff;border:none;border-radius:9999px;font-size:1rem;color:var(--color-surface-900);box-shadow:0 10px 40px -10px #0003;transition:box-shadow .2s ease}.search-input.svelte-x8bpd6::placeholder{color:var(--color-surface-400)}.search-input.svelte-x8bpd6:focus{outline:none;box-shadow:0 10px 40px -10px #0003,0 0 0 4px #ffffff4d}.search-submit.svelte-x8bpd6{position:absolute;right:.375rem;padding:.5rem 1rem;background:var(--color-primary-500);color:#fff;font-size:.875rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:background-color .15s ease}.search-submit.svelte-x8bpd6:hover{background:var(--color-primary-600)}@media(min-width:640px){.search-input.svelte-x8bpd6{height:3.5rem;font-size:1.0625rem}.search-submit.svelte-x8bpd6{padding:.625rem 1.25rem}}.hero-categories.svelte-x8bpd6{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding-top:.5rem}.category-chip.svelte-x8bpd6{padding:.625rem 1.25rem;background:#ffffff2e;color:#fff;font-size:.875rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(4px);position:relative;overflow:hidden}.category-chip.svelte-x8bpd6:before{content:"";position:absolute;inset:0;background-image:url(../../../patterns/kitenge-accent.svg);background-size:40px 40px;opacity:.08;pointer-events:none;transition:opacity .2s ease}.category-chip.svelte-x8bpd6:hover{background:#ffffff52;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px -6px #00000040;border-color:#ffffff4d}.category-chip.svelte-x8bpd6:hover:before{opacity:.15}.category-chip.svelte-x8bpd6:active{transform:scale(.97);box-shadow:none}.category-chip.svelte-x8bpd6:focus-visible{outline:2px solid white;outline-offset:2px}@keyframes svelte-x8bpd6-chip-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.category-chip.svelte-x8bpd6{animation:none}.city-selector.svelte-x8bpd6,.search-input.svelte-x8bpd6{transition:none}}.category-chip.svelte-x8bpd6{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.category-chip.svelte-x8bpd6{backdrop-filter:none;will-change:auto}}