.mobile-hero-section{background:linear-gradient(180deg,#e8f4fd,#f5faff,#fff);padding:1.25rem 1rem 1rem}.mobile-hero-container{display:flex;flex-direction:column;align-items:center;gap:.625rem}.mobile-hero-title{font-size:1.625rem;font-weight:700;color:#1a1a2e;text-align:center;margin:0;line-height:1.2}.mobile-hero-title .city-highlight{color:#4b6bfb}.mobile-hero-title .city-secondary{color:#6b7280;font-size:.75em;font-weight:500}.mobile-hero-subtitle{font-size:1.0625rem;font-weight:600;color:#4b6bfb;text-align:center;margin:0;line-height:1.3}.mobile-hero-description{font-size:.8125rem;color:#4a5568;text-align:center;margin:0;max-width:300px;line-height:1.4}.mobile-hero-search-wrapper{width:100%;display:flex;flex-direction:row;gap:0;margin-top:.375rem}.mobile-hero-search-input{flex:1;border:1px solid #d1d5db;border-right:none;border-radius:.625rem 0 0 .625rem;padding:.75rem 1rem;font-size:.875rem;background:#fff;color:#1a1a2e;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.mobile-hero-search-input:focus{border-color:#4b6bfb;box-shadow:0 0 0 2px #4b6bfb1a}.mobile-hero-search-input::-moz-placeholder{color:#9ca3af}.mobile-hero-search-input::placeholder{color:#9ca3af}.mobile-hero-search-button{background:#4b6bfb;color:#fff;border:none;border-radius:0 .625rem .625rem 0;padding:.75rem 1.125rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.375rem}.mobile-hero-search-button:hover{background:#3b5beb}.mobile-hero-search-button:active{background:#2b4bdb}.mobile-hero-badge{display:flex;align-items:center;gap:.375rem;color:#059669;font-size:.75rem;font-weight:500;margin-top:.25rem;white-space:nowrap}.mobile-hero-badge svg{width:1rem;height:1rem;flex-shrink:0}.mobile-hero-location{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;width:auto;max-width:100%;margin-top:.25rem;overflow:hidden}.mobile-hero-location:hover{border-color:#4b6bfb;background:#f8fafc}.mobile-hero-location:active{transform:scale(.98)}.mobile-hero-location .location-icon{width:1rem;height:1rem;color:#4b6bfb;flex-shrink:0}.mobile-hero-location .location-text{flex:1;font-size:.8125rem;color:#4a5568;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mobile-hero-location .location-text strong{color:#1a1a2e;font-weight:600}.mobile-hero-location .chevron-icon{width:1rem;height:1rem;color:#9ca3af;flex-shrink:0;margin-left:auto}.value-proposition-section{background:linear-gradient(180deg,#ebf5ff,#f0f7ff);padding:1rem .75rem}.value-proposition-container{display:flex;justify-content:space-around;align-items:flex-start;gap:.5rem}.value-prop-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;flex:1;max-width:100px}.value-prop-icon-wrapper{width:3rem;height:3rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4b6bfb1f}.value-prop-icon{width:1.375rem;height:1.375rem;color:#4b6bfb}.value-prop-text{display:flex;flex-direction:column;align-items:center;gap:0}.value-prop-title{font-size:.75rem;font-weight:600;color:#1a1a2e;text-align:center;line-height:1.2}.value-prop-subtitle{font-size:.625rem;color:#6b7280;text-align:center;line-height:1.2}.category-icons-section{padding:.75rem 0;background:#fff}.category-icons-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-icons-scroll::-webkit-scrollbar{display:none}.category-icon-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;flex-shrink:0;scroll-snap-align:start;cursor:pointer;transition:transform .2s ease;width:4.5rem}.category-icon-item:hover{transform:scale(1.02)}.category-icon-item:active{transform:scale(.98)}.category-icon-image-wrapper{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;background:#f3f4f6;border:2px solid transparent;transition:border-color .2s ease}.category-icon-item.selected .category-icon-image-wrapper{border-color:#4b6bfb}.category-icon-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.category-icon-name{font-size:.6875rem;color:#4a5568;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-icon-item.selected .category-icon-name{color:#4b6bfb;font-weight:600}.category-icon-skeleton{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.category-name-skeleton{width:3rem;height:.625rem;border-radius:.25rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.download-app-link{font-size:.6875rem;margin-left:.375rem}@media (max-width: 410px){.download-app-link{font-size:.625rem;margin-left:.25rem}.header-icon-label{font-size:8px!important}}@media (max-width: 375px){.header-wishlist-link,.header-icon-label{display:none!important}.download-app-link{font-size:.5625rem;margin-left:.125rem}}@media (max-width: 350px){.mobile-hero-title{font-size:1.375rem}.mobile-hero-subtitle{font-size:.9375rem}.mobile-hero-description{font-size:.75rem}.value-prop-icon-wrapper{width:2.5rem;height:2.5rem}.value-prop-icon{width:1.125rem;height:1.125rem}.value-prop-title{font-size:.6875rem}.value-prop-subtitle{font-size:.5625rem}.category-icon-image-wrapper{width:3rem;height:3rem}.category-icon-item{width:4rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-hero-title{animation:fadeInUp .4s ease-out}.mobile-hero-subtitle{animation:fadeInUp .4s ease-out .05s backwards}.mobile-hero-description{animation:fadeInUp .4s ease-out .1s backwards}.mobile-hero-search-wrapper{animation:fadeInUp .4s ease-out .15s backwards}.mobile-hero-badge{animation:fadeInUp .4s ease-out .2s backwards}.mobile-hero-location{animation:fadeInUp .4s ease-out .25s backwards}@media (prefers-reduced-motion: reduce){.mobile-hero-title,.mobile-hero-subtitle,.mobile-hero-description,.mobile-hero-search-wrapper,.mobile-hero-badge,.mobile-hero-location{animation:none}}