@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&display=swap";:root{font-family:Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111827;background-color:#f7f7fb;--bg: #f7f7fb;--card: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--primary: #6366f1;--primary-hover: #4f46e5;--ring: rgba(99, 102, 241, .35);--elev: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:not(.btn):hover{color:var(--primary-hover)}body{margin:0;display:block;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}img{background:#f3f4f6}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul,ol{list-style-type:none!important}.container{width:min(1200px,92%);margin-inline:auto}.header{position:sticky;top:0;z-index:50;background:#fff;color:var(--text);border-bottom:1px solid var(--border);box-shadow:var(--elev)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.brand{font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:.6rem}.brand-logo{width:36px;height:36px;border-radius:8px;background:url(/qttap.svg) center/cover no-repeat;display:inline-block}.brand-text{display:grid;line-height:1.05}.brand-name{font-size:1.15rem;font-weight:800;letter-spacing:.2px}.brand-tagline{font-size:.72rem;color:var(--muted);margin-top:2px}.nav{display:flex;align-items:center;gap:1rem}.nav a{color:inherit;padding:.5rem .6rem;border-radius:8px}.nav a.active{background:#eef2ff;color:var(--primary);font-weight:600}@media (max-width: 768px){.header-inner .nav{display:none}.header-inner .nav.open{display:flex;position:absolute;top:56px;right:4%;left:4%;flex-direction:column;gap:.25rem;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.5rem;box-shadow:var(--elev);animation:dropdown .18s ease-out}.header-inner .nav.drawer.open{display:flex;position:fixed;inset:0 0 0 auto;width:min(360px,86vw);flex-direction:column;gap:.25rem;background:#fff;border-left:1px solid var(--border);border-radius:0;padding:.75rem;box-shadow:-16px 0 24px #00000014;z-index:41;transform:translate(0);transition:transform .2s ease-out}.nav.drawer.open>a{width:100%;text-align:left}.header-inner .btn.ghost[aria-label="Toggle menu"]{display:inline-flex}}@media (min-width: 769px){.header-inner .btn.ghost[aria-label="Toggle menu"]{display:none}}.cart-pill{display:inline-flex;align-items:center;gap:.45rem;background:#f3f4f6;border:1px solid var(--border);padding:.45rem .7rem;border-radius:999px;color:var(--text)}.footer{margin-top:4rem;padding:2.5rem 0;border-top:1px solid var(--border);color:var(--muted)}.footer-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.footer-col ul{list-style:none;padding:0;margin:.4rem 0 0;display:grid;gap:.35rem}.footer-col a{color:inherit}.footer-col h4{margin:0;font-size:1rem}@media (min-width: 700px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr}}.footer-legal{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;margin-top:1.5rem;border-top:1px solid var(--border);flex-wrap:wrap;row-gap:.5rem}.footer-legal .flex{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-legal a{white-space:nowrap}.hero{padding:1rem 0 2rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}.hero-card{background:linear-gradient(135deg,#eef2ff,#fff);color:var(--text);border-radius:16px;padding:2rem;box-shadow:var(--elev)}.hero img{width:100%;border-radius:16px;object-fit:cover;height:100%;aspect-ratio:4 / 3}.grid{display:grid;gap:1rem}.grid.products{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid.products{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.hero{grid-template-columns:1fr}.grid.products{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid.products{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--elev)}.card-img{width:100%;aspect-ratio:4/3;object-fit:cover}.card-body{padding:1rem;display:grid;gap:.4rem}.price{font-weight:700;color:var(--text)}.badge{display:inline-block;font-size:12px;padding:.2rem .5rem;border-radius:999px;border:1px solid var(--border);background:#f9fafb;color:var(--muted)}.input,.select,.textarea{width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);transition:box-shadow .15s,border-color .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.input.error,.select.error,.textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}.error-text{color:#dc2626;font-size:12px;margin-top:4px}.row{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 900px){.row{grid-template-columns:repeat(2,1fr)}}.row>*,.checkout-grid>*{min-width:0}.checkout-grid{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}@media (min-width: 900px){.checkout-grid{grid-template-columns:1.15fr .85fr;gap:1.25rem}}.checkout-summary{position:static}@media (min-width: 900px){.checkout-summary{position:sticky;top:88px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:10px;border:1px solid transparent;background:var(--primary);color:#fff;cursor:pointer;transition:background-color .15s,box-shadow .15s}.btn:not(.ghost):not(.secondary):hover{background:var(--primary-hover)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn.secondary,.btn.secondary:hover{background:#fff;color:var(--text);border-color:var(--border)}.btn.ghost,.btn.ghost:hover{background:transparent;color:var(--text);border-color:var(--border)}.toolbar{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:center;margin-bottom:1rem}@media (min-width: 640px){.toolbar{grid-template-columns:1fr auto}}@media (min-width: 900px){.toolbar{grid-template-columns:1fr auto auto auto auto}}.toolbar .results{justify-self:end;font-size:13px}.input-icon{position:relative}.input-icon .icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);font-size:.95rem}.input.with-icon{padding-left:2.1rem}.table-wrap{width:100%;overflow-x:auto}@media (max-width: 900px){.table-wrap{display:none}}.table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--elev);min-width:640px}.table th,.table td{padding:.75rem;border-bottom:1px solid var(--border);text-align:left}.table thead th{background:#f9fafb;color:#374151;font-weight:600}.cart-list{display:none;gap:.75rem}@media (max-width: 900px){.cart-list{display:grid}}.cart-card-main{display:flex;align-items:center;gap:.75rem}.cart-card-img{width:64px;height:64px;object-fit:cover;border-radius:8px}.cart-card-title{font-weight:600}.cart-card-actions{display:grid;gap:.5rem;margin-top:.5rem;grid-template-columns:1fr auto auto;align-items:center}@media (max-width: 420px){.cart-card-actions{grid-template-columns:1fr}}@media (max-width: 768px){.header-inner .nav.open{display:flex;position:absolute;top:56px;right:4%;left:4%;flex-direction:column;gap:.25rem;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.5rem;box-shadow:var(--elev)}}.flex{display:flex;align-items:center;gap:.6rem}.justify-between{justify-content:space-between}.muted{color:var(--muted)}.section{margin:2rem 0}.nav-overlay{position:fixed;inset:0;background:#00000059;z-index:40}@media (max-width: 768px){.header-inner .nav.open{animation:dropdown .18s ease-out}}@keyframes dropdown{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.toaster{position:fixed;right:16px;top:16px;bottom:auto;display:grid;gap:8px;z-index:1000}@media (max-width: 600px){.toaster{top:16px;left:50%;right:auto;transform:translate(-50%);width:calc(100% - 24px);max-width:420px}}.toast{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px;padding:12px;border-radius:10px;border:1px solid var(--border);background:#fff;box-shadow:var(--elev);animation:slide-up .2s ease-out}.toast.success{border-left:3px solid #16a34a}.toast.info{border-left:3px solid #2563eb}.toast.error{border-left:3px solid #dc2626}.toast-close{padding:.3rem .5rem}@keyframes slide-up{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.center-viewport{min-height:40vh;display:grid;place-items:center;text-align:center}.policy ul,.policy ol{padding-left:0;margin-left:0;list-style-position:inside}.promo-banner{position:relative;overflow:hidden;border-radius:12px;background:#f8f5f2}.promo-banner picture,.promo-banner img{display:block;width:100%;height:auto;aspect-ratio:16 / 6;object-fit:cover}@media (max-width: 900px){.promo-banner picture,.promo-banner img{aspect-ratio:16 / 8}}@media (max-width: 640px){.promo-banner picture,.promo-banner img{aspect-ratio:1.8 / 1}}.promo-banner>div[aria-hidden]{position:absolute;inset:0;pointer-events:none}.promo-carousel{position:relative;width:100%;aspect-ratio:16 / 6}@media (max-width: 900px){.promo-carousel{aspect-ratio:16 / 8}}@media (max-width: 640px){.promo-carousel{aspect-ratio:1.8 / 1}}.promo-carousel-track{display:flex;width:100%;height:100%;will-change:transform;transition:transform .6s ease}.promo-slide{min-width:100%;height:100%}.promo-carousel img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.promo-banner>div[aria-hidden]{pointer-events:none}.promo-banner .btn{box-shadow:0 2px 10px #00000026}