.home-page{--app-bg:#f6f7fb;--app-card:#ffffff;--app-accent:#f2552c;--app-accent-strong:#e94a1c;--app-muted:#6b7280;--app-soft:#f3f4f6;background:var(--app-bg);color:#1f2937}.home-page .app-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.home-page .app-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.home-page .app-card{background:var(--app-card);border-radius:20px;box-shadow:0 14px 30px rgba(15,23,42,.08)}.home-page .app-card--flat{box-shadow:none}.home-page .app-soft{background:var(--app-soft)}.home-page .text-accent{color:var(--app-accent)}.home-page .bg-accent{background:var(--app-accent);color:#fff}.home-page .bg-accent:hover{background:var(--app-accent-strong)}.home-page .bg-accent-soft{background:#e7fbf6;color:var(--app-accent)}.home-page .hover-text-accent:hover{color:var(--app-accent)}.home-page .hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.home-page .hide-scrollbar::-webkit-scrollbar{display:none}.home-page .quick-nav-track{width:120px;max-width:45vw;margin:0 auto}.home-desktop .home-quick-nav,.home-desktop .home-quick-nav__panel,.home-page .home-quick-nav,.home-page .home-quick-nav__panel{background:transparent;border:none;box-shadow:none}.home-page .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-page .text-10{font-size:10px}.home-page .text-11{font-size:11px}.home-page .bg-white-70{background:rgba(255,255,255,.7)}.home-page .bg-white-60{background:rgba(255,255,255,.6)}.home-page .bg-white-90{background:rgba(255,255,255,.9)}.home-page .bg-black-70{background:rgba(0,0,0,.7)}.home-page .ratio-square{aspect-ratio:1/1}.home-page .product-image{background:linear-gradient(140deg,#f1f5f9,#e2e8f0)}.home-page .badge-pill{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;letter-spacing:.02em}.home-page .product-footer-pill{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;background:#fff1f2;color:#e11d48}.home-page .hero-slider{position:relative;overflow:hidden;width:100%;aspect-ratio:82/29;border-radius:16px;background:#f3f4f6}@media (min-width:640px){.home-page .hero-slider{aspect-ratio:82/29}}.home-page .hero-track{position:relative;height:100%;border-radius:inherit;overflow:hidden}.home-page .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;border-radius:inherit;overflow:hidden}.home-page .hero-slide.is-active{opacity:1;z-index:1}.home-page .hero-slide__link{background:#f3f4f6}.home-page .hero-slide__bg,.home-page .hero-slide__link{display:block;width:100%;height:100%;border-radius:inherit}.home-page .hero-slide__bg{object-fit:contain;object-position:center;background:#fff}.home-page .hero-dots{position:absolute;left:16px;bottom:12px;display:flex;gap:6px;z-index:2}.home-page .hero-dot{height:6px;width:6px;border-radius:999px;background:rgba(255,255,255,.4);border:none}.home-page .hero-dot.is-active{background:#fff;width:16px}.home-page .search-rotator{position:absolute;left:24px;color:#94a3b8;font-size:12px;opacity:0;transform:translateY(6px)}.home-page .search-rotator.is-active{animation:search-rotator-in .45s ease forwards}.home-page .search-rotator.is-exit{animation:search-rotator-out .35s ease forwards}.home-page .home-search-mobile{position:relative;z-index:35;margin-top:16px}.home-page .home-search-mobile__form{position:relative;z-index:2;padding:0}.home-page .home-search-mobile__pill{display:flex;align-items:center;min-height:44px;border:1px solid #f2542d;border-radius:999px;background:#fff;padding:2px}.home-page .home-search-mobile__input-wrap{position:relative;min-width:0;flex:1}.home-page .home-search-mobile__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af}.home-page .home-search-mobile__icon svg{width:20px;height:20px}.home-page .home-search-mobile__input{width:100%;height:38px;border-radius:999px;border:0;padding:0 38px 0 34px;background:transparent;color:#1f2937;font-size:16px}.home-page .home-search-mobile__input:focus{outline:none}.home-page .home-search-mobile__input::placeholder{color:#94a3b8}.home-page .home-search-mobile__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;border-radius:999px;width:20px;height:20px;background:#d1d5db;color:#fff;font-size:16px;line-height:1}.home-page .home-search-mobile__submit{height:38px;border:0;border-radius:999px;padding:0 16px;margin-right:0;background:#ff6a00;color:#fff;font-size:15px;font-weight:600;line-height:1;white-space:nowrap}.home-page .home-search-mobile__backdrop{position:fixed;inset:0;z-index:0;border:0;background:rgba(15,23,42,.16)}.home-page .home-search-mobile__panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:2;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 40px rgba(15,23,42,.22)}.home-page .home-search-mobile__state{margin:0;padding:16px 12px;color:#6b7280;font-size:14px}.home-page .home-search-mobile__suggestion{width:100%;border:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px;display:flex;align-items:center;justify-content:space-between;color:#111827;font-size:16px}.home-page .home-search-mobile__suggestion:last-child{border-bottom:0}.home-page .home-search-mobile__suggestion-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.home-page .home-search-mobile__suggestion-arrow{color:#6b7280}@keyframes search-rotator-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes search-rotator-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.home-page .tag-filter{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.home-page .tag-filter::-webkit-scrollbar{display:none}.home-page .tag-pill{border:1px solid #e2e8f0;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600;color:#475569;background:#fff;white-space:nowrap;transition:border-color .2s ease,color .2s ease,background .2s ease}.home-page .tag-pill.is-active{border-color:#f2552c;color:#f2552c;background:rgba(242,85,44,.08)}.home-desktop{--desk-orange:#f85606;--desk-orange-dark:#e84b00;--desk-muted:#6b7280;background:#f5f5f5}.home-desktop .desk-topbar{font-size:12px}.home-desktop .desk-header,.home-desktop .desk-topbar{background:var(--desk-orange);color:#fff}.home-desktop .desk-search{background:#fff;border-radius:2px;overflow:hidden}.home-desktop .desk-search--with-suggestions{position:relative;overflow:visible}.home-desktop .desk-search__input-wrap{position:relative;min-width:0;flex:1}.home-desktop .desk-search input{width:100%;outline:none}.home-desktop .desk-search__dropdown{position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:40;background:#fff;border:1px solid #e5e7eb;box-shadow:0 18px 35px rgba(15,23,42,.18);max-height:460px;overflow-y:auto}.home-desktop .desk-search__state{margin:0;color:#6b7280;font-size:14px;padding:14px 16px}.home-desktop .desk-search__suggestion{width:100%;border:0;border-bottom:1px solid #f1f5f9;background:#fff;color:#111827;padding:14px 16px;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:14px}.home-desktop .desk-search__suggestion:last-child{border-bottom:0}.home-desktop .desk-search__suggestion-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.home-desktop .desk-card{background:#fff;border-radius:6px;border:1px solid #eee}.home-desktop .desk-section-title{font-size:18px;font-weight:600;color:#111827}.home-desktop .desk-footer{background:#f7f7f7;color:#374151}.home-desktop .desk-footer h4{font-size:13px;font-weight:600;color:#111827}.home-desktop .desk-footer a{font-size:12px;color:#374151}.home-desktop .hero-slider{aspect-ratio:82/29}.home-desktop .home-middle-banner,.home-page .home-middle-banner{background:transparent;border:none;box-shadow:none}.recommend-section{margin-top:20px}.recommend-section__heading{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px}.recommend-section__heading h3{font-size:20px;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.recommend-section__accent{width:36px;height:3px;border-radius:999px;background:linear-gradient(90deg,#f97316,#fb923c);position:relative}.recommend-section__accent:after,.recommend-section__accent:before{content:"";position:absolute;top:-5px;width:8px;height:2px;background:#fb923c;border-radius:999px}.recommend-section__accent:before{left:2px}.recommend-section__accent:after{right:2px}.recommend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recommend-card{display:flex;flex-direction:column;min-height:260px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.06);overflow:hidden;text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.recommend-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.1);border-color:#d1d5db}.recommend-card__media{position:relative;aspect-ratio:1/1;background:linear-gradient(180deg,#f8fafc,#eef2f7);overflow:hidden}.recommend-card__media img{width:100%;height:100%;object-fit:cover;display:block}.recommend-card__placeholder{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 20%,#f1f5f9 0,#e2e8f0 45%,#cbd5e1 100%)}.recommend-card__placeholder svg{width:34px;height:34px;stroke:#94a3b8;stroke-width:1.6;fill:none}.recommend-card__badge{position:absolute;top:8px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.recommend-card__badge--discount{left:8px;color:#fff;background:#ef4444}.recommend-card__badge--new{right:8px;color:#334155;background:rgba(255,255,255,.95);border:1px solid #e5e7eb}.recommend-card__body{display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px;flex:1}.lpp-home-menu-card__title{padding-top:10px}.lpp-home-menu-card__title,.recommend-card__title{font-size:17.5px;font-weight:600;color:#334155;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lpp-home-menu-card__summary,.recommend-card__description{margin:0;font-size:14px;font-weight:500;line-height:1.2;color:#646a77}.lpp-home-menu-card__price,.recommend-card__price{display:flex;align-items:baseline;gap:8px;min-height:20px}.lpp-home-menu-card__price-current,.recommend-card__price-current{font-size:17px;font-weight:500;color:#5a6e6c;padding-top:4px}.recommend-card__price-old{font-size:12px;color:#94a3b8;text-decoration:line-through}.recommend-card__meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#64748b;min-height:16px}.recommend-card__rating{display:inline-flex;align-items:center;gap:4px}.recommend-card__star{width:13px;height:13px;color:#fbbf24}.recommend-card__stock{font-weight:600;color:#6b7280}.recommend-section__footer{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:8px}.recommend-section__spinner{width:20px;height:20px;border-radius:999px;border:2px solid #cbd5e1;border-top-color:#f97316;animation:recommend-spin .8s linear infinite}.recommend-section__done{font-size:12px;color:#94a3b8;text-align:center}.recommend-section__error{padding:10px 12px;border-radius:10px;border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;font-size:12px}.recommend-section__sentinel{width:100%;height:2px}.recommend-card--skeleton{pointer-events:none}.recommend-card--skeleton .recommend-card__media,.recommend-skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:recommend-shimmer 1.2s ease-in-out infinite}.recommend-skeleton{height:10px;border-radius:999px}.recommend-skeleton--title{width:100%}.recommend-skeleton--price{width:70%}.recommend-skeleton--meta{width:46%}@keyframes recommend-spin{to{transform:rotate(1turn)}}@keyframes recommend-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width:1024px){.recommend-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.recommend-card{min-height:278px}}