:root{--vpl-navy-base:#061f3d;--vpl-teal-base:#04c5c4;--vpl-yellow-base:#ff6;--color-primary-950:#020b14;--color-primary-900:#041528;--color-primary-800:#061f3d;--color-primary-700:#0d2d54;--color-primary-600:#163c6c;--color-primary-500:#04c5c4;--color-primary-400:#23d4d3;--color-primary-300:#5ae2e1;--color-primary-200:#a2f1f0;--color-primary-100:#d8faf9;--color-primary-50:#f0fcfc;--color-accent-600:#039d9d;--color-accent-500:#04c5c4;--color-accent-400:#26d5d4;--color-accent-300:#6fe4e3;--color-accent-100:#e6f9f9;--color-accent-50:#f4fcfc;--color-yellow-500:#eab308;--color-yellow-400:#facc15;--color-yellow-300:#ff6;--color-yellow-100:#fef9c3;--color-neutral-950:#0b111a;--color-neutral-900:#111827;--color-neutral-800:#1f2937;--color-neutral-700:#374151;--color-neutral-600:#4b5563;--color-neutral-500:#6b7280;--color-neutral-400:#9ca3af;--color-neutral-300:#d1d5db;--color-neutral-200:#e5e7eb;--color-neutral-100:#f3f4f6;--color-neutral-50:#f8fafc;--color-white:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#04c5c4;--color-price:#028a8a;--font-sans:"Inter", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Noto Serif", Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-card:0 2px 8px 0 #00000014, 0 0 0 1px #0000000a;--shadow-card-hover:0 8px 24px 0 #0000001f, 0 0 0 1px #167b9433;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-navbar:200;--z-modal:300;--z-toast:400;--max-width:1280px;--navbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-neutral-900);background-color:var(--color-neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}@media (width<=768px){.container{padding:0 var(--space-4)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap;border:1.5px solid #0000;padding:10px 20px;font-weight:600;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-500);color:var(--color-white);border-color:var(--color-primary-500)}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--color-primary-500);border-color:var(--color-primary-400);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-500)}.btn-outline-white{color:var(--color-white);background:0 0;border-color:#fff6}.btn-outline-white:hover:not(:disabled){background:#ffffff1a;border-color:#ffffffb3}.btn-ghost{color:var(--color-neutral-700);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-neutral-900)}.btn-accent{background:var(--color-accent-500);color:var(--color-white);border-color:var(--color-accent-500)}.btn-accent:hover:not(:disabled){background:var(--color-accent-600);border-color:var(--color-accent-600)}.btn-lg{font-size:var(--text-base);border-radius:var(--radius-xl);padding:14px 28px}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-md);padding:6px 14px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:600}.form-input,.form-select,.form-textarea{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-lg);width:100%;font-size:var(--text-sm);color:var(--color-neutral-900);background:var(--color-white);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none;padding:11px 14px}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-neutral-400)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #167b941a}.form-textarea{resize:vertical;min-height:100px}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.badge-category{background:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-100)}.badge-condition-new{color:#166534;background:#dcfce7}.badge-condition-used{color:#92400e;background:#fef3c7}.badge-condition-refurbished{color:#075985;background:#e0f2fe}.badge-verified{background:var(--color-accent-50);color:var(--color-accent-600);border:1px solid var(--color-accent-100)}.badge-pending{color:#92400e;background:#fef3c7}.badge-live{background:var(--color-accent-50);color:var(--color-accent-600)}.badge-archived{background:var(--color-neutral-100);color:var(--color-neutral-600)}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base), transform var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-10) 0}.listing-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.listing-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.listing-grid{gap:var(--space-4);grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--color-neutral-100) 25%, var(--color-neutral-200) 50%, var(--color-neutral-100) 75%);border-radius:var(--radius-md);background-size:800px 100%;animation:1.4s ease-in-out infinite shimmer}.divider{background:var(--color-neutral-200);height:1px;margin:var(--space-6) 0;border:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--transition-base);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;animation:scaleIn var(--transition-base);overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageIn var(--transition-slow) ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-neutral-200);border-top-color:var(--color-primary-500);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin}.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}.text-muted{color:var(--color-neutral-500)}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.cart-backdrop{z-index:calc(var(--z-navbar) + 50);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020b14a6;justify-content:flex-end;animation:.2s ease-out cartFadeIn;display:flex;position:fixed;inset:0}@keyframes cartFadeIn{0%{opacity:0}to{opacity:1}}.cart-drawer{background:var(--color-white);flex-direction:column;width:100%;max-width:440px;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) cartSlideIn;display:flex;box-shadow:-10px 0 35px #00000040}@keyframes cartSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-neutral-200);color:var(--color-white);background:#061f3d;justify-content:space-between;align-items:center;display:flex}.cart-drawer__title-wrap{align-items:center;gap:var(--space-2);display:flex}.cart-drawer__icon{color:var(--vpl-teal-base)}.cart-drawer__title{font-size:var(--text-base);color:var(--color-white);margin:0;font-weight:700}.cart-drawer__count-badge{border-radius:var(--radius-full);background:var(--vpl-teal-base);color:#061f3d;min-width:22px;height:22px;font-size:var(--text-xs);justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:inline-flex}.cart-drawer__close{color:#ffffffbf;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.cart-drawer__close:hover{color:var(--color-white);background:#ffffff1a}.cart-drawer__body{padding:var(--space-4);flex:1;overflow-y:auto}.cart-empty{text-align:center;height:100%;padding:var(--space-6) var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex}.cart-empty__icon-wrap{border-radius:var(--radius-full);width:72px;height:72px;color:var(--vpl-teal-base);margin-bottom:var(--space-4);background:#04c5c41a;justify-content:center;align-items:center;display:flex}.cart-empty__heading{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:700}.cart-empty__text{font-size:var(--text-sm);color:var(--color-neutral-500);max-width:280px;margin-bottom:var(--space-5);line-height:1.5}.cart-empty__btn{padding:10px 24px}.cart-items{gap:var(--space-3);flex-direction:column;margin:0;padding:0;display:flex}.cart-item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:var(--color-white);transition:border-color var(--transition-fast);display:flex}.cart-item:hover{border-color:var(--vpl-teal-base)}.cart-item__img-wrap{border-radius:var(--radius-lg);background:var(--color-neutral-100);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.cart-item__img{object-fit:cover;width:100%;height:100%}.cart-item__img-placeholder{color:var(--color-neutral-400)}.cart-item__info{flex-direction:column;flex:1;min-width:0;display:flex}.cart-item__cat{text-transform:uppercase;color:var(--vpl-teal-dark,#028c8b);margin-bottom:2px;font-size:.72rem;font-weight:600}.cart-item__name{font-size:var(--text-sm);color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-weight:700;overflow:hidden}.cart-item__price{font-size:var(--text-sm);color:var(--vpl-navy-base);margin:0 0 8px;font-weight:700}.cart-item__controls{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cart-qty{border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.cart-qty__btn{cursor:pointer;color:var(--color-neutral-700);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;display:flex}.cart-qty__btn:hover{background:var(--color-neutral-100)}.cart-qty__val{font-size:var(--text-xs);color:var(--color-neutral-900);padding:0 8px;font-weight:600}.cart-item__remove{color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.cart-item__remove:hover{color:#dc2626;background:#dc262614}.cart-drawer__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-neutral-200);background:var(--color-neutral-50);gap:var(--space-3);flex-direction:column;display:flex}.cart-drawer__total-row{justify-content:space-between;align-items:center;display:flex}.cart-drawer__total-label{font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:500}.cart-drawer__total-val{font-size:var(--text-lg);color:#061f3d;font-weight:800}.cart-drawer__note{color:var(--color-neutral-500);margin:0;font-size:.75rem;line-height:1.4}.cart-drawer__checkout-btn{width:100%;font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);padding:12px 20px;font-weight:700;display:flex}.cart-drawer__clear-btn{color:var(--color-neutral-500);font-size:var(--text-xs);cursor:pointer;text-align:center;background:0 0;border:none;padding:4px;text-decoration:underline}.cart-drawer__clear-btn:hover{color:var(--color-neutral-800)}.navbar{width:100%;z-index:calc(var(--z-navbar) + 10);height:var(--navbar-height);background:0 0;border-bottom:1px solid #0000;transition:background .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s cubic-bezier(.16,1,.3,1),backdrop-filter .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}.navbar--scrolled,.navbar--menu-open{-webkit-backdrop-filter:blur(16px);background:#020b14f0;border-bottom:1px solid #ffffff14;box-shadow:0 4px 24px #0006}.navbar__inner{align-items:center;gap:var(--space-6);height:100%;display:flex}.navbar__logo{align-items:center;gap:var(--space-3);transition:opacity var(--transition-fast);flex-shrink:0;text-decoration:none;display:flex}.navbar__logo:hover{opacity:.92}.navbar__logo-img{object-fit:contain;width:auto;height:38px;transition:height var(--transition-fast);display:block}.navbar__logo-sep{background:#fff3;width:1px;height:22px}.navbar__logo-badge{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#061f3d;background:linear-gradient(135deg, var(--vpl-teal-base) 0%, #23d4d3 100%);border-radius:var(--radius-full);white-space:nowrap;padding:3px 8px;font-size:.72rem;font-weight:700;box-shadow:0 2px 6px #04c5c459}.navbar__actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.navbar__cart-icon{color:#ffffffe6;border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;margin-right:var(--space-2);transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.navbar__cart-icon:hover{color:var(--color-white);background:#ffffff14;transform:translateY(-1px)}.navbar__cart-badge{color:#061f3d;width:19px;height:19px;font-size:.7rem;font-weight:800;font-family:var(--font-sans);pointer-events:none;background:#38bdf8;border:2px solid #020b14;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:1px;right:1px;box-shadow:0 2px 6px #00000059}.navbar__cta{height:42px;transition:all var(--transition-fast);align-items:center;gap:8px;display:inline-flex;box-shadow:0 2px 10px #0003;font-size:var(--text-sm)!important;border-radius:var(--radius-full)!important;padding:0 22px!important;font-weight:700!important}.navbar__cta:hover{transform:translateY(-1px)}.navbar__mobile-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:none}.navbar__cart-icon--mobile{width:38px;height:38px;margin-right:0}.navbar__hamburger{width:38px;height:38px;color:var(--color-white);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #ffffff26;justify-content:center;align-items:center;display:none}.navbar__hamburger:hover{background:#ffffff1a}.navbar__mobile-overlay{top:var(--navbar-height);-webkit-backdrop-filter:blur(10px);z-index:var(--z-navbar);background:#020b14b8;flex-direction:column;animation:.2s ease-out mobileFadeIn;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}.navbar__mobile-drawer{padding:var(--space-5) 0 var(--space-6);max-height:calc(100vh - var(--navbar-height));background:#041528;border-bottom:1px solid #ffffff1a;animation:.25s cubic-bezier(.16,1,.3,1) mobileSlideDown;overflow-y:auto;box-shadow:0 24px 48px -12px #0009}@keyframes mobileSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.navbar__mobile-nav{flex-direction:column;display:flex}.navbar__mobile-link{color:#ffffffe0;font-size:var(--text-base);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:12px 4px;font-weight:500;text-decoration:none;display:flex}.navbar__mobile-link:hover,.navbar__mobile-link:active{color:var(--vpl-teal-base);padding-left:8px}.navbar__mobile-link-arrow{color:var(--vpl-teal-base);font-size:1.1rem}.navbar__mobile-divider{height:1px;margin:var(--space-3) 0;background:#ffffff14}.navbar__mobile-cart-btn{border-radius:var(--radius-lg);width:100%;color:var(--color-white);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:600;display:flex}.navbar__mobile-cart-btn:hover{border-color:var(--vpl-teal-base);background:#04c5c41f}.navbar__mobile-cart-btn-left{color:var(--vpl-teal-base);align-items:center;gap:10px;display:flex}.navbar__mobile-cart-btn-left span{color:var(--color-white)}.navbar__mobile-cart-count{font-size:var(--text-xs);color:#061f3d;border-radius:var(--radius-full);background:#38bdf8;padding:2px 8px;font-weight:700}.navbar__mobile-contact-btn{width:100%;font-size:var(--text-sm);margin-top:var(--space-1);justify-content:center;padding:13px 20px;font-weight:700}.navbar__mobile-subtext{color:#ffffff73;text-align:center;margin-top:var(--space-3);font-size:.75rem;line-height:1.4}@media (width<=768px){.navbar__actions{display:none}.navbar__mobile-actions,.navbar__hamburger{display:flex}}@media (width<=480px){.navbar__inner{gap:var(--space-2)}.navbar__logo{gap:8px}.navbar__logo-img{height:30px}.navbar__logo-sep{height:16px}.navbar__logo-badge{letter-spacing:.05em;padding:2px 6px;font-size:.625rem}.navbar__cart-icon--mobile,.navbar__hamburger{width:36px;height:36px}}@media (width<=360px){.navbar__logo-img{height:27px}.navbar__logo-badge,.navbar__logo-sep{display:none}}.footer{background:var(--color-primary-950);color:#ffffffbf;margin-top:auto}.footer__main{gap:var(--space-12);padding:var(--space-16) var(--space-6);grid-template-columns:1.8fr 1fr 1fr 1fr;display:grid}.footer__logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.footer__logo-img{object-fit:contain;width:auto;height:34px;display:block}.footer__logo-badge{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:#061f3d;background:var(--vpl-teal-base);border-radius:var(--radius-full);padding:3px 8px;font-size:.7rem;font-weight:700}.footer__tagline{font-size:var(--text-sm);color:#ffffff8c;max-width:260px;margin-bottom:var(--space-4);line-height:1.7}.footer__contact a{font-size:var(--text-sm);color:var(--color-primary-300);transition:color var(--transition-fast);text-decoration:none}.footer__contact a:hover{color:var(--color-white)}.footer__col-title{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:var(--space-4);font-weight:700}.footer__col ul{gap:var(--space-2);flex-direction:column;display:flex}.footer__link{font-size:var(--text-sm);color:#fff9;transition:color var(--transition-fast);text-decoration:none;display:inline-block}.footer__link:hover{color:var(--color-white)}.footer__bottom{padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-2);border-top:1px solid #ffffff14;flex-wrap:wrap;display:flex}.footer__bottom p{font-size:var(--text-xs);color:#ffffff59}.footer__bottom-sub{font-style:italic}@media (width<=1024px){.footer__main{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}@media (width<=640px){.footer__main{gap:var(--space-8);padding:var(--space-10) var(--space-4);grid-template-columns:1fr}.footer__bottom{flex-direction:column;align-items:flex-start}}.listing-card{color:inherit;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base), transform var(--transition-base);cursor:pointer;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.listing-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.listing-card__img-wrap{aspect-ratio:16/10;background:var(--color-neutral-50);width:100%;position:relative;overflow:hidden}.listing-card__img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.listing-card:hover .listing-card__img{transform:scale(1.03)}.listing-card__img-fallback{width:100%;height:100%;color:var(--color-neutral-300);background:linear-gradient(135deg, var(--color-neutral-50), var(--color-primary-50));justify-content:center;align-items:center;display:flex}.listing-card__body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.listing-card__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.listing-card__name{font-size:var(--text-base);color:var(--color-neutral-900);margin-top:var(--space-1);font-weight:700;line-height:1.3}.listing-card__price{font-size:var(--text-xl);color:var(--color-primary-600);letter-spacing:-.02em;font-weight:800}.listing-card__price--por{font-size:var(--text-sm);color:var(--color-neutral-500);font-style:italic;font-weight:600}.listing-card__vendor{padding-top:var(--space-2);border-top:1px solid var(--color-neutral-100);flex-direction:column;gap:4px;margin-top:auto;display:flex}.listing-card__vendor-item{font-size:var(--text-xs);color:var(--color-neutral-500);align-items:center;gap:5px;display:flex}.listing-card__vendor-item svg{color:var(--color-primary-400);flex-shrink:0}.listing-card__verified{background:var(--color-accent-500);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-left:2px;font-size:9px;font-weight:700;display:inline-flex}.listing-card__actions{margin-top:2px;padding-top:0}.listing-card__cart-btn{width:100%;height:42px;font-size:var(--text-sm);border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);background:#061f3d;border:1px solid #061f3d;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex;box-shadow:0 2px 6px #061f3d26}.listing-card__cart-btn svg{color:var(--color-white);stroke:var(--color-white)}.listing-card__cart-btn:hover{color:var(--color-white);background:#0a2e5c;border-color:#0a2e5c;transform:translateY(-1px);box-shadow:0 4px 14px #061f3d4d}.listing-card__cart-btn--added{color:var(--color-white)!important;background:#10b981!important;border-color:#10b981!important}.skeleton-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.skeleton-card__img{aspect-ratio:16/10;border-radius:0;width:100%}.skeleton-card__body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.skeleton-card__badges{gap:var(--space-2);display:flex}.skeleton-badge{border-radius:var(--radius-full);width:90px;height:22px}.skeleton-badge--sm{width:60px}.skeleton-card__title{border-radius:var(--radius-sm);height:16px}.skeleton-card__title--short{width:60%}.skeleton-card__price{border-radius:var(--radius-sm);width:130px;height:24px}.skeleton-card__vendor{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-neutral-100);flex-direction:column;display:flex}.skeleton-card__vendor-line{border-radius:var(--radius-sm);height:12px}.skeleton-card__vendor-line--short{width:55%}.hero{padding:calc(var(--navbar-height) + 40px) 0 64px;text-align:center;background:linear-gradient(#020b14 0%,#061f3d 60%,#092c55 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 80%);mask-image:radial-gradient(#000 0%,#0000 80%)}.hero__content{z-index:1;flex-direction:column;align-items:center;max-width:840px;margin:0 auto;display:flex;position:relative}.hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--vpl-teal-base);margin-bottom:18px;font-size:.8125rem;font-weight:700}.hero__headline{color:var(--color-white);letter-spacing:-.025em;max-width:820px;margin-bottom:20px;font-size:clamp(2.2rem,4.2vw,3.3rem);font-weight:800;line-height:1.18}.hero__headline-accent{color:var(--vpl-teal-base)}.hero__sub{color:#ffffffc7;max-width:640px;margin-bottom:28px;font-size:1.0625rem;line-height:1.62}.hero__search{align-items:center;gap:var(--space-2);background:var(--color-white);border-radius:var(--radius-full);width:100%;max-width:660px;transition:box-shadow var(--transition-fast);margin-bottom:22px;padding:8px 8px 8px 18px;display:flex;box-shadow:0 20px 40px -10px #00000073,0 0 0 1px #ffffff1f}.hero__search:focus-within{box-shadow:0 20px 42px -8px #04c5c459, 0 0 0 2px var(--vpl-teal-base)}.hero__search-input-wrap{align-items:center;gap:var(--space-3);padding:0 var(--space-2);flex:1;display:flex}.hero__search-icon{color:var(--color-neutral-400);flex-shrink:0}.hero__search-input{font-size:var(--text-sm);color:var(--color-neutral-900);padding:var(--space-2) 0;background:0 0;border:none;outline:none;flex:1}.hero__search-input::placeholder{color:var(--color-neutral-400)}.hero__search-btn{border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm);background:var(--vpl-teal-base);color:#061f3d;cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;padding:12px 28px}.hero__search-btn:hover{background:#03b1b1;transform:translateY(-1px)}.hero__chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero__chip{border-radius:var(--radius-full);color:#ffffffd1;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff29;align-items:center;padding:7px 16px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.hero__chip:hover{color:var(--color-white);border-color:var(--vpl-teal-base);background:#04c5c42e;transform:translateY(-1px)}.stats{background:var(--color-primary-900);border-bottom:1px solid #ffffff0f}.stats__grid{gap:var(--space-4);padding:var(--space-8) var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.stats__item{text-align:center;padding:var(--space-5) var(--space-4);border-right:1px solid #ffffff14;flex-direction:column;align-items:center;display:flex}.stats__item:last-child{border-right:none}.stats__value{font-size:var(--text-4xl);color:var(--color-primary-300);letter-spacing:-.03em;font-weight:800;line-height:1}.stats__label{font-size:var(--text-sm);color:#ffffff80;margin-top:var(--space-2)}.section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.section-header--center{text-align:center;flex-direction:column;align-items:center}.section-title{font-size:var(--text-3xl);color:var(--color-neutral-900);letter-spacing:-.02em;font-weight:800}.section-sub{font-size:var(--text-base);color:var(--color-neutral-500);margin-top:var(--space-1)}.categories__grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.category-card{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-3);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);color:var(--color-neutral-700);transition:all var(--transition-base);border:1.5px solid #0000;flex-direction:column;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-card-hover);color:var(--color-primary-600);transform:translateY(-2px)}.category-card__icon{background:var(--color-primary-50);border-radius:var(--radius-xl);width:52px;height:52px;color:var(--color-primary-500);transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.category-card:hover .category-card__icon{background:var(--color-primary-100)}.category-card__label{font-size:var(--text-xs);font-weight:600;line-height:1.3}.empty-listings{align-items:center;gap:var(--space-4);padding:var(--space-16);text-align:center;color:var(--color-neutral-500);flex-direction:column;display:flex}.how-it-works{background:linear-gradient(180deg, var(--color-neutral-50) 0%, var(--color-primary-50) 100%)}.how-it-works__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.how-card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-card);transition:transform var(--transition-base), box-shadow var(--transition-base);position:relative;overflow:hidden}.how-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.how-card:before{content:"";background:linear-gradient(90deg, var(--color-primary-400), var(--color-accent-400));height:3px;position:absolute;top:0;left:0;right:0}.how-card__step{font-size:var(--text-5xl);color:var(--color-neutral-100);letter-spacing:-.04em;margin-bottom:var(--space-4);font-weight:800;line-height:1}.how-card__icon{background:var(--color-primary-50);border-radius:var(--radius-xl);width:48px;height:48px;color:var(--color-primary-500);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.how-card__title{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--space-2);font-weight:700}.how-card__desc{font-size:var(--text-sm);color:var(--color-neutral-500);line-height:1.65}.cta-banner{background:linear-gradient(135deg, var(--color-primary-800) 0%, var(--color-primary-600) 100%);padding:var(--space-16) 0}.cta-banner__inner{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.cta-banner__text h2{font-size:var(--text-3xl);color:var(--color-white);letter-spacing:-.02em;margin-bottom:var(--space-2);font-weight:800}.cta-banner__text p{font-size:var(--text-base);color:#ffffffa6}.cta-banner__actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}@media (width<=1024px){.categories__grid{grid-template-columns:repeat(4,1fr)}.stats__grid{grid-template-columns:repeat(2,1fr)}.stats__item:nth-child(2){border-right:none}}@media (width<=768px){.hero{padding:calc(var(--navbar-height) + 32px) 0 48px;min-height:unset}.hero__headline{font-size:clamp(2rem,5.5vw,2.6rem)}.hero__search{border-radius:var(--radius-xl);flex-direction:column;padding:8px}.hero__search-btn{justify-content:center;width:100%}.how-it-works__grid{grid-template-columns:1fr}.cta-banner__inner{text-align:center;flex-direction:column}.cta-banner__actions{flex-direction:column;width:100%}.cta-banner__actions .btn{justify-content:center;width:100%}.section-header{flex-direction:column;align-items:flex-start}.categories__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.hero{padding:calc(var(--navbar-height) + 24px) 0 40px}.hero__eyebrow{letter-spacing:.12em;margin-bottom:12px;font-size:.72rem}.hero__headline br{display:none}.hero__headline{max-width:95%;margin-bottom:14px;font-size:clamp(1.65rem,7.5vw,2.15rem);line-height:1.22}.hero__sub{color:#ffffffd1;max-width:95%;margin-bottom:22px;font-size:.925rem;line-height:1.55}.hero__search{border-radius:16px;gap:6px;margin-bottom:18px;padding:6px;box-shadow:0 16px 36px -8px #00000080,0 0 0 1px #ffffff26}.hero__search-input-wrap{gap:8px;width:100%;height:44px;padding:0 10px}.hero__search-input{font-size:.875rem}.hero__search-btn{border-radius:11px;height:44px;font-size:.925rem}.hero__chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;padding:4px 4px 8px;display:flex;overflow-x:auto}.hero__chips::-webkit-scrollbar{display:none}.hero__chip{white-space:nowrap;flex-shrink:0;padding:7px 14px;font-size:.78rem}.stats__grid{border-radius:var(--radius-xl);margin:var(--space-6) 0;background:#ffffff14;grid-template-columns:repeat(2,1fr);gap:1px;padding:0;overflow:hidden}.stats__item{background:var(--color-primary-900);padding:var(--space-5) var(--space-3);border:none!important}.stats__value{font-size:1.75rem}.stats__label{margin-top:4px;font-size:.75rem}.categories__grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.category-card{padding:var(--space-4) var(--space-2);border-radius:var(--radius-lg)}.category-card__icon{border-radius:var(--radius-lg);width:44px;height:44px}.category-card__label{font-size:.75rem}.how-card{padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl)}.how-card__step{font-size:var(--text-4xl);margin-bottom:var(--space-2)}.how-card__icon{width:42px;height:42px;margin-bottom:var(--space-3)}.section-header{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-2xl)}.section-sub{font-size:var(--text-sm)}.cta-banner{padding:var(--space-10) 0}.cta-banner__text h2{font-size:var(--text-2xl)}.cta-banner__text p{font-size:var(--text-sm)}}@media (width<=480px){.hero{padding:calc(var(--navbar-height) + 18px) 0 36px}.hero__headline{font-size:clamp(1.55rem,7vw,1.85rem)}.hero__sub{font-size:.875rem}}@media (width<=360px){.hero__headline{font-size:1.45rem}}.browse__header{padding:calc(var(--navbar-height) + 24px) 0 32px;color:var(--color-white);background:radial-gradient(circle at 20% 25%,#04c5c424 0%,#0000 45%),radial-gradient(circle at 80% 65%,#38bdf814 0%,#0000 50%),linear-gradient(#020b14 0%,#061933 60%,#082142 100%);border-bottom:1px solid #ffffff12;position:relative}.browse__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:#ffffff8c;margin-bottom:var(--space-3);display:flex}.browse__breadcrumb a{color:#ffffffbf;transition:color var(--transition-fast);text-decoration:none}.browse__breadcrumb a:hover{color:var(--vpl-teal-base);text-decoration:none}.browse__header-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.browse__title{font-size:var(--text-2xl);color:#fff;letter-spacing:-.02em;font-weight:800}.browse__count{font-size:var(--text-sm);color:#ffffffb3;margin-top:2px}.browse__body{gap:var(--space-8);padding-top:var(--space-6);padding-bottom:var(--space-16);grid-template-columns:280px 1fr;align-items:start;display:grid}.browse__filters{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-5);top:calc(var(--navbar-height) + var(--space-4));max-height:calc(100vh - var(--navbar-height) - var(--space-8));flex-direction:column;gap:0;display:flex;position:sticky;overflow-y:auto}.browse__filters-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.browse__filters-title{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:700}.browse__filters-close{display:none}.browse__filter-section{padding:var(--space-4) 0;border-bottom:1px solid var(--color-neutral-100)}.browse__filter-section:last-child{border-bottom:none}.browse__filter-label{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-neutral-500);margin-bottom:var(--space-3);font-weight:700;display:block}.browse__filter-group{gap:var(--space-2);flex-direction:column;display:flex}.browse__filter-check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;display:flex}.browse__filter-check input[type=radio]{width:16px;height:16px;accent-color:var(--color-primary-500);cursor:pointer}.browse__search-wrap{position:relative}.browse__search-icon{color:var(--color-neutral-400);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.browse__main{min-width:0}.browse__mobile-filter-btn{margin-bottom:var(--space-4);display:none}.browse__filter-badge{background:var(--color-primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.browse__sort{align-items:center;gap:var(--space-3);display:flex}.browse__active-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.browse__filter-chip{background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid var(--color-primary-100);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:5px;padding:4px 10px;font-weight:600;display:inline-flex}.browse__filter-chip:hover{background:var(--color-primary-100)}.browse__pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-neutral-200);display:flex}.browse__page-info{font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:500}@media (width<=1024px){.browse__body{gap:var(--space-6);grid-template-columns:240px 1fr}}@media (width<=768px){.browse__body{padding-top:var(--space-4);grid-template-columns:1fr}.browse__filters{z-index:var(--z-modal);max-height:100vh;transition:transform var(--transition-base);box-shadow:none;border-radius:0;position:fixed;inset:0;transform:translate(-100%)}.browse__filters--open{box-shadow:var(--shadow-xl);transform:translate(0)}.browse__filters-close,.browse__mobile-filter-btn{display:flex}.browse__header-row{flex-direction:column;align-items:flex-start}.browse__sort{width:100%}.browse__sort select{flex:1}}.inquiry-modal{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.inquiry-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.inquiry-modal__title{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700}.inquiry-modal__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500);margin-top:2px}.inquiry-modal__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.inquiry-modal__close:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.inquiry-modal__form{gap:var(--space-4);flex-direction:column;display:flex}.inquiry-modal__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.inquiry-modal__error{font-size:var(--text-sm);color:var(--color-error);border-radius:var(--radius-md);padding:var(--space-3);background:#fef2f2;border:1px solid #fecaca}.inquiry-modal__success{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-4);flex-direction:column;display:flex}.inquiry-modal__success-icon{color:var(--color-accent-500)}.inquiry-modal__success h3{font-size:var(--text-2xl);color:var(--color-neutral-900)}.inquiry-modal__success p{font-size:var(--text-sm);color:var(--color-neutral-600);max-width:320px;line-height:1.6}@media (width<=560px){.inquiry-modal__row{grid-template-columns:1fr}.inquiry-modal{padding:var(--space-4)}}.detail{padding-bottom:var(--space-20)}.detail__header-banner{padding:calc(var(--navbar-height) + 20px) 0 24px;color:var(--color-white);background:radial-gradient(circle at 20% 25%,#04c5c424 0%,#0000 45%),radial-gradient(circle at 80% 65%,#38bdf814 0%,#0000 50%),linear-gradient(#020b14 0%,#061933 60%,#082142 100%);border-bottom:1px solid #ffffff12;position:relative}.detail__breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:#ffffff8c;flex-wrap:wrap;display:flex}.detail__breadcrumb a{color:#ffffffbf;transition:color var(--transition-fast);text-decoration:none}.detail__breadcrumb a:hover{color:var(--vpl-teal-base)}.detail__breadcrumb-current{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:440px;font-weight:600;overflow:hidden}.detail__container{padding-top:var(--space-4)}.detail__nav-bar{padding:var(--space-4) 0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.detail__back-btn{border:1.5px solid var(--color-neutral-200);font-size:var(--text-sm);color:var(--color-neutral-700);background:#fff;border-radius:9999px;align-items:center;gap:10px;padding:7px 18px 7px 8px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #061f3d0a}.detail__back-icon-box{background:var(--color-neutral-100);width:28px;height:28px;color:var(--color-neutral-600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.detail__back-btn:hover{color:var(--vpl-navy-base);background:#fff;border-color:#04c5c480;transform:translate(-3px);box-shadow:0 4px 14px #04c5c424}.detail__back-btn:hover .detail__back-icon-box{color:#0284c7;background:#04c5c426;transform:translate(-2px)}.detail__share-btn{border:1.5px solid var(--color-neutral-200);font-size:var(--text-sm);color:var(--color-neutral-600);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #061f3d0a}.detail__share-btn:hover{border-color:var(--color-neutral-300);color:var(--color-neutral-900);background:var(--color-neutral-50)}.detail__grid{gap:var(--space-10);margin-bottom:var(--space-10);grid-template-columns:1fr 420px;align-items:start;display:grid}.detail__images{gap:var(--space-5);flex-direction:column;display:flex}.detail__img-main{border-radius:var(--radius-2xl);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);aspect-ratio:4/3;position:relative;overflow:hidden}.detail__quick-highlights{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 18px;display:grid;box-shadow:0 1px 3px #061f3d08}.detail__highlight-item{flex-direction:column;gap:2px;display:flex}.detail__highlight-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-neutral-400);font-size:.7rem;font-weight:700}.detail__highlight-val{color:var(--color-neutral-900);font-size:.875rem;font-weight:700}@media (width<=640px){.detail__quick-highlights{grid-template-columns:repeat(2,1fr)}}.detail__img{object-fit:contain;background:var(--color-neutral-50);cursor:zoom-in;width:100%;height:100%;transition:transform .2s}.detail__img:hover{transform:scale(1.015)}.detail__img-placeholder{width:100%;height:100%;color:var(--color-neutral-300);background:linear-gradient(135deg, var(--color-neutral-50), var(--color-primary-50));justify-content:center;align-items:center;display:flex}.detail__img-counter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.03em;pointer-events:none;background:#061f3db8;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;bottom:14px;right:14px}.detail__img-expand-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:34px;height:34px;color:var(--color-neutral-700);cursor:pointer;background:#ffffffe6;border:1px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #0000001a}.detail__img-expand-btn:hover{color:var(--color-primary-500);background:#fff;transform:scale(1.08)}.detail__img-nav{width:40px;height:40px;box-shadow:var(--shadow-md);color:var(--color-neutral-700);cursor:pointer;transition:all var(--transition-fast);background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.detail__img-nav:hover{background:var(--color-white);color:var(--color-primary-500);transform:translateY(-50%)scale(1.05)}.detail__img-nav--prev{left:var(--space-3)}.detail__img-nav--next{right:var(--space-3)}.detail__thumbnails{gap:var(--space-2);margin-top:var(--space-3);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.detail__thumb{border-radius:var(--radius-lg);border:2px solid var(--color-neutral-200);width:72px;height:72px;transition:all var(--transition-fast);cursor:pointer;background:#fff;flex-shrink:0;padding:0;overflow:hidden}.detail__thumb:hover,.detail__thumb--active{border-color:var(--color-primary-400);box-shadow:0 0 0 2px #04c5c433}.detail__thumb img{object-fit:cover;width:100%;height:100%}.detail__lightbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;background:#020b14e0;justify-content:center;align-items:center;padding:30px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.detail__lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.detail__lightbox-close:hover{background:#ffffff40;transform:scale(1.06)}.detail__lightbox-img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:85vh;box-shadow:0 25px 60px #00000080}.detail__info{top:calc(var(--navbar-height) + var(--space-4));gap:var(--space-4);flex-direction:column;display:flex;position:sticky}.detail__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.badge-brand{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;font-weight:600}.detail__name{font-size:var(--text-3xl);color:var(--color-neutral-900);letter-spacing:-.02em;font-weight:800;line-height:1.2}.detail__price-container{flex-direction:column;gap:4px;display:flex}.detail__price{font-size:var(--text-4xl);color:var(--color-primary-500);letter-spacing:-.03em;font-weight:800;line-height:1.1}.detail__price--por{font-size:var(--text-lg);color:var(--color-neutral-500);font-style:italic}.detail__price-hint{color:var(--color-neutral-400);font-size:.78rem;font-weight:500}.detail__lead-time-notice{color:var(--color-primary-700);background:#04c5c414;border:1px solid #04c5c433;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.8125rem;display:inline-flex}.detail__lead-time-notice strong{color:var(--color-neutral-900)}.detail__desc{font-size:var(--text-base);color:var(--color-neutral-600);line-height:1.65}.detail__cta-group{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.detail__cta{justify-content:center;width:100%}.detail__cart-cta{width:100%;color:var(--color-white);transition:all var(--transition-fast);background:#061f3d;border:1.5px solid #061f3d;justify-content:center;font-weight:700}.detail__cart-cta svg{color:var(--color-white);stroke:var(--color-white)}.detail__cart-cta:hover{color:var(--color-white);background:#0a2e5c;border-color:#0a2e5c;transform:translateY(-1px)}.detail__trust-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;padding:16px 18px;box-shadow:0 1px 4px #061f3d08}.detail__trust-grid{flex-direction:column;gap:12px;display:flex}.detail__trust-item{align-items:center;gap:12px;display:flex}.detail__trust-icon-box{color:#0284c7;background:#04c5c41f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.detail__trust-text{flex-direction:column;line-height:1.35;display:flex}.detail__trust-text strong{color:var(--color-neutral-900);font-size:.8125rem;font-weight:700}.detail__trust-text span{color:var(--color-neutral-500);font-size:.75rem}.vendor-card{border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-3);background:#fff;flex-direction:column;display:flex;box-shadow:0 2px 8px #061f3d08}.vendor-card__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-400);font-weight:700}.vendor-card__header{align-items:center;gap:12px;display:flex}.vendor-card__avatar{border:1.5px solid var(--color-neutral-200);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:4px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.vendor-card__avatar--full{background:#fff;width:96px;height:44px;padding:5px 10px}.vendor-card__avatar img{object-fit:contain;max-width:100%;max-height:100%}.vendor-card__avatar-fallback{width:100%;height:100%;color:var(--color-primary-600);background:#04c5c41a;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.vendor-card__info-col{flex-direction:column;gap:4px;min-width:0;display:flex}.vendor-card__name-row{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.vendor-card__name{color:var(--color-neutral-900);white-space:nowrap;margin:0;font-size:.95rem;font-weight:700;line-height:1.25}.vendor-card .vendor-verified-tick,.detail .vendor-verified-tick{cursor:pointer;vertical-align:middle;filter:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:transform .2s;display:inline-flex}.vendor-card .vendor-verified-tick:hover,.detail .vendor-verified-tick:hover{transform:scale(1.12)}.vendor-card .vendor-verified-tick__icon,.detail .vendor-verified-tick__icon{width:16px;height:16px;display:block}.vendor-card__sub-badge{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:9999px;align-items:center;gap:5px;width:fit-content;padding:2px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.vendor-card__sub-icon{color:#0284c7}.vendor-card__contacts{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-neutral-200);flex-direction:column;display:flex}.vendor-card__contact-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-neutral-600);text-decoration:none;display:flex}.vendor-card__contact-item svg{color:var(--color-primary-400);flex-shrink:0}.vendor-card__contact-link{transition:color var(--transition-fast)}.vendor-card__contact-link:hover{color:var(--color-primary-500)}.vendor-card__profile-link{font-size:var(--text-sm);color:var(--color-primary-500);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.vendor-card__profile-link:hover{color:var(--color-primary-700)}.detail__tabs-section{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;margin-top:4px;padding:20px 24px;box-shadow:0 1px 4px #061f3d08}.detail__tabs{border-bottom:2px solid var(--color-neutral-100);margin-bottom:var(--space-5);gap:12px;display:flex}.detail__tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-neutral-500);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;font-weight:600;display:inline-flex}.detail__tab:hover{color:var(--color-neutral-800)}.detail__tab--active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-500)}.detail__tab-panel{animation:pageIn var(--transition-base)}.detail__tab-empty{font-size:var(--text-base);color:var(--color-neutral-600);line-height:1.7}.specs-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-100);overflow:hidden}.specs-table tr{border-bottom:1px solid var(--color-neutral-100)}.specs-table tr:last-child{border-bottom:none}.specs-table tr:nth-child(2n){background:#f8fafc}.specs-table__key{color:var(--color-neutral-600);vertical-align:middle;border-right:1px solid var(--color-neutral-100);width:38%;padding:11px 16px;font-weight:600}.specs-table__val{color:var(--color-neutral-900);vertical-align:middle;padding:11px 16px}.detail__vendor-bio{gap:var(--space-4);font-size:var(--text-base);color:var(--color-neutral-700);flex-direction:column;line-height:1.7;display:flex}.detail__vendor-bio h3{font-size:var(--text-xl);color:var(--color-neutral-900)}.detail__related{border-top:1px solid var(--color-neutral-200);padding-top:var(--space-10)}.detail__mobile-bar{display:none}@media (width<=768px){.detail__mobile-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-neutral-200);z-index:999;background:#fffffff5;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.detail__mobile-bar-info{flex-direction:column;display:flex;overflow:hidden}.detail__mobile-bar-name{color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.8125rem;font-weight:700;overflow:hidden}.detail__mobile-bar-price{color:var(--color-primary-500);font-size:.875rem;font-weight:800}.detail__mobile-bar-cta{border-radius:9999px;flex-shrink:0;height:40px;padding:0 18px;font-size:.8125rem}}@media (width<=1024px){.detail__grid{gap:var(--space-8);grid-template-columns:1fr}.detail__info{position:static}}@media (width<=640px){.detail__name{font-size:var(--text-2xl)}.detail__price{font-size:var(--text-3xl)}.detail__tab{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}}.vendor-hero{padding:calc(var(--navbar-height) + 24px) 0 52px;color:var(--color-white);background:radial-gradient(circle at 20% 25%,#04c5c429 0%,#0000 45%),radial-gradient(circle at 80% 65%,#38bdf81a 0%,#0000 50%),linear-gradient(#020b14 0%,#061933 60%,#082142 100%);border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.vendor-hero__bg{z-index:0;pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000000b3 0%,#0000 80%);mask-image:radial-gradient(at 50% 35%,#000000b3 0%,#0000 80%)}.vendor-hero__inner{z-index:1;position:relative}.vendor-hero__breadcrumb{align-items:center;gap:var(--space-2);color:#ffffff8c;margin-bottom:30px;font-size:.8125rem;display:flex}.vendor-hero__breadcrumb a{color:#ffffffb3;transition:color var(--transition-fast);text-decoration:none}.vendor-hero__breadcrumb a:hover{color:var(--vpl-teal-base)}.vendor-hero__breadcrumb-current{color:var(--color-white);font-weight:600}.vendor-hero__profile{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;margin-bottom:36px;display:flex}.vendor-hero__identity{flex:1;align-items:center;gap:24px;min-width:320px;display:flex}.vendor-hero__avatar{background:#fff;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;padding:10px 14px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 16px 36px -6px #00000073,0 0 0 1px #ffffff40,0 0 24px #04c5c433}.vendor-hero__avatar:hover{transform:scale(1.02);box-shadow:0 20px 40px -6px #00000080,0 0 30px #04c5c44d}.vendor-hero__logo{object-fit:contain;max-width:100%;max-height:48px}.vendor-hero__fallback{color:var(--color-primary-900)}.vendor-hero__info{flex-direction:column;gap:8px;display:flex}.vendor-hero__title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vendor-hero__name{color:var(--color-white);letter-spacing:-.025em;flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:clamp(1.85rem,3.2vw,2.35rem);font-weight:800;line-height:1.15;display:inline-flex}.vendor-hero .vendor-verified-tick{cursor:pointer;filter:drop-shadow(0 2px 8px #1d9bf073);vertical-align:middle;justify-content:center;align-items:center;transition:transform .2s,filter .2s;display:inline-flex}.vendor-hero .vendor-verified-tick:hover{filter:drop-shadow(0 3px 12px #1d9bf0bf);transform:scale(1.12)}.vendor-hero .vendor-verified-tick__icon{width:24px;height:24px;display:block}.vendor-hero__meta{color:#ffffffb8;flex-wrap:wrap;align-items:center;gap:10px;font-size:.875rem;display:flex}.vendor-hero__meta-item{align-items:center;gap:6px;display:inline-flex}.vendor-hero__meta-item svg{color:var(--vpl-teal-base)}.vendor-hero__meta-sep{color:#ffffff40;font-size:.75rem}.vendor-hero__actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.vendor-hero__cta{height:44px;transition:all var(--transition-fast);align-items:center;gap:8px;display:inline-flex;font-size:var(--text-sm)!important;border-radius:var(--radius-full)!important;padding:0 24px!important;font-weight:700!important}.vendor-stats-flow{gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-top:8px;display:grid}.vendor-stat-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:14px;padding:16px 20px;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;display:flex}.vendor-stat-card:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border-color:#04c5c44d;transform:translateY(-2px);box-shadow:0 12px 28px -6px #00000059}.vendor-stat-card__icon-wrap{width:44px;height:44px;color:var(--vpl-teal-base);background:#04c5c41f;border:1px solid #04c5c440;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s;display:flex}.vendor-stat-card:hover .vendor-stat-card__icon-wrap{transform:scale(1.06)}.vendor-stat-card__content{flex-direction:column;gap:2px;min-width:0;display:flex}.vendor-stat-card__value{color:#fff;letter-spacing:-.02em;font-size:1.35rem;font-weight:800;line-height:1.1}.vendor-stat-card__label{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}@media (width<=1024px){.vendor-stats-flow{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.vendor-hero__profile{flex-direction:column;align-items:flex-start}.vendor-hero__identity{flex-direction:column;align-items:flex-start;gap:16px}.vendor-stats-flow{grid-template-columns:1fr}}.vendor-content{gap:var(--space-8);padding:44px var(--space-6) 64px;grid-template-columns:320px 1fr;align-items:start;display:grid}.vendor-about-card{background:var(--color-white);padding:var(--space-6);top:calc(var(--navbar-height) + var(--space-4));border:1px solid #e2e8f0d9;border-radius:22px;position:sticky;box-shadow:0 10px 30px -10px #0000000a}.vendor-about-card__title{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--space-3);letter-spacing:-.015em;font-weight:800}.vendor-about-card__bio{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0;line-height:1.6}.vendor-about-card__divider{background:var(--color-neutral-100);height:1px;margin:var(--space-5) 0}.vendor-about-card__subtitle{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-400);margin-bottom:var(--space-4);font-weight:700}.vendor-assurance-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.vendor-assurance-item{font-size:var(--text-sm);color:var(--color-neutral-700);align-items:flex-start;gap:10px;line-height:1.45;display:flex}.vendor-assurance-icon{width:24px;height:24px;color:var(--vpl-teal-base);background:#04c5c41f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.vendor-about-card__address{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0;line-height:1.5}.vendor-catalog{gap:var(--space-5);flex-direction:column;display:flex}.vendor-catalog__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.vendor-catalog__title{font-size:var(--text-2xl);color:var(--color-neutral-900);letter-spacing:-.02em;margin:0;font-weight:800}.vendor-catalog__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500);margin:3px 0 0}.vendor-catalog__search-wrap{width:100%;max-width:280px;position:relative}.vendor-catalog__search-icon{color:var(--color-neutral-400);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.vendor-catalog__search-input{border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);width:100%;height:40px;font-size:var(--text-sm);background:var(--color-white);transition:all var(--transition-fast);outline:none;padding:0 14px 0 38px;box-shadow:0 2px 6px #00000005}.vendor-catalog__search-input:focus{border-color:var(--vpl-teal-base);box-shadow:0 0 0 3px #04c5c426}.vendor-catalog__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.vendor-catalog__chip{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-neutral-100);color:var(--color-neutral-700);cursor:pointer;transition:all var(--transition-fast);border:1px solid #00000008;padding:6px 16px;font-weight:600}.vendor-catalog__chip:hover{background:var(--color-neutral-200);color:var(--color-neutral-900)}.vendor-catalog__chip--active{background:var(--color-primary-900);color:var(--color-white);border-color:var(--color-primary-900);box-shadow:0 4px 12px #061f3d26}.vendor-catalog__grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.vendor-catalog__empty{text-align:center;padding:var(--space-12) var(--space-4);background:var(--color-white);border-radius:var(--radius-2xl);border:1px dashed var(--color-neutral-300)}@media (width<=1024px){.vendor-catalog__grid{grid-template-columns:repeat(2,1fr)}.vendor-content{grid-template-columns:1fr}.vendor-about-card{position:static}}@media (width<=640px){.vendor-catalog__grid{grid-template-columns:1fr}}