.office-supplies-page.svelte-1f5jp6w{padding-top:calc(80px + var(--space-xl));padding-bottom:var(--space-xl);min-height:100vh}.hero.svelte-1f5jp6w{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;margin-bottom:var(--space-xl)}.hero-badge.svelte-1f5jp6w{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ff8c0026;border:1px solid rgba(255,140,0,.3);border-radius:100px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-md)}.hero-title.svelte-1f5jp6w{font-family:Outfit,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.1;background:linear-gradient(135deg,#ff8c00 0%,#ff6600 40%,var(--text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md)}.hero-description.svelte-1f5jp6w{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;max-width:540px;margin-bottom:var(--space-lg)}.hero-features.svelte-1f5jp6w{display:flex;flex-wrap:wrap;gap:var(--space-md)}.feature.svelte-1f5jp6w{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.feature.svelte-1f5jp6w svg{color:var(--accent)}.hero-visual.svelte-1f5jp6w{display:flex;justify-content:center;align-items:center}.visual-grid.svelte-1f5jp6w{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.visual-item.svelte-1f5jp6w{width:100px;height:100px;background:linear-gradient(135deg,#ff8c001a,#ff64000d);border:1px solid rgba(255,140,0,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:all .3s ease}.visual-item.svelte-1f5jp6w:hover{transform:translateY(-4px);background:#ff8c0026;border-color:#ff8c0066}.categories-section.svelte-1f5jp6w{margin-bottom:var(--space-xl)}.section-title.svelte-1f5jp6w{font-family:Outfit,sans-serif;font-size:var(--text-2xl);font-weight:800;text-align:center;margin-bottom:var(--space-lg)}.categories-grid.svelte-1f5jp6w{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md)}.category-card.svelte-1f5jp6w{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;padding:var(--space-lg);transition:all .3s ease}.category-card.svelte-1f5jp6w:hover{border-color:var(--border-hover);transform:translateY(-4px)}.category-icon.svelte-1f5jp6w{width:52px;height:52px;background:var(--accent-dim);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:var(--space-md)}.category-card.svelte-1f5jp6w h3:where(.svelte-1f5jp6w){font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-xs)}.category-card.svelte-1f5jp6w p:where(.svelte-1f5jp6w){font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.notify-section.svelte-1f5jp6w{max-width:700px;margin:0 auto}.notify-card.svelte-1f5jp6w{background:linear-gradient(135deg,#291400,#2e1d05);border:1px solid rgba(255,140,0,.3);border-radius:20px;padding:var(--space-xl);text-align:center}.notify-content.svelte-1f5jp6w{margin-bottom:var(--space-lg)}.notify-content.svelte-1f5jp6w h3:where(.svelte-1f5jp6w){font-family:Outfit,sans-serif;font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-xs)}.notify-content.svelte-1f5jp6w p:where(.svelte-1f5jp6w){color:var(--text-secondary);max-width:500px;margin:0 auto}.notify-actions.svelte-1f5jp6w{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.btn-primary.svelte-1f5jp6w{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#ff8c00,#f60);border:none;border-radius:12px;font-family:Outfit,sans-serif;font-size:var(--text-base);font-weight:700;color:#fff;text-decoration:none;transition:all .3s ease}.btn-primary.svelte-1f5jp6w:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff8c0066}.btn-secondary.svelte-1f5jp6w{display:inline-flex;align-items:center;padding:14px 28px;background:transparent;border:1px solid var(--border-subtle);border-radius:12px;font-family:Outfit,sans-serif;font-size:var(--text-base);font-weight:600;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.btn-secondary.svelte-1f5jp6w:hover{border-color:var(--border-hover);color:var(--text-primary)}@media(max-width:900px){.hero.svelte-1f5jp6w{grid-template-columns:1fr;text-align:center;gap:var(--space-lg)}.hero-content.svelte-1f5jp6w{display:flex;flex-direction:column;align-items:center}.hero-description.svelte-1f5jp6w{max-width:100%}.hero-features.svelte-1f5jp6w{justify-content:center}.visual-grid.svelte-1f5jp6w{max-width:240px}}@media(max-width:640px){.office-supplies-page.svelte-1f5jp6w{padding-top:calc(70px + var(--space-lg))}.hero-title.svelte-1f5jp6w{font-size:32px}.visual-item.svelte-1f5jp6w{width:80px;height:80px}.notify-card.svelte-1f5jp6w{padding:var(--space-lg)}.notify-actions.svelte-1f5jp6w{flex-direction:column}.btn-primary.svelte-1f5jp6w,.btn-secondary.svelte-1f5jp6w{width:100%;justify-content:center}}