@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-bg:#e8ecf0;--color-bg-darker:#d1d9e6;--color-bg-shimmer:#dde2e8;--color-surface:#f0f3f6;--color-text-primary:#1e2340;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-in-stock:#06c177;--color-low-stock:#f59e0b;--color-out-stock:#ef4444;--color-lowest-price-bg:#e8faf3;--color-lowest-price-hover:#dcf5eb;--color-lowest-price-border:#06c177;--neo-shadow-raised:6px 6px 16px #a3b1c6b3,-6px -6px 16px #ffffffe6;--neo-shadow-inset:inset 4px 4px 10px #a3b1c6b3,inset -4px -4px 10px #ffffffe6;--neo-shadow-card:4px 4px 12px #a3b1c68c,-4px -4px 12px #ffffffd9;--neo-shadow-hover:8px 8px 20px #a3b1c6cc,-8px -8px 20px #fffffff2;--neo-shadow-panel:0 8px 32px #4f6ef71f,0 2px 8px #00000014;--grad-hero:linear-gradient(135deg,#f8faff 0%,#fff 50%,#fef9f8 100%);--grad-stats:linear-gradient(180deg,#f0f3f6 0%,#e8ecf0 100%);--grad-surface:linear-gradient(135deg,#fdfdfd 0%,#f0f3f6 100%)}[data-theme=dark]{--color-bg:#0f1115;--color-bg-darker:#080a0d;--color-bg-shimmer:#161a22;--color-surface:#171a21;--color-text-primary:#f1f3f6;--color-text-secondary:#a0aec0;--color-text-muted:#718096;--color-in-stock:#10b981;--color-low-stock:#fbbf24;--color-out-stock:#f87171;--color-lowest-price-bg:#06c1771a;--color-lowest-price-hover:#06c17726;--color-lowest-price-border:#10b981;--neo-shadow-raised:8px 8px 16px #0006,-4px -4px 12px #ffffff08;--neo-shadow-inset:inset 4px 4px 8px #00000080,inset -2px -2px 6px #ffffff05;--neo-shadow-card:0 10px 30px #0000004d,0 0 0 1px #ffffff0a;--neo-shadow-hover:0 15px 40px #00000073,0 0 0 1px #ffffff14;--neo-shadow-panel:0 20px 50px #0009;--grad-hero:linear-gradient(135deg,#13161c 0%,#0f1115 100%);--grad-stats:linear-gradient(180deg,#1a1e26 0%,#15181f 100%);--grad-surface:linear-gradient(135deg,#1c212b 0%,#15181f 100%)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{color:var(--color-text-secondary);font-size:1rem;font-weight:400;line-height:1.5}a{color:#4f6ef7;text-decoration:none;transition:all .15s}a:hover{color:#3451d1}img,video{max-width:100%;display:block}button{cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}ul,ol{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width:480px){.container{padding:0 16px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-wrapper{min-height:100vh;padding-top:68px}.btn{cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .25s;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:2px solid #4f6ef7}.btn--primary{color:#fff;background:linear-gradient(135deg,#4f6ef7,#7b96ff);box-shadow:0 4px 16px #4f6ef759}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #4f6ef780}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-surface);color:#4f6ef7;box-shadow:var(--neo-shadow-raised)}.btn--secondary:hover{box-shadow:var(--neo-shadow-hover)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{color:#4f6ef7;background:#4f6ef70f}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.badge{border-radius:9999px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--success{color:#06c177;background:#06c1771f}.badge--warning{color:#f59e0b;background:#f59e0b1f}.badge--error{color:#ef4444;background:#ef44441f}.badge--info{color:#3b82f6;background:#3b82f61f}.state-empty,.state-error{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 0;display:flex}.state-empty__icon,.state-error__icon{opacity:.4;font-size:3rem}.state-empty__title,.state-error__title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.state-empty__desc,.state-error__desc{color:var(--color-text-muted);font-size:.875rem}.navbar{z-index:300;background:var(--color-surface);height:68px;box-shadow:var(--neo-shadow-card);position:fixed;top:0;left:0;right:0}.navbar:before{content:"";background:linear-gradient(90deg,#4f6ef7,#7b96ff,#06c177);height:3px;position:absolute;top:0;left:0;right:0}.navbar__inner{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width:480px){.navbar__inner{padding:0 16px}}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__logo{justify-content:flex-start;align-items:center;gap:12px;text-decoration:none;display:flex}.navbar__logo-icon{background:linear-gradient(135deg,#4f6ef7,#7b96ff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.125rem;display:flex;box-shadow:0 4px 12px #4f6ef766}.navbar__logo-text{flex-direction:column;display:flex}.navbar__logo-text-primary{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.navbar__logo-text-secondary{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:500}.navbar__links{justify-content:flex-start;align-items:center;gap:8px;list-style:none;display:flex}@media (max-width:768px){.navbar__links{display:none}}.navbar__link a{color:var(--color-text-secondary);border-radius:9999px;align-items:center;gap:4px;padding:8px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.navbar__link a:hover{color:#4f6ef7;background:#4f6ef714}.navbar__link--active a{color:#4f6ef7;background:#4f6ef71a}.navbar__actions{justify-content:flex-start;align-items:center;gap:12px;display:flex}.navbar__theme-toggle{cursor:pointer;background:0 0;background:var(--color-surface);width:40px;height:40px;box-shadow:var(--neo-shadow-raised);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.125rem;transition:all .25s;display:flex}.navbar__theme-toggle:hover{box-shadow:var(--neo-shadow-hover);transform:translateY(-1px)}.navbar__theme-toggle:active{box-shadow:var(--neo-shadow-inset);transform:translateY(0)}.navbar__cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f6ef7,#7b96ff);border:none;border-radius:9999px;padding:8px 20px;font-size:.875rem;font-weight:600;transition:all .25s;box-shadow:0 2px 10px #4f6ef759}.navbar__cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #4f6ef780}@media (max-width:480px){.navbar__cta{display:none}}.dropdown{width:100%;min-width:180px;position:relative}.dropdown__label{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.dropdown__trigger{background:var(--color-bg);cursor:pointer;width:100%;color:var(--color-text-primary);box-shadow:var(--neo-shadow-inset);-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s;display:flex;border:1px solid #000!important}.dropdown__trigger:focus-visible{outline-offset:2px;outline:2px solid #4f6ef7}.dropdown__trigger--disabled,.dropdown__trigger:disabled{opacity:.5;cursor:not-allowed}.dropdown__trigger--open{box-shadow:inset 2px 2px 6px #a3b1c6cc,inset -2px -2px 6px #ffffffe6,0 0 0 2px #4f6ef74d}.dropdown__trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown__trigger-text--placeholder{color:var(--color-text-muted)}.dropdown__trigger-icon{color:var(--color-text-muted);flex-shrink:0;margin-left:8px;font-size:.75rem;transition:transform .2s}.dropdown__trigger-icon--open{transform:rotate(180deg)}.dropdown__menu{z-index:100;background:var(--color-surface);box-shadow:var(--neo-shadow-panel);scrollbar-width:thin;scrollbar-color:var(--color-bg-darker)#0000;border-radius:12px;max-height:260px;animation:.18s dropdown-appear;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto}.dropdown__menu::-webkit-scrollbar{width:4px;height:4px}.dropdown__menu::-webkit-scrollbar-track{background:0 0}.dropdown__menu::-webkit-scrollbar-thumb{background:var(--color-bg-darker);border-radius:9999px}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown__option{color:var(--color-text-primary);cursor:pointer;border-left:3px solid #0000;padding:12px 16px;font-size:.875rem;transition:all .15s}.dropdown__option:hover{color:#4f6ef7;background:#4f6ef70f;border-left-color:#4f6ef7}.dropdown__option--selected{color:#4f6ef7;background:#4f6ef71a;border-left-color:#4f6ef7;font-weight:600}.searchbar{align-items:center;width:100%;display:flex;position:relative}.searchbar__wrapper{background:var(--color-bg);box-shadow:var(--neo-shadow-inset);border-radius:12px;flex:1;justify-content:flex-start;align-items:center;transition:all .25s;display:flex;position:relative;overflow:hidden;border:1px solid #000!important}.searchbar__wrapper:focus-within{box-shadow:inset 2px 2px 6px #a3b1c6cc,inset -2px -2px 6px #ffffffe6,0 0 0 2px #4f6ef74d}.searchbar__wrapper--disabled{opacity:.5;pointer-events:none}.searchbar__icon{color:var(--color-text-muted);flex-shrink:0;align-items:center;padding:0 16px;font-size:1.125rem;display:flex}.searchbar__input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:.875rem;font-weight:500}.searchbar__input::placeholder{color:var(--color-text-muted);font-weight:400}.searchbar__clear{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0 12px;font-family:inherit;font-size:1rem;transition:all .15s;display:flex}.searchbar__clear:hover{color:#ef4444}.searchbar__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f6ef7,#7b96ff);border-radius:12px;flex-shrink:0;margin-left:12px;padding:12px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;transition:all .25s;box-shadow:0 4px 14px #4f6ef766;border:1px solid #00f!important}.searchbar__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4f6ef78c}.searchbar__btn:disabled{opacity:.5;cursor:not-allowed}.searchbar__btn:focus-visible{outline-offset:2px;outline:2px solid #4f6ef7}.category-slider{width:100%}.category-slider__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.category-slider__header h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.category-slider__track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-bg-darker)#0000;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.category-slider__track::-webkit-scrollbar{width:4px;height:4px}.category-slider__track::-webkit-scrollbar-track{background:0 0}.category-slider__track::-webkit-scrollbar-thumb{background:var(--color-bg-darker);border-radius:9999px}@media (max-width:480px){.category-slider__track::-webkit-scrollbar{display:none}.category-slider__track{scrollbar-width:none}}.category-slider__card{scroll-snap-align:start;background:var(--color-surface);box-shadow:var(--neo-shadow-card);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:20px;flex-direction:column;flex:0 0 140px;align-items:center;gap:12px;padding:20px 16px;transition:all .25s;display:flex}.category-slider__card:hover{box-shadow:var(--neo-shadow-hover);border-color:#4f6ef74d;transform:translateY(-3px)}.category-slider__card--active{box-shadow:var(--neo-shadow-hover),0 0 0 2px #4f6ef740;border-color:#4f6ef7}@media (max-width:480px){.category-slider__card{flex:0 0 110px;padding:16px 12px}}.category-slider__card-image{object-fit:cover;width:72px;height:72px;box-shadow:var(--neo-shadow-card);border-radius:16px}@media (max-width:480px){.category-slider__card-image{width:56px;height:56px}}.category-slider__card-label{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:.75rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.overlay-result{z-index:200;background:var(--color-surface);box-shadow:var(--neo-shadow-panel);border-radius:20px;animation:.22s overlay-slide-down;position:absolute;top:calc(100% + 12px);left:80px;right:80px;overflow:hidden}@keyframes overlay-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.overlay-result__header h3{color:var(--color-text-primary);font-size:1rem;font-weight:600}.overlay-result__header span{color:var(--color-text-muted);background:#4f6ef714;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:500}.overlay-result__item-logo{object-fit:cover;width:40px;height:40px;box-shadow:var(--neo-shadow-card);border-radius:12px;flex-shrink:0}.overlay-result__item-vendor{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.overlay-result__item-badge{color:#06c177;font-size:.75rem;font-weight:600}.spinner{justify-content:center;align-items:center;padding:32px;display:flex}.spinner__circle{border:3px solid var(--color-bg);border-top-color:#4f6ef7;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-results{flex-direction:column;gap:16px;padding:16px;display:flex}.skeleton-card{background:var(--color-surface);box-shadow:var(--neo-shadow-card);border-radius:16px;justify-content:flex-start;align-items:center;gap:16px;padding:16px;display:flex}.skeleton-card__avatar{background:linear-gradient(90deg,var(--color-bg-shimmer)25%,var(--color-bg-darker)50%,var(--color-bg-shimmer)75%);background-size:200% 100%;border-radius:12px;flex-shrink:0;width:48px;height:48px;animation:1.5s infinite skeleton-shimmer}.skeleton-card__body{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-card__line{background:linear-gradient(90deg,var(--color-bg-shimmer)25%,var(--color-bg-darker)50%,var(--color-bg-shimmer)75%);background-size:200% 100%;border-radius:9999px;height:12px;animation:1.5s infinite skeleton-shimmer}.skeleton-card__line--wide{width:70%}.skeleton-card__line--med{width:50%}.skeleton-card__line--short{width:30%}.skeleton-row{border-bottom:1px solid rgba(var(--color-text-muted),.12);grid-template-columns:180px 1fr 1fr 1fr;align-items:center;gap:16px;padding:16px 24px;display:grid}.skeleton-row__cell{background:linear-gradient(90deg,var(--color-bg-shimmer)25%,var(--color-bg-darker)50%,var(--color-bg-shimmer)75%);background-size:200% 100%;border-radius:9999px;width:80%;height:14px;animation:1.5s infinite skeleton-shimmer}.product-table__wrapper{width:100%;box-shadow:var(--neo-shadow-raised);scrollbar-width:thin;scrollbar-color:var(--color-bg-darker)#0000;border-radius:20px;overflow-x:auto}.product-table__wrapper::-webkit-scrollbar{width:4px;height:4px}.product-table__wrapper::-webkit-scrollbar-track{background:0 0}.product-table__wrapper::-webkit-scrollbar-thumb{background:var(--color-bg-darker);border-radius:9999px}.product-table__table{border-collapse:collapse;width:100%;min-width:640px}.product-table__thead{background:var(--color-bg);z-index:2;position:sticky;top:0}.product-table__th{color:var(--color-text-secondary);letter-spacing:.06em;text-transform:uppercase;text-align:left;white-space:nowrap;border-bottom:2px solid rgba(var(--color-text-muted),.15);padding:16px 24px;font-size:.75rem;font-weight:600}.product-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.product-table__th--sortable:hover,.product-table__th--active{color:#4f6ef7}.product-table__th--vendor{width:200px;min-width:160px}.product-table__th--right{text-align:right}.product-table__tr{background:var(--color-surface);border-bottom:1px solid rgba(var(--color-text-muted),.1);transition:all .15s}.product-table__tr:hover{background:#4f6ef70a}.product-table__tr--lowest{background:var(--color-lowest-price-bg);border-left:3px solid var(--color-lowest-price-border)}.product-table__tr--lowest:hover{background:var(--color-lowest-price-hover)}.product-table__tr:last-child{border-bottom:none}.product-table__td{color:var(--color-text-primary);vertical-align:middle;padding:16px 24px;font-size:.875rem}.product-table__td--right{text-align:right}.product-table__vendor{justify-content:flex-start;align-items:center;gap:12px;display:flex}.product-table__vendor-logo{object-fit:cover;width:36px;height:36px;box-shadow:var(--neo-shadow-card);border-radius:8px;flex-shrink:0}.product-table__vendor-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.product-table__vendor-delivery{color:var(--color-text-muted);font-size:.75rem}.product-table__price{font-size:1rem;font-weight:700}.product-table__price-original{color:var(--color-text-muted);margin-top:2px;font-size:.75rem;text-decoration:line-through;display:block}.product-table__discount{color:#ff6b35;background:#ff6b351a;border-radius:9999px;margin-top:2px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.product-table__rating{white-space:nowrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.product-table__rating-value{font-size:.875rem;font-weight:600}.product-table__stock{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.product-table__empty{text-align:center;color:var(--color-text-muted);padding:64px;font-size:1rem}.homepage{padding-bottom:64px}.homepage__hero{text-align:center;background:var(--grad-hero);border-bottom:1px solid #4f6ef70d;flex-direction:column;align-items:center;gap:16px;width:100%;padding:24px 0;display:flex;position:relative}.homepage__hero .container{flex-direction:column;align-items:center;display:flex}.homepage__hero-eyebrow{color:#4f6ef7;letter-spacing:.06em;text-transform:uppercase;background:#4f6ef71a;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.homepage__hero-title{color:var(--color-text-primary);letter-spacing:-.03em;font-weight:700;line-height:1.25;font-size:40px!important}.homepage__hero-title span{background:linear-gradient(135deg,#4f6ef7,#7b96ff);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.homepage__hero-subtitle{color:var(--color-text-secondary);max-width:540px;font-size:1rem;line-height:1.75}.homepage__search-section{background:var(--grad-surface);width:100%;margin-bottom:64px;padding:48px 0;position:relative}.homepage__search-card{background:var(--color-surface);box-shadow:var(--neo-shadow-raised);border-radius:20px;padding:32px;position:relative}@media (max-width:480px){.homepage__search-card{padding:20px 16px}}.homepage__search-row{grid-template-columns:220px 220px 1fr;align-items:end;gap:16px;display:grid}@media (max-width:768px){.homepage__search-row{grid-template-columns:1fr 1fr}}@media (max-width:480px){.homepage__search-row{grid-template-columns:1fr}}.homepage__search-hint{color:var(--color-text-muted);text-align:center;margin-top:16px;font-size:.75rem}.homepage__categories{background:var(--grad-surface);border-top:1px solid #4f6ef70d;width:100%;margin-top:24px;padding:48px 0;position:relative}.homepage__stats{background:var(--grad-stats);width:100%;margin-bottom:64px;padding:40px 0;position:relative}.homepage__stats-inner{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:480px){.homepage__stats-inner{grid-template-columns:1fr}}.homepage__stat{background:var(--color-surface);box-shadow:var(--neo-shadow-raised);text-align:center;border-radius:20px;padding:20px 24px}.homepage__stat-value{color:#4f6ef7;margin-bottom:4px;font-size:1.5rem;font-weight:700;display:block}.homepage__stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:500}.search-page{padding-bottom:64px}.search-page__header{background:var(--grad-hero);border-bottom:1px solid #4f6ef70d;width:100%;margin-bottom:24px;padding:48px 0;position:relative}.search-page__header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (max-width:480px){.search-page__header .container{flex-direction:column;align-items:flex-start}}.search-page__breadcrumb{color:var(--color-text-muted);justify-content:flex-start;align-items:center;gap:8px;font-size:.75rem;display:flex}.search-page__breadcrumb a{color:#4f6ef7;text-decoration:none}.search-page__breadcrumb a:hover{text-decoration:underline}.search-page__breadcrumb span{color:var(--color-text-muted)}.search-page__title-block{flex-direction:column;gap:4px;display:flex}.search-page__title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.search-page__subtitle{color:var(--color-text-muted);font-size:.875rem}.search-page__back-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;background:var(--color-surface);box-shadow:var(--neo-shadow-card);border:none;border-radius:9999px;justify-content:flex-start;align-items:center;gap:8px;padding:8px 20px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .25s;display:flex}.search-page__back-btn:hover{color:#4f6ef7;box-shadow:var(--neo-shadow-hover)}.search-page__meta{background:var(--color-surface);box-shadow:var(--neo-shadow-raised);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex}.search-page__meta-tags{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex}.search-page__tag{color:#4f6ef7;background:#4f6ef714;border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.search-page__tag--secondary{color:#06c177;background:#06c17714}.search-page__result-count{color:var(--color-text-muted);white-space:nowrap;font-size:.875rem}.product-table{width:100%}.product-table__controls{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:24px;display:flex}.product-table__sort-label{color:var(--color-text-secondary);white-space:nowrap;font-size:.875rem;font-weight:500}.product-table__sort-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;background:var(--color-surface);box-shadow:var(--neo-shadow-card);white-space:nowrap;border:none;border-radius:9999px;justify-content:flex-start;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .25s;display:flex}.product-table__sort-btn:hover{box-shadow:var(--neo-shadow-hover);color:#4f6ef7}.product-table__sort-btn--active{color:#4f6ef7;box-shadow:var(--neo-shadow-inset);background:#4f6ef71a}.product-table__list{scrollbar-width:thin;scrollbar-color:var(--color-bg-darker)#0000;flex-direction:column;gap:12px;width:100%;display:flex;overflow-x:auto}.product-table__list::-webkit-scrollbar{width:4px;height:4px}.product-table__list::-webkit-scrollbar-track{background:0 0}.product-table__list::-webkit-scrollbar-thumb{background:var(--color-bg-darker);border-radius:9999px}.product-table__header-card{z-index:2;background:linear-gradient(135deg,#4f6ef7 0%,#3451d1 100%);border-radius:16px;grid-template-columns:minmax(130px,1.6fr) minmax(180px,3fr) minmax(110px,1.4fr) minmax(120px,1.4fr) minmax(110px,1.2fr);align-items:center;gap:16px;min-width:680px;padding:12px 24px;display:grid;position:sticky;top:0;box-shadow:0 6px 20px #4f6ef759,0 2px 6px #0000001f}.product-table__header-card .product-table__col{color:#ffffffd9;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-direction:row;align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:flex}.product-table__header-card .product-table__col--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.product-table__header-card .product-table__col--sortable:hover{color:#fff}.product-table__header-card .product-table__col--active{color:#fff;text-shadow:0 0 10px #ffffff59}.product-table__row-card{background:var(--color-surface);min-width:680px;box-shadow:var(--neo-shadow-card);border:1px solid rgba(var(--color-text-muted),.08);border-radius:16px;grid-template-columns:minmax(130px,1.6fr) minmax(180px,3fr) minmax(110px,1.4fr) minmax(120px,1.4fr) minmax(110px,1.2fr);align-items:center;gap:16px;padding:16px 24px;transition:all .25s;display:grid;position:relative;overflow:hidden}.product-table__row-card:before{content:"";background:0 0;border-radius:0 8px 8px 0;width:3px;height:60%;transition:all .25s;position:absolute;top:20%;left:0}.product-table__row-card:hover{box-shadow:var(--neo-shadow-hover);border-color:#4f6ef726;transform:translateY(-2px)}.product-table__row-card:hover:before{background:#4f6ef7}.product-table__row-card--lowest{background:var(--color-lowest-price-bg);border-color:rgba(var(--color-lowest-price-border),.3)}.product-table__row-card--lowest:before{background:var(--color-lowest-price-border)}.product-table__row-card--lowest:hover{background:var(--color-lowest-price-hover)}.product-table__col{flex-direction:column;justify-content:center;gap:3px;min-width:0;display:flex}.product-table__best-badge{color:#06c177;white-space:nowrap;background:#06c1771a;border:1px solid #06c17740;border-radius:9999px;align-items:center;gap:4px;width:fit-content;margin-bottom:2px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.product-table__vendor-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.product-table__product-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.product-table__price{white-space:nowrap;font-size:1rem;font-weight:700}.product-table__price--lowest{color:#06c177}.product-table__price--normal{color:var(--color-text-primary)}.product-table__discount{color:#ff6b35;white-space:nowrap;background:#ff6b351a;border-radius:9999px;width:fit-content;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.product-table__rating{white-space:nowrap;flex-direction:row;align-items:center;gap:8px;display:flex}.product-table__rating-stars{color:#f59e0b;font-size:.875rem}.product-table__rating-value{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.product-table__rating-count{color:var(--color-text-muted);font-size:.75rem}.product-table__stock{white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;width:fit-content;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.product-table__stock:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.product-table__stock--success{color:#06c177;background:#06c1771f}.product-table__stock--warning{color:#f59e0b;background:#f59e0b1f}.product-table__stock--error{color:#ef4444;background:#ef44441f}.product-table__empty{text-align:center;color:var(--color-text-muted);background:var(--color-surface);box-shadow:var(--neo-shadow-card);border-radius:16px;padding:64px;font-size:1rem}@media (max-width:768px){.product-table__list{gap:8px}.product-table__header-card{grid-template-columns:minmax(110px,1.4fr) minmax(140px,2.5fr) minmax(90px,1.2fr);min-width:0;padding:8px 16px}.product-table__header-card .product-table__col--rating,.product-table__header-card .product-table__col--stock{display:none}.product-table__row-card{grid-template-columns:minmax(110px,1.4fr) minmax(140px,2.5fr) minmax(90px,1.2fr);grid-template-areas:"vendor product price"".meta meta";min-width:0;padding:12px 16px}.product-table__row-card .product-table__col--vendor{grid-area:vendor}.product-table__row-card .product-table__col--product{grid-area:product}.product-table__row-card .product-table__col--price{grid-area:price;align-items:flex-end}.product-table__row-card .product-table__col--rating,.product-table__row-card .product-table__col--stock{grid-area:meta}.product-table__row-card .product-table__col--rating{flex-flow:wrap;align-items:center;gap:12px;display:flex}.product-table__row-card .product-table__col--stock{align-items:center;margin-left:12px;display:inline-flex}}@media (max-width:540px){.product-table__header-card{display:none}.product-table__list{gap:12px}.product-table__row-card{grid-template:"vendor rating price""product product stock"/1fr auto auto;gap:8px 12px;min-width:0;padding:16px;display:grid}.product-table__row-card .product-table__col--vendor{flex-direction:column;grid-area:vendor;justify-content:center;align-items:flex-start}.product-table__row-card .product-table__col--rating{flex-direction:row;grid-area:rating;justify-content:center;align-items:center}.product-table__row-card .product-table__col--price{grid-area:price;justify-content:center;align-items:flex-end}.product-table__row-card .product-table__col--product{grid-area:product;justify-content:center}.product-table__row-card .product-table__col--stock{grid-area:stock;justify-content:center;align-items:flex-end}}.overlay-result{z-index:200;background:var(--color-surface);background:var(--grad-surface);border:1px solid #4f6ef71a;border-radius:24px;width:100%;max-width:640px;animation:.3s cubic-bezier(.16,1,.3,1) overlay-pop-in;position:relative;top:calc(100% + 12px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 48px #00000026,0 4px 12px #00000014}@keyframes overlay-pop-in{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (max-width:480px){.overlay-result{border-radius:20px;width:100%;animation:.22s overlay-slide-down;left:0;transform:none}}.overlay-result__header{border-bottom:1px solid rgba(var(--color-text-muted),.12);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.overlay-result__header-left{justify-content:flex-start;align-items:center;gap:12px;display:flex}.overlay-result__header-left h3{color:var(--color-text-primary);font-size:1rem;font-weight:600}.overlay-result__header-left span{color:var(--color-text-muted);background:#4f6ef714;border-radius:9999px;padding:2px 12px;font-size:.75rem;font-weight:500}.overlay-result__close{cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.875rem;transition:all .25s;display:flex}.overlay-result__close:hover{color:#ef4444;background:#ef44441a}.overlay-result__list{scrollbar-width:thin;scrollbar-color:var(--color-bg-darker)#0000;max-height:360px;overflow-y:auto}.overlay-result__list::-webkit-scrollbar{width:4px;height:4px}.overlay-result__list::-webkit-scrollbar-track{background:0 0}.overlay-result__list::-webkit-scrollbar-thumb{background:var(--color-bg-darker);border-radius:9999px}.overlay-result__item{border-bottom:1px solid rgba(var(--color-text-muted),.08);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;transition:all .15s;display:flex}.overlay-result__item:last-child{border-bottom:none}.overlay-result__item:hover{background:#4f6ef70a}.overlay-result__item--lowest{background:var(--color-lowest-price-bg);border-left:3px solid var(--color-lowest-price-border)}.overlay-result__item-left{flex:1;justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.overlay-result__item-info{flex-direction:column;gap:4px;min-width:0;display:flex}.overlay-result__item-product{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:1.125rem;font-weight:700;line-height:1.2;overflow:hidden}.overlay-result__item-vendor{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#4f6ef7,#1e46f5);border-radius:9999px;width:fit-content;margin-top:4px;padding:3px 16px;font-size:10px;font-weight:800;display:inline-block;box-shadow:0 4px 12px #4f6ef733}.overlay-result__item-rating{color:#f59e0b;justify-content:flex-start;align-items:center;gap:4px;font-size:.75rem;display:flex}.overlay-result__item-rating span{color:var(--color-text-muted)}.overlay-result__item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.overlay-result__item-price{color:#4f6ef7;font-size:1.125rem;font-weight:700}.overlay-result__item-price--lowest{color:#06c177}.overlay-result__item-stock{border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:500}.overlay-result__item-stock--success{color:#06c177;background:#06c1771f}.overlay-result__item-stock--warning{color:#f59e0b;background:#f59e0b1f}.overlay-result__item-stock--error{color:#ef4444;background:#ef44441f}.overlay-result__item-badge{color:#06c177;letter-spacing:.02em;font-size:.75rem;font-weight:600}.overlay-result__footer{border-top:1px solid rgba(var(--color-text-muted),.12);justify-content:center;align-items:center;padding:16px;display:flex}.overlay-result__see-more{cursor:pointer;color:#4f6ef7;background:#4f6ef714;border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 32px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .25s;display:flex}.overlay-result__see-more:hover{background:#4f6ef726;transform:translateY(-1px)}