*{margin:0;padding:0;box-sizing:border-box}body{background:#0d1b2a;font-family:Inter,sans-serif;color:#fff;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app{min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 0}@media screen and (max-width: 768px){.main-content{padding:0}}.container{width:100%;max-width:90vw;margin:0 auto;padding:0 1rem}@media screen and (max-width: 768px){.container{max-width:100%}}.container h1{color:#f0ebd8;font-size:28px;margin-bottom:1rem}.container p{color:#e0e1dd;font-size:16px}.header-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.header-wrapper.header--scrolled{background:#0d1b2a}body{padding-top:70px}.header{display:flex;align-items:center;justify-content:space-between}.header__logo{margin:auto auto auto 0}@media screen and (max-width: 768px){.header__logo{margin:auto auto auto 10px}}.header__search{min-width:400px;margin:0 auto 0 0}@media (max-width: 768px){.header__search--desktop{display:none}}.header__actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header__user{display:flex;align-items:center;gap:.75rem}.header__user .user-name{color:var(--creamFont);font-size:var(--defaultFontSize);font-weight:500}.header__user .logout-button{background:var(--primaryAccent);color:var(--darkBg);border:none;padding:.5rem 1rem;border-radius:6px;font-size:var(--captionFontSize);font-weight:500;cursor:pointer;transition:all .2s ease}.header__user .logout-button:hover{background:var(--primaryAccent)}.search-container{width:100%;max-width:400px;margin:20px auto;position:relative;font-family:sans-serif}.search-box{display:flex;align-items:center;background-color:#0d1b2a;border:2px solid #fca311;border-radius:999px;padding:10px 16px;color:#fff}.search-icon{width:20px;height:20px;color:#fff;flex-shrink:0}.search-input{background:transparent;border:none;outline:none;color:#fff;margin-left:10px;width:100%;font-size:16px}.search-input::placeholder{color:#fff9}.dropdown{position:absolute;top:58px;left:0;right:0;background-color:#415a77;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000004d;z-index:1000;max-height:500px;overflow-y:auto}.dropdown-section{padding:8px}.dropdown-section:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-section.suggestions{border-top:1px solid rgba(255,255,255,.1)}.dropdown-label{font-size:12px;color:#fff9;margin-bottom:4px;padding:0 8px;text-transform:capitalize}.dropdown-item{display:flex;align-items:center;padding:8px 10px;color:#fff;cursor:pointer;border-radius:6px;transition:background-color .2s}.dropdown-item:hover{background-color:#ffffff1a}.dropdown-item.see-all{color:#fca311;font-weight:500;justify-content:center;margin-top:4px}.dropdown-item.suggestion-item{padding:6px 8px}.product-item{gap:10px;justify-content:flex-start}.product-image{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.product-image-placeholder{width:44px;height:44px;background:#ffffff1a;border-radius:6px;flex-shrink:0}.product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.product-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-meta{font-size:12px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price{white-space:nowrap;font-weight:500;margin-left:8px}.suggestion-group{margin-bottom:8px}.suggestion-group:last-child{margin-bottom:0}.location-info{display:flex;align-items:center;color:#fca311}.location-icon{width:40px;height:40px;stroke:#fca311;margin-right:12px;flex-shrink:0}@media screen and (max-width: 768px){.location-icon{width:30px;height:30px;margin-right:0}}.location-icon--clickable{cursor:pointer;transition:opacity .2s ease}.location-icon--clickable:hover{opacity:.7}@media screen and (max-width: 768px){.location-text{display:none}}.location-text .city{font-weight:700;font-size:18px;color:#fca311}@media screen and (max-width: 768px){.location-text .city{font-size:14px}}.location-text .distance{font-size:16px;color:#fca311}@media screen and (max-width: 768px){.location-text .distance{font-size:12px}}.basket-button{background:transparent;border:none;padding:0;cursor:pointer;display:inline-flex}@media screen and (max-width: 768px){.basket-button{display:none}}.basket-container{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative;transition:box-shadow .3s ease}.basket-icon{width:32px;height:32px;color:#fca311;transition:stroke .2s ease}.basket-icon img{width:100%;height:100%}.basket-badge{position:absolute;top:6px;right:6px;background-color:#fca311;color:#0d1b2a;font-weight:700;font-size:12px;padding:2px 6px;border-radius:12px;min-width:20px;text-align:center}.language-selector{position:relative;display:inline-block}.language-selector__button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--creamFont, #fff);cursor:pointer;transition:all .2s ease;font-size:.9rem}.language-selector__button:hover{background:#ffffff1a;border-color:#ffffff4d}.language-selector__button:focus{outline:none;border-color:#fff6}.language-selector__current{font-size:1rem;line-height:1}.language-selector__dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--darkBg, #0d1b2a);border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:0 4px 12px #0000004d;min-width:160px;z-index:1000;overflow:hidden}.language-selector__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--creamFont, #fff);cursor:pointer;transition:background .2s ease;text-align:left;font-size:.9rem}.language-selector__option:hover{background:#ffffff1a}.language-selector__option--active{background:#ffffff26;font-weight:500}.language-selector__flag{font-size:1.2rem;line-height:1}.language-selector__name{flex:1}.footer{background-color:#1e293b;color:#fff}.footer__container{max-width:1280px;margin:0 auto;padding:48px 24px}.footer__content{display:grid;grid-template-columns:1fr;gap:32px}.footer__section{margin-bottom:0}.footer__section--brand{grid-column:1}.footer__section--newsletter{margin-bottom:0}.footer__brand-title{font-size:24px;font-weight:700;color:#fb923c;margin-bottom:16px;margin-top:0}.footer__brand-description{color:#d1d5db;font-size:14px;line-height:1.6;margin:0}.footer__section-title{font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0;color:#fff}.footer__links-list{list-style:none;padding:0;margin:0}.footer__links-item{margin-bottom:12px}.footer__links-item:last-child{margin-bottom:0}.footer__link{color:#d1d5db;text-decoration:none;font-size:14px;transition:color .2s ease}.footer__link:hover{color:#fff}.footer__newsletter{margin-bottom:24px}.footer__input-wrapper{margin-bottom:12px}.footer__email-input{width:100%;padding:12px 16px;background-color:transparent;border:1px solid #4b5563;border-radius:8px;color:#fff;font-size:14px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.footer__email-input::placeholder{color:#9ca3af}.footer__email-input:focus{outline:none;border-color:#fb923c;box-shadow:0 0 0 1px #fb923c}.footer__subscribe-button{width:100%;background-color:#fb923c;color:#fff;font-weight:500;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.footer__subscribe-button:hover{background-color:#f97316}.footer__subscribe-button:focus{outline:none;box-shadow:0 0 0 2px #fb923c}.footer__social{display:flex;gap:16px}.footer__social-link{color:#d1d5db;text-decoration:none;transition:color .2s ease}.footer__social-link:hover{color:#fff}.footer__social-icon{width:24px;height:24px}.footer__copyright{border-top:1px solid #374151;margin-top:48px;padding-top:32px}.footer__copyright-text{text-align:center;color:#9ca3af;font-size:14px;margin:0}@media (min-width: 768px){.footer__content{grid-template-columns:1fr 1fr}.footer__section--brand{grid-column:1/-1}}@media (min-width: 1024px){.footer__content{grid-template-columns:1fr 1fr 1fr 1fr}.footer__section--brand{grid-column:1}.footer__container{padding:48px 24px}}@media (min-width: 1280px){.footer__container{padding:48px 24px}}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999999}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2b3b4b;padding:20px;border-radius:12px;min-width:75%;max-width:90vw;max-height:90vh;overflow-y:auto}.modal__close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;cursor:pointer}.modal__body{padding-top:32px}.search--modal{top:0;left:0;width:100%;max-width:100%;height:100%;border-radius:0;max-height:100vh;transform:unset}.bottom-nav{display:flex;align-items:center;justify-content:space-around;background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:8px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d;z-index:1000;display:none;height:60px;transition:transform .3s ease-in-out}.bottom-nav.visible{transform:translateY(0)}.bottom-nav.hidden{transform:translateY(100%)}@media screen and (max-width: 768px){.bottom-nav{display:flex}}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:none;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;color:#6b7280;min-width:64px}.nav-item:hover{background-color:#f9fafb;color:#374151}.nav-item.active{background-color:#eff6ff;color:#2563eb}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active .nav-label{font-weight:600}.nav-icon{width:24px;height:24px;transition:transform .2s ease}.nav-label{font-size:12px;font-weight:500;transition:font-weight .2s ease}