:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}#root{width:100%;max-width:100%;min-height:100svh;margin:0 auto}body{margin:0;overflow-x:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{color:#191919;-webkit-font-smoothing:antialiased;background:#fff;font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.app{background:#fff;flex-direction:column;width:100%;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.app-scroll{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.app-scroll::-webkit-scrollbar{display:none}.home-search{color:#8b95a1;text-align:left;cursor:pointer;background:#f2f4f6;border:0;border-radius:12px;align-items:center;gap:8px;width:calc(100% - 32px);height:48px;margin:16px 16px 0;padding:0 14px;font:500 14px Pretendard Variable,Pretendard,sans-serif;display:flex}.hotdeal-banner{cursor:pointer;border-radius:16px;margin:16px;overflow:hidden}.hotdeal-banner-img{border-radius:16px;width:100%;display:block}.section{padding:20px 16px 4px}.section-header{justify-content:space-between;align-items:center;padding:0 0 12px;display:flex}.section-title-wrap{align-items:center;gap:6px;display:flex}.section-title{color:#191f28;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.section-more{cursor:pointer;background:0 0;border:none;padding:0}.hscroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:0 16px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;display:grid}.h-card{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;min-width:0;position:relative}.h-card-img-wrap{aspect-ratio:1;background:#fff;border:1px solid #f0f0f0;border-radius:8px;width:100%;height:auto;position:relative;overflow:hidden}.h-card-img{object-fit:cover;width:100%;height:100%;display:block}.h-card-badge{color:#fff;background:#3182f6;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:7px;left:7px}.h-card-body{padding:10px 0 0}.h-card-brand{color:#8b95a1;margin:0 0 2px;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.h-card-name{-webkit-line-clamp:2;color:#191f28;text-overflow:ellipsis;-webkit-box-orient:vertical;align-self:stretch;margin-bottom:4px;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:-webkit-box;overflow:hidden}.h-card-price-row{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.product-discount,.product-price{font-family:Pretendard Variable,Pretendard,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:normal}.product-discount{color:var(--Color-Red-Red400,#f66571)}.product-price{color:#191f28}.category-page{background:#fff;width:100%;max-width:100%;height:100dvh;padding:0 0 100px;animation:.26s cubic-bezier(.22,1,.36,1) both page-slide-in;overflow:hidden auto}@keyframes page-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.category-row{overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:flex-end;gap:28px;width:100%;max-width:100%;height:62px;padding:0 24px;display:flex;overflow:auto hidden}.category-row::-webkit-scrollbar{display:none}.category-tab-skeleton{border-radius:5px;flex-shrink:0;width:46px;height:16px;margin-bottom:17px}.cat-item{color:#8b95a1;cursor:pointer;background:0 0;border:0;flex-shrink:0;height:52px;padding:0 0 15px;font:500 16px Pretendard Variable,Pretendard,sans-serif;position:relative}.cat-item--active{color:#191f28;font-weight:600}.cat-item--active:after{content:"";background:#191f28;border-radius:3px;height:3px;position:absolute;bottom:18px;left:0;right:0}.category-divider{background:#e5e8eb;height:1px}.category-hero{background:#f2f4f6;border-radius:22px;height:106px;margin:30px 24px 28px}.category-toolbar{color:#8b95a1;justify-content:space-between;align-items:center;padding:0 24px 18px;font-size:14px;font-weight:500;display:flex}.category-toolbar button{color:#8b95a1;font:inherit;background:0 0;border:0;align-items:center;gap:8px;display:flex}.category-toolbar i{border-bottom:2px solid #b0b8c1;border-right:2px solid #b0b8c1;width:8px;height:8px;transform:rotate(45deg)translateY(-2px)}.category-count-skeleton{border-radius:4px;width:54px;height:14px}.category-sort-skeleton{border-radius:4px;width:62px;height:14px}.category-card-skeleton{min-width:0}.category-image-skeleton{aspect-ratio:1;border-radius:10px;width:100%}.category-brand-skeleton{border-radius:4px;width:42px;height:11px;margin-top:10px}.category-name-skeleton{border-radius:4px;width:92%;height:14px;margin-top:5px}.category-price-skeleton{border-radius:4px;width:68%;height:14px;margin-top:6px}.category-grid{padding:0 24px}.sheet-backdrop{z-index:300;background:#0000003d;justify-content:center;align-items:flex-end;animation:.22s ease-out both sheet-backdrop-in;display:flex;position:fixed;inset:0}.sort-sheet{background:#fff;border-radius:28px 28px 0 0;width:min(100%,480px);padding:12px 24px 24px;animation:.28s cubic-bezier(.22,1,.36,1) both sheet-up}.sheet-backdrop.is-closing{animation:.24s ease-in both sheet-backdrop-out}.sheet-backdrop.is-closing .sort-sheet{animation:.24s cubic-bezier(.4,0,1,1) both sheet-down}@keyframes sheet-backdrop-in{0%{background:0 0}to{background:#0000003d}}@keyframes sheet-backdrop-out{0%{background:#0000003d}to{background:0 0}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.sheet-handle{background:#e5e8eb;border-radius:999px;width:56px;height:5px;margin:0 auto 10px;display:block}.sort-sheet button{color:#333d4b;text-align:left;background:0 0;border:0;width:100%;padding:18px 6px;font:500 17px Pretendard Variable,Pretendard,sans-serif}.sort-sheet button.selected{font-weight:600}.t-card{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;width:140px;position:relative}.t-card-img-wrap{border-radius:12px;width:140px;height:140px;margin-bottom:8px;position:relative;overflow:hidden}.t-card-img{object-fit:cover;width:100%;height:100%;display:block}.t-card-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;overflow:hidden}.brand-row{scrollbar-width:none;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.brand-row::-webkit-scrollbar{display:none}.brand-item{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.brand-circle{background:#fff;border:1px solid #ebebeb;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.tab-bar{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:100;background:#fff;border-radius:999px;justify-content:space-around;align-items:center;width:min(100% - 32px,448px);height:68px;padding-bottom:0;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000024,0 2px 8px #00000014}.tab-item{cursor:pointer;color:#03183275;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;transition:color .18s,transform .18s;display:flex}.tab-item--active{color:#031832;transform:translateY(-1px)}.bottom-tab-icon{width:24px;height:24px;transition:transform .22s cubic-bezier(.22,1,.36,1);display:block}.tab-item--active .bottom-tab-icon{transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.category-page,.sheet-backdrop,.sort-sheet,.sheet-backdrop.is-closing,.sheet-backdrop.is-closing .sort-sheet{animation:none}}.wish-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:7px;right:7px}.wish-icon{color:#fff;filter:drop-shadow(0 1px 2px #00000059);width:21px;height:18px;overflow:visible}.wish-btn--active .wish-icon{color:#f66571}.wish-icon--filled{fill:currentColor;filter:none}.wish-btn--pop{animation:.4s forwards heart-pop}@keyframes heart-pop{0%{transform:scale(1)}25%{transform:scale(1.18)rotate(-6deg)}50%{transform:scale(.88)rotate(4deg)}75%{transform:scale(1.1)rotate(-2deg)}to{transform:scale(1)rotate(0)}}.toast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;white-space:nowrap;background:#1e1e1ee0;border-radius:999px;padding:10px 20px;animation:.3s toast-slide-down;position:fixed;top:16px;left:50%;transform:translate(-50%)}@keyframes toast-slide-down{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.wish-page{background:#fff;flex-direction:column;height:100dvh;padding-bottom:100px;display:flex;overflow-y:auto}.wish-grid{padding:18px 24px 0}.ranking-page{background:#fff;flex-direction:column;height:100dvh;padding-bottom:100px;display:flex;overflow-y:auto}.ranking-tabs{gap:8px;padding:16px 16px 0;display:flex}.ranking-tab{color:#999;cursor:pointer;background:#f0f0f0;border:none;border-radius:20px;flex:1;padding:8px 0;font-size:13px;font-weight:600}.ranking-tab--active{color:#fff;background:#3182f6}.ranking-list{flex-direction:column;padding:8px 16px 0;display:flex}.ranking-row{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:12px 0;display:flex}.ranking-num{color:#bbb;text-align:center;flex-shrink:0;width:24px;font-size:16px;font-weight:700}.ranking-num--top{color:#3182f6}.ranking-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:56px;height:56px}.ranking-info{flex:1;overflow:hidden}.hotdeal-page{background:#f5f5f5;flex-direction:column;height:100dvh;padding-bottom:100px;display:flex;overflow-y:auto}.hotdeal-list{grid-template-columns:1fr 1fr;gap:10px;padding:16px 16px 0;display:grid}.hotdeal-card{cursor:pointer;background:#fff;border-radius:16px;overflow:hidden}.hotdeal-card-img{object-fit:contain;width:100%;display:block}.hotdeal-card-body{padding:14px 16px 16px}.hotdeal-disclaimer{color:#aaa;text-align:center;white-space:pre-line;margin:24px 16px 0;font-size:12px;line-height:1.6}.hotdeal-cta{color:#fff;cursor:pointer;background:#3182f6;border:none;border-radius:14px;width:calc(100% - 32px);margin:16px 16px 0;padding:16px;font-size:16px;font-weight:700}.search-page{background:#fff;flex-direction:column;height:100dvh;display:flex}.search-header{align-items:center;gap:14px;padding:16px 24px 8px;display:flex}.search-input-wrap{background:#f2f4f6;border-radius:14px;flex:1;align-items:center;gap:10px;min-width:0;height:52px;padding:0 14px;display:flex}.search-input-wrap svg{fill:none;stroke:#8b95a1;stroke-width:2px;stroke-linecap:round;flex-shrink:0;width:22px;height:22px}.search-input-wrap input{color:#191f28;background:0 0;border:0;outline:0;flex:1;min-width:0;font:500 16px Pretendard Variable,Pretendard,sans-serif}.search-input-wrap input::placeholder{color:#8b95a1}.search-clear,.search-cancel{color:#8b95a1;cursor:pointer;background:0 0;border:0}.search-clear{font-size:25px;line-height:1}.search-cancel{color:#4e5968;flex-shrink:0;font-size:16px}.search-results{flex:1;padding:22px 24px 100px;overflow-y:auto}.search-empty-hint{text-align:center;margin-top:60px;display:block}.s-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;display:grid}.s-card{cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;position:relative}.s-card-img-wrap{aspect-ratio:1;background:#fdfdfd;border:1px solid #f8f8f8;border-radius:10px;width:100%;position:relative;overflow:hidden}.s-card-img{object-fit:cover;width:100%;height:100%;display:block}.s-card-body{padding:10px 0 0}.s-card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;display:-webkit-box;overflow:hidden}.search-section-heading{justify-content:space-between;align-items:center;width:100%;min-height:24px;display:flex}.search-section-heading h2,.popular-search-section h2,.search-result-title{color:#191f28;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.search-section-heading button{color:#8b95a1;background:0 0;border:0;flex-shrink:0;margin:0;padding:2px 0;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:normal}.recent-search-section{border-bottom:1px solid #e5e8eb;padding-bottom:28px}.recent-chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.recent-chips>button{color:#333d4b;background:#f4f4f5;border:0;border-radius:30px;align-items:center;gap:6px;padding:8px 14px;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:flex}.recent-chips span{color:#b0b8c1;font-size:18px;line-height:14px}.popular-search-section{padding-top:36px}.search-results>.popular-search-section:first-child{padding-top:8px}.popular-search-section h2 strong{color:#3182f6}.popular-search-section ol{margin-top:20px;list-style:none}.popular-search-section li+li{margin-top:20px}.popular-search-section button{color:#191f28;text-align:left;background:0 0;border:0;align-items:center;gap:16px;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal;display:flex}.popular-search-section button span{color:#3182f6;width:8px}.search-result-title{margin:0 0 20px}.search-result-title strong{color:#3182f6}.empty-state{text-align:center;flex-direction:column;align-items:center;display:flex}.empty-state img{object-fit:contain;width:92px;height:92px}.empty-state h2{color:#191f28;margin-top:14px;font-size:18px;font-weight:600}.empty-state p{color:#8b95a1;margin-top:10px;font-size:15px;line-height:1.6}.search-no-result{border-bottom:1px solid #e5e8eb;padding:24px 0 36px}.wish-empty{flex:1;justify-content:center;padding-bottom:60px}.wish-empty button{color:#fff;background:#191f28;border:0;border-radius:14px;margin-top:28px;padding:15px 22px;font-size:16px;font-weight:600}.skel{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.skel-title{border-radius:6px;width:80px;height:18px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}