.mens-haircuts-page.svelte-1eq6ew5{padding:32px 16px;min-height:100vh;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.container.svelte-1eq6ew5{max-width:1200px;margin:0 auto}.page-header.svelte-1eq6ew5{text-align:center;max-width:800px;margin:0 auto 48px}.page-title.svelte-1eq6ew5{font-size:3rem;font-weight:800;color:#111827;margin-bottom:16px;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description.svelte-1eq6ew5{font-size:1.25rem;color:#4b5563;line-height:1.6}.jump-navigation.svelte-1eq6ew5{background:#fff;border-radius:16px;padding:32px;margin-bottom:48px;box-shadow:0 4px 16px #0000000d;border:1px solid #e5e7eb}.jump-title.svelte-1eq6ew5{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:20px;text-align:center}.jump-buttons.svelte-1eq6ew5{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.jump-button.svelte-1eq6ew5{background:#f8fafc;border:2px solid #e2e8f0;color:#475569;padding:12px 24px;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.jump-button.svelte-1eq6ew5:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155;transform:translateY(-2px)}.jump-button.active.svelte-1eq6ew5{background:#3b82f6;border-color:#3b82f6;color:#fff}.arrow.svelte-1eq6ew5{font-size:1.2rem;transition:transform .2s ease}.jump-button.svelte-1eq6ew5:hover .arrow:where(.svelte-1eq6ew5){transform:translateY(2px)}.mixed-preview.svelte-1eq6ew5{margin-bottom:80px}.section-title.svelte-1eq6ew5{font-size:2rem;font-weight:700;color:#111827;margin-bottom:12px}.section-subtitle.svelte-1eq6ew5{color:#6b7280;margin-bottom:32px;font-size:1.125rem}.cuts-grid.svelte-1eq6ew5{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.cut-type-section.svelte-1eq6ew5{margin-bottom:80px;scroll-margin-top:100px}.section-header.svelte-1eq6ew5{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.section-description.svelte-1eq6ew5{color:#6b7280;font-size:1.125rem;line-height:1.5}.section-footer.svelte-1eq6ew5{text-align:center;margin-top:32px}.back-to-top.svelte-1eq6ew5{background:#f8fafc;border:2px solid #e2e8f0;color:#475569;padding:10px 20px;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-to-top.svelte-1eq6ew5:hover{background:#f1f5f9;border-color:#cbd5e1}.cta-section.svelte-1eq6ew5{margin:80px 0 40px}.cta-card.svelte-1eq6ew5{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:60px 40px;border-radius:24px;text-align:center}.cta-card.svelte-1eq6ew5 h2:where(.svelte-1eq6ew5){font-size:2.5rem;font-weight:700;margin-bottom:16px}.cta-card.svelte-1eq6ew5 p:where(.svelte-1eq6ew5){font-size:1.25rem;opacity:.95;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons.svelte-1eq6ew5{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-primary.svelte-1eq6ew5{background:#fff;color:#1e40af;padding:16px 40px;border-radius:12px;font-weight:700;font-size:1.125rem;text-decoration:none;transition:transform .2s ease}.cta-primary.svelte-1eq6ew5:hover{transform:translateY(-2px)}.cta-secondary.svelte-1eq6ew5{background:transparent;color:#fff;padding:16px 40px;border-radius:12px;font-weight:600;font-size:1.125rem;text-decoration:none;border:2px solid rgba(255,255,255,.3);transition:background .2s ease}.cta-secondary.svelte-1eq6ew5:hover{background:#ffffff1a}@keyframes svelte-1eq6ew5-highlight{0%{background:transparent}50%{background:#3b82f60d}to{background:transparent}}@media(max-width:768px){.page-title.svelte-1eq6ew5{font-size:2.5rem}.jump-buttons.svelte-1eq6ew5{flex-direction:column;align-items:center}.jump-button.svelte-1eq6ew5{width:100%;justify-content:center}.cuts-grid.svelte-1eq6ew5{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cta-card.svelte-1eq6ew5{padding:40px 24px}.cta-card.svelte-1eq6ew5 h2:where(.svelte-1eq6ew5){font-size:2rem}.cta-buttons.svelte-1eq6ew5{flex-direction:column;align-items:center}.cta-primary.svelte-1eq6ew5,.cta-secondary.svelte-1eq6ew5{width:100%;text-align:center}}