@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);
.site-header{background:#fff;color:#1a1a1a;height:64px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.08);border-bottom:3px solid #3f51b5}.site-header .container{height:100%;display:flex;align-items:center;gap:1.5rem}.site-logo{display:flex;align-items:center;flex-shrink:0}.site-logo img{height:42px;width:auto;display:block}.site-search{flex:1;max-width:480px;position:relative}.site-search input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border-radius:9999px;font-size:.875rem;background:#f5f5f5;color:#1a1a1a;border:1.5px solid #e0e0e0}.site-search input::placeholder{color:#888}.site-search input:focus{outline:none;border-color:#3f51b5;background:#fff}.site-search .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#888;pointer-events:none}.site-nav{display:flex;align-items:center;gap:.5rem;margin-left:auto}.site-nav a{color:#555;font-size:.875rem;font-weight:500;padding:.5rem .75rem;border-radius:8px;transition:background 150ms ease,color 150ms ease}.site-nav a:not(.btn):not(.cart-btn):hover{background:#e8eaf6;color:#303f9f}.site-nav a.btn-primary{color:#fff}.site-nav a.btn-primary:hover{color:#fff}.site-nav a.btn-outline{color:#3f51b5}.site-nav a.btn-outline:hover{color:#fff}.cart-btn{display:flex;align-items:center;gap:.5rem;background:#3f51b5;color:#fff !important;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.875rem}.cart-btn:hover{background:#303f9f}.member-chip{display:flex;align-items:center;gap:.25rem;background:#e8eaf6;color:#3f51b5;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.member-chip.premium{background:#fff3ee;color:#e64a19}.tagline-bar{background:linear-gradient(90deg, #3f51b5 0%, #303f9f 55%, #5c6bc0 100%);color:#fff;text-align:center;padding:10px 24px;font-size:.875rem;font-weight:600;letter-spacing:.02em}.tagline-bar strong{color:#ffb300;font-weight:900;letter-spacing:.07em;font-size:.95rem}.site-footer{background:#1a1a1a;color:hsla(0,0%,100%,.7);padding:2.5rem 0;margin-top:4rem;font-size:.875rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1rem}.footer-section a{display:block;color:hsla(0,0%,100%,.6);margin-bottom:.5rem}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);margin-top:2rem;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-logo img{height:34px;width:auto;filter:brightness(0) invert(1);opacity:.88}@media(max-width: 768px){.site-search{display:none}.site-nav a:not(.cart-btn):not(.btn-primary):not(.btn-outline){display:none}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;background:#f5f5f5;color:#1a1a1a;line-height:1.5;min-height:100vh}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size: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{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media(max-width: 1299px){.container{padding:0 2rem}}@media(max-width: 768px){.container{padding:0 1rem}}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;transition:all 150ms ease;white-space:nowrap;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3f51b5;color:#fff}.btn-primary:hover{background:#303f9f}.btn-outline{background:rgba(0,0,0,0);border:2px solid #3f51b5;color:#3f51b5}.btn-outline:hover{background:#3f51b5;color:#fff}.btn-ghost{background:rgba(0,0,0,0);color:#1a1a1a}.btn-ghost:hover{background:#e0e0e0}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.3px}.badge-basic{background:#e8eaf6;color:#3f51b5}.badge-premium{background:#fff3ee;color:#ff7043}.badge-savings{background:#e8f5e9;color:#1b5e20}.badge-featured{background:#ff7043;color:#333}.spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#3f51b5;border-radius:50%;animation:spin 700ms linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:2000;display:flex;flex-direction:column;gap:.5rem}.toast{padding:1rem 1.25rem;border-radius:8px;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);font-size:.875rem;font-weight:500;color:#fff;animation:slideInRight 250ms ease;max-width:320px}.toast-success{background:#2e7d32}.toast-error{background:#c62828}.toast-info{background:#3f51b5}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}